/* V127 · GitHub frontend-design-review 审核后：低反光、低色噪、以层级而非色块区分工作区。 */

/* 统一画布：不使用纯白大面积铺底，表面只保留两级明度差。 */
html[data-local-theme="mist"] {
  --bg: #e8edf2;
  --panel: #f7f9fb;
  --panel-soft: #eef2f6;
  --ink: #223047;
  --muted: #6d7b8e;
  --line: #d5dde7;
  --line-strong: #c4cfdd;
  --accent: #3f5db7;
  --accent-soft: #e7edfb;
  --sidebar: #1d2b42;
  --sidebar-muted: #bdc8d7;
  --shadow: 0 10px 26px rgba(39, 55, 78, .07);
}

html[data-local-theme="sand"] {
  --bg: #e9e5de;
  --panel: #f8f6f1;
  --panel-soft: #f0ece4;
  --ink: #35322d;
  --muted: #766f66;
  --line: #dad3c8;
  --line-strong: #c9c0b4;
  --accent: #87583d;
  --accent-soft: #f2e7dc;
  --sidebar: #342f2d;
  --sidebar-muted: #d7cec1;
  --shadow: 0 10px 26px rgba(68, 55, 41, .065);
}

html[data-local-theme="night"] {
  --bg: #111827;
  --panel: #182235;
  --panel-soft: #202c40;
  --ink: #eaf0f8;
  --muted: #a9b7c8;
  --line: #314056;
  --line-strong: #3c4d65;
  --accent: #7e97df;
  --accent-soft: #253554;
  --sidebar: #0e1522;
  --sidebar-muted: #b0bed0;
  --shadow: 0 14px 32px rgba(0, 0, 0, .25);
}

html[data-local-theme="mist"] body,
html[data-local-theme="mist"] .main {
  background: #e8edf2;
}

html[data-local-theme="mist"] .main {
  background-image:
    radial-gradient(circle at 95% 0%, rgba(92, 119, 167, .07), transparent 32rem),
    linear-gradient(180deg, #edf1f5 0%, #e8edf2 100%);
}

html[data-local-theme="sand"] body,
html[data-local-theme="sand"] .main {
  background: #e9e5de;
}

html[data-local-theme="sand"] .main {
  background-image:
    radial-gradient(circle at 94% 0%, rgba(157, 116, 76, .08), transparent 32rem),
    linear-gradient(180deg, #f0ede7 0%, #e9e5de 100%);
}

html[data-local-theme="night"] .main {
  background-image:
    radial-gradient(circle at 94% 0%, rgba(90, 112, 166, .12), transparent 34rem),
    linear-gradient(180deg, #162033 0%, #111827 100%);
}

html[data-local-theme] .topbar {
  border-bottom-color: var(--line) !important;
  background: color-mix(in srgb, var(--panel) 92%, transparent) !important;
  box-shadow: 0 1px 0 rgba(28, 43, 62, .025);
}

html[data-local-theme] .panel,
html[data-local-theme] .table-wrap,
html[data-local-theme] .erp-master-table,
html[data-local-theme] .pagination-bar,
html[data-local-theme] .modal,
html[data-local-theme] .modal-body,
html[data-local-theme] .message-box,
html[data-local-theme] .store-product-ledger {
  border-color: var(--line) !important;
  background: var(--panel) !important;
  box-shadow: var(--shadow);
}

html[data-local-theme] .panel-header,
html[data-local-theme] .clean-section-head,
html[data-local-theme] .erp-master-table thead th,
html[data-local-theme] .store-product-ledger thead th,
html[data-local-theme] table th {
  border-color: var(--line) !important;
  background: var(--panel-soft) !important;
}

html[data-local-theme="mist"] table td,
html[data-local-theme="mist"] .store-product-ledger td,
html[data-local-theme="mist"] .erp-master-table tbody td {
  background: rgba(248, 250, 252, .88) !important;
}

html[data-local-theme="mist"] table tbody tr:nth-child(even) td,
html[data-local-theme="mist"] .store-product-ledger tbody tr:nth-child(even) td,
html[data-local-theme="mist"] .erp-master-table tbody tr:nth-child(even) td {
  background: rgba(243, 246, 249, .94) !important;
}

html[data-local-theme="sand"] table td,
html[data-local-theme="sand"] .store-product-ledger td,
html[data-local-theme="sand"] .erp-master-table tbody td {
  background: rgba(250, 248, 244, .88) !important;
}

html[data-local-theme="sand"] table tbody tr:nth-child(even) td,
html[data-local-theme="sand"] .store-product-ledger tbody tr:nth-child(even) td,
html[data-local-theme="sand"] .erp-master-table tbody tr:nth-child(even) td {
  background: rgba(244, 240, 234, .94) !important;
}

html[data-local-theme] input,
html[data-local-theme] select,
html[data-local-theme] textarea,
html[data-local-theme] .small-button,
html[data-local-theme] .ghost-button {
  border-color: var(--line-strong) !important;
  background: color-mix(in srgb, var(--panel) 86%, var(--panel-soft)) !important;
  color: var(--ink) !important;
}

html[data-local-theme] .primary-button,
html[data-local-theme] .small-button.primary {
  border-color: color-mix(in srgb, var(--accent) 76%, #fff) !important;
  background: var(--accent) !important;
  color: #fff !important;
  box-shadow: 0 7px 14px color-mix(in srgb, var(--accent) 22%, transparent) !important;
}

html[data-local-theme] .primary-button:hover,
html[data-local-theme] .small-button.primary:hover {
  filter: brightness(.94);
}

/* 首页：今日经营数据已归入实时经营脉络，整页只保留一个主行动。 */
.clean-home-v76 {
  gap: 15px;
}

.clean-focus-card {
  border-color: var(--line) !important;
  background: linear-gradient(102deg, var(--panel) 0%, var(--panel) 72%, var(--panel-soft) 100%) !important;
  box-shadow: var(--shadow) !important;
}

.clean-focus-card::before { background: var(--accent) !important; }
.clean-focus-meta { color: var(--muted) !important; }
.clean-focus-meta b { border-left-color: var(--line) !important; color: var(--muted) !important; }
.clean-focus-card h2, .clean-section-head h2 { color: var(--ink) !important; }
.clean-focus-card p, .clean-section-head p { color: var(--muted) !important; }
.clean-focus-actions .primary-button { background: var(--accent) !important; }

/* 经营脉络是数据的唯一主舞台：同一张卡内完成订单、营收、履约、补货与计划扫描。 */
.dashboard-radar-v116 {
  border-color: var(--line) !important;
  background: linear-gradient(135deg, color-mix(in srgb, var(--panel) 94%, var(--panel-soft)) 0%, var(--panel) 100%) !important;
  box-shadow: var(--shadow) !important;
}

.dashboard-radar-v116 > header {
  border-bottom-color: var(--line) !important;
  background: transparent !important;
}

.dashboard-radar-v116 > header h2,
.dashboard-radar-chart-head strong,
.dashboard-live-rail strong { color: var(--ink) !important; }
.dashboard-radar-v116 > header p,
.dashboard-radar-v116 > header time,
.dashboard-radar-chart-head span,
.dashboard-live-rail small,
.dashboard-live-rail p { color: var(--muted) !important; }
.dashboard-radar-v116 > header span { color: var(--accent) !important; }
.dashboard-radar-v116 > header span i { background: var(--accent) !important; box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent) !important; }

.dashboard-radar-chart {
  border-color: var(--line) !important;
  background: color-mix(in srgb, var(--panel-soft) 68%, var(--panel)) !important;
}

.dashboard-radar-v116 .dashboard-trend-chart text { fill: var(--muted) !important; }
.dashboard-radar-v116 .dashboard-chart-grid { stroke: color-mix(in srgb, var(--line) 86%, transparent) !important; }
.dashboard-radar-v116 .dashboard-order-line { stroke: var(--accent) !important; filter: none !important; }
.dashboard-radar-v116 .dashboard-chart-point { fill: var(--panel) !important; stroke: var(--accent) !important; }

.dashboard-live-rail { gap: 7px !important; }
.dashboard-live-rail button {
  min-height: 64px !important;
  border-color: var(--line) !important;
  background: color-mix(in srgb, var(--panel) 78%, var(--panel-soft)) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.dashboard-live-rail button:hover {
  border-color: color-mix(in srgb, var(--accent) 42%, var(--line)) !important;
  background: var(--panel) !important;
}

.dashboard-live-rail button > span {
  border-color: color-mix(in srgb, var(--accent) 34%, var(--line)) !important;
  color: var(--accent) !important;
}

.dashboard-live-rail button.income > span { color: #2b8a78 !important; border-color: #bcded6 !important; }
.dashboard-live-rail button.amber > span { color: #a66d22 !important; border-color: #e5d0aa !important; }
.dashboard-live-rail button.violet > span { color: var(--accent) !important; }
.dashboard-live-rail strong em { color: var(--muted) !important; }

/* 主题选择本身也采用中性表面，避免三张彩色卡片彼此抢注意力。 */
.local-theme-panel .panel-header { background: var(--panel-soft) !important; }
.local-theme-note { border-color: var(--line) !important; color: var(--muted) !important; background: var(--panel) !important; }
.local-theme-option { border-color: var(--line) !important; color: var(--ink) !important; background: var(--panel) !important; box-shadow: none !important; }
.local-theme-option:hover { border-color: color-mix(in srgb, var(--accent) 40%, var(--line)) !important; background: var(--panel-soft) !important; }
.local-theme-option.is-selected { border-color: var(--accent) !important; background: color-mix(in srgb, var(--accent-soft) 55%, var(--panel)) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 10%, transparent) !important; }
.local-theme-copy small, .local-theme-option > b { color: var(--muted) !important; }
.local-theme-option.is-selected > b { color: var(--accent) !important; }

/* 总部状态统一为“公司停供”：门店仍可售完库存，但采购入口被明确禁用。 */
.view-root[data-view="catalog"] .store-status-stack.is-company-stop-supply .badge.cancelled {
  border-color: #e6bdc3 !important;
  background: #fbf0f1 !important;
  color: #a33e50 !important;
}
.view-root[data-view="catalog"] .store-supply-block-note { color: #9a6230 !important; }

html[data-local-theme="night"] .dashboard-radar-v116,
html[data-local-theme="night"] .clean-focus-card,
html[data-local-theme="night"] .local-theme-panel,
html[data-local-theme="night"] .local-theme-option,
html[data-local-theme="night"] .dashboard-live-rail button,
html[data-local-theme="night"] .dashboard-radar-chart {
  color: var(--ink) !important;
  border-color: var(--line) !important;
  background: #182235 !important;
}
html[data-local-theme="night"] .dashboard-radar-chart,
html[data-local-theme="night"] .dashboard-live-rail button { background: #202c40 !important; }
html[data-local-theme="night"] .dashboard-live-rail button:hover { background: #263550 !important; }
html[data-local-theme="night"] .view-root[data-view="catalog"] .store-status-stack.is-company-stop-supply .badge.cancelled { border-color: #82495a !important; background: #412733 !important; color: #ffb8c4 !important; }
html[data-local-theme="night"] .view-root[data-view="catalog"] .store-supply-block-note { color: #f1bb7b !important; }

@media (max-width: 760px) {
  .dashboard-live-rail button { min-height: 58px !important; }
}