/* ============================================================
   MERIDIAN — INSTITUTIONAL SKIN
   Loaded last. Strips the decorative treatment and restyles the
   portal as a working exchange terminal: flat surfaces, tight
   radii, sans + monospace only, no glows, no rotation.
   ============================================================ */

:root{
  /* type — no display serif anywhere */
  --serif: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;

  /* institutional radii */
  --r-lg: 4px;
  --r-md: 4px;
  --r-sm: 3px;

  /* muted brass instead of bright gold */
  --gold:     #9c7f3d;
  --gold-hi:  #c2a765;
  --gold-dim: rgba(156,127,61,.10);

  /* cooler, flatter greys */
  --bg:       #0b0d10;
  --bg-2:     #0e1114;
  --panel:    #121519;
  --panel-2:  #14181c;
  --panel-hi: #191d22;
  --line:     rgba(255,255,255,.08);
  --line-2:   rgba(255,255,255,.14);

  --txt:   #e6e9ed;
  --txt-2: #9aa3ad;
  --txt-3: #6a7079;

  --up:   #2eb87f;
  --down: #d9534f;

  --shadow: 0 1px 0 rgba(255,255,255,.02);
}

/* kill the coloured background washes */
body::before{
  background:
    radial-gradient(1200px 700px at 15% -20%, rgba(255,255,255,.014), transparent 60%),
    radial-gradient(900px 600px at 90% 0%, rgba(255,255,255,.010), transparent 62%) !important;
}

/* ------------------------------------------------------------
   SURFACES — flat panels, hairline borders, no inner highlight
   ------------------------------------------------------------ */
.card,
.term-card,
.verify-bar,
.stamp-row,
.cert-strip,
.day-cycle,
.kpi,
.art-stat,
.count div,
.step,
.toast{
  background-image:none !important;
  background-color:var(--panel) !important;
  box-shadow:none !important;
}
.card::before{display:none !important}

.cert-strip,
.verify-bar,
.stamp-row{border-color:var(--line) !important}

/* ------------------------------------------------------------
   TYPOGRAPHY — sans for text, monospace for every figure
   ------------------------------------------------------------ */
.brand-name{
  font-family:var(--serif);font-weight:650;font-size:16px;
  letter-spacing:.16em;
}
.brand-sub{letter-spacing:.20em;font-size:8px}

.page-head h1,
.term-card h2,
.login-card h2,
.art-copy h1{
  font-family:var(--serif);
  font-weight:600;
  letter-spacing:-.015em;
}
.page-head h1{font-size:22px}
.term-card h2,.login-card h2{font-size:22px}
.art-copy h1{font-size:clamp(28px,3vw,40px);line-height:1.15}
.art-copy h1 em{font-style:normal;color:var(--gold-hi)}

/* uppercase labels: institutional tracking, not fashion tracking */
.card-head h3{font-size:10.5px;letter-spacing:.10em;font-weight:650;color:var(--txt-2)}
.acct-tag,.apy-label,.bal-split .k,.kpi .k,.accrual .k,
.proj .k,.count .u,.alloc-row .nm,.dc-k,
.art-stat .k,.next-amt .k,.verify-bar .vk,.stamp-row .lead,
.field label,.login-card .eyebrow,.pe-eyebrow{
  letter-spacing:.10em !important;
}
.login-card .eyebrow{font-size:10px}

/* every number is monospace and tabular */
.bal .amt,.bal .cents,.bal .cur,
#apyNum,.apy-pct,
.art-stat .v,.donut-mid .v,.next-amt .v,
.term-opt .yrs,.count .n,.term-recap .big,
.term-summary .col .v.gold,
.rate-module .now .n,.seal b{
  font-family:var(--mono) !important;
  font-variant-numeric:tabular-nums;
  font-weight:500;
}

/* ------------------------------------------------------------
   BALANCE — solid, not gradient-filled
   ------------------------------------------------------------ */
.bal .amt{
  background:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--txt) !important;
  font-size:clamp(34px,3.6vw,46px);
  letter-spacing:-.02em;
  font-weight:500;
}
.bal .cents{font-size:clamp(18px,1.8vw,24px);color:var(--txt-2)}
.bal .cur{font-size:20px;transform:none;color:var(--txt-3)}
.bal{gap:3px}

#apyNum{
  font-size:40px;
  color:var(--txt) !important;
  text-shadow:none !important;
  line-height:1.1;
}
#apyNum.flash{color:var(--gold-hi) !important;text-shadow:none !important}
.apy-pct{font-size:20px;color:var(--txt-2)}
.rate-module .now .n{font-size:24px}
.rate-module .now .n.flash{color:var(--gold-hi)}

.art-stat .v{font-size:20px;color:var(--txt)}
.donut-mid .v{font-size:18px;color:var(--txt)}
.next-amt .v{font-size:20px}
.term-opt .yrs{font-size:26px}
.term-recap .big{font-size:28px}
.count .n{font-size:18px}
.term-summary .col .v.gold{font-size:18px;color:var(--gold-hi)}

/* ------------------------------------------------------------
   NO GLOWS, NO ROTATION, NO DECORATIVE MOTION
   ------------------------------------------------------------ */
.gauge-fill{
  background:var(--gold) !important;
  box-shadow:none !important;
}
.gauge-live{box-shadow:none !important;background:var(--up) !important}
.dc-bar i{background:var(--gold) !important;box-shadow:none !important}
.pbar i{background:var(--gold) !important}
.live-dot,.asof i{animation:none !important;box-shadow:none !important}
.seal-lg .ring{animation:none !important}
.brand-mark{box-shadow:none !important;background:#171a1f !important;border-radius:3px}
.avatar .ini{background:#2a2f36 !important;color:var(--txt-2) !important;font-weight:600}
.balance-card .gleam{display:none !important}
.grid-lines{opacity:.25}

/* ------------------------------------------------------------
   STAMPS — flat register marks, no tilt, no double rule
   ------------------------------------------------------------ */
.ink,.ink-round,.stamp{
  transform:none !important;
  border-width:1px !important;
  border-radius:2px !important;
  background:transparent !important;
  opacity:1 !important;
  box-shadow:none !important;
}
.ink::after{display:none !important}
.ink{padding:7px 11px}
.ink b,.stamp b{font-size:9.5px;letter-spacing:.10em;font-weight:650}
.ink span,.stamp span{font-size:8px;letter-spacing:.06em;margin-top:4px;opacity:.7}
.ink-round{
  width:auto;height:auto;border-radius:2px !important;
  padding:7px 11px;display:block;text-align:left;
}
.ink-round b{font-size:9.5px;letter-spacing:.10em}
.ink-round span{font-size:8px;letter-spacing:.06em;margin-top:4px;opacity:.7}
.stamp{padding:7px 11px;align-items:flex-start}
.stamp-row{gap:8px;padding:14px 18px}
.stamp-row .lead{margin-right:10px}
.seal,.seal.sm{border-radius:3px;box-shadow:none !important;background:#171a1f !important}
.seal-lg{width:56px;height:56px}

/* ------------------------------------------------------------
   CONTROLS — square, restrained
   ------------------------------------------------------------ */
.pill,.chip,.tag,.top-chip,.badge,.certified{
  border-radius:2px !important;
  letter-spacing:.08em !important;
}
.pill{padding:5px 9px;font-size:10px}
.chip{padding:3px 7px;font-size:9px}
.tag{padding:4px 8px;font-size:8.5px}
.badge{padding:3px 7px;border-radius:2px !important}

.btn-primary{
  background:var(--gold) !important;
  color:#0b0d10 !important;
  box-shadow:none !important;
  border-radius:3px;
  letter-spacing:.10em;
  font-size:11.5px;
  padding:12px;
}
.btn-primary:hover{filter:brightness(1.08)}
.btn-ghost{border-radius:3px;letter-spacing:.10em}
.copy-btn{border-radius:3px;background:var(--gold) !important;color:#0b0d10 !important}
.range button{border-radius:2px;letter-spacing:.04em}
.range button.on{background:var(--gold-dim);box-shadow:inset 0 0 0 1px rgba(156,127,61,.45)}
.icon-btn{border-radius:3px}
.avatar{border-radius:3px}
.quick button{border-radius:2px}
.change-term{border-radius:2px}
.toast{border-radius:3px}
.toast .ico{border-radius:2px}
input[type=text],input[type=password],#depAmt{border-radius:3px}

/* ------------------------------------------------------------
   DENSITY — tighter, more rows on screen
   ------------------------------------------------------------ */
.card-head{padding:12px 16px}
.card-body{padding:16px}
main{padding:20px 30px 40px}
.page-head{margin-bottom:18px}
.balance-card{padding:20px 22px 18px}
.apy-card{padding:18px 20px 16px}
.bal-split div{padding:14px 16px 2px}
.bal-split .v{font-size:14px;margin-top:6px}
.kpi{padding:13px 15px}
.kpi .v{font-size:16px;margin-top:8px}
.kpi .d{font-size:10px;margin-top:5px}
.hero,.grid,.stack{gap:14px}
.hero,.kpis{margin-bottom:14px}
.kpis{gap:10px}
td{padding:9px 16px;font-size:12px}
th{padding:0 16px 9px;font-size:8.5px;letter-spacing:.10em}
.mrow{padding:9px 0;font-size:12px}
.verify-bar{padding:12px 18px;gap:18px}
.cert-strip{padding:12px 18px}
.day-cycle{padding:12px 14px;margin-top:14px}
.count div{padding:10px 6px}
.step{padding:12px 15px}
.term-opt{padding:14px 12px 12px}

/* the transaction tape belongs on an exchange — just calm it down */
.tape{height:26px;background:#0e1114}
.tape-item{font-size:10px;letter-spacing:.02em}

footer.disc{font-size:10px;padding:18px 30px 30px}

/* keep the hover lift subtle rather than springy */
.kpi:hover{transform:none;background:var(--panel-hi)}
.term-opt:hover{transform:none}
.card:hover{transform:none}