/*
 * 统一使用科目余额表上线前的深蓝灰色板。
 * 页面仍保留各自的信息层级与状态色，只共享基础表面、边框和主强调色。
 */
:root {
  --side: #172033;
  --side2: #101827;
  --sidew: 248px;
  --bg: #11161d;
  --card: #1b232d;
  --card-raised: #202a35;
  --line: #303c49;
  --border: #303c49;
  --soft: #293541;
  --seg: #17202a;
  --seg-h: #17202a;
  --chip: #202a35;
  --t1: #eef4fb;
  --text: #eef4fb;
  --text-1: #eef4fb;
  --t2: #bcc9d8;
  --text-2: #bcc9d8;
  --t3: #8493a5;
  --muted: #8493a5;
  --text-3: #8493a5;
  --faint: #687a8d;
  --text-4: #687a8d;
  --blue: #65a8ff;
  --primary: #65a8ff;
  --primary-hover: #9bc8ff;
  --sidebar-bg: #172033;
  --sidebar-bg-2: #101827;
  --sidebar-text: #8493a5;
  --sidebar-text-active: #eef4fb;
  --sidebar-active: #65a8ff;
  --sidebar-active-bg: rgba(101, 168, 255, .16);
  --active-bg: rgba(101, 168, 255, .16);
  --blue-bg: rgba(101, 168, 255, .16);
}

body { background: var(--bg) !important; }
.sidebar { background: linear-gradient(180deg, var(--sidebar-bg), var(--sidebar-bg-2)) !important; }
.topbar { background: var(--card) !important; border-color: var(--border) !important; }
.brand, .sidebar-foot { border-color: rgba(188, 201, 216, .10) !important; }
.nav-item.active, .nav a.active { background: var(--sidebar-active-bg) !important; color: var(--primary) !important; }
.nav-item:hover, .nav a:hover { background: rgba(188, 201, 216, .08) !important; }

/* 统一锁定视口：侧栏和主内容区各自滚动，页面本身不再随长列表无限拉长。 */
html, body { height: 100%; overflow: hidden; }
.app, .shell { height: 100vh; min-height: 0; }
.sidebar, .side { height: 100vh; overflow-y: auto; }
.main { height: 100vh; min-height: 0; overflow-y: auto; }

@media (max-width: 820px) {
  html, body { height: auto; overflow: auto; }
  .app, .shell, .main { height: auto; }
}

/* 经济事实页原有的顶部光晕会让色板偏青，恢复为纯色内容区。 */
body:has(.ledger-overview) { background: var(--bg) !important; }