/* ==========================================================================
   损失下探 · v5.3.2 报告视觉皮肤（仅视觉，不改结构/事件/文案）
   作用域：.lv2 根 + body:has(损失页激活) 下的抽屉
   令牌：底 #faf8f5 / 面 #fff / 正文 #1f2937 / 次文 #6b7280 / 强调 #b45309
   ========================================================================== */

.lv2 {
  --lv-bg: #faf8f5;
  --lv-surface: #fff;
  --lv-text: #1f2937;
  --lv-muted: #6b7280;
  --lv-accent: #b45309;
  --lv-accent-soft: #fdf4e7;
  --lv-head: #f9fafb;
  --lv-hover: #faf8f5;
  --lv-line: rgba(31, 41, 55, 0.07);
  --lv-line-strong: rgba(31, 41, 55, 0.12);
  --lv-radius: 12px;
  --lv-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  --lv-ring: 0 0 0 1px rgba(31, 41, 55, 0.08);
  color: var(--lv-text);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}

/* 页面底色（只在损失页可见时生效） */
body:has(.page-view[data-page="loss"]:not(.d-none)) {
  background: #faf8f5;
}

/* ---------- 头部 ---------- */
.lv2 .lv2-crumbs { color: var(--lv-muted); font-size: 13px; }
.lv2 .lv2-crumbs b { color: var(--lv-text); font-weight: 600; font-size: 18px; letter-spacing: -0.01em; }
.lv2 .lv2-crumbs .sep { color: rgba(31, 41, 55, 0.22); }
.lv2 .lv2-head-actions { gap: 8px; }

/* ---------- 卡片分层（微明度 + 阴影，不用硬边框） ---------- */
.lv2 .lv2-ledger,
.lv2 .lv2-filters,
.lv2 .lv2-panel,
.lv2 .lv2-analysis > *,
.lv2 .lv2-trend,
.lv2 .lv2-rank,
.lv2 .lv2-punish,
.lv2 .lv2-people {
  background: var(--lv-surface);
  border-radius: var(--lv-radius);
  box-shadow: var(--lv-shadow), var(--lv-ring);
  border: 0;
}

.lv2 .lv2-ledger { padding: 16px 18px; }
.lv2 .lv2-filters { padding: 12px 14px; }

/* ---------- 按钮 ---------- */
.lv2 .lv2-btn {
  background: var(--lv-surface);
  color: var(--lv-text);
  border: 0;
  border-radius: 10px;
  box-shadow: var(--lv-ring);
  font-size: 12.5px;
  font-weight: 500;
  padding: 7px 12px;
  transition: background-color 160ms cubic-bezier(0.215, 0.61, 0.355, 1),
              box-shadow 160ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lv2 .lv2-btn:hover { background: #fdfcfa; box-shadow: 0 0 0 1px var(--lv-line-strong); }
.lv2 .lv2-btn:active { background: #f6f2ec; }
.lv2 .lv2-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.18), var(--lv-ring); }

/* 主行动（录入 / 主提交）—— 仅按钮与链接 */
.lv2 button.lv2-cta,
.lv2 a.lv2-cta,
.lv2 .lv2-btn.primary,
.lv2 .lv2-btn.sm.primary {
  background: var(--lv-accent);
  color: #fff;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.28);
}
.lv2 button.lv2-cta:hover,
.lv2 a.lv2-cta:hover,
.lv2 .lv2-btn.primary:hover { background: #9a4708; }

/* 整块提示（div.lv2-cta）：浅 amber 卡，不是按钮 */
.lv2 div.lv2-cta {
  background: #fdf4e7;
  color: #7c4a12;
  border-radius: var(--lv-radius);
  box-shadow: inset 3px 0 0 0 rgba(180, 83, 9, 0.55), 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 12px 16px;
}
.lv2 div.lv2-cta h3, .lv2 div.lv2-cta h4, .lv2 div.lv2-cta strong, .lv2 div.lv2-cta b { color: #6b3d0c; }
.lv2 div.lv2-cta .muted, .lv2 div.lv2-cta .text-secondary { color: #9a6a33; }

/* 文字链 */
.lv2 .lv2-link { color: var(--lv-accent); text-decoration: none; }
.lv2 .lv2-link:hover { text-decoration: underline; }

/* ---------- 分段控件（时间范围） ---------- */
.lv2 .segmented {
  background: #f4f1ec;
  border-radius: 10px;
  box-shadow: inset 0 0 0 1px rgba(31, 41, 55, 0.05);
  padding: 3px;
  gap: 2px;
}
.lv2 .segmented button {
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--lv-muted);
  font-size: 12.5px;
  padding: 5px 10px;
  transition: background-color 160ms ease, color 160ms ease;
}
.lv2 .segmented button[aria-pressed="true"] {
  background: var(--lv-surface);
  color: var(--lv-accent);
  font-weight: 600;
  box-shadow: 0 1px 2px rgba(31, 41, 55, 0.08);
}

/* ---------- 表单控件 ---------- */
.lv2 select,
.lv2 input[type="text"],
.lv2 input[type="date"],
.lv2 input[type="number"],
.lv2 input[type="search"],
.lv2 textarea {
  background: var(--lv-surface);
  color: var(--lv-text);
  border: 0;
  border-radius: 10px;
  box-shadow: var(--lv-ring);
  font-size: 12.5px;
  padding: 7px 10px;
  outline: none;
  transition: box-shadow 160ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lv2 select:focus,
.lv2 input:focus,
.lv2 textarea:focus {
  outline: none;
  box-shadow: 0 0 0 1.5px rgba(180, 83, 9, 0.35), inset 0 0 0 1px rgba(31, 41, 55, 0.06);
}

/* ---------- 标签 chip ---------- */
.lv2 .lv2-chips { gap: 6px; }
.lv2 .lv2-chip {
  background: var(--lv-accent-soft);
  color: #8a4708;
  border: 0;
  border-radius: 999px;
  padding: 3px 9px;
  font-size: 12px;
}
.lv2 .lv2-chip button, .lv2 .lv2-chip .x { color: #a35a12; }

/* ---------- 分段 tabs ---------- */
.lv2 .lv2-tabs {
  background: var(--lv-surface);
  border-radius: var(--lv-radius) var(--lv-radius) 0 0;
  box-shadow: 0 1px 0 0 var(--lv-line);
  padding: 0 14px;
  gap: 4px;
}
.lv2 .lv2-tab {
  border: 0;
  background: transparent;
  color: var(--lv-muted);
  border-radius: 10px 10px 0 0;
  font-size: 13.5px;
  font-weight: 500;
  padding: 11px 12px;
  position: relative;
  transition: color 160ms ease, background-color 160ms ease;
}
.lv2 .lv2-tab:hover { background: var(--lv-hover); color: var(--lv-text); }
.lv2 .lv2-tab[aria-selected="true"] {
  color: var(--lv-accent);
  font-weight: 600;
  background: transparent;
  box-shadow: inset 0 -2px 0 0 var(--lv-accent);
}
.lv2 .lv2-tab .cnt {
  color: inherit;
  opacity: 0.72;
  margin-left: 6px;
  font-variant-numeric: tabular-nums;
}

/* ---------- 表格 ---------- */
.lv2 .lv2-tablewrap { border-radius: 0 0 var(--lv-radius) var(--lv-radius); overflow: hidden; }
.lv2 .lv2-table { border-collapse: separate; border-spacing: 0; width: 100%; }
.lv2 .lv2-table thead th {
  background: var(--lv-head);
  color: var(--lv-muted);
  font-size: 12px;
  font-weight: 500;
  border: 0;
  border-bottom: 1px solid var(--lv-line);
  padding: 9px 10px;
  white-space: nowrap;
}
.lv2 .lv2-table tbody td {
  border: 0;
  border-bottom: 1px solid var(--lv-line);
  padding: 10px;
  color: var(--lv-text);
  font-size: 13px;
  vertical-align: middle;
}
.lv2 .lv2-table tbody tr:hover td { background: var(--lv-hover); }
.lv2 .lv2-table tbody tr:last-child td { border-bottom: 0; }
.lv2 .lv2-table .num,
.lv2 .lv2-table td.num,
.lv2 .lv2-table th.num { text-align: right; font-variant-numeric: tabular-nums; }
.lv2 .lv2-table .neg { color: #b42318; }

/* ---------- 状态/提示块（amber / green / blue） ---------- */
.lv2 .lv2-fresh,
.lv2 .lv2-auto,
.lv2 .lv2-pending,
.lv2 .lv2-partial,
.lv2 .lv2-bulk-why,
.lv2 .lv2-legend,
.lv2 .lv2-rule {
  background: #fcfaf6;
  border-radius: 10px;
  box-shadow: inset 3px 0 0 0 rgba(180, 83, 9, 0.45);
  color: var(--lv-muted);
  font-size: 12px;
  padding: 6px 10px;
}
.lv2 .lv2-fresh b, .lv2 .lv2-pending b { color: #8a4708; }
.lv2 .lv2-partial { background: #f7f9fb; box-shadow: inset 3px 0 0 0 rgba(37, 99, 235, 0.35); }
.lv2 .lv2-auto { background: #f6faf7; box-shadow: inset 3px 0 0 0 rgba(21, 128, 61, 0.35); }

/* 空/错误态 */
.lv2 .lv2-state { color: var(--lv-muted); font-size: 13px; padding: 10px 2px; }
.lv2 .lv2-state[data-tone="red"], .lv2 .lv2-state.error { color: #b42318; }

/* 骨架 */
.lv2 .lv2-skel {
  background: linear-gradient(90deg, #f4f1ec 0%, #faf8f5 45%, #f4f1ec 90%);
  background-size: 200% 100%;
  animation: lv2Shimmer 1.4s ease-in-out infinite;
  border-radius: 8px;
}
@keyframes lv2Shimmer { 0% { background-position: 120% 0; } 100% { background-position: -20% 0; } }

/* ---------- 抽屉（损失页激活时的通用抽屉） ---------- */
body:has(.page-view[data-page="loss"]:not(.d-none)) .detail-drawer {
  background: var(--lv-surface, #fff);
  border-radius: 16px;
  box-shadow: -8px 0 32px rgba(31, 41, 55, 0.14), 0 0 0 1px rgba(31, 41, 55, 0.06);
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .drawer-backdrop {
  background: rgba(31, 41, 55, 0.28);
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .drawer-header {
  background: var(--lv-surface, #fff);
  border-bottom: 1px solid rgba(31, 41, 55, 0.07);
  border-radius: 16px 16px 0 0;
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .drawer-callout {
  background: #fcfaf6;
  border-radius: 10px;
  box-shadow: inset 3px 0 0 0 rgba(180, 83, 9, 0.45);
  border: 0;
  color: #6b7280;
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .layout.lv2 .lv2-drawer-h { background: transparent; }

.lv2 .lv2-drawer-h {
  background: var(--lv-surface);
  border-radius: var(--lv-radius) var(--lv-radius) 0 0;
  box-shadow: 0 1px 0 0 var(--lv-line);
  border: 0;
}
.lv2 .lv2-drawer-b { background: var(--lv-surface); }

/* ---------- 弹层 ---------- */
body:has(.page-view[data-page="loss"]:not(.d-none)) .modal-dialog {
  border-radius: 16px;
  box-shadow: 0 12px 40px rgba(31, 41, 55, 0.18), 0 0 0 1px rgba(31, 41, 55, 0.06);
  border: 0;
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .r126-modal-overlay {
  background: rgba(31, 41, 55, 0.28);
}
.lv2 .lv2-popover-note, .lv2 .lv2-popover-foot {
  background: #fcfaf6;
  border-radius: 10px;
  border: 0;
  padding: 7px 12px 7px 14px;
  box-shadow: inset 3px 0 0 0 rgba(180, 83, 9, 0.35);
  line-height: 1.65;
}

/* ---------- 排版细节 ---------- */
.lv2 .lv2-panel-h h3,
.lv2 .lv2-panel-h h2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--lv-text);
  letter-spacing: -0.01em;
}
.lv2 .lv2-panel-h .hint { color: var(--lv-muted); font-size: 12px; }
.lv2 .lv2-listmeta { color: var(--lv-muted); font-size: 12px; }
.lv2 .lv2-kv .lbl, .lv2 .lbl { color: var(--lv-muted); font-size: 12px; }
.lv2 .lv2-kv .val { color: var(--lv-text); font-weight: 600; font-variant-numeric: tabular-nums; }
.lv2 p, .lv2 li, .lv2 td, .lv2 .lv2-state, .lv2 .lv2-nofield { text-wrap: pretty; }
.lv2 svg, .lv2 .ic { vertical-align: -0.125em; }

/* 数字统一等宽，避免抖动 */
.lv2 .lv2-ledger *, .lv2 .lv2-pcards *, .lv2 .lv2-trend *, .lv2 .lv2-rank * { font-variant-numeric: tabular-nums; }


/* ---------- 二轮修正：图表与损失数字色调统一 ---------- */
.lv2 .lv2-trend i,
.lv2 .lv2-tl i,
.lv2 .lv2-trend .bar i { background-color: #b42318; }
.lv2 svg rect.o { fill: #b42318; }
.lv2 svg rect.s { fill: #b45309; }
.lv2 .lv2-ledger .val,
.lv2 .lv2-cst .val { color: #b42318; }
.lv2 .lv2-table td.neg,
.lv2 .lv2-table .neg { color: #b42318; }

/* 风险提示行不换行挤压 */
.lv2 .lv2-analysis .row,
.lv2 .lv2-analysis li { line-height: 1.6; }


/* 提示块统一留左内边距，避免文字被 3px 色条/圆角挤压 */
.lv2 .lv2-rule, .lv2 .lv2-bulk-why, .lv2 .lv2-legend, .lv2 .lv2-pending, .lv2 .lv2-partial, .lv2 .lv2-fresh {
  padding-left: 13px;
}

/* ---------- 三轮修正：统一页内蓝色为唯一强调 amber ---------- */
/* 批量条（.lv2-bulk）里的计数与提示原为蓝 #0066d6 */
.lv2 .lv2-bulk,
.lv2 .lv2-bulk .inner,
.lv2 .lv2-bulk span,
.lv2 .lv2-bulk div { color: #6b7280; }
.lv2 .lv2-bulk b { color: #b45309; font-variant-numeric: tabular-nums; }
.lv2 .lv2-bulk .lv2-btn.primary,
.lv2 .lv2-bulk button.primary { background: #b45309; color: #fff; }

/* 抽屉与弹层里的 Bootstrap 主按钮（原为蓝 #0a84ff） */
body:has(.page-view[data-page="loss"]:not(.d-none)) .modal-dialog .btn-primary,
body:has(.page-view[data-page="loss"]:not(.d-none)) .detail-drawer .btn-primary,
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-primary {
  background: #b45309;
  border-color: #b45309;
  color: #fff;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.28);
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-primary:hover,
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-primary:focus {
  background: #9a4708;
  border-color: #9a4708;
  color: #fff;
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-primary:disabled,
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-primary.disabled {
  background: #e8c9a8;
  border-color: #e8c9a8;
}
/* 次要按钮/描边按钮 */
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-outline-primary,
.lv2 .btn-outline-primary {
  color: #b45309;
  border-color: rgba(180, 83, 9, 0.38);
  background: #fff;
}
body:has(.page-view[data-page="loss"]:not(.d-none)) .btn-outline-primary:hover,
.lv2 .btn-outline-primary:hover { background: #fdf4e7; color: #8a4708; border-color: rgba(180, 83, 9, 0.5); }

/* Bootstrap 语义色类在损失页内统一 */
.lv2 .text-primary,
.lv2 .link-primary,
body:has(.page-view[data-page="loss"]:not(.d-none)) .modal-dialog .text-primary { color: #b45309 !important; }
.lv2 .bg-primary { background-color: #b45309 !important; }
.lv2 .border-primary { border-color: #b45309 !important; }
.lv2 .form-check-input:checked { background-color: #b45309; border-color: #b45309; }
.lv2 a:not(.lv2-btn):not(.lv2-tab):not(.lv2-chip) { color: #b45309; }
.lv2 a:not(.lv2-btn):not(.lv2-tab):not(.lv2-chip):hover { color: #8a4708; }

/* 时间线/流程圆点若为蓝色，统一 */
.lv2 .lv2-tl i, .lv2 .lv2-tl .dot, .lv2 .lv2-tl b { background-color: #b45309; border-color: #b45309; }
body:has(.page-view[data-page="loss"]:not(.d-none)) .detail-drawer .timeline i,
body:has(.page-view[data-page="loss"]:not(.d-none)) .detail-drawer .tl i { background-color: #b45309; }

/* ---------- 四轮修正：抽屉（.lv2-drawer 是独立于 .lv2 的根） ---------- */
.lv2-drawer {
  --lv-accent: #b45309;
  --lv-text: #1f2937;
  --lv-muted: #6b7280;
  color: #1f2937;
  font-variant-numeric: tabular-nums;
  background: #fff;
}
.lv2-drawer .lv2-crumbs { color: #6b7280; font-size: 13px; }
.lv2-drawer .lv2-crumbs b { color: #1f2937; font-weight: 600; }
.lv2-drawer .lv2-d-hero .lbl { color: #6b7280; font-size: 12px; }
.lv2-drawer .lv2-d-hero .val { color: #b42318; font-variant-numeric: tabular-nums; }
.lv2-drawer .lbl { color: #6b7280; }

/* 抽屉内按钮：默认白，主行动用 amber */
.lv2-drawer .lv2-btn {
  background: #fff;
  color: #1f2937;
  border: 0;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(31, 41, 55, 0.08);
  font-size: 12.5px;
  padding: 7px 12px;
  transition: background-color 160ms cubic-bezier(0.215, 0.61, 0.355, 1), box-shadow 160ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.lv2-drawer .lv2-btn:hover { background: #fdfcfa; box-shadow: 0 0 0 1px rgba(31, 41, 55, 0.12); }
.lv2-drawer .lv2-btn:focus-visible { outline: none; box-shadow: 0 0 0 3px rgba(180, 83, 9, 0.18), 0 0 0 1px rgba(31, 41, 55, 0.08); }

.lv2-drawer #lv2DPick,
.lv2-drawer .full > .lv2-btn,
.lv2-drawer .lv2-d-sec .lv2-btn.primary {
  background: #b45309;
  color: #fff;
  box-shadow: 0 1px 2px rgba(180, 83, 9, 0.28);
}
.lv2-drawer #lv2DPick:hover,
.lv2-drawer .full > .lv2-btn:hover { background: #9a4708; }
.lv2-drawer #lv2DPick:disabled,
.lv2-drawer .full > .lv2-btn:disabled { background: #e8c9a8; color: #fff; }

/* 时间线蓝点 → amber */
.lv2-drawer li::before {
  background: #b45309 !important;
  box-shadow: 0 0 0 4px rgba(180, 83, 9, 0.18) !important;
}
.lv2-drawer a { color: #b45309; }
.lv2-drawer a:hover { color: #8a4708; }
.lv2-drawer select, .lv2-drawer input, .lv2-drawer textarea {
  background: #fff; color: #1f2937; border: 0; border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(31, 41, 55, 0.08); outline: none; font-size: 12.5px; padding: 7px 10px;
}
.lv2-drawer select:focus, .lv2-drawer input:focus, .lv2-drawer textarea:focus {
  box-shadow: 0 0 0 1.5px rgba(180, 83, 9, 0.35), inset 0 0 0 1px rgba(31, 41, 55, 0.06);
}

/* ---------- 五轮修正：移动端把「按运营/按店铺/按类别」提到图表之上 ---------- */
/* 说明：只调整 CSS 顺序，不动 DOM/ID/data-*，不改按钮逻辑 */
@media (max-width: 900px) {
  .lv2 .lv2-analysis {
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  /* 含维度切换的「责任人/明细」面板整体排到图表面板之前（用 :has 精确命中，不靠 nth-child） */
  .lv2 .lv2-analysis > section.lv2-panel:has(.lv2-break) {
    order: -1;
    display: flex;
    flex-direction: column;
  }
  /* 面板内的明细块（含 按运营/按店铺/按类别）再提到该面板最前 */
  .lv2 .lv2-analysis > section.lv2-panel:has(.lv2-break) > .lv2-break {
    order: -1;
  }
  /* 让维度切换本身更紧凑、贴近顶部 */
  .lv2 .lv2-break .lv2-panel-h { margin-bottom: 6px; }
}

/* ---------- 六轮修正：移动端紧凑化，让维度切换进首屏（仅 ≤900px） ---------- */
@media (max-width: 900px) {
  /* 头部：按钮更紧凑，减少堆叠高度 */
  .lv2 .lv2-head { row-gap: 8px; padding: 0; }
  .lv2 .lv2-head-actions { gap: 6px; }
  .lv2 .lv2-head-actions .lv2-btn { padding: 5px 9px; font-size: 12px; }
  .lv2 .lv2-crumbs b { font-size: 17px; }
  .lv2 .lv2-fresh, .lv2 .lv2-auto { font-size: 11.5px; padding: 4px 8px; }

  /* 筛选条：缩小行距与控件内边距 */
  .lv2 .lv2-filters { padding: 10px; gap: 8px; }
  .lv2 .lv2-filters select,
  .lv2 .lv2-filters input { padding: 6px 8px; font-size: 12px; }
  .lv2 .segmented button { padding: 4px 8px; font-size: 12px; }

  /* 提示块：压缩留白 */
  .lv2 div.lv2-cta { padding: 9px 12px; font-size: 12px; line-height: 1.55; }
  .lv2 div.lv2-cta h4, .lv2 div.lv2-cta h3 { font-size: 13px; margin: 0 0 2px; }

  /* KPI 卡：降一点字号与内边距，2×2 更紧凑 */
  .lv2 .lv2-ledger { padding: 12px; }
  .lv2 .lv2-ledger .val { font-size: 22px; }
  .lv2 .lv2-ledger .lbl { font-size: 11.5px; }
  .lv2 .lv2-ledger .sub { font-size: 11px; line-height: 1.45; }

  /* 分析区与上方留白收紧 */
  .lv2 .lv2-analysis { margin-top: 10px; gap: 12px; }
  .lv2 .lv2-break .lv2-panel-h { margin-bottom: 4px; }
}

/* ---------- 七轮修正：再压 ~45px，确保维度切换稳定进首屏 ---------- */
@media (max-width: 900px) {
  .lv2 .lv2-head { row-gap: 6px; }
  .lv2 .lv2-head-actions .lv2-btn { padding: 4px 8px; }
  .lv2 .lv2-filters { padding: 8px; gap: 6px; }
  .lv2 .lv2-filters select, .lv2 .lv2-filters input { padding: 5px 7px; }
  .lv2 div.lv2-cta { padding: 7px 10px; line-height: 1.5; }
  .lv2 .lv2-ledger { padding: 10px 12px; }
  .lv2 .lv2-ledger .val { font-size: 20px; }
  .lv2 .lv2-ledger .sub { font-size: 10.5px; line-height: 1.4; margin-top: 2px; }
  .lv2 .lv2-analysis { margin-top: 6px; gap: 10px; }
  .lv2 .lv2-break .lv2-panel-h { margin-bottom: 2px; }
  .lv2 .lv2-break .segmented button { padding: 3px 7px; }
}

/* ---------- 八轮修正：再压 ~30px，让维度切换完整落在首屏内 ---------- */
@media (max-width: 900px) {
  .lv2 .lv2-filters { padding: 6px; gap: 4px; }
  .lv2 .lv2-filters select, .lv2 .lv2-filters input { padding: 4px 6px; font-size: 11.5px; }
  .lv2 .segmented button { padding: 3px 7px; font-size: 11.5px; }
  .lv2 div.lv2-cta { padding: 6px 9px; font-size: 11.5px; line-height: 1.45; }
  .lv2 .lv2-ledger { padding: 8px 10px; }
  .lv2 .lv2-ledger .sub { font-size: 10px; line-height: 1.35; }
  .lv2 .lv2-ledger .lbl { font-size: 11px; }
  .lv2 .lv2-analysis { margin-top: 4px; }
}