/* ═══════════════════════════════════════════════════════════════
   IWA Dashboard — design system
   Source: newLook/handoff (IWA Dashboard standalone). Tokens are copied
   verbatim from the handoff :root; inline styles became the classes below.
   Shared by the user panel and the admin panel.
   ═══════════════════════════════════════════════════════════════ */

@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/Inter-var-latin.woff2") format('woff2')}
@font-face{font-family:'Libre Baskerville';font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/LibreBaskerville-var-latin.woff2") format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url("fonts/IBMPlexMono-400-latin.woff2") format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url("fonts/IBMPlexMono-500-latin.woff2") format('woff2')}

:root{
  --navy:#121316;--navy-mid:#25272c;--navy-dark:#050506;
  --ink:#14181e;--ink-2:#39424e;--ink-3:#5f6a78;--ink-4:#8b95a2;
  --bg:#eef0f3;--surface:#ffffff;--surface-2:#f6f7f9;--surface-3:#eceef2;
  --line:#c9cfd8;--line-2:#dde1e8;--grid:#d5dae2;
  --accent:#7c6208;--accent-soft:#faf3d4;
  --gold:#7c6208;--gold-mid:#f2c00e;--gold-soft:#fdf6da;
  --pos:#0d6b45;--pos-soft:#e6f1eb;--neg:#9e2b21;--neg-soft:#f8eae8;--warn:#7d5104;--warn-soft:#fbf1da;
  --r:2px;
  --s1:3px;--s2:6px;--s3:10px;--s4:14px;--s5:18px;--s6:24px;--s7:32px;
  --fs-sans:Inter,Helvetica,Arial,sans-serif;
  --fs-mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --fs-serif:'Libre Baskerville',Georgia,'Times New Roman',serif;
  /* derived borders used by the handoff */
  --pos-line:#b9d6c7;--warn-line:#e3cd9a;--neg-line:#e6c7c2;
}

/* ── Base ─────────────────────────────────────────────────────── */
body.iwa{margin:0;background:var(--bg);font-family:var(--fs-sans);color:var(--ink);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}
.iwa *,.iwa *::before,.iwa *::after{box-sizing:border-box}
.iwa a{color:var(--accent);text-decoration:none;transition:color .16s ease,border-color .16s ease}
.iwa a:hover{color:var(--navy);text-decoration:underline}
.iwa button,.iwa input,.iwa select,.iwa textarea{font-family:inherit}
.iwa button{transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.iwa button:active{transform:translateY(1px)}
.iwa input,.iwa select,.iwa textarea{transition:border-color .16s ease,box-shadow .16s ease}
.iwa tr{transition:background-color .16s ease}
.iwa h1,.iwa h2,.iwa h3,.iwa h4,.iwa p{margin:0}
.iwa [hidden]{display:none !important}
.iwa .mono{font-family:var(--fs-mono)}
.iwa .num{font-variant-numeric:tabular-nums}
.iwa .t-pos{color:var(--pos)} .iwa .t-neg{color:var(--neg)} .iwa .t-warn{color:var(--warn)} .iwa .t-gold{color:var(--gold)}
.iwa .t-ink2{color:var(--ink-2)} .iwa .t-ink3{color:var(--ink-3)} .iwa .t-ink4{color:var(--ink-4)}
.iwa .strong{font-weight:700}
.iwa .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

@keyframes toastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes pop{0%{transform:scale(0.35);opacity:0}70%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}
@keyframes sheen{from{opacity:0}to{opacity:1}}
@keyframes iwaSpin{to{transform:rotate(360deg)}}

.iwa-app{min-height:100vh;display:flex;flex-direction:column}
.iwa-wrap{max-width:1240px;margin:0 auto;padding-left:var(--s6);padding-right:var(--s6)}

/* ── Status strip ─────────────────────────────────────────────── */
.iwa-strip{background:var(--navy-dark);color:rgba(255,255,255,0.6);font-size:10.5px;letter-spacing:0.04em}
.iwa-strip__inner{padding-top:5px;padding-bottom:5px;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:2px var(--s5)}
.iwa-strip__inner > span{flex:0 1 auto;min-width:0}

/* ── Header ───────────────────────────────────────────────────── */
.iwa-top{position:sticky;top:0;z-index:40}
.iwa-header{background:linear-gradient(150deg,var(--navy-dark) 0%,var(--navy) 55%,var(--navy-mid) 100%);color:#fff;border-bottom:3px solid var(--gold-mid)}
.iwa-header__inner{padding-top:var(--s4);padding-bottom:var(--s4);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s3) var(--s6)}
.iwa-brand{display:flex;align-items:center;gap:var(--s4);color:#fff}
.iwa a.iwa-brand,.iwa a.iwa-brand:hover{color:#fff;text-decoration:none}
.iwa-logo{width:34px;height:34px;flex:0 0 34px;border:1px solid var(--gold-mid);display:flex;align-items:center;justify-content:center;font-family:var(--fs-serif);font-weight:700;font-size:9px;letter-spacing:0.04em;color:var(--gold-mid)}
.iwa-logo--sm{width:30px;height:30px;flex-basis:30px}
.iwa-brand__text{line-height:1.1}
.iwa-wordmark{font-family:var(--fs-serif);font-weight:700;font-size:20px;letter-spacing:0.01em}
.iwa-tagline{font-size:9.5px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-mid);margin-top:4px}
.iwa-header__meta{display:flex;align-items:stretch;flex-wrap:wrap;gap:var(--s3) var(--s5);font-size:11px}
.iwa-header__user{text-align:right;line-height:1.45;color:rgba(255,255,255,0.65)}
.iwa-header__user strong{color:#fff;font-weight:600}
.iwa-header__user .mono{font-size:11px}
.iwa-header__actions{padding-left:var(--s5);border-left:1px solid rgba(255,255,255,0.14);display:flex;align-items:center;flex-wrap:wrap;gap:var(--s3);color:rgba(255,255,255,0.7)}
.iwa-secure{display:inline-flex;align-items:center;gap:5px}
.iwa-secure::before{content:"";width:6px;height:6px;background:#5cbf90;border-radius:50%}
.iwa-hlink{color:rgba(255,255,255,0.75) !important;font-size:11px}
.iwa-hlink:hover{color:#fff !important}
.iwa-hlink.is-active{color:var(--gold-mid) !important}
.iwa-signout{background:none;border:1px solid rgba(255,255,255,0.28);color:#fff;font-size:11px;padding:5px 10px;border-radius:var(--r);cursor:pointer}
.iwa-signout:hover{background:rgba(255,255,255,0.08)}

/* ── Tabs ─────────────────────────────────────────────────────── */
.iwa-tabs{background:var(--surface);border-bottom:1px solid var(--line)}
.iwa-tabs__inner{display:flex;flex-wrap:wrap}
.iwa-tab{display:inline-block;background:transparent;border:none;border-bottom:3px solid transparent;color:var(--ink-3) !important;padding:11px var(--s5) 8px;font-size:11.5px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;cursor:pointer;text-decoration:none !important;transition:background-color .16s ease,color .16s ease}
.iwa-tab:hover{color:var(--navy) !important;background:var(--surface-2)}
.iwa-tab.is-active{background:var(--navy);color:#fff !important;border-bottom-color:var(--gold-mid)}
.iwa-tab__count{display:inline-block;margin-left:6px;min-width:18px;padding:0 5px;border-radius:9px;background:var(--warn-soft);color:var(--warn);font-size:10px;letter-spacing:0;text-align:center}
.iwa-tab.is-active .iwa-tab__count{background:var(--gold-mid);color:var(--navy)}
.iwa-tabs__spacer{flex:1}
.iwa-tabs__note{display:flex;align-items:center;font-size:11px;color:var(--ink-3);font-family:var(--fs-mono);padding:6px 0}

/* ── Main ─────────────────────────────────────────────────────── */
.iwa-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:var(--s5) var(--s6) var(--s7)}
.iwa-layout{display:flex;flex-wrap:wrap;gap:var(--s5);align-items:flex-start}
.iwa-layout__main{flex:1.8 1 380px;min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.iwa-layout__main--wide{flex:1.62 1 380px}
.iwa-layout__side{flex:1 1 250px;min-width:0;display:flex;flex-direction:column;gap:var(--s4)}
.iwa-stack{display:flex;flex-direction:column;gap:var(--s4)}

/* ── Page heading ─────────────────────────────────────────────── */
.iwa-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s3)}
.iwa-h1{margin:0;font-family:var(--fs-serif);font-size:19px;font-weight:700;color:var(--navy)}
.iwa-sub{margin:3px 0 0;font-size:11.5px;color:var(--ink-3)}
.iwa-figures{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--s5)}
.iwa-figure{text-align:right}
.iwa-figure + .iwa-figure{padding-left:var(--s5);border-left:1px solid var(--line)}
.iwa-figure__label{font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-4)}
.iwa-figure__value{font-size:20px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.iwa-figure__value--sm{font-size:15px;font-weight:600;color:var(--ink-2);margin-top:4px}

/* ── Card ─────────────────────────────────────────────────────── */
.iwa-card{background:var(--surface);border:1px solid var(--line)}
.iwa-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);flex-wrap:wrap;padding:7px var(--s5);background:var(--surface-2);border-bottom:1px solid var(--line)}
.iwa-card__head--tight{padding:6px var(--s4)}
.iwa-caps{font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-2)}
.iwa-caps--muted{color:var(--ink-3)}
.iwa-card__title{font-family:var(--fs-serif);font-size:14px;font-weight:700;color:var(--navy)}
.iwa-card__meta{font-size:10.5px;font-family:var(--fs-mono);color:var(--ink-3)}
.iwa-card__step{font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-3)}
.iwa-card__body{padding:var(--s5)}
.iwa-card__body--tight{padding:var(--s4)}
.iwa-card__foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s2) var(--s4);padding:6px var(--s4);border-top:1px solid var(--line);font-size:10.5px;color:var(--ink-4)}
.iwa-card__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s5);background:var(--surface-2);border-top:1px solid var(--line)}
.iwa-card__bar-note{font-size:10.5px;color:var(--ink-3);max-width:300px;line-height:1.45}
.iwa-note-card{background:var(--surface);border:1px solid var(--line);padding:var(--s4);font-size:11px;line-height:1.5;color:var(--ink-3)}
.iwa-note-card > strong:first-child{display:block;color:var(--ink-2);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;margin-bottom:5px}

/* Aside panel (Overview "Details & Reference") */
.iwa-panel{background:var(--surface-3);border:1px solid var(--line);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s4)}
.iwa-panel__title{font-size:10.5px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3);padding-bottom:5px;border-bottom:1px solid var(--line)}
.iwa-panel__section{border-top:1px solid var(--line);padding-top:var(--s3)}
.iwa-panel__fine{font-size:10.5px;line-height:1.5;color:var(--ink-4)}
.iwa-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;gap:var(--s3);background:none;border:none;padding:0;font-size:11.5px;color:var(--accent);cursor:pointer;text-align:left}
.iwa-toggle:hover{color:var(--navy)}

/* ── Balance ──────────────────────────────────────────────────── */
.iwa-balance{display:flex;align-items:flex-start;gap:5px;margin-top:2px}
.iwa-balance__cur{font-size:clamp(20px,3vw,26px);font-weight:500;color:var(--ink-2);line-height:1.5}
.iwa-balance__whole{font-size:clamp(46px,8vw,66px);font-weight:700;letter-spacing:-0.035em;line-height:1.02;color:var(--navy);font-variant-numeric:tabular-nums}
.iwa-balance__cents{font-size:clamp(24px,4vw,32px);font-weight:600;letter-spacing:-0.02em;color:var(--navy);line-height:1.25;font-variant-numeric:tabular-nums}
.iwa-updated{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s2);font-size:11.5px;color:var(--ink-3)}
.iwa-updated strong{font-weight:600;color:var(--ink-2)}
.iwa-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--pos)}
.iwa-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:6px var(--s4);margin-top:var(--s4);padding:8px var(--s3);background:var(--surface-2);border:1px solid var(--line-2);font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.iwa-breakdown strong{font-weight:600;color:var(--ink-2)}
.iwa-breakdown strong.t-warn{color:var(--warn)}
.iwa-breakdown strong.t-pos{color:var(--pos)}
.iwa-vsep{flex:0 0 1px;width:1px;align-self:stretch;background:var(--line)}
.iwa-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-top:var(--s5)}
.iwa-cta-links{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s4);font-size:12px}
.iwa-notices{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px var(--s4);padding:8px var(--s4);border-top:1px solid var(--line-2);background:var(--surface-2);font-size:11.5px}
.iwa-notice-item{display:flex;align-items:flex-start;gap:6px;flex:0 1 auto;min-width:0;color:var(--ink-2)}
.iwa-notice-item svg{flex:0 0 11px;margin-top:3px}
.iwa-notice-item strong{font-weight:700}

/* ── Buttons & links ──────────────────────────────────────────── */
.iwa-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--navy);color:#fff !important;border:1px solid var(--navy);border-radius:var(--r);padding:9px 20px;font-size:12px;font-weight:700;letter-spacing:0.03em;cursor:pointer;text-decoration:none !important;line-height:1.2}
.iwa-btn:hover{background:var(--navy-mid);border-color:var(--navy-mid);color:#fff}
.iwa-btn:disabled,.iwa-btn.is-loading{opacity:.6;cursor:not-allowed}
.iwa-btn--lg{padding:12px 26px;font-size:13px;letter-spacing:0.04em}
.iwa-btn--sm{padding:7px 13px;font-size:11.5px}
.iwa-btn--xs{padding:4px 9px;font-size:11px;font-weight:600;letter-spacing:0}
.iwa-btn--block{width:100%}
.iwa-btn--ghost{background:var(--surface);color:var(--ink-2) !important;border-color:var(--line);font-weight:600}
.iwa-btn--ghost:hover{background:var(--surface);border-color:var(--ink-3);color:var(--ink) !important}
.iwa-btn--pos{background:var(--pos);border-color:var(--pos)}
.iwa-btn--pos:hover{background:#0a5638;border-color:#0a5638}
.iwa-btn--neg{background:var(--surface);color:var(--neg) !important;border-color:var(--neg-line)}
.iwa-btn--neg:hover{background:var(--neg-soft);border-color:var(--neg);color:var(--neg) !important}
.iwa-btn--gold{background:var(--gold-mid);color:var(--navy) !important;border-color:var(--gold-mid)}
.iwa-btn--gold:hover{background:#dcae0c;border-color:#dcae0c;color:var(--navy) !important}
.iwa-btn--on-dark{background:none;border:1px solid rgba(255,255,255,0.3);color:#fff !important;font-weight:600}
.iwa-btn--on-dark:hover{background:rgba(255,255,255,0.1)}
.iwa-btn .iwa-spin,.iwa-spin{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:iwaSpin .7s linear infinite;display:inline-block}
.iwa-link{background:none;border:none;padding:0;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer}
.iwa-link:hover{color:var(--navy)}
.iwa-link--sm{font-size:11px;font-weight:400}
.iwa-link--muted{color:var(--ink-3);font-weight:400}

/* ── Tables ───────────────────────────────────────────────────── */
.iwa-scroll{overflow-x:auto}
.iwa-table{width:100%;border-collapse:collapse;font-size:12px}
.iwa-table--640{min-width:640px} .iwa-table--760{min-width:760px} .iwa-table--860{min-width:860px}
.iwa-table thead tr{background:var(--surface-3);color:var(--ink-2);font-size:9.5px;letter-spacing:0.1em;text-transform:uppercase}
.iwa-table th{text-align:left;padding:6px var(--s3);border-bottom:1px solid var(--grid);border-right:1px solid var(--grid);font-weight:700;white-space:nowrap}
.iwa-table th:last-child,.iwa-table td:last-child{border-right:none}
.iwa-table td{padding:7px var(--s3);border-bottom:1px solid var(--line-2);border-right:1px solid var(--line-2);vertical-align:middle}
.iwa-table--loose td{padding:9px var(--s3)}
.iwa-table .r{text-align:right}
.iwa-table .c{text-align:center}
.iwa-table .amt{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.iwa-table .date{font-family:var(--fs-mono);font-size:11px;color:var(--ink-2);white-space:nowrap}
.iwa-table .date--muted{color:var(--ink-3)}
.iwa-table .desc{display:block;font-weight:500;color:var(--ink)}
.iwa-table .ref{display:block;font-size:10.5px;font-family:var(--fs-mono);color:var(--ink-4);margin-top:2px;word-break:break-all}
.iwa-table tbody tr:hover{background:var(--surface-2)}
.iwa-table tr.is-pending,.iwa-table tr.is-pending:hover{background:var(--warn-soft)}
.iwa-table tr.is-rejected td{color:var(--ink-4)}
.iwa-table tr.is-rejected .amt{text-decoration:line-through}
.iwa-table tr.iwa-total,.iwa-table tr.iwa-total:hover{background:var(--surface-2);font-weight:700}
.iwa-table tr.iwa-total td{border-top:1px solid var(--grid);border-right-color:var(--grid)}
.iwa-table tr.iwa-total .lbl{font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-2)}
.iwa-table .iwa-empty-cell{padding:var(--s6) var(--s4);text-align:center;color:var(--ink-3)}
.iwa-table .actions{white-space:nowrap;text-align:right}
.iwa-table .actions > * + *{margin-left:var(--s2)}

/* key/value tables (review, receipt, account details) */
.iwa-kv{width:100%;border-collapse:collapse;font-size:12px}
.iwa-kv td{padding:6px var(--s4);border-bottom:1px solid var(--line-2)}
.iwa-kv td:first-child{color:var(--ink-3);width:45%}
.iwa-kv td + td{border-left:1px solid var(--line-2);text-align:right;word-break:break-word}
.iwa-kv tr:last-child td{border-bottom:none}
.iwa-kv--wide td{padding:6px var(--s5)}
.iwa-kv--roomy td{padding:7px var(--s5)}
.iwa-kv--inset{background:var(--surface);margin-top:var(--s3);font-size:11.5px}
.iwa-kv--inset td{padding:5px var(--s3)}
.iwa-kv tr.is-total td{background:var(--surface-2);color:var(--ink-2);font-weight:700}
.iwa-kv .v-strong{font-weight:700;font-variant-numeric:tabular-nums}
.iwa-kv .v-mono{font-family:var(--fs-mono)}
.iwa-kv--boxed{border:1px solid var(--grid);margin-top:var(--s4)}
.iwa-kv--boxed td{padding:6px var(--s3)}
.iwa-kv--boxed td:first-child{border-right:1px solid var(--line-2);width:46%}
.iwa-kv--boxed td + td{border-left:none}

/* ── Badges ───────────────────────────────────────────────────── */
.iwa-badge{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink-3);white-space:nowrap;line-height:1.4}
.iwa-badge svg{flex:0 0 10px}
.iwa-badge--posted{background:var(--pos-soft);color:var(--pos);border-color:var(--pos-line)}
.iwa-badge--pending{background:#fff;color:var(--warn);border-color:var(--warn-line)}
.iwa-badge--rejected{background:var(--neg-soft);color:var(--neg);border-color:var(--neg-line)}
.iwa-badge--neutral{background:var(--surface-2);color:var(--ink-3);border-color:var(--line)}
.iwa-badge--gold{background:var(--gold-soft);color:var(--gold);border-color:var(--warn-line)}
.iwa-badge--sm{font-size:10px;padding:2px 6px}

/* ── Forms ────────────────────────────────────────────────────── */
.iwa-field + .iwa-field,.iwa-field + .iwa-grid,.iwa-grid + .iwa-field,.iwa-grid + .iwa-grid{margin-top:var(--s3)}
.iwa-label{display:block;font-size:10.5px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-2)}
.iwa-label small,.iwa-label .opt{font-weight:400;text-transform:none;letter-spacing:0;color:var(--ink-4);font-size:10.5px}
.iwa-input,.iwa-select,.iwa-textarea{width:100%;margin-top:4px;padding:8px 10px;font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);outline:none}
.iwa-select{padding:0 8px}
.iwa-input,.iwa-select{height:35px;line-height:1.2}
.iwa-textarea{resize:vertical;min-height:70px;line-height:1.45}
.iwa-input:focus,.iwa-select:focus,.iwa-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.iwa-input--mono{font-family:var(--fs-mono)}
.iwa-input[readonly],.iwa-input:disabled{background:var(--surface-2);color:var(--ink-3)}
.iwa-input.is-error,.iwa-select.is-error,.iwa-textarea.is-error,.iwa-amount.is-error{border-color:var(--neg)}
.iwa-select--sm{width:auto;margin:0;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--ink-2);font-size:11.5px;padding:6px 8px}
.iwa-input--sm{width:auto;margin:0;padding:6px 8px;font-size:11.5px}
.iwa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--s3)}
.iwa-grid > .iwa-field{margin-top:0 !important}
.iwa-field-error{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;color:var(--neg)}
.iwa-bang{width:13px;height:13px;flex:0 0 13px;border-radius:50%;background:var(--neg);color:#fff;font-size:9px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.iwa-amount-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--s3);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--line-2)}
.iwa-amount-row > .iwa-field{flex:1;min-width:180px}
.iwa-amount{display:flex;align-items:center;margin-top:4px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.iwa-amount:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}
.iwa-amount > span{padding:0 3px 0 10px;font-size:16px;color:var(--ink-3)}
.iwa-amount input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:8px 10px 8px 2px;font-size:19px;font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}
.iwa-availbox{width:210px;max-width:100%;border:1px solid var(--grid);background:var(--surface-2)}
.iwa-availbox__head{padding:4px var(--s3);border-bottom:1px solid var(--grid);font-size:9.5px;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--ink-2)}
.iwa-availbox__row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);padding:5px var(--s3)}
.iwa-availbox__value{font-size:16px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
.iwa-availbox__sub{padding:0 var(--s3) 5px;font-size:10px;color:var(--ink-4);font-variant-numeric:tabular-nums}
.iwa-check{display:flex;align-items:center;gap:var(--s2);font-size:12px;color:var(--ink-2);cursor:pointer}
.iwa-check input{accent-color:var(--navy)}

/* ── Alerts ───────────────────────────────────────────────────── */
.iwa-alert{display:flex;align-items:flex-start;gap:6px;margin-top:var(--s3);padding:6px var(--s3);font-size:11.5px;line-height:1.55;border:1px solid var(--line);border-left:3px solid var(--ink-3);background:var(--surface-2);color:var(--ink-2)}
.iwa-alert strong{font-weight:700}
.iwa-alert .iwa-bang{margin-top:2px}
.iwa-alert--neg{background:var(--neg-soft);border-color:var(--neg-line);border-left-color:var(--neg);color:var(--neg)}
.iwa-alert--warn{background:var(--warn-soft);border-color:var(--warn-line);border-left-color:var(--warn);color:var(--ink-2)}
.iwa-alert--pos{background:var(--pos-soft);border-color:var(--pos-line);border-left-color:var(--pos);color:var(--pos)}
.iwa-alert--info{background:var(--gold-soft);border-color:var(--warn-line);border-left-color:var(--gold);color:var(--ink-2)}

/* ── Review hero (black block with gold rule) ─────────────────── */
.iwa-hero{position:relative;overflow:hidden;padding:var(--s5);background:linear-gradient(150deg,var(--navy-dark),var(--navy) 60%,var(--navy-mid));color:#fff;border-bottom:3px solid var(--gold-mid)}
.iwa-hero::after{content:"I";position:absolute;right:-24px;bottom:-58px;font-family:var(--fs-serif);font-weight:700;font-size:170px;line-height:0.7;color:rgba(255,255,255,0.05);pointer-events:none}
.iwa-hero__label{font-size:10.5px;font-weight:700;letter-spacing:0.11em;text-transform:uppercase;color:rgba(255,255,255,0.55)}
.iwa-hero__amount{display:flex;align-items:baseline;gap:5px;margin-top:3px}
.iwa-hero__amount span:first-child{font-size:20px;font-weight:500;color:rgba(255,255,255,0.7)}
.iwa-hero__amount span + span{font-size:40px;font-weight:700;letter-spacing:-0.03em;line-height:1.05;font-variant-numeric:tabular-nums}
.iwa-hero__to{position:relative;margin-top:var(--s3);font-size:13px;color:rgba(255,255,255,0.8)}
.iwa-hero__to strong{font-weight:700;color:#fff}
.iwa-hero__to .mono{font-size:11px;color:rgba(255,255,255,0.55)}
.iwa-confirm-bar{display:flex;flex-wrap:wrap;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--surface-2);border-top:1px solid var(--line)}
.iwa-confirm-bar .iwa-btn{padding:11px;font-size:12.5px}
.iwa-confirm-bar .iwa-btn:first-child{flex:1 1 200px}
.iwa-confirm-bar .iwa-btn--ghost{flex:0 0 150px}

/* ── Success ──────────────────────────────────────────────────── */
.iwa-rise{animation:rise 0.4s ease-out both}
.iwa-success{display:flex;gap:var(--s3);padding:var(--s4);background:var(--pos-soft);border:1px solid var(--pos-line);border-left:4px solid var(--pos)}
.iwa-success__check{flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:var(--pos);display:flex;align-items:center;justify-content:center;margin-top:1px;animation:pop 0.45s ease-out 0.15s both}
.iwa-success__title{font-size:13px;font-weight:700;color:#0a5638}
.iwa-success__line{font-size:12px;color:var(--ink-2);margin-top:2px}
.iwa-success__ref{font-size:10.5px;font-family:var(--fs-mono);color:var(--ink-3);margin-top:5px}
.iwa-success__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);margin-top:var(--s4)}
.iwa-success__sep{width:1px;height:16px;background:var(--line-2);margin:0 var(--s2)}
.iwa-balgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.iwa-balgrid--3{grid-template-columns:1.4fr 1fr 1fr}
.iwa-balgrid > div{padding:var(--s4);border-right:1px solid var(--line-2)}
.iwa-balgrid > div:last-child{border-right:none}
.iwa-balgrid__big{font-size:34px;font-weight:700;letter-spacing:-0.03em;color:var(--navy);font-variant-numeric:tabular-nums;margin-top:2px}
.iwa-balgrid__small{font-size:15px;font-weight:600;color:var(--ink-2);margin-top:3px;font-variant-numeric:tabular-nums}

/* ── Empty state ──────────────────────────────────────────────── */
.iwa-empty{padding:var(--s7) var(--s5);text-align:center}
.iwa-empty__icon{width:44px;height:44px;margin:0 auto;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center}
.iwa-empty__title{margin-top:var(--s3);font-family:var(--fs-serif);font-size:15px;font-weight:700;color:var(--navy)}
.iwa-empty__text{margin:5px auto 0;font-size:12px;color:var(--ink-3);max-width:360px;line-height:1.6}
.iwa-empty .iwa-btn{margin-top:var(--s4)}
.iwa-loading{padding:var(--s6) var(--s4);text-align:center;color:var(--ink-4);font-size:12px;display:flex;align-items:center;justify-content:center;gap:var(--s2)}

/* ── Footer ───────────────────────────────────────────────────── */
.iwa-footer{background:linear-gradient(150deg,var(--navy-mid) 0%,var(--navy) 50%,var(--navy-dark) 100%);color:rgba(255,255,255,0.62);border-top:3px solid var(--gold-mid)}
.iwa-footer__inner{padding-top:var(--s5);padding-bottom:var(--s5);display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--s6);font-size:11px;line-height:1.55}
.iwa-footer__name{font-family:var(--fs-serif);font-size:14px;font-weight:700;color:#fff}
.iwa-footer__head{color:#fff;font-size:10.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase}
.iwa-footer__body{margin-top:5px}
.iwa-footer a{color:rgba(255,255,255,0.75)}
.iwa-footer a:hover{color:var(--gold-mid)}

/* ── Modal & receipt ──────────────────────────────────────────── */
.iwa-modal{position:fixed;inset:0;z-index:60;background:rgba(5,5,6,0.55);display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:var(--s6)}
.iwa-modal__dialog{width:100%;max-width:560px;animation:rise .25s ease-out both}
.iwa-modal__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s3);color:#fff}
.iwa-modal__top .iwa-caps{color:rgba(255,255,255,0.7)}
.iwa-modal__panel{background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 32px rgba(5,5,6,0.35)}
.iwa-modal__actions{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.iwa-modal__actions .iwa-spacer{flex:1}
.iwa-modal__note{margin-top:var(--s3);padding:7px var(--s4);background:var(--navy);border-left:3px solid var(--gold-mid);color:#fff;font-size:11.5px}
.iwa-receipt__head{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--navy-dark),var(--navy) 60%,var(--navy-mid));color:#fff;border-bottom:3px solid var(--gold-mid);padding:var(--s5)}
.iwa-receipt__head::after{content:"I";position:absolute;right:-20px;top:-40px;font-family:var(--fs-serif);font-weight:700;font-size:150px;line-height:0.7;color:rgba(255,255,255,0.05);pointer-events:none}
.iwa-receipt__brand{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);flex-wrap:wrap}
.iwa-receipt__brand .iwa-wordmark{font-size:16px}
.iwa-receipt__brand .iwa-tagline{font-size:9px;letter-spacing:0.2em;margin-top:3px}
.iwa-receipt__inst{text-align:right;font-size:10px;font-family:var(--fs-mono);color:rgba(255,255,255,0.6);line-height:1.5}
.iwa-receipt__amount{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);padding:var(--s5);border-bottom:1px solid var(--line)}
.iwa-receipt__amount .iwa-balance__cur{font-size:19px;color:var(--ink-3)}
.iwa-receipt__amount .num{font-size:40px;font-weight:700;letter-spacing:-0.03em;line-height:1.05;color:var(--navy)}
.iwa-receipt__foot{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s5);background:var(--navy);color:rgba(255,255,255,0.62);border-top:3px solid var(--gold-mid);font-size:10px;line-height:1.5}
.iwa-receipt__foot > div:first-child{max-width:330px}
.iwa-receipt__foot > div:last-child{text-align:right;font-family:var(--fs-mono)}
/* generic modal body (profile, admin dialogs) */
.iwa-modal__head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--navy);color:#fff;border-bottom:3px solid var(--gold-mid)}
.iwa-modal__head .iwa-card__title{color:#fff;font-size:15px}
.iwa-modal__body{padding:var(--s5)}

/* ── Toast ────────────────────────────────────────────────────── */
.iwa-toasts{position:fixed;right:var(--s6);bottom:var(--s6);z-index:70;display:flex;flex-direction:column;gap:var(--s2);align-items:flex-end}
.iwa-toast{display:flex;align-items:center;gap:var(--s3);min-width:330px;max-width:460px;padding:11px var(--s4);background:var(--navy);color:#fff;border-left:3px solid var(--gold-mid);box-shadow:0 6px 20px rgba(0,0,0,0.28);animation:toastIn 180ms ease-out}
.iwa-toast__icon{width:17px;height:17px;flex:0 0 17px;border-radius:50%;background:#4fb187;display:flex;align-items:center;justify-content:center;color:var(--navy);font-size:10px;font-weight:700}
.iwa-toast--error .iwa-toast__icon{background:#e0776c}
.iwa-toast--error{border-left-color:#e0776c}
.iwa-toast--info .iwa-toast__icon{background:var(--gold-mid)}
.iwa-toast__msg{flex:1;font-size:12px}
.iwa-toast__close{background:none;border:none;color:rgba(255,255,255,0.55);font-size:15px;cursor:pointer;padding:0 2px}

/* ── Session expired ──────────────────────────────────────────── */
.iwa-expired{position:fixed;inset:0;z-index:90;background:var(--bg);overflow:auto;display:flex;flex-direction:column}
.iwa-expired__center{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:var(--s7) 16px var(--s6)}
.iwa-auth-card{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 6px rgba(0,0,0,0.07)}
.iwa-auth-card__head{display:flex;align-items:center;gap:var(--s3);padding:var(--s4) var(--s5);background:var(--navy);color:#fff;border-bottom:3px solid var(--gold-mid)}
.iwa-auth-card__head .iwa-wordmark{font-size:17px}
.iwa-auth-card__head .iwa-tagline{font-size:9px;letter-spacing:0.2em;margin-top:3px}
.iwa-auth-card__body{padding:var(--s5)}
.iwa-clock{flex:0 0 20px;width:20px;height:20px;border:1px solid var(--warn);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}

/* ── Stat tiles (admin & overview extras) ─────────────────────── */
.iwa-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s4)}
.iwa-stat{background:var(--surface);border:1px solid var(--line);display:flex;flex-direction:column}
.iwa-stat__head{padding:6px var(--s4);background:var(--surface-2);border-bottom:1px solid var(--line);font-size:10px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-3);display:flex;justify-content:space-between;gap:var(--s2)}
.iwa-stat__value{padding:var(--s3) var(--s4) 2px;font-size:26px;font-weight:700;letter-spacing:-0.02em;color:var(--navy);font-variant-numeric:tabular-nums}
.iwa-stat__sub{padding:0 var(--s4) var(--s3);font-size:11px;color:var(--ink-4)}
.iwa-stat--warn .iwa-stat__value{color:var(--warn)}
.iwa-stat--pos .iwa-stat__value{color:var(--pos)}
.iwa-stat--neg .iwa-stat__value{color:var(--neg)}
.iwa-stat a.iwa-stat__link{margin-top:auto;padding:6px var(--s4);border-top:1px solid var(--line-2);font-size:11px;font-weight:600}

/* ── Filters bar ──────────────────────────────────────────────── */
.iwa-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3)}
.iwa-seg{display:inline-flex;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.iwa-seg button{background:none;border:none;border-right:1px solid var(--line);padding:6px 11px;font-size:11px;font-weight:600;letter-spacing:0.04em;color:var(--ink-3);cursor:pointer}
.iwa-seg button:last-child{border-right:none}
.iwa-seg button:hover{background:var(--surface-2);color:var(--ink)}
.iwa-seg button.is-active{background:var(--navy);color:#fff}

/* ── Steps list (instructions) ────────────────────────────────── */
.iwa-steps{list-style:none;margin:0;padding:0;counter-reset:iwastep}
.iwa-steps li{position:relative;padding:0 0 var(--s3) 28px;counter-increment:iwastep;font-size:11.5px;line-height:1.5;color:var(--ink-3)}
.iwa-steps li::before{content:counter(iwastep);position:absolute;left:0;top:0;width:18px;height:18px;border:1px solid var(--gold);color:var(--gold);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%}
.iwa-steps li strong{display:block;color:var(--ink-2);font-size:12px}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width:760px){
  .iwa-footer__inner{grid-template-columns:1fr;gap:var(--s4)}
  .iwa-balgrid--3{grid-template-columns:1fr 1fr}
  .iwa-balgrid--3 > div:first-child{grid-column:1 / -1;border-right:none;border-bottom:1px solid var(--line-2)}
}
@media (max-width:640px){
  .iwa-top{position:static}
  .iwa-notices .iwa-vsep,.iwa-breakdown .iwa-vsep{display:none}
  .iwa-notices{flex-direction:column;gap:6px}
  .iwa-updated{display:block}
  .iwa-updated .iwa-dot{display:inline-block;margin-right:6px;vertical-align:middle}
  .iwa-wrap{padding-left:16px;padding-right:16px}
  .iwa-main{padding:var(--s4) 16px var(--s6)}
  .iwa-header__meta{width:100%;justify-content:space-between}
  .iwa-header__user{text-align:left}
  .iwa-header__actions{padding-left:0;border-left:none}
  .iwa-wordmark{font-size:17px}
  .iwa-tabs__inner{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .iwa-tabs__inner::-webkit-scrollbar{display:none}
  .iwa-tab{white-space:nowrap;padding:10px var(--s4) 7px;font-size:11px}
  .iwa-tabs__spacer,.iwa-tabs__note{display:none}
  .iwa-figures{width:100%;justify-content:flex-start}
  .iwa-figure{text-align:left}
  .iwa-availbox{width:100%}
  .iwa-confirm-bar .iwa-btn--ghost{flex:1 1 100%}
  .iwa-toasts{left:16px;right:16px;bottom:16px;align-items:stretch}
  .iwa-toast{min-width:0;max-width:none}
  .iwa-modal{padding:16px}
  .iwa-card__body{padding:var(--s4)}
  .iwa-hero__amount span + span{font-size:32px}
}

/* ── Print: only the receipt / statement when requested ───────── */
@media print{
  body.iwa{background:#fff}
  body.iwa-print-receipt > *:not(.iwa-modal){display:none !important}
  body.iwa-print-receipt .iwa-modal{position:static;background:none;padding:0;overflow:visible}
  body.iwa-print-receipt .iwa-modal__top,body.iwa-print-receipt .iwa-modal__actions,body.iwa-print-receipt .iwa-modal__note{display:none !important}
  body.iwa-print-receipt .iwa-modal__panel{box-shadow:none}
  body.iwa-print-statement .iwa-top,body.iwa-print-statement .iwa-footer,body.iwa-print-statement .iwa-no-print,body.iwa-print-statement .iwa-toasts{display:none !important}
  .iwa *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}