:root{color-scheme:light;--ink: #062a55;--muted: #667085;--line: #c9d4e2;--soft-line: #e4ebf4;--paper: #ffffff;--surface: #f3f7fb;--sidebar: #062a55;--accent: #f6c400;--accent-strong: #dba900;--blue: #083a73;--green: #047857;--danger: #b91c1c;--shadow: 0 14px 40px rgba(6, 42, 85, .1);--keyboard-inset: 0px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{scroll-padding-bottom:96px;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--surface);color:var(--ink);overflow-x:hidden;overflow-anchor:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px;outline:none;scroll-margin-top:24px;scroll-margin-bottom:96px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #083a7329}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--soft-line);padding:10px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}.loading,.empty-state{display:grid;min-height:130px;place-items:center;border:1px dashed var(--line);border-radius:8px;color:var(--muted);background:#ffffffb3}.login-screen{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:24px}.login-panel{width:min(430px,100%);display:grid;gap:16px;padding:28px;border:1px solid var(--soft-line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.login-panel img{width:min(190px,72vw);height:auto;display:block}.login-panel h1{margin:0;font-size:clamp(1.55rem,3vw,2rem)}.login-hint{margin:0;color:var(--muted);font-size:.88rem}.form-error{padding:11px 12px;border-radius:8px;background:#fee2e2;color:var(--danger);font-weight:700}.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;min-height:100dvh}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:grid;grid-template-rows:auto 1fr auto;gap:22px;padding:18px;background:var(--sidebar);color:#f8fafc}.brand-block{display:flex;align-items:center;gap:12px}.brand-block img{width:62px;height:62px;object-fit:contain;border-radius:8px;background:#fff;padding:3px}.brand-block strong,.brand-block span{display:block}.brand-block span{color:#cbd5e1;font-size:.86rem}.main-nav{display:grid;align-content:start;gap:8px}.main-nav button,.user-box button{min-height:46px;display:flex;align-items:center;gap:10px;border:0;border-radius:8px;background:transparent;color:#e5e7eb;padding:0 12px;text-align:left}.main-nav button:hover,.user-box button:hover{background:#ffffff1f;color:#fff}.main-nav button.active{background:var(--accent);color:var(--sidebar)}.user-box{display:grid;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.user-box strong,.user-box span{display:block}.user-box>span{color:#cbd5e1;font-size:.86rem}.sync-state{display:inline-flex;width:fit-content;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 10px;color:#e5e7eb;font-size:.84rem}.sync-state.cloud{border-color:#fbc4008c;color:#fef3c7}.sync-state.local{border-color:#ffffff3d;color:#cbd5e1}.main-content{min-width:0;padding:26px}.page{width:min(1180px,100%);margin:0 auto;display:grid;gap:20px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.page-head h1{margin:2px 0 0;font-size:clamp(1.7rem,4vw,2.4rem)}.editor-head-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.form-overview{position:sticky;top:86px;z-index:4;display:grid;gap:10px;border:1px solid var(--soft-line);border-radius:8px;background:#fffffff5;padding:12px;box-shadow:var(--shadow)}.progress-card{display:grid;gap:5px}.progress-card span{color:var(--muted);font-size:.9rem}.progress-track{height:8px;overflow:hidden;border-radius:999px;background:#e5e7eb}.progress-track span{display:block;height:100%;border-radius:inherit;background:var(--green)}.live-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.live-summary span{display:grid;gap:2px;border:1px solid var(--soft-line);border-radius:8px;background:#f8fafc;padding:8px;color:var(--ink);font-size:.9rem}.live-summary b{color:var(--muted);font-size:.72rem;text-transform:uppercase}.mode-actions,.quick-step-controls,.review-actions{display:flex;flex-wrap:wrap;gap:8px}.mode-toggle{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:0 12px;font-weight:900}.mode-toggle.active{border-color:var(--blue);background:#eef5fb;color:var(--blue)}.mode-toggle.warning{border-color:#fecaca;background:#fff1f2;color:var(--danger)}.quick-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:7px}.quick-steps button{min-height:44px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:6px 8px;font-weight:800;text-align:left}.quick-steps button span{width:24px;height:24px;display:inline-grid;place-items:center;flex:0 0 auto;border-radius:999px;background:#e5e7eb}.quick-steps button.active{border-color:var(--blue);background:#eef5fb;color:var(--blue)}.quick-steps button.done span{background:#dcfce7;color:var(--green)}.primary-lite{border-color:var(--blue);background:var(--blue);color:#fff}.eyebrow{color:var(--blue);font-weight:800;letter-spacing:0;text-transform:uppercase;font-size:.78rem}.sticky-actions{position:sticky;top:0;z-index:5;padding:12px 0;background:var(--surface)}.toolbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.action-button,.text-button,.icon-button,.inline-actions button,.archive-actions button,.tag-list button{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;font-weight:800}.action-button.primary{border-color:var(--accent);background:var(--accent);color:var(--sidebar)}.action-button.primary:hover{background:var(--accent-strong)}.text-button{padding:0 14px;font-weight:800}.icon-button,.inline-actions button,.archive-actions button,.tag-list button{width:42px;display:inline-grid;place-items:center;padding:0}.icon-button.ghost{border-color:transparent;background:transparent}.quick-grid,.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.quick-tile{min-height:116px;display:grid;align-content:center;gap:10px;border:1px solid var(--soft-line);border-radius:8px;background:var(--paper);color:var(--ink);padding:16px;text-align:left;box-shadow:var(--shadow)}.quick-tile svg{color:var(--blue)}.quick-tile.warning svg{color:var(--danger)}.quick-tile strong{font-size:1rem}.stat{display:grid;gap:8px;border:0;border-left:4px solid var(--blue);border-radius:8px;background:var(--paper);color:var(--ink);font:inherit;padding:16px;text-align:left;cursor:pointer}.stat:hover,.stat:focus-visible{outline:2px solid rgba(13,59,102,.18);outline-offset:2px;border-left-color:var(--yellow)}.stat span{color:var(--muted)}.stat strong{font-size:2rem}.list-section{display:grid;gap:12px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2{margin:0;font-size:1.16rem}.note-list{display:grid;gap:8px}.note-list.compact{margin-top:12px}.note-row{width:100%;min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--soft-line);border-radius:8px;background:var(--paper);color:var(--ink);padding:13px;text-align:left}.note-row.static{cursor:default}.deleted-note-row .inline-actions button{width:auto;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;font-weight:800}.deleted-bulk-actions{justify-content:flex-end}.deleted-select{width:fit-content;display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:800}.deleted-select input{width:20px;min-height:20px}.deleted-preview{margin-top:8px}.deleted-preview>summary{width:fit-content;cursor:pointer;color:var(--blue);font-weight:900}.deleted-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:10px}.deleted-preview-grid span,.deleted-preview-text{display:grid;gap:2px}.deleted-preview-grid b,.deleted-preview-text b{color:var(--muted);font-size:.74rem;text-transform:uppercase}.deleted-preview-text{margin-top:8px}.deleted-preview button{width:fit-content;min-width:150px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:10px;padding:0 10px;font-weight:800}.note-row.editable{min-height:auto;display:grid;grid-template-columns:minmax(180px,2fr) 90px minmax(160px,1.4fr) auto;align-items:end}.note-row>div{display:grid;gap:4px}.note-row span{color:var(--muted);font-size:.88rem}.status-pill{width:fit-content;display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#fef3c7;color:#92400e;padding:4px 9px;font-size:.78rem;font-weight:800}.status-badge-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.status-dot{width:9px;height:9px;border-radius:999px;background:currentColor}.status-pill.draft{background:#fef3c7;color:#92400e}.status-pill.done{background:#dcfce7;color:var(--green)}.status-pill.calculated{background:#dbeafe;color:#1d4ed8}.status-pill.prescribed{background:#ffedd5;color:#c2410c}.status-pill.complaint,.status-pill.missing{background:#fee2e2;color:var(--danger)}.form-section{overflow:hidden;border:1px solid var(--soft-line);border-radius:8px;background:var(--paper);box-shadow:var(--shadow)}.quick-step-anchor{scroll-margin-top:260px}.form-section summary{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;font-size:1.05rem;font-weight:900;text-transform:uppercase;cursor:pointer}.section-blue>summary,.section-blue>.section-heading{background:var(--blue);color:#fff}.section-yellow>summary,.section-yellow>.section-heading{background:var(--accent);color:var(--sidebar)}.section-orange>summary,.section-orange>.section-heading{background:#f97316;color:#fff}.section-green>summary,.section-green>.section-heading{background:var(--green);color:#fff}.section-blue>summary .section-state,.section-blue>.section-heading .section-state,.section-orange>summary .section-state,.section-orange>.section-heading .section-state,.section-green>summary .section-state,.section-green>.section-heading .section-state{border:1px solid rgba(255,255,255,.42);background:#ffffff2e;color:#fff}.section-yellow>summary .section-state,.section-yellow>.section-heading .section-state{border:1px solid rgba(6,42,85,.22);background:#ffffff80;color:var(--sidebar)}.form-section>summary .section-state.ok,.form-section>.section-heading .section-state.ok{border-color:#bbf7d0;background:#dcfce7;color:var(--green)}.form-section>summary .section-state.missing,.form-section>.section-heading .section-state.missing{border-color:#fecaca;background:#fee2e2;color:var(--danger)}.section-heading{min-height:56px;display:flex;align-items:center;padding:0 16px;font-size:1.05rem;font-weight:900}.section-state{flex:0 0 auto;border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:900}.section-state.ok{background:#dcfce7;color:var(--green)}.section-state.missing{background:#fee2e2;color:var(--danger)}.section-state.neutral{background:#eef5fb;color:var(--blue)}.form-section>*:not(summary){margin:0 16px 16px}.form-grid,.position-composer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px;color:var(--muted);font-size:.86rem;font-weight:800}.required-field>span b,.segmented-wrap.required-field>span b{color:var(--danger)}.field input,.field select,.field textarea{color:var(--ink);font-weight:500}.dictation-control{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:stretch;gap:6px}.dictation-control.multiline{align-items:start}.dictation-control.multiline .dictation-button{min-height:46px}.dictation-button{width:46px;min-height:46px;color:var(--blue)}.dictation-button.active{border-color:var(--accent);background:#fff8d6;color:var(--blue)}.field-wide{grid-column:1 / -1}.tire-lookup{min-width:0;display:grid;gap:6px}.tire-lookup-suggestions{display:flex;flex-wrap:wrap;gap:6px;max-height:150px;overflow-y:auto;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px}.tire-lookup-suggestions button{min-height:34px;border:1px solid var(--soft-line);border-radius:8px;background:#eef5fb;color:var(--blue);padding:0 10px;font-weight:800}.tire-lookup-suggestions button:hover,.tire-lookup-suggestions button:focus{border-color:var(--accent);background:#fff6cf}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.segmented-wrap{display:grid;gap:8px;color:var(--muted);font-size:.86rem;font-weight:800}.segmented{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px}.segmented button{min-height:48px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:800}.segmented button.active{border-color:var(--ink);background:var(--ink);color:#fff}.order-type-wrap .segmented button{border-width:2px}.segmented button.order-workshop.active{border-color:#1d4ed8;background:#dbeafe;color:#123b7a}.segmented button.order-mobile.active{border-color:#d97706;background:#fef3c7;color:#92400e}.segmented button.order-breakdown.active{border-color:var(--danger);background:#fee2e2;color:var(--danger)}.segmented button.order-complaint.active{border-color:#ea580c;background:#ffedd5;color:#9a3412}.history-box{border-top:1px solid var(--soft-line);padding-top:14px}.compact-history{grid-column:1 / -1;margin-top:14px}.compact-history summary{min-height:0;padding:0;color:var(--blue);font-size:.92rem;font-weight:900;cursor:pointer}.history-box h3{margin:0 0 10px}.history-list{display:grid;gap:8px}.history-list div{display:grid;gap:3px;border-left:3px solid var(--accent);padding-left:10px}.history-list span,.history-list small{color:var(--muted)}.time-summary{display:flex;flex-wrap:wrap;gap:8px}.time-summary span,.time-summary strong,.database-count{border-radius:999px;background:#eef5fb;color:var(--blue);padding:7px 11px;font-size:.86rem;font-weight:800}.order-time-fields{display:grid;gap:12px;border-top:1px solid var(--soft-line);padding-top:14px}.complaint-notice{border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:#9a3412;padding:11px 12px;font-weight:900}.complaint-link-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.complaint-link-list button{min-height:58px;display:grid;align-content:center;gap:3px;border:1px solid #fed7aa;border-radius:8px;background:#fff7ed;color:var(--ink);padding:9px 11px;text-align:left}.complaint-link-list button:hover,.complaint-link-list button:focus{border-color:#ea580c;background:#ffedd5}.complaint-link-list span{color:var(--muted);font-size:.84rem}.toast{border-radius:8px;background:#fff6cf;color:var(--blue);padding:12px 14px;font-weight:800}.backup-panel{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #f6c400;border-radius:8px;background:#fff8d6;padding:14px}.backup-panel div{display:grid;gap:3px}.backup-panel span{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#062a5573;padding:18px}.modal-panel{width:min(460px,100%);display:grid;gap:14px;border-radius:8px;background:var(--paper);padding:18px;box-shadow:var(--shadow)}.modal-panel h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.locked-banner,.required-summary,.damage-photo-hint{border-radius:8px;padding:12px 14px;font-weight:800}.locked-banner{border:1px solid var(--line);background:#eef5fb;color:var(--blue)}.required-summary,.damage-photo-hint{border:1px solid #fecaca;background:#fff1f2;color:var(--danger)}.editor-fieldset{min-width:0;display:grid;gap:20px;border:0;margin:0;padding:0}.editor-fieldset:disabled input,.editor-fieldset:disabled select,.editor-fieldset:disabled textarea{background:#f3f4f6;color:#6b7280}.responsive-table{width:100%;overflow-x:auto}.quantity-input{width:86px;min-width:86px}.check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px}.check-tile{min-height:48px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-weight:700}.check-tile input{width:20px;min-height:20px}.position-picker{display:grid;gap:16px}.position-group{display:grid;gap:9px;border-top:1px solid var(--soft-line);padding-top:12px}.position-group:first-child{border-top:0;padding-top:0}.position-group h3,.position-group>summary{margin:0;color:var(--ink);font-size:.95rem;font-weight:900;cursor:pointer}.position-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.position-check{min-height:54px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:4px 9px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font-weight:800}.position-check.active{border-color:var(--blue);background:#eef5fb;color:var(--blue)}.position-check input{width:20px;min-height:20px;grid-row:span 2}.position-check small{color:var(--muted);font-weight:800}.scrap-inline{display:grid;gap:14px;border-top:1px solid var(--soft-line);padding-top:14px}.scrap-inline h3{margin:0;font-size:.95rem}.manual-scrap{display:grid;gap:10px;border-top:1px solid var(--soft-line);padding-top:12px}.inline-editor{display:grid;gap:12px;border-top:1px solid var(--soft-line);padding-top:14px}.inline-editor h3,.inline-editor>summary{margin:0;color:var(--ink);font-size:.95rem;font-weight:900;cursor:pointer}.manual-scrap h4{margin:0;font-size:.95rem}.manual-scrap-composer{display:grid;grid-template-columns:minmax(180px,2fr) 110px minmax(160px,1.5fr) auto;align-items:end;gap:10px}.quick-tire-change{display:grid;gap:14px}.wheel-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.wheel-card{display:grid;gap:6px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.wheel-card.active{border-color:var(--blue);background:#f8fbff}.wheel-card span,.wheel-card small{color:var(--muted);font-size:.84rem}.wheel-card small.ok{color:var(--green);font-weight:800}.wheel-card .text-button{justify-self:start;min-height:38px}.quick-tire-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.quick-tire-toolbar>div{display:grid;gap:3px}.quick-tire-toolbar span{color:var(--muted);font-size:.86rem}.quick-tire-row{display:grid;gap:12px;border:1px solid var(--soft-line);border-radius:8px;background:#fff;padding:14px}.quick-tire-row-head{display:grid;grid-template-columns:minmax(220px,1fr) minmax(300px,auto);align-items:end;gap:10px}.quick-tire-row-actions{display:flex;flex-wrap:wrap;align-items:end;justify-content:flex-end;gap:8px}.quick-tire-row-actions .field{min-width:180px}.quick-tire-row-actions .text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px}.quick-tire-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-tire-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start;overflow:hidden;border:1px solid var(--soft-line);border-radius:8px;background:#fff;padding:0 12px 12px}.quick-tire-side h4{grid-column:1 / -1;margin:0 -12px;padding:11px 12px;font-size:1rem;letter-spacing:0;text-transform:uppercase}.old-tire-side h4{background:var(--blue);color:#fff}.new-tire-side h4{background:var(--accent);color:var(--sidebar)}.tire-owned-check{grid-column:1 / -1}.quick-tire-empty{display:grid;gap:10px}.loose-tire-editor{display:grid;gap:12px;border-top:1px solid var(--soft-line);padding-top:14px}.loose-tire-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tire-position-list,.forklift-editor{display:grid;gap:14px}.tire-position{display:grid;gap:10px;border-top:1px solid var(--soft-line);padding-top:14px}.tire-position h3{margin:0}.completion-review{display:grid;gap:8px;margin:0 16px 16px}.review-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid var(--soft-line);border-radius:8px;background:#fff;padding:10px}.review-row>span{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:999px;font-weight:900}.review-row.ok>span{background:#dcfce7;color:var(--green)}.review-row.missing>span{background:#fee2e2;color:var(--danger)}.review-actions{margin:0 16px 16px}.tire-inputs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}.photo-actions{display:flex;flex-wrap:wrap;align-items:end;gap:14px}.photo-actions .field{min-width:230px}.file-drop{min-height:70px;display:inline-flex;align-items:center;gap:10px;border:1px dashed var(--blue);border-radius:8px;background:#eef5fb;color:var(--blue);padding:14px 16px;font-weight:900}.file-drop input{display:none}.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.photo-grid figure{margin:0;overflow:hidden;border:1px solid var(--soft-line);border-radius:8px;background:#fff}.photo-grid img{width:100%;height:180px;display:block;object-fit:cover}.photo-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;color:var(--muted);font-weight:800}.signature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.signature-pad{display:grid;gap:8px}.signature-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-weight:900}.signature-pad canvas{width:100%;height:170px;border:1px solid var(--line);border-radius:8px;background:#fff;touch-action:none}.signature-pad.disabled canvas{background:#f3f4f6;opacity:.75}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.filters .search-field{grid-column:span 2}.search-field{position:relative}.search-field svg{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--muted)}.search-field input{padding-left:38px}.archive-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.archive-card{display:grid;gap:12px;border:1px solid var(--soft-line);border-radius:8px;background:var(--paper);padding:14px;box-shadow:var(--shadow)}.archive-head{display:flex;justify-content:space-between;gap:12px}.archive-head div,.archive-meta{display:grid;gap:4px}.archive-head .status-badge-list{display:flex;justify-content:flex-end}.archive-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.archive-meta span{display:grid;gap:2px}.archive-meta b{color:var(--ink);font-size:.72rem;text-transform:uppercase}.complaint-label{width:fit-content;display:inline-flex;border-radius:999px;background:#fee2e2;color:var(--danger)!important;padding:4px 8px;font-size:.72rem!important;font-weight:900;letter-spacing:0}.archive-head span,.archive-meta span{color:var(--muted);font-size:.88rem}.archive-tire-matches{display:grid;gap:6px;border:1px solid #f6c400;border-radius:8px;background:#fff8d6;padding:8px 10px}.archive-tire-matches span{color:var(--blue);font-size:.85rem;font-weight:800;line-height:1.35}.archive-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:7px;justify-content:flex-end}.archive-actions button{width:auto;min-width:94px;display:inline-flex;justify-content:center;gap:7px;padding:0 10px;font-weight:800}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-list span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:6px 7px 6px 12px;font-weight:700}.tag-list button{width:26px;min-height:26px;border-radius:999px}.print-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-rows:auto auto 1fr;background:var(--surface)}.print-preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--soft-line);background:var(--paper);padding:14px 18px;box-shadow:var(--shadow)}.print-preview-head h2{margin:2px 0 0;font-size:1.25rem}.print-preview-notice{justify-self:center;width:min(1100px,calc(100% - 24px));margin:10px 12px 0;border:1px solid var(--line);border-radius:8px;background:#fff8d6;color:var(--blue);padding:9px 12px;font-weight:800}.print-preview iframe{width:min(1100px,calc(100% - 24px));height:calc(100vh - 146px);height:calc(100dvh - 146px);justify-self:center;margin:12px;border:1px solid var(--line);border-radius:8px;background:#fff}@media (max-width: 1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;z-index:10;height:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}.main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.user-box{grid-template-columns:repeat(4,auto);align-items:center;justify-content:start}.quick-grid,.stats-grid,.form-grid,.position-composer,.manual-scrap-composer,.loose-tire-form,.quick-tire-side,.filters,.tire-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.main-content{padding:14px}.sidebar{position:static;padding:12px}input,select,textarea{font-size:16px;scroll-margin-top:24px;scroll-margin-bottom:96px;touch-action:manipulation}.main-nav button span{display:none}.main-nav button{justify-content:center}.user-box{grid-template-columns:1fr 1fr}.page-head,.archive-head,.note-row{align-items:stretch;flex-direction:column}.toolbar{justify-content:stretch}.toolbar .action-button,.toolbar .text-button{flex:1 1 46%}.form-overview{position:static}.quick-step-anchor{scroll-margin-top:96px}.quick-step-controls .text-button,.quick-step-controls .action-button,.mode-actions .mode-toggle{flex:1 1 100%;min-height:48px}.quick-steps,.quick-grid,.stats-grid,.form-grid,.position-composer,.manual-scrap-composer,.loose-tire-form,.two-column,.quick-tire-row,.quick-tire-row-head,.quick-tire-pair,.quick-tire-side,.signature-grid,.filters,.archive-meta{grid-template-columns:1fr}.filters .search-field{grid-column:auto}.note-row.editable{grid-template-columns:1fr}.quick-tile{min-height:92px}.form-section>*:not(summary){margin:0 12px 14px}.tire-inputs{grid-template-columns:1fr}.photo-actions{display:grid}.photo-actions .field{min-width:0}.review-row{grid-template-columns:28px minmax(0,1fr)}.review-row .text-button{grid-column:1 / -1}.print-preview-head{align-items:stretch;flex-direction:column}.print-preview iframe{width:calc(100% - 16px);height:calc(100vh - 152px);height:calc(100dvh - 152px);margin:8px}}
