:root{--accent: #b91c1c;--accent-rgb: 185 28 28;--accent-ink: #ffffff;--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f7f8fa;--surface-3: #eef0f4;--line: #e3e6ec;--line-strong: #cfd4de;--text: #11151c;--text-2: #3a4356;--muted: #59627a;--blue: #2a78d6;--amber: #b45309;--violet: #7c3aed;--green: #15803d;--red: #c2302f;--blue-bg: #eef5fe;--amber-bg: #fdf6e7;--violet-bg: #f4f1fe;--green-bg: #eefaf1;--red-bg: #fdeeee;--radius: 12px;--radius-lg: 16px;--radius-sm: 8px;--shadow-1: 0 1px 2px rgb(16 24 40 / 6%);--shadow-2: 0 1px 3px rgb(16 24 40 / 8%), 0 8px 24px -12px rgb(16 24 40 / 18%);--shadow-3: 0 8px 32px -8px rgb(16 24 40 / 22%);--gap: 14px;--pad: 18px;--row: 12px;--font-body: 17px;--font-label: 15px;--tap: 48px;color-scheme:light}:root[data-density=compact]{--gap: 10px;--pad: 14px;--row: 9px;--font-body: 16px;--font-label: 14px;--tap: 44px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0e16;--surface: #141a25;--surface-2: #10161f;--surface-3: #1b2331;--line: #232c3b;--line-strong: #33405a;--text: #eaeef7;--text-2: #aeb8cc;--muted: #8b95a9;--blue: #63a5f7;--amber: #f2b234;--violet: #a78bfa;--green: #4ade80;--red: #f87171;--blue-bg: #14233a;--amber-bg: #2c2412;--violet-bg: #211c3c;--green-bg: #112a1c;--red-bg: #2c1618;--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 1px 3px rgb(0 0 0 / 45%), 0 10px 28px -12px rgb(0 0 0 / 60%);--shadow-3: 0 10px 36px -8px rgb(0 0 0 / 65%);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0e16;--surface: #141a25;--surface-2: #10161f;--surface-3: #1b2331;--line: #232c3b;--line-strong: #33405a;--text: #eaeef7;--text-2: #aeb8cc;--muted: #8b95a9;--blue: #63a5f7;--amber: #f2b234;--violet: #a78bfa;--green: #4ade80;--red: #f87171;--blue-bg: #14233a;--amber-bg: #2c2412;--violet-bg: #211c3c;--green-bg: #112a1c;--red-bg: #2c1618;--shadow-1: 0 1px 2px rgb(0 0 0 / 40%);--shadow-2: 0 1px 3px rgb(0 0 0 / 45%), 0 10px 28px -12px rgb(0 0 0 / 60%);--shadow-3: 0 10px 36px -8px rgb(0 0 0 / 65%);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:var(--font-body)/1.5 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;line-height:1.25;letter-spacing:-.01em}button{font:inherit;cursor:pointer}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:15px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.icon{display:block}.boot,.empty{display:grid;place-content:center;gap:12px;min-height:60vh;text-align:center;color:var(--muted)}button.primary,a.primary{background:var(--accent);color:var(--accent-ink);border:0;min-height:var(--tap);border-radius:var(--radius-sm);padding:13px 20px;font-weight:650;text-decoration:none;display:inline-block;box-shadow:var(--shadow-1);transition:filter .12s ease,transform .06s ease}button.primary:hover,a.primary:hover{filter:brightness(1.06)}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.55;cursor:not-allowed;filter:none}button.ghost,a.ghost.btn{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);min-height:var(--tap);border-radius:var(--radius-sm);padding:12px 17px;font-weight:600;text-decoration:none;display:inline-block}button.ghost:hover,a.ghost.btn:hover{background:var(--surface-2);border-color:var(--accent)}button.ghost:disabled{opacity:.5;cursor:not-allowed}button.ghost.danger,.link.danger{color:var(--red)}button.primary.wide{width:100%;margin-top:4px}.link{background:none;border:0;padding:4px 0;color:var(--accent);font-size:15px;font-weight:600;text-decoration:none}.link:hover{text-decoration:underline}.brand-mark{display:inline-flex;align-items:center;gap:10px;min-width:0}.mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:13px;letter-spacing:.5px}.brand-mark.large .mark{width:52px;height:52px;border-radius:14px;font-size:18px}.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:8px;flex:none}.brand-mark.large .brand-logo{width:56px;height:56px}.brand-name{font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand-mark.large .brand-name{font-size:20px}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(120% 90% at 50% -10%,rgb(var(--accent-rgb) / 8%),transparent 60%),var(--bg)}.login-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:26px}.login-head{display:grid;gap:6px;justify-items:center;text-align:center;margin-bottom:22px}.login-head h1{font-size:20px}.login-head p{margin:0;color:var(--muted);font-size:13px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--surface-3);border-radius:10px;padding:4px;margin-bottom:18px}.tabs button{background:none;border:0;border-radius:7px;padding:9px;color:var(--muted);font-weight:600}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.tabs button:disabled{opacity:.45;cursor:not-allowed}.staff{list-style:none;margin:0;padding:0;display:grid;gap:7px;max-height:52vh;overflow:auto}.staff button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;color:inherit;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:11px}.staff button:hover{border-color:var(--accent);background:var(--surface)}.avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:rgb(var(--accent-rgb) / 12%);color:var(--accent);font-weight:700;font-size:14px}.avatar.sm{width:28px;height:28px;font-size:11px}.who{display:grid;min-width:0}.who small{color:var(--muted)}.keypad-wrap{display:grid;gap:14px;justify-items:center}.back{background:none;border:0;color:var(--muted);font-weight:600;justify-self:start;padding:0}.dots{display:flex;gap:12px}.dots span{width:13px;height:13px;border-radius:50%;border:2px solid var(--line-strong)}.dots span.on{background:var(--accent);border-color:var(--accent)}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;width:100%}.keypad button{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:17px 0;font-size:21px;font-weight:600;color:var(--text)}.keypad button:active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.keypad button.ghost{font-size:14px;padding:17px 0}form label{display:grid;gap:6px;margin-bottom:14px;font-size:var(--font-label);font-weight:650;color:var(--text-2)}form input,form select,form textarea,.toolbar input,.search,.customer-pick input,.add-row input,.add-row textarea,.count-nums input,.qty input,.row-form input,.report select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;text-transform:none;letter-spacing:normal}form textarea{width:100%;resize:vertical}form input:focus,form select:focus,form textarea:focus,.search:focus,.add-row input:focus,.row-form input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.grid-2{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.error{color:var(--red);background:var(--red-bg);border-radius:var(--radius-sm);padding:10px 12px;margin:0 0 12px;font-size:14px}.note{color:var(--muted);font-size:15px;margin:11px 0 0}.saved{color:var(--green);font-weight:650;align-self:center}.banner{background:var(--amber-bg);color:var(--amber);border-radius:var(--radius-sm);padding:11px 14px;font-size:14px;margin:0 0 var(--gap)}.banner code,.admin code,code{background:rgb(var(--accent-rgb) / 8%);border-radius:4px;padding:1px 5px;font-size:12px}.shell{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr)}.tabs-nav{display:flex;gap:6px;padding:10px 18px;background:var(--surface);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;position:sticky;top:61px;z-index:18}.tabs-nav::-webkit-scrollbar{display:none}.tab{display:inline-flex;align-items:center;gap:9px;min-height:var(--tap);padding:10px 17px;border-radius:10px;text-decoration:none;color:var(--text-2);font-weight:600;font-size:16px;white-space:nowrap;border:1px solid transparent}.tab:hover{background:var(--surface-3);color:var(--text)}.tab.on{background:var(--accent);color:var(--accent-ink)}.tab .icon{flex:none}.home{max-width:1180px;margin:0 auto}.home-greet{margin:4px 0 20px}.home-greet h1{font-size:27px;letter-spacing:-.02em}.home-greet p{margin:5px 0 0;color:var(--muted);font-size:17px}.squares{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.squares a{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:20px 18px;text-decoration:none;color:inherit;transition:border-color .12s ease,box-shadow .12s ease,transform .08s ease}.squares a:active{transform:translateY(1px)}.squares a:hover,.squares a:focus-visible{border-color:var(--accent);box-shadow:var(--shadow-2)}.square-icon{width:64px;height:64px;border-radius:18px;margin-bottom:12px;display:grid;place-items:center;background:rgb(var(--accent-rgb) / 10%);color:var(--accent)}.squares a:hover .square-icon{background:var(--accent);color:var(--accent-ink)}:root[data-theme=dark] .square-icon{background:rgb(var(--accent-rgb) / 22%);color:var(--accent-light, #e08a8a)}:root[data-theme=dark] .squares a:hover .square-icon{background:var(--accent-light, #e08a8a);color:#10161f}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .square-icon{background:rgb(var(--accent-rgb) / 22%);color:var(--accent-light, #e08a8a)}:root:not([data-theme=light]) .squares a:hover .square-icon{background:var(--accent-light, #e08a8a);color:#10161f}}.square-label{font-size:20px;font-weight:700;letter-spacing:-.01em}.square-line{color:var(--muted);font-size:15px;line-height:1.35;max-width:92%}.square-badge{position:absolute;top:14px;right:14px;min-width:32px;height:32px;padding:0 10px;border-radius:999px;display:grid;place-items:center;font-size:16px;font-weight:800}.square-badge.red{background:var(--red-bg);color:var(--red)}.square-badge.amber{background:var(--amber-bg);color:var(--amber)}.square-badge.green{background:var(--green-bg);color:var(--green)}@media(max-width:560px){.squares{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.squares a{padding:14px 10px;border-radius:var(--radius)}.square-icon{width:52px;height:52px;border-radius:15px;margin-bottom:8px}.square-label{font-size:16px}.square-line{font-size:13px}}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 22px;background:var(--surface);border-bottom:1px solid var(--line)}.topbar-title{font-size:16px;font-weight:700}.me{position:relative}.me-button{display:flex;align-items:center;gap:9px;background:none;border:1px solid transparent;border-radius:999px;padding:4px 12px 4px 4px;color:inherit;font-weight:600;font-size:14px}.me-button:hover{border-color:var(--line-strong);background:var(--surface-2)}.scrim{position:fixed;inset:0;background:transparent;border:0;z-index:25;cursor:default}.menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:236px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-3);padding:6px;display:grid;gap:2px}.menu-head{display:grid;padding:8px 10px 6px;font-size:13px}.menu-head .muted{text-transform:capitalize;font-size:12px}.menu-section{padding:8px 10px;border-top:1px solid var(--line);display:grid;gap:6px}.menu-label{font-size:14px;color:var(--muted)}.seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;background:var(--surface-3);border-radius:8px;padding:3px}.seg button{background:none;border:0;border-radius:6px;padding:6px 4px;font-size:12px;font-weight:600;color:var(--muted)}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.menu-item{width:100%;text-align:left;background:none;border:0;border-top:1px solid var(--line);padding:10px;border-radius:8px;font-weight:600;color:var(--text)}.menu-item:hover{background:var(--surface-2)}.main{padding:22px;min-width:0}@media(max-width:860px){.tabs-nav{padding:8px 12px;top:57px}.topbar{padding:10px 14px}.main{padding:14px}.me-name{display:none}}.page,.board{max-width:1320px;margin:0 auto;display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)}.page>*,.board>*{min-width:0}.page.narrow{max-width:820px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-head h1{font-size:23px}.head-side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.sub{margin:5px 0 0;color:var(--muted);font-size:16px}a.back{color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;display:inline-block;margin-bottom:2px}a.back:hover{color:var(--text)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow-1);min-width:0}.panel h2{font-size:16px;color:var(--text);margin-bottom:12px;font-weight:700}.panel h3{font-size:15px;color:var(--text-2);font-weight:650;margin:18px 0 7px}.wide-panel{grid-column:1 / -1}.job-grid,.queues,.counter{display:grid;gap:var(--gap);align-items:start;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.inbox{display:grid;gap:var(--gap);align-items:start;grid-template-columns:minmax(0,330px) minmax(0,1fr)}@media(max-width:860px){.inbox{grid-template-columns:minmax(0,1fr)}}.toolbar{display:flex;gap:8px}.toolbar input,.search{flex:1;width:100%}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{background:var(--surface);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:9px 18px;font-size:15px;font-weight:600;color:var(--text-2)}.filter:hover{border-color:var(--line-strong);color:var(--text)}.filter.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.chip{font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block}.chip.blue{background:var(--blue-bg);color:var(--blue)}.chip.amber{background:var(--amber-bg);color:var(--amber)}.chip.violet{background:var(--violet-bg);color:var(--violet)}.chip.green{background:var(--green-bg);color:var(--green)}.chip.red{background:var(--red-bg);color:var(--red)}.chip.grey,.chip.slate{background:var(--surface-3);color:var(--muted)}.chip.green-outline{color:var(--green);border:1px solid currentColor}.count{background:var(--surface-3);border-radius:999px;padding:1px 8px;font-size:11px;color:var(--text-2)}.lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--row)}.lines>li{border-bottom:1px solid var(--line);padding-bottom:var(--row);min-width:0}.lines>li:last-child{border-bottom:0;padding-bottom:0}.line{display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}.line>*{min-width:0}.line.small{font-size:15px;margin-top:4px}.amount{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.row-actions{display:flex;align-items:center;gap:8px;flex:none}.row-actions select,.line select{padding:5px 8px;border-radius:7px}.job-list,.stock-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}.job-list a,.stock-list a,.job-list .row-btn{display:flex;justify-content:space-between;gap:12px;text-decoration:none;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-1);min-width:0}.job-list a:hover,.stock-list a:hover,.job-list .row-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-2)}.job-main{min-width:0;display:grid;gap:2px}.job-side{text-align:right;display:grid;gap:2px;align-content:start;white-space:nowrap;flex:none}.plate-sm{font-size:17px;letter-spacing:.4px}.plate-lg{font-size:30px;letter-spacing:.8px}.total{font-weight:700;font-variant-numeric:tabular-nums}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.add-row{display:flex;gap:8px;align-items:center;margin-top:12px;flex-wrap:wrap}.add-row input,.add-row textarea{flex:1;min-width:130px}.add-row input[type=number]{flex:0 0 96px}.picked{font-weight:650}.picker{margin-top:12px}.picker-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px;max-height:330px;overflow:auto}.picker-list.tall{max-height:470px}.picker-list button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:inherit;min-width:0}.picker-list button:hover:not(:disabled){border-color:var(--accent);background:var(--surface)}.picker-list button:disabled{opacity:.45;cursor:not-allowed}.picker-list .right{display:flex;align-items:center;gap:10px;white-space:nowrap;flex:none}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:9px 12px;margin:0;padding:10px 0 0;border-top:1px solid var(--line)}.facts.wide{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.facts div{min-width:0}.facts dt{font-size:var(--font-label);color:var(--muted)}.facts dd{margin:2px 0 0;font-size:17px;font-weight:650;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.totals{margin:0 0 12px;display:grid;gap:6px}.totals div{display:flex;justify-content:space-between;gap:10px}.totals dt,.totals dd{margin:0}.totals dt{color:var(--muted)}.totals dd{font-weight:650;font-variant-numeric:tabular-nums}.totals .grand{border-top:1px solid var(--line);padding-top:7px;font-size:18px}.totals .grand dt{color:var(--text);font-weight:650}.quote{background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;padding:9px 12px;margin:0;font-size:14px}.dot{width:9px;height:9px;border-radius:50%;flex:none;display:inline-block}.in{color:var(--green)}.out{color:var(--red)}table.report{width:100%;border-collapse:collapse;font-size:16px}table.report th{text-align:left;font-size:var(--font-label);color:var(--text-2);border-bottom:1px solid var(--line);padding:9px 6px;font-weight:700}table.report td{padding:var(--row) 6px;border-bottom:1px solid var(--line);vertical-align:top}table.report tr:last-child td{border-bottom:0}table.report tbody tr:hover{background:var(--surface-2)}table.report .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}table.report tr.muted td{opacity:.55}.board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap}.board-head h1{font-size:23px}.bays{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,258px),1fr))}.bay{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow-1);border-top:3px solid var(--line-strong);min-height:208px;min-width:0}.bay header{display:flex;align-items:center;justify-content:space-between;gap:8px}.bay h2{font-size:16px;color:var(--text-2);font-weight:700}.bay.busy.blue{border-top-color:var(--blue)}.bay.busy.amber{border-top-color:var(--amber)}.bay.busy.violet{border-top-color:var(--violet)}.bay.busy.green{border-top-color:var(--green)}.bay.free{border-style:dashed;background:var(--surface-2);box-shadow:none}.bay.out{background:repeating-linear-gradient(45deg,var(--surface-2),var(--surface-2) 10px,var(--surface) 10px,var(--surface) 20px)}.plate{margin:12px 0 0;font-size:25px;font-weight:800;letter-spacing:.8px}.vehicle{margin:2px 0 0;font-weight:650}.customer{margin:0 0 10px;color:var(--muted);font-size:13px}.bay footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:12px;color:var(--muted)}.job-no{font-variant-numeric:tabular-nums;text-decoration:none;color:var(--muted)}.job-no:hover{color:var(--accent)}.due.late{color:var(--red);font-weight:700}.queue{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);box-shadow:var(--shadow-1)}.queue h2{font-size:16px;color:var(--text);display:flex;align-items:center;gap:8px;font-weight:700}.queue ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}.queue li{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.queue a{text-decoration:none;color:inherit;display:block}.queue li:hover{border-color:var(--accent)}.qty{display:inline-flex;align-items:center;gap:8px}.qty button.ghost{padding:2px 10px;font-size:16px;line-height:1.2}.qty input{width:86px;text-align:right;padding:6px 8px}.customer-pick{margin:14px 0;display:grid;gap:8px}.till-closed{text-align:center;display:grid;gap:10px;justify-items:center}.settle{display:grid;text-align:right;font-size:13px}.settle .ok{color:var(--green);font-weight:700}.settle .off{color:var(--red);font-weight:700}.method-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.chip-btn{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;min-height:44px;padding:10px 18px;font-size:15px;font-weight:600;color:var(--text-2)}.chip-btn:hover{border-color:var(--line-strong);color:var(--text)}.chip-btn.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.change{background:var(--green-bg);color:var(--green);border-radius:var(--radius-sm);padding:11px;text-align:center;font-size:16px;margin:0 0 12px}.change strong{font-size:22px}.paid-mark{text-align:center;color:var(--green);font-weight:700;font-size:17px;margin:0}.line.voided{opacity:.5;text-decoration:line-through}.chosen{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}.vehicles{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}details summary{cursor:pointer;color:var(--muted);font-weight:600;font-size:14px;margin:10px 0}.receipt-wrap .line{align-items:center;margin-bottom:10px}.receipt{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px;font-size:13px}.receipt header{text-align:center;border-bottom:1px dashed var(--line-strong);padding-bottom:10px;margin-bottom:10px}.receipt header h3{font-size:16px}.receipt header p{margin:2px 0;color:var(--muted)}.receipt .doc-no{font-weight:700;color:var(--text);letter-spacing:.5px}.receipt .bill-to{display:grid;gap:3px;margin:0 0 12px}.receipt .bill-to div{display:flex;gap:8px}.receipt .bill-to dt{color:var(--muted);min-width:72px}.receipt .bill-to dd{margin:0;font-weight:650}.receipt table{width:100%;border-collapse:collapse}.receipt th{text-align:left;font-size:13px;color:var(--text-2);font-weight:700;border-bottom:1px solid var(--line);padding:6px 4px}.receipt td{padding:5px 4px;vertical-align:top}.receipt .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.receipt tfoot td{border-top:1px solid var(--line);color:var(--muted)}.receipt tfoot tr.grand td{font-weight:800;font-size:15px;color:var(--text)}.receipt footer{margin-top:14px;text-align:center;color:var(--muted)}.receipt footer .small{font-size:11px}.stock-badge{background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;padding:8px 14px;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.stock-badge.low{background:var(--amber-bg);color:var(--amber);border-color:currentColor}.count-sheet{list-style:none;margin:0;padding:0;display:grid;gap:4px}.count-sheet li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);min-width:0}.count-sheet li.done{border-color:var(--green)}.count-sheet li.off{border-color:var(--amber);background:var(--amber-bg)}.count-main{display:grid;min-width:0}.count-nums{display:flex;align-items:center;gap:10px;white-space:nowrap}.count-nums input{width:98px;text-align:right}.convo-list{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-height:62vh;overflow:auto}.convo-list button{width:100%;text-align:left;background:var(--surface-2);color:inherit;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-width:0}.convo-list button:hover:not(:disabled){border-color:var(--line-strong)}.convo-list button.on{border-color:var(--accent);background:rgb(var(--accent-rgb) / 6%)}.convo-list button:disabled{opacity:.6;cursor:default}.preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.thread{display:grid;gap:10px}.bubbles{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:46vh;overflow-y:auto}.thread.compact .bubbles{max-height:320px}.bubbles li{display:flex}.bubbles li.us{justify-content:flex-end}.bubble{max-width:82%;border-radius:14px;padding:9px 12px;background:var(--surface-2);border:1px solid var(--line);min-width:0}.bubbles li.us .bubble{background:rgb(var(--accent-rgb) / 10%);border-color:transparent}.bubble p{margin:0 0 4px;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble .meta{font-size:11px;color:var(--muted)}.bubble .media{font-size:13px;color:var(--muted)}.history{margin-top:8px;border-left:2px solid var(--line);padding-left:10px}.history a{color:var(--accent);text-decoration:none;font-weight:600}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:8px}.timeline li{display:grid;gap:2px;font-size:14px}.timeline .when{color:var(--muted);font-size:12px}.clock{margin-top:14px;display:grid;gap:6px}.tiles{list-style:none;margin:0;padding:0;display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,208px),1fr))}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px;display:grid;gap:3px;box-shadow:var(--shadow-1);min-width:0}.tile-label{font-size:var(--font-label);color:var(--muted);font-weight:650}.tile-value{font-size:25px;font-weight:800;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.tile.big .tile-value{font-size:31px}.tile-note{font-size:12px;color:var(--muted)}.tile.warn{border-color:var(--amber)}.tile.warn .tile-note{color:var(--amber);font-weight:600}.chart-wrap{--series-1: #2a78d6;--series-2: #eb6834;position:relative}:root[data-theme=dark] .chart-wrap{--series-1: #3987e5;--series-2: #d95926}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .chart-wrap{--series-1: #3987e5;--series-2: #d95926}}.chart{width:100%;height:auto;display:block}.chart .s1{fill:var(--series-1)}.chart .s2{fill:var(--series-2)}.chart .grid,.chart .axis-line{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--muted);font-size:11px}.chart .hit{fill:transparent}.chart .hit.on{fill:var(--surface-3)}.legend{display:flex;gap:14px;font-size:12px;color:var(--muted);margin-bottom:8px}.legend span{display:inline-flex;align-items:center;gap:6px}.swatch{width:10px;height:10px;border-radius:3px;display:inline-block}.swatch.s1{background:var(--series-1, #2a78d6)}.swatch.s2{background:var(--series-2, #eb6834)}.chart-tip{position:absolute;top:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;box-shadow:var(--shadow-3);display:grid;gap:2px;font-size:12px;pointer-events:none}.chart-tip strong{font-size:13px}.chart-tip span{display:inline-flex;align-items:center;gap:6px}.diff{list-style:none;margin:0;padding:0;display:grid;gap:2px;font-size:12px}.diff s{color:var(--muted)}.perm-grid{width:100%;border-collapse:collapse;font-size:13px}.perm-grid th{padding:10px 6px;border-bottom:1px solid var(--line);font-size:14px;color:var(--text-2)}.perm-grid th.role-col{text-align:center;min-width:86px}.perm-grid td{padding:7px 6px;border-bottom:1px solid var(--line)}.perm-grid td.tick{text-align:center}.perm-grid tr.group td{background:var(--surface-2);font-weight:700;font-size:15px;color:var(--text-2)}.perm-grid input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);cursor:pointer}.perm-grid input:disabled{cursor:not-allowed;opacity:.45}.perm-name{font-weight:600}.perm-hint{color:var(--muted);font-size:12px}.role-head{display:grid;gap:2px;justify-items:center}.scroll-x{overflow-x:auto}.swatches{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.swatch-btn{width:34px;height:34px;border-radius:9px;border:2px solid transparent;cursor:pointer}.swatch-btn.on{border-color:var(--text)}.logo-preview{display:flex;align-items:center;gap:14px;margin:10px 0;flex-wrap:wrap}.logo-preview img{width:64px;height:64px;object-fit:contain;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:6px}.photo-grid{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,132px),1fr))}.photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;border:1px solid var(--line);display:block}.photo-meta{display:grid;gap:2px;font-size:11px;margin-top:5px}input[type=file]{font:inherit;font-size:13px;margin-top:10px;color:var(--muted)}@media print{body{background:#fff}.tabs-nav,.topbar,.page-head,.actions,.receipt-wrap>.line,.panel:not(.receipt-wrap){display:none!important}.shell{grid-template-rows:1fr}.receipt-wrap{border:0;padding:0;box-shadow:none}.receipt{border:0;background:#fff;color:#000;font-size:12px;padding:0}.receipt .muted,.receipt tfoot td{color:#333}.main{padding:0}}.topbar .brand-mark{max-width:52vw}.pad{display:grid;gap:12px}.pad-readout{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px;display:grid;gap:7px}.pad-row{display:flex;justify-content:space-between;gap:12px;font-size:16px}.pad-row strong{font-variant-numeric:tabular-nums}.pad-row.off strong{color:var(--amber)}.pad-row.total{border-top:1px solid var(--line);padding-top:8px;font-size:20px;font-weight:700}.pad-row.total strong{font-size:24px}.pad-margin{font-size:15px;color:var(--green);font-weight:600}.pad-margin.bad{color:var(--red);background:var(--red-bg);border-radius:8px;padding:9px 11px}.pad-mode{grid-template-columns:1fr 1fr}.pad-mode button{padding:11px 8px;font-size:15px}.pad-quick{display:flex;gap:7px;flex-wrap:wrap}.pad-entry{text-align:center;font-size:34px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;padding:6px 0}.pad-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.pad-keys button{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:16px 0;font-size:22px;font-weight:650;color:var(--text);min-height:56px}.pad-keys button:active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pad-reason{margin:0}.pad-actions{display:grid;grid-template-columns:1fr 2fr;gap:9px}.pad-actions button{width:100%}.check{display:flex;gap:11px;align-items:flex-start;margin:4px 0 14px;font-size:16px;font-weight:600;color:var(--text);text-transform:none;letter-spacing:normal}.check input{width:22px;height:22px;margin-top:2px;accent-color:var(--accent);flex:none}.check small{display:block;font-weight:400;margin-top:4px}.warn-text{color:var(--amber)}.remind-row{display:flex;gap:14px;align-items:flex-start;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow-1)}.remind-row.on{border-color:var(--accent)}.remind-row input{width:24px;height:24px;margin-top:3px;accent-color:var(--accent);flex:none}.remind-row .job-side{margin-left:auto}.wide-btn{width:100%}.label-sheet{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:var(--gap)}.label{border:1px dashed var(--line-strong);border-radius:8px;padding:10px;background:#fff;color:#000;display:grid;gap:4px;align-content:start;min-height:108px}.label-name{font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.label .barcode{display:block}.label-code{font-size:10px;letter-spacing:.5px;text-align:center;font-family:ui-monospace,monospace}.label-foot{display:flex;justify-content:space-between;align-items:baseline}.label-price{font-size:16px;font-weight:800}.label-bin{font-size:11px;border:1px solid #999;border-radius:4px;padding:0 5px}.label-sheet.small{grid-template-columns:repeat(4,1fr)}.label-sheet.small .label{min-height:84px;padding:7px}.label-sheet.small .label-name{font-size:11px}.label-sheet.small .label-price{font-size:14px}.row-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:10px 0}.row-form label{display:grid;gap:6px;margin-bottom:0;flex:1 1 200px;min-width:0;font-size:var(--font-label)}.grow{flex:1;min-width:0}.shelf-grid{display:grid;gap:10px;margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.shelf{display:grid;gap:2px;justify-items:start;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:var(--tap);cursor:pointer}.shelf:hover{border-color:var(--accent);background:var(--surface)}.shelf-code{font-size:26px;font-weight:800;letter-spacing:-.02em}.shelf-count{font-size:var(--font-label);color:var(--text-2)}.shelf-words,.shelf-value{font-size:13px;color:var(--muted)}.shelf-low{font-size:12px;font-weight:700;color:var(--amber)}.audience{display:flex;flex-wrap:wrap;gap:26px;margin:14px 0}.audience-count{display:grid;gap:2px}.audience-count strong{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1}.audience-count span{font-size:var(--font-label);color:var(--text-2)}.audience-count.muted strong{font-size:24px;color:var(--muted)}.message-preview{margin:14px 0;padding:14px 16px;white-space:pre-wrap;background:var(--surface-2);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text)}.row-btn{width:100%;text-align:left;font:inherit;cursor:pointer}.brand-chip{display:inline-grid;place-items:center;flex:none;border-radius:8px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1;box-shadow:inset 0 0 0 1px #0000001f}.brand-chip.sm{width:26px;height:26px;font-size:11px;border-radius:6px}.brand-chip.md{width:34px;height:34px;font-size:13px}.brand-chip.lg{width:46px;height:46px;font-size:17px;border-radius:11px}.brand-label{display:inline-flex;align-items:center;gap:9px;min-width:0}.inline-mark{vertical-align:-7px;margin-right:7px}.car-head{display:flex;align-items:center;gap:9px;min-width:0}.brand-label>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lines .line .link{margin-left:12px}.report td .link+.link{margin-left:14px}.before-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.chip-btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line-strong);border-radius:999px;padding:7px 13px;font-size:14px;font-weight:600}.chip-btn:hover{border-color:var(--accent);background:var(--surface)}.car-grid{display:grid;gap:10px;margin-top:10px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.car{display:grid;gap:2px;justify-items:start;text-align:left;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);min-height:var(--tap);cursor:pointer}.car:hover{border-color:var(--accent);background:var(--surface)}.car-model{font-size:19px;font-weight:700;letter-spacing:-.01em}.car-parts{font-size:var(--font-label);color:var(--text-2)}.car-count{font-size:13px;color:var(--muted)}.shelf-hit{display:flex;align-items:center;gap:14px;width:100%;text-align:left;margin-top:12px;padding:12px 14px;min-height:var(--tap);color:var(--text);background:var(--surface-2);border:2px solid var(--accent);border-radius:var(--radius-sm)}.shelf-hit:hover{background:var(--surface)}.where{display:grid;justify-items:end;gap:1px;text-align:right;flex:none}.where-code{font-size:22px;font-weight:800;letter-spacing:-.01em}.where-words{font-size:12px;color:var(--muted)}.where.none{font-size:var(--font-label);color:var(--muted)}.find-row .line:first-child{align-items:center;gap:14px}.mt{margin-top:var(--gap)}.barcode-preview{background:#fff;color:#000;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:16px;display:grid;gap:6px;margin-bottom:14px}.scan-result{margin-top:var(--gap);padding:14px;border-radius:var(--radius-sm);border:2px solid var(--line-strong);display:grid;gap:4px}.scan-result.ok{border-color:var(--green);background:var(--green-bg)}.scan-result.bad{border-color:var(--red);background:var(--red-bg)}.scan-result p{margin:0}.scan-code{font-family:ui-monospace,monospace;font-size:var(--font-label);color:var(--text-2);letter-spacing:.5px}@media print{.no-print,.counter{display:none!important}.label-sheet{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0;margin:0}.label-sheet.small{grid-template-columns:repeat(4,1fr)}.label{border:1px dotted #bbb;border-radius:0;break-inside:avoid;min-height:88px}.label-sheet.small .label{min-height:70px}.page{max-width:none}}
