/* MaxMyCash client area: TreasuryAll palette (charcoal, gold, stone) and IBM Plex, matching the public site. */
:root{
  --paper:#f3f2ee; --sheet:#ffffff; --ink:#16181a; --ink-2:#454b52; --ink-3:#767d85; --rule:#e4e1da; --rule-soft:#efede8;
  --band:#101214; --band-ink:#ffffff; --band-dim:#c3cad1; --band-rule:#3a3f45;
  --gold:#d4a853; --gold-ink:#16181a; --gold-soft:#f6ecd6; --gold-text:#a87a22;
  --ok:#2c7450; --ok-bg:#e4f1e9; --warn:#8f6112; --warn-bg:#fbefd8; --bad:#a13a36; --bad-bg:#f8e5e4; --info:#245f8f; --info-bg:#e4edf6;
  --sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){
  :root{color-scheme:dark;
    --paper:#131517; --sheet:#1b1e21; --ink:#f1f2f3; --ink-2:#c3cad1; --ink-3:#8d949c; --rule:#2d3237; --rule-soft:#252a2e;
    --band:#0c0e10; --gold-soft:#3a3120; --gold-text:#d4a853;
    --ok:#74c79b; --ok-bg:#1b3226; --warn:#e3bb68; --warn-bg:#3a2f17; --bad:#ec8f8a; --bad-bg:#3d2221; --info:#93c1e8; --info-bg:#1a2c3d;
  }
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{margin:0;text-wrap:balance}
.num{font-family:var(--mono);font-variant-numeric:tabular-nums}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
a{color:var(--gold-text)}
.grid-bg{background-color:var(--band);background-image:linear-gradient(rgba(212,168,83,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,83,.07) 1px,transparent 1px);background-size:40px 40px}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--band-ink)}
.brand .wm{font-weight:700;font-size:21px;letter-spacing:-.03em}
.brand .wm b{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:10px 18px;font-weight:600;font-size:14.5px;border:1px solid var(--rule);background:var(--sheet);color:var(--ink);cursor:pointer;text-decoration:none}
.btn:hover{border-color:var(--gold)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:var(--gold-ink)}
.btn.ghost{background:transparent;border-color:var(--band-rule);color:var(--band-ink)}
.btn[disabled]{opacity:.55;cursor:default}
.field{display:grid;gap:6px;min-width:0}
.field>span{font-size:13px;font-weight:600;color:var(--ink-2)}
.field input,.field select,.field textarea{padding:10px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--paper);width:100%;min-width:0}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);outline:none}
.field textarea{min-height:90px;resize:vertical}
.msg{font-size:14px;padding:10px 12px;border-radius:8px}
.msg.bad{background:var(--bad-bg);color:var(--bad)}
.msg.ok{background:var(--ok-bg);color:var(--ok)}
.msg.info{background:var(--info-bg);color:var(--info)}
.linkbtn{background:none;border:0;padding:0;color:var(--gold-text);cursor:pointer;font-size:14px;text-decoration:underline}
.chip{display:inline-flex;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;background:var(--rule-soft);color:var(--ink-2)}
.chip.ok{background:var(--ok-bg);color:var(--ok)} .chip.warn{background:var(--warn-bg);color:var(--warn)} .chip.bad{background:var(--bad-bg);color:var(--bad)} .chip.info{background:var(--info-bg);color:var(--info)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}