/* V128 · 可读性与侧栏主题：业务文字可直接阅读，只有说明性文字保持克制。 */

/* 正文、表格、控件的最低可读字号。small / hint 等注释仍保持较小。 */
body[data-ui-version="44"] .main,
body[data-ui-version="44"] .view-root {
  font-size: 14px;
}

body[data-ui-version="44"] .view-root h1 { font-size: clamp(25px, 2.1vw, 31px) !important; }
body[data-ui-version="44"] .view-root h2 { font-size: clamp(18px, 1.45vw, 22px) !important; }
body[data-ui-version="44"] .view-root h3 { font-size: 16px !important; }
body[data-ui-version="44"] .view-root p { font-size: 13px; line-height: 1.6; }

body[data-ui-version="44"] .view-root label,
body[data-ui-version="44"] .view-root input,
body[data-ui-version="44"] .view-root select,
body[data-ui-version="44"] .view-root textarea,
body[data-ui-version="44"] .view-root button,
body[data-ui-version="44"] .view-root .primary-button,
body[data-ui-version="44"] .view-root .small-button,
body[data-ui-version="44"] .view-root .text-button {
  font-size: 13px !important;
}

body[data-ui-version="44"] .view-root table th,
body[data-ui-version="44"] .view-root .erp-master-table thead th,
body[data-ui-version="44"] .view-root .store-product-ledger thead th {
  font-size: 12.5px !important;
  font-weight: 760;
}

body[data-ui-version="44"] .view-root table td,
body[data-ui-version="44"] .view-root .erp-master-table tbody td,
body[data-ui-version="44"] .view-root .store-product-ledger tbody td,
body[data-ui-version="44"] .view-root .badge {
  font-size: 13px !important;
}

body[data-ui-version="44"] .view-root .badge { line-height: 1.35; }

/* 只有辅助说明、字段提示、时间戳和英文眉题可小一档。 */
body[data-ui-version="44"] .view-root .hint,
body[data-ui-version="44"] .view-root .muted,
body[data-ui-version="44"] .view-root .field small,
body[data-ui-version="44"] .view-root .local-theme-copy small,
body[data-ui-version="44"] .view-root .local-theme-note,
body[data-ui-version="44"] .view-root .dashboard-radar-v116 small,
body[data-ui-version="44"] .view-root .dashboard-radar-v116 p,
body[data-ui-version="44"] .view-root .clean-focus-meta,
body[data-ui-version="44"] .view-root .clean-section-head p,
body[data-ui-version="44"] .view-root time {
  font-size: 11px !important;
}

/* 左侧导航按主题着色，而不是永远套一张发白的导航皮肤。 */
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar {
  color: #263a53;
  border-right: 1px solid #c8d4e0;
  background: linear-gradient(180deg, #e3eaf1 0%, #dbe4ec 100%) !important;
  box-shadow: 10px 0 24px rgba(34, 53, 77, .055);
}

html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar {
  color: #3e3932;
  border-right: 1px solid #d0c6b9;
  background: linear-gradient(180deg, #ebe4da 0%, #e1d7ca 100%) !important;
  box-shadow: 10px 0 24px rgba(66, 53, 39, .045);
}

html[data-local-theme="night"] body[data-ui-version="44"] .sidebar {
  color: #e9eff8;
  border-right: 1px solid #2d3d56;
  background: linear-gradient(180deg, #111a2a 0%, #0d1421 100%) !important;
  box-shadow: 10px 0 24px rgba(0, 0, 0, .18);
}

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .brand,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .brand {
  border-bottom-color: rgba(62, 83, 110, .14) !important;
}
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .brand { border-bottom-color: rgba(205, 220, 242, .13) !important; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .brand strong { color: #253951 !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .brand strong { color: #403930 !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .brand strong { color: #f3f6fc !important; }
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .brand small { color: #718097 !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .brand small { color: #82786c !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .brand small { color: #9fadc1 !important; }

body[data-ui-version="44"] .sidebar .nav > button,
body[data-ui-version="44"] .sidebar .nav .nav-group-toggle {
  min-height: 48px !important;
  padding-inline: 11px !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  letter-spacing: .01em;
}

body[data-ui-version="44"] .sidebar .nav .nav-sub-item {
  min-height: 39px !important;
  padding-inline: 15px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav > button,
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle,
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav .nav-sub-item { color: #40546e !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav > button,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav .nav-sub-item { color: #5d554c !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav > button,
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle,
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav .nav-sub-item { color: #b9c6d7 !important; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav > button:hover,
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle:hover { color: #29465f !important; background: rgba(255,255,255,.48) !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav > button:hover,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle:hover { color: #473e35 !important; background: rgba(255,253,248,.54) !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav > button:hover,
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav .nav-group-toggle:hover { color: #f0f4fb !important; background: rgba(126,151,223,.13) !important; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav > button.active,
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav-sub-item.active { color: #264d7c !important; background: #cfdced !important; box-shadow: inset 3px 0 0 #4565b9; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav > button.active,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav-sub-item.active { color: #654126 !important; background: #e9d8c7 !important; box-shadow: inset 3px 0 0 #9b6747; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav > button.active,
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav-sub-item.active { color: #f2f5fb !important; background: #273652 !important; box-shadow: inset 3px 0 0 #8ca4e8; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav-icon { color: #526881 !important; border-color: #c5d2df !important; background: #edf2f6 !important; box-shadow: none !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav-icon { color: #76685a !important; border-color: #d4c9bb !important; background: #f3ede5 !important; box-shadow: none !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav-icon { color: #aebde0 !important; border-color: #364762 !important; background: #1a2639 !important; box-shadow: none !important; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav > button.active .nav-icon,
html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar .nav-group:has(.nav-sub-item.active) > .nav-group-toggle .nav-icon { color: #fff !important; border-color: #4163b7 !important; background: #4565b9 !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav > button.active .nav-icon,
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar .nav-group:has(.nav-sub-item.active) > .nav-group-toggle .nav-icon { color: #fff !important; border-color: #956246 !important; background: #9b6747 !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav > button.active .nav-icon,
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar .nav-group:has(.nav-sub-item.active) > .nav-group-toggle .nav-icon { color: #fff !important; border-color: #8099df !important; background: #657ec7 !important; }

html[data-local-theme="mist"] body[data-ui-version="44"] .sidebar-footer { border-top-color: #c8d4e0 !important; color: #65758a !important; }
html[data-local-theme="sand"] body[data-ui-version="44"] .sidebar-footer { border-top-color: #d0c6b9 !important; color: #766d62 !important; }
html[data-local-theme="night"] body[data-ui-version="44"] .sidebar-footer { border-top-color: #2d3d56 !important; color: #a9b7c8 !important; }

@media (max-width: 980px) {
  body[data-ui-version="44"] .sidebar .nav > button,
  body[data-ui-version="44"] .sidebar .nav .nav-group-toggle { font-size: 14px !important; }
  body[data-ui-version="44"] .sidebar .nav .nav-sub-item { font-size: 13px !important; }
}
