/* Operational typography and palette; cash amounts and actions are unchanged. */
@media screen {
  .cash-flat-page {
    --navy-900: #101e3d;
    --muted: #647da5;
    --faint: #647da5;
    --border: #c7d5e8;
    --border-strong: #c7d5e8;
    --border-soft: #dce5f0;
    --card: #ffffff;
    --surface: #f5f7fa;
    --orange-500: #ff690c;
    --orange-600: #c2410c;
    --orange-soft: #fff1e6;
    --success: #00843d;
    --danger: #b91c1c;
    color: var(--navy-900);
    font-size: 13px;
    line-height: 1.4;
  }
  :root[data-theme='dark'] .cash-flat-page {
    --navy-900: #e7efff;
    --muted: #a4b0c2;
    --faint: #a4b0c2;
    --border: #34445d;
    --border-strong: #34445d;
    --border-soft: #303a49;
    --card: #171f2d;
    --surface: #1e293b;
    --orange-500: #fb923c;
    --orange-600: #fdba74;
    --orange-soft: #3b2c24;
    --success: #6ee7a0;
    --danger: #fca5a5;
  }
  body .cash-flat-page, body .cash-flat-page * {
    font-family: 'ERP Plex UI', system-ui, 'Segoe UI', sans-serif !important;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
  }
  .cash-flat-page h1 { font-size: 18px !important; font-weight: 600 !important; line-height: 1.3; letter-spacing: 0 !important; }
  .cash-flat-page h2 { font-size: 18px !important; font-weight: 600 !important; letter-spacing: 0 !important; }
  .cash-flat-page .cash-flat-kpi { border-radius: 4px !important; box-shadow: none !important; }
  .cash-flat-page .cash-flat-kpi>div:first-child { font-size: 16px !important; font-weight: 600 !important; letter-spacing: 0 !important; font-style: normal; font-variant-numeric: tabular-nums; }
  .cash-flat-page .cash-flat-kpi>div:nth-child(2) { font-size: 10px !important; font-weight: 600 !important; line-height: 1.3 !important; letter-spacing: .03em !important; }
  .cash-flat-page .cash-flat-card { border-radius: 4px !important; box-shadow: none !important; }
  .cash-flat-page .cash-flat-card>div:first-child>div:first-child>span:last-child { font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
  .cash-flat-page :is(input,select,textarea) { font-size: 13px !important; border-radius: 4px !important; font-variant-numeric: tabular-nums; }
  .cash-flat-page .cash-flat-header-action { font-size: 13px !important; font-weight: 600 !important; }
  .cash-flat-page .cash-flat-switcher button { font-size: 11px !important; font-weight: 600 !important; }
  .cash-flat-page .cash-flat-filterbar { display: flex !important; flex-wrap: wrap !important; width: auto !important; min-width: 0 !important; max-width: 100%; height: auto !important; gap: 10px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; overflow: visible !important; }
  .cash-flat-page .cash-flat-filterbar .cash-flat-switcher { border: 1px solid var(--border) !important; border-radius: 3px !important; background: var(--surface) !important; }
  .cash-flat-page .cash-flat-filterbar .cash-flat-flow-switcher { width: 134px !important; flex: 0 0 134px; }
  .cash-flat-page .cash-flat-filterbar .cash-flat-method-switcher { width: 284px !important; flex: 0 0 284px; }
  .cash-flat-page>div:first-child>div:first-child>span { border-radius: 3px !important; padding: 3px 8px !important; font-weight: 600 !important; }
  .cash-flat-page .cash-flat-pagination-button { font-size: 12px !important; font-weight: 600 !important; }
  .cash-flat-page .cash-ledger-method { font-size: 11px; font-weight: 600; line-height: 16px; }
  .cash-flat-page [style*="grid-template-columns"][style*="min-height: 34px"] { font-size: 13px !important; }
  .cash-flat-page [style*="grid-template-columns"][style*="min-height: 34px"]>span[style*="font-variant-numeric"] { font-size: 14px !important; font-weight: 600 !important; font-style: normal; }
  .cash-flat-page [style*="grid-template-columns"][style*="min-height: 34px"]>span[style*="border-radius"] { font-size: 11px !important; font-weight: 700 !important; border-radius: 3px !important; }
  .cash-flat-page :is(button,input,select,textarea):focus-visible { outline: 2px solid var(--orange-500) !important; outline-offset: 2px; }
  .cash-flat-page .cash-movement-modal { border-radius: 3px !important; }
  .cash-flat-page .cash-movement-modal :is(button,input,select,textarea),
  .cash-flat-page .cash-movement-modal>div:nth-child(2)>div:first-child { border-radius: 3px !important; box-shadow: none !important; }
  .cash-flat-page .cash-movement-modal :is(input,select,textarea):focus { border-color: var(--orange-500) !important; outline: 1px solid var(--orange-500) !important; outline-offset: -1px !important; box-shadow: none !important; }
}