:root{
  --gold:#C9A23B;--gold-light:#E0BD56;--gold-deep:#8C6D1F;
  --green:#0F5132;--green-dark:#083522;--green-light:#1B7A4D;--green-faint:#E7F0EB;
  --cream:#FAF7EE;--stone:#E8E2D0;--stone-deep:#C9C0A8;--card:#fff;--input:#FFFBEA;
  --charcoal:#1A1F1B;--slate:#5A5F5C;
  --crimson:#B91C1C;--success:#15803D;--amber:#D97706;--blue:#1E40AF;
  --dark-brown:#3A2F1C;--dark-brown2:#2A2010;--util-brown:#3D3220;--th:#3A2F1C;--th-text:#FAF7EE;
  --c1:#0F5132;--c2:#C9A23B;--c3:#7A5C2E;
  --shadow:0 1px 3px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.05);
  --shadow-md:0 4px 16px rgba(0,0,0,.1);
  --font:'Proxima Nova','Nunito Sans',-apple-system,'Segoe UI',sans-serif;
}
body.dark{--cream:#1a1a1a;--card:#222;--input:#2b2718;--stone:#333;--stone-deep:#4a4a4a;--charcoal:#eee;--slate:#bbb;--dark-brown:#eee;--th:#2a2520;--th-text:#eee;--gold-deep:#D4B85C;--amber:#E5A94E;--util-brown:#111;--green-dark:#6FCF97;--green-faint:#1f2a23;--success:#66BB6A;--crimson:#EF5350;--c1:#4CAF7D;--c2:#D4B85C;--c3:#A9865A;--shadow:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 4px 12px rgba(0,0,0,.5)}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px}
body{font-family:var(--font);background:var(--cream);color:var(--charcoal);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}
button,input,select,textarea{font-family:var(--font)}
.util-bar{background:var(--util-brown);color:#FAF7EE;font-size:.72rem;padding:.4rem 1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.25rem}
.util-bar .ub-r{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}
.dm-toggle{background:none;border:1px solid rgba(255,255,255,.25);color:#FAF7EE;font-size:.7rem;padding:.25rem .5rem;border-radius:3px;cursor:pointer}
.dm-toggle:hover{border-color:var(--gold)}
.masthead{background:linear-gradient(135deg,#E8DCC8 0%,#D4C4A0 60%,#C4AD84 100%);border-bottom:3px solid #A8893A;padding:.75rem 1rem}
body.dark .masthead{background:linear-gradient(135deg,#2a2520 0%,#1e1a14 60%,#161210 100%);border-bottom-color:#6B5B3E}
.masthead-inner{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.masthead-left{display:flex;align-items:center;gap:.75rem;min-width:0}
.mast-crest{width:52px;height:52px;flex-shrink:0;background:#FAF7EE;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mast-crest span{font-weight:800;font-size:.95rem;color:#3A2F1C;letter-spacing:.02em}
.mast-title{font-size:1.25rem;font-weight:600;color:#3A2F1C;line-height:1.15}
.mast-sub{font-size:.68rem;color:#5A4D35;letter-spacing:.04em;text-transform:uppercase}
body.dark .mast-title,body.dark .mast-sub{color:#eee}
.mast-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.user-chip{background:rgba(201,162,59,.15);border:1px solid rgba(201,162,59,.4);border-radius:12px;padding:.35rem .85rem;font-size:.72rem;font-weight:600;color:#3A2F1C;line-height:1.4;cursor:pointer}
body.dark .user-chip{color:#eee}
.user-chip .uc-name{font-weight:700;font-size:.75rem;display:block}
.user-chip .uc-role{font-weight:400;font-size:.65rem;display:block;opacity:.8}
.user-chip.unlocked{background:rgba(185,28,28,.12);border-color:rgba(185,28,28,.5)}
.nav-tabs-wrap{background:var(--card);border-bottom:2px solid var(--stone);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:0;z-index:50}
.nav-tabs-wrap::-webkit-scrollbar{display:none}
.nav-tabs{display:flex;min-width:max-content;max-width:1280px;margin:0 auto;padding:0 .5rem}
.nav-tab{background:none;border:none;border-bottom:3px solid transparent;padding:.75rem .9rem;font-size:.83rem;font-weight:600;color:var(--slate);cursor:pointer;white-space:nowrap;margin-bottom:-2px;display:flex;align-items:center;gap:.35rem;min-height:44px}
.nav-tab:hover{color:var(--gold-deep)}
.nav-tab.active{color:var(--dark-brown);border-bottom-color:var(--gold)}
.nav-badge{background:var(--crimson);color:#fff;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:8px;line-height:1.4}
.nav-badge.ok{background:var(--success)}
#content{max-width:1280px;margin:0 auto;padding:1.25rem 1rem 4rem}
.view{display:none}.view.active{display:block}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:900px){.g3,.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}
@media(max-width:500px){.g3,.g4{grid-template-columns:1fr}}
.kpi{background:linear-gradient(145deg,#3A2F1C,#2A2010);color:#FAF7EE;border-radius:6px;padding:1.1rem 1.25rem;box-shadow:var(--shadow-md);position:relative;overflow:hidden;min-width:0}
.kpi::after{content:'';position:absolute;top:-20px;right:-20px;width:80px;height:80px;border:1px solid rgba(201,162,59,.15);border-radius:50%}
.kpi-lbl{font-size:.65rem;font-weight:700;color:rgba(224,189,86,.9);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.35rem}
.kpi-val{font-size:1.7rem;font-weight:600;color:#E0BD56;line-height:1.05;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.kpi-val small{font-size:.8rem;color:rgba(250,247,238,.6);font-weight:600}
.kpi-sub{font-size:.7rem;color:rgba(250,247,238,.6);margin-top:.3rem}
.kpi-bar{margin-top:.6rem;background:rgba(255,255,255,.1);border-radius:2px;height:3px}
.kpi-fill{height:100%;border-radius:2px;background:var(--gold);max-width:100%}
.panel{background:var(--card);border:1px solid var(--stone);border-radius:6px;box-shadow:var(--shadow);margin-bottom:1rem;min-width:0}
.panel-head{padding:.85rem 1.1rem;border-bottom:1px solid var(--stone);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
.panel-head h3{font-size:1.05rem;font-weight:600;color:var(--green-dark)}
.panel-sub{font-size:.72rem;color:var(--slate)}
.panel-body{padding:1rem 1.1rem}
.eyebrow{font-size:.68rem;font-weight:700;color:var(--gold-deep);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.3rem}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}
.page-head h2{font-size:1.45rem;font-weight:700;color:var(--green-dark);line-height:1.2}
.page-head p{font-size:.82rem;color:var(--slate);max-width:760px;margin-top:.25rem;line-height:1.5}
.formula{background:var(--green-faint);border-left:3px solid var(--gold);padding:.7rem 1rem;border-radius:0 4px 4px 0;font-size:.78rem;color:var(--green-dark);line-height:1.55;margin-bottom:1rem}
.formula strong{color:var(--gold-deep)}
.formula.warn{background:#FEF3C7;border-left-color:var(--amber);color:#78350F}
body.dark .formula.warn{background:#3a2e14;color:#F3D9A4}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tbl{width:100%;border-collapse:collapse}
.tbl th{background:var(--th);color:var(--th-text);font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.55rem .6rem;text-align:left;vertical-align:bottom;line-height:1.25;position:sticky;top:0}
.tbl th.n,.tbl td.n{text-align:right}
.tbl td{padding:.45rem .6rem;font-size:.8rem;border-bottom:1px solid var(--stone);vertical-align:middle;font-variant-numeric:tabular-nums}
.tbl tbody tr:hover td{background:var(--green-faint)}
.tbl tfoot td{font-weight:800;background:var(--green-faint);border-top:2px solid var(--gold);color:var(--green-dark)}
.tbl td.wrap{min-width:220px;line-height:1.35}
.tbl td.muted,.muted{color:var(--slate)}
.tbl td .sub{display:block;font-size:.7rem;color:var(--slate);margin-top:.1rem}
.tbl .calc{color:var(--green-dark);font-weight:600}
.cell{width:100%;min-width:84px;padding:.35rem .45rem;border:1px solid var(--stone-deep);border-radius:3px;font-size:.8rem;text-align:right;background:var(--input);color:var(--charcoal);font-variant-numeric:tabular-nums}
.cell.t{text-align:left;min-width:140px}
.cell:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,59,.2)}
.cell:disabled{background:transparent;border-color:transparent;color:var(--charcoal);-webkit-text-fill-color:var(--charcoal);opacity:1}
.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.p-ok{background:#D1FAE5;color:#065F46;border:1px solid #6EE7B7}
.p-rev{background:#FEF3C7;color:#92400E;border:1px solid #F0D060}
.p-fail{background:#FEE2E2;color:#991B1B;border:1px solid #FCA5A5}
.p-na{background:#F3F4F6;color:#4B5563;border:1px solid #D1D5DB}
.p-info{background:#DBEAFE;color:var(--blue);border:1px solid #93C5FD}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border-radius:4px;font-size:.82rem;font-weight:600;cursor:pointer;border:none;min-height:40px;text-decoration:none;transition:opacity .15s;white-space:nowrap}
.btn:active{opacity:.85}
.btn-primary{background:#3A2F1C;color:#fff}
body.dark .btn-primary{background:#C6A84E;color:#1a1a1a}
.btn-gold{background:var(--gold);color:#3A2F1C}
.btn-outline{background:var(--card);color:var(--charcoal);border:1px solid var(--stone-deep)}
.btn-danger{background:var(--card);color:var(--crimson);border:1px solid var(--crimson)}
.btn-sm{padding:.3rem .6rem;font-size:.72rem;min-height:32px}
.btn-icon{background:none;border:1px solid var(--stone-deep);color:var(--slate);border-radius:4px;padding:.25rem .45rem;cursor:pointer;font-size:.75rem;min-height:30px}
.btn-icon:hover{border-color:var(--gold);color:var(--gold-deep)}
.btns{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}
.field{margin-bottom:.8rem;min-width:0}
.field label{display:block;font-size:.76rem;font-weight:700;color:var(--charcoal);margin-bottom:.3rem}
.field label .hint{font-size:.68rem;color:var(--slate);font-weight:400;margin-left:.25rem}
.field input,.field select,.field textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--stone-deep);border-radius:4px;font-size:.9rem;background:var(--card);color:var(--charcoal)}
.field input.in{background:var(--input)}
.field textarea{resize:vertical;min-height:60px}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,59,.15)}
.field input:disabled,.field select:disabled{opacity:.75;background:transparent}
.field .note{font-size:.68rem;color:var(--slate);margin-top:.25rem;line-height:1.4}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.form-row3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.form-row4{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
@media(max-width:600px){.form-row,.form-row3{grid-template-columns:1fr}.form-row4{grid-template-columns:1fr 1fr}}
.section-div{display:flex;align-items:center;gap:.65rem;margin:1rem 0 .65rem}
.section-div .line{flex:1;height:1px;background:var(--stone)}
.section-div .lbl{font-size:.65rem;font-weight:700;color:var(--gold-deep);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center;margin-bottom:.8rem}
.fsel,.fsearch{font-size:.8rem;padding:.45rem .7rem;border:1px solid var(--stone-deep);border-radius:4px;background:var(--card);color:var(--charcoal);min-height:38px;max-width:100%}
.fsearch{min-width:200px;flex:1}
.status-strip{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.status-chip{background:var(--card);border:1px solid var(--stone);border-radius:4px;padding:.45rem .8rem;font-size:.78rem;font-weight:600;display:flex;align-items:center;gap:.45rem}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:200;display:none;align-items:flex-end;justify-content:center}
@media(min-width:700px){.modal-overlay{align-items:center;padding:1rem}}
.modal-overlay.open{display:flex}
.modal-box{background:var(--cream);width:100%;max-height:94vh;overflow-y:auto;border-radius:12px 12px 0 0}
@media(min-width:700px){.modal-box{border-radius:8px;max-width:860px;max-height:90vh}.modal-box.narrow{max-width:480px}}
.modal-head{background:#3A2F1C;color:#FAF7EE;padding:1rem 1.1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.modal-head h3{font-size:1.05rem;font-weight:600}
.modal-close{background:none;border:none;color:rgba(250,247,238,.75);font-size:1.4rem;cursor:pointer;padding:.25rem;line-height:1}
.modal-body{padding:1.1rem}
.modal-foot{padding:.85rem 1.1rem;border-top:1px solid var(--stone);display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap;position:sticky;bottom:0;background:var(--cream)}
.calc-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.25rem 0 .9rem}
.calc-strip div{background:var(--card);border:1px solid var(--stone);border-radius:4px;padding:.5rem .7rem}
.calc-strip b{display:block;font-size:1rem;color:var(--green-dark);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.calc-strip span{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(150%);background:#3A2F1C;color:#fff;padding:.7rem 1.2rem;border-radius:6px;font-size:.82rem;font-weight:600;border-left:3px solid var(--gold);box-shadow:var(--shadow-md);z-index:999;max-width:90vw;transition:transform .3s ease,visibility 0s .3s;visibility:hidden}
.toast.show{transform:translateX(-50%) translateY(0);visibility:visible;transition:transform .3s ease}
.toast.t-warn{border-left-color:var(--amber)}.toast.t-error{border-left-color:var(--crimson);background:#5C1A1A}
.bar-bg{background:var(--stone);border-radius:2px;height:8px;position:relative;min-width:90px}
.bar-fill{height:100%;border-radius:2px}
.bar-thr{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--crimson)}
.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.72rem;color:var(--slate);margin-top:.5rem}
.legend span{display:inline-flex;align-items:center;gap:.35rem}
.legend i{width:10px;height:10px;border-radius:2px;display:inline-block}
svg text{font-family:var(--font)}
.empty{text-align:center;padding:2rem;color:var(--slate);font-size:.88rem}
.text-red{color:var(--crimson)}.text-green{color:var(--green-dark)}.text-amber{color:var(--amber)}.text-gold{color:var(--gold-deep)}
.tag-ex{display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:#3A2F1C;border-radius:2px;padding:0 4px;margin-left:.3rem;vertical-align:middle}
.lockbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;background:var(--card);border:1px dashed var(--stone-deep);border-radius:6px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.78rem;color:var(--slate)}
.lockbar.on{border-color:var(--crimson);border-style:solid;color:var(--crimson)}
.targets{font-size:.75rem;background:var(--card);border:1px solid var(--stone);border-radius:4px;padding:.5rem .7rem;margin-top:-.3rem;margin-bottom:.8rem;color:var(--slate);line-height:1.5}
.targets b{color:var(--green-dark)}
.app-footer{background:#2E2718;color:#E8E2D0;padding:1.5rem 1rem 1rem;font-size:.78rem}
.app-footer .f-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:center}
.app-footer h4{color:#E0BD56;font-size:.9rem;font-weight:600;margin-bottom:.25rem}
.app-footer p{opacity:.8;line-height:1.5;font-size:.74rem}
.crest-mini{display:inline-block;width:8px;height:8px;background:var(--gold);border-radius:50%;margin:0 .4rem;vertical-align:middle}
@media print{.util-bar,.nav-tabs-wrap,.app-footer,.btns,.lockbar,.no-print{display:none!important}.view{display:none!important}.view.active{display:block!important}body{background:#fff}}

/* ---- multi-user additions ---- */
#login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--cream);background-image:radial-gradient(circle at 25% 25%,rgba(201,162,59,.12) 1px,transparent 1px);background-size:32px 32px}
.login-card{background:var(--card);border:1px solid var(--stone);border-top:4px solid var(--gold);border-radius:6px;padding:2.25rem 2rem;width:100%;max-width:400px;box-shadow:var(--shadow-md)}
.login-brand{text-align:center;margin-bottom:1.5rem}
.login-crest{width:72px;height:72px;background:#FAF7EE;border:2px solid var(--gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-weight:800;color:#3A2F1C}
.login-title{font-size:1.4rem;font-weight:600;color:var(--green-dark)}
.login-sub{font-size:.72rem;color:var(--slate);text-transform:uppercase;letter-spacing:.08em;margin-top:.25rem}
.login-err{background:#FEF2F2;border:1px solid var(--crimson);color:var(--crimson);font-size:.8rem;font-weight:600;padding:.5rem .75rem;border-radius:4px;margin:.5rem 0}
.login-hint{font-size:.72rem;color:var(--slate);text-align:center;margin-top:1rem;line-height:1.6}
.hidden{display:none!important}
.round-sel{background:rgba(255,255,255,.08);color:#FAF7EE;border:1px solid rgba(255,255,255,.25);border-radius:3px;font-size:.72rem;padding:.2rem .4rem;max-width:260px}
.round-sel option{color:#1a1a1a}
.stepper{display:flex;gap:0;margin:.25rem 0 1rem;flex-wrap:wrap}
.step{flex:1;min-width:110px;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:.5rem .25rem;border-bottom:3px solid var(--stone)}
.step.done{color:var(--green-dark);border-bottom-color:var(--success)}
.step.now{color:var(--dark-brown);border-bottom-color:var(--gold)}
.step.ret{color:var(--crimson);border-bottom-color:var(--crimson)}
.subtabs{display:flex;gap:.25rem;border-bottom:1px solid var(--stone);margin:0 0 1rem;overflow-x:auto;scrollbar-width:none}
.subtab{background:none;border:none;border-bottom:2px solid transparent;padding:.55rem .8rem;font-size:.8rem;font-weight:600;color:var(--slate);cursor:pointer;white-space:nowrap}
.subtab.active{color:var(--dark-brown);border-bottom-color:var(--gold)}
.rule{display:flex;gap:.5rem;align-items:flex-start;font-size:.8rem;padding:.4rem .6rem;border-radius:4px;margin-bottom:.35rem;line-height:1.45}
.rule.hard{background:#FEE2E2;color:#7F1D1D}.rule.soft{background:#FEF3C7;color:#78350F}.rule.ok{background:#D1FAE5;color:#065F46}
body.dark .rule.hard{background:#3b1717;color:#FCA5A5}body.dark .rule.soft{background:#3a2e14;color:#F3D9A4}body.dark .rule.ok{background:#14301f;color:#86EFAC}
.reason-bar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid var(--gold);border-radius:6px;padding:.6rem .9rem;margin-bottom:1rem;font-size:.8rem}
.reason-bar input{flex:1;min-width:220px;padding:.45rem .6rem;border:1px solid var(--stone-deep);border-radius:4px;background:var(--input);color:var(--charcoal);font-size:.82rem}
.comment{border-left:3px solid var(--gold);background:var(--card);padding:.6rem .8rem;margin-bottom:.6rem;border-radius:0 4px 4px 0;font-size:.82rem;line-height:1.5}
.comment.resolved{opacity:.6;border-left-color:var(--stone-deep)}
.comment .meta{font-size:.7rem;color:var(--slate);margin-bottom:.2rem}
.chip{display:inline-block;background:var(--green-faint);color:var(--green-dark);border-radius:10px;padding:1px 8px;font-size:.68rem;font-weight:700;margin:1px}
.st-draft{background:#F3F4F6;color:#4B5563;border:1px solid #D1D5DB}
.st-submitted{background:#DBEAFE;color:#1E40AF;border:1px solid #93C5FD}
.st-endorsed{background:#EDE9FE;color:#5B21B6;border:1px solid #C4B5FD}
.st-accepted{background:#D1FAE5;color:#065F46;border:1px solid #6EE7B7}
.st-returned{background:#FEE2E2;color:#991B1B;border:1px solid #FCA5A5}
.st-none{background:transparent;color:var(--slate);border:1px dashed var(--stone-deep)}
.temp-pw{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.1rem;background:var(--green-faint);padding:.6rem .8rem;border-radius:4px;letter-spacing:.05em;user-select:all;word-break:break-all}
.cc-pick{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.3rem .8rem;max-height:260px;overflow:auto;border:1px solid var(--stone);border-radius:4px;padding:.5rem;font-size:.78rem}
.cc-pick label{display:flex;gap:.4rem;align-items:flex-start;font-weight:400}
.cc-pick input{width:auto;flex:none;margin-top:.15rem}
.field .cc-pick label{margin:0;font-size:.78rem}
.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--stone);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;vertical-align:middle}
@keyframes spin{to{transform:rotate(360deg)}}