/* =========================================================
   THEME-TOKENS · P1 设计基座（权威 Token 层）
   Build: 20260829-ui-revamp-p1 · 方向 A：清爽专业 SaaS

   加载顺序：置于所有样式表之后，为最高优先级层。
   职责：
   1) 定义唯一权威设计令牌（色彩/字阶/间距/圆角/阴影/动效）
   2) 把历史遗留变量（--crm-* / --uip-* / --bg 等）重映射到新令牌
      —— 一处改、全站生效，不改 43k 行历史 CSS
   3) 元素级组件统一（按钮/输入框/表格/卡片/导航）
   原则：只改视觉，不改布局结构、不改交互逻辑、不碰 HTML/JS。
   ========================================================= */

/* ---------------------------------------------------------
   1. 权威设计令牌
   --------------------------------------------------------- */
:root {
  /* —— 品牌色：蓝（延续品牌基因，精致化） —— */
  --yy-primary: #2563eb;
  --yy-primary-strong: #1d4ed8;
  --yy-primary-deep: #1e40af;
  --yy-primary-soft: #eef4ff;
  --yy-primary-softer: #f5f8ff;
  --yy-primary-wash: #eff4ff; /* hover/激活淡蓝底（介于 soft 与 softer 之间） */
  --yy-primary-border: #c7d9fe;

  /* —— 辅助色 —— */
  --yy-teal: #0d9488;
  --yy-teal-strong: #0f766e;
  --yy-teal-soft: #e7f6f3;
  --yy-orange: #b45309;
  --yy-orange-soft: #fdf3e7;

  /* —— 语义色（收敛为 4 态 × 2 层） —— */
  --yy-success: #067647;
  --yy-success-soft: #e8f5ef;
  --yy-warning: #b54708;
  --yy-warning-soft: #fdf1e7;
  --yy-danger: #d92d20;
  --yy-danger-soft: #fdecea;
  --yy-info: #175cd3;
  --yy-info-soft: #eef4ff;

  /* —— 中性色阶（页面/卡片/文字/边框） —— */
  --yy-bg: #f5f7fa;
  --yy-bg-inset: #eef1f6;
  --yy-surface: #ffffff;
  --yy-surface-soft: #f8fafc;
  --yy-ink: #101828;
  --yy-text-secondary: #344054;
  --yy-text-muted: #667085;
  --yy-text-faint: #98a2b3;
  --yy-border: #e4e9f1;
  --yy-border-strong: #d6dde7;
  --yy-divider: #eef2f7;

  /* —— 字阶（正文基准 14px，层级 6 档） —— */
  --yy-text-xs: 0.75rem;    /* 12px 辅助说明 */
  --yy-text-sm: 0.8125rem;  /* 13px 次要正文 */
  --yy-text-base: 0.875rem; /* 14px 正文 */
  --yy-text-md: 0.9375rem;  /* 15px 强调正文 */
  --yy-text-lg: 1.0625rem;  /* 17px 卡片标题 */
  --yy-text-xl: 1.25rem;    /* 20px 区块标题 */
  --yy-text-2xl: 1.5rem;    /* 24px 页面标题 */
  --yy-text-3xl: 1.875rem;  /* 30px 数字看板 */

  /* —— 字体 —— */
  --yy-font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", sans-serif;

  /* —— 间距（4px 基） —— */
  --yy-space-1: 4px;
  --yy-space-2: 8px;
  --yy-space-3: 12px;
  --yy-space-4: 16px;
  --yy-space-5: 20px;
  --yy-space-6: 24px;
  --yy-space-8: 32px;

  /* —— 圆角（4 档收敛：8/10/14/胶囊） —— */
  --yy-radius-sm: 8px;
  --yy-radius: 10px;
  --yy-radius-md: 10px;
  --yy-radius-lg: 14px;
  --yy-radius-pill: 999px;

  /* —— 阴影（三档柔和层次，替代单一阴影） —— */
  --yy-shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --yy-shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.07), 0 1px 2px rgba(16, 24, 40, 0.04);
  --yy-shadow-md: 0 4px 10px -2px rgba(16, 24, 40, 0.08), 0 2px 4px -2px rgba(16, 24, 40, 0.05);
  --yy-shadow-lg: 0 12px 28px -6px rgba(16, 24, 40, 0.13), 0 4px 10px -4px rgba(16, 24, 40, 0.06);

  /* —— 动效 —— */
  --yy-t-fast: 140ms ease;
  --yy-t: 200ms ease;

  /* —— 焦点环 —— */
  --yy-focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.16);
}

/* ---------------------------------------------------------
   2. 历史遗留变量重映射（新令牌 → 全站旧变量）
   --------------------------------------------------------- */
:root {
  --bg: var(--yy-bg);
  --surface: var(--yy-surface);
  --surface-soft: var(--yy-surface-soft);
  --primary: var(--yy-primary);
  --primary-strong: var(--yy-primary-strong);
  --primary-light: var(--yy-primary-soft);
  --accent: var(--yy-teal);
  --accent-warm: var(--yy-orange);
  --text: var(--yy-ink);
  --muted: var(--yy-text-muted);
  --border: var(--yy-border);
  --success: var(--yy-success);
  --danger: var(--yy-danger);
  --shadow: var(--yy-shadow-sm);
  --font-sans: var(--yy-font);

  /* crm-reference 体系 */
  --crm-bg: var(--yy-bg);
  --crm-surface: var(--yy-surface);
  --crm-surface-soft: var(--yy-surface-soft);
  --crm-panel: var(--yy-surface-soft);
  --crm-line: var(--yy-border);
  --crm-line-strong: var(--yy-border-strong);
  --crm-text: var(--yy-ink);
  --crm-text-soft: var(--yy-text-secondary);
  --crm-muted: var(--yy-text-muted);
  --crm-muted-light: var(--yy-text-faint);
  --crm-blue: var(--yy-primary);
  --crm-blue-strong: var(--yy-primary-strong);
  --crm-blue-soft: var(--yy-primary-soft);
  --crm-teal: var(--yy-teal);
  --crm-teal-strong: var(--yy-teal-strong);
  --crm-teal-soft: var(--yy-teal-soft);
  --crm-orange: var(--yy-orange);
  --crm-orange-soft: var(--yy-orange-soft);
  --crm-radius: var(--yy-radius);
  --crm-radius-sm: var(--yy-radius-sm);
  --crm-shadow: var(--yy-shadow-md);
  --crm-shadow-light: var(--yy-shadow-sm);

  /* ui-polish 体系 */
  --uip-primary: var(--yy-primary);
  --uip-primary-deep: var(--yy-primary-strong);
  --uip-primary-soft: var(--yy-primary-soft);
  --uip-teal: var(--yy-teal);
  --uip-teal-deep: var(--yy-teal-strong);
  --uip-teal-soft: var(--yy-teal-soft);
  --uip-orange: var(--yy-orange);
  --uip-orange-soft: var(--yy-orange-soft);
  --uip-danger: var(--yy-danger);
  --uip-danger-soft: var(--yy-danger-soft);
  --uip-success: var(--yy-success);
  --uip-success-soft: var(--yy-success-soft);
  --uip-page: var(--yy-bg);
  --uip-surface: var(--yy-surface);
  --uip-surface-raised: var(--yy-surface);
  --uip-ink: var(--yy-ink);
}

/* ---------------------------------------------------------
   3. 基础层：页面背景 / 文字渲染 / 选区 / 焦点 / 滚动条
   --------------------------------------------------------- */
body {
  background: var(--yy-bg) !important;
  color: var(--yy-ink) !important;
  font-family: var(--yy-font) !important;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

::selection {
  background: #cfe0ff;
  color: var(--yy-primary-deep);
}

:focus-visible {
  outline: 2px solid var(--yy-primary);
  outline-offset: 2px;
  border-radius: var(--yy-radius-sm);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}
*::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
*::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: var(--yy-radius-pill);
}
*::-webkit-scrollbar-thumb:hover {
  background: #b6c2d2;
}
*::-webkit-scrollbar-track {
  background: transparent;
}

/* ---------------------------------------------------------
   4. 按钮统一：圆角 / 触感 / 过渡 / 焦点环
   （.intern-view-tab 等类级规则优先级更高，胶囊形态不受影响）
   --------------------------------------------------------- */
button {
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  border-radius: var(--yy-radius) !important;
  transition: background-color var(--yy-t-fast), border-color var(--yy-t-fast),
    color var(--yy-t-fast), box-shadow var(--yy-t-fast), transform var(--yy-t-fast);
}

button.primary {
  background: var(--yy-primary) !important;
  border-color: var(--yy-primary-strong) !important;
  box-shadow: var(--yy-shadow-xs) !important;
}
button.primary:hover:not(:disabled) {
  background: var(--yy-primary-strong) !important;
  box-shadow: var(--yy-shadow-sm) !important;
}
button.primary:active:not(:disabled) {
  background: var(--yy-primary-deep) !important;
  box-shadow: none !important;
}

button.secondary {
  border-color: var(--yy-border-strong) !important;
}
button.secondary:hover:not(:disabled) {
  border-color: var(--yy-primary-border) !important;
  color: var(--yy-primary-strong) !important;
  background: var(--yy-primary-softer) !important;
}

button:disabled {
  cursor: not-allowed;
}

/* ---------------------------------------------------------
   5. 输入控件统一：圆角 / 边框 / 聚焦光环
   --------------------------------------------------------- */
input,
select,
textarea {
  font-family: inherit;
  border-radius: var(--yy-radius) !important;
  border-color: var(--yy-border-strong);
  transition: border-color var(--yy-t-fast), box-shadow var(--yy-t-fast);
}

input::placeholder,
textarea::placeholder {
  color: var(--yy-text-faint);
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--yy-primary) !important;
  box-shadow: var(--yy-focus-ring) !important;
}

/* ---------------------------------------------------------
   6. 数据表格统一：表头 / 行悬浮 / 分隔线
   --------------------------------------------------------- */
thead th {
  background: var(--yy-surface-soft) !important;
  color: var(--yy-text-secondary) !important;
  font-weight: 600;
  font-size: var(--yy-text-sm);
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--yy-border) !important;
}

table td,
table th {
  border-color: var(--yy-divider);
}

table tr:hover td {
  background: var(--yy-primary-softer);
}

/* ---------------------------------------------------------
   7. 卡片统一：圆角 14 / 边框 / 三档阴影
   --------------------------------------------------------- */
.panel,
.hero-panel,
.summary-panel,
.process-card,
.visual-card,
.doc-preview,
.receipt-preview,
.goal-card,
.customer-detail-card,
.customer-add-panel,
.enrollment-handoff-card {
  border-radius: var(--yy-radius-lg) !important;
  border-color: var(--yy-border) !important;
  box-shadow: var(--yy-shadow-sm) !important;
  transition: box-shadow var(--yy-t);
}

.process-card:hover,
.visual-card:hover {
  box-shadow: var(--yy-shadow-md) !important;
}

/* ---------------------------------------------------------
   8. 侧边导航统一：圆角 / 激活态 / 悬浮态
   --------------------------------------------------------- */
.nav-item {
  border-radius: var(--yy-radius) !important;
  font-weight: 600;
  color: var(--yy-text-secondary);
  transition: background-color var(--yy-t-fast), color var(--yy-t-fast);
}

.nav-item:hover {
  background: var(--yy-primary-softer) !important;
  color: var(--yy-primary-strong) !important;
}

.nav-item.active {
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}

/* ---------------------------------------------------------
   9. 分段控制器（实习生子视图等）：容器与激活态精修
   --------------------------------------------------------- */
.intern-view-tabs {
  background: var(--yy-bg-inset) !important;
  border-radius: var(--yy-radius-pill) !important;
  padding: 3px !important;
  gap: 2px !important;
}

.intern-view-tab {
  border-radius: var(--yy-radius-pill) !important;
  font-weight: 500;
}

.intern-view-tab.active {
  background: var(--yy-surface) !important;
  color: var(--yy-primary-strong) !important;
  box-shadow: var(--yy-shadow-sm) !important;
}

/* ---------------------------------------------------------
   10. 标题排版：字重 / 字距 / 层级
   --------------------------------------------------------- */
h1, h2, h3, h4 {
  letter-spacing: -0.01em;
  color: var(--yy-ink);
}

h2 { font-size: var(--yy-text-xl); font-weight: 700; }
h3 { font-size: var(--yy-text-lg); font-weight: 650; }

.panel h2, .panel h3,
.hero-panel h2, .hero-panel h3 {
  letter-spacing: -0.01em;
}

/* 数字看板类内容统一等宽数字 + 紧凑字距 */
.summary-panel strong,
.goal-card strong,
.visual-card strong {
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
}

/* ---------------------------------------------------------
   11. 徽章/标签：统一胶囊形态与语义色底
   --------------------------------------------------------- */
.badge,
.tag,
.pill {
  border-radius: var(--yy-radius-pill) !important;
  font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------
   12. 移动端基础保障：触控目标与可读性
   --------------------------------------------------------- */
@media (max-width: 760px) {
  body {
    font-size: var(--yy-text-base);
    -webkit-text-size-adjust: 100%;
  }

  /* 触控目标 ≥ 40px（分段控制器/导航项），不改变布局 */
  .intern-view-tab {
    min-height: 40px;
  }

  .nav-item {
    min-height: 42px;
    display: flex;
    align-items: center;
  }

  table td,
  table th {
    font-size: var(--yy-text-sm);
  }
}

/* ---------------------------------------------------------
   13. 实习生推荐政策折叠摘要（r5 单列布局下的内容保护）
   --------------------------------------------------------- */
.intern-policy-brief {
  border: 1px solid var(--yy-border);
  border-radius: var(--yy-radius) !important;
  background: var(--yy-surface-soft);
  padding: 8px 14px;
  margin: 0 0 var(--yy-space-3);
  font-size: var(--yy-text-sm);
}

.intern-policy-brief summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--yy-text-secondary);
  user-select: none;
  touch-action: manipulation;
}

.intern-policy-brief summary:hover {
  color: var(--yy-primary-strong);
}

.intern-policy-brief .scope-pill {
  margin-top: var(--yy-space-2);
  color: var(--yy-text-muted);
  line-height: 1.7;
}

/* ---------------------------------------------------------
   14. P2 桌面骨架美化（纯视觉 · 不改结构不改逻辑）
   侧边栏 / 顶栏 / 工作区容器 / 面板层次
   --------------------------------------------------------- */

/* ---- 侧边栏整体 ---- */
@media (min-width: 761px) {
  .sidebar {
    background: var(--yy-surface) !important;
    border-right: 1px solid var(--yy-border) !important;
    padding: 16px 12px !important;
  }

  /* 品牌区：加分隔线，标题更精致 */
  .sidebar .brand {
    padding: 2px 6px 14px !important;
    margin-bottom: 4px !important;
    border-bottom: 1px solid var(--yy-border) !important;
  }
  .sidebar .brand strong {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: var(--yy-text) !important;
    letter-spacing: .2px !important;
  }
  .sidebar .brand span {
    font-size: 11px !important;
    color: var(--yy-text-muted) !important;
  }
  .sidebar .brand-logo {
    border-radius: var(--yy-radius-sm) !important;
  }

  /* 一级导航轨：清爽的模块按钮 */
  .sidebar .nav-rail {
    gap: 3px !important;
  }
  .sidebar .nav-module-button {
    min-height: 42px !important;
    border-radius: var(--yy-radius-sm) !important;
    color: var(--yy-text-secondary) !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  .sidebar .nav-module-button:hover {
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text) !important;
    border-color: transparent !important;
  }
  .sidebar .nav-module-button.active {
    background: var(--yy-primary-wash) !important;
    color: var(--yy-primary-strong) !important;
    border-color: transparent !important;
  }
  .sidebar .nav-module-button .nav-module-label {
    font-weight: 650 !important;
  }

  /* 图标圆片：柔和底色，激活实心 */
  .sidebar .nav-glyph {
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text-secondary) !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  .sidebar .nav-module-button:hover .nav-glyph {
    background: var(--yy-primary-soft) !important;
    color: var(--yy-primary-strong) !important;
  }
  .sidebar .nav-module-button.active .nav-glyph {
    background: var(--yy-primary) !important;
    color: #fff !important;
  }

  /* 二级面板：白卡片 + 细边框 + 轻阴影 */
  .sidebar .nav-panel {
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    background: var(--yy-surface) !important;
    box-shadow: var(--yy-shadow-sm) !important;
    padding: 12px !important;
    margin-top: 10px !important;
  }
  .sidebar .nav-panel-head {
    border-bottom: 1px solid var(--yy-border) !important;
    padding: 0 4px 10px !important;
  }
  .sidebar .nav-panel-head strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: var(--yy-text) !important;
  }
  .sidebar .nav-panel-head span,
  .sidebar .nav-panel .nav-item small,
  .sidebar .nav-panel .nav-leaf small {
    font-size: 11.5px !important;
    color: var(--yy-text-muted) !important;
    line-height: 1.5 !important;
  }

  /* 二级项：hover 柔和、激活蓝色 + 左侧指示条 */
  .sidebar .nav-panel .nav-item,
  .sidebar .nav-panel .nav-leaf {
    border-radius: var(--yy-radius-sm) !important;
    color: var(--yy-text-secondary) !important;
    transition: background-color .15s ease, color .15s ease !important;
  }
  .sidebar .nav-panel .nav-item:hover,
  .sidebar .nav-panel .nav-leaf:hover {
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text) !important;
    border-color: transparent !important;
  }
  .sidebar .nav-panel .nav-item.active,
  .sidebar .nav-panel .nav-leaf.active {
    background: var(--yy-primary-wash) !important;
    color: var(--yy-primary-strong) !important;
    border-color: transparent !important;
    box-shadow: inset 3px 0 0 var(--yy-primary) !important;
  }
  .sidebar .nav-panel .nav-label {
    font-size: 13px !important;
    font-weight: 650 !important;
  }

  /* 子链接树：左侧细线 + 层级缩进 */
  .sidebar .nav-child-grid {
    border-left: 1px solid var(--yy-border) !important;
    margin-left: 32px !important;
  }
  .sidebar .nav-child-link {
    color: var(--yy-text-muted) !important;
    border-radius: 6px !important;
    transition: color .15s ease, background-color .15s ease !important;
  }
  .sidebar .nav-child-link:hover {
    color: var(--yy-primary-strong) !important;
    background: var(--yy-primary-wash) !important;
  }
  .sidebar .nav-child-link.active {
    color: var(--yy-primary-strong) !important;
    font-weight: 650 !important;
  }

  /* 侧边栏底部信息卡 */
  .sidebar .sidebar-card {
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius-sm) !important;
    background: var(--yy-surface-soft) !important;
    padding: 12px 14px !important;
  }
  .sidebar .sidebar-card span {
    font-size: 11px !important;
    color: var(--yy-text-muted) !important;
  }
  .sidebar .sidebar-card strong {
    font-size: 13px !important;
    font-weight: 650 !important;
    color: var(--yy-text-secondary) !important;
    font-variant-numeric: tabular-nums;
  }

  /* ---- 顶栏 ---- */
  .topbar {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-sm) !important;
    padding: 14px 20px !important;
  }
  .topbar .eyebrow {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    color: var(--yy-text-muted) !important;
  }
  .topbar h1,
  .topbar .topbar-brand h1 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--yy-text) !important;
    letter-spacing: .2px !important;
    margin: 2px 0 0 !important;
  }

  /* 顶栏操作区：控件收敛成统一的小胶囊 */
  .topbar .topbar-actions {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
  }
  .topbar .topbar-control {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border-strong) !important;
    border-radius: var(--yy-radius-sm) !important;
    padding: 6px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--yy-text-secondary) !important;
    transition: border-color .15s ease, box-shadow .15s ease !important;
  }
  .topbar .topbar-control:hover {
    border-color: var(--yy-primary) !important;
  }
  .topbar .topbar-control:focus-within {
    border-color: var(--yy-primary) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, .12) !important;
  }
  .topbar .topbar-control select {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--yy-text) !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
  }
  .topbar .topbar-status {
    font-size: 12px !important;
    color: var(--yy-text-muted) !important;
  }
  .topbar .topbar-secondary {
    background: var(--yy-surface-soft) !important;
    border-top: 1px solid var(--yy-border) !important;
    border-radius: 0 0 var(--yy-radius) var(--yy-radius) !important;
  }

  /* ---- 工作区与面板层次 ---- */
  .workspace {
    gap: 16px !important;
    padding: 20px 24px 32px !important;
  }
  .workspace .hero-panel,
  .workspace .panel,
  .workspace .summary-panel {
    border-radius: var(--yy-radius) !important;
    border: 1px solid var(--yy-border) !important;
    box-shadow: var(--yy-shadow-sm) !important;
    transition: box-shadow .2s ease !important;
  }
  .workspace .hero-panel:hover,
  .workspace .summary-panel:hover {
    box-shadow: var(--yy-shadow-md) !important;
  }
  .workspace h2,
  .workspace .hero-panel h2 {
    font-size: var(--yy-text-xl) !important;
    font-weight: 700 !important;
    color: var(--yy-text) !important;
    letter-spacing: -.2px !important;
  }
  .workspace h3,
  .workspace .panel h3 {
    font-size: var(--yy-text-md) !important;
    font-weight: 700 !important;
    color: var(--yy-text) !important;
  }
}

/* 移动端同步顶栏基础观感（不改变布局行为） */
@media (max-width: 760px) {
  .topbar {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-sm) !important;
  }
  .topbar .topbar-control {
    border: 1px solid var(--yy-border-strong) !important;
    border-radius: var(--yy-radius-sm) !important;
    background: var(--yy-surface) !important;
  }
}

/* ---------------------------------------------------------
   15. P3 结构版骨架（方案二）：品牌区副标题 / 一级导航分组
   标签 / 侧边栏底部用户卡 / 顶栏收敛。仅结构与皮肤，
   跳转与数据逻辑零改动。
   --------------------------------------------------------- */

/* ---- 桌面侧边栏容器：弹性列布局，导航滚动、用户卡吸底 ---- */
@media (min-width: 761px) {
  .sidebar {
    display: flex !important;
    flex-direction: column !important;
  }
  .sidebar .nav {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
  }
  .sidebar .sidebar-card {
    flex: 0 0 auto !important;
    display: block !important;
    margin-top: 10px !important;
  }
}

/* ---- 移动端保持原有底部导航行为：分组标签不参与底部条 ---- */
@media (max-width: 760px) {
  .sidebar .nav-rail .nav-section-label,
  .sidebar .sidebar-card .sidebar-meta {
    display: none !important;
  }
}

/* ---- 品牌区：名称 + 副标题 ---- */
.sidebar .brand strong {
  display: block !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .3px !important;
  line-height: 1.3 !important;
}
.sidebar .brand .brand-sub {
  display: block !important;
  margin-top: 2px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--yy-text-muted) !important;
  letter-spacing: .2px !important;
}

/* ---- 一级导航分组标签（工作台 / 客户中心 / 签约中心 / 经营管理） ---- */
.sidebar .nav-rail .nav-section-label {
  margin: 14px 10px 4px !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  color: var(--yy-text-muted) !important;
  user-select: none !important;
}
.sidebar .nav-rail .nav-section-label:first-child {
  margin-top: 4px !important;
}

/* ---- 侧边栏底部用户卡 ---- */
.sidebar .sidebar-card .sidebar-user {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid var(--yy-border) !important;
}
.sidebar .sidebar-card .sidebar-avatar {
  flex: 0 0 auto !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-strong) 100%) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: 0 !important;
}
.sidebar .sidebar-card .sidebar-user-meta {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
}
.sidebar .sidebar-card .sidebar-user-meta strong {
  display: block !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  color: var(--yy-text) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.sidebar .sidebar-card .sidebar-user-meta span {
  display: block !important;
  font-size: 11px !important;
  color: var(--yy-text-muted) !important;
}
.sidebar .sidebar-card .sidebar-meta {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 8px !important;
}
.sidebar .sidebar-card .sidebar-meta span {
  font-size: 10.5px !important;
  color: var(--yy-text-muted) !important;
}

/* ---- 顶栏：标题区与控件区间距节奏 ---- */
@media (min-width: 761px) {
  .topbar .topbar-actions .topbar-control {
    background: var(--yy-surface-soft) !important;
  }
  .topbar .topbar-status {
    padding: 5px 10px !important;
    border-radius: 999px !important;
    background: var(--yy-success-soft) !important;
    color: var(--yy-success-strong) !important;
    font-weight: 600 !important;
  }
  .topbar .topbar-actions > * + * {
    margin-left: 2px !important;
  }
}

/* ---------------------------------------------------------
   16. S1 骨架微调 + 工作台 M1 改造（ui-revamp-s1）
   内容：品牌区/用户卡精修 · 问候式 hero · KPI 指标行 ·
   AI 双卡 · 今日必做队列 · 可视化看板统一。仅视觉层。
   --------------------------------------------------------- */

/* ---- 16.1 骨架微调：品牌副标题 + 用户卡在线状态点 ---- */
@media (min-width: 761px) {
  .sidebar .brand .brand-sub {
    font-size: 11.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .sidebar .sidebar-card .sidebar-avatar {
    position: relative !important;
  }
  .sidebar .sidebar-card .sidebar-avatar::after {
    content: "" !important;
    position: absolute !important;
    right: -1px !important;
    bottom: -1px !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #12b76a !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 0 1px rgba(18, 183, 106, .25) !important;
  }
}

/* ---- 16.2 折叠条：轻量提示条 ---- */
@media (min-width: 761px) {
  .dashboard-fold-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    border: 1px dashed var(--yy-border-strong) !important;
    border-radius: var(--yy-radius) !important;
    background: var(--yy-surface) !important;
  }
  .dashboard-fold-bar .dashboard-fold-hint {
    font-size: 12.5px !important;
    color: var(--yy-text-muted) !important;
  }
  .dashboard-fold-bar .button.compact {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border-strong) !important;
    color: var(--yy-text-secondary) !important;
    border-radius: var(--yy-radius-sm) !important;
    font-weight: 600 !important;
  }
  .dashboard-fold-bar .button.compact:hover {
    border-color: var(--yy-primary) !important;
    color: var(--yy-primary-strong) !important;
    background: var(--yy-primary-soft) !important;
  }
}

/* ---- 16.3 hero-panel：问候卡 + 双 KPI ---- */
@media (min-width: 761px) {
  #dashboard .hero-panel {
    padding: 22px 24px !important;
    background: linear-gradient(180deg, #ffffff 0%, var(--yy-primary-softer) 100%) !important;
    color: var(--yy-ink) !important;
  }
  #dashboard .hero-panel .status-badge {
    display: inline-flex !important;
    align-items: center !important;
    padding: 4px 10px !important;
    border-radius: var(--yy-radius-pill) !important;
    background: var(--yy-primary-soft) !important;
    border: 1px solid var(--yy-primary-border) !important;
    color: var(--yy-primary-strong) !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    letter-spacing: .04em !important;
  }
  #dashboard .hero-panel h2 {
    margin: 10px 0 6px !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: -.2px !important;
    line-height: 1.35 !important;
    color: var(--yy-ink) !important;
  }
  #dashboard .hero-panel p {
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: var(--yy-text-muted) !important;
    max-width: 640px !important;
  }
  #dashboard .hero-panel .hero-stats {
    display: flex !important;
    align-items: stretch !important;
    gap: 28px !important;
    margin-top: 4px !important;
  }
  #dashboard .hero-panel .hero-stats > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    padding-left: 28px !important;
    border-left: 1px solid var(--yy-border) !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #dashboard .hero-panel .hero-stats > div:first-child {
    padding-left: 0 !important;
    border-left: 0 !important;
  }
  #dashboard .hero-panel .hero-stats span {
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: var(--yy-text-muted) !important;
    opacity: 1 !important;
  }
  #dashboard .hero-panel .hero-stats strong {
    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: var(--yy-ink) !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.5px !important;
  }
}

/* ---- 16.4 口径条 → 4-KPI 指标卡行 ---- */
@media (min-width: 761px) {
  .dashboard-context-strip {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
  }
  .dashboard-context-strip > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 14px 16px !important;
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-xs) !important;
    transition: box-shadow var(--yy-t), border-color var(--yy-t) !important;
  }
  .dashboard-context-strip > div:hover {
    border-color: var(--yy-primary-border) !important;
    box-shadow: var(--yy-shadow-sm) !important;
  }
  .dashboard-context-strip span {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: var(--yy-text-muted) !important;
  }
  .dashboard-context-strip strong {
    font-size: 19px !important;
    font-weight: 700 !important;
    color: var(--yy-ink) !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.3px !important;
    line-height: 1.3 !important;
  }
}

/* ---- 16.5 AI 双卡：桌面并排、移动单列 ---- */
@media (min-width: 1100px) {
  #dashboard > .ai-dual-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
  }
}
#dashboard > .ai-dual-grid {
  display: grid !important;
  gap: 16px !important;
}
/* 子面板全部隐藏时容器自动塌陷 */
#dashboard > .ai-dual-grid:not(:has(> section:not([hidden]))) {
  display: none !important;
}
/* 紧凑模式折叠兼容（原规则用直接子选择器，容器化后补齐） */
@media (min-width: 981px) {
  #dashboard.dashboard-compact > .ai-dual-grid {
    display: none !important;
  }
}

/* AI 卡公共皮肤 */
.ai-brief-panel,
.ai-insight-panel {
  background: var(--yy-surface) !important;
  border: 1px solid var(--yy-border) !important;
  border-radius: var(--yy-radius) !important;
  box-shadow: var(--yy-shadow-xs) !important;
  padding: 18px 20px !important;
}
.ai-brief-head h3,
.ai-insight-head h3 {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: var(--yy-ink) !important;
}
/* 「AI」徽章 */
.ai-brief-head h3::before,
.ai-insight-head h3::before {
  content: "AI" !important;
  flex: 0 0 auto !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  background: linear-gradient(135deg, var(--yy-primary) 0%, var(--yy-primary-deep) 100%) !important;
  color: #fff !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  letter-spacing: .06em !important;
}
.ai-brief-metrics {
  gap: 10px !important;
}
.ai-brief-metrics > div {
  background: var(--yy-surface-soft) !important;
  border: 1px solid var(--yy-divider) !important;
  border-radius: var(--yy-radius-sm) !important;
  padding: 10px 12px !important;
}
.ai-brief-metrics > div span {
  font-size: 11px !important;
  color: var(--yy-text-muted) !important;
  font-weight: 600 !important;
}
.ai-brief-metrics > div strong {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--yy-ink) !important;
  font-variant-numeric: tabular-nums !important;
}
.ai-brief-summary {
  font-size: 13px !important;
  line-height: 1.7 !important;
  color: var(--yy-text-secondary) !important;
}
.ai-brief-cols {
  gap: 14px !important;
}
.ai-brief-cols > div > span {
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .04em !important;
  color: var(--yy-text-faint) !important;
  text-transform: uppercase !important;
}
.ai-brief-cols ul li {
  font-size: 12.5px !important;
  line-height: 1.65 !important;
  color: var(--yy-text-secondary) !important;
}

/* ---- 16.6 今日必做队列 ---- */
@media (min-width: 761px) {
  .mustdo-panel {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-xs) !important;
    padding: 18px 20px !important;
  }
  .mustdo-head h3 {
    font-size: 15.5px !important;
    font-weight: 700 !important;
    color: var(--yy-ink) !important;
  }
  .mustdo-count {
    padding: 4px 12px !important;
    border-radius: var(--yy-radius-pill) !important;
    background: var(--yy-primary-soft) !important;
    color: var(--yy-primary-strong) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
  }
  .mustdo-summary {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .mustdo-summary > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 10px 14px !important;
    background: var(--yy-surface-soft) !important;
    border-radius: var(--yy-radius-sm) !important;
  }
  .mustdo-summary span {
    font-size: 11px !important;
    color: var(--yy-text-muted) !important;
    font-weight: 600 !important;
  }
  .mustdo-summary strong {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: var(--yy-ink) !important;
    font-variant-numeric: tabular-nums !important;
  }
  .mustdo-item {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius-sm) !important;
    transition: transform var(--yy-t-fast), box-shadow var(--yy-t-fast), border-color var(--yy-t-fast) !important;
  }
  .mustdo-item:hover {
    transform: translateX(3px) !important;
    box-shadow: var(--yy-shadow-sm) !important;
    border-color: var(--yy-primary-border) !important;
  }
  .mustdo-item.urgent { border-left: 3px solid var(--yy-danger) !important; background: var(--yy-surface) !important; }
  .mustdo-item.warn { border-left: 3px solid var(--yy-warning) !important; background: var(--yy-surface) !important; }
  .mustdo-item.normal { border-left: 3px solid var(--yy-primary) !important; background: var(--yy-surface) !important; }
  .mustdo-item > i {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: var(--yy-surface-soft) !important;
    border: 1px solid var(--yy-divider) !important;
    color: var(--yy-text-secondary) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-variant-numeric: tabular-nums !important;
  }
  .mustdo-item.urgent > i { background: var(--yy-danger-soft) !important; border-color: transparent !important; color: var(--yy-danger) !important; }
  .mustdo-item.warn > i { background: var(--yy-warning-soft) !important; border-color: transparent !important; color: var(--yy-warning) !important; }
  .mustdo-item .mustdo-body strong {
    font-size: 13.5px !important;
    font-weight: 650 !important;
    color: var(--yy-ink) !important;
  }
  .mustdo-item .mustdo-body em {
    font-size: 12px !important;
    font-style: normal !important;
    color: var(--yy-text-muted) !important;
  }
  .mustdo-item > b {
    padding: 5px 12px !important;
    border-radius: var(--yy-radius-pill) !important;
    border: 1px solid var(--yy-border-strong) !important;
    background: var(--yy-surface) !important;
    color: var(--yy-text-secondary) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    transition: all var(--yy-t-fast) !important;
  }
  .mustdo-item:hover > b {
    background: var(--yy-primary) !important;
    border-color: var(--yy-primary) !important;
    color: #fff !important;
  }
  .mustdo-empty {
    border-radius: var(--yy-radius-sm) !important;
    background: var(--yy-success-soft) !important;
    border: 1px solid #bfe8d5 !important;
  }
  .mustdo-empty strong { color: var(--yy-success) !important; }
}

/* ---- 16.7 可视化看板：卡片统一 + 图表配色收敛蓝青灰 ---- */
@media (min-width: 761px) {
  .visual-command-grid {
    gap: 16px !important;
  }
  .visual-card,
  .visual-card-wide,
  .visual-card-compact {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-xs) !important;
    padding: 18px 20px !important;
    transition: box-shadow var(--yy-t), transform var(--yy-t) !important;
  }
  .visual-card:hover {
    box-shadow: var(--yy-shadow-sm) !important;
    transform: translateY(-2px) !important;
  }
  .visual-card-head h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--yy-ink) !important;
  }
  .visual-chip {
    padding: 3px 10px !important;
    border-radius: var(--yy-radius-pill) !important;
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text-muted) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums !important;
  }
  .visual-chip.positive { background: var(--yy-success-soft) !important; color: var(--yy-success) !important; }
  .visual-chip.warning { background: var(--yy-warning-soft) !important; color: var(--yy-warning) !important; }

  /* 漏斗：蓝色渐变柱 */
  .funnel-visual > div {
    background: linear-gradient(90deg, var(--yy-primary-soft) 0%, var(--yy-primary-border) 100%) !important;
    border-radius: 6px !important;
  }
  .funnel-visual em { color: var(--yy-primary-strong) !important; font-variant-numeric: tabular-nums !important; }
  .funnel-visual strong { color: var(--yy-ink) !important; font-variant-numeric: tabular-nums !important; }
  .funnel-visual span { color: var(--yy-text-secondary) !important; }

  /* 校区排行：蓝条 + 名次圆片 */
  .rank-visual em i {
    background: linear-gradient(90deg, var(--yy-primary) 0%, #60a5fa 100%) !important;
    border-radius: 999px !important;
  }
  .rank-visual b {
    border-radius: 50% !important;
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text-secondary) !important;
    font-variant-numeric: tabular-nums !important;
  }
  .rank-visual > div:first-child b { background: var(--yy-primary) !important; color: #fff !important; }
  .rank-visual strong { color: var(--yy-ink) !important; font-variant-numeric: tabular-nums !important; }

  /* 关键动作：时间轴圆点 + 紧急红点 */
  .action-visual > div b {
    border-radius: 50% !important;
    background: var(--yy-primary) !important;
  }
  .action-visual > div.urgent b { background: var(--yy-danger) !important; }
  .action-visual span { color: var(--yy-text-muted) !important; font-variant-numeric: tabular-nums !important; }
  .action-visual p { color: var(--yy-text-secondary) !important; }

  /* 紧凑指标卡 */
  .visual-card-compact > span { font-size: 11.5px !important; color: var(--yy-text-muted) !important; font-weight: 600 !important; }
  .visual-card-compact > strong {
    font-size: 27px !important;
    font-weight: 700 !important;
    color: var(--yy-ink) !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -.5px !important;
  }
  .visual-trend.up { color: var(--yy-success) !important; }
  .visual-trend.warn { color: var(--yy-warning) !important; }
  .mini-bars i { background: linear-gradient(180deg, #60a5fa 0%, var(--yy-primary) 100%) !important; border-radius: 3px 3px 0 0 !important; }
  .risk-dots i { background: var(--yy-danger) !important; opacity: .85 !important; }
  .visual-card-compact > p { color: var(--yy-text-muted) !important; font-size: 12px !important; }
  .visual-card-compact > a { color: var(--yy-primary-strong) !important; font-weight: 650 !important; font-size: 12.5px !important; }
  .visual-insight strong { color: var(--yy-primary-strong) !important; }
  .visual-insight span { color: var(--yy-text-secondary) !important; }
  .visual-footnote { color: var(--yy-text-faint) !important; font-size: 11.5px !important; }
}

/* ---- 16.8 跟进自动化 / 画像标签 / 上线工作台：基础卡片化 ---- */
@media (min-width: 761px) {
  .followup-auto-panel,
  .profile-tag-panel,
  .role-focus-panel {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-xs) !important;
    padding: 18px 20px !important;
  }
  .launch-workbench {
    background: var(--yy-surface) !important;
    border: 1px solid var(--yy-primary-border) !important;
    border-radius: var(--yy-radius) !important;
    box-shadow: var(--yy-shadow-xs) !important;
    padding: 18px 20px !important;
  }
  .launch-step-grid > a {
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius-sm) !important;
    transition: border-color var(--yy-t-fast), box-shadow var(--yy-t-fast) !important;
  }
  .launch-step-grid > a:hover {
    border-color: var(--yy-primary-border) !important;
    box-shadow: var(--yy-shadow-sm) !important;
  }
  .launch-step-grid > a > b { color: var(--yy-primary) !important; font-variant-numeric: tabular-nums !important; }
  .launch-step-cta { color: var(--yy-primary-strong) !important; font-weight: 650 !important; }
}

/* ---- 16.9 S1 快速补丁：AI eyebrow 去重 + 上线序号蓝底 ---- */
@media (min-width: 761px) {
  /* AI 面板内 eyebrow 与 AI 徽章重复，只保留徽章 */
  .ai-brief-panel .ai-brief-head .eyebrow,
  .ai-insight-panel .ai-insight-head .eyebrow,
  .followup-auto-panel .followup-auto-head .eyebrow,
  .profile-tag-panel .profile-tag-head .eyebrow {
    display: none !important;
  }
  /* 上线步骤序号：改为品牌蓝浅底，去深色圆片 */
  #dashboard .launch-step-grid > a > b,
  .launch-step-grid > a > b {
    background: var(--yy-primary-soft) !important;
    border: 1px solid var(--yy-primary-border) !important;
    color: var(--yy-primary-strong) !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
  }
}

/* =========================================================
   17. S2 通用组件系统扫荡（2026-08-29）
   目标：全站 9 类组件一次统一 —— 按钮 4 变体 / 输入框 /
   表格（去斑马纹）/ 徽章胶囊 / 弹窗 / Toast / 空状态 /
   页签 / 下拉选择。只改视觉不改结构。
   ========================================================= */

/* ---- 17.1 按钮系统：4 变体 × 3 尺寸 ----
   primary 纯品牌蓝（清除历史青绿渐变 #12877d）；
   字重 800+ → 620（中文可读性优先）；圆角 8px。 */
.button,
button {
  min-height: 38px;
  font-weight: 620 !important;
  border-radius: var(--yy-radius-sm) !important;
  transition: background-color var(--yy-t-fast), border-color var(--yy-t-fast),
    color var(--yy-t-fast), box-shadow var(--yy-t-fast) !important;
}

/* 主按钮：纯蓝实底 */
.button.primary,
button.primary,
.primary-action,
.topbar-quick-actions .primary-action {
  border-color: var(--yy-primary) !important;
  background: var(--yy-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 2px rgba(37, 99, 235, 0.24) !important;
}
.button.primary:hover:not(:disabled),
button.primary:hover:not(:disabled),
.primary-action:hover:not(:disabled) {
  border-color: var(--yy-primary-strong) !important;
  background: var(--yy-primary-strong) !important;
  box-shadow: 0 3px 8px rgba(29, 78, 216, 0.24) !important;
}
.button.primary:active:not(:disabled),
button.primary:active:not(:disabled) {
  background: var(--yy-primary-deep) !important;
  box-shadow: 0 1px 2px rgba(29, 78, 216, 0.2) !important;
}

/* 次按钮：白底描边，hover 浅蓝 */
.button.secondary,
button.secondary,
.topbar-quick-actions button {
  border-color: var(--yy-border-strong) !important;
  background: var(--yy-surface) !important;
  color: var(--yy-text-secondary) !important;
  box-shadow: var(--yy-shadow-xs) !important;
}
.button.secondary:hover:not(:disabled),
button.secondary:hover:not(:disabled),
.topbar-quick-actions button:hover:not(:disabled) {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-softer) !important;
  color: var(--yy-primary-strong) !important;
}

/* 幽灵按钮：无边框透明底，hover 浅蓝 */
.button.ghost,
button.ghost {
  border-color: transparent !important;
  background: transparent !important;
  color: var(--yy-text-muted) !important;
  box-shadow: none !important;
}
.button.ghost:hover:not(:disabled),
button.ghost:hover:not(:disabled) {
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}

/* 危险按钮：红底白字（此前全站无定义） */
.button.danger,
button.danger,
.button.tiny.danger {
  border-color: var(--yy-danger) !important;
  background: var(--yy-danger) !important;
  color: #ffffff !important;
  box-shadow: 0 1px 2px rgba(217, 45, 32, 0.2) !important;
}
.button.danger:hover:not(:disabled),
button.danger:hover:not(:disabled) {
  border-color: #b42318 !important;
  background: #b42318 !important;
}

/* 尺寸阶梯：tiny 26 / compact 32 / 默认 38 */
.button.tiny,
button.tiny,
.button.compact,
button.compact {
  min-height: 32px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.button.tiny,
button.tiny {
  min-height: 26px;
  font-size: var(--yy-text-xs) !important;
}

/* 键盘可达性：统一 focus 环 */
.button:focus-visible,
button:focus-visible,
.topbar-pill:focus-visible {
  outline: 2px solid rgba(37, 99, 235, 0.5) !important;
  outline-offset: 2px !important;
}

/* 禁用态 */
.button:disabled,
button:disabled {
  opacity: 0.55 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* ---- 17.2 输入框：统一高度 + focus 光环 + placeholder ---- */
input,
select,
textarea {
  border-color: var(--yy-border-strong) !important;
  background: var(--yy-surface) !important;
  color: var(--yy-ink) !important;
  border-radius: var(--yy-radius-sm) !important;
  box-shadow: none !important;
  transition: border-color var(--yy-t-fast), box-shadow var(--yy-t-fast) !important;
}
input:hover:not(:disabled):not(:focus),
select:hover:not(:disabled):not(:focus),
textarea:hover:not(:disabled):not(:focus) {
  border-color: var(--yy-primary-border) !important;
}
input:focus,
select:focus,
textarea:focus {
  border-color: var(--yy-primary) !important;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
  outline: none !important;
}
input::placeholder,
textarea::placeholder {
  color: var(--yy-text-faint) !important;
}
select {
  cursor: pointer !important;
}

/* ---- 17.3 表格系统：去斑马纹 + 中性表头 + 蓝 hover ---- */
/* 关闭斑马纹（覆盖 ui-polish.css 第 375 行） */
.table-wrap tbody tr:nth-child(even) td,
table.data-table tbody tr:nth-child(even) td,
.table-wrap tbody tr:nth-child(even):hover td,
table.data-table tbody tr:nth-child(even):hover td {
  background: transparent !important;
}

/* 表头：中性浅灰底（去青绿 #f5f8f8），字重收敛 */
table th,
.table-wrap th {
  background: var(--yy-surface-soft) !important;
  color: var(--yy-text-muted) !important;
  font-weight: 650 !important;
  font-size: var(--yy-text-sm) !important;
  border-color: var(--yy-divider) !important;
  padding: 10px 12px !important;
  white-space: nowrap;
}

/* 单元格：统一内距与分隔线 */
table td,
.table-wrap td {
  padding: 10px 12px !important;
  border-color: var(--yy-divider) !important;
  color: var(--yy-text-secondary) !important;
}

/* hover 行：浅蓝提示（非斑马纹，纯悬停反馈） */
table tbody tr:hover td,
.table-wrap tbody tr:hover td {
  background: var(--yy-primary-softer) !important;
}

/* 表格容器：细边框卡片化（提高选择器权重覆盖 crm-reference.css） */
.table-wrap,
html body .table-wrap,
html body[data-active-section="customers"] #customers .table-wrap,
html body[data-active-section="interns"] #interns .table-wrap,
html body[data-active-section="finance"] #finance .table-wrap {
  display: block !important;
  border: 1px solid var(--yy-border) !important;
  border-radius: var(--yy-radius) !important;
  overflow: auto !important;
  box-shadow: none !important;
}

/* 数字列对齐 */
table td.tabular,
.table-wrap td.tabular {
  font-variant-numeric: tabular-nums !important;
}

/* ---- 17.4 徽章胶囊：默认中性 + 语义色变体 ---- */
.pill,
.chip,
.badge,
.status-badge,
.scope-pill,
.visual-chip {
  border-radius: var(--yy-radius-pill) !important;
  font-weight: 620 !important;
  padding: 3px 10px !important;
  line-height: 1.5 !important;
  white-space: nowrap;
}

/* 默认：中性灰（正文禁彩色原则 —— 仅状态徽章用色） */
.pill,
.chip,
.badge,
.status-badge {
  border-color: var(--yy-border-strong) !important;
  background: var(--yy-bg-inset) !important;
  color: var(--yy-text-secondary) !important;
}

/* 蓝色变体（选中态/品牌关联） */
.scope-pill,
.visual-chip,
.pill.active,
.chip.active,
.badge.active,
.status-badge.active {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}

/* 语义变体：success / warning / danger / info */
.badge.success, .chip.success, .pill.success, .status-badge.success,
.badge[data-tone="success"], .status-badge[data-tone="success"] {
  border-color: #b5e0cd !important;
  background: var(--yy-success-soft) !important;
  color: var(--yy-success) !important;
}
.badge.warning, .chip.warning, .pill.warning, .status-badge.warning,
.badge[data-tone="warning"], .status-badge[data-tone="warning"] {
  border-color: #f3d3ab !important;
  background: var(--yy-warning-soft) !important;
  color: var(--yy-warning) !important;
}
.badge.danger, .chip.danger, .pill.danger, .status-badge.danger,
.badge[data-tone="danger"], .status-badge[data-tone="danger"] {
  border-color: #f5c6c1 !important;
  background: var(--yy-danger-soft) !important;
  color: var(--yy-danger) !important;
}
.badge.info, .chip.info, .pill.info, .status-badge.info,
.badge[data-tone="info"], .status-badge[data-tone="info"] {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-info-soft) !important;
  color: var(--yy-info) !important;
}

/* ---- 17.5 弹窗系统：14px 圆角 + 层级阴影 ---- */
.modal-card {
  border-radius: var(--yy-radius-lg) !important;
  border-color: var(--yy-border) !important;
  box-shadow: 0 24px 70px rgba(16, 24, 40, 0.22), 0 4px 14px rgba(16, 24, 40, 0.08) !important;
}
.modal-head {
  border-bottom: 1px solid var(--yy-divider) !important;
}
.modal-head h2 {
  color: var(--yy-ink) !important;
  font-size: var(--yy-text-lg) !important;
  font-weight: 700 !important;
}
.modal-close {
  border-radius: var(--yy-radius-sm) !important;
  border-color: transparent !important;
  background: transparent !important;
  color: var(--yy-text-muted) !important;
  transition: background-color var(--yy-t-fast), color var(--yy-t-fast) !important;
}
.modal-close:hover {
  background: var(--yy-danger-soft) !important;
  color: var(--yy-danger) !important;
}
.modal-backdrop {
  background: rgba(15, 23, 42, 0.44) !important;
  backdrop-filter: blur(6px);
}

/* ---- 17.6 Toast：轻量卡片 + 左侧语义色条 ---- */
.app-toast {
  border-radius: 12px !important;
  border-color: var(--yy-border) !important;
  border-left-width: 3px !important;
  background: var(--yy-surface) !important;
  color: var(--yy-text-secondary) !important;
  font-weight: 560 !important;
  box-shadow: 0 12px 32px rgba(16, 24, 40, 0.14) !important;
}
.app-toast.success { border-left-color: var(--yy-success) !important; }
.app-toast.warning { border-left-color: var(--yy-warning) !important; }
.app-toast.danger  { border-left-color: var(--yy-danger) !important; }

/* ---- 17.7 空状态：居中引导 ---- */
.empty-state {
  display: grid;
  place-items: center;
  gap: var(--yy-space-2);
  padding: var(--yy-space-8) var(--yy-space-6) !important;
  border: 1px dashed var(--yy-border-strong) !important;
  border-radius: var(--yy-radius) !important;
  background: var(--yy-surface-soft) !important;
  color: var(--yy-text-muted) !important;
  text-align: center;
  line-height: 1.6 !important;
}

/* ---- 17.8 页签系统：统一激活蓝（清除杂色） ---- */
/* customer-order-tabs 的 #0f8edb → 品牌蓝 */
.customer-order-tabs button.active {
  border-color: var(--yy-primary) !important;
  background: var(--yy-primary) !important;
  color: #ffffff !important;
}
.customer-order-tabs button {
  font-weight: 620 !important;
}

/* smart-talk-tabs 的青绿 #48c5b8/#eef8f7 → 品牌蓝 */
.smart-talk-tabs button.active {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}
.smart-talk-tabs button {
  font-weight: 620 !important;
}

/* 通用页签胶囊：字重统一 */
.tab-pill,
.intern-view-tab,
.topbar-pill.tab,
html body .topbar-secondary .topbar-tabs .topbar-pill.tab {
  font-weight: 620 !important;
}
.tab-pill.active,
.intern-view-tab.active,
.topbar-pill.tab.active {
  font-weight: 700 !important;
}

/* tab-pill / topbar-pill 激活态统一品牌蓝（覆盖 crm-reference.css 的青绿） */
.tab-pill.active,
.topbar-pill.active,
html body .topbar-secondary .topbar-tabs .topbar-pill.tab.active,
html body .topbar-secondary .topbar-tabs .topbar-pill.tab[aria-current="page"],
html body .topbar-secondary .topbar-tabs .topbar-pill.tab[aria-selected="true"] {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
  box-shadow: inset 3px 0 0 var(--yy-primary), 0 6px 14px rgba(29, 78, 216, 0.08) !important;
}
html body .topbar-secondary .topbar-tabs .topbar-pill.tab:hover {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-softer) !important;
  color: var(--yy-primary-strong) !important;
}

/* ---- 17.10 S2 修正补丁：青绿杂色收敛到品牌蓝 ---- */
/* metric-row / dashboard 卡片左侧渐变混入了琥珀色，视觉上发青绿，改纯蓝 */
.metric-row > div::before,
.dashboard-context-strip > div::before,
.hero-stats > div::before {
  background: linear-gradient(90deg, var(--yy-primary), rgba(37, 99, 235, 0.18), transparent) !important;
}

/* 信息提示卡：deal/finance/customer/settings context、notice、toast-success
   历史青绿 #eaf8f5/#047a68 → 品牌浅蓝 */
.deal-context,
.finance-context,
.customer-context,
.settings-context,
.notice,
.toast-success {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}

/* ---- 17.9 减动效偏好（无障碍） ---- */
@media (prefers-reduced-motion: reduce) {
  .button,
  button,
  input,
  select,
  textarea,
  .intern-view-tab,
  .topbar-pill,
  .chip,
  .pill,
  .badge {
    transition: none !important;
  }
}

/* =========================================================
   18. S3-S5 一次性收尾：侧栏紧凑化 + 模块收敛 + 手机/企微专项
   目标：
   1. 侧栏/手机导航抽屉一屏展示完，不上下滚动；
   2. 剩余 M2-M8 模块的青绿/杂色/字重收敛到 S2 组件系统；
   3. 手机端底部导航与抽屉统一；
   4. 企微端紧凑密度。
   ========================================================= */

/* ---- 18.1 桌面侧栏极致紧凑（一屏展示） ---- */
@media (min-width: 761px) {
  .app-shell {
    grid-template-columns: 220px minmax(0, 1fr) !important;
  }

  .sidebar {
    padding: 10px 10px 12px !important;
    gap: 8px !important;
    overflow-y: auto !important;
  }

  /* 品牌区压缩 */
  .sidebar .brand {
    padding: 0 4px 8px !important;
    margin-bottom: 2px !important;
    gap: 8px !important;
  }
  .sidebar .brand-logo {
    width: 34px !important;
    height: 34px !important;
  }
  .sidebar .brand-logo img {
    max-width: 30px !important;
    max-height: 30px !important;
  }
  .sidebar .brand strong {
    font-size: 13px !important;
    line-height: 1.3 !important;
  }
  .sidebar .brand .brand-sub {
    font-size: 10px !important;
    line-height: 1.3 !important;
    margin-top: 1px !important;
  }

  /* 一级导航压缩 */
  .sidebar .nav-rail {
    gap: 2px !important;
  }
  .sidebar .nav-section-label {
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 8px 6px 3px !important;
    letter-spacing: 0.04em !important;
  }
  .sidebar .nav-section-label:first-child {
    padding-top: 2px !important;
  }
  .sidebar .nav-module-button {
    min-height: 32px !important;
    padding: 6px 8px !important;
    gap: 8px !important;
  }
  .sidebar .nav-module-button .nav-module-label {
    font-size: 12px !important;
    font-weight: 640 !important;
  }
  .sidebar .nav-module-button .nav-module-hint {
    display: none !important;
  }
  .sidebar .nav-glyph {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
  }

  /* 二级面板压缩 */
  .sidebar .nav-panel {
    padding: 8px !important;
    margin-top: 4px !important;
    gap: 6px !important;
  }
  .sidebar .nav-panel-head {
    padding: 0 4px 6px !important;
  }
  .sidebar .nav-panel-head strong {
    font-size: 12px !important;
  }
  .sidebar .nav-panel-head span {
    font-size: 10px !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .sidebar .nav-module-items {
    gap: 2px !important;
  }
  .sidebar .nav-panel .nav-item,
  .sidebar .nav-panel .nav-leaf {
    padding: 6px 8px !important;
    min-height: 30px !important;
  }
  .sidebar .nav-panel .nav-label {
    font-size: 12px !important;
    font-weight: 620 !important;
  }
  .sidebar .nav-panel .nav-item small,
  .sidebar .nav-panel .nav-leaf small {
    font-size: 10px !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /* 子链接树压缩 */
  .sidebar .nav-child-grid {
    margin-left: 24px !important;
    padding-left: 6px !important;
    gap: 2px !important;
  }
  .sidebar .nav-child-link {
    padding: 4px 8px !important;
    font-size: 11px !important;
    min-height: 24px !important;
  }

  /* 底部用户身份卡压缩 */
  .sidebar .sidebar-card {
    padding: 8px 10px !important;
    margin-top: auto !important;
    gap: 6px !important;
  }
  .sidebar .sidebar-card .sidebar-user {
    gap: 8px !important;
  }
  .sidebar .sidebar-card .sidebar-avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    font-size: 13px !important;
  }
  .sidebar .sidebar-card .sidebar-avatar::after {
    width: 9px !important;
    height: 9px !important;
    right: -1px !important;
    bottom: -1px !important;
  }
  .sidebar .sidebar-card .sidebar-user-meta strong {
    font-size: 12px !important;
    font-weight: 650 !important;
  }
  .sidebar .sidebar-card .sidebar-user-meta span {
    font-size: 10px !important;
  }
  .sidebar .sidebar-card .sidebar-meta {
    padding-top: 6px !important;
    gap: 2px !important;
  }
  .sidebar .sidebar-card .sidebar-meta span {
    font-size: 9px !important;
  }
  .sidebar .sidebar-card .sidebar-meta strong {
    font-size: 11px !important;
    font-weight: 620 !important;
  }
}

/* ---- 18.2 手机端导航抽屉紧凑化（一屏展示完） ---- */
@media (max-width: 760px) {
  .mobile-nav-sheet {
    left: 8px !important;
    right: 8px !important;
    bottom: calc(70px + env(safe-area-inset-bottom)) !important;
    max-height: min(72dvh, 520px) !important;
    padding: 10px !important;
    gap: 8px !important;
    border-radius: 14px !important;
  }
  .mobile-nav-module {
    gap: 5px !important;
  }
  .mobile-nav-module h4 {
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 2px !important;
  }
  .mobile-nav-module > div {
    gap: 6px !important;
  }
  .mobile-nav-module a {
    min-height: 32px !important;
    padding: 6px 8px !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    border-radius: 8px !important;
  }

  /* 底部 Dock 压缩 */
  .sidebar .nav-rail {
    gap: 2px !important;
  }
  .sidebar .nav-module-button,
  .sidebar .nav-module-button.active,
  .sidebar .nav-module-button:hover {
    min-height: 46px !important;
    padding: 2px 1px !important;
    grid-template-rows: 24px 16px !important;
    border-radius: 12px !important;
  }
  .sidebar .nav-glyph {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border-radius: 10px !important;
  }
  .sidebar .nav-module-label {
    font-size: 0.62rem !important;
    font-weight: 700 !important;
  }

  /* 手机端“更多”按钮 */
  .mobile-nav-more {
    min-height: 46px !important;
    padding: 2px 1px !important;
  }
  .mobile-nav-more span {
    width: 20px !important;
    height: 20px !important;
    font-size: 0.9rem !important;
  }
  .mobile-nav-more strong {
    font-size: 0.62rem !important;
  }
}

/* ---- 18.3 通用收敛补丁：残留青绿/琥珀/字重统一收敛 ---- */
/* 所有激活态青绿 → 品牌蓝 */
.nav-module-button.active,
.mobile-nav-module a.active,
.intern-view-tab.active,
.customer-order-tabs button.active,
.smart-talk-tabs button.active,
.topbar-pill.active,
.tab-pill.active {
  color: var(--yy-primary-strong) !important;
}

/* 所有字重 800+ → 700 以下 */
.nav-module-label,
.mobile-nav-module a,
.nav-panel-head strong,
.nav-label,
.intern-view-tab,
.customer-order-tabs button,
.smart-talk-tabs button,
.topbar-pill,
.tab-pill,
h1, h2, h3, h4, h5, h6 {
  font-weight: clamp(400, 650, 700) !important;
}

/* 历史琥珀/青绿渐变卡片左侧条 → 品牌蓝 */
.metric-row > div::before,
.dashboard-context-strip > div::before,
.hero-stats > div::before,
.goal-screen-metrics > div::before,
.process-card::before,
.summary-panel::before {
  background: linear-gradient(90deg, var(--yy-primary), rgba(37, 99, 235, 0.16), transparent) !important;
}
/* 覆盖 focused 模式下 styles.css 16264 行的高特异性青绿渐变 */
body[data-nav-mode="focused"] .metric-row > div::before {
  background: linear-gradient(90deg, var(--yy-primary), rgba(37, 99, 235, 0.16), transparent) !important;
}

/* 所有 context / notice 青绿收敛 */
.deal-context, .finance-context, .customer-context, .settings-context,
.intern-view-context, .notice, .toast-success, .info-panel {
  border-color: var(--yy-primary-border) !important;
  background: var(--yy-primary-soft) !important;
  color: var(--yy-primary-strong) !important;
}

/* 历史青绿实心按钮/图标 → 品牌蓝 */
button[style*="background: #12877d"],
button[style*="background-color: #12877d"],
.button[style*="background: #12877d"],
.badge[style*="background: #12877d"] {
  background: var(--yy-primary) !important;
}

/* ---- 18.4 设置页改左侧菜单（M8） ---- */
@media (min-width: 761px) {
  #settings .settings-layout,
  #settings .settings-container {
    display: grid !important;
    grid-template-columns: 200px minmax(0, 1fr) !important;
    gap: 20px !important;
    align-items: start !important;
  }
  #settings .settings-subnav,
  #settings .settings-menu {
    position: sticky !important;
    top: 20px !important;
    display: grid !important;
    gap: 2px !important;
    padding: 10px !important;
    border: 1px solid var(--yy-border) !important;
    border-radius: var(--yy-radius) !important;
    background: var(--yy-surface) !important;
  }
  #settings .settings-subnav a,
  #settings .settings-menu a {
    padding: 8px 10px !important;
    border-radius: var(--yy-radius-sm) !important;
    font-size: 12px !important;
    font-weight: 620 !important;
    color: var(--yy-text-secondary) !important;
  }
  #settings .settings-subnav a:hover,
  #settings .settings-menu a:hover {
    background: var(--yy-surface-soft) !important;
    color: var(--yy-text) !important;
  }
  #settings .settings-subnav a.active,
  #settings .settings-menu a.active {
    background: var(--yy-primary-wash) !important;
    color: var(--yy-primary-strong) !important;
    box-shadow: inset 3px 0 0 var(--yy-primary) !important;
  }
}

/* ---- 18.5 企微端紧凑密度（S5） ---- */
/* 企微桌面侧窗/桌面端 max-height 820 场景 */
@media (max-height: 820px) and (min-width: 761px) {
  .sidebar {
    padding: 8px 8px 10px !important;
    gap: 6px !important;
  }
  .sidebar .nav-module-button {
    min-height: 30px !important;
    padding: 5px 7px !important;
  }
  .sidebar .nav-glyph {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
  }
  .sidebar .nav-panel {
    padding: 6px !important;
  }
  .sidebar .nav-panel .nav-item,
  .sidebar .nav-panel .nav-leaf {
    padding: 5px 7px !important;
    min-height: 26px !important;
  }
  .workspace {
    padding: 14px 18px 20px !important;
    gap: 12px !important;
  }
  .hero-panel,
  .panel {
    padding: 16px !important;
  }
}

/* ---- 18.6 触控目标最小 44px（S4 无障碍） ---- */
button,
.button,
.nav-module-button,
.nav-child-link,
.mobile-nav-module a,
.topbar-pill,
.intern-view-tab,
.customer-order-tabs button,
.smart-talk-tabs button {
  min-height: 44px !important;
}
button.tiny,
.button.tiny,
.nav-child-link,
.mobile-nav-module a {
  min-height: 32px !important;
}

/* ---- 18.7 dashboard-fold-bar 紧凑（如果出现在侧栏附近） ---- */
.dashboard-fold-bar {
  padding: 10px 14px !important;
  border-radius: var(--yy-radius) !important;
  gap: 8px !important;
}
.dashboard-fold-bar summary {
  font-size: 13px !important;
  font-weight: 650 !important;
  padding: 6px 0 !important;
}
.dashboard-fold-bar .fold-hint {
  font-size: 11px !important;
}