:root{--navy:#0F2A43;--navy-2:#173A5A;--teal:#1F6F6B;--gold:#C7A24A;--paper:#FBFAF7;--ink:#1B2733;
    --muted:#5C6B7A;--line:#E4E0D6;--ok:#1F7A4D;--warn:#B4791B;--bad:#B23A3A;--dr:#12507a;--cr:#8a5a12;}
  *{box-sizing:border-box} html,body{margin:0}
  body{background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.45}
  .num{font-variant-numeric:tabular-nums}.dr{color:var(--dr)}.cr{color:var(--cr)}
  header.bar{background:var(--navy);color:#fff;padding:14px 26px 0;border-bottom:3px solid var(--gold)}
  header.bar .top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  header.bar h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-weight:600;font-size:22px}
  header.bar .flow{color:#B8C6D4;font-size:12.5px;margin-top:8px}
  header.bar .flow b{color:var(--gold)}
  header.bar p{margin:4px 0 12px;color:#9fb0c0;font-size:12.5px}
  .filebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .filebar .fname{color:#9fb0c0;font-size:12px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  nav.tabs{display:flex;gap:2px;flex-wrap:wrap}
  nav.tabs button{background:transparent;color:#B8C6D4;border:none;border-bottom:3px solid transparent;padding:9px 15px;font-size:13.5px;font-weight:600;cursor:pointer;margin-bottom:-3px;font-family:inherit}
  nav.tabs button.active{color:#fff;border-bottom-color:var(--gold)} nav.tabs button:hover{color:#fff}
  nav.tabs button .cnt{font-size:10px;background:rgba(199,162,74,.25);color:#f2e6c8;border-radius:9px;padding:0 6px;margin-left:6px}
  main{flex:1;min-width:0;padding:20px 24px 90px}
  .shell{display:flex;align-items:flex-start;max-width:1440px;margin:0 auto}
  nav.side{width:212px;flex:0 0 212px;background:#fff;border-right:1px solid var(--line);min-height:calc(100vh - 58px);padding:8px 0;position:sticky;top:0;align-self:stretch}
  nav.side .grp{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);padding:13px 18px 3px;font-weight:700}
  nav.side button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-left:3px solid transparent;padding:7px 18px;font-family:inherit;font-size:13px;color:var(--ink);cursor:pointer}
  nav.side button:hover{background:#F4F2EC}
  nav.side button.active{border-left-color:var(--gold);background:#F7F4EC;color:var(--navy);font-weight:600}
  nav.side button .cnt{margin-left:auto;font-size:10px;background:#EEF2F5;color:var(--muted);border-radius:9px;padding:0 6px}
  nav.side button.alert .cnt{background:rgba(180,121,27,.18);color:var(--warn)}
  .periodpill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:4px 12px;color:#fff;font-size:12.5px}
  .periodpill select{background:transparent;border:none;color:#fff;font-family:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
  .periodpill select option{color:#1B2733}
  .periodpill .st{font-size:10px;font-weight:700;padding:1px 7px;border-radius:9px}
  .st-OPEN{background:rgba(31,122,77,.3);color:#c9f2d9}.st-SOFT_CLOSED{background:rgba(180,121,27,.3);color:#ffe6b8}.st-CLOSED{background:rgba(178,58,58,.3);color:#ffd9d9}
  .gsearch{position:relative}
  .gsearch input{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:6px;color:#fff;padding:6px 10px;font-family:inherit;font-size:12.5px;width:190px}
  .gsearch input::placeholder{color:#b8c6d4}
  .gsres{position:absolute;top:34px;right:0;width:340px;max-height:420px;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px rgba(0,0,0,.28);z-index:60}
  .gsres .gitem{padding:8px 12px;border-bottom:1px solid #EFEDE6;cursor:pointer;font-size:12.5px}
  .gsres .gitem:hover{background:#F4F2EC}.gsres .gitem .t{color:var(--muted);font-size:11px}
  .tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:18px}
  .tile{background:#fff;border:1px solid var(--line);border-radius:8px;padding:14px 16px;border-left:4px solid var(--line);cursor:pointer}
  .tile:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}
  .tile .l{font-size:11.5px;color:var(--muted)}.tile .v{font-size:24px;font-weight:600;color:var(--navy);margin-top:3px}
  .tile.green{border-left-color:var(--ok)}.tile.amber{border-left-color:var(--warn)}.tile.red{border-left-color:var(--bad)}
  .tile.blue{border-left-color:var(--dr)}.tile.purple{border-left-color:#6b4bb0}.tile.grey{border-left-color:#9aa7b2}
  .tile .sub{font-size:11px;color:var(--muted);margin-top:4px}
  .page{display:none}.page.active{display:block}
  .panel{background:#fff;border:1px solid var(--line);border-radius:6px;margin-bottom:18px}
  .phead{display:flex;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}
  .phead .k{font-weight:600;color:var(--navy)} .spacer{flex:1}
  .pbody{padding:16px}
  .drop{border:1.5px dashed #C4CDD6;border-radius:6px;padding:22px;text-align:center;background:#FCFCFB;cursor:pointer;transition:.12s}
  .drop:hover,.drop.drag{border-color:var(--teal);background:#F1F8F8}
  .drop strong{color:var(--navy)}.drop small{color:var(--muted);display:block;margin-top:6px}
  input[type=file]{display:block}
  .fld label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}
  .fld input,.fld select{width:100%;padding:7px 9px;border:1px solid #CFD6DD;border-radius:5px;font-size:13px;font-family:inherit;background:#fff}
  .fld input:focus,.fld select:focus{outline:2px solid rgba(31,111,107,.35);border-color:var(--teal)}
  .settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
  button.btn{font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:5px;padding:9px 15px;border:1px solid transparent}
  .btn.primary{background:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-2)}
  .btn.primary:disabled{background:#9AA7B2;cursor:not-allowed}
  .btn.gold{background:var(--gold);color:#3a2e0c}.btn.gold:hover{filter:brightness(1.05)}
  .btn.ghost{background:#fff;color:var(--navy);border-color:#CFD6DD}.btn.ghost:hover{border-color:var(--teal);color:var(--teal)}
  .btn.hd{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.25);font-size:12px;padding:6px 11px}
  .btn.hd:hover{background:rgba(255,255,255,.16)}
  .btn.sm{padding:5px 10px;font-size:12px}
  .btn.danger{color:var(--bad);border-color:#e6c4c4;background:#fff}
  .btn:disabled{opacity:.5;cursor:not-allowed}
  .toggle{background:none;border:none;color:var(--teal);font-weight:600;cursor:pointer;font-size:13px;padding:0}
  table{width:100%;border-collapse:collapse;font-size:13px}
  thead th{text-align:left;background:#F4F2EC;color:var(--navy);font-weight:600;padding:8px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
  th.r,td.r{text-align:right}th.c,td.c{text-align:center}
  tbody td{padding:7px 12px;border-bottom:1px solid #EFEDE6;vertical-align:middle}
  tbody tr:hover{background:#FAFAF6}
  .subhead td{background:#F8F6F0;font-weight:600;color:var(--navy)}
  .totrow td{border-top:2px solid var(--gold);font-weight:600;background:#FCFAF3}
  .pill{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;background:#EEF2F5;color:var(--muted)}
  .cur{font-weight:600;letter-spacing:.3px}.acct{font-variant-numeric:tabular-nums;font-weight:600}
  .miss{color:var(--bad);font-weight:600}.flag{color:var(--warn);cursor:help}
  .badgeN{display:inline-block;font-size:10px;font-weight:700;color:#fff;background:var(--navy);border-radius:3px;padding:1px 5px;margin-left:6px}
  .badgeF{background:var(--teal)}
  .maptable td input{width:100%;padding:5px 7px;border:1px solid #D5DCE2;border-radius:4px;font-size:12.5px;font-family:inherit;font-variant-numeric:tabular-nums}
  .maptable td select{width:100%;padding:5px 6px;border:1px solid #D5DCE2;border-radius:4px;font-size:12.5px;font-family:inherit;background:#fff}
  .maptable td.acol{width:120px}.maptable td.ccol{width:90px}
  .maptable tr.anom td{background:#FFF7E8}
  .parent{color:var(--muted);font-size:12px}
  .kpis{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-bottom:16px;background:#fff}
  .kpi{padding:12px 18px;border-right:1px solid var(--line);flex:1;min-width:150px}
  .kpi:last-child{border-right:none}
  .kpi .l{font-size:11px;color:var(--muted)}.kpi .v{font-size:18px;font-weight:600;color:var(--navy)}
  .kpi .v.usd{color:var(--teal)}.kpi .v.bad{color:var(--bad)}.kpi .v.ok{color:var(--ok)}
  .band{color:#fff;padding:10px 16px;border-radius:6px 6px 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--gold)}
  .band.col{background:var(--navy)}.band.ref{background:linear-gradient(90deg,var(--navy),var(--navy-2))}.band.pay{background:var(--teal)}
  .band .title{font-weight:600;font-size:14px}.band .bal{font-size:12px;font-weight:600;padding:3px 10px;border-radius:20px;background:rgba(255,255,255,.16)}
  .jbody{border:1px solid var(--line);border-top:none;border-radius:0 0 6px 6px;background:#fff}
  .empty{padding:18px 16px;color:var(--muted);font-style:italic}
  .mdgrid{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;padding:12px 0}
  @media(max-width:820px){.mdgrid{grid-template-columns:1fr}}
  .mdcol{border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;flex-direction:column;min-height:120px}
  .mdhead{font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}
  .mdlist{flex:1;overflow-y:auto;max-height:360px}
  .mdrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-bottom:1px solid #F0EEE7;cursor:pointer;font-size:12.5px}
  .mdrow:hover{background:#F7F4EC}
  .mdrow.sel{background:#F1ECDD;border-left:3px solid var(--gold)}
  .mdname{line-height:1.3}
  .mdmeta{font-size:11px;color:var(--muted)}
  .mdcnt{font-size:10px;background:#EEF2F5;color:var(--muted);border-radius:9px;padding:1px 7px;min-width:20px;text-align:center}
  .mdadd{display:flex;gap:6px;padding:8px 10px;border-top:1px solid var(--line);flex-wrap:wrap}
  .mdadd input{padding:5px 7px;border:1px solid #D5DCE2;border-radius:4px;font-size:12px;font-family:inherit;flex:1;min-width:80px}
  .mdedit{padding:8px 10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mdeg{display:flex;flex-direction:column;gap:3px}
  .mdeg label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:600}
  .mdeg input,.mdeg select{padding:5px 7px;border:1px solid #D5DCE2;border-radius:4px;font-size:12.5px;font-family:inherit;background:#fff}
  .mdeg .ro{padding:5px 0;font-weight:600;font-variant-numeric:tabular-nums}
  .jrnfilters{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;padding-bottom:10px}
  .jrnfilters .fld{margin:0}
  .jrnfilters label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);font-weight:700;display:block;margin-bottom:2px}
  .jrnfilters input,.jrnfilters select{padding:5px 7px;border:1px solid #D5DCE2;border-radius:4px;font-size:12px;font-family:inherit;background:#fff}
  table.jrnreg{width:100%;min-width:1160px;border-collapse:collapse;font-size:12px}
  table.jrnreg thead th{position:sticky;top:0;background:#F7F4EC;text-align:left;padding:7px 9px;border-bottom:2px solid var(--line);font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);white-space:nowrap}
  table.jrnreg thead th.r{text-align:right}
  table.jrnreg tbody td{padding:6px 9px;border-bottom:1px solid #F0EEE7;white-space:nowrap}
  table.jrnreg tbody td.r{text-align:right;font-variant-numeric:tabular-nums}
  table.jrnreg tbody tr{cursor:pointer}
  table.jrnreg tbody tr:hover{background:#F7F4EC}
  table.jrnreg tbody tr.revrow{color:var(--muted)}
  .jchip{display:inline-block;font-size:9.5px;font-weight:700;padding:1px 6px;border-radius:9px;background:#EEF2F5;color:#4a5a68}
  .jchip.cat-TREASURY{background:#E7F0F4;color:#1c5f78}
  .jchip.cat-AGENT_ACTIVITY{background:#F0ECDD;color:#6a5a1c}
  .jchip.cat-FX_ACCOUNTING{background:#EDE7F4;color:#5a3c78}
  .jchip.cat-OPENING_BALANCE{background:#E7F4EC;color:#1c6a44}
  .jchip.cat-ADJUSTMENT,.jchip.cat-REVERSAL{background:#F4E7E7;color:#8a3232}
  .spill{display:inline-block;font-size:9px;font-weight:700;padding:0 5px;border-radius:3px}
  .spill.exp{background:rgba(31,122,77,.14);color:#1f7a4d}
  .spill.notexp{background:#EEF2F5;color:var(--muted)}
  .spill.st{background:#EEF2F5;color:#4a5a68}
  .drawer{position:fixed;inset:0;z-index:60}
  .drawer.hidden{display:none}
  .drawerbg{position:absolute;inset:0;background:rgba(20,28,38,.34)}
  .drawerpanel{position:absolute;top:0;right:0;height:100%;width:min(680px,94vw);background:#fff;box-shadow:-8px 0 30px rgba(0,0,0,.18);overflow-y:auto;padding:0}
  .drawerpanel .dhd{position:sticky;top:0;background:var(--navy);color:#fff;padding:14px 18px;display:flex;align-items:center;gap:10px}
  .drawerpanel .dhd .x{margin-left:auto;background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}
  .dsec{padding:12px 18px;border-bottom:1px solid var(--line)}
  .dsec h4{margin:0 0 8px;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
  .dgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;font-size:12.5px}
  .dgrid .k{color:var(--muted)}
  .note{font-size:12px;color:var(--muted);margin:8px 0;line-height:1.5}
  .warnbar{background:#FFF7E8;border:1px solid #E9D9AE;color:#7a5a12;border-radius:6px;padding:10px 14px;font-size:12.5px;margin-bottom:14px}
  .okbar{background:#EEF7F0;border:1px solid #BFE0C9;color:#1c5c39;border-radius:6px;padding:10px 14px;font-size:12.5px;margin-bottom:14px}
  .infobar{background:#EEF3F8;border:1px solid #C7D6E6;color:#254a6b;border-radius:6px;padding:10px 14px;font-size:12.5px;margin-bottom:14px}
  .hidden{display:none}.err{color:var(--bad);font-size:13px;margin-top:8px}
  pre{margin:0;font-size:12px;white-space:pre;font-family:ui-monospace,Menlo,Consolas,monospace}
  .diffpos{color:var(--bad);font-weight:600}.diffok{color:var(--ok)}
  .rowlist{display:flex;flex-direction:column}
  .rowitem{display:flex;align-items:center;gap:12px;padding:9px 14px;border-bottom:1px solid #EFEDE6}
  .rowitem:last-child{border-bottom:none}.rowitem .d{font-weight:600;color:var(--navy)}
  .rowitem .s{font-size:12px;color:var(--muted)}
  .tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px}
  .tag.exp{background:#EEF7F0;color:#1c5c39}.tag.new{background:#FBF1DA;color:#7a5a12}
  .tag.auto{background:#EEF7F0;color:#1c5c39}.tag.manual{background:#EDE7F7;color:#4b3b8a}
  .tag.ledgerOnly{background:#FDECEC;color:#9a2f2f}.tag.glOnly{background:#FDF0E3;color:#8a5313}.tag.variance{background:#FBF1DA;color:#7a5a12}
  .flagrow{display:flex;gap:8px;align-items:flex-start;padding:6px 0;font-size:12.5px}
  .flagrow .ic{flex:0 0 auto;font-weight:700}
  .flagrow.bad .ic{color:var(--bad)}.flagrow.warn .ic{color:var(--warn)}.flagrow.info .ic{color:var(--teal)}.flagrow.ok .ic{color:var(--ok)}
  select.jsel{padding:8px 9px;border:1px solid #CFD6DD;border-radius:5px;font-size:13px;font-family:inherit;background:#fff}
  .dirty{font-size:11.5px;padding:3px 9px;border-radius:20px}
  .dirty.on{background:rgba(178,58,58,.25);color:#ffd9d9}.dirty.off{background:rgba(31,122,77,.25);color:#c9f2d9}
  .dirty.saving{background:rgba(180,121,27,.28);color:#ffe9c2}.dirty.fail{background:rgba(178,58,58,.55);color:#fff;font-weight:700}
  .overlay{position:fixed;inset:0;background:rgba(15,42,67,.9);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}
  .overlay.hidden{display:none}
  .login{background:#fff;border-radius:10px;max-width:430px;width:100%;box-shadow:0 24px 70px rgba(0,0,0,.45);overflow:hidden}
  .loginhead{background:var(--navy);color:#fff;padding:20px 24px;border-bottom:3px solid var(--gold)}
  .loginhead h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:20px}.loginhead p{margin:4px 0 0;color:#9fb0c0;font-size:13px}
  .login .pbd{padding:20px 24px}
  .login .fld{margin-bottom:12px}
  .loginfoot{padding:12px 24px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);background:#FBFAF7}
  .userchip{background:rgba(255,255,255,.12);color:#fff;font-size:12px;padding:4px 11px;border-radius:20px;display:inline-flex;align-items:center;gap:7px}
  .rolebadge{color:#3a2e0c;font-size:10px;font-weight:700;padding:1px 6px;border-radius:9px}
  .role-admin{background:var(--gold)}.role-preparer{background:#9ec7c4}.role-reviewer{background:#c4b7e6}.role-viewer{background:#cdd6de;color:#33414d}.role-management{background:#e6c68a}
  .worktable td.chk{width:34px;text-align:center}
  .stmt{width:100%;border-collapse:collapse;font-size:13px}
  .stmt td{padding:7px 12px;border-bottom:1px solid #EFEDE6}
  .stmt td.r{text-align:right;font-variant-numeric:tabular-nums}
  .stmt tr.sub td{color:var(--muted);padding-left:26px}
  .stmt tr.grand td{border-top:2px solid var(--gold);font-weight:700;background:#FCFAF3}
  .stmt tr.head td{background:#F4F2EC;color:var(--navy);font-weight:600}

/* Server application additions. The original report stylesheet precedes these. */
body{font-size:14px}h1{font-size:24px;margin:0 0 16px}h2{font-size:16px;margin:0}h3{font-size:15px}.app-header{height:76px;background:#17334b;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;position:static}.app-header strong{font-size:20px}.app-header small{display:block;color:#bbcbd8;margin-top:4px}.app-header a{color:white}.header-actions{display:flex;align-items:center;gap:18px}.header-actions form{margin:0}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 76px)}nav.side{width:auto;position:static;background:#17334b;padding:22px 12px;overflow:visible}nav.side a{display:block;color:#d9e5ef;text-decoration:none;padding:12px;border-radius:5px;font-size:14px}nav.side a:hover{background:#284a64}nav.side .grp{color:#91a9bb;font-size:12px;padding:22px 12px 7px}main{padding:26px;min-width:0;overflow:visible}.title-row,.toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.title-row{justify-content:space-between}.toolbar label{display:flex;align-items:center;gap:8px}.panel{margin-bottom:20px}.phead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px}.pbody{padding:20px}.btn{display:inline-block;font-size:14px;text-decoration:none;cursor:pointer;padding:9px 15px;border-radius:5px;border:1px solid #ccd6dc;background:white;color:#193b55}.btn.primary{background:#17334b;color:white}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.tile{display:block;text-decoration:none;padding:22px;min-height:130px}.tile .v{font-size:27px;margin:10px 0}.tile .l{font-size:14px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.table-wrap{overflow:auto}table{width:100%}th,td{font-size:14px;padding:12px 14px}.r{text-align:right}.num{font-variant-numeric:tabular-nums}.bar-row{display:grid;grid-template-columns:55px minmax(40px,1fr) 110px;gap:10px;align-items:center;margin:10px 0}.bar-track{background:#eaf0f3;height:14px;border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:#1b756f}.muted,.note,footer{color:#627383;font-size:13px}.note{line-height:1.6}.notice{background:#e6f3ed;padding:15px;margin-bottom:15px}.error,.errorlist{color:#a52f2f}.narrow{max-width:560px;margin:25px auto}input,select{max-width:100%;font-size:14px;padding:9px;border:1px solid #c6d0d7;border-radius:4px}label{font-weight:500}.narrow label{display:block;margin-bottom:8px}.narrow input{width:100%}.helptext{display:block;font-size:12px;color:#627383}dl{display:grid;grid-template-columns:minmax(100px,200px) minmax(100px,1fr);gap:7px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}.status-row{display:flex;gap:12px;flex-wrap:wrap}footer{margin-top:28px}@media(max-width:1000px){.tiles{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:1fr}}@media(max-width:650px){.shell{grid-template-columns:1fr}.app-header{height:auto;padding:15px;flex-wrap:wrap;gap:12px}nav.side{display:flex;flex-wrap:wrap;padding:8px}nav.side .grp{display:none}nav.side a{padding:8px}main{padding:15px}.tiles{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar label{flex-wrap:wrap}.bar-row{grid-template-columns:45px minmax(20px,1fr) 90px}h1{font-size:22px}}