:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fa;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{background:#f3f6fa;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.loading-screen,.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.loading-screen{color:#475569;font-weight:700}.login-page{background:linear-gradient(145deg,#0f172a,#1e293b 58%,#334155)}.login-card{background:#fff;border-radius:22px;width:min(430px,100%);padding:34px;box-shadow:0 22px 65px #00000047}.login-card h1{margin:14px 0 4px;font-size:2rem}.login-card>p{color:#64748b;margin:0 0 26px}.brand-mark{color:#fff;background:#0f172a;border-radius:16px;place-items:center;width:62px;height:62px;font-size:1.6rem;font-weight:900;display:grid}label{color:#334155;gap:7px;font-weight:700;display:grid}input,select,textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:11px;outline:none;width:100%;min-height:48px;padding:10px 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb21}input:disabled{color:#64748b;background:#f1f5f9}.login-card label+label{margin-top:16px}.full-width{width:100%;margin-top:20px}.app-shell{color:#0f172a;background:#f3f6fa;min-height:100vh}.page-width{width:min(1120px,100% - 32px);margin-inline:auto}.topbar{color:#fff;background:#0f172a;box-shadow:0 2px 8px #0f172a2e}.topbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.brand{align-items:center;gap:10px;font-size:1.12rem;display:flex}.brand span{color:#0f172a;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.user-area{color:#cbd5e1;align-items:center;gap:16px;display:flex}.user-area button{color:#fff;background:0 0;border:1px solid #475569;border-radius:9px;padding:8px 12px}.page-heading{justify-content:space-between;align-items:end;gap:16px;padding:30px 0 20px;display:flex}.page-heading h1,.section-heading h2{margin:3px 0 0}.page-heading h1{font-size:clamp(1.7rem,4vw,2.35rem)}.eyebrow{color:#2563eb;text-transform:uppercase;letter-spacing:.09em;margin:0;font-size:.76rem;font-weight:900}.step-counter{color:#64748b;font-weight:700}.stepper{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;display:grid}.step{color:#64748b;text-align:left;background:#fff;border:1px solid #dbe2ea;border-radius:12px;align-items:center;gap:10px;min-height:64px;padding:10px;display:flex}.step span{background:#e2e8f0;border-radius:50%;flex:0 0 30px;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.step em{font-style:normal;font-weight:800}.step.active{color:#1d4ed8;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.step.active span,.step.complete span{color:#fff;background:#2563eb}.step.complete{color:#334155}.wizard-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:clamp(20px,4vw,34px);box-shadow:0 8px 24px #0f172a0d}.section-heading{margin-bottom:24px}.section-heading h2{font-size:1.55rem}.section-heading>p:last-child{color:#64748b;margin:7px 0 0}.big-field input{min-height:56px;font-size:1.08rem}.customer-results{gap:7px;max-height:420px;margin-top:10px;display:grid;overflow:auto}.customer-results button{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.customer-results button:hover{background:#eff6ff;border-color:#93c5fd}.customer-results small{color:#64748b;text-align:right;font-weight:600}.selected-customer{background:#f0fdf4;border:1px solid #86efac;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:12px;padding:16px;display:flex}.selected-customer strong{font-size:1.07rem}.selected-customer span{color:#475569;font-size:.92rem}.text-button{color:#1d4ed8;background:0 0;border:0;padding:14px 0 4px;font-weight:800}.inline-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:14px;padding:18px}.inline-panel h3{margin:0 0 15px}.form-grid{gap:16px;margin-bottom:20px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.optional{color:#94a3b8;font-size:.82rem;font-weight:600}.order-number-row{align-items:end;gap:12px;margin-bottom:20px;display:flex}.grow{flex:1}.toggle-button{color:#334155;white-space:nowrap;background:#fff;border:2px solid #cbd5e1;border-radius:11px;min-height:56px;padding:0 18px;font-weight:900}.toggle-button.active{color:#92400e;background:#fffbeb;border-color:#d97706}.check-card,.urgent-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:13px;grid-template-columns:auto 1fr;align-items:start;gap:13px;padding:16px}.check-card input,.urgent-card input,.process-option input{width:22px;height:22px;min-height:0;margin-top:1px}.check-card span,.urgent-card span{gap:4px;display:grid}.check-card small,.urgent-card small{color:#64748b;font-weight:500}.urgent-card{background:#fff7f7;border-color:#fca5a5;margin:18px 0}.urgent-card strong{color:#b91c1c}.line-heading{justify-content:space-between;align-items:start;gap:18px;display:flex}.line-pills{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}.line-pills button{background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:38px;height:38px;font-weight:800}.line-pills button.active{color:#fff;background:#0f172a;border-color:#0f172a}.process-fieldset{border:0;margin:6px 0 20px;padding:0}.process-fieldset legend{margin-bottom:9px;font-weight:800}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.process-option{background:#fff;border:1px solid #cbd5e1;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:9px;min-height:54px;padding:11px 12px}.process-option.selected{color:#1d4ed8;background:#eff6ff;border-color:#2563eb}.colour-field{margin-bottom:18px}.line-actions,.button-row,.wizard-actions{flex-wrap:wrap;gap:10px;display:flex}.line-actions{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.primary-button,.secondary-button,.danger-button,.add-line-button,.remove-line-button{border-radius:11px;min-height:48px;padding:10px 18px;font-weight:900}.primary-button{color:#fff;background:#2563eb;border:1px solid #1d4ed8}.primary-button:hover:not(:disabled){background:#1d4ed8}.secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.danger-button{color:#fff;background:#dc2626;border:1px solid #b91c1c}.add-line-button{color:#166534;background:#f0fdf4;border:1px solid #86efac}.remove-line-button{color:#b91c1c;background:0 0;border:0;margin-left:auto}.info-box,.warning-box,.error-box,.duplicate-box{border-radius:12px;margin:14px 0;padding:14px 16px}.info-box{color:#075985;background:#f0f9ff;border:1px solid #bae6fd}.warning-box,.duplicate-box{color:#78350f;background:#fffbeb;border:1px solid #fcd34d}.error-box{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.duplicate-box{margin-top:16px}.duplicate-box p{margin:6px 0}.duplicate-box small{margin-bottom:12px;display:block}.wizard-actions{justify-content:space-between;margin:16px 0 42px}.book-button{min-width:190px;min-height:54px;font-size:1.02rem}.review-block{border:1px solid #e2e8f0;border-radius:13px;margin-bottom:12px;padding:16px}.review-block-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.review-block-heading h3{margin:0}.review-block-heading button{color:#1d4ed8;background:0 0;border:0;font-weight:800}.review-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.review-grid span{gap:3px;display:grid}.review-grid small{color:#64748b}.review-lines{gap:9px;display:grid}.review-line{color:#475569;border-top:1px solid #f1f5f9;grid-template-columns:.8fr 1fr 1.3fr 1.6fr .8fr;align-items:center;gap:10px;padding:10px 0;font-size:.9rem;display:grid}.review-line:first-child{border-top:0}.review-note{color:#475569;margin:14px 0 0}.success-page{text-align:center;padding:70px 0}.success-icon{color:#15803d;background:#dcfce7;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 18px;font-size:2.2rem;font-weight:900;display:grid}.success-page h1{margin:0}.success-reference{color:#475569;font-size:1.08rem}.success-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:min(720px,100%);margin:26px auto;display:grid}.success-grid div{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:5px;padding:16px;display:grid}.success-grid span{color:#64748b;font-size:.82rem}.muted{color:#64748b}@media (width<=820px){.stepper{grid-template-columns:repeat(5,minmax(46px,1fr))}.step{justify-content:center}.step em{display:none}.form-grid.three,.process-grid,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-line{grid-template-columns:1fr 1fr}.success-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.page-width{width:min(100% - 20px,1120px)}.topbar-inner{height:60px}.user-area>span{display:none}.page-heading{padding-top:20px}.wizard-card{border-radius:14px;padding:18px 14px}.form-grid.two,.form-grid.three,.process-grid{grid-template-columns:1fr}.order-number-row{display:grid}.toggle-button{width:100%}.line-heading{display:block}.line-pills{justify-content:start;margin-top:12px}.customer-results button{display:grid}.customer-results small{text-align:left}.review-grid,.success-grid{grid-template-columns:1fr 1fr}.review-line{grid-template-columns:1fr}.wizard-actions{background:#f3f6fa;margin-bottom:0;padding:10px 0 14px;position:sticky;bottom:0}.wizard-actions button{flex:1}.remove-line-button{margin-left:0}}.main-nav{align-items:center;gap:6px;margin-inline:auto;padding-inline:24px;display:flex}.main-nav a{color:#cbd5e1;border-radius:9px;padding:10px 14px;font-weight:800;text-decoration:none;transition:background .15s,color .15s}.main-nav a:hover{color:#fff;background:#1e293b}.main-nav a.active{color:#fff;background:#2563eb}.workshop-page{padding-bottom:42px}.workshop-heading{padding-bottom:16px}.workshop-count{color:#475569;font-weight:800}.workshop-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.workshop-tabs button{color:#334155;letter-spacing:.02em;background:#fff;border:1px solid #cbd5e1;border-radius:12px;min-height:54px;font-weight:900}.workshop-tabs button.active{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 6px 18px #2563eb2e}.workshop-search{margin:0 0 14px}.workshop-search input{min-height:56px;font-size:1rem}.workshop-list{background:#fff;border:1px solid #dbe3ee;border-radius:15px;overflow:hidden;box-shadow:0 8px 24px #0f172a0d}.workshop-list-header,.workshop-row{grid-template-columns:1.35fr 1.05fr .72fr 2fr 1fr;align-items:center;gap:16px;display:grid}.workshop-list-header{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#eaf0f8;min-height:42px;padding:0 18px;font-size:.8rem;font-weight:900}.workshop-row{color:#0f172a;text-align:left;background:#fff;border:0;border-top:1px solid #e2e8f0;width:100%;min-height:76px;padding:10px 18px}.workshop-row:hover,.workshop-row:focus-visible{background:#f8fbff;outline:none}.workshop-row.urgent{background:#fff8f8;box-shadow:inset 5px 0 #dc2626}.workshop-customer{gap:4px;display:grid}.workshop-reference{font-weight:900}.work-required{color:#334155;font-weight:700}.urgent-badge{color:#b91c1c;letter-spacing:.04em;background:#fee2e2;border-radius:6px;width:max-content;padding:3px 7px;font-size:.7rem}.workshop-empty{text-align:center;color:#64748b;place-content:center;gap:8px;min-height:180px;padding:24px;display:grid}.workshop-empty strong{color:#334155;font-size:1.08rem}.detail-backdrop{z-index:50;background:#0f172a94;justify-content:flex-end;padding:18px;display:flex;position:fixed;inset:0}.workshop-detail{background:#f8fafc;border-radius:18px;flex-direction:column;width:min(930px,96vw);height:calc(100vh - 36px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0000004d}.detail-topbar{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:16px 22px;display:flex}.detail-topbar .eyebrow{color:#93c5fd;margin-bottom:2px}.detail-topbar h2{margin:0;font-size:1.65rem}.detail-close{color:#fff;background:#1e293b;border:1px solid #475569;border-radius:12px;width:48px;height:48px;font-size:2rem;line-height:1}.detail-content{padding:20px;overflow-y:auto}.detail-loading{color:#64748b;padding:36px;font-weight:700}.detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.detail-summary>div{background:#fff;border:1px solid #dbe3ee;border-radius:12px;gap:5px;padding:13px 14px;display:grid}.detail-summary small{color:#64748b}.detail-urgent,.detail-problem{border-radius:12px;margin-top:14px;font-weight:900}.detail-urgent{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;padding:12px 14px}.detail-problem{color:#92400e;background:#fffbeb;border:1px solid #fbbf24;padding:14px}.detail-problem p{margin:6px 0 0;font-weight:600}.detail-section{background:#fff;border:1px solid #dbe3ee;border-radius:14px;margin-top:18px;padding:16px}.detail-section h3{margin:0 0 12px}.work-tags{flex-wrap:wrap;gap:8px;display:flex}.work-tags span{color:#1d4ed8;background:#e8f0ff;border-radius:999px;padding:7px 11px;font-weight:800}.detail-lines{gap:12px;display:grid}.detail-line-card{border:1px solid #e2e8f0;border-radius:12px;padding:14px}.detail-line-title{border-bottom:1px solid #e2e8f0;justify-content:space-between;gap:12px;padding-bottom:10px;display:flex}.detail-line-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:12px 0 0;display:grid}.detail-line-card dl>div{gap:3px;display:grid}.detail-line-card dt{color:#64748b;font-size:.78rem}.detail-line-card dd{margin:0;font-weight:700}.detail-notes,.detail-attachments{gap:8px;display:grid}.detail-notes>div,.detail-attachments>div{background:#f8fafc;border-radius:9px;gap:4px;padding:10px 12px;display:grid}.detail-actions-placeholder{color:#475569;text-align:center;background:#f1f5f9;border:1px dashed #94a3b8;border-radius:12px;margin:18px 0 4px;padding:14px;font-weight:800}@media (width<=820px){.main-nav{padding-inline:8px}.main-nav a{padding:9px 10px}.workshop-list-header{display:none}.workshop-row{grid-template-columns:1.2fr 1fr .8fr;gap:8px 12px;min-height:86px}.workshop-row .work-required{grid-column:1/3}.detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.topbar-inner{gap:8px}.brand strong{display:none}.main-nav{flex:1;justify-content:center;padding:0}.main-nav a{padding:8px 9px;font-size:.82rem}.workshop-tabs{grid-template-columns:repeat(5,minmax(54px,1fr));overflow-x:auto}.workshop-tabs button{min-height:50px;padding-inline:8px;font-size:.75rem}.workshop-row{grid-template-columns:1fr 1fr;min-height:100px}.workshop-row .work-required{grid-column:1/-1}.detail-backdrop{padding:0}.workshop-detail{border-radius:0;width:100vw;height:100vh}.detail-content{padding:12px}.detail-summary,.detail-line-card dl{grid-template-columns:1fr}}.workshop-actions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border-top:1px solid #dbe3ee;margin:18px -18px -18px;padding:14px 18px 18px;position:sticky;bottom:0}.workshop-action-operator{max-width:320px;margin-bottom:12px}.workshop-action-operator label,.problem-entry label{color:#334155;gap:6px;font-weight:800;display:grid}.workshop-action-operator select,.problem-entry textarea{width:100%}.workshop-action-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.action-button{min-height:56px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:11px 14px;font-weight:900}.action-button:disabled{cursor:not-allowed;opacity:.58}.action-start{color:#fff;background:#0f766e}.action-packing{color:#fff;background:#1d4ed8}.action-problem,.action-problem-confirm{color:#fff;background:#b91c1c}.workshop-action-error{margin-bottom:10px}.problem-entry{background:#fff7f7;border:1px solid #fecaca;border-radius:12px;gap:10px;margin-top:12px;padding:12px;display:grid}.problem-entry textarea{resize:vertical;min-height:92px}.problem-entry-buttons{justify-content:flex-end;gap:10px;display:flex}.problem-entry-buttons .secondary-button,.problem-entry-buttons .action-button{min-height:48px}@media (width<=700px){.workshop-action-buttons{grid-template-columns:1fr}.workshop-action-operator{max-width:none}.problem-entry-buttons{grid-template-columns:1fr;display:grid}}.problem-card{margin-top:10px}.problem-card p{margin:0 0 10px}.resolve-problem-button,.action-resolve{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#15803d;border:0;border-radius:10px;padding:10px 16px;font-weight:900}.resolve-problem-button:disabled,.action-resolve:disabled{cursor:not-allowed;opacity:.58}.resolve-problem-entry{border-top:1px solid #f6c453;gap:10px;margin-top:10px;padding-top:10px;display:grid}.resolve-problem-entry label{gap:6px;font-weight:800;display:grid}.resolve-problem-entry label span{opacity:.75;font-weight:500}.resolve-problem-entry textarea{resize:vertical;width:100%;min-height:72px}.packing-page{padding-top:28px;padding-bottom:42px}.packing-heading{align-items:end}.packing-count{color:#334155;background:#fff;border:1px solid #d7e0ea;border-radius:999px;padding:10px 16px;font-weight:900}.packing-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.packing-tabs button{min-height:58px;font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #ccd7e5;border-radius:12px;padding:10px 14px;font-weight:900}.packing-tabs button.active{color:#fff;background:#173f67;border-color:#173f67}.packing-search{margin-bottom:16px}.packing-search input{width:100%;min-height:58px;font:inherit;border:1px solid #cbd5e1;border-radius:12px;padding:0 16px;font-size:17px}.packing-list{background:#fff;border:1px solid #d7e0ea;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0f172a0f}.packing-list-header,.packing-row{grid-template-columns:minmax(160px,1.25fr) minmax(150px,1fr) minmax(165px,1.05fr) minmax(110px,.7fr) minmax(190px,1.45fr) minmax(110px,.7fr);align-items:center;gap:14px;display:grid}.packing-list-header{color:#64748b;text-transform:uppercase;letter-spacing:.04em;background:#f4f7fb;border-bottom:1px solid #dbe3ee;min-height:46px;padding:0 18px;font-size:12px;font-weight:900}.packing-row{text-align:left;width:100%;min-height:76px;font:inherit;color:#1e293b;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e7edf4;padding:12px 18px}.packing-row:last-child{border-bottom:0}.packing-row:hover{background:#f7fafc}.packing-row.part-packed{background:#fff9e8;box-shadow:inset 5px 0 #d97706}.packing-row.needs-repacking{background:#fff1f2;box-shadow:inset 5px 0 #be123c}.packing-row.urgent,.packing-row.urgent.part-packed,.packing-row.urgent.needs-repacking{box-shadow:inset 5px 0 #b91c1c}.packing-customer{gap:5px;display:grid}.packing-reference{overflow-wrap:anywhere;font-weight:900}.packing-status-badge{text-transform:uppercase;background:#e7edf5;border-radius:999px;align-items:center;min-height:34px;padding:6px 10px;font-size:12px;font-weight:950;line-height:1.1;display:inline-flex}.packing-status-badge.part-packed{color:#9a3412;background:#ffedd5}.packing-status-badge.needs-repacking{color:#9f1239;background:#ffe4e6}.packing-status-badge.awaiting-courier{color:#1e40af;background:#dbeafe}.packing-status-badge.awaiting-collection{color:#166534;background:#dcfce7}.packing-status-badge.dispatch-unknown{color:#92400e;background:#fef3c7}.dispatch-pill{border-radius:999px;align-items:center;width:fit-content;min-height:34px;padding:6px 10px;font-size:13px;font-weight:900;display:inline-flex}.dispatch-courier{color:#1e40af;background:#dbeafe}.dispatch-collection{color:#166534;background:#dcfce7}.dispatch-unknown{color:#92400e;background:#fef3c7}.packing-empty{text-align:center;color:#64748b;gap:5px;padding:34px 18px;display:grid}.packing-detail{max-width:1080px}.packing-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.packing-warning{border-radius:12px;gap:4px;margin:14px 0;padding:13px 15px;display:grid}.packing-warning strong{font-size:15px}.packing-warning span{line-height:1.45}.packing-repack-warning{color:#881337;background:#fff1f2;border:1px solid #fda4af}.packing-courier-warning{color:#1e3a8a;background:#eff6ff;border:1px solid #93c5fd}.packing-unknown-warning{color:#78350f;background:#fffbeb;border:1px solid #fcd34d}.packing-actions{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #dbe3ee;margin:18px -18px -18px;padding:14px 18px 18px;position:sticky;bottom:0}.packing-action-error{margin-bottom:10px}.packing-action-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.packing-action-button{min-height:62px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:10px 12px;font-size:15px;font-weight:950}.packing-action-button:disabled{cursor:not-allowed;opacity:.52}.part-pack-button{color:#fff;background:#d97706}.fully-pack-button{color:#fff;background:#1d4ed8}.collected-button{color:#fff;background:#15803d}.packing-problem-button{color:#fff;background:#b91c1c}@media (width<=1050px){.packing-list-header,.packing-row{grid-template-columns:minmax(140px,1.2fr) minmax(135px,1fr) minmax(145px,1fr) minmax(105px,.7fr) minmax(165px,1.25fr)}.packing-list-header span:last-child,.packing-row>span:last-child{display:none}.packing-action-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.packing-tabs{grid-template-columns:1fr}.packing-list-header{display:none}.packing-row{grid-template-columns:1fr 1fr;gap:8px 12px;min-height:104px}.packing-row>span{display:block!important}.packing-row .work-required{grid-column:1/-1}.packing-summary{grid-template-columns:1fr 1fr}.packing-action-buttons{grid-template-columns:1fr}}.office-page{width:min(1840px,100vw - 34px);margin:0 auto;padding:22px 0 36px}.office-heading{grid-template-columns:1fr minmax(360px,620px);align-items:end;gap:24px;margin-bottom:14px;display:grid}.office-heading h1{margin:2px 0 0}.office-search input{width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:0 13px}.office-filter-cards{grid-template-columns:repeat(7,minmax(105px,1fr));gap:8px;margin-bottom:12px;display:grid}.office-filter-cards button{min-height:54px;font:inherit;color:#334155;cursor:pointer;background:#fff;border:1px solid #d1dae6;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;font-size:13px;font-weight:850;display:flex}.office-filter-cards button strong{color:#0f172a;background:#edf2f8;border-radius:999px;place-items:center;min-width:28px;min-height:28px;display:grid}.office-filter-cards button.active{color:#fff;background:#153f68;border-color:#153f68}.office-filter-cards button.active strong{color:#fff;background:#ffffff2e}.office-table-wrap{background:#fff;border:1px solid #d7e0ea;border-radius:12px;overflow-x:auto;box-shadow:0 10px 28px #0f172a0d}.office-table-header,.office-row{grid-template-columns:minmax(135px,1.2fr) minmax(125px,1fr) 80px 48px minmax(190px,1.65fr) 92px 88px 105px 98px 84px;align-items:center;gap:10px;min-width:1280px;display:grid}.office-table-header{z-index:2;color:#64748b;text-transform:uppercase;letter-spacing:.035em;background:#eef3f8;border-bottom:1px solid #dbe3ee;min-height:39px;padding:0 12px;font-size:11px;font-weight:900;position:sticky;top:0}.office-row{text-align:left;width:100%;min-height:51px;font:inherit;color:#1e293b;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #e8edf3;padding:7px 12px;font-size:13px}.office-row:last-child{border-bottom:0}.office-row:hover{background:#f6f9fc}.office-row.urgent{box-shadow:inset 4px 0 #b91c1c}.office-row.action-required:not(.urgent){box-shadow:inset 4px 0 #d97706}.office-customer{align-items:center;gap:6px;min-width:0;display:flex}.office-customer strong,.office-reference,.office-requirements{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.office-mini-urgent{color:#991b1b;background:#fee2e2;border-radius:5px;padding:3px 5px;font-size:9px}.office-reference{align-items:center;gap:6px;font-weight:850;display:flex}.office-action-dot{color:#fff;background:#f59e0b;border-radius:999px;flex:none;place-items:center;min-width:21px;min-height:21px;font-size:10px;display:inline-grid}.office-state{border-radius:6px;padding:4px 6px;font-size:10px;font-weight:900;display:inline-flex}.state-general{color:#334155;background:#e2e8f0}.state-masking{color:#92400e;background:#fef3c7}.state-wip{color:#1e40af;background:#dbeafe}.state-complete{color:#166534;background:#dcfce7}.office-empty{text-align:center;color:#64748b;gap:4px;padding:34px;display:grid}.office-footer-count{color:#64748b;padding:9px 4px 0;font-size:12px}.office-panel-backdrop{z-index:80;background:#0f172a42;position:fixed;inset:0}.office-panel{background:#f7f9fc;width:min(650px,92vw);height:100%;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-18px 0 48px #0f172a33}.office-panel-header{z-index:8;color:#fff;background:#0f1a2e;border-bottom:1px solid #26374f;justify-content:space-between;align-items:center;gap:18px;padding:15px 18px;display:flex;position:sticky;top:0}.office-panel-header h2{margin:2px 0;font-size:24px}.office-panel-header>div>span{color:#cbd5e1}.office-panel-close{color:#fff;cursor:pointer;background:#18253a;border:1px solid #52627a;border-radius:10px;flex:none;place-items:center;width:46px;height:46px;font-size:29px;display:grid}.office-panel-body{gap:12px;padding:14px;display:grid}.office-panel-summary,.office-workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.office-panel-summary>div,.office-workflow-grid>div{background:#fff;border:1px solid #d9e2ed;border-radius:9px;gap:3px;padding:10px;display:grid}.office-panel-summary small,.office-workflow-grid small,.office-line-grid small{color:#64748b;font-size:11px}.office-alert-section,.office-edit-section,.office-read-section,.office-dispatch-section,.office-later-section{background:#fff;border:1px solid #d9e2ed;border-radius:11px;padding:13px}.office-alert-section h3,.office-edit-section h3,.office-read-section h3{margin:0 0 11px}.office-action-item{background:#fff7ed;border-left:4px solid #d97706;gap:3px;padding:9px 10px;display:grid}.office-action-item+.office-action-item{margin-top:7px}.office-action-item.blocking{background:#fff1f2;border-left-color:#b91c1c}.office-action-item span{color:#64748b;font-size:11px}.office-problem-section{background:#fff8f8;border-color:#fecaca}.office-problem-card{gap:9px;display:grid}.office-problem-card+.office-problem-card{border-top:1px solid #fecaca;margin-top:11px;padding-top:11px}.office-resolve-button{color:#fff;width:fit-content;min-height:38px;font:inherit;cursor:pointer;background:#15803d;border:0;border-radius:8px;padding:7px 12px;font-weight:850}.office-resolve-box{gap:9px;display:grid}.office-resolve-box label{gap:5px;font-weight:800;display:grid}.office-resolve-box label span{color:#64748b;font-weight:500}.office-resolve-box textarea{resize:vertical;width:100%}.office-resolve-box>div{justify-content:flex-end;gap:8px;display:flex}.office-edit-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.office-edit-grid label{color:#475569;align-content:start;gap:5px;font-size:12px;font-weight:850;display:grid}.office-edit-grid select,.office-edit-grid input{width:100%;min-height:42px}.office-edit-grid label small{color:#64748b;font-weight:500}.office-urgent-control button{min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-weight:900}.office-urgent-control button.urgent-on{color:#fff;background:#b91c1c;border-color:#b91c1c}.office-saving{color:#2563eb;margin:8px 0 0;font-size:12px;font-weight:750}.office-workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:11px}.office-line{border:1px solid #e1e7ef;border-radius:9px;padding:10px}.office-line+.office-line{margin-top:8px}.office-line-heading{border-bottom:1px solid #e5eaf0;justify-content:space-between;gap:12px;padding-bottom:7px;display:flex}.office-line-grid{grid-template-columns:1fr 1fr;gap:9px 14px;padding-top:9px;display:grid}.office-line-grid>div{gap:2px;display:grid}.office-dispatch-section button{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#1d4ed8;border:0;border-radius:9px;font-weight:950}.office-dispatch-section button:disabled,.office-resolve-button:disabled{cursor:not-allowed;opacity:.55}.office-later-section{color:#64748b;border-style:dashed;gap:4px;display:grid}.office-later-section strong{color:#475569}@media (width<=1200px){.office-filter-cards{grid-template-columns:repeat(4,minmax(120px,1fr))}}@media (width<=760px){.office-page{width:min(100% - 20px,1840px)}.office-heading{grid-template-columns:1fr}.office-filter-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.office-panel{width:100vw}.office-edit-grid,.office-panel-summary,.office-workflow-grid,.office-line-grid{grid-template-columns:1fr}}.office-split-section{background:#f5f9fd;border:1px solid #bfd2e6;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:13px;display:flex}.office-split-section>div{gap:4px;display:grid}.office-split-section>div span{color:#64748b}.office-split-section>button{color:#153f68;min-width:120px;min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #153f68;border-radius:8px;font-weight:900}.split-dialog-backdrop{z-index:140;background:#0f172a94;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.split-dialog{background:#f6f8fb;border-radius:14px;width:min(920px,96vw);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 24px 70px #0f172a52}.split-dialog-header{color:#fff;background:#0f1a2e;border-bottom:1px solid #2b3d56;justify-content:space-between;align-items:center;gap:20px;padding:17px 19px;display:flex}.split-dialog-header h2{margin:2px 0 4px}.split-dialog-header>div>span{color:#cbd5e1}.split-dialog-header>button{color:#fff;cursor:pointer;background:#18253a;border:1px solid #52627a;border-radius:9px;flex:none;place-items:center;width:44px;height:44px;font-size:28px;display:grid}.split-dialog-body{gap:12px;max-height:calc(100vh - 150px);padding:15px;display:grid;overflow-y:auto}.split-mode-section,.split-children-section,.split-quantity-section,.split-allocation-section,.split-confirm-section{background:#fff;border:1px solid #d8e1eb;border-radius:11px;padding:14px}.split-mode-section h3,.split-children-section h3,.split-quantity-section h3,.split-allocation-section h3{margin:0 0 8px}.split-mode-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.split-mode-grid>button{text-align:left;color:#334155;min-height:108px;font:inherit;cursor:pointer;background:#fff;border:2px solid #d7e0ea;border-radius:10px;gap:5px;padding:13px;display:grid}.split-mode-grid>button strong{font-size:15px}.split-mode-grid>button span,.split-mode-grid>button small{color:#64748b}.split-mode-grid>button.active{background:#edf5fc;border-color:#153f68}.split-mode-grid>button:disabled{cursor:not-allowed;opacity:.48}.split-child-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.split-child-card{background:#f8fafc;border:1px solid #dce4ee;border-radius:9px;gap:3px;padding:10px;display:grid}.split-child-card span,.split-child-card small{color:#64748b}.split-quantity-section{gap:11px;display:grid}.split-quantity-section>label{gap:5px;font-weight:800;display:grid}.split-source-line{background:#f7fafc;border:1px solid #d7e3ef;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:10px 12px;display:grid}.split-source-line strong{font-size:20px}.split-source-line small{color:#64748b;grid-column:1/-1}.split-fragments{gap:8px;display:grid}.split-fragment-row{align-items:end;gap:8px;display:flex}.split-fragment-row label{flex:1;gap:5px;font-weight:800;display:grid}.split-fragment-row input{width:100%;min-height:44px}.split-fragment-row>button,.split-add-fragment{min-height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:0 12px;font-weight:800}.split-add-fragment{width:fit-content}.split-total{border-radius:9px;align-items:baseline;gap:8px;padding:10px 12px;font-weight:750;display:flex}.split-total strong{font-size:21px}.split-total.invalid{color:#9a3412;background:#fff7ed}.split-total.valid{color:#166534;background:#ecfdf5}.split-remainder-note{color:#334155;background:#eff6ff;border-left:4px solid #2563eb;margin:0;padding:9px 11px}.split-allocation-section>p,.split-children-section>p{color:#64748b;margin:-2px 0 11px}.split-allocation-list{gap:8px;display:grid}.split-allocation-list label{border:1px solid #e1e7ef;border-radius:8px;grid-template-columns:minmax(0,1fr) 245px;align-items:center;gap:12px;padding:9px;font-weight:750;display:grid}.split-urgent-list{gap:8px;display:grid}.split-urgent-list>div{border:1px solid #e1e7ef;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px;display:grid}.split-urgent-list>div>span{font-weight:750}.split-urgent-list>div>div{gap:6px;display:flex}.split-urgent-list button{min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:0 10px;font-weight:800}.split-urgent-list button.active{color:#fff;background:#153f68;border-color:#153f68}.split-urgent-list button.active.urgent-choice{background:#b91c1c;border-color:#b91c1c}.split-problem-map{background:#fff8f8;border:1px solid #fecaca;border-radius:9px;gap:8px;padding:10px;display:grid}.split-problem-map+.split-problem-map{margin-top:8px}.split-problem-map>div{gap:5px;display:grid}.split-problem-map label{background:#fff;border-radius:6px;align-items:flex-start;gap:8px;padding:7px;display:flex}.split-problem-map input{margin-top:2px}.split-confirm-section{background:#f8fbff;border-color:#b9cadc;justify-content:space-between;align-items:center;gap:18px;display:flex}.split-confirm-section>div{gap:4px;display:grid}.split-confirm-section>div span{color:#64748b}.split-confirm-section>button{color:#fff;min-width:160px;min-height:48px;font:inherit;cursor:pointer;background:#153f68;border:0;border-radius:9px;font-weight:950}.split-confirm-section>button:disabled,.split-dialog button:disabled{cursor:not-allowed;opacity:.55}@media (width<=720px){.split-dialog-backdrop{padding:0}.split-dialog{border-radius:0;width:100vw;max-height:100vh}.split-dialog-body{max-height:calc(100vh - 100px)}.split-mode-grid,.split-child-list,.split-allocation-list label,.split-urgent-list>div,.split-confirm-section{grid-template-columns:1fr}.split-confirm-section{display:grid}.split-confirm-section>button{width:100%}}.notes-panel{gap:10px;display:grid}.notes-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.notes-heading>div{gap:2px;display:grid}.notes-heading h3{margin:0}.notes-heading>div>span{color:#64748b;font-size:11px}.notes-add-button{color:#153f68;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9c7d8;border-radius:8px;padding:0 11px;font-size:12px;font-weight:900}.note-compose{background:#f7fafc;border:1px solid #cbd8e6;border-radius:9px;gap:10px;padding:11px;display:grid}.note-compose-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.note-compose label{color:#475569;gap:5px;font-size:12px;font-weight:850;display:grid}.note-compose select,.note-compose textarea{width:100%}.note-compose textarea{resize:vertical;min-height:80px}.note-scope-single{max-width:320px}.note-visibility-check{align-items:center;width:fit-content;grid-template-columns:none!important;gap:8px!important;display:flex!important}.note-visibility-check input{width:18px;height:18px;margin:0}.note-compose-hint{color:#475569;background:#eef2f6;border-left:3px solid #64748b;margin:0;padding:8px 10px;font-size:12px}.note-compose-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.note-compose-actions>span{color:#64748b;font-size:11px}.note-compose-actions button{color:#fff;min-width:116px;min-height:40px;font:inherit;cursor:pointer;background:#153f68;border:0;border-radius:8px;font-weight:900}.note-compose-actions button:disabled{cursor:not-allowed;opacity:.5}.notes-timeline{gap:8px;display:grid}.note-card{background:#fff;border:1px solid #dce4ed;border-left-width:4px;border-radius:8px;gap:7px;padding:10px 11px;display:grid}.note-card.note-office{border-left-color:#2563eb}.note-card.note-contact{background:#fcfaff;border-left-color:#7c3aed}.note-card.note-workshop{border-left-color:#15803d}.note-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.note-card-top time{color:#64748b;flex:none;font-size:10px}.note-badges{flex-wrap:wrap;gap:5px;display:flex}.note-badges strong,.note-badges span{color:#475569;background:#eef2f6;border-radius:999px;padding:3px 7px;font-size:10px}.note-badges strong{color:#1e293b;background:#e2e8f0}.note-card p{white-space:pre-wrap;overflow-wrap:anywhere;color:#1e293b;margin:0}.note-card footer{color:#64748b;border-top:1px solid #edf1f5;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding-top:6px;font-size:10px;display:flex}@media (width<=720px){.note-compose-row{grid-template-columns:1fr}.note-card-top{display:grid}}.attachments-panel{gap:10px;display:grid}.attachments-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.attachments-heading>div{gap:2px;display:grid}.attachments-heading h3{margin:0}.attachments-heading>div>span{color:#64748b;font-size:11px}.attachments-add-button{color:#153f68;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9c7d8;border-radius:8px;padding:0 11px;font-size:12px;font-weight:900}.attachment-compose,.drawing-revision-compose{background:#f7fafc;border:1px solid #cbd8e6;border-radius:9px;gap:10px;padding:11px;display:grid}.attachment-compose-row{grid-template-columns:1fr 1fr;gap:9px;display:grid}.attachment-compose label,.drawing-revision-compose label{color:#475569;gap:5px;font-size:12px;font-weight:850;display:grid}.attachment-compose input[type=file],.drawing-revision-compose input[type=file]{color:#334155;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px;font-size:12px}.attachment-camera-input{background:#fff;border:1px dashed #94a3b8;border-radius:8px;padding:9px}.attachment-selected-file{color:#29445f;background:#eaf2fa;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;font-size:12px;display:flex}.attachment-selected-file strong{overflow-wrap:anywhere}.attachment-compose-actions,.drawing-revision-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.attachment-compose-actions>span{color:#64748b;font-size:11px}.attachment-compose-actions button,.drawing-revision-actions button,.attachment-card-actions button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#153f68;border:0;border-radius:8px;padding:0 12px;font-size:11px;font-weight:900}.attachment-compose-actions button:disabled,.drawing-revision-actions button:disabled{cursor:not-allowed;opacity:.5}.drawing-revision-actions .secondary,.attachment-card-actions .secondary{color:#153f68;background:#fff;border:1px solid #b9c7d8}.drawing-revision-compose>div:first-child{gap:2px;display:grid}.drawing-revision-compose>div:first-child span{color:#64748b;font-size:11px}.attachment-list{gap:8px;display:grid}.attachment-card{background:#fff;border:1px solid #dce4ed;border-left:4px solid #64748b;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.attachment-card.attachment-drawing{border-left-color:#2563eb}.attachment-card.attachment-photo{border-left-color:#15803d}.attachment-card.attachment-previous-revision{opacity:.7;background:#f8fafc}.attachment-card-main{gap:6px;min-width:0;display:grid}.attachment-card-title{gap:5px;min-width:0;display:grid}.attachment-card-title>strong{overflow-wrap:anywhere;color:#172b3d;font-size:12px}.attachment-badges,.attachment-card-meta{flex-wrap:wrap;gap:5px 9px;display:flex}.attachment-badges span{color:#475569;background:#eef2f6;border-radius:999px;padding:3px 7px;font-size:10px}.attachment-card-meta{color:#64748b;font-size:10px}.attachment-card-actions{flex:none;align-items:center;gap:6px;display:flex}.attachment-viewer-backdrop{z-index:1000;background:#0f172ac7;place-items:center;padding:12px;display:grid;position:fixed;inset:0}.attachment-viewer{background:#eef2f6;border-radius:12px;grid-template-rows:auto minmax(0,1fr);width:min(1500px,98vw);height:min(960px,96vh);display:grid;overflow:hidden;box-shadow:0 25px 70px #00000059}.attachment-viewer-header{background:#fff;border-bottom:1px solid #cbd5e1;justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:9px 12px;display:flex}.attachment-viewer-header>div:first-child{gap:2px;min-width:0;display:grid}.attachment-viewer-header strong{overflow-wrap:anywhere;color:#172b3d}.attachment-viewer-header span{color:#64748b;font-size:11px}.attachment-viewer-actions{flex:none;align-items:center;gap:6px;display:flex}.attachment-viewer-actions button{color:#153f68;min-width:38px;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9c7d8;border-radius:7px;font-weight:900}.attachment-viewer-actions .viewer-close{color:#fff;background:#153f68;border-color:#153f68;padding:0 12px}.attachment-viewer-body{background:#dbe3eb;min-height:0;overflow:hidden}.attachment-pdf-frame{background:#fff;border:0;width:100%;height:100%}.attachment-image-scroll{touch-action:pan-x pan-y pinch-zoom;place-items:start center;width:100%;height:100%;padding:18px;display:grid;overflow:auto}.attachment-image-scroll img{transform-origin:top;max-width:none;height:auto;display:block;box-shadow:0 8px 28px #0f172a38}@media (width<=760px){.attachment-compose-row{grid-template-columns:1fr}.attachment-card{display:grid}.attachment-card-actions{justify-content:stretch}.attachment-card-actions button{flex:auto;min-height:46px}.attachment-viewer-backdrop{padding:0}.attachment-viewer{border-radius:0;width:100vw;height:100vh}.attachment-viewer-header{align-items:flex-start;display:grid}.attachment-viewer-actions{flex-wrap:wrap;width:100%}.attachment-viewer-actions .viewer-close{margin-left:auto}}.booking-attachment-stager{background:#f8fafc;border:1px solid #cbd8e6;border-radius:10px;gap:10px;margin-top:16px;padding:12px;display:grid}.booking-attachment-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.booking-attachment-heading>div{gap:3px;display:grid}.booking-attachment-heading>div>strong{color:#172b3d}.booking-attachment-heading>div>span,.booking-attachment-heading>small{color:#64748b;font-size:11px}.booking-attachment-controls{grid-template-columns:180px minmax(0,1fr);gap:10px;display:grid}.booking-attachment-controls label{color:#475569;gap:5px;font-size:12px;font-weight:850;display:grid}.booking-attachment-controls input[type=file]{color:#334155;width:100%;min-height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px;font-size:12px}.booking-camera-control{background:#fff;border:1px dashed #94a3b8;border-radius:8px;grid-column:1/-1;padding:9px}.booking-staged-files{gap:7px;display:grid}.booking-staged-files>div{background:#fff;border:1px solid #d8e1ea;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.booking-staged-files>div>div{gap:2px;min-width:0;display:grid}.booking-staged-files strong{overflow-wrap:anywhere;color:#21384d;font-size:12px}.booking-staged-files span{color:#64748b;font-size:10px}.booking-staged-files button{color:#7f1d1d;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:none;padding:0 10px;font-size:11px;font-weight:850}.booking-attachment-hint{color:#64748b;margin:0;font-size:11px}@media (width<=720px){.booking-attachment-heading{display:grid}.booking-attachment-controls{grid-template-columns:1fr}.booking-camera-control{grid-column:auto}}.office-no-problem{justify-content:space-between;align-items:center;gap:12px;display:flex}.office-no-problem>span{color:#64748b;font-size:12px}.office-problem-raise-button{color:#fff;width:fit-content;min-height:38px;font:inherit;cursor:pointer;background:#b91c1c;border:0;border-radius:8px;padding:7px 12px;font-weight:850}.office-problem-raise-button:disabled{cursor:not-allowed;opacity:.5}.office-raise-problem-box{margin-top:2px}.office-heading-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:min(680px,58vw);display:flex}.office-heading-actions .office-search{flex:auto}.office-history-button{color:#153f68;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b7c6d7;border-radius:8px;flex:none;padding:0 12px;font-size:11px;font-weight:900}.history-filter-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:10px;display:grid}.history-filter-row button{color:#263d53;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd8e6;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:850;display:flex}.history-filter-row button strong{background:#eef2f6;border-radius:999px;place-items:center;min-width:24px;min-height:24px;font-size:11px;display:grid}.history-filter-row button.active{color:#fff;background:#153f68;border-color:#153f68}.history-filter-row button.active strong{color:#fff;background:#ffffff29}.history-table-wrap{background:#fff;border:1px solid #d4dee8;border-radius:10px;overflow:hidden}.history-table-header,.history-table-row{grid-template-columns:minmax(150px,1.25fr) minmax(125px,1fr) 90px 145px 125px minmax(180px,1.5fr) 110px 95px;align-items:center;display:grid}.history-table-header{color:#536a7e;text-transform:uppercase;letter-spacing:.03em;background:#e9f0f6;min-height:32px;padding:0 10px;font-size:9px;font-weight:900}.history-table-row{color:#263d53;text-align:left;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#fff;border:0;border-top:1px solid #e3e9ef;padding:0 10px;font-size:10px}.history-table-row:hover{background:#f7fafc}.history-table-row>span{overflow-wrap:anywhere;min-width:0}.history-table-row>span:first-child{align-items:center;gap:6px;display:flex}.history-table-row em{color:#b91c1c;background:#fee2e2;border-radius:4px;padding:2px 4px;font-size:8px;font-style:normal;font-weight:900}.history-status{color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;padding:4px 7px;font-size:9px;font-weight:900;display:inline-flex}.history-status.status-collected{color:#166534;background:#dcfce7}.history-status.status-dispatched{color:#1d4ed8;background:#dbeafe}.history-status.status-entered_in_error{color:#991b1b;background:#fee2e2}.history-status.status-cancelled{color:#475569;background:#f1f5f9}.history-status.status-retired{color:#6d28d9;background:#ede9fe}.history-detail-panel{width:min(780px,96vw)}.history-closure-banner{background:#f8fafc;border:1px solid #cbd8e6;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;display:grid}.history-closure-banner>div{gap:3px;display:grid}.history-closure-banner small{color:#64748b;font-size:10px}.history-closure-banner strong{color:#172b3d;font-size:12px}.history-record-section,.audit-section{gap:10px;display:grid}.history-section-heading,.audit-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.history-section-heading h3,.audit-heading h3{margin:0}.history-section-heading>strong,.audit-heading>strong{color:#334155;background:#e9eff5;border-radius:999px;place-items:center;min-width:26px;min-height:26px;font-size:11px;display:grid}.audit-heading>div{gap:2px;display:grid}.audit-heading>div>span{color:#64748b;font-size:10px}.audit-timeline{gap:0;display:grid}.audit-event{grid-template-columns:18px minmax(0,1fr);gap:8px;padding-bottom:12px;display:grid;position:relative}.audit-event:not(:last-child):before{content:"";background:#dbe3eb;width:2px;position:absolute;top:12px;bottom:0;left:5px}.audit-event-dot{z-index:1;background:#2563eb;border:3px solid #fff;border-radius:999px;width:12px;height:12px;margin-top:4px;position:relative;box-shadow:0 0 0 1px #b9c7d8}.audit-event-content{background:#fff;border:1px solid #dbe3eb;border-radius:8px;gap:5px;min-width:0;padding:8px 10px;display:grid}.audit-event-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.audit-event-top strong{color:#1e293b;font-size:11px}.audit-event-top time{color:#64748b;flex:none;font-size:9px}.audit-event-meta{color:#64748b;flex-wrap:wrap;gap:5px 9px;font-size:9px;display:flex}.audit-event details{border-top:1px solid #edf1f5;padding-top:5px}.audit-event summary{color:#315b84;cursor:pointer;width:fit-content;font-size:9px;font-weight:800}.audit-event dl{gap:3px;margin:6px 0 0;display:grid}.audit-event dl>div{grid-template-columns:150px minmax(0,1fr);gap:8px;font-size:9px;display:grid}.audit-event dt{color:#64748b}.audit-event dd{overflow-wrap:anywhere;color:#334155;margin:0}.history-problem-list,.history-action-list{gap:7px;display:grid}.history-problem-list article,.history-action-list article{background:#fff;border:1px solid #dce4ed;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.history-problem-list strong,.history-action-list strong{color:#1e293b;font-size:11px}.history-problem-list span,.history-action-list span{color:#64748b;font-size:9px}.history-problem-list p,.history-action-list p{color:#334155;margin:2px 0 0;font-size:10px}.office-danger-section{background:#fff7f7;border:1px solid #fecaca;border-radius:9px;gap:10px;padding:11px;display:grid}.office-danger-section>div:first-child{gap:3px;display:grid}.office-danger-section>div:first-child>strong{color:#991b1b}.office-danger-section>div:first-child>span{color:#7f1d1d;font-size:10px}.office-danger-section>button{color:#b91c1c;width:fit-content;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #dc2626;border-radius:8px;padding:0 12px;font-size:11px;font-weight:900}.entered-error-box{display:grid;gap:9px!important}.entered-error-box>label{color:#7f1d1d;gap:5px;font-size:11px;font-weight:850;display:grid}.entered-error-box textarea{resize:vertical;width:100%;min-height:78px}.entered-error-warning{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;padding:9px;gap:5px!important;display:grid!important}.entered-error-warning strong{color:#991b1b;font-size:11px}.entered-error-warning>span{color:#7f1d1d;font-size:10px}.entered-error-warning label{color:#7f1d1d;align-items:flex-start;gap:7px;font-size:10px;font-weight:800;display:flex}.entered-error-warning input{flex:none;width:18px;height:18px;margin:0}.entered-error-actions{justify-content:flex-end;gap:7px!important;display:flex!important}.entered-error-confirm{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#b91c1c;border:0;border-radius:8px;padding:0 12px;font-size:10px;font-weight:900}.entered-error-confirm:disabled{cursor:not-allowed;opacity:.45}@media (width<=900px){.office-heading-actions{width:100%;min-width:0;display:grid}.history-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}.history-table-wrap{overflow-x:auto}.history-table-header,.history-table-row{min-width:980px}.history-closure-banner{grid-template-columns:1fr}}.office-edit-section{background:#f8fafc;border:1px solid #cbd8e6;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.office-edit-section>div{gap:3px;display:grid}.office-edit-section>div>span{color:#64748b;font-size:10px}.office-edit-section>button{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#153f68;border:1px solid #153f68;border-radius:8px;flex:none;padding:0 12px;font-size:10px;font-weight:900}.order-edit-backdrop{z-index:1150;background:#0f172ab8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.order-edit-dialog{background:#f4f7fa;border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1080px,98vw);height:min(940px,96vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000057}.order-edit-header{background:#fff;border-bottom:1px solid #d6e0e9;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.order-edit-header>div{gap:2px;display:grid}.order-edit-header h2{color:#172b3d;margin:0}.order-edit-header>div>span{color:#64748b;font-size:11px;font-weight:800}.order-edit-close{color:#334155;width:42px;height:42px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:24px}.order-edit-body{align-content:start;gap:11px;min-height:0;padding:13px;display:grid;overflow-y:auto}.order-edit-production-warning,.order-edit-split-info{border-radius:9px;gap:5px;padding:10px 11px;display:grid}.order-edit-production-warning{color:#78350f;background:#fffbeb;border:1px solid #f59e0b}.order-edit-production-warning>span,.order-edit-split-info>span,.order-edit-split-info>small{font-size:11px}.order-edit-production-warning label{align-items:flex-start;gap:8px;margin-top:3px;font-size:11px;font-weight:850;display:flex}.order-edit-production-warning input{flex:none;width:18px;height:18px;margin:0}.order-edit-split-info{color:#1e3a8a;background:#eff6ff;border:1px solid #93c5fd}.order-edit-lines{gap:10px;display:grid}.order-edit-line{background:#fff;border:1px solid #cbd8e6;border-radius:10px;gap:11px;padding:12px;display:grid}.order-edit-line-removed{background:#fff7f7;border-color:#fca5a5;justify-content:space-between;align-items:center;display:flex}.order-edit-line-removed>div{gap:3px;display:grid}.order-edit-line-removed span{color:#7f1d1d;font-size:10px}.order-edit-line-removed button{color:#991b1b;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b91c1c;border-radius:7px;padding:0 11px;font-size:10px;font-weight:900}.order-edit-line-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.order-edit-line-heading>div{gap:2px;display:grid}.order-edit-line-heading>div>span{color:#64748b;font-size:10px}.order-edit-remove{color:#b91c1c;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;padding:0 9px;font-size:9px;font-weight:900}.order-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.order-edit-grid label,.order-edit-colour{color:#475569;gap:5px;font-size:11px;font-weight:850;display:grid}.order-edit-grid label>span{color:#94a3b8;font-size:9px;font-weight:600}.order-edit-wide{grid-column:1/-1}.order-edit-grid input,.order-edit-grid select,.order-edit-colour input{width:100%}.order-edit-processes{border:1px solid #d8e1ea;border-radius:8px;margin:0;padding:9px}.order-edit-processes legend{color:#475569;padding:0 5px;font-size:10px;font-weight:900}.order-edit-processes>div{flex-wrap:wrap;gap:6px;display:flex}.order-edit-processes label{cursor:pointer;position:relative}.order-edit-processes input{opacity:0;pointer-events:none;position:absolute}.order-edit-processes span{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;min-height:34px;padding:0 9px;font-size:10px;font-weight:800;display:inline-flex}.order-edit-processes label.selected span{color:#1d4ed8;background:#dbeafe;border-color:#2563eb}.order-edit-colour{max-width:320px}.order-edit-add-line{color:#1d4ed8;width:fit-content;min-height:40px;font:inherit;cursor:pointer;background:#eff6ff;border:1px dashed #2563eb;border-radius:8px;padding:0 13px;font-size:10px;font-weight:900}.order-edit-summary{color:#64748b;justify-content:space-between;gap:10px;font-size:10px;display:flex}.order-edit-footer{background:#fff;border-top:1px solid #d6e0e9;justify-content:flex-end;gap:8px;padding:10px 13px;display:flex}.order-edit-save{color:#fff;min-width:170px;min-height:42px;font:inherit;cursor:pointer;background:#153f68;border:0;border-radius:8px;font-size:11px;font-weight:900}.order-edit-save:disabled,.office-edit-section>button:disabled,.order-edit-add-line:disabled{cursor:not-allowed;opacity:.5}.order-edit-conflict{color:#78350f;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;gap:5px;padding:10px;display:grid}.order-edit-conflict span{font-size:11px}.order-edit-conflict button{color:#92400e;width:fit-content;min-height:35px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b45309;border-radius:7px;padding:0 10px;font-size:10px;font-weight:900}.order-edit-created-children{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:9px;gap:8px;padding:12px;display:grid}.order-edit-created-children>span{font-size:11px}.order-edit-created-children>div{flex-wrap:wrap;gap:6px;display:flex}.order-edit-created-children b{background:#dcfce7;border-radius:999px;padding:5px 9px;font-size:11px}.order-edit-created-children button{color:#fff;width:fit-content;min-height:38px;font:inherit;cursor:pointer;background:#166534;border:0;border-radius:7px;padding:0 12px;font-size:10px;font-weight:900}@media (width<=720px){.order-edit-backdrop{padding:0}.order-edit-dialog{border-radius:0;width:100vw;height:100vh}.order-edit-grid{grid-template-columns:1fr}.order-edit-wide{grid-column:auto}.order-edit-summary{display:grid}}.office-masking-priority-button{color:#6d28d9;border-color:#7c3aed}.workshop-row-badges{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.masking-priority-badge{color:#fff;background:#6d28d9;border-radius:999px;justify-content:center;align-items:center;min-width:32px;min-height:24px;padding:0 8px;font-size:11px;font-weight:950;display:inline-flex}.workshop-masking-groups{gap:16px;display:grid}.workshop-masking-group{background:#fff;border:1px solid #cedae6;border-radius:12px;overflow:hidden}.workshop-masking-group>header{background:#edf3f8;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:10px 16px;display:flex}.workshop-masking-group>header>div{gap:2px;display:grid}.workshop-masking-group>header strong{color:#0f2740;font-size:18px;font-weight:950}.workshop-masking-group>header span{color:#5d7185;font-size:11px}.workshop-masking-group>header>b{color:#183a5d;background:#fff;border-radius:999px;place-items:center;min-width:34px;min-height:34px;font-size:13px;display:grid}.workshop-masking-group .workshop-list{border:0;border-radius:0}.masking-group-empty{min-height:72px}.masking-priority-backdrop{z-index:1200;background:#0f172ab8;place-items:center;padding:14px;display:grid;position:fixed;inset:0}.masking-priority-dialog{background:#f4f7fa;border-radius:13px;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(1040px,98vw);height:min(900px,96vh);display:grid;overflow:hidden;box-shadow:0 28px 80px #00000057}.masking-priority-header{background:#fff;border-bottom:1px solid #d8e1ea;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.masking-priority-header>div{gap:2px;display:grid}.masking-priority-header h2{color:#172b3d;margin:0}.masking-priority-header>div>span{color:#64748b;max-width:700px;font-size:11px}.masking-priority-close{color:#334155;width:44px;height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-size:24px}.masking-priority-tabs{background:#fff;border-bottom:1px solid #d8e1ea;grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;display:grid}.masking-priority-tabs button{color:#334155;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #c7d3e0;border-radius:8px;font-size:12px;font-weight:950}.masking-priority-tabs button.active{color:#5b21b6;background:#ede9fe;border-color:#6d28d9}.masking-priority-conflict{margin:10px 14px 0}.masking-priority-body{align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.masking-priority-explicit,.masking-priority-unprioritised{gap:9px;display:grid}.masking-priority-explicit>header,.masking-priority-unprioritised>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.masking-priority-explicit>header>div,.masking-priority-unprioritised>header>div{gap:2px;display:grid}.masking-priority-explicit h3,.masking-priority-unprioritised h3{color:#1e293b;margin:0;font-size:14px}.masking-priority-explicit header span,.masking-priority-unprioritised header span{color:#64748b;font-size:10px}.masking-priority-explicit header>strong,.masking-priority-unprioritised header>strong{color:#334155;background:#e8eef4;border-radius:999px;place-items:center;min-width:30px;min-height:30px;font-size:11px;display:grid}.masking-priority-list{gap:7px;display:grid}.masking-priority-card{background:#fff;border:1px solid #cfd9e4;border-radius:9px;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 10px;transition:opacity .12s,transform .12s,box-shadow .12s;display:grid}.masking-priority-card[draggable=true]{cursor:grab}.masking-priority-card.dragging{opacity:.5;transform:scale(.995)}.masking-priority-card.urgent{border-left:4px solid #dc2626}.masking-priority-card.unprioritised{background:#fbfcfd;grid-template-columns:minmax(0,1fr) auto}.masking-priority-number{color:#fff;background:#6d28d9;border-radius:10px;place-items:center;width:44px;height:44px;font-size:15px;font-weight:950;display:grid}.masking-priority-job{gap:3px;min-width:0;display:grid}.masking-priority-job>div{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.masking-priority-job strong{color:#172b3d;font-size:12px}.masking-priority-job>span{color:#334155;font-size:11px;font-weight:750}.masking-priority-job small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.masking-hold-badge{color:#991b1b;background:#fee2e2;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:950}.masking-priority-controls{align-items:center;gap:5px;display:flex}.masking-priority-controls button,.masking-prioritise-button{color:#334155;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdc9d7;border-radius:7px;padding:0 9px;font-size:10px;font-weight:900}.masking-priority-controls button:not(.remove){min-width:36px;padding:0;font-size:16px}.masking-priority-controls .remove{color:#b91c1c;border-color:#fecaca}.masking-prioritise-button{color:#6d28d9;border-color:#8b5cf6}.masking-priority-controls button:disabled,.masking-prioritise-button:disabled,.masking-priority-close:disabled{cursor:not-allowed;opacity:.45}.masking-priority-empty{color:#64748b;text-align:center;background:#fff;border:1px dashed #c9d4df;border-radius:9px;padding:18px;font-size:11px}.masking-priority-footer{background:#fff;border-top:1px solid #d8e1ea;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.masking-priority-footer>span{color:#64748b;font-size:10px;font-weight:750}.masking-priority-footer>div{gap:7px;display:flex}.masking-priority-save{color:#fff;min-width:190px;min-height:42px;font:inherit;cursor:pointer;background:#6d28d9;border:0;border-radius:8px;font-size:11px;font-weight:950}.masking-priority-save:disabled{cursor:not-allowed;opacity:.45}@media (width<=760px){.masking-priority-backdrop{padding:0}.masking-priority-dialog{border-radius:0;width:100vw;height:100vh}.masking-priority-card{grid-template-columns:46px minmax(0,1fr)}.masking-priority-controls,.masking-prioritise-button{grid-column:1/-1}.masking-priority-card.unprioritised{grid-template-columns:1fr}}