:root{--bg:#fff;--fg:#1a1a1a;--muted:#666;--line:#ddd;--head:#333;--head-fg:#eee;--accent:#e8893a;--accent-dark:#c96f24;--ok:#1b8a3a;--bad:#c62828;--sale:#ff2800;--clearout:#f90}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0;font:14px/1.4 system-ui,Segoe UI,Arial,sans-serif}a{color:inherit}button,input,select{font:inherit}.header{color:var(--fg);border-bottom:3px solid var(--accent);background:#fff;flex-wrap:wrap;align-items:center;gap:24px;padding:8px 16px;display:flex}.header .brand{color:var(--fg);align-items:center;gap:12px;text-decoration:none;display:flex}.header .brand img{width:auto;height:41px;display:block}.header .brand-sub{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;font-size:13px;line-height:1}.header .spacer{flex:1}.header form{display:inline}.header .who{text-align:right;font-size:12px;line-height:1.3}.nav{background:var(--head);color:#eee;flex-wrap:wrap;gap:2px;padding:0 8px;display:flex}.nav a{color:#eee;padding:8px 12px;text-decoration:none;display:inline-block}.nav a:hover,.nav a[aria-current=page]{background:var(--accent);color:#111}.footer{text-align:center;padding:24px 16px 32px}.login-logo{max-width:100%;height:auto;margin:0 auto 8px;display:block}.page{max-width:1400px;margin:0 auto;padding:16px}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:12px}input[type=text],input[type=email],input[type=password],input[type=number],select{border:1px solid var(--line);border-radius:4px;min-width:160px;padding:6px 8px}button,.btn{border:1px solid var(--head);background:var(--head);color:#fff;cursor:pointer;border-radius:4px;padding:6px 12px}button:hover,.btn:hover{border-color:var(--accent-dark);background:var(--accent-dark)}button.secondary,.btn.secondary{color:var(--head);background:#fff}button.secondary:hover,.btn.secondary:hover{border-color:var(--accent);color:var(--fg);background:#fff3e0}table.items{border-collapse:collapse;width:100%;margin-top:12px}table.items th,table.items td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}table.items th{background:#f5f5f5;font-weight:600;position:sticky;top:0}.stock-ok{color:var(--ok);font-weight:600}.stock-bad{color:var(--bad);font-weight:600}.price-sale{color:var(--sale)}.price-clearout{color:var(--clearout)}.was{color:var(--muted);margin-right:6px;text-decoration:line-through}.section-title{border-left:4px solid var(--accent);background:#f5f5f5;margin:16px 0 8px;padding:6px 10px;font-weight:600}.login-box{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:12px;max-width:380px;margin:80px auto;padding:24px;display:flex}.error{color:var(--bad)}.pager{align-items:center;gap:8px;margin:12px 0;display:flex}.small{font-size:12px}.check{align-items:center;gap:6px;padding-bottom:7px;display:inline-flex}.filters .btn{text-decoration:none;display:inline-block}table.items td.col-img{width:72px;padding:4px}table.items .col-brand{width:110px}table.items .col-num{text-align:right;white-space:nowrap}table.items th.col-num{text-align:right}.thumb{line-height:0;display:inline-block}.thumb img,.no-image{border:1px solid var(--line);background:#fff;border-radius:4px}.no-image{background:repeating-linear-gradient(45deg,#f6f6f6 0 8px,#fff 8px 16px);display:inline-block}.item-number{font-weight:600;text-decoration:none}.item-name a{text-decoration:none}.item-name a:hover,.item-number:hover{text-decoration:underline}.group-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:12px 0 16px;display:grid}.group-tile{flex-direction:column;gap:6px;font-weight:600;text-decoration:none;display:flex}.group-tile img,.group-tile .no-image{border:1px solid var(--line);border-radius:6px;width:100%;height:110px}.group-tile:hover span{color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;margin:8px 0 12px;display:flex}.chip{border:1px solid var(--line);background:#fafafa;border-radius:999px;padding:4px 10px;font-size:13px;text-decoration:none}.chip:hover{border-color:var(--accent)}.catalog-body{display:block}.catalog-body.with-facets{grid-template-columns:220px 1fr;align-items:start;gap:16px;display:grid}.facets details{border-bottom:1px solid var(--line);padding:6px 0}.facets summary{cursor:pointer;font-weight:600}.facets ul{max-height:240px;margin:6px 0 0;padding:0;list-style:none;overflow:auto}.facets li a{padding:2px 0;font-size:13px;text-decoration:none;display:block}.facets li a.selected{color:var(--accent);font-weight:600}.item-page .crumbs a{text-decoration:none}.item-head{justify-content:space-between;align-items:flex-start;gap:16px;margin:8px 0 16px;display:flex}.item-head h1{margin:0;font-size:22px}.item-title{margin:4px 0;font-size:16px}.item-body{grid-template-columns:minmax(200px,320px) 1fr;align-items:start;gap:24px;display:grid}.item-photos{flex-wrap:wrap;gap:8px;display:flex}.item-photos img,.item-photos .no-image{border:1px solid var(--line);background:#fff;border-radius:6px}.item-facts{flex-direction:column;gap:12px;display:flex}.price-big{font-size:22px;font-weight:600}table.specs{border-collapse:collapse;max-width:520px}table.specs th,table.specs td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:4px 8px}table.specs th{color:var(--muted);width:40%;font-weight:500}.item-description{max-width:800px;margin-top:20px}.item-description p{min-height:8px;margin:0 0 4px}.notice{border:1px solid var(--line);border-radius:6px;margin:8px 0 12px;padding:8px 12px}.notice.ok{background:#eef8f0;border-color:#bfe3c6}.notice.warn{background:#fff7e8;border-color:#f5d9a6}.notice.bad{background:#fdeeee;border-color:#f0b8b8}.add-form{align-items:center;gap:6px;display:inline-flex}.add-form .qty,.qty{width:64px;min-width:0;padding:5px 6px}.add-form button.order{background:var(--ok);border-color:var(--ok)}.add-form button.backorder{background:#b26a00;border-color:#b26a00}.add-form.compact button{padding:5px 8px}table.items .col-order{white-space:nowrap;text-align:right}.order-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px;display:flex}.order-head h1{margin:0;font-size:20px}.totals{text-align:right;flex-direction:column;gap:4px;display:flex}.freight{flex-direction:column;gap:2px;display:flex}table.order-lines .col-qty{white-space:nowrap;width:150px}.qty-form{align-items:center;gap:4px;display:inline-flex}button.small,.btn.small{padding:3px 8px;font-size:12px}details.comment summary{cursor:pointer;margin-top:4px;font-size:12px}details.comment summary.has-comment{color:var(--fg)}details.comment form{margin-top:6px}.order-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:16px;padding-top:12px;display:flex}.order-actions .spacer{flex:1}.order-actions details summary{list-style:none;display:inline-block}.order-actions details summary::-webkit-details-marker{display:none}.save-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:8px;display:flex}.btn.checkout,button.checkout{background:var(--accent);border-color:var(--accent);color:#111;padding:8px 18px;font-weight:600}.quick-add{align-items:flex-end}.checkout-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px 24px;margin:12px 0;display:grid}.checkout-grid textarea{border:1px solid var(--line);border-radius:4px;width:100%;padding:6px 8px}.radio-group{flex-direction:column;gap:6px;display:flex}fieldset.pickup{border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:8px 12px}.submitted h1{font-size:20px}@media (max-width:720px){.catalog-body.with-facets{grid-template-columns:1fr}table.items .col-order .add-form{flex-direction:column;align-items:stretch}.item-body{grid-template-columns:1fr}table.items .col-brand{display:none}.page{padding:12px}table.items{font-size:13px}input[type=text],select{width:100%;min-width:0}}.order-switcher{flex-direction:column;gap:2px;display:flex}.order-switcher form{align-items:center;gap:6px;display:flex}.order-switcher select{max-width:260px}.order-summary-line{color:var(--muted);font-size:12px;text-decoration:none}.order-summary-line:hover{color:var(--accent-dark)}.rename{align-items:center;gap:6px;margin:4px 0;display:flex}.rename input[type=text]{min-width:280px}.tabs a{text-decoration:none}.account-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:12px 0;display:grid}.account-grid h2,.doc h2{margin:0 0 8px;font-size:18px}.account-grid h3{color:var(--muted);margin:16px 0 6px;font-size:14px}dl.facts{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 12px;display:grid}dl.facts dt{color:var(--muted)}dl.facts dd{margin:0}dl.facts.compact{gap:2px 12px;font-size:13px}dl.row-facts{grid-template-columns:repeat(5,max-content 1fr);font-size:13px}.doc{border:1px solid var(--line);border-radius:6px;margin:10px 0 16px;padding:10px 12px}.doc-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.scroll-x{overflow-x:auto}table.items.compact th,table.items.compact td{padding:3px 6px;font-size:13px}ul.rules{gap:2px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:720px){dl.row-facts{grid-template-columns:max-content 1fr}}.status{font-weight:600}.status-Editing{color:var(--muted)}.status-Pending{color:#b26a00}.status-Open,.status-Received,.status-InProgress{color:#0b5fa5}.status-Finished,.status-Complete{color:var(--ok)}.return-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start;gap:24px;display:grid}.return-form fieldset{border:1px solid var(--line);border-radius:6px;margin:0 0 12px;padding:8px 12px 12px}.return-form legend{padding:0 4px;font-weight:600}.return-form textarea,.field textarea{border:1px solid var(--line);border-radius:4px;width:100%;padding:6px 8px}ul.files{margin:4px 0;padding:0;list-style:none}.photos{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.photos figure{text-align:center;margin:0}.photos img{border:1px solid var(--line);object-fit:cover;border-radius:4px}.uploads{align-items:flex-start;margin-top:8px}ul.thread{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}ul.thread li{border:1px solid var(--line);white-space:pre-wrap;border-radius:6px;padding:6px 10px}ul.thread li.staff{background:#f3f7fb;border-color:#cfe0f0}ul.thread li.dealer{background:#fafafa}.warranty-info p{margin:0 0 4px}@media (max-width:720px){.return-grid{grid-template-columns:1fr}}.booking-title{align-items:flex-start;gap:12px;display:flex}.booking-title h2{margin:0}.booking-panel{background:#fff8ec;border:1px solid #f5d9a6;border-radius:6px;grid-template-columns:1fr auto auto;align-items:start;gap:16px;margin:0 0 12px;padding:10px 12px;display:grid}.levels .chip{margin-right:4px}.chip.selected{border-color:var(--accent);background:#fff3e0;font-weight:600}tr.sheet-heading td{background:#f3f3f3;font-weight:600}table.sheet .col-qty{width:90px}@media (max-width:720px){.booking-panel{grid-template-columns:1fr}}.watch-form{margin-top:4px;display:inline-block}.watch-form button.watching{border-color:var(--ok);color:var(--ok)}.print-doc{max-width:960px;margin:0 auto;padding:16px}.print-toolbar{justify-content:flex-end;gap:8px;margin-bottom:8px;display:flex}.print-head{border-bottom:3px solid var(--accent);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;padding-bottom:8px;display:flex}.print-head img{width:auto;height:44px}.print-doc h1{margin:0 0 12px;font-size:20px}.print-doc h3{color:var(--muted);margin:0 0 4px;font-size:13px}.print-two{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:12px;display:grid}.print-addresses{grid-template-columns:1fr 1fr;gap:16px;display:grid}.print-facts{font-size:13px}table.print-items th{position:static}@media print{.no-print,.header,.nav,.footer,.notice,.order-actions,.add-form,.watch-form,.filters,.pager,.facets,.group-grid,.chips{display:none!important}body{font-size:12px}.page,.print-doc{max-width:none;padding:0}a{color:inherit;text-decoration:none}table.items th,table.items td{padding:3px 6px}.thumb img,.no-image{display:none}@page{margin:12mm}}.doc-links{margin:0 0 8px}table.aging{margin-bottom:12px}.subnav{border-bottom:2px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:2px;margin:4px 0 16px;display:flex}.subnav .tab{color:var(--muted);border:2px solid #0000;border-bottom:none;border-radius:6px 6px 0 0;margin-bottom:-2px;padding:8px 14px;font-size:14px;text-decoration:none;display:inline-block}.subnav a.tab:hover{color:var(--fg);background:#f7f7f7}.subnav .tab.active{color:var(--fg);border-color:var(--line);border-top:3px solid var(--accent);background:#fff;padding-top:7px;font-weight:600}.subnav-right{margin-left:auto;padding-bottom:6px}.crumbs{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0 12px;font-size:13px;display:flex}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--accent-dark);text-decoration:underline}.crumb-sep{color:#bbb;margin:0 6px}.crumb-current{font-weight:600}.page-head{align-items:center;gap:16px;margin:4px 0 12px;display:flex}.page-head h1{margin:0;font-size:20px}.page-head .btn{text-decoration:none}@media (max-width:720px){.subnav .tab{padding:6px 10px;font-size:13px}}
