/* ============================================================
   pearl.css —— 「珍珠玻璃」主题令牌层
   2026-11-02 P1 批次新增（UI 改造批次 1/5，纯视觉层，业务/接口/权限零改动）
   改动原因：设计令牌换新（参考 scaffold-master「珍珠玻璃」设计语言），
            浅灰白底 + 蓝 #236de9 主操作 / 青柠正常 / 红危险。
   影响范围：全局 CSS 变量取值 + 少量语义色保底覆写；style.css 本体不再改动
            （仅头部去 CDN 字体一处）。
   回退方式：从 index.html / login.html 移除本文件 link 引用即整批回退。
   规则：本文件只放「令牌 + 覆盖层」，类名一律沿用 style.css 既有类名
        （类名被 JS 拼字符串引用，改名即断功能）；不使用 !important display 规则
        （权限显隐由 data-perm + 内联 display:none 控制）。
   ============================================================ */

/* ── 令牌：颜色 / 字色 / 圆角 / 阴影 / 分类色 / 密度 ─────────────── */
:root {
    /* 2026-11-02 颜色回旧（feature/color-restore，方案A只回颜色层）：
       全局配色取值回到 2d3113e 蓝图工程风旧值；圆角/阴影结构/间距/密度规格
       保持现值不动（用户拍板"组件不动只回颜色"）。改动时间：2026-11-02。 */
    --primary: #0F5C8C;
    --primary-light: #2E7FB8;
    --primary-dark: #0A4570;
    --primary-bg: #E3EEF7;
    --accent: #DE7A33;              /* 回旧暖橙标注 */
    --bg: #EDF1F6;
    --card-bg: #FFFFFF;
    --text: #0A2340;
    --text-sub: #45607C;
    --text-light: #7A8FA6;
    --text-faint: #7E93A8;          /* 元信息档（旧版无对应，取旧 text-light 与 border 之间档；C11 对比度校准过线） */
    --border: #D2DDE9;
    --border-light: #E6EDF5;
    --surface-muted: #F6F9FC;
    --surface-sunken: #E6ECF3;
    --success: #16794F;
    --danger: #C0392B;

    /* 新增变量映射旧语义（青柠/亮蓝新色全部退场，逐个对应旧色板） */
    --lime: #DE7A33;                          /* 装饰点缀 → 旧 accent 暖橙 */
    --lime-soft: rgba(222, 122, 51, .14);     /* 旧 accent 14% 底 */
    --blue-soft: #E3EEF7;                     /* = 旧 --primary-bg */
    --danger-bright: #D4574A;                 /* 旧 danger 亮档（hover 实心红用） */
    --danger-soft: rgba(192, 57, 43, .11);    /* 旧 danger 11% 底 */
    --focus: rgba(15, 92, 140, .8);           /* 旧 primary 焦点环 */
    /* 行/控件交互底色（P3 表格悬停统一用）→ 旧墨蓝调 */
    --hover-bg: rgba(15, 92, 140, .05);
    --press-bg: rgba(15, 92, 140, .09);

    /* 圆角两档（2026-11-02 复核对齐拍板）：控件 8px / 容器 12px */
    --radius-sm: 8px;
    --radius: 8px;
    --radius-lg: 12px;

    /* 阴影：接触阴影 + 环境阴影双层（结构不变，tint 回旧墨蓝系） */
    --shadow-sm: 0 1px 2px rgba(10, 35, 64, .05), 0 5px 14px rgba(10, 35, 64, .04);
    --shadow: 0 1px 3px rgba(10, 35, 64, .06), 0 12px 30px rgba(10, 35, 64, .055);
    --shadow-hover: 0 2px 6px rgba(10, 35, 64, .07), 0 22px 50px rgba(10, 35, 64, .08);
    --shadow-accent: 0 1px 2px rgba(10, 35, 64, .28), 0 8px 18px rgba(15, 92, 140, .24);
    --edge: inset 0 1px 0 rgba(255, 255, 255, .92);

    /* 分类色映射旧色板五组（旧壳不配新彩）：只区分类别，不表示状态 */
    --cat-1-bg: #F7E7D8; --cat-1-ink: #9C4F0E;   /* 暖橙（旧 accent 系；C11 对比度校准过线） */
    --cat-2-bg: #E3EEF7; --cat-2-ink: #0A4570;   /* 蓝（旧 primary 系） */
    --cat-3-bg: #E6ECF3; --cat-3-ink: #45607C;   /* 墨蓝灰（旧 text-sub 系） */
    --cat-4-bg: #F5E0DC; --cat-4-ink: #A03A2E;   /* 红（旧 danger 系） */
    --cat-5-bg: #DDEDE5; --cat-5-ink: #126B45;   /* 绿（旧 success 系；C11 对比度校准过线） */

    /* 表格密度（P3 统一表格皮肤时启用） */
    --row-h: 48px;
    --cell-px: 16px;
    --control-h: 36px;
    --control-h-sm: 30px;

    /* 缓动 */
    --ease-premium: cubic-bezier(.16, 1, .3, 1);

    /* 底纹回旧墨蓝网格 */
    --grid-tex: linear-gradient(rgba(15, 92, 140, 0.045) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15, 92, 140, 0.045) 1px, transparent 1px);
}

/* ── 语义色保底：暖色业务语义不随主题换青柠 ───────────────────────── */
/* 黄标（单据绑定方案）/ 未税琥珀 / 客户等级S / 样品一口价 为业务语义色，保留暖色 */
.manual-price-card h3::before { background: linear-gradient(180deg, #DE7A33, #B8641A); }
.manual-price-card h3 { color: #A85A12; }
.crm-level-S { background: linear-gradient(135deg, #B85A18, #DE7A33); }
.price-highlight.tax-mode-untaxed {
    background: linear-gradient(135deg, #B85A18 0%, #C96A28 55%, #DE7A33 100%);
}
.crm-scheme-bound { border-color: #DE7A33; background: #FDF3E6; }
/* 警示文案走危险红（原橙色标注换青柠会失义） */
.warnings { color: var(--danger); }

/* ── 标题层级：面板/分区标题走正文墨色（标题≠主色） ───────────────── */
.card h3 { color: var(--text); }
.category-title { color: var(--text); }

/* ── 全局观感微调 ─────────────────────────────────────────────────── */
::selection { background: rgba(15, 92, 140, .20); }
::-webkit-scrollbar-thumb { background: #B8C4D2; }
::-webkit-scrollbar-thumb:hover { background-color: var(--text-light); }

/* ── 仪表化排版工具：数字等宽对齐（金额/编号/时间列用） ───────────── */
.tnum { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }

/* ── 减弱动态效果：全站可关停（P5/P2 Canvas 动画另有 JS 层关停） ──── */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ── 圆角两档落地（2026-11-02 复核补正）：存量容器统一 12px ──────────
   拍板口径：控件（按钮/输入/小徽标/分页钮）8px；容器（卡片/表格容器/弹窗/
   面板/横幅/看板容器）12px。以下为存量容器从 6/8/10px 收整到 --radius-lg 的清单。 */
.card,
.price-highlight,
.lead-time,
.item-edit-banner,
.quote-items-table-wrap,
.config-table,
.cfg-card,
.ai-table-wrap,
.crm-kanban-empty,
.qmg-modal-dialog,
.dynamic-card,
.ai-drop-zone,
.ai-modal-content {
    border-radius: var(--radius-lg);
}