/* A / B 深化版。展示字体只进入工作台封面；应用数据与操作控件沿用正文体。 */

/* A 商务风：品牌总部的日常简报、印章、红木侧栏与精密工作表。 */
body[data-theme="crimson"] {
  --bg:#f1efeb; --surface:#fffdf9; --surface-soft:#ebe7e1;
  --ink:#29262a; --muted:#777176; --line:#ddd7d1; --line-strong:#bdb3aa;
  --accent:#8d2837; --accent-soft:#f3e3e5; --accent-ink:#fff9f3;
  --warning:#9b692b; --warning-soft:#f4e9d5; --success:#526a55;
  --metal:#9e7b42; --radius:4px; --shadow:0 8px 24px #39272406;
  --nav-bg:#421b25; --nav-ink:#f7eee3; --nav-muted:#c1a7aa; --nav-line:#69414a;
  --brief:#f6efea; --brief-line:#dfcfc3;
  color-scheme:light;
}
html[data-mode="dark"] body[data-theme="crimson"] {
  --bg:#1d1b1e; --surface:#272327; --surface-soft:#342e33;
  --ink:#eee8e2; --muted:#b9abb1; --line:#473c43; --line-strong:#6f5a60;
  --accent:#cc7b88; --accent-soft:#492d36; --accent-ink:#26151c;
  --warning:#d5b073; --warning-soft:#493920; --success:#a3bca1;
  --metal:#c4aa7a; --shadow:0 8px 24px #00000014;
  --nav-bg:#251720; --nav-ink:#f1e7de; --nav-muted:#bba0a8; --nav-line:#49313d;
  --brief:#30262a; --brief-line:#5b4546;
  color-scheme:dark;
}
body[data-theme="crimson"] .eval-bar {background:var(--surface-soft);border-bottom:1px solid var(--line-strong)}
body[data-theme="crimson"] .workspace {display:grid;grid-template-columns:232px minmax(0,1fr)}
body[data-theme="crimson"] .sidebar {
  position:sticky;top:44px;height:calc(100vh - 44px);min-height:710px;
  padding:34px 23px 24px;gap:26px;background:var(--nav-bg);color:var(--nav-ink);border-right:0;
}
body[data-theme="crimson"] .brand {padding:0 1px 31px;border-bottom:1px solid var(--nav-line);gap:14px}
body[data-theme="crimson"] .brand-mark {
  width:48px;height:48px;border:3px double var(--metal);border-radius:0;
  background:transparent;color:var(--nav-ink);font-size:29px;box-shadow:inset 0 0 0 3px var(--nav-bg);
}
body[data-theme="crimson"] .brand-words {font-size:22px;letter-spacing:3px}
body[data-theme="crimson"] .brand-words small {color:var(--nav-muted);font-size:9px;letter-spacing:4px}
body[data-theme="crimson"] .nav-caption {color:var(--nav-muted);letter-spacing:3px;margin:4px 0 -9px;font-size:9px}
body[data-theme="crimson"] .side-nav {gap:8px}
body[data-theme="crimson"] .side-nav button {
  min-height:49px;border:1px solid transparent;border-left:2px solid transparent;border-radius:2px;
  padding:12px 12px;color:var(--nav-muted);font-size:13px;gap:13px;
}
body[data-theme="crimson"] .side-nav button:hover {background:#ffffff08;color:var(--nav-ink)}
body[data-theme="crimson"] .side-nav button.active {
  color:var(--nav-ink);background:#ffffff0d;border-color:var(--nav-line);border-left-color:var(--metal);padding-left:12px;
}
body[data-theme="crimson"] .side-nav button.active .icon {color:var(--metal)}
body[data-theme="crimson"] .side-utilities {border-top:1px solid var(--nav-line);padding-top:24px;gap:4px}
body[data-theme="crimson"] .side-utilities button {color:var(--nav-muted);font-size:11px;padding:10px 12px}
body[data-theme="crimson"] .side-utilities button:hover {color:var(--nav-ink);background:#ffffff08}
body[data-theme="crimson"] .sidebar-note {color:var(--nav-muted);border-left:1px solid var(--metal);padding:0 0 0 13px;line-height:1.8}
body[data-theme="crimson"] .sidebar-note small {font-size:9px;letter-spacing:.4px}
body[data-theme="crimson"] .user-card {border-top:1px solid var(--nav-line);padding-top:23px;color:var(--nav-ink);font-size:12px}
body[data-theme="crimson"] .user-card small {color:var(--nav-muted)}
body[data-theme="crimson"] .user-card .avatar {border:1px solid var(--nav-line);border-radius:3px;background:#ffffff0b;color:var(--nav-ink)}
body[data-theme="crimson"] .topbar {height:72px;padding:0 38px;background:var(--surface);border-bottom:1px solid var(--line)}
body[data-theme="crimson"] .topbar:before {content:"";width:3px;height:18px;background:var(--accent);margin-right:-10px}
body[data-theme="crimson"] .breadcrumb {flex:1;font-size:11px;letter-spacing:.4px}
body[data-theme="crimson"] .breadcrumb b {font-weight:600}
body[data-theme="crimson"] .top-actions {gap:16px}
body[data-theme="crimson"] .mini-avatar {border:1px solid var(--line);border-radius:3px;background:var(--surface-soft);color:var(--ink)}
body[data-theme="crimson"] #main-content {max-width:1600px;padding:34px 38px 36px}
body[data-theme="crimson"] .welcome-block {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;
  min-height:214px;margin-bottom:24px;padding:30px 35px;background:var(--brief);
  border:1px solid var(--brief-line);border-left:4px solid var(--accent);
}
body[data-theme="crimson"] .welcome-copy {min-width:0}
body[data-theme="crimson"] .eyebrow {font-size:10px;letter-spacing:2.6px;color:var(--accent);font-weight:600}
body[data-theme="crimson"] .welcome-title {
  font-family:var(--font-business-head);font-size:43px;font-weight:600;line-height:1.35;letter-spacing:-.5px;margin:15px 0 13px;
}
body[data-theme="crimson"] .welcome-title br {display:none}
body[data-theme="crimson"] .welcome-note {font-size:12px;letter-spacing:.3px}
body[data-theme="crimson"] .date-display {
  display:flex;align-items:center;gap:18px;padding:17px 20px;border:1px solid var(--brief-line);border-top:3px solid var(--metal);
  background:var(--surface);min-width:204px;box-shadow:4px 4px 0 var(--brief-line);
}
body[data-theme="crimson"] .day-number {font-family:var(--font-sans-display);font-size:70px;color:var(--ink);font-weight:500;letter-spacing:-2px;line-height:1}
body[data-theme="crimson"] .date-meta {border-left:1px solid var(--line);padding-left:16px;font-size:10px;gap:5px;white-space:nowrap}
body[data-theme="crimson"] .date-meta b {font-size:12px;font-weight:600}
body[data-theme="crimson"] .hub-metrics {gap:16px;margin:0 0 31px}
body[data-theme="crimson"] .metric-card {position:relative;border-radius:3px;border:1px solid var(--line);padding:22px 24px;box-shadow:none}
body[data-theme="crimson"] .hub-metrics .metric-card {min-height:157px;border-top:2px solid var(--line-strong);padding:21px 24px}
body[data-theme="crimson"] .hub-metrics .metric-card:first-child {background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
body[data-theme="crimson"] .hub-metrics .metric-value {font-family:var(--font-sans-display);font-size:43px;line-height:1.15;font-weight:600;letter-spacing:-1px;margin:15px 8px 13px 0}
body[data-theme="crimson"] .hub-metrics .metric-card:not(:first-child) .metric-label {color:var(--ink);font-size:12px;font-weight:600}
body[data-theme="crimson"] .hub-metrics .metric-note {font-size:10px;letter-spacing:.2px}
body[data-theme="crimson"] .hub-content {grid-template-columns:minmax(0,1fr) 294px;gap:24px}
body[data-theme="crimson"] .app-directory {padding:0;border:1px solid var(--line);border-radius:3px;box-shadow:none;background:var(--surface)}
body[data-theme="crimson"] .section-head {padding:20px 22px;border-bottom:1px solid var(--line);margin:0}
body[data-theme="crimson"] .section-head>div {gap:12px}
body[data-theme="crimson"] .section-head h2 {font-size:15px;letter-spacing:.4px}
body[data-theme="crimson"] .section-number {font-size:10px;font-weight:600;border:1px solid var(--line-strong);width:27px;height:25px;display:grid;place-items:center;color:var(--metal)}
body[data-theme="crimson"] .section-head>span {font-size:10px}
body[data-theme="crimson"] .app-links {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0}
body[data-theme="crimson"] .app-entry {
  position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-height:240px;width:100%;
  margin:0;padding:26px 24px 20px;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;border-radius:0;background:transparent;
}
body[data-theme="crimson"] .app-entry:last-child {border-right:0}
body[data-theme="crimson"] .app-entry:hover {background:var(--brief);border-bottom-color:var(--accent)}
body[data-theme="crimson"] .app-code {display:block;position:absolute;right:21px;top:26px;font-size:12px;color:var(--metal);letter-spacing:1px}
body[data-theme="crimson"] .app-symbol {width:46px;height:46px;border-radius:2px;border:1px solid var(--brief-line);background:var(--brief);color:var(--accent)}
body[data-theme="crimson"] .app-symbol .icon {width:23px;height:23px}
body[data-theme="crimson"] .entry-copy {width:100%}
body[data-theme="crimson"] .entry-copy h3 {font-size:16px;font-weight:600;line-height:1.65}
body[data-theme="crimson"] .entry-copy p {font-size:11px;line-height:1.8;margin-top:9px}
body[data-theme="crimson"] .entry-arrow {align-self:flex-end;margin-top:auto;color:var(--accent)}
body[data-theme="crimson"] .recent-apps {padding:17px 22px;gap:16px;background:var(--surface-soft);font-size:10px}
body[data-theme="crimson"] .recent-chip {font-size:10px}
body[data-theme="crimson"] .hub-aside {gap:21px}
body[data-theme="crimson"] :is(.todo-panel,.notice-panel) {padding:0;border:1px solid var(--line);border-radius:3px;background:var(--surface);box-shadow:none}
body[data-theme="crimson"] .todo-list {padding:0 22px}
body[data-theme="crimson"] .todo-item {padding:22px 0;gap:12px}
body[data-theme="crimson"] .todo-item b {font-size:12px;line-height:1.8}
body[data-theme="crimson"] .todo-item small {font-size:10px;margin-top:5px}
body[data-theme="crimson"] .todo-item input {border-radius:1px;border-color:var(--line-strong)}
body[data-theme="crimson"] .announcement-item {padding:23px 22px}
body[data-theme="crimson"] .notice-date {display:inline-block;border-bottom:1px solid var(--metal);padding-bottom:5px;color:var(--metal);font-size:10px}
body[data-theme="crimson"] .announcement-item h3 {font-size:13px;font-weight:600;margin-top:13px}
body[data-theme="crimson"] .announcement-item .text-link {margin-top:20px}
body[data-theme="crimson"] .page-foot {border-top:1px solid var(--line-strong);margin-top:29px;padding:17px 0;font-size:9px;letter-spacing:.4px}
body[data-theme="crimson"] .subapp-head {padding:13px 0 25px;border-bottom:1px solid var(--line-strong);margin-bottom:0}
body[data-theme="crimson"] .subapp-title h1 {font-size:30px;font-weight:600;letter-spacing:.3px}
body[data-theme="crimson"] .local-nav {gap:0;margin:0 0 27px;border-bottom:1px solid var(--line-strong)}
body[data-theme="crimson"] .local-nav button {position:relative;padding:16px 24px;border-radius:0;font-size:12px;border-bottom:2px solid transparent}
body[data-theme="crimson"] .local-nav button.active {background:var(--accent-soft);color:var(--accent);border-bottom-color:var(--accent);font-weight:600}
body[data-theme="crimson"] .metric-grid {gap:14px}
body[data-theme="crimson"] .metric-grid .metric-card {padding:20px 22px;background:var(--surface);border-top:2px solid var(--line-strong)}
body[data-theme="crimson"] .metric-grid .metric-value {font-family:var(--font-body);font-size:36px;font-weight:600;line-height:1.2;letter-spacing:0}
body[data-theme="crimson"] .metric-grid .metric-label {font-size:11px}
body[data-theme="crimson"] .metric-grid .metric-note {font-size:10px}
body[data-theme="crimson"] .data-panel {border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:3px;box-shadow:none}
body[data-theme="crimson"] .panel-head {padding:22px 24px;border-bottom:1px solid var(--line)}
body[data-theme="crimson"] .panel-head h2 {font-size:16px}
body[data-theme="crimson"] .filter-bar {padding:17px 24px;gap:12px;background:var(--surface);border-bottom:1px solid var(--line-strong)}
body[data-theme="crimson"] .period-tabs {border:1px solid var(--line);border-radius:2px;padding:2px;background:var(--surface-soft)}
body[data-theme="crimson"] .period-tabs button {border-radius:1px;padding:6px 15px}
body[data-theme="crimson"] .period-tabs button.active {box-shadow:0 1px 3px #0000000c;background:var(--surface)}
body[data-theme="crimson"] .search-box {border-radius:2px}
body[data-theme="crimson"] th {background:var(--surface-soft);padding:14px 13px;font-size:10px;border-bottom:1px solid var(--line-strong)}
body[data-theme="crimson"] td {padding:19px 13px;font-size:11px;border-bottom:1px solid var(--line)}
body[data-theme="crimson"] tbody tr:hover {background:var(--brief)}
body[data-theme="crimson"] :is(th,td):first-child {padding-left:24px}
body[data-theme="crimson"] .row-name b {font-weight:600}
body[data-theme="crimson"] .row-name .record-code {border-right:1px solid var(--line);padding-right:11px;color:var(--metal)}
body[data-theme="crimson"] .badge {border-radius:2px;padding:5px 8px;font-size:9px}
body[data-theme="crimson"] .badge:before {content:"";width:3px;height:3px;background:currentColor;flex-shrink:0}
body[data-theme="crimson"] .table-foot {background:var(--surface-soft);padding:16px 24px}
body[data-theme="crimson"] .button {border-radius:2px;min-height:41px;font-size:12px;padding-inline:19px}
body[data-theme="crimson"] .button.secondary {border-color:var(--line-strong);box-shadow:none}
body[data-theme="crimson"] .overlay {background:#1c101a99;backdrop-filter:blur(4px)}
body[data-theme="crimson"] .dialog {border-radius:3px;border:1px solid var(--line-strong);border-top:5px solid var(--accent);padding:30px;box-shadow:0 22px 80px #00000033}
body[data-theme="crimson"] .dialog-head {border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:23px}
body[data-theme="crimson"] .dialog-head h2 {font-size:20px;font-weight:600}
body[data-theme="crimson"] :is(.form-grid input,.form-grid select) {border-radius:2px;min-height:42px;border-color:var(--line-strong);background:var(--surface)}
body[data-theme="crimson"] .history-panel {border-top:3px solid var(--accent);box-shadow:none}
body[data-theme="crimson"] .chart-column>div {background:var(--accent-soft);border-top-width:2px}
body[data-theme="crimson"] .archive-card {border-top:3px solid var(--metal);border-radius:2px}
body[data-theme="crimson"] .export-panel {border-top:3px solid var(--accent);border-radius:3px;box-shadow:none}
body[data-theme="crimson"] .export-option {border-radius:2px;background:var(--brief);border-color:var(--brief-line)}
body[data-theme="crimson"] .file-symbol {background:var(--accent);border-radius:2px}
body[data-theme="crimson"] .mobile-nav {background:var(--nav-bg);border-top-color:var(--nav-line);color:var(--nav-muted)}
body[data-theme="crimson"] .mobile-nav button.active {color:var(--nav-ink)}

/* B 手帐风：成熟工作日志。装订页、章节标签、日期票据、可维护的连续账本。 */
body[data-theme="ledger"] {
  --bg:#e9e3d6; --surface:#fbf8ee; --surface-soft:#eee7d7;
  --ink:#433e32; --muted:#817762; --line:#dcd2bd; --line-strong:#b5a484;
  --accent:#7f5c3e; --accent-soft:#eadcc3; --accent-ink:#fff9e9;
  --warning:#9c6d2f; --warning-soft:#f0e1c1; --success:#687951;
  --metal:#9d8964; --radius:1px; --shadow:4px 5px 0 #8d765315;
  --paper-margin:#c9aaa0; --paper-hole:#c6bca9; --paper-under:#e4dac6; --rule:#dad0bb;
  color-scheme:light;
}
html[data-mode="dark"] body[data-theme="ledger"] {
  --bg:#24261f; --surface:#303027; --surface-soft:#3e3c30;
  --ink:#ede5d3; --muted:#b7ad96; --line:#514d3b; --line-strong:#827356;
  --accent:#ccad7e; --accent-soft:#4e412c; --accent-ink:#292113;
  --warning:#d6b477; --warning-soft:#4b3f27; --success:#b7c69b;
  --metal:#bea478; --shadow:4px 5px 0 #00000022;
  --paper-margin:#745d4f; --paper-hole:#171b16; --paper-under:#22251e; --rule:#514b38;
  color-scheme:dark;
}
body[data-theme="ledger"] .eval-bar {background:var(--bg);border-bottom:1px solid var(--line-strong)}
body[data-theme="ledger"] .workspace {display:block;background:var(--bg)}
body[data-theme="ledger"] .sidebar {
  display:flex;flex-direction:row;align-items:center;gap:38px;min-height:96px;
  padding:21px max(5vw,24px);border-bottom:3px double var(--line-strong);background:var(--surface);position:relative;
}
body[data-theme="ledger"] .brand {padding:0;gap:12px}
body[data-theme="ledger"] .brand-mark {width:44px;height:44px;transform:none;border-radius:0;border:2px solid var(--accent);background:transparent;color:var(--accent);font-size:27px}
body[data-theme="ledger"] .brand-words {font-size:21px;letter-spacing:2px}
body[data-theme="ledger"] .brand-words small {font-size:9px;letter-spacing:3px}
body[data-theme="ledger"] #navigation {flex:1;min-width:0}
body[data-theme="ledger"] .side-nav {display:flex;gap:3px;flex-wrap:nowrap}
body[data-theme="ledger"] .side-nav button {
  min-height:44px;gap:10px;white-space:nowrap;padding:10px 17px;border:1px solid transparent;border-bottom:0;
  border-radius:3px 3px 0 0;font-size:12px;background:transparent;color:var(--muted);
}
body[data-theme="ledger"] .side-nav button:hover {background:var(--surface-soft)}
body[data-theme="ledger"] .side-nav button.active {
  color:var(--accent);font-weight:600;background:var(--surface-soft);border-color:var(--line-strong);box-shadow:inset 0 -3px var(--accent);
}
body[data-theme="ledger"] .side-nav .icon {width:18px;height:18px}
body[data-theme="ledger"] :is(.nav-caption,.side-utilities,.sidebar-note) {display:none}
body[data-theme="ledger"] .user-card {padding:0;margin-left:auto;border:0;gap:10px;font-size:12px}
body[data-theme="ledger"] .user-card small {font-size:9px}
body[data-theme="ledger"] .avatar {border-radius:1px;border:1px solid var(--line-strong);background:var(--surface-soft);color:var(--accent)}
body[data-theme="ledger"] .topbar {height:58px;padding:0 max(5vw,24px);background:transparent;border-bottom:0;max-width:1490px;margin:auto}
body[data-theme="ledger"] .breadcrumb {font-size:10px;letter-spacing:1px}
body[data-theme="ledger"] .mini-avatar {background:transparent;border:1px solid var(--line-strong);border-radius:1px}
body[data-theme="ledger"] #main-content {
  position:relative;max-width:1320px;min-height:740px;margin:6px auto 42px;padding:39px 45px 29px 82px;
  background:var(--surface);border:1px solid var(--line-strong);box-shadow:6px 6px 0 var(--paper-under),7px 7px 0 var(--line-strong);
}
body[data-theme="ledger"] #main-content:before {content:"";position:absolute;left:49px;top:0;bottom:0;border-left:1px solid var(--paper-margin);pointer-events:none}
body[data-theme="ledger"] #main-content:after {
  content:"";position:absolute;left:18px;top:29px;bottom:25px;width:10px;
  background:radial-gradient(circle,var(--paper-hole) 3px,transparent 4px) 0 0/10px 76px repeat-y;pointer-events:none;
}
body[data-theme="ledger"] .welcome-block {display:flex;align-items:center;justify-content:flex-start;gap:39px;padding:9px 0 35px;margin:0;border-bottom:1px solid var(--line-strong);min-height:216px}
body[data-theme="ledger"] .welcome-copy {order:2;min-width:0}
body[data-theme="ledger"] .eyebrow {color:var(--accent);font-size:10px;font-weight:600;letter-spacing:2.6px}
body[data-theme="ledger"] .welcome-title {font-family:var(--font-serif-head);font-size:43px;font-weight:600;line-height:1.45;letter-spacing:1px;margin:15px 0 12px}
body[data-theme="ledger"] .welcome-title br {display:none}
body[data-theme="ledger"] .welcome-note {font-size:12px;line-height:1.8;letter-spacing:.6px}
body[data-theme="ledger"] .date-display {
  position:relative;order:1;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;
  min-width:143px;min-height:172px;padding:16px 22px;background:var(--surface-soft);color:var(--ink);
  border:1px solid var(--line-strong);border-top:5px solid var(--accent);box-shadow:4px 4px 0 var(--paper-under);
}
body[data-theme="ledger"] .date-display:before,body[data-theme="ledger"] .date-display:after {
  content:"";position:absolute;top:-12px;width:5px;height:17px;border:1px solid var(--line-strong);border-radius:4px;background:var(--surface);
}
body[data-theme="ledger"] .date-display:before {left:28px}
body[data-theme="ledger"] .date-display:after {right:28px}
body[data-theme="ledger"] .day-number {font-family:var(--font-serif-head);font-size:72px;font-weight:600;line-height:1;letter-spacing:-2px;color:var(--accent)}
body[data-theme="ledger"] .date-meta {font-size:10px;margin-top:12px;padding:10px 0 0;border-top:1px dashed var(--line-strong);border-left:0;gap:2px;text-align:center;line-height:1.65}
body[data-theme="ledger"] .date-meta b {font-size:11px;color:var(--ink)}
body[data-theme="ledger"] .hub-metrics {gap:0;padding:26px 0 25px;margin:0 0 34px;border-top:0;border-bottom:3px double var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-theme="ledger"] .metric-card {border:0;border-radius:0;border-left:1px solid var(--line);padding:0 27px;background:transparent;box-shadow:none}
body[data-theme="ledger"] .metric-card:first-child {border-left:0;padding-left:0}
body[data-theme="ledger"] .hub-metrics .metric-value {font-family:var(--font-serif-head);font-size:44px;font-weight:600;line-height:1.2;letter-spacing:0;margin:12px 8px 13px 0}
body[data-theme="ledger"] .hub-metrics .metric-label {font-size:11px;color:var(--ink);font-weight:600}
body[data-theme="ledger"] .hub-metrics .metric-note {font-size:10px}
body[data-theme="ledger"] .hub-content {grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:42px}
body[data-theme="ledger"] .app-directory {background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
body[data-theme="ledger"] .section-head {padding:0 0 16px;border-bottom:1px solid var(--line-strong);margin:0 0 3px;align-items:center}
body[data-theme="ledger"] .section-head>div {gap:13px}
body[data-theme="ledger"] .section-number {display:grid;place-items:center;min-width:30px;height:26px;padding:0 7px;font-size:10px;color:var(--accent-ink);background:var(--accent);font-weight:600}
body[data-theme="ledger"] .section-head h2 {font-size:16px;font-weight:600;letter-spacing:1px}
body[data-theme="ledger"] .section-head>span {font-size:9px;letter-spacing:.3px}
body[data-theme="ledger"] .app-links {display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0}
body[data-theme="ledger"] .app-entry {
  display:grid;grid-template-columns:28px 34px minmax(0,1fr) 19px;align-items:center;gap:16px;min-height:109px;
  padding:23px 8px 23px 2px;background:transparent;border:0;border-bottom:1px solid var(--rule);border-radius:0;
}
body[data-theme="ledger"] .app-entry:last-child {border-bottom:1px solid var(--rule)}
body[data-theme="ledger"] .app-entry:hover {background:var(--surface-soft)}
body[data-theme="ledger"] .app-code {display:block;position:static;font-size:12px;color:var(--metal);text-align:left;letter-spacing:1px}
body[data-theme="ledger"] .app-symbol {width:33px;height:33px;border-radius:0;border:1px solid var(--line-strong);background:transparent;color:var(--accent)}
body[data-theme="ledger"] .app-symbol .icon {width:18px;height:18px}
body[data-theme="ledger"] .entry-copy {min-width:0}
body[data-theme="ledger"] .entry-copy h3 {font-size:16px;font-weight:500;line-height:1.6}
body[data-theme="ledger"] .entry-copy p {font-size:11px;line-height:1.7;margin-top:7px}
body[data-theme="ledger"] .entry-arrow {color:var(--accent);margin:0}
body[data-theme="ledger"] .recent-apps {padding:22px 0 0;gap:17px;border:0;font-size:10px}
body[data-theme="ledger"] .recent-chip {border:1px solid var(--line-strong);border-radius:0;padding:6px 9px;font-size:10px;background:transparent}
body[data-theme="ledger"] .hub-aside {gap:34px}
body[data-theme="ledger"] .todo-panel {padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body[data-theme="ledger"] .todo-list {padding:0}
body[data-theme="ledger"] .todo-item {padding:23px 1px;gap:13px;border-bottom:1px dotted var(--line-strong)}
body[data-theme="ledger"] .todo-item:last-child {border-bottom:1px dotted var(--line-strong)}
body[data-theme="ledger"] .todo-item input {border:1px solid var(--line-strong);border-radius:0;width:14px;height:14px;margin-top:4px;background:transparent}
body[data-theme="ledger"] .todo-item b {font-size:12px;line-height:1.8;font-weight:400}
body[data-theme="ledger"] .todo-item small {font-size:10px;margin-top:6px}
body[data-theme="ledger"] .notice-panel {padding:20px 21px;border:1px dashed var(--line-strong);border-radius:0;background:var(--surface-soft);box-shadow:3px 3px 0 var(--paper-under)}
body[data-theme="ledger"] .notice-panel .section-head {padding-bottom:15px;border-bottom-style:dashed}
body[data-theme="ledger"] .notice-panel .section-number {background:transparent;color:var(--accent);border:1px solid var(--line-strong)}
body[data-theme="ledger"] .announcement-item {padding:21px 0 0}
body[data-theme="ledger"] .notice-date {font-size:10px;letter-spacing:2px}
body[data-theme="ledger"] .announcement-item h3 {font-size:13px;line-height:1.8;font-weight:500}
body[data-theme="ledger"] .announcement-item p {font-size:10px;line-height:1.8}
body[data-theme="ledger"] .announcement-item .text-link {margin-top:21px}
body[data-theme="ledger"] .page-foot {border-top:3px double var(--line-strong);padding:18px 0 1px;margin-top:34px;font-size:9px;letter-spacing:.7px}
body[data-theme="ledger"] .subapp-head {padding:4px 0 26px;border-bottom:1px solid var(--line-strong);margin-bottom:0}
body[data-theme="ledger"] .subapp-title h1 {font-family:var(--font-body);font-size:30px;line-height:1.4;letter-spacing:1px;font-weight:500}
body[data-theme="ledger"] .subapp-title p:last-child {font-size:12px}
body[data-theme="ledger"] .local-nav {gap:0;margin:0 0 26px;padding-top:12px;border-bottom:1px solid var(--line-strong)}
body[data-theme="ledger"] .local-nav button {border:1px solid transparent;border-bottom:0;border-radius:0;padding:11px 19px;font-size:12px;background:transparent}
body[data-theme="ledger"] .local-nav button.active {color:var(--accent);background:var(--surface-soft);border-color:var(--line-strong);box-shadow:inset 0 -2px var(--accent)}
body[data-theme="ledger"] .metric-grid {gap:0;padding:21px 0 23px;border-top:0;border-bottom:3px double var(--line-strong);margin-bottom:29px}
body[data-theme="ledger"] .metric-grid .metric-card {padding:0 22px}
body[data-theme="ledger"] .metric-grid .metric-card:first-child {padding-left:0}
body[data-theme="ledger"] .metric-grid .metric-value {font-family:var(--font-body);font-size:36px;line-height:1.2;font-weight:600;letter-spacing:0;margin-top:15px}
body[data-theme="ledger"] .metric-grid .metric-label {font-size:11px}
body[data-theme="ledger"] .metric-grid .metric-note {font-size:10px}
body[data-theme="ledger"] .data-panel {border:1px solid var(--line-strong);border-top:3px double var(--accent);border-radius:0;box-shadow:4px 4px 0 var(--paper-under);background:var(--surface)}
body[data-theme="ledger"] .panel-head {padding:20px 24px;border-bottom:1px dashed var(--line-strong)}
body[data-theme="ledger"] .panel-head h2 {font-size:16px;letter-spacing:1px}
body[data-theme="ledger"] .panel-head .section-number {background:transparent;color:var(--accent);border:1px solid var(--line-strong)}
body[data-theme="ledger"] .filter-bar {padding:16px 24px;background:var(--surface);border-bottom:1px solid var(--line-strong);gap:12px}
body[data-theme="ledger"] .period-tabs {padding:0;border:1px solid var(--line-strong);border-radius:0;background:transparent}
body[data-theme="ledger"] .period-tabs button {border-radius:0;padding:7px 13px}
body[data-theme="ledger"] .period-tabs button.active {background:var(--surface-soft);box-shadow:inset 0 -2px var(--accent)}
body[data-theme="ledger"] .search-box {border-radius:0;border-color:var(--line-strong);background:transparent}
body[data-theme="ledger"] :is(input,select) {border-radius:0;border-color:var(--line-strong);background:var(--surface)}
body[data-theme="ledger"] th {padding:14px 13px;background:var(--surface-soft);border-bottom:3px double var(--line-strong);border-right:1px solid var(--line);font-size:10px}
body[data-theme="ledger"] td {padding:18px 13px;border-bottom:1px solid var(--rule);border-right:1px solid var(--line);font-size:11px;background:transparent}
body[data-theme="ledger"] :is(th,td):first-child {padding-left:22px}
body[data-theme="ledger"] :is(th,td):last-child {border-right:0}
body[data-theme="ledger"] tbody tr:nth-child(even) {background:color-mix(in srgb,var(--surface-soft) 35%,transparent)}
body[data-theme="ledger"] tbody tr:hover {background:var(--surface-soft)}
body[data-theme="ledger"] .row-name {gap:11px}
body[data-theme="ledger"] .record-code {color:var(--metal)}
body[data-theme="ledger"] .row-name b {font-weight:500}
body[data-theme="ledger"] .badge {border:1px solid var(--line-strong);border-radius:1px;padding:4px 7px;background:transparent;color:var(--accent);font-size:9px}
body[data-theme="ledger"] .badge.warning {background:var(--warning-soft);color:var(--warning);border-color:var(--warning)}
body[data-theme="ledger"] .badge.draft {border-style:dashed;background:transparent;color:var(--muted)}
body[data-theme="ledger"] .table-foot {padding:17px 22px;background:var(--surface-soft);border-top:1px solid var(--line-strong)}
body[data-theme="ledger"] .button {border-radius:0;min-height:40px;box-shadow:2px 2px 0 var(--paper-under);font-size:12px}
body[data-theme="ledger"] .button.secondary {background:transparent;border-color:var(--line-strong)}
body[data-theme="ledger"] .overlay {background:#23271b99;backdrop-filter:blur(3px)}
body[data-theme="ledger"] .dialog {position:relative;border:1px solid var(--line-strong);border-top:3px double var(--accent);border-radius:0;padding:29px 30px 30px 43px;box-shadow:6px 6px 0 var(--paper-under)}
body[data-theme="ledger"] .dialog:before {content:"";position:absolute;left:22px;top:0;bottom:0;border-left:1px solid var(--paper-margin);pointer-events:none}
body[data-theme="ledger"] .dialog-head {border-bottom:1px dashed var(--line-strong);padding-bottom:18px;margin-bottom:23px}
body[data-theme="ledger"] .dialog-head h2 {font-size:20px;font-weight:500;letter-spacing:.6px}
body[data-theme="ledger"] .form-grid {gap:18px}
body[data-theme="ledger"] :is(.form-grid input,.form-grid select) {border-radius:0;border:0;border-bottom:1px solid var(--line-strong);padding:8px 6px;background:var(--surface-soft);min-height:40px}
body[data-theme="ledger"] .detail-note {background:var(--surface-soft);border-left:2px solid var(--accent)}
body[data-theme="ledger"] .history-panel {border-radius:0;border-top:3px double var(--accent);box-shadow:3px 3px 0 var(--paper-under)}
body[data-theme="ledger"] .chart-column>div {background:var(--accent-soft);border-top:2px solid var(--accent)}
body[data-theme="ledger"] .archive-card {border:1px solid var(--line-strong);background:var(--surface);border-radius:0;box-shadow:3px 3px 0 var(--paper-under)}
body[data-theme="ledger"] .export-panel {border-radius:0;border-top:3px double var(--accent);box-shadow:4px 4px 0 var(--paper-under)}
body[data-theme="ledger"] .export-option {border-radius:0;background:var(--surface-soft);border:1px dashed var(--line-strong)}
body[data-theme="ledger"] .file-symbol {background:transparent;color:var(--accent);border:1px solid var(--accent);border-top:4px solid var(--accent)}
body[data-theme="ledger"] .mobile-nav {background:var(--surface);border-top:3px double var(--line-strong)}

/* 字形约束：展示字体的数字也始终使用等高、等宽字形。 */
body[data-theme="crimson"] :is(.welcome-title,.day-number,.hub-metrics .metric-value),
body[data-theme="ledger"] :is(.welcome-title,.day-number,.hub-metrics .metric-value) {
  font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"lnum" 1,"tnum" 1;
}

@media (max-width:1350px) {
  body[data-theme="crimson"] .hub-content {grid-template-columns:minmax(0,1fr) 270px;gap:22px}
  body[data-theme="crimson"] .app-links {grid-template-columns:minmax(0,1fr)}
  body[data-theme="crimson"] .app-entry {display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:18px;min-height:112px;padding:21px 22px;border-right:0;border-bottom:1px solid var(--line)}
  body[data-theme="crimson"] .app-entry:last-child {border-bottom:0}
  body[data-theme="crimson"] .app-code {display:none}
  body[data-theme="crimson"] .entry-arrow {margin:0;align-self:center}
  body[data-theme="crimson"] #main-content {padding-inline:29px}
  body[data-theme="crimson"] .welcome-block {padding:29px;gap:24px}
  body[data-theme="crimson"] .welcome-title {font-size:39px}
  body[data-theme="ledger"] #main-content {margin-inline:32px;padding-right:38px;max-width:none}
  body[data-theme="ledger"] .sidebar {gap:25px;padding-inline:32px}
  body[data-theme="ledger"] .side-nav button {padding-inline:13px}
  body[data-theme="ledger"] .hub-content {grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:31px}
}
@media (max-width:1080px) {
  body[data-theme="crimson"] .workspace {grid-template-columns:193px minmax(0,1fr)}
  body[data-theme="crimson"] .sidebar {padding:29px 16px}
  body[data-theme="crimson"] .brand {gap:10px}
  body[data-theme="crimson"] .brand-mark {width:39px;height:39px;font-size:25px}
  body[data-theme="crimson"] .brand-words {font-size:19px;letter-spacing:1.7px}
  body[data-theme="crimson"] .brand-words small {font-size:8px;letter-spacing:2px}
  body[data-theme="crimson"] #main-content {padding:26px}
  body[data-theme="crimson"] .topbar {padding-inline:26px}
  body[data-theme="crimson"] .welcome-block {padding:25px;min-height:198px}
  body[data-theme="crimson"] .welcome-title {font-size:34px}
  body[data-theme="crimson"] .date-display {min-width:148px;gap:11px;padding:14px}
  body[data-theme="crimson"] .day-number {font-size:55px}
  body[data-theme="crimson"] .date-meta {padding-left:11px;font-size:9px}
  body[data-theme="crimson"] .hub-content {grid-template-columns:minmax(0,1fr)}
  body[data-theme="crimson"] .hub-aside {grid-template-columns:repeat(2,minmax(0,1fr))}
  body[data-theme="crimson"] .hub-metrics .metric-card {padding:19px;min-height:148px}
  body[data-theme="crimson"] .hub-metrics .metric-value {font-size:39px}
  body[data-theme="ledger"] .sidebar {flex-wrap:wrap;gap:18px;padding:20px 28px}
  body[data-theme="ledger"] #navigation {order:3;flex:0 0 100%}
  body[data-theme="ledger"] .side-nav {justify-content:flex-start}
  body[data-theme="ledger"] .user-card {margin-left:auto}
  body[data-theme="ledger"] #main-content {margin-inline:24px;padding:34px 32px 28px 71px}
  body[data-theme="ledger"] #main-content:before {left:43px}
  body[data-theme="ledger"] #main-content:after {left:15px}
  body[data-theme="ledger"] .welcome-block {gap:29px}
  body[data-theme="ledger"] .welcome-title {font-size:39px}
  body[data-theme="ledger"] .hub-content {grid-template-columns:minmax(0,1fr);gap:31px}
  body[data-theme="ledger"] .hub-aside {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
  body[data-theme="ledger"] .notice-panel {padding:19px}
  body[data-theme="ledger"] .metric-grid .metric-card:nth-child(3) {border-left:0;padding-left:0}
  body[data-theme="ledger"] .metric-grid {row-gap:24px}
}
@media (max-width:760px) {
  body[data-theme="crimson"] .workspace {display:block}
  body[data-theme="crimson"] .sidebar {display:none}
  body[data-theme="crimson"] .topbar {height:58px;padding-inline:19px}
  body[data-theme="crimson"] #main-content {padding:22px 19px 90px}
  body[data-theme="crimson"] .welcome-block {min-height:190px;padding:24px 21px;grid-template-columns:minmax(0,1fr) 104px;gap:17px;margin-bottom:18px}
  body[data-theme="crimson"] .welcome-title {font-size:32px;letter-spacing:-.5px;line-height:1.4;margin:13px 0 10px}
  body[data-theme="crimson"] .welcome-title br {display:block}
  body[data-theme="crimson"] .eyebrow {font-size:9px;letter-spacing:1.4px;line-height:1.8}
  body[data-theme="crimson"] .welcome-note {font-size:11px;line-height:1.8;max-width:170px}
  body[data-theme="crimson"] .date-display {min-width:0;display:flex;flex-direction:column;align-items:center;gap:11px;padding:14px 8px;border-left:1px solid var(--brief-line);box-shadow:3px 3px 0 var(--brief-line)}
  body[data-theme="crimson"] .day-number {font-size:53px;letter-spacing:-1px}
  body[data-theme="crimson"] .date-meta {padding:9px 0 0;border-left:0;border-top:1px solid var(--line);gap:2px;font-size:8px;align-items:center;text-align:center}
  body[data-theme="crimson"] .date-meta b {font-size:10px}
  body[data-theme="crimson"] .hub-metrics {gap:9px;margin-bottom:25px;grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-theme="crimson"] .hub-metrics .metric-card {padding:16px 12px;min-height:145px;border-radius:2px}
  body[data-theme="crimson"] .hub-metrics .metric-value {font-size:34px;letter-spacing:-.6px;margin:13px 5px 11px 0}
  body[data-theme="crimson"] .hub-metrics .metric-card .metric-label {font-size:10px}
  body[data-theme="crimson"] .hub-metrics .metric-note {font-size:9px;line-height:1.9}
  body[data-theme="crimson"] .hub-metrics .metric-unit {font-size:9px}
  body[data-theme="crimson"] .section-head {padding:18px}
  body[data-theme="crimson"] .app-entry {padding:23px 18px;grid-template-columns:40px minmax(0,1fr) 16px;gap:15px;min-height:114px}
  body[data-theme="crimson"] .app-symbol {width:40px;height:40px}
  body[data-theme="crimson"] .entry-copy h3 {font-size:16px}
  body[data-theme="crimson"] .entry-copy p {font-size:11px;margin-top:6px}
  body[data-theme="crimson"] .recent-apps {padding:16px 18px;gap:13px}
  body[data-theme="crimson"] .hub-aside {grid-template-columns:minmax(0,1fr);gap:21px}
  body[data-theme="crimson"] .todo-list {padding-inline:19px}
  body[data-theme="crimson"] .announcement-item {padding:22px 19px}
  body[data-theme="crimson"] .subapp-head {padding:8px 0 23px;align-items:flex-start;gap:18px}
  body[data-theme="crimson"] .subapp-title h1 {font-size:25px;line-height:1.45;margin-top:11px}
  body[data-theme="crimson"] .subapp-title p:last-child {font-size:11px;line-height:1.8}
  body[data-theme="crimson"] .subapp-actions {flex-direction:column;gap:9px;padding-top:5px}
  body[data-theme="crimson"] .subapp-actions .button {min-height:36px;padding:7px 12px;font-size:10px;gap:6px}
  body[data-theme="crimson"] .local-nav {margin-bottom:23px}
  body[data-theme="crimson"] .local-nav button {padding:14px 17px;font-size:11px}
  body[data-theme="crimson"] .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:23px}
  body[data-theme="crimson"] .metric-grid .metric-card {padding:17px}
  body[data-theme="crimson"] .metric-grid .metric-value {font-size:32px;line-height:1.2}
  body[data-theme="crimson"] .metric-grid .metric-note {font-size:10px}
  body[data-theme="crimson"] .metric-grid .metric-unit {font-size:11px}
  body[data-theme="crimson"] .panel-head {padding:19px 18px}
  body[data-theme="crimson"] .filter-bar {padding:16px 18px;gap:11px}
  body[data-theme="crimson"] .search-box {margin-left:0;flex:1}
  body[data-theme="crimson"] .search-box input {width:100%}
  body[data-theme="crimson"] .filter-bar>label:last-child {max-width:119px}
  body[data-theme="crimson"] .table-foot {padding-inline:18px;font-size:9px}
  body[data-theme="crimson"] .page-foot {flex-wrap:wrap;line-height:1.9;font-size:9px;gap:8px}
  body[data-theme="crimson"] .dialog {padding:25px 22px}
  body[data-theme="crimson"] .export-panel {padding:25px 22px}
  body[data-theme="crimson"] .export-panel h2 {font-size:23px;line-height:1.6}
  body[data-theme="crimson"] .export-option {padding:21px 17px;gap:13px}
  body[data-theme="ledger"] .sidebar {padding:18px;min-height:82px;gap:17px;display:flex}
  body[data-theme="ledger"] .brand {gap:10px;max-width:calc(100% - 78px)}
  body[data-theme="ledger"] .brand-mark {width:38px;height:38px;font-size:23px}
  body[data-theme="ledger"] .brand-words {font-size:19px}
  body[data-theme="ledger"] .brand-words small {font-size:8px}
  body[data-theme="ledger"] .user-card {font-size:11px}
  body[data-theme="ledger"] .user-card .avatar {display:none}
  body[data-theme="ledger"] .user-card small {font-size:8px}
  body[data-theme="ledger"] #navigation {order:3;flex:0 0 100%;min-width:0}
  body[data-theme="ledger"] .side-nav {overflow:auto;flex-wrap:nowrap;gap:2px}
  body[data-theme="ledger"] .side-nav button {flex-shrink:0;padding:9px 12px;min-height:38px;font-size:11px;gap:8px}
  body[data-theme="ledger"] .side-nav .icon {width:16px;height:16px}
  body[data-theme="ledger"] .topbar {height:48px;padding:0 18px}
  body[data-theme="ledger"] #main-content {margin:2px 13px 87px;padding:29px 19px 26px 43px;min-height:0;max-width:none;box-shadow:4px 4px 0 var(--paper-under),5px 5px 0 var(--line-strong)}
  body[data-theme="ledger"] #main-content:before {left:26px}
  body[data-theme="ledger"] #main-content:after {left:8px;top:22px;width:9px;background-size:9px 67px}
  body[data-theme="ledger"] .welcome-block {gap:20px;align-items:center;min-height:184px;padding:4px 0 26px}
  body[data-theme="ledger"] .welcome-title {font-size:32px;line-height:1.45;letter-spacing:.4px;margin:12px 0 9px}
  body[data-theme="ledger"] .welcome-title br {display:block}
  body[data-theme="ledger"] .eyebrow {font-size:8px;letter-spacing:1.4px;line-height:1.9}
  body[data-theme="ledger"] .welcome-note {font-size:10px;line-height:1.8}
  body[data-theme="ledger"] .date-display {min-width:83px;min-height:143px;padding:12px 9px;border-top-width:4px}
  body[data-theme="ledger"] .date-display:before {left:18px;width:4px;height:14px;top:-10px}
  body[data-theme="ledger"] .date-display:after {right:18px;width:4px;height:14px;top:-10px}
  body[data-theme="ledger"] .day-number {font-size:53px;font-weight:600;letter-spacing:-1px}
  body[data-theme="ledger"] .date-meta {font-size:8px;margin-top:8px;padding-top:8px;gap:2px}
  body[data-theme="ledger"] .date-meta b {font-size:9px}
  body[data-theme="ledger"] .hub-metrics {padding:21px 0 22px;margin-bottom:29px;gap:0}
  body[data-theme="ledger"] .hub-metrics .metric-card {padding:0 12px;min-width:0}
  body[data-theme="ledger"] .hub-metrics .metric-card:first-child {padding-left:0}
  body[data-theme="ledger"] .hub-metrics .metric-card:last-child {padding-right:0}
  body[data-theme="ledger"] .hub-metrics .metric-label {font-size:10px}
  body[data-theme="ledger"] .hub-metrics .metric-value {font-size:34px;margin:12px 4px 9px 0}
  body[data-theme="ledger"] .hub-metrics .metric-unit {font-size:9px}
  body[data-theme="ledger"] .hub-metrics .metric-note {font-size:9px;line-height:1.8}
  body[data-theme="ledger"] .hub-content {grid-template-columns:minmax(0,1fr);gap:32px}
  body[data-theme="ledger"] .section-head {padding-bottom:15px}
  body[data-theme="ledger"] .section-head h2 {font-size:15px}
  body[data-theme="ledger"] .section-number {min-width:27px;height:25px;font-size:9px}
  body[data-theme="ledger"] .section-head>span {font-size:8px}
  body[data-theme="ledger"] .app-entry {grid-template-columns:22px 27px minmax(0,1fr) 15px;gap:11px;padding:21px 1px;min-height:104px}
  body[data-theme="ledger"] .app-code {display:block;font-size:10px;letter-spacing:0}
  body[data-theme="ledger"] .app-symbol {width:27px;height:30px}
  body[data-theme="ledger"] .app-symbol .icon {width:15px;height:15px}
  body[data-theme="ledger"] .entry-copy h3 {font-size:14px;line-height:1.7}
  body[data-theme="ledger"] .entry-copy p {font-size:10px;margin-top:5px;line-height:1.8}
  body[data-theme="ledger"] .entry-arrow .icon {width:15px;height:15px}
  body[data-theme="ledger"] .recent-apps {gap:10px;padding-top:19px}
  body[data-theme="ledger"] .recent-apps>span {font-size:9px}
  body[data-theme="ledger"] .recent-chip {font-size:9px;padding:5px 7px;gap:5px}
  body[data-theme="ledger"] .recent-chip .icon {width:12px;height:12px}
  body[data-theme="ledger"] .hub-aside {grid-template-columns:minmax(0,1fr);gap:30px}
  body[data-theme="ledger"] .notice-panel {padding:20px}
  body[data-theme="ledger"] .subapp-head {gap:15px;padding:5px 0 22px;align-items:flex-start}
  body[data-theme="ledger"] .subapp-title h1 {font-size:23px;line-height:1.5;letter-spacing:.5px;margin-top:10px}
  body[data-theme="ledger"] .subapp-title p:last-child {font-size:10px;line-height:1.85}
  body[data-theme="ledger"] .subapp-actions {flex-direction:column;gap:9px;padding-top:4px}
  body[data-theme="ledger"] .subapp-actions .button {padding:7px 9px;font-size:9px;min-height:34px;gap:5px}
  body[data-theme="ledger"] .subapp-actions .icon {width:12px;height:12px}
  body[data-theme="ledger"] .local-nav {overflow:auto;flex-wrap:nowrap;margin-bottom:22px;padding-top:12px}
  body[data-theme="ledger"] .local-nav button {font-size:10px;flex-shrink:0;padding:10px 13px}
  body[data-theme="ledger"] .metric-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0;padding:9px 0 23px;margin-bottom:25px}
  body[data-theme="ledger"] .metric-grid .metric-card {padding:0 17px}
  body[data-theme="ledger"] .metric-grid .metric-card:nth-child(odd) {border-left:0;padding-left:0}
  body[data-theme="ledger"] .metric-grid .metric-card:nth-child(even) {padding-right:0}
  body[data-theme="ledger"] .metric-grid .metric-label {font-size:10px}
  body[data-theme="ledger"] .metric-grid .metric-value {font-size:32px;line-height:1.2;margin:13px 6px 12px 0}
  body[data-theme="ledger"] .metric-grid .metric-unit {font-size:10px}
  body[data-theme="ledger"] .metric-grid .metric-note {font-size:9px;line-height:1.8}
  body[data-theme="ledger"] .panel-head {padding:18px 15px;gap:10px}
  body[data-theme="ledger"] .panel-head>div {gap:10px}
  body[data-theme="ledger"] .panel-head h2 {font-size:14px}
  body[data-theme="ledger"] .panel-head>span {font-size:8px}
  body[data-theme="ledger"] .filter-bar {padding:15px;gap:10px}
  body[data-theme="ledger"] .search-box {margin-left:0;flex:1}
  body[data-theme="ledger"] .search-box input {width:100%;font-size:10px}
  body[data-theme="ledger"] .filter-bar>label:last-child {max-width:108px}
  body[data-theme="ledger"] .date-control input {font-size:10px;max-width:125px}
  body[data-theme="ledger"] .table-foot {padding:15px;font-size:8px;line-height:1.9;flex-wrap:wrap}
  body[data-theme="ledger"] .page-foot {font-size:8px;gap:10px;flex-wrap:wrap;line-height:1.9}
  body[data-theme="ledger"] .dialog {padding:25px 23px 25px 34px}
  body[data-theme="ledger"] .dialog:before {left:17px}
  body[data-theme="ledger"] .dialog-head h2 {font-size:18px}
  body[data-theme="ledger"] .export-panel {padding:25px 19px}
  body[data-theme="ledger"] .export-panel h2 {font-size:22px;line-height:1.6}
  body[data-theme="ledger"] .export-option {padding:19px 14px;gap:13px}
  body[data-theme="ledger"] .export-option b {font-size:11px}
  body[data-theme="ledger"] .export-option small {font-size:9px;line-height:1.9}
  body[data-theme="ledger"] .chart {padding-inline:18px;gap:10px}
  body[data-theme="ledger"] .chart-column {font-size:8px;gap:10px}
}
@media (max-width:390px) {
  body[data-theme="crimson"] #main-content {padding-inline:15px}
  body[data-theme="crimson"] .welcome-block {padding:21px 17px;grid-template-columns:minmax(0,1fr) 94px;gap:14px}
  body[data-theme="crimson"] .welcome-title {font-size:30px}
  body[data-theme="crimson"] .day-number {font-size:49px}
  body[data-theme="crimson"] .hub-metrics .metric-card {padding-inline:10px}
  body[data-theme="crimson"] .hub-metrics .metric-value {font-size:32px}
  body[data-theme="ledger"] #main-content {margin-inline:10px;padding-right:16px;padding-left:39px}
  body[data-theme="ledger"] #main-content:before {left:24px}
  body[data-theme="ledger"] #main-content:after {left:7px;width:8px;background-size:8px 67px}
  body[data-theme="ledger"] .welcome-block {gap:16px}
  body[data-theme="ledger"] .welcome-title {font-size:29px}
  body[data-theme="ledger"] .date-display {min-width:76px;padding-inline:7px}
  body[data-theme="ledger"] .day-number {font-size:50px}
  body[data-theme="ledger"] .hub-metrics .metric-card {padding-inline:10px}
  body[data-theme="ledger"] .hub-metrics .metric-value {font-size:32px}
  body[data-theme="ledger"] .app-entry {grid-template-columns:20px 25px minmax(0,1fr) 14px;gap:9px}
  body[data-theme="ledger"] .entry-copy h3 {font-size:13px}
  body[data-theme="ledger"] .entry-copy p {font-size:9px}
}
@media (prefers-reduced-motion:reduce) {
  body[data-theme="crimson"] *,body[data-theme="ledger"] * {scroll-behavior:auto;transition:none}
}