:root{--bg:#f6f4ee;--card:#fff;--ink:#1e2a36;--muted:#566574;--line:#dde3e8;--brand:#2f4558;--on-brand:#fff;--accent:#2c6a8c;--accent-soft:#8cc3d9;--ok:#2f7d4f;--warn:#8a5a00;--bad:#a32e26;--track:#e6ebef}@media (prefers-color-scheme:dark){:root{--bg:#0f1720;--card:#19242f;--ink:#eaf0f5;--muted:#a9b8c6;--line:#2c3a47;--brand:#8cc3d9;--on-brand:#0f1720;--accent:#8cc3d9;--ok:#7ccb9a;--warn:#e0b25a;--bad:#f08c84;--track:#2c3a47}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Tajawal,Segoe UI,system-ui,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}.side{background:var(--brand);width:230px;color:var(--on-brand);flex-direction:column;gap:4px;height:100vh;padding:20px 12px;display:flex;position:sticky;top:0}.side h1{margin:0 8px 16px;font-size:20px}.side a{opacity:.85;border-radius:10px;padding:10px 12px;display:block}.side a.on,.side a:hover{background:color-mix(in srgb, var(--on-brand) 16%, transparent);opacity:1}.side .sp{flex:1}.main{flex:1;max-width:1100px;padding:24px}.top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.top h2{flex:1;margin:0;font-size:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;margin-bottom:16px;padding:16px}.card h3{margin:0 0 10px;font-size:17px}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.stat{font-size:32px;font-weight:700}.muted{color:var(--muted);font-size:14px}table{border-collapse:collapse;width:100%}th,td{text-align:start;border-bottom:1px solid var(--line);vertical-align:top;padding:9px 8px;font-size:15px}th{color:var(--muted);font-size:13px;font-weight:600}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;padding:9px 11px}textarea{min-height:110px}label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>*{flex:1;min-width:140px}.row>.auto{flex:none;min-width:0}button,.btn{font:inherit;cursor:pointer;background:var(--brand);color:var(--on-brand);border:0;border-radius:12px;padding:9px 16px}button.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}button.bad{background:var(--bad);color:#fff}button.sm,.btn.sm{padding:5px 10px;font-size:13px}button:disabled{opacity:.5;cursor:default}.pill{background:var(--line);border-radius:99px;padding:2px 10px;font-size:12px;display:inline-block}.pill.ok{color:#1d5a37;background:#d7efdf}.pill.warn{color:#6b4600;background:#f3e6c8}.pill.bad{color:#8a241c;background:#f6d6d3}.err{color:#8a241c;background:#f6d6d3;border-radius:10px;margin-bottom:12px;padding:10px 12px}.okmsg{color:#1d5a37;background:#d7efdf;border-radius:10px;margin-bottom:12px;padding:10px 12px}.login{max-width:360px;margin:12vh auto}.low{color:var(--bad);font-weight:700}code.link{text-align:left;background:var(--bg);border:1px dashed var(--line);word-break:break-all;direction:ltr;border-radius:10px;margin:8px 0;padding:10px;display:block}@media (max-width:800px){.shell{flex-direction:column}.side{flex-direction:row;width:100%;height:auto;padding:8px;position:static;overflow-x:auto}.side h1{display:none}.side a{white-space:nowrap}.side .sp{display:none}.main{padding:14px}}.shop{flex-direction:column;gap:14px;max-width:1400px;min-height:100vh;margin:0 auto;padding:14px 14px 24px;display:flex}.shop-head{align-items:center;gap:12px;display:flex}.shop-back{color:var(--ink);border:1px solid var(--line);background:var(--card);border-radius:12px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;text-decoration:none;display:flex}.shop-brand{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.shop-brand b{color:var(--brand);font-size:28px;font-weight:800;line-height:1}.shop-clock{text-align:end;flex-direction:column;align-items:flex-end;display:flex}.shop-clock b{font-size:26px;font-weight:700;line-height:1.1}.shop-clock span{font-size:12px}.bigbtns{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.bigbtn{background:var(--card);border:1px solid var(--line);min-height:112px;color:var(--ink);-webkit-tap-highlight-color:transparent;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px;text-decoration:none;transition:transform 80ms;display:flex;position:relative}.bigbtn:active{transform:scale(.97)}.bigbtn .ic{font-size:34px;line-height:1}.bigbtn .lb{font-size:18px;font-weight:800;line-height:1.2}.bigbtn .bd{top:10px;background:var(--bad);color:#fff;border-radius:99px;padding:2px 10px;font-size:14px;font-weight:700;position:absolute;inset-inline-end:10px}.bigbtn.brand{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.bigbtn.red{background:var(--bad);border-color:var(--bad);color:#fff}.bigbtn.red .bd,.bigbtn.brand .bd{color:var(--bad);background:#fff}.shop-grid{grid-template-columns:1fr;align-items:start;gap:14px;display:grid}.shop-card{background:var(--card);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.shop-card h3{color:var(--accent);margin:0;font-size:19px}.shop-card h3.bad{color:var(--bad)}.shop-cardhead{justify-content:space-between;align-items:center;gap:8px;display:flex}.shop-urgent{border:2px solid var(--bad);background:color-mix(in srgb, var(--bad) 8%, var(--card))}.shop-urgent h3{color:var(--bad)}.shop-low{border-top:1px solid var(--line);align-items:center;gap:12px;padding-top:10px;display:flex}.shop-low>div b{font-size:17px}.shop-low .q{color:var(--bad);font-size:15px}.shop-low .btn{flex:none;padding:10px 16px}.lowbar{background:var(--track);border-radius:99px;height:6px;margin:6px 0 4px;overflow:hidden}.lowbar i{background:var(--bad);border-radius:99px;height:100%;display:block}.shop-req{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-top:10px;display:flex}.shop-req-btns{gap:6px;display:flex}.shop-req-btns button{padding:10px 14px}.shop-people{flex-wrap:wrap;gap:8px 16px;display:flex}.shop-person{align-items:center;gap:10px;display:flex}.shop-avatar{background:var(--brand);width:42px;height:42px;color:var(--on-brand);border-radius:50%;justify-content:center;align-items:center;font-size:19px;font-weight:700;display:flex}.shop-person .n{font-size:17px;font-weight:700}.shop-tap{background:var(--brand);color:var(--on-brand);border-radius:20px;align-items:center;gap:18px;padding:16px 24px;display:none}.shop-tap b{font-size:22px;display:block}.shop-tap span{opacity:.85;font-size:16px}@media (min-width:640px){.bigbtns{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.shop-clock{flex-direction:row;align-items:baseline;gap:12px}.shop-clock span{font-size:16px}}@media (min-width:1000px){.shop{gap:18px;padding:24px 32px}.shop-brand b{font-size:38px}.shop-clock b{font-size:44px}.bigbtn{min-height:130px}.bigbtn .ic{font-size:40px}.bigbtn .lb{font-size:20px}.shop-grid{grid-template-columns:1.3fr 1fr 1fr}.shop-tap{display:flex}}.order{flex-direction:column;gap:14px;max-width:720px;min-height:100vh;margin:0 auto;padding:14px 14px 110px;display:flex}.order.urgent .order-title{color:var(--bad)}.order-title{flex:1;margin:0;font-size:24px;font-weight:800}.order input,.order textarea{padding:12px 14px;font-size:17px}.order .pick{padding:10px 14px;font-size:15px}.oline{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 0;display:flex}.oline .nm{flex:1;min-width:140px;font-size:17px;font-weight:700}.stepper{align-items:center;gap:6px;display:flex}.stepper button{border-radius:14px;width:46px;height:46px;padding:0;font-size:24px}.stepper input{text-align:center;width:80px;font-weight:700}.order-send{bottom:0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line);position:fixed;inset-inline:0}.order-send button{border-radius:16px;width:100%;max-width:720px;margin:0 auto;padding:16px;font-size:19px;font-weight:800;display:block}.order-send button.red{background:var(--bad);color:#fff}.order-done{text-align:center;padding:30px 10px}.order-done .big{font-size:64px}.order-done .btns{gap:10px;margin-top:18px;display:grid}.order-done .btns>*{text-align:center;border-radius:16px;padding:15px;font-size:18px;text-decoration:none}.weeknav{align-items:center;gap:8px;display:flex}.weeknav b{text-align:center;min-width:130px}.weeknav button:not(.sm){padding:6px 13px;font-size:18px;line-height:1}.types{flex-wrap:wrap;gap:10px;display:flex}.type{text-align:start;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:9px 14px;display:flex}.type b{font-size:15px;display:block}.type small{color:var(--muted);font-size:13px;display:block}.type .dot{background:var(--c);border-radius:50%;flex:none;width:14px;height:14px}.type.on{border-color:var(--c);background:color-mix(in srgb, var(--c) 14%, var(--card));box-shadow:0 0 0 3px color-mix(in srgb, var(--c) 22%, transparent)}.type .edit{opacity:.7;margin-inline-start:4px;padding:2px 4px}.type.add{color:var(--muted);border-style:dashed}.typeedit{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.swatches{align-items:center;gap:6px;padding-bottom:6px;display:flex}.sw{border:3px solid #0000;border-radius:50%;width:26px;height:26px;padding:0}.sw.on{border-color:var(--ink)}.sched-wrap{border-radius:20px;overflow-x:auto}.sched{table-layout:fixed;min-width:820px}.sched th,.sched td{border-bottom:1px solid var(--line);border-inline-start:1px solid var(--line);vertical-align:top;padding:6px}.sched th{text-align:center;padding:10px 4px}.sched th b{color:var(--ink);font-size:14px;display:block}.sched th span{font-size:12px;font-weight:400}.sched th.today,.sched td.today{background:color-mix(in srgb, var(--accent) 7%, transparent)}.sched th.today b{color:var(--accent)}.sched .who{background:var(--card);z-index:1;border-inline-start:0;width:150px;position:sticky;inset-inline-start:0}.sched td.who{align-items:center;gap:10px;min-height:62px;display:flex}.sched td.who b{font-size:15px;display:block}.sched td.who small{color:var(--muted);font-size:12px}.sched .av{background:var(--brand);width:34px;height:34px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.sched td.cell{cursor:pointer;height:62px;transition:background .12s}.sched td.cell:hover{background:color-mix(in srgb, var(--c) 10%, transparent)}.sched td.cell.busy{opacity:.5;pointer-events:none}.sched .plus{height:100%;min-height:46px;color:var(--line);border:2px dashed #0000;border-radius:10px;justify-content:center;align-items:center;font-size:22px;display:flex}.sched td.cell:hover .plus{color:var(--c);border-color:color-mix(in srgb, var(--c) 45%, transparent)}.chip{background:color-mix(in srgb, var(--c) 18%, var(--card));border-inline-start:4px solid var(--c);cursor:pointer;border-radius:10px;margin-bottom:4px;padding:5px 8px;display:block}.chip b{font-size:13px;display:block}.chip small{color:var(--muted);font-size:11.5px;display:block}.chip:hover{text-decoration:line-through}.chip.swap{outline:2px dashed var(--warn)}.sched tr.foot td{text-align:center;border-bottom:0;font-weight:700}.sched tr.foot td.who{text-align:start;font-weight:400;display:table-cell}input.big{padding:12px 14px;font-size:18px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pick{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:7px 14px}.pick.sm{padding:4px 11px;font-size:13px}.pick.on{background:var(--brand);color:var(--on-brand);border-color:var(--brand)}.seg{border:1px solid var(--line);border-radius:12px;display:inline-flex;overflow:hidden}.seg button{color:var(--ink);background:0 0;border-radius:0;padding:7px 16px}.seg button.on{background:var(--brand);color:var(--on-brand)}.task{border-top:1px solid var(--line);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.task .tick{border:2px solid var(--accent);color:#fff;background:0 0;border-radius:9px;flex:none;width:30px;height:30px;padding:0;font-weight:800}.task.done .tick{background:var(--ok);border-color:var(--ok)}.task .body{flex:1;min-width:0}.task.done .body>b{color:var(--muted);text-decoration:line-through}.task .meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.task .who{background:color-mix(in srgb, var(--accent) 14%, var(--card));border-radius:99px;padding:2px 9px;font-size:12.5px}.tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.tile{background:var(--bg);border-radius:14px;padding:12px 14px}.tile .n{font-size:26px;font-weight:800}.tile .l{color:var(--muted);font-size:13px}.tile.bad .n{color:var(--bad)}.tile.ok .n{color:var(--ok)}.bar{background:var(--track);border-radius:99px;min-width:60px;height:8px;overflow:hidden}.bar i{background:var(--accent);border-radius:99px;height:100%;display:block}.linkbtn{color:var(--accent);background:0 0;padding:0;font-weight:700;text-decoration:underline}.note{border-inline-start:4px solid var(--line);align-items:flex-start;gap:10px;margin-bottom:8px;padding:6px 10px;display:flex}.note.praise{border-color:var(--ok)}.note.warning{border-color:var(--warn)}.note.damage{border-color:var(--bad)}.cov{grid-template-columns:repeat(24,1fr);gap:2px;display:grid}.cov i{background:var(--track);border-radius:3px;height:22px}.scroll-x{overflow-x:auto}@media print{.side,.noprint,.top button{display:none!important}.main{max-width:none;padding:0}.card{break-inside:avoid;border-color:#ccc}}.av-sm{background:var(--brand);width:30px;height:30px;color:var(--on-brand);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.btn.ghost-btn{color:var(--ink);border:1px solid var(--line);background:0 0}.tabs{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.tabcard{text-align:start;background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:18px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.tabcard.on{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.tabcard .n{font-size:24px;font-weight:800}.tabcard .n small{color:var(--muted);font-size:13px;font-weight:400}table.stock tr.place td{background:var(--bg);color:var(--accent);padding:7px 10px;font-size:13px;font-weight:700}.countbar{z-index:2;position:sticky;top:0}.placehead{color:var(--accent);padding:14px 0 4px;font-size:14px;font-weight:800}.countrow{border-top:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.countrow.done b{color:var(--muted)}.countrow .countbox{text-align:center;width:110px;padding:10px;font-size:20px;font-weight:700}.countrow.done .countbox{border-color:var(--ok);background:color-mix(in srgb, var(--ok) 10%, var(--card))}.countrow .unit{width:38px;color:var(--muted);font-size:13px}.countrow .savestate{width:14px;color:var(--ok);font-weight:800}@media (max-width:800px){.countrow .countbox{width:90px}}.subnav{gap:6px;margin:-4px 0 16px;padding-bottom:2px;display:flex;overflow-x:auto}.subnav a{white-space:nowrap;border:1px solid var(--line);color:var(--ink);background:var(--card);border-radius:99px;padding:7px 14px;font-size:14px;text-decoration:none}.subnav a.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.alerts{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.alerts a,.alerts span{border-radius:12px;padding:8px 12px;font-size:14px;text-decoration:none}.alerts .bad{color:#8a241c;background:#f6d6d3}.alerts .warn{color:#6b4600;background:#f3e6c8}.plus{color:var(--ok);font-weight:700}.minus{color:var(--bad);font-weight:700}tr.hist td{background:var(--bg);font-size:13px}.histlist{gap:4px;padding:4px 0;display:grid}.histlist div{flex-wrap:wrap;gap:10px;display:flex}.supplier{padding:0;overflow:hidden}.supplier>header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:14px 16px;display:flex}.supplier>header h3{flex:1;margin:0}.vbars{align-items:flex-end;gap:4px;height:140px;padding-top:8px;display:flex}.vbars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.vbars i{background:var(--accent);border-radius:6px 6px 0 0;width:100%;max-width:38px;min-height:2px;display:block}.vbars small{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:10px}.dline{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,2fr) 1fr 1fr 1fr auto;align-items:end;gap:8px;padding:8px 0;display:grid}@media (max-width:700px){.dline{grid-template-columns:1fr 1fr}.dline>:first-child{grid-column:1/-1}}@media print{.subnav,.alerts,.supplier header button,.supplier header a{display:none!important}}.qr svg{width:100%;height:100%;display:block}.labels{display:none}@media print{.labels{color:#000;display:block}.shelfsheet{break-after:page;padding:8mm 4mm}.shelfsheet header{border-bottom:3px solid #000;align-items:flex-start;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.shelfsheet h1{margin:4px 0;font-size:34px}.shelfsheet small{color:#444;font-size:11px;display:block}.shelfsheet table{border-collapse:collapse;width:100%;font-size:15px}.shelfsheet th,.shelfsheet td{text-align:start;border:1px solid #999;padding:7px 8px}.shelfsheet td.blank{width:22%}.shelfsheet footer{color:#444;margin-top:10px;font-size:11px}.labels.sticker{grid-template-columns:repeat(3,1fr);gap:6mm;display:grid}.sticker{break-inside:avoid;border:1px dashed #888;border-radius:8px;align-items:center;gap:8px;padding:4mm;display:flex}.sticker b{font-size:16px;display:block}.sticker small{color:#444;font-size:10px}}.bk-tabs{gap:6px;display:flex;overflow-x:auto}.bk-tabs button{white-space:nowrap;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:99px;padding:10px 16px;font-size:15px}.bk-tabs button.on{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.bk-day{align-items:center;gap:8px;display:flex}.bk-day>button{border-radius:14px;width:46px;height:46px;padding:0;font-size:26px}.bk-state{text-align:center;border-radius:12px;padding:10px 12px;font-weight:700}.bk-state.ok{color:#1d5a37;background:#d7efdf}.bk-state.warn{color:#6b4600;background:#f3e6c8}.bk-state.bad{color:#8a241c;background:#f6d6d3}.order-send .bk-total{text-align:center;max-width:720px;margin:0 auto 8px;font-size:15px}.order-send .bk-total b{font-size:20px}.bk-fire{background:var(--bg);border:1px solid var(--line);filter:grayscale();opacity:.6;border-radius:14px;width:46px;height:46px;padding:0;font-size:22px}.bk-fire.on{filter:none;opacity:1;background:#f3e6c8;border-color:#e0b25a}.bk-week{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.bk-week label,.bk-week>div{color:var(--muted);flex-direction:column;align-items:center;gap:2px;margin:0;font-size:12px;display:flex}.bk-week input{text-align:center;padding:8px 2px;font-size:16px}.bk-week.report b{color:var(--ink);font-size:17px}.bk-week.report em{font-size:13px;font-style:normal;font-weight:700}.bk-week em.up{color:var(--ok)}.bk-week em.down{color:var(--bad)}.bk-banner{border:2px solid #0000;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.bk-banner .ic{font-size:34px;line-height:1}.bk-banner b{font-size:18px;display:block}.bk-banner span span,.bk-banner>span>span{font-size:14px}.bk-banner .go{white-space:nowrap;font-size:17px;font-weight:800}.bk-banner.bad{color:#8a241c;background:#f6d6d3;border-color:#e39a93}.bk-banner.warn{color:#6b4600;background:#f3e6c8;border-color:#e0c27f}.bk-banner.ok{color:#1d5a37;background:#d7efdf;padding:10px 16px}.bk-banner.ok .ic{font-size:24px}.bk-banner.ok b{font-size:16px}.limbtn{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.limedit{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.limedit label{white-space:nowrap;align-items:center;gap:6px;margin:0;display:inline-flex}.limedit input{width:90px;padding:4px 8px}.shop-low.crit{border-inline-start:4px solid var(--bad);padding-inline-start:10px}.lowbar.warn i{background:var(--warn,#c98a00)}.pick.crit{border-color:var(--bad);color:var(--bad)}.qc label{margin:0}.qc-art{color:#222;box-sizing:border-box;background:#f7f4ef;border-radius:16px;width:100%;max-height:230px;padding:10px}.qc-big{border-radius:16px;width:100%;padding:16px;font-size:18px;font-weight:800}.qc-big.ok{background:var(--ok);color:#fff}.qc-big.bad{background:var(--bad);color:#fff}.qc-decide{gap:10px;display:grid}.qc-row{text-align:start;background:var(--bg);width:100%;color:var(--ink);border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;display:flex}.qc-row b{font-size:17px}.qc-dots{gap:4px;margin-top:6px;display:flex}.qc-dots i{background:var(--track);border-radius:99px;width:22px;height:6px}.qc-dots i.on{background:var(--ok)}.qc-attn{border:2px solid var(--warn)}.qc-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.qc-variety{font-size:22px}.qc-progress{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.qc-progress div{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:4px;display:flex}.qc-progress span{background:var(--track);width:34px;height:34px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.qc-progress .now span{background:var(--brand);color:var(--on-brand)}.qc-progress .done span{background:var(--ok);color:#fff}.qc-progress .now{color:var(--ink);font-weight:700}.qc-progress small{font-size:11px;line-height:1.2}.qc-stephead{align-items:center;gap:10px;display:flex}.qc-num{background:var(--brand);width:36px;height:36px;color:var(--on-brand);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.qc-match{background:var(--bg);border:2px dashed var(--brand);border-radius:14px;padding:10px 14px;font-size:16px}.qc-match b{font-size:19px}.qc-how{gap:8px;margin:0;padding-inline-start:22px;font-size:16px;line-height:1.45;display:grid}.qc-checks{gap:8px;display:grid}.qc-checks label{border:1px solid var(--line);background:var(--bg);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:16px;display:flex}.qc-checks label.on{border-color:var(--ok)}.qc-checks input{width:22px;height:22px;accent-color:var(--ok);flex:none}.qc-photo{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}.qc-preview{object-fit:contain;background:var(--bg);border-radius:14px;width:100%;max-height:320px}.qc-cam{text-align:center;border-radius:14px;padding:14px;font-size:17px;font-weight:700}.qc-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.qc-grid figure{flex-direction:column;gap:6px;margin:0;display:flex}.qc-grid img{aspect-ratio:1;object-fit:cover;background:var(--bg);border-radius:12px;width:100%;display:block}.qc-grid figcaption{flex-direction:column;gap:2px;font-size:13px;display:flex}.qc-why{background:color-mix(in srgb, var(--brand) 14%, transparent);border-radius:14px;padding:10px 14px;font-size:15px;line-height:1.45}.qc-ref{color:#222;background:#fff;border-radius:14px;align-items:center;gap:12px;margin:0;padding:8px 12px;display:flex}.qc-ref img{object-fit:contain;flex:none;width:84px;height:84px}.qc-ref figcaption{font-size:14px;font-weight:700}.qc-done{gap:8px;display:grid}.qc-done>div{border:1px solid var(--line);background:var(--bg);border-radius:12px;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:10px 12px;display:flex}.qc-done>div>span:first-child{flex:1;min-width:180px}.qc-kinds{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qc-kinds button{background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;font-size:17px;font-weight:800;display:flex}.qc-kinds button span{font-size:36px;line-height:1}.qc-kinds button small{color:var(--muted);font-size:12px;font-weight:400}.qc-kinds button.on{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 15%, var(--bg))}.item-thumb{object-fit:cover;float:inline-start;background:var(--bg);border-radius:8px;width:40px;height:40px;margin-inline-end:8px}.item-thumb.lg{float:none;width:72px;height:72px;margin:0}.pick.broke{border-color:var(--bad);color:var(--bad);font-weight:700}.broke-box{border:2px solid var(--bad);border-radius:14px;gap:8px;margin-top:8px;padding:12px;display:grid}.broke-box .stepper{justify-self:start}.broke-list{gap:6px;margin-top:10px;display:grid}.broke-list>div{border-top:1px solid var(--line);align-items:center;gap:8px;padding:6px 0;display:flex}