/* ===== Customer portal + sign-in (gold theme) ===== */
:root{
  --bg:#fbf7f1;--card:#fff;--line:#ecdfcc;--line2:#e2d1b8;--ink:#2a2017;--mute:#7b6b58;--soft:#a8977f;
  --gb:#faeeda;--gf:#633806;--gs:#ba7517;--gs2:#9a5f10;
  --ok-b:#e5f4e3;--ok-f:#25621d;--bad-b:#fbe9e9;--bad-f:#a32d2d;--info-b:#e6f1fb;--info-f:#0c447c;
  --rose-b:#fbe9ee;--rose-f:#8f2a4b;--plat-b:#e6f1fb;--plat-f:#0c447c;--silver-b:#f1efe8;--silver-f:#55534c;--other-b:#eeedfe;--other-f:#3c3489;
  --r:12px;--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#17130f;--card:#211b15;--line:#3a2f24;--line2:#4a3c2d;--ink:#f3eadf;--mute:#b9a892;--soft:#8c7c68;
  --gb:#3d2a10;--gf:#fac775;--gs:#e0932a;--gs2:#f0a63c;
  --ok-b:#1d3318;--ok-f:#a8db9d;--bad-b:#3b1a1a;--bad-f:#f3a8a8;--info-b:#13283d;--info-f:#9cc8f2;
  --rose-b:#3d1a26;--rose-f:#f3b4c8;--plat-b:#13283d;--plat-f:#9cc8f2;--silver-b:#2c2a26;--silver-f:#d3d1c7;--other-b:#25213f;--other-f:#c7c2f5;
}}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--sans);min-height:100vh}
body.noscroll{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:-3px}
.ic.big{width:34px;height:34px;stroke-width:1.4}

/* layout */
.c-wrap{max-width:860px;margin:0 auto;padding:16px 16px 60px}
.c-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}
.c-brand{display:flex;align-items:center;gap:10px;font-family:var(--serif);font-size:20px;font-weight:600}
.c-gem{width:56px;height:56px;border-radius:50%;background:var(--gs);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.c-gem svg,.c-gem .ic{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.c-gem.sm{width:34px;height:34px}.c-gem.sm svg{width:18px;height:18px}
.c-gem.big{width:76px;height:76px}.c-gem.big .ic{width:38px;height:38px}
.c-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}
.c-loading{color:var(--mute);text-align:center;padding:40px}
.c-mute{color:var(--mute)}
.c-label{font-size:13px;color:var(--mute);margin:16px 0 8px}

/* buttons */
.c-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:12px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-weight:600;font-size:14.5px;text-decoration:none;color:var(--ink);transition:transform .1s,background .15s}
.c-btn:active{transform:scale(.98)}
.c-btn:disabled{opacity:.55;cursor:not-allowed}
.c-btn.gold{background:var(--gs);border-color:var(--gs);color:#fff}
.c-btn.gold:hover{background:var(--gs2)}
.c-btn.light{background:var(--card)}
.c-btn.light:hover{background:var(--gb)}
.c-btn.ghost{background:transparent}
.c-btn.ghost:hover{background:var(--gb)}
.c-btn.sm{height:34px;padding:0 12px;font-size:13px;border-radius:10px}
.c-btn.wide{width:100%;margin-top:12px}
.c-link{background:none;border:0;color:var(--gs2);text-decoration:underline;cursor:pointer;font-weight:600}
.c-chip{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line2);background:var(--card);cursor:pointer;font-size:13.5px}
.c-chip.on{background:var(--gb);color:var(--gf);border-color:var(--gs);font-weight:600}
.c-chips{display:flex;gap:8px;flex-wrap:wrap}

/* hero */
.c-hero{background:var(--gb);border-radius:22px;padding:22px;margin-bottom:14px;color:var(--gf)}
.c-hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.c-greet{font-size:14px}
.c-hero h1{font-family:var(--serif);font-size:32px;line-height:1.15;font-weight:600}
.c-sum{margin-top:6px;font-size:14.5px}
.c-ring{--p:0;width:96px;height:96px;border-radius:50%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(closest-side,var(--gb) 78%,transparent 79% 100%),conic-gradient(var(--gs) calc(var(--p)*1%),rgba(186,117,23,.18) 0)}
.c-ring b{font-size:22px;line-height:1}
.c-ring span{font-size:10.5px;line-height:1.2;margin-top:2px;max-width:70px}
.c-hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.c-hero-btns.center{justify-content:center}
.c-banner{display:flex;gap:10px;align-items:center;border-radius:14px;padding:12px 14px;margin-bottom:10px;font-size:14px}
.c-banner.info{background:var(--info-b);color:var(--info-f)}
.c-banner.ok{background:var(--ok-b);color:var(--ok-f)}

/* pipeline tiles */
.c-pipe{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin-bottom:14px}
.c-tile{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 4px;border-radius:14px;border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink);transition:.15s}
.c-tile .ic{color:var(--gs);width:20px;height:20px}
.c-tile b{font-size:20px;line-height:1.2}
.c-tile span{font-size:11px;color:var(--mute);text-align:center;line-height:1.2}
.c-tile.zero{opacity:.5}.c-tile.zero .ic{color:var(--soft)}
.c-tile.on{background:var(--gb);border-color:var(--gs);color:var(--gf)}
.c-tile:hover{border-color:var(--gs)}
.c-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}
.c-search{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line2);border-radius:12px;padding:0 12px;height:42px;color:var(--mute)}
.c-search input{flex:1;border:0;outline:0;background:transparent;min-width:0;color:var(--ink)}
.c-tools select{height:42px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);padding:0 10px;max-width:100%}
#cStage{font-weight:600}

/* order card */
.c-order{padding:16px}
.c-order.is-ready{border:1.5px solid #8cc584}
.c-order.is-new{border:1.5px solid var(--gs)}
.c-ohead{display:flex;gap:14px;align-items:flex-start}
.c-ph{border-radius:14px;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid var(--line);background:var(--gb);color:var(--gf);padding:0}
.c-ph img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.c-ph.zoomable{cursor:zoom-in}
.c-ph.zoomable:hover img{transform:scale(1.07)}
.c-ph.gold{background:var(--gb);color:var(--gf)}.c-ph.silver{background:var(--silver-b);color:var(--silver-f)}.c-ph.plat{background:var(--plat-b);color:var(--plat-f)}.c-ph.rose{background:var(--rose-b);color:var(--rose-f)}.c-ph.other{background:var(--other-b);color:var(--other-f)}
.c-zi{position:absolute;right:5px;bottom:5px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:flex;align-items:center;justify-content:center}
.c-zi .ic{width:14px;height:14px}
.c-oinfo{flex:1;min-width:0}
.c-otop{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.c-otop h3{font-size:17px;font-weight:600;line-height:1.3}
.c-orow{display:flex;gap:8px 12px;flex-wrap:wrap;align-items:center;margin-top:6px;font-size:13.5px}
.c-sku{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600}
.c-tag{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--gb);color:var(--gf)}
.c-tag .ic{width:14px;height:14px}
.c-tag.ready{background:var(--ok-b);color:var(--ok-f)}
.c-tag.done{background:var(--silver-b);color:var(--silver-f)}
.c-metal{font-size:12px;padding:2px 10px;border-radius:999px;font-weight:600}
.c-metal.lbl{display:inline-flex;align-items:baseline;gap:5px;font-size:12.5px;padding:3px 11px}.c-metal.lbl small{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;opacity:.75}
.c-metal.gold{background:var(--gb);color:var(--gf)}.c-metal.silver{background:var(--silver-b);color:var(--silver-f)}.c-metal.plat{background:var(--plat-b);color:var(--plat-f)}.c-metal.rose{background:var(--rose-b);color:var(--rose-f)}.c-metal.other{background:var(--other-b);color:var(--other-f)}
.c-due{display:inline-flex;align-items:center;gap:5px}
.c-due .ic{width:15px;height:15px}
.c-due.late{color:var(--bad-f);font-weight:600}.c-due.soon{color:var(--gs2);font-weight:600}.c-due.ok{color:var(--ok-f);font-weight:600}
.c-notes{margin-top:12px;font-size:13.5px;color:var(--mute);display:flex;gap:6px;align-items:flex-start}

/* stepper */
.c-steps{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:16px}
.c-step{text-align:center;position:relative;color:var(--soft)}
.c-step+.c-step::before{content:"";position:absolute;top:15px;right:50%;width:100%;height:3px;background:var(--line);z-index:0}
.c-step.done::before,.c-step.cur::before{background:var(--gs)}
.c-step.fin.done::before{background:#4fa646}
.c-dot{position:relative;z-index:1;width:32px;height:32px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--card);border:1.5px solid var(--line2);color:var(--soft)}
.c-dot .ic{width:16px;height:16px}
.c-step.done .c-dot{background:var(--gs);border-color:var(--gs);color:#fff}
.c-step.fin.done .c-dot{background:#4fa646;border-color:#4fa646}
.c-step.cur .c-dot{background:var(--gs);border-color:var(--gs);color:#fff}
.c-sl{display:block;font-size:11px;line-height:1.25;margin:6px 2px 0;color:var(--mute)}
.c-step.cur .c-sl{color:var(--gf);font-weight:700}
.c-now{display:block;font-size:10px;font-weight:700;color:var(--gs);text-transform:uppercase;letter-spacing:.5px}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--gb)}50%{box-shadow:0 0 0 8px var(--gb)}}
.pulse{animation:pulse 2s ease-in-out infinite}

/* remarks */
.c-remarks{margin-top:16px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px}
.c-remarks.has-new{border-color:var(--gs)}
.c-rhead{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;font-weight:600;margin-bottom:8px}
.c-rhead .ic{color:var(--gs)}
.c-new{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;background:var(--bad-b);color:var(--bad-f)}
.c-more{background:none;border:0;color:var(--gs2);font-size:12.5px;font-weight:600;cursor:pointer;margin-bottom:6px}
.c-thread{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.c-ev{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--mute)}
.c-ev span{background:var(--gb);color:var(--gf);border-radius:999px;padding:2px 10px;font-weight:600}
.c-ev .ic{width:14px;height:14px;color:var(--gs)}
.c-ev small{color:var(--soft)}
.c-msg{display:flex;flex-direction:column;align-items:flex-start}
.c-msg.me{align-items:flex-end}
.c-msg small{font-size:11px;color:var(--soft);margin-top:2px}
.c-bub{max-width:82%;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--card);border:1px solid var(--line);font-size:14px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.c-msg.me .c-bub{background:var(--gb);color:var(--gf);border-color:transparent;border-radius:14px 14px 4px 14px}
.c-files{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px;max-width:88%}
.c-files.me{justify-content:flex-end}
.c-fimg{width:110px;height:110px;border-radius:10px;overflow:hidden;border:1px solid var(--line);padding:0;cursor:zoom-in;position:relative;background:var(--card)}
.c-fimg img{width:100%;height:100%;object-fit:cover}
.c-file{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:12.5px;color:var(--ink);text-decoration:none;max-width:250px}
.c-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-file small{color:var(--soft)}
.c-file .ic{color:var(--gs);width:16px;height:16px}
.c-quick{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.c-qb{height:28px;padding:0 11px;border-radius:999px;border:1px solid var(--line2);background:var(--card);font-size:12.5px;cursor:pointer}
.c-qb:hover{background:var(--gb);border-color:var(--gs);color:var(--gf)}
.c-pend{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.c-pchip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:12px;max-width:220px}
.c-pchip img{width:22px;height:22px;border-radius:4px;object-fit:cover}
.c-pchip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c-pchip button{border:0;background:none;cursor:pointer;color:var(--soft);display:flex}
.c-pchip .ic{width:14px;height:14px}
.c-reply{display:flex;gap:6px;align-items:center}
.c-reply input{flex:1;min-width:0;height:42px;border:1px solid var(--line2);border-radius:12px;padding:0 12px;background:var(--card);outline:none}
.c-reply input:focus{border-color:var(--gs);box-shadow:0 0 0 3px var(--gb)}
.c-clip{width:42px;height:42px;border-radius:12px;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--mute);background:var(--card);flex-shrink:0}
.c-clip:hover{color:var(--gs);border-color:var(--gs)}
.c-clip input{display:none}
.c-send{width:42px;height:42px;border-radius:12px;border:0;background:var(--gs);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.c-send:disabled{opacity:.5}
.c-err{color:var(--bad-f);font-size:13px;margin-top:6px;min-height:1px}
.c-empty{text-align:center;color:var(--mute);padding:30px 18px}
.c-empty.big h2{font-family:var(--serif);font-size:24px;color:var(--ink);margin:12px 0 6px}

/* forms */
.c-fhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px}
.c-fhead h2{font-family:var(--serif);font-size:24px;font-weight:600}
.c-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:16px}
.c-grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:12px}
.c-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mute)}
.c-grid input,textarea{height:44px;border:1px solid var(--line2);border-radius:12px;padding:0 12px;background:var(--card);outline:none;color:var(--ink);width:100%}
textarea{height:auto;padding:10px 12px;resize:vertical}
.c-grid input:focus,textarea:focus{border-color:var(--gs);box-shadow:0 0 0 3px var(--gb)}
.c-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:2px dashed var(--gs);background:var(--gb);color:var(--gf);border-radius:18px;padding:36px 16px;cursor:pointer;margin-top:12px}
.c-drop input{display:none}
.c-drop b{font-size:16px}
.c-drop span{font-size:13px}
.c-drop.over{filter:brightness(.96)}
.c-drop.sm{flex-direction:row;justify-content:flex-start;text-align:left;padding:12px;border-width:1.5px;border-radius:14px;margin-top:0}
.c-drop.sm img{width:64px;height:64px;border-radius:10px;object-fit:cover}
.c-prog{text-align:center;padding:26px 0}
.c-prog p{margin:10px 0}
.c-pbar{height:8px;border-radius:4px;background:var(--line);overflow:hidden;max-width:360px;margin:0 auto}
.c-pbar div{height:100%;background:var(--gs);transition:width .2s}
.c-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}
.c-stats div{background:var(--bg);border-radius:12px;padding:10px 12px}
.c-stats b{display:block;font-size:22px}
.c-stats span{font-size:12px;color:var(--mute)}
.c-ihead{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:13px}
.c-irows{border:1px solid var(--line);border-radius:14px;max-height:60vh;overflow:auto}
.c-irow{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.c-irow:last-child{border-bottom:0}
.c-irow.off{opacity:.45}
.c-irow input[type=checkbox]{width:18px;height:18px;accent-color:var(--gs);flex-shrink:0}
.c-imain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:13px}
.c-imain b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
.c-imain small{color:var(--soft);font-size:11.5px}
.c-iqty{display:flex;flex-direction:column;font-size:11px;color:var(--mute);width:72px;flex-shrink:0}
.c-iqty input{height:36px;border:1px solid var(--line2);border-radius:10px;padding:0 8px;background:var(--card);width:100%}
.c-done{text-align:center;padding:40px 18px}
.c-done h2{font-family:var(--serif);font-size:26px;margin:14px 0 6px}

/* viewer */
.c-viewer{position:fixed;inset:0;z-index:100;background:rgba(14,10,6,.94);color:#fff;display:flex;flex-direction:column}
.cv-top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;gap:8px}
.cv-top div{display:flex;gap:8px}
.cv-top button{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.cv-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.cv-stage img{max-width:94%;max-height:100%;object-fit:contain;border-radius:8px;cursor:zoom-in;transition:transform .2s}
.cv-stage img.z{transform:scale(2.6);cursor:zoom-out}
.cv-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.16);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.cv-nav .ic{width:24px;height:24px}
.cv-nav.l{left:12px}.cv-nav.r{right:12px}
.cv-cap{text-align:center;padding:10px 16px 4px;display:flex;flex-direction:column;gap:2px}
.cv-cap span{color:#cbbfae;font-size:13px}
.cv-thumbs{display:flex;gap:6px;overflow-x:auto;padding:8px 16px 16px;justify-content:safe center}
.cv-thumbs button{width:54px;height:54px;padding:0;border-radius:8px;overflow:hidden;border:2px solid transparent;opacity:.55;cursor:pointer;flex-shrink:0;background:none}
.cv-thumbs button.on{opacity:1;border-color:var(--gs)}
.cv-thumbs img{width:100%;height:100%;object-fit:cover}

/* toasts */
#cToasts{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:200;width:min(420px,calc(100% - 32px))}
.c-toast{background:#2a2017;color:#fff;padding:11px 14px;border-radius:12px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.25)}
.c-toast.ok{background:#25621d}.c-toast.error{background:#a32d2d}

/* sign-in */
.c-login-body{display:flex;align-items:center;justify-content:center;padding:16px}
.c-login{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:22px;overflow:hidden}
.c-login-top{background:var(--gb);color:var(--gf);text-align:center;padding:30px 20px 24px}
.c-login-top .c-gem{margin-bottom:12px}
.c-login-top h1{font-family:var(--serif);font-size:28px;font-weight:600;line-height:1.2}
.c-login-top p{font-size:14px;margin-top:4px}
.c-login-form{padding:22px;display:flex;flex-direction:column}
.c-login-form label{font-size:13px;color:var(--mute);margin:10px 0 6px}
.c-login-form input[type=text],.c-login-form input[type=password]{height:46px;border:1px solid var(--line2);border-radius:12px;padding:0 14px;background:var(--card);outline:none}
.c-login-form input:focus{border-color:var(--gs);box-shadow:0 0 0 3px var(--gb)}
.c-remember{display:flex!important;gap:8px;align-items:center;margin-top:14px!important}
.c-remember input{accent-color:var(--gs)}
.c-forgot{text-align:center;color:var(--gs2);font-size:13px;margin-top:14px}
.c-feats{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--mute)}
.c-alert{background:var(--bad-b);color:var(--bad-f);border-radius:10px;padding:10px 12px;font-size:14px;margin-bottom:6px}

/* motion */
@keyframes pop{0%{transform:scale(.4);opacity:0}70%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
@keyframes rise{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
.pop{animation:pop .6s ease-out both}.rise{animation:rise .4s ease-out both}
@media (prefers-reduced-motion:reduce){.pop,.rise,.pulse{animation:none}}

/* phones */
@media (max-width:600px){
  .c-wrap{padding:12px 12px 50px}
  .c-hero{padding:18px}
  .c-hero h1{font-size:26px}
  .c-ring{width:78px;height:78px}.c-ring b{font-size:18px}.c-ring span{font-size:9.5px}
  .c-hero-btns .c-btn{flex:1 1 auto}
  .c-ph[style*="104px"]{width:80px!important;height:80px!important}
  .c-otop{flex-direction:column;gap:4px}
  .c-steps{overflow-x:auto;grid-template-columns:repeat(var(--n),minmax(62px,1fr));padding-bottom:4px}
  .c-pipe{display:flex;overflow-x:auto;gap:8px;padding-bottom:6px;margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;scroll-snap-type:x proximity}
  .c-tile{flex:0 0 84px;scroll-snap-align:start}
  .c-brand{font-size:17px}
  .c-stats b{font-size:18px}
  input,select,textarea{font-size:16px}
}

/* dispatch + returns */
.c-tag.sent{background:var(--info-b);color:var(--info-f)}
.c-banner.sent{background:var(--info-b);color:var(--info-f)}
.c-dispatch,.c-ret,.c-retbar{margin-top:14px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--card)}
.c-dispatch{border-color:var(--info-f);border-width:1px;background:var(--info-b)}
.c-dhead{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.c-dhead .ic{color:var(--gs)}
.c-dispatch .c-dhead .ic{color:var(--info-f)}
.c-track,.c-weights{display:flex;gap:10px 22px;flex-wrap:wrap;align-items:flex-end}
.c-weights{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2)}
.c-track small,.c-weights small{display:block;font-size:11px;color:var(--mute)}
.c-track b,.c-weights b{font-size:15px}
.c-weights div{min-width:84px}
.c-ret{background:var(--other-b);border-color:transparent}
.c-ret.requested,.c-ret.approved{background:var(--gb)}
.c-ret.rejected{background:var(--bad-b)}
.c-ret.form{background:var(--bg)}
.c-ret p{font-size:13.5px;margin-top:4px}
.c-retbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--bg)}
.c-rform{margin-top:8px}
.c-fl{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mute);margin-top:12px}
.c-rform select,.c-grid select{height:44px;border:1px solid var(--line2);border-radius:12px;padding:0 10px;background:var(--card);color:var(--ink)}
.c-drop.sm img+img{margin-left:-20px}
.c-drop.sm img{width:52px;height:52px}
.c-drop.sm{margin-top:10px}
/* delivery receipt (v2.3) */
.c-dispatch.got{border-color:var(--ok-f);background:var(--ok-b)}
.c-dispatch.got .c-dhead .ic{color:var(--ok-f)}
.c-recv{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;border-radius:10px;background:var(--card);color:var(--ok-f);font-size:14px}
.c-recv b{color:var(--ink)}
.c-gotit{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.c-gotit label{flex:1;min-width:180px}
.c-gotit small{display:block;font-size:11px;color:var(--mute);margin-bottom:4px}
.c-gotit input{width:100%;height:42px;border-radius:12px;border:1px solid var(--line2);background:var(--card);padding:0 12px;font:inherit;color:inherit}
.c-gotit .c-btn{height:42px}