/* Navdeep Office — private app for Navdeep Jewellers, Bathinda.
   Look: midnight sapphire bands, champagne gold, ivory paper. Art-deco diamond monogram. */
@font-face{font-family:"Cinzel";src:url(fonts/Cinzel.ttf) format("truetype");font-weight:400 900;font-display:swap}
@font-face{font-family:"Manrope";src:url(fonts/Manrope.ttf) format("truetype");font-weight:200 800;font-display:swap}
:root{
  --velvet:#13213a; --velvet-2:#1b2d4d; --velvet-3:#2c4470;
  --gold:#9c7432; --gold-hi:#e2c084; --gold-soft:#f1e4c8;
  --paper:#f7f5f0; --ivory:#efe9dc; --line:#e1d9c8; --line-2:#cfc3aa;
  --text:#1a1d24; --muted:#5f6472; --on-dark:#eef0f5; --on-dark-2:#aeb7c9;
  --ok:#2f6b3f; --warn:#9a5b12; --bad:#a3262e;
  --f-display:"Cinzel",Georgia,serif; --f-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit}
button,input,select,textarea{font-family:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.num{font-variant-numeric:tabular-nums lining-nums}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:999px;border:0;background:var(--velvet);color:var(--gold-hi);font:800 15px var(--f-body);letter-spacing:.02em;cursor:pointer}
.btn.block{width:100%}
.toast{position:fixed;left:50%;bottom:calc(86px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--velvet);color:#fff;padding:10px 16px;border-radius:999px;font:700 14px var(--f-body);z-index:90;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:90vw;text-align:center;opacity:0;transition:opacity .2s}
.toast.on{opacity:1}

body.office{background:var(--paper);padding-bottom:calc(72px + env(safe-area-inset-bottom))}
.of-top{position:sticky;top:0;z-index:20;background:var(--velvet);color:var(--on-dark);padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:12px}
.of-top img{height:30px;width:auto}
.of-top h1{font:600 21px var(--f-display);margin:0;color:var(--gold-hi);flex:1;letter-spacing:.02em}
.of-top .sub{font-size:12px;color:var(--on-dark-2)}
.of-top button{background:none;border:1px solid var(--velvet-3);color:var(--on-dark);border-radius:999px;padding:6px 12px;font:600 12.5px var(--f-body);cursor:pointer}
.of-main{max-width:1100px;margin:0 auto;padding:16px}
.of-main>*{min-width:0}
.of-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));padding-bottom:env(safe-area-inset-bottom)}
.of-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px 9px;font:700 11px var(--f-body);color:var(--muted);text-decoration:none;letter-spacing:.02em}
.of-nav a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}
.of-nav a[aria-current="page"]{color:var(--velvet)}
.of-nav a[aria-current="page"] svg{stroke:var(--gold)}
@media (min-width:900px){body.office{padding-bottom:0;padding-left:96px}.of-nav{top:0;right:auto;width:96px;grid-template-columns:1fr;align-content:start;border-top:0;border-right:1px solid var(--line-2);padding-top:70px}.of-nav a{padding:14px 4px}.of-top{margin-left:-96px;padding-left:112px}}
.of-h{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin:6px 0 12px}
.of-h h2{font:600 28px var(--f-display);margin:0}
.of-h .small{color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px;align-items:start}
.cards>*{min-width:0}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px;display:grid;gap:10px;align-content:start}
.card h3{font:700 13px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0;display:flex;justify-content:space-between;gap:8px;align-items:center}
.card h3 .n{background:var(--velvet);color:var(--gold-hi);border-radius:999px;padding:1px 9px;font-size:12px;letter-spacing:0}
.card.warn{border-color:#e7c38a;background:#fffaf0}
.card.good{border-color:#bcd7bf}
.big{font:600 34px var(--f-display);line-height:1.05}
.muted{color:var(--muted);font-size:13.5px}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.list{display:grid;gap:8px}
.item{border:1px solid var(--line);border-radius:5px;padding:10px 12px;display:grid;gap:4px;background:#fffdf8}
.item .t{font-weight:700;font-size:15px;overflow-wrap:anywhere}
.item .s{font-size:13px;color:var(--muted);overflow-wrap:anywhere}
.mini{border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:6px 12px;font:700 12.5px var(--f-body);color:var(--text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:5px;min-height:34px}
.mini.go{background:var(--velvet);color:var(--gold-hi);border-color:var(--velvet)}
.mini.wa{background:#1f7a4d;border-color:#1f7a4d;color:#fff}
.mini.bad{color:var(--bad)}
.mini:disabled{opacity:.5}
.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.chips button{flex:none;border:1px solid var(--line-2);background:#fff;border-radius:999px;padding:7px 13px;font:700 12.5px var(--f-body);cursor:pointer;color:var(--text)}
.chips button[aria-pressed="true"]{background:var(--velvet);color:var(--gold-hi);border-color:var(--velvet)}
.of-in{width:100%;border:1px solid var(--line-2);border-radius:5px;padding:10px 12px;font:15px var(--f-body);background:#fff;color:var(--text);min-height:42px;box-sizing:border-box}
textarea.of-in{min-height:90px;resize:vertical}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.f2>*{min-width:0}
.l{font:700 12px var(--f-body);color:var(--muted);display:grid;gap:4px}
.todo{display:flex;gap:10px;align-items:flex-start;padding:7px 0;border-bottom:1px dashed var(--line)}
.todo input{width:20px;height:20px;margin-top:2px;accent-color:var(--velvet);flex:none}
.todo span{flex:1;font-size:15px;overflow-wrap:anywhere}
.todo.done span{text-decoration:line-through;color:var(--muted)}
.todo button{border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0 4px}
.bars{display:flex;align-items:flex-end;gap:4px;height:54px}
.bars i{flex:1;background:var(--gold-soft);border-top:3px solid var(--gold);min-height:3px}
.agents{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.agent{border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px;text-align:left;cursor:pointer;display:grid;gap:4px;font:inherit;color:var(--text)}
.agent b{font:700 14px var(--f-body);font-family:ui-monospace,Menlo,monospace;color:var(--velvet)}
.agent span{font-size:12.5px;color:var(--muted)}
.agent:hover{border-color:var(--gold)}
.grp{font:700 12px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.prow{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);border-radius:5px;padding:7px;background:#fff;cursor:pointer;text-align:left;font:inherit;color:var(--text);width:100%}
.prow img{width:56px;height:56px;object-fit:cover;border-radius:3px;background:var(--ivory)}
.prow b{display:block;font-size:14.5px;overflow-wrap:anywhere}
.prow .s{font-size:12.5px;color:var(--muted)}
.pill{display:inline-block;font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;border-radius:2px;background:var(--ivory);color:var(--muted);white-space:nowrap}
.pill.w{background:#fdecd2;color:var(--warn)}.pill.ok{background:#e5f0e4;color:var(--ok)}.pill.h{background:#f3dede;color:var(--bad)}.pill.e{background:#e3ecf7;color:#2a4f7a}
.sheet-bg{position:fixed;inset:0;background:rgba(15,43,36,.55);z-index:50;display:flex;align-items:flex-end;justify-content:center}
.sheet-bg[hidden]{display:none}
.sheet{background:var(--paper);width:100%;max-width:640px;max-height:92vh;overflow-y:auto;border-radius:14px 14px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));display:grid;gap:12px;box-sizing:border-box}
@media (min-width:700px){.sheet-bg{align-items:center}.sheet{border-radius:10px}}
.sheet h3{font:600 26px var(--f-display);margin:0;overflow-wrap:anywhere}
.ph{display:flex;gap:8px;flex-wrap:wrap}
.ph figure{margin:0;width:92px;display:grid;gap:4px}
.ph img{width:92px;height:92px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}
.ph figcaption{font-size:11px;color:var(--muted);text-align:center}
.ph label{font:700 11px var(--f-body);text-align:center;border:1px dashed var(--line-2);border-radius:4px;padding:5px;cursor:pointer;color:var(--velvet)}
.ph label.add{width:92px;height:92px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.post{border-left:4px solid var(--line-2)}
.post.ready{border-left-color:var(--gold)}.post.posted{border-left-color:var(--ok);opacity:.75}
.day{font:700 13px var(--f-body);color:var(--velvet);margin:14px 0 6px}
.day.late{color:var(--bad)}
.login-box{max-width:380px;margin:60px auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px;display:grid;gap:12px}
.login-box h2{font:600 30px var(--f-display);margin:0}
.msg{font-size:13.5px;min-height:1em}
.msg.bad{color:var(--bad)}.msg.ok{color:var(--ok)}
.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.links a{display:block;border:1px solid var(--line);background:#fff;border-radius:6px;padding:12px;text-decoration:none;color:var(--text)}
.links a b{display:block;font-size:14.5px}.links a span{font-size:12.5px;color:var(--muted)}
.empty{color:var(--muted);font-size:14px;padding:6px 0}
.of-nav a{font-size:10.5px}
.sup .co{font:600 21px var(--f-display);color:var(--velvet);overflow-wrap:anywhere}
.sup .tags{display:flex;gap:5px;flex-wrap:wrap}
.sup .pp{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:13.5px}
.sup pre{white-space:pre-wrap;font:inherit;font-size:13.5px;margin:0;color:var(--text);background:var(--ivory);border-radius:4px;padding:8px 10px}
.st-new{background:#e3ecf7;color:#2a4f7a}.st-contacted{background:var(--gold-soft);color:var(--warn)}.st-quote{background:#fdecd2;color:var(--warn)}.st-sample{background:#efe3f6;color:#5b2f7a}.st-ordering{background:#e5f0e4;color:var(--ok)}.st-no{background:#f3dede;color:var(--bad)}

/* SJ Office → Bahi (customer register). Entry types each have their own colour. */
.bh{--c-sale:#1E7A5A;--c-sale-s:#DDF2E9;--c-order:#2453A6;--c-order-s:#E1EAFB;--c-repair:#6B3FA0;--c-repair-s:#EEE5F8;--c-girvi:#B4232F;--c-girvi-s:#FBE3E3;--c-scheme:#9A6A00;--c-scheme-s:#FAEDC9}
.bh-t-sale{--tc:#1E7A5A;--tcs:#DDF2E9}.bh-t-order{--tc:#2453A6;--tcs:#E1EAFB}.bh-t-repair{--tc:#6B3FA0;--tcs:#EEE5F8}.bh-t-girvi{--tc:#B4232F;--tcs:#FBE3E3}.bh-t-scheme{--tc:#9A6A00;--tcs:#FAEDC9}
.bh .num,.bh-sheet .num{font-variant-numeric:tabular-nums}
.bh-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bh-sum>div{background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 12px;min-width:0}
.bh-sum span{display:block;font:700 11px var(--f-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bh-sum b{display:block;font:600 22px var(--f-display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-legend{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 2px}
.bh-legend span{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--muted)}
.bh-legend i{width:11px;height:11px;border-radius:3px;background:var(--tc)}
.bh-h2{font:600 20px var(--f-display);margin:18px 0 8px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.bh-h2 small{font:13px var(--f-body);color:var(--muted)}
.bh-alerts{display:grid;gap:6px}
.bh-alert{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:5px;padding:9px 12px;text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer}
.bh-alert.over{border-left-color:var(--bad)}
.bh-alert .t{flex:1;min-width:0}.bh-alert .t b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bh-alert .t span{font-size:13px;color:var(--muted)}
.bh-list{display:grid;gap:8px}
.bh-card{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-left:6px solid var(--tc,var(--line));border-radius:6px;padding:12px;text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer}
.bh-card .th{width:52px;height:52px;border-radius:8px;background:var(--tcs,var(--ivory));flex:none;object-fit:cover;display:grid;place-items:center;font:600 22px var(--f-display);color:var(--tc,var(--muted))}
.bh-card .mid{flex:1;min-width:0}
.bh-card .nm{font-weight:800;font-size:16.5px;line-height:1.2}
.bh-card .rel{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.bh-card .rt{text-align:right;flex:none}.bh-card .rt b{display:block;font-size:16px}.bh-card .rt span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.bh-p{display:inline-flex;align-items:center;font:700 11.5px var(--f-body);border-radius:999px;padding:2px 8px;background:var(--ivory);color:var(--muted);white-space:nowrap}
.bh-p.type{background:var(--tc);color:#fff}
.bh-p.gold{background:var(--gold-soft);color:#7a5a17}.bh-p.silver{background:#e8edf0;color:#4d5c64}
.bh-p.red{background:#f8e1e1;color:var(--bad)}.bh-p.amber{background:#fbecd2;color:var(--warn)}.bh-p.green{background:#e0efe3;color:var(--ok)}
.bh-p.ex{background:transparent;border:1px dashed var(--muted)}
.bh-due{color:var(--bad)}.bh-cr{color:var(--ok)}
.bh-empty{background:#fff;border:1px dashed var(--line-2);border-radius:6px;padding:26px 16px;text-align:center;color:var(--muted)}
.bh-empty b{display:block;color:var(--text);font:600 20px var(--f-display);margin-bottom:4px}

/* full-screen sheet */
.bh-sheet{position:fixed;inset:0;z-index:60;background:var(--paper);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
.bh-sheet .hd{position:sticky;top:0;z-index:2;background:var(--tcs,#fff);border-bottom:3px solid var(--tc,var(--line));padding:calc(10px + env(safe-area-inset-top)) 16px 10px;display:flex;align-items:center;gap:10px}
.bh-sheet .hd h3{flex:1;margin:0;font:600 20px var(--f-display);color:var(--tc,var(--text));min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-in{max-width:760px;margin:0 auto;padding:0 16px}
.bh-g{background:#fff;border:1px solid var(--line);border-radius:6px;padding:14px;margin-top:12px;display:grid;gap:10px}
.bh-g>h4,.bh-g>legend{font:700 12.5px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--tc,var(--gold));margin:0;padding:0}
fieldset.bh-g{border:1px solid var(--line);min-width:0}
.bh-f2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bh-f3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.bh-f2>*,.bh-f3>*{min-width:0}.bh-full{grid-column:1/-1}
@media (max-width:440px){.bh-f3{grid-template-columns:1fr 1fr}}
.bh-seg{display:flex;flex-wrap:wrap;gap:6px}
.bh-seg label{flex:1 1 auto;position:relative}
.bh-seg input{position:absolute;opacity:0;pointer-events:none}
.bh-seg span{display:block;text-align:center;padding:8px 10px;border:1px solid var(--line-2);border-radius:999px;font:700 13px var(--f-body);background:#fff;color:var(--muted);cursor:pointer;white-space:nowrap}
.bh-seg input:checked+span{background:var(--tc,var(--velvet));border-color:var(--tc,var(--velvet));color:#fff}
.bh-seg input:focus-visible+span{outline:2px solid var(--gold)}
.bh-row{border:1px solid var(--line);border-radius:5px;padding:10px;background:var(--paper);display:grid;gap:8px}
.bh-row .rh{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}
.bh-x{background:none;border:0;color:var(--bad);font:700 13px var(--f-body);cursor:pointer}
.bh-link{background:none;border:0;color:var(--tc,var(--velvet));font:800 14px var(--f-body);padding:4px 0;cursor:pointer;justify-self:start}
.bh-calc{display:grid;gap:4px;font-size:15px}.bh-calc div{display:flex;justify-content:space-between;gap:10px}
.bh-calc .tot{border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-weight:800;font-size:17px}
.bh-only-girvi,.bh-only-kar{display:none}
[data-type="girvi"] .bh-only-girvi{display:grid}
[data-type="order"] .bh-only-kar,[data-type="repair"] .bh-only-kar{display:grid}
[data-type="girvi"] .bh-not-girvi{display:none}
.bh-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.bh-ph{position:relative;aspect-ratio:1;max-width:100%;border-radius:8px;overflow:hidden;background:var(--ivory);border:1px solid var(--line)}
.bh-ph img{width:100%;height:100%;object-fit:cover;display:block;cursor:zoom-in}
.bh-ph .rm{position:absolute;top:4px;right:4px;width:26px;height:26px;border-radius:50%;border:0;background:rgba(0,0,0,.6);color:#fff;font-size:15px;line-height:1;cursor:pointer}
.bh-add{aspect-ratio:1;border:1.5px dashed var(--line-2);border-radius:8px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:13px;cursor:pointer;background:var(--paper)}
.bh-add input{display:none}
.bh-hero{padding-top:16px}
.bh-band{display:inline-block;background:var(--tc);color:#fff;font:800 12.5px var(--f-body);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:4px 12px;margin-bottom:8px}
.bh-hero h1{font:600 30px var(--f-display);margin:0;line-height:1.1;text-wrap:balance}
.bh-hero .rel{color:var(--muted);margin-top:2px}
.bh-kv{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;font-size:15px;margin:0}
.bh-kv dt{color:var(--muted)}.bh-kv dd{margin:0;text-align:right;min-width:0;overflow-wrap:anywhere}
.bh-tbl{overflow-x:auto}
.bh-tbl table{width:100%;border-collapse:collapse;font-size:14px}
.bh-tbl th{text-align:left;font:700 11px var(--f-body);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:4px 6px;border-bottom:1px solid var(--line)}
.bh-tbl td{padding:7px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.bh-tbl .r{text-align:right}
.bh-pay{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:15px}
.bh-pay:last-child{border-bottom:0}.bh-pay span{color:var(--muted);font-size:13px}
.bh-addpay{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:6px;align-items:end}
@media (max-width:480px){.bh-addpay{grid-template-columns:1fr 1fr}.bh-addpay .mini{grid-column:1/-1;justify-content:center}}
.bh-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.bh-acts>*{justify-content:center;min-height:44px}
.bh-acts .wide{grid-column:1/-1}
.bh-slip{margin-top:16px;text-align:center;display:grid;gap:10px;justify-items:center}
.bh-slip img{max-width:100%;border:1px solid var(--line);border-radius:6px;background:#fff}
.bh-lb{position:fixed;inset:0;z-index:70;background:rgba(10,8,6,.92);display:grid;place-items:center;padding:24px}
.bh-lb img{max-width:100%;max-height:90vh;border-radius:6px}
.bh-hint{font-size:13px;color:var(--muted);margin:0}
.bh,.bh-alerts>*,.bh-list>*,.bh-sum>*{min-width:0}
.bh-alert,.bh-card{max-width:100%;box-sizing:border-box}
.of-nav a{font-size:10.5px;letter-spacing:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bh-sheet input[type="date"]{min-width:0;max-width:100%}
.bh-tbl .r{white-space:nowrap}
.of-sub-h{font:700 12.5px var(--f-body);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 4px}
.bh-row.bh-out{border-color:#e7b9b9;background:#fdf3f3}
.bh-t-purchase{--tc:#8A4B1F;--tcs:#F6E7DA}
.bh-t-cust{--tc:var(--velvet);--tcs:#fff}
.bh-drow{display:flex;gap:10px;justify-content:space-between;align-items:flex-start;width:100%;text-align:left;font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--tc,var(--line));border-radius:5px;padding:9px 10px;cursor:pointer;box-sizing:border-box}
.bh-drow .a{min-width:0;flex:1}.bh-drow .a b{font-size:14.5px}
.bh-drow .b{text-align:right;display:grid;gap:4px;justify-items:end;flex:none}
.bh-dcard{margin-top:0}
.bh-views button{font-size:13.5px}

/* Cinzel is all-caps and wide: smaller display sizes than the Sukhdev app */
.of-h h2{font-size:23px;letter-spacing:.04em}
.big{font-size:28px}
.sheet h3{font-size:21px}
.bh-hero h1{font-size:24px;letter-spacing:.02em}
.bh-h2{font-size:16.5px;letter-spacing:.04em}
.bh-sum b{font-size:18px}
.bh-empty b{font-size:16px}
.bh-sheet .hd h3{font-size:16.5px}
.of-top h1{font:700 17px var(--f-display);letter-spacing:.08em}
.of-top .mono{width:34px;height:34px;flex:none}
.sup .co{font-size:17px}
.login-box h2{font-size:22px}
.login-box .mono{width:64px;height:64px;margin:0 auto 4px}
.login-box .shop{font:700 15px var(--f-display);letter-spacing:.1em;text-align:center;color:var(--velvet);margin:0}
.k-led{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.k-led>div{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px 10px;min-width:0}
.k-led span{display:block;font:700 10.5px var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.k-led b{display:block;font:700 14.5px var(--f-body);overflow-wrap:anywhere}
.kj{border-left:5px solid var(--c,#2453A6)}
.kj.given{--c:#c77d12}.kj.over{--c:var(--bad)}.kj.received{--c:var(--ok)}.kj.cancelled{--c:#999}
.rp-prev{width:100%;max-width:300px;display:block;margin:10px auto;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.seg2{display:flex;gap:6px;flex-wrap:wrap}