/**
 * 用户自助注销插件 - 自定义SVG图标样式
 *
 * @package User_Self_Delete
 * @since 1.0.0
 */

/* ========================================
   自定义SVG图标
   ======================================== */

.usd-custom-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
}

.usd-custom-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

/* 面板标题中的图标尺寸 */
.usd-panel-title .usd-custom-icon {
    width: 28px;
    height: 28px;
    margin-right: 10px;
}

/* 警告图标中的尺寸 */
.usd-warning-icon-lg .usd-custom-icon {
    width: 32px;
    height: 32px;
    margin-right: 0;
}

/* 按钮中的图标尺寸 */
.usd-btn .usd-custom-icon {
    width: 20px;
    height: 20px;
    margin-right: 6px;
}

/* 具体图标颜色 */
.usd-icon-chart { color: #667eea; }      /* 图表 - 蓝色 */
.usd-icon-lock { color: #dc3545; }       /* 锁 - 红色 */
.usd-icon-warning { color: #ffc107; }    /* 警告 - 黄色 */
.usd-icon-success { color: #28a745; }    /* 成功 - 绿色 */
.usd-icon-clock { color: #6c757d; }      /* 时钟 - 灰色 */

/* 响应式调整 */
@media (max-width: 768px) {
    .usd-custom-icon {
        width: 20px;
        height: 20px;
        margin-right: 6px;
    }
    
    .usd-panel-title .usd-custom-icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    
    .usd-warning-icon-lg .usd-custom-icon {
        width: 28px;
        height: 28px;
    }
}

/* 深色模式支持 */
@media (prefers-color-scheme: dark) {
    .usd-icon-chart { color: #7c9eff; }    /* 图表 - 亮蓝色 */
    .usd-icon-lock { color: #ff6b6b; }    /* 锁 - 亮红色 */
    .usd-icon-warning { color: #ffd93d; }  /* 警告 - 亮黄色 */
    .usd-icon-success { color: #51cf66; }  /* 成功 - 亮绿色 */
    .usd-icon-clock { color: #868e96; }    /* 时钟 - 亮灰色 */
}