/* ═══════════════════════════════════════════════════
   NeuronWMS - Design Tokens (CSS Custom Properties)
   ═══════════════════════════════════════════════════ */

/*#region 全局定义*/

:root {
    /* 客户类型颜色 */
    /* 0 - 通用散客 (中性灰) */
    --cust-0-bg: #64748b;

    /* 1 - 食品加工企业 (暖橙色) */
    --cust-1-bg: #f97316;

    /* 2 - 供应链 (青色) */
    --cust-2-bg: #06b6d4;

    /* 3 - 零售渠道 (翠绿) */
    --cust-3-bg: #10b981;

    /* 4 - 校园团餐 (天蓝) */
    --cust-4-bg: #3b82f6;

    /* 5 - 机关食堂 (靛蓝) */
    --cust-5-bg: #6366f1;

    /* 6 - 餐饮门店 (玫红) */
    --cust-6-bg: #ec4899;

    /* 7 - 电商渠道 (紫罗兰) */
    --cust-7-bg: #8b5cf6;

    /* 8 - 社区团餐 (深紫) */
    --cust-8-bg: #a855f7;

    /* 9 - 文旅业态 (琥珀) */
    --cust-9-bg: #d97706;

    /* 10 - 大宗集采 (墨绿) */
    --cust-10-bg: #059669;

    /* 11 - 食堂档口 (珊瑚) */
    --cust-11-bg: #ef4444;

    --primary-color: #4a90e2;
    --primary-hover: #357abd;
    --success-color: #4CAF50;
    --success-hover: #3d8b40;
    --warning-color: #FF9800;
    --warning-hover: #e68900;
    --danger-color: #ff4d4f;
    --danger-hover: #e03e40;
    --info-color: #2196F3;
    --info-hover: #0d8bf2;
    --secondary-color: #607D8B;
    --secondary-hover: #546e7a;
    --light-color: #f8f9fa;
    --light-hover: #e9ecef;
    --dark-color: #333;
    --dark-hover: #262626;
    --text-color: #333;
    --text-secondary: #666;
    --text-light: #fff;
    --border-color: #ddd;
    --border-focus: #4a90e2;
    --bg-main: #f8f9fa;
    --bg-card: #fff;
    --bg-input: #fff;
    --bg-disabled: #f5f5f5;
    --dashboard-color: #2196F3;
    --business-color: #4CAF50;
    --assist-color: #FF9800;
    --finance-color: #9C27B0;
    --data-color: #795548;
    --system-color: #607D8B;
    --bg-sidebar: #fff;
    --bg-navbar: #fff;
    --active-bg: #f0f2f5;
    --nav-active: #4a90e2;
    --nav-hover: #f5f5f5;
    --notification-dot: #ff4d4f;
    --icon-color: #888;
    --section-header-color: #999;
    --scrollbar-width: 6px;

    /* Sidebar V2 — 窄图标栏设计 */
    --sidebar-collapsed-width: 80px;
    --sidebar-expanded-width: 220px;
    --sidebar-transition: 220ms cubic-bezier(0.2, 0, 0, 1);
    --sidebar-overlay-bg: rgba(0,0,0,0.25);
    --sidebar-z: 100;
    --bg-overlay: rgba(0, 0, 0, 0.5);
    --radius: 8px;
    --radius-sm: 4px;
    --radius-lg: 12px;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    --shadow-modal: 0 20px 40px rgba(0, 0, 0, 0.15);
    --shadow-focus: 0 0 0 3px rgba(74, 144, 226, 0.1);
    --shadow-toast: 0 8px 16px rgba(0, 0, 0, 0.1);
}

:root {
    /* 客户类型颜色 */
    --cust-type-0: #4b5563;
    --cust-type-1: #2a7d78;
    --cust-type-2: #924e24;
    --cust-type-3: #267241;
    --cust-type-4: #3051b5;
    --cust-type-5: #434099;
    --cust-type-6: #a83232;
    --cust-type-7: #6c3bc1;
    --cust-type-8: #a82b5c;
    --cust-type-9: #8b5cf6;
    --cust-type-10: #22643c;
    --cust-type-11: #b7791f;

    /* 状态颜色 */
    --status-active: #10b981;
    --status-inactive: #94a3b8;
    --status-pending: #f59e0b;
    --status-warning: #f97316;
    --status-danger: #ef4444;
    --status-info: #3b82f6;
    --status-success: #10b981;
    --status-primary: #6366f1;
    --status-secondary: #64748b;
    --status-processing: #8b5cf6;
    --status-draft: #6b7280;
    --status-archive: #8b5cf6;
    --status-approved: #059669;
    --status-rejected: #dc2626;
    --status-expired: #f87171;
    --status-completed: #059669;
    --status-cancelled: #9ca3af;
    --status-online: #10b981;
    --status-offline: #9ca3af;
    --status-busy: #f59e0b;
    --status-vacation: #8b5cf6;
    --status-new: #3b82f6;
    --status-hot: #ef4444;
    --status-recommend: #f59e0b;
    --status-vip: #a855f7;
    --status-trial: #3b82f6;
    --status-official: #059669;
    --status-deleted: #9ca3af;
    --status-locked: #ef4444;
    --status-unverified: #f59e0b;
    --status-verified: #10b981;

    /* 功能颜色 */
    --color-primary: #4a90e2;
    --color-success: #10b981;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;
    --color-secondary: #64748b;
    --color-light: #f8fafc;
    --color-dark: #1e293b;
    --color-gray-50: #f9fafb;
    --color-gray-100: #f3f4f6;
    --color-gray-200: #e5e7eb;
    --color-gray-300: #d1d5db;
    --color-gray-400: #9ca3af;
    --color-gray-500: #6b7280;
    --color-gray-600: #4b5563;
    --color-gray-700: #374151;
    --color-gray-800: #1f2937;
    --color-gray-900: #111827;

    /* 功能模块色 */
    --module-dashboard: #2196F3;
    --module-business: #4CAF50;
    --module-assist: #FF9800;
    --module-finance: #9C27B0;
    --module-data: #795548;
    --module-system: #607D8B;

    --status-text-light: #fff;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft YaHei", "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
}

a,
button,
select {
    text-decoration: none;
}

select {
    word-wrap: normal
}

body {
    background-color: var(--bg-main);
    color: var(--text-color);
    min-height: 100vh;
    padding: 10px;
}

.container {
    display: flex;
    width: 100%;
    gap: 10px;
    margin: 0 auto;
}

/*#endregion*/

/* ── Scrollbar ────────────────────── */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #d0d0d0;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #aaa;
}