:root{
    --ink:#0F2A4A;
    --ink-soft:#4B5A6B;
    --paper:#EEF1F5;
    --panel:#FFFFFF;
    --brand:#2563EB;
    --brand-dim:#DCE6FC;
    --brass:#B08D57;
    --brass-dim:#F1E7D4;
    --line:#E1E6ED;
    --success:#1E8A5F;
    --success-dim:#E1F3EA;
    --danger:#B3402A;
    --danger-dim:#FBE7E1;
    --warning:#C77D1D;
    --warning-dim:#FBEBD3;
    --radius:10px;
  }
  *{box-sizing:border-box;}
  body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;font-size:14px;}
  .num{font-family:'IBM Plex Mono',monospace;font-variant-numeric:tabular-nums;}
  h1,h2,h3,.disp{font-family:'Fraunces',serif;color:var(--ink);}
  #app{display:flex;min-height:100vh;}

  /* Sidebar */
  .sidebar{width:220px;flex:none;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:20px 0;}
  .brand{padding:0 20px 18px 20px;border-bottom:1px solid rgba(255,255,255,0.12);margin-bottom:10px;}
  .brand .mark{font-family:'Fraunces',serif;font-size:19px;font-weight:600;line-height:1.15;}
  .brand .sub{font-size:10.5px;color:#9FB2C9;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;}
  .navgroup{padding:2px 10px;}
  .navlabel{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:#7C93AC;padding:14px 10px 6px 10px;}
  .navitem{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;cursor:pointer;color:#D9E3EF;font-size:13.5px;font-weight:500;}
  .navitem:hover{background:rgba(255,255,255,0.06);}
  .navitem.active{background:var(--brand);color:#fff;}
  .navitem .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.55;}

  /* Main */
  .main{flex:1;min-width:0;display:flex;flex-direction:column;}
  .topbar{background:var(--panel);border-bottom:1px solid var(--line);padding:16px 26px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;flex-wrap:wrap;gap:10px;}
  .topbar h1{font-size:20px;margin:0;font-weight:600;}
  .period-select{display:flex;gap:6px;align-items:center;background:var(--paper);padding:4px;border-radius:9px;}
  .period-select button{border:none;background:transparent;padding:6px 11px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;font-family:'Inter';}
  .period-select button.active{background:var(--panel);color:var(--brand);box-shadow:0 1px 2px rgba(15,42,74,.1);}
  .custom-range{display:flex;gap:6px;align-items:center;}
  .custom-range input{border:1px solid var(--line);border-radius:7px;padding:5px 7px;font-size:12px;font-family:'Inter';}
  #content{padding:24px 26px 90px 26px;max-width:1180px;width:100%;margin:0 auto;}

  /* Cards */
  .cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px;}
  .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 17px;}
  .card .label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:8px;font-weight:600;}
  .card .value{font-size:21px;font-weight:600;}
  .card .value.pos{color:var(--success);} .card .value.neg{color:var(--danger);}
  .card .foot{font-size:11.5px;color:var(--ink-soft);margin-top:5px;}

  /* Ledger spine (signature element) */
  .ledger{display:grid;grid-template-columns:1fr 3px 1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px;}
  .ledger .side{padding:20px 22px;}
  .ledger .side.personal{border-right:none;}
  .ledger .spine{background:linear-gradient(180deg,var(--brass),var(--brand));}
  .ledger .side h3{margin:0 0 3px 0;font-size:15px;display:flex;align-items:center;gap:7px;}
  .ledger .side .eyebrow{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);font-family:'Inter';margin-bottom:2px;}
  .ledger .rows{margin-top:12px;}
  .ledger .row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed var(--line);font-size:13px;}
  .ledger .row:last-child{border-bottom:none;}
  .ledger .row .k{color:var(--ink-soft);}
  .ledger .row .v{font-weight:600;}
  .combined-strip{background:var(--ink);color:#fff;padding:14px 22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
  .combined-strip .item{min-width:150px;}
  .combined-strip .item .k{font-size:10.5px;color:#9FB2C9;text-transform:uppercase;letter-spacing:.06em;}
  .combined-strip .item .v{font-size:17px;font-weight:600;margin-top:2px;}

  .warnbanner{border-radius:var(--radius);padding:13px 16px;margin-bottom:18px;font-size:13px;font-weight:500;}
  .warnbanner.ok{background:var(--success-dim);color:var(--success);}
  .warnbanner.bad{background:var(--warning-dim);color:#7A4E10;}
  .warnbanner ul{margin:6px 0 0 18px;padding:0;font-weight:400;}

  .panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:20px;}
  .panel h2{font-size:16px;margin:0 0 14px 0;font-weight:600;}
  .panel .panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:8px;}

  table{width:100%;border-collapse:collapse;font-size:12.8px;}
  th{text-align:left;color:var(--ink-soft);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid var(--line);}
  td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle;}
  tr:last-child td{border-bottom:none;}
  tr:hover td{background:var(--paper);}
  .badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;}
  .badge.deposit{background:var(--success-dim);color:var(--success);}
  .badge.withdrawal{background:var(--danger-dim);color:var(--danger);}
  .badge.transfer{background:var(--brand-dim);color:var(--brand);}
  .badge.cancelled{background:#EEE;color:#888;text-decoration:line-through;}
  .rowbtn{border:none;background:none;color:var(--brand);cursor:pointer;font-size:12px;font-weight:600;padding:2px 5px;}
  .rowbtn.danger{color:var(--danger);}
  .empty{color:var(--ink-soft);font-size:13px;padding:20px 4px;text-align:center;}

  button.primary{background:var(--brand);color:#fff;border:none;padding:9px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;font-family:'Inter';}
  button.primary:hover{background:#1D4ED8;}
  button.secondary{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:9px 16px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;font-family:'Inter';}
  button.ghost{background:none;border:none;color:var(--ink-soft);cursor:pointer;font-size:13px;font-weight:600;}
  button.small{padding:6px 11px;font-size:12px;}
  button:disabled{opacity:.45;cursor:not-allowed;}

  .fab{position:fixed;right:28px;bottom:28px;background:var(--brass);color:#fff;border:none;padding:14px 20px;border-radius:30px;font-weight:700;font-size:14px;box-shadow:0 6px 18px rgba(176,141,87,.45);cursor:pointer;font-family:'Inter';z-index:20;}
  .fab:hover{background:#9A7846;}

  /* Forms */
  .field{margin-bottom:13px;}
  .field label{display:block;font-size:11.5px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px;}
  .field input, .field select, .field textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;font-family:'Inter';background:#FBFCFE;}
  .field textarea{resize:vertical;min-height:56px;}
  .fieldrow{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
  .segment{display:flex;gap:6px;background:var(--paper);padding:4px;border-radius:9px;}
  .segment button{flex:1;border:none;background:transparent;padding:8px;border-radius:6px;font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;font-family:'Inter';}
  .segment button.active{background:var(--panel);color:var(--brand);box-shadow:0 1px 2px rgba(15,42,74,.1);}

  /* Modal */
  .overlay{position:fixed;inset:0;background:rgba(15,42,74,.42);display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:50;}
  .modal{background:var(--panel);border-radius:14px;width:100%;max-width:560px;padding:24px 26px;}
  .modal h2{margin:0 0 4px 0;font-size:18px;}
  .modal .modalsub{color:var(--ink-soft);font-size:12.5px;margin-bottom:18px;}
  .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);}
  .preview-box{background:var(--paper);border:1px dashed var(--line);border-radius:10px;padding:16px;}
  .preview-box .prow{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;}
  .preview-box .prow .k{color:var(--ink-soft);}
  .preview-amt{font-size:24px;font-weight:700;margin:6px 0 12px 0;}
  .alloc-line{display:flex;justify-content:space-between;font-size:12.5px;padding:4px 0;border-bottom:1px dashed var(--line);}
  .alloc-line:last-child{border-bottom:none;}

  .chartwrap{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin-bottom:18px;}
  .chartwrap h3{margin:0 0 12px 0;font-size:14px;font-weight:600;}
  .chart-canvas-box{position:relative;height:230px;}
  .chartsgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
  @media(max-width:820px){.chartsgrid{grid-template-columns:1fr;} .ledger{grid-template-columns:1fr;} .ledger .spine{height:3px;} .fieldrow{grid-template-columns:1fr;}}

  .drilldown{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);}
  .allocbar-track{background:var(--paper);border-radius:6px;height:8px;overflow:hidden;margin-top:6px;}
  .allocbar-fill{height:100%;background:var(--brass);}
  .allocbar-fill.over{background:var(--danger);}
  .sectorcard{border:1px solid var(--line);border-radius:9px;padding:12px 14px;margin-bottom:10px;}
  .sectorcard .top{display:flex;justify-content:space-between;font-size:13px;font-weight:600;}
  .sectorcard .meta{font-size:11.5px;color:var(--ink-soft);margin-top:2px;}
  .pctinput{width:70px;text-align:right;}
  .allocsettingrow{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);}
  .allocsettingrow:last-child{border-bottom:none;}
  .totalpct{font-weight:700;}
  .totalpct.bad{color:var(--danger);}
  .totalpct.good{color:var(--success);}
  .calcgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;}
  .keypad button{padding:14px;font-size:16px;border-radius:8px;border:1px solid var(--line);background:var(--paper);cursor:pointer;font-family:'IBM Plex Mono';}
  .keypad button.op{background:var(--brand-dim);color:var(--brand);}
  .keypad button.eq{background:var(--brand);color:#fff;grid-column:span 2;}
  .calcdisplay{background:var(--ink);color:#fff;border-radius:10px;padding:18px;font-family:'IBM Plex Mono';font-size:24px;text-align:right;margin-bottom:4px;overflow-x:auto;}
  .loadingscreen{display:flex;align-items:center;justify-content:center;height:100vh;width:100%;color:var(--ink-soft);font-family:'Inter';}
  .lockscreen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:var(--ink);}
  .lockbox{background:var(--panel);border-radius:14px;padding:32px 30px;width:100%;max-width:380px;text-align:center;}
  .lockbox .lockmark{font-family:'Fraunces',serif;font-size:20px;font-weight:600;color:var(--ink);}
  .lockbox .locksub{font-size:12px;color:var(--ink-soft);margin:4px 0 20px 0;}
  .lockbox input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:8px;font-size:14px;text-align:center;letter-spacing:.08em;margin-bottom:10px;font-family:'Inter';}
  .lockbox button.primary{width:100%;padding:11px;margin-top:4px;}
  .lockerr{color:var(--danger);font-size:12px;margin:-2px 0 10px 0;min-height:14px;}
  .lockhelp{font-size:11px;color:var(--ink-soft);margin-top:16px;line-height:1.5;}
  .lockhelp a{color:var(--brand);cursor:pointer;text-decoration:underline;}
  .banklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;}
  .bankcard{border:1px solid var(--line);border-radius:10px;padding:13px 15px;}
  .bankcard .name{font-weight:600;font-size:13.5px;}
  .bankcard .bal{font-size:18px;font-weight:700;margin-top:4px;}
  .tag{display:inline-block;font-size:10.5px;background:var(--brand-dim);color:var(--brand);padding:2px 7px;border-radius:12px;font-weight:600;margin-left:6px;}
  .helptext{font-size:11.5px;color:var(--ink-soft);margin-top:4px;}
  .note-callout{background:var(--brand-dim);color:#1E3A8A;border-radius:9px;padding:11px 14px;font-size:12.5px;margin-bottom:16px;}



/* ===== Command Centre — professional theme =====
   Brand: MariAid blue #2563EB · navy ink · muted category tints. */
:root{
  --cc-cyan:#DCEDFB;
  --cc-pink:#FBDFE9;
  --cc-yellow:#FBF0D8;
  --cc-green:#DCF3E6;
  --cc-blue:#E3E9FB;
  --cc-purple:#ECE6FB;
  --cc-black:#0F2A4A;
  --cc-bg:#EEF1F5;
  --t-cyan:#1D4ED8; --t-pink:#BE185D; --t-yellow:#92600A; --t-green:#15803D; --t-blue:#3730A3; --t-purple:#6D28D9;
  --shadow-card:0 1px 3px rgba(15,42,74,.08), 0 1px 2px rgba(15,42,74,.04);
}
body{background:var(--cc-bg);}
#app{display:block;min-height:100vh;}
h1,h2,h3,.disp{font-family:'Archivo','Inter',sans-serif;}

/* Header */
.cc-header{background:var(--ink);border-bottom:1px solid rgba(255,255,255,.08);padding:16px 22px 14px 22px;text-align:center;}
.cc-brand{font-family:'Archivo',sans-serif;font-weight:800;font-size:19px;color:#fff;letter-spacing:.04em;text-transform:uppercase;}
.cc-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:center;}
.pill{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 16px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;font-size:13px;color:#D9E3EF;transition:background .12s,color .12s;}
.pill:hover{background:rgba(255,255,255,.14);color:#fff;}
.pill.active{background:var(--brand);border-color:var(--brand);color:#fff;}

.hl{border-radius:6px;padding:1px 10px;display:inline-block;color:#fff;}
.hl-cyan{background:var(--brand);}
.hl-yellow{background:var(--brass);}
.hl-pink{background:#B3402A;}
.cc-brand .hl{background:var(--brand);}

.pagewrap{max-width:1180px;margin:0 auto;padding:26px 22px 90px 22px;}
.pagetitle{font-family:'Archivo',sans-serif;font-weight:800;font-size:26px;margin:4px 0 24px 0;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);}
@media(max-width:700px){.pagetitle{font-size:20px;}}

/* Content pills (sub-navigation on light background) */
.pagewrap .pill{background:#fff;border:1px solid var(--line);color:var(--ink-soft);box-shadow:var(--shadow-card);}
.pagewrap .pill:hover{border-color:var(--brand);color:var(--brand);background:#fff;}
.pagewrap .pill.active{background:var(--brand);border-color:var(--brand);color:#fff;}

/* Cards */
.cc-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start;}
@media(max-width:880px){.cc-grid{grid-template-columns:1fr;}}
.cc-grid3{grid-template-columns:repeat(3,1fr);}
@media(max-width:700px){.cc-grid3{grid-template-columns:1fr;}}
.cc-card{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);margin-bottom:22px;overflow:hidden;}
.cc-card-h{padding:12px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;}
.cc-card-h .t{font-family:'Archivo',sans-serif;font-weight:700;font-size:13.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);}
.cc-card-h .s{font-size:11px;color:var(--ink-soft);font-weight:500;}
.bg-cyan{background:var(--cc-cyan);} .bg-cyan .t{color:var(--t-cyan);}
.bg-pink{background:var(--cc-pink);} .bg-pink .t{color:var(--t-pink);}
.bg-yellow{background:var(--cc-yellow);} .bg-yellow .t{color:var(--t-yellow);}
.bg-green{background:var(--cc-green);} .bg-green .t{color:var(--t-green);}
.bg-blue{background:var(--cc-blue);} .bg-blue .t{color:var(--t-blue);}
.bg-purple{background:var(--cc-purple);} .bg-purple .t{color:var(--t-purple);}
.cc-card-b{padding:14px 16px;}

/* Home widgets */
.evt{border-left:3px solid var(--brand);padding:3px 10px;margin:9px 0;display:flex;justify-content:space-between;gap:8px;align-items:flex-start;}
.evt .et{font-weight:600;font-size:13.5px;color:var(--ink);}
.evt .em{font-size:11.5px;color:var(--ink-soft);margin-top:1px;}
.evt .ex{border:none;background:none;color:#B3402A;cursor:pointer;font-weight:700;font-size:13px;padding:0 4px;}
.daylabel{font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);margin:12px 0 2px 0;}
.minipill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:10.5px;font-weight:700;color:var(--ink);}
.booklesson{font-size:14px;line-height:1.7;color:var(--ink);}
.insight{border-left:3px solid var(--brass);padding:4px 10px;margin:10px 0;}
.insight .it{font-size:13px;line-height:1.55;}
.insight .im{margin-top:5px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--ink-soft);}
.weekrow{display:flex;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:12.5px;align-items:baseline;}
.weekrow:last-child{border-bottom:none;}
.weekrow .wd{width:86px;flex:none;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);}
.weekrow.today .wd{background:var(--brand);color:#fff;border-radius:4px;padding:1px 6px;}
.weekrow .we{color:var(--ink);}
.addrow{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;}
.addrow input,.addrow select{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;font-family:'Inter';background:#FBFCFE;flex:1;min-width:110px;}
.addrow input:focus,.addrow select:focus{outline:2px solid var(--brand-dim);border-color:var(--brand);}
.addrow input[type=date],.addrow input[type=time]{flex:none;}
.btn{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 14px;font-weight:600;font-family:'Inter';cursor:pointer;font-size:12.5px;color:var(--ink);box-shadow:var(--shadow-card);}
.btn:hover{border-color:var(--brand);color:var(--brand);}
.btn.dark{background:var(--brand);border-color:var(--brand);color:#fff;}
.btn.dark:hover{background:#1D4ED8;color:#fff;}
.btn.mini{padding:4px 10px;font-size:11px;}
.todoline{display:flex;gap:9px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line);font-size:13.5px;}
.todoline:last-child{border-bottom:none;}
.todoline input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand);}
.todoline .tx{flex:1;}
.todoline.done .tx{text-decoration:line-through;color:#999;}
.helpmsg{font-size:11.5px;color:var(--ink-soft);margin-top:8px;}
.okmsg{color:#1E8A5F;font-weight:600;} .errmsg{color:#B3402A;font-weight:600;}

/* Stats table */
.statstable{width:100%;border-collapse:collapse;font-size:13px;}
.statstable th{background:#F6F8FB;border:1px solid var(--line);padding:9px 10px;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;text-align:left;color:var(--ink-soft);}
.statstable td{border:1px solid var(--line);padding:10px;font-weight:600;color:var(--ink);}
.statstable input{width:100%;border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-family:'IBM Plex Mono';font-size:13px;}

/* Leads board */
.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
@media(max-width:980px){.board{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.board{grid-template-columns:1fr;}}
.boardcol{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-card);overflow:hidden;}
.boardcol .bh{padding:9px 12px;border-bottom:1px solid var(--line);font-family:'Archivo';font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em;display:flex;justify-content:space-between;color:var(--ink);}
.boardcol .bb{padding:10px;min-height:70px;}
.leadcard{border:1px solid var(--line);border-radius:9px;padding:9px 11px;margin-bottom:10px;box-shadow:var(--shadow-card);background:#fff;}
.leadcard .lc{font-weight:700;font-size:13px;color:var(--ink);}
.leadcard .lm{font-size:11.5px;color:var(--ink-soft);margin-top:2px;}
.leadcard .la{display:flex;gap:6px;margin-top:8px;}

/* Gate */
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--ink) 0%,#1E3A8A 100%);padding:20px;}
.gatebox{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:30px 28px;width:100%;max-width:400px;text-align:center;}
.gatebox .gm{font-family:'Archivo';font-weight:800;font-size:18px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink);}
.gatebox .gs{font-size:12px;color:var(--ink-soft);margin:6px 0 18px 0;}
.gatebox input{width:100%;border:1px solid var(--line);border-radius:8px;padding:11px 12px;font-size:14px;text-align:center;margin-bottom:10px;font-family:'Inter';}
.gatebox input:focus{outline:2px solid var(--brand-dim);border-color:var(--brand);}
.gatebox .btn{width:100%;padding:11px;}
.gateerr{color:#B3402A;font-size:12px;font-weight:600;min-height:15px;margin:-2px 0 8px 0;}
.gatehelp{font-size:11px;color:var(--ink-soft);margin-top:14px;line-height:1.6;}
.gatehelp a{color:var(--brand);cursor:pointer;text-decoration:underline;}
.rc-code{font-family:'IBM Plex Mono',monospace;font-size:24px;font-weight:600;letter-spacing:.12em;background:#F6F8FB;border:1px dashed var(--brand);border-radius:10px;padding:16px;margin:10px 0 14px 0;color:var(--ink);user-select:all;}

/* Investments module layout inside the shell (keeps its original soft styling) */
#content{max-width:none;padding:8px 0 30px 0;margin:0;}
.inv-subnav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px 0;}
.inv-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;}


a.pill{text-decoration:none;display:inline-block;}