/**
 * 灵点上新 - SVG图标系统
 * 统一的图标样式，替换emoji
 */

/* ===== 图标基础样式 ===== */
.icon-svg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    flex-shrink: 0;
}

/* SVG内部元素继承颜色 */
.icon-svg svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
}

/* 图标尺寸 */
.icon-xs { width: 12px; height: 12px; }
.icon-sm { width: 16px; height: 16px; }
.icon-md { width: 20px; height: 20px; }
.icon-lg { width: 24px; height: 24px; }
.icon-xl { width: 32px; height: 32px; }
.icon-2xl { width: 48px; height: 48px; }

/* 侧边栏导航图标 */
.nav-icon {
    width: 20px;
    height: 20px;
    opacity: 0.85;
}

/* 统计卡片图标容器 */
.stat-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-icon-box .icon-svg {
    width: 24px;
    height: 24px;
}

/* 图标颜色主题 */
.stat-icon-box.primary { background: rgba(59, 130, 246, 0.1); color: #3B82F6; }
.stat-icon-box.success { background: rgba(34, 197, 94, 0.1); color: #22C55E; }
.stat-icon-box.warning { background: rgba(245, 158, 11, 0.1); color: #F59E0B; }
.stat-icon-box.danger { background: rgba(239, 68, 68, 0.1); color: #EF4444; }
.stat-icon-box.info { background: rgba(14, 165, 233, 0.1); color: #0EA5E9; }
.stat-icon-box.purple { background: rgba(59, 130, 246, 0.1); color: #3b82f6; }