@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#203440;background:#f4f6f7;font-synthesis:none;--red:#d92536;--muted:#63747d;--line:#e0e6e9}*{box-sizing:border-box}body{margin:0}header{height:86px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 5vw}header img{width:190px;max-height:56px}.division{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:28px}#logout{margin-left:auto}main{max-width:1440px;margin:auto;padding:40px 5vw 0}h1,h2{font-family:Manrope,sans-serif}h1{font-size:34px;letter-spacing:-1.2px;margin:8px 0 10px;line-height:1.2}h2{font-size:19px;letter-spacing:-.45px;margin:0 0 8px}p{color:var(--muted);line-height:1.6;margin:8px 0 16px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--red)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:8px;background:white;color:#203440;padding:12px 18px;font-weight:600}button:hover{background:#eef1f3}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--red);color:white;border-color:var(--red)}.primary:hover{background:#bc1d2d}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;box-shadow:0 4px 18px #18313f03}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pill{font-size:11px;color:#34745b;background:#e8f2eb;border:1px solid #d1e7d8;padding:9px 13px;border-radius:30px;white-space:nowrap}nav{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:22px 0 28px;align-items:center}nav button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:14px 0}nav button.active{border-bottom-color:var(--red);color:var(--red)}nav a{margin-left:auto;color:var(--muted);font-size:12px;text-decoration:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.capture-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.section-title{display:flex;align-items:flex-start;gap:12px}.section-title>span{color:var(--red);background:#fff0f1;border-radius:9px;font-size:12px;font-weight:700;padding:10px}.section-title h2{font-size:16px;margin:0}.section-title p{font-size:12px;line-height:1.5;margin:5px 0 20px}.photo-box{position:relative;background:#f8fafb;border:1px dashed #bdcbd2;border-radius:10px;height:176px;display:flex!important;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;margin:0!important}.photo-box>span{text-align:center;font-size:27px;color:#8c9ca5}.photo-box strong,.photo-box small{display:block}.photo-box strong{font-size:13px;color:#344e5c;margin:8px}.photo-box small{font-size:11px;font-weight:400;color:var(--muted)}.photo-box input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;inset:0}.photo-box:focus-within{outline:3px solid #df6774}.photo-box img{width:100%;height:100%;object-fit:contain;background:#eef1f2}.photo-box img:not([hidden])+span{display:none}.hint{font-size:11px;min-height:34px;margin:10px 0 12px}label{display:block;font-size:12px;font-weight:600;margin-top:16px}input:not([type=checkbox]):not([type=file]),select,textarea{display:block;width:100%;background:white;color:#233a48;border:1px solid #cfd9df;border-radius:7px;padding:12px;margin-top:7px;min-height:45px}input:focus,select:focus,textarea:focus{outline:2px solid #df6774;outline-offset:1px}#plate{text-transform:uppercase;letter-spacing:2px;font-weight:700}.details{margin-top:20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label small{font-weight:400;color:var(--muted)}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;padding:17px 0;border-top:1px solid var(--line);margin-top:24px}.check input{accent-color:var(--red);width:18px;height:18px;flex-shrink:0}.submit-row{display:flex;justify-content:space-between;gap:20px;align-items:center}.submit-row p{font-size:11px;max-width:270px;margin:0}.submit-row button{white-space:nowrap}.handoff{background:#1d3544;color:white;border:0;padding:25px}.handoff .eyebrow{color:#ff9ca5}.handoff h2{font-size:22px;line-height:1.4;margin-top:15px}.handoff p{font-size:12px;color:#c0ced6}.person{display:flex;gap:12px;align-items:center;margin:24px 0}.person>span{background:#3c5260;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:12px}.person b{font-size:12px}.person small{display:block;font-size:10px;color:#b5c7d1;margin-top:4px}.note{font-size:11px;color:#cad9e0;line-height:1.7;border-top:1px solid #425866;padding-top:18px}.aside-note{font-size:11px;padding:0 15px}.login{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;max-width:1000px;margin:65px auto 90px;align-items:center}.login h1{font-size:45px}.login .card{padding:35px}.login .primary{width:100%;margin-top:25px}.login small{font-size:11px;color:var(--muted)}.intro-steps{padding:0;list-style:none;margin-top:35px}.intro-steps li{font-size:14px;margin:20px 0}.intro-steps b{color:var(--red);margin-right:15px;font-size:11px}footer{border-top:1px solid var(--line);margin-top:50px;padding:24px 0;font-size:10px;color:#83939d;display:flex;justify-content:space-between}.history-heading{display:flex;gap:15px;align-items:center;margin-bottom:25px}.history-heading input{max-width:280px;margin:0 0 0 auto!important}.record{display:flex;align-items:center;gap:24px;margin:12px 0}.record h3{margin:0;font-size:20px;letter-spacing:1px}.record p{margin:4px 0;font-size:12px}.record .record-meta{flex:1}.record small{font-size:11px;color:var(--muted)}.record .pill{color:#326c55}.record a{font-size:12px;color:#31546a}.empty{text-align:center;padding:65px;border:1px dashed #bac9d2;border-radius:12px;color:var(--muted)}fieldset{border:0;margin:0;padding:0;min-width:0}dialog{max-width:460px;width:calc(100% - 32px);border:0;border-radius:18px;padding:35px;text-align:center;color:#203440}dialog::backdrop{background:#10273488}dialog button{margin-top:12px;width:100%}.success-icon{margin:0 auto 22px;background:#e3f3e9;color:#2c7c52;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:28px}details{font-size:11px;margin-top:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere} [hidden]{display:none!important}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}.workspace aside{display:none}.login{gap:35px}.capture-grid{gap:16px}}@media(max-width:650px){header{height:72px;padding:0 20px}header img{width:150px}.division{display:none}main{padding:26px 18px 0}h1{font-size:27px}.heading{display:block}.heading .pill{display:inline-block;margin-top:4px}nav{gap:22px;margin-top:15px}nav a{font-size:10px;max-width:85px}.capture-grid,.fields,.login{grid-template-columns:1fr}.card{padding:20px}.photo-box{height:185px}.submit-row{display:block}.submit-row button{width:100%;margin-top:16px}.submit-row p{max-width:none}.login{margin:15px 0;gap:25px}.login h1{font-size:36px}.intro-steps{display:none}.login .card{padding:25px}.history-heading{flex-wrap:wrap}.history-heading h2{width:100%}.history-heading input{flex:1;max-width:none}.record{flex-wrap:wrap;gap:12px}.record-meta{min-width:70%}footer span{display:none}}
/* Mobile-first guided installation and acceptance. */
.wizard-progress{margin:0 0 20px}.wizard-progress p{font-size:12px;font-weight:700;color:#304a5b;margin:0 0 10px}.progress-track{height:5px;border-radius:9px;background:#e0e6e9;overflow:hidden}.progress-track span{height:100%;width:25%;display:block;background:var(--red);transition:width .2s}.workspace{grid-template-columns:minmax(0,680px) 280px;justify-content:center}.wizard-step .photo-box{height:260px}.wizard-step .section-title h2{font-size:22px}.wizard-step .section-title p{font-size:14px}.wizard-step label{font-size:14px}.field-help{font-size:12px;color:var(--muted)}.wizard-actions{margin-top:16px;background:#f4f6f7;padding:12px 0}.wizard-actions>p{font-size:13px;color:#a42331;line-height:1.5;min-height:20px;margin:0 0 8px}.wizard-buttons{display:flex;gap:12px}.wizard-buttons .primary{flex:1;min-height:52px}.wizard-buttons>button{min-height:52px}.service-summary{border:1px solid var(--line);background:#f5f8fa;border-radius:10px;padding:14px;margin:5px 0 24px}.service-summary>div{display:flex;gap:16px;justify-content:space-between;font-size:13px;padding:7px 0}.service-summary b{flex-shrink:0}.service-summary span{overflow-wrap:anywhere;text-align:right}.acceptance-text{font-size:14px;color:#344e5b;line-height:1.7;padding:15px 0 0}.signature-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 12px}.signature-heading label{margin:0}.signature-heading button{padding:8px 12px;font-size:12px}#signature-pad{display:block;width:100%;height:auto;aspect-ratio:1000/440;background:#fff;border:2px dashed #a7bbc7;border-radius:10px;touch-action:none;user-select:none;-webkit-user-select:none}#signature-status{margin-bottom:0}.admin-grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:28px;margin-top:20px}.technician-row{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0;padding:18px}.technician-row b{display:block;font-size:14px}.technician-row small{display:block;color:var(--muted);font-size:12px;margin-top:6px}#technician-form>.primary{width:100%;margin-top:15px}#technician-message,#technicians-status{font-size:13px}.text-button{border:0;background:transparent;color:#486273;font-size:12px;padding:10px 0}.login .text-button{display:block;width:100%;margin-top:10px}.record small{display:block}.record a{display:inline-block;margin:5px 12px 5px 0}.wizard-step .check{margin-bottom:0}.record>div[id^=photos]{flex-basis:100%}.record{flex-wrap:wrap}#receiver{text-transform:none}
@media(max-width:1100px){.workspace{grid-template-columns:minmax(0,680px)}}
@media(max-width:650px){main{padding:22px 16px 0}header{height:66px;padding:0 16px}header img{width:135px}h1{font-size:26px}.heading-sub,.heading>.pill{display:none}.heading .eyebrow{font-size:9px;letter-spacing:1.1px}.heading h1{margin-bottom:0}nav{margin:12px 0 22px;gap:22px;overflow-x:auto;white-space:nowrap}nav button{font-size:13px;min-height:48px}input:not([type=checkbox]):not([type=file]),select,textarea{font-size:16px;min-height:50px;padding:13px 12px}button{min-height:44px}.wizard-progress{margin-bottom:16px}.wizard-step{padding:20px 18px;border-radius:13px}.wizard-step .section-title h2{font-size:20px}.wizard-step .section-title p{font-size:13px}.wizard-step .photo-box{height:210px}.wizard-step .hint{font-size:12px;min-height:36px;line-height:1.5}.wizard-actions{position:sticky;bottom:0;z-index:5;padding:10px 0 max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);margin-top:18px}.wizard-buttons .primary{font-size:15px}.wizard-buttons>button{padding:14px}.fields{gap:0}.service-summary>div{font-size:12px}.signature-heading label{font-size:13px}.signature-heading button{min-height:40px}.check{font-size:13px!important}.check input{width:22px;height:22px}.admin-grid{grid-template-columns:1fr}.technician-row{padding:16px}.technician-row button{padding:10px;font-size:12px}.login h1{font-size:32px}.login>div>p:not(.eyebrow){font-size:14px}.login{gap:20px;margin:12px 0}.login .card{padding:23px 20px}footer{margin-top:28px;padding-bottom:24px}.history-heading h2{font-size:21px}.record h3{font-size:20px}}
.device-row{display:flex;align-items:center;gap:8px;padding:14px 0;border-bottom:1px solid var(--line)}.device-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.device-row b,.device-row small{display:block;font-size:13px}.device-row small{margin-top:6px;color:var(--muted)}.device-row button{padding:9px;font-size:12px}.device-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.device-actions .primary{flex:1}.installed-capture{margin-top:22px!important}#device-message{font-size:13px;color:#9d2636}#device-editor{margin-top:20px}.delivery-actions{flex-basis:100%;overflow-wrap:anywhere}.receipt-link{display:inline-block;padding:12px;border:1px solid var(--line);border-radius:8px;margin:5px;color:#234c62;text-decoration:none;font-size:13px}.delivery-actions small,#receipt-actions small{display:block;font-size:12px;color:var(--muted);line-height:1.6}#receipt-actions{overflow-wrap:anywhere}.record-meta{overflow-wrap:anywhere}.service-summary>div{align-items:start}.service-summary span{max-width:75%}

.damage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.damage-grid figure{margin:0;min-width:0;padding:10px;border:1px solid #dce3e8;border-radius:12px}.damage-grid img{display:block;width:100%;height:150px;object-fit:contain;background:#f4f7f9;border-radius:8px}.damage-grid figcaption{font-size:14px;margin:8px 0}.damage-grid button{width:100%;min-height:44px}.damage-actions{display:flex;gap:10px;flex-wrap:wrap}.damage-picker{position:relative;overflow:hidden;flex:1;min-width:125px;padding:14px;text-align:center;border:1px solid #cbd5df;border-radius:10px;cursor:pointer}.damage-picker input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.damage-picker:focus-within{outline:2px solid #cf2026}.damage-capture{margin-top:24px}.damage-capture h3 small{font-size:13px;font-weight:400}