body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}main{max-width:780px;margin:0 auto;width:100%;padding:24px 18px}.sidebar{display:none}.topbar{align-items:flex-start;gap:18px;flex-direction:column;margin-bottom:22px}.topbar h1{font-size:30px}.topbar-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.button,input,select,textarea{min-height:48px;font-size:16px}.button{font-size:13px;border-radius:10px}input,select,textarea{border-radius:8px}label{font-size:12px}.form-card{border-radius:16px;padding:18px}.vehicle-grid,.product-selector{grid-template-columns:1fr}.vehicle-grid label:first-child{grid-column:auto}.product-option{min-height:74px;border-radius:12px}.product-option input{display:block;position:absolute;opacity:0;width:20px}.product-option:focus-within{outline:3px solid #ad8900}.metrics{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.metrics article{padding:12px;border-radius:12px}.metrics article:last-child{grid-column:auto}.metrics span{font-size:10px}.metrics strong{font-size:24px}.list-heading,.list-filters{width:100%;align-items:stretch;flex-direction:column}.store-filter select{flex:1}.search input{width:100%;min-width:0}.install-list{border:0;background:transparent;overflow:visible}.install-item{background:white;border:1px solid #ddd!important;border-radius:14px;margin-bottom:10px;flex-wrap:wrap}.install-title{display:block}.date-label{display:block;margin-top:5px}.vin-label{overflow-wrap:anywhere}.vehicle-avatar{display:none}.item-actions{flex-direction:row;width:100%;justify-content:flex-end}.icon-button{width:48px;height:44px;background:#f3f3f3}.coverage-row.tint-row,.coverage-row.ppf-row{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.coverage-header{display:none}.coverage-row .area{grid-column:1/-1;min-height:40px}.coverage-row .area input{width:24px;height:24px;min-height:24px}.coverage-row select{grid-column:1/-1;width:100%}.coverage-row input{min-width:0}.area-scan-button{width:auto;height:48px;grid-column:1/-1;font-size:13px}.area-scan-button:after{content:' Scan this area’s label';margin-left:6px}.vin-entry,.field-entry{flex-wrap:wrap}.vin-entry>input{flex-basis:100%;font-family:monospace}.lookup-button,.scan-button{min-height:48px;justify-content:center;flex:1}.field-entry select{width:100%}.coating-options{grid-template-columns:repeat(3,1fr)}.coating-option{padding:14px 8px}.coating-option input{min-height:16px}.coating-option small{display:none}.form-actions{position:sticky;bottom:76px;background:#f5f5f2ed;padding:12px 0}.form-actions .primary{flex:1}.phone-nav{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#111;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0 12px env(safe-area-inset-bottom);gap:0}.phone-nav button,.phone-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:0 8px;border:0;border-radius:0;background:transparent;color:#fff;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer}.phone-nav button:hover,.phone-nav a:hover{background:#252525}.phone-nav :focus-visible{outline:2px solid #ffcb05;outline-offset:-4px}.toast{bottom:calc(56px + env(safe-area-inset-bottom));left:16px;right:16px;z-index:30}.auth-gate{overflow:auto;padding-top:max(22px,env(safe-area-inset-top))}.login-card{border-radius:18px;padding:26px}.login-card input{width:100%}#connection{background:#ffcb05;font-size:13px;text-align:center;padding:0}#connection:not(:empty){padding:10px}dialog{border:0;border-radius:18px;padding:25px;max-width:calc(100% - 36px);width:400px}dialog::backdrop{background:#0009}dialog .button{margin:5px 0}.form-card small{line-height:1.5}.work-order-scan .scan-button{padding:12px}.back-link{min-height:44px}.draft-pill{display:none}
.toast{pointer-events:none}
/* Keep list controls readable without iPhone focus zoom. */
.search input,.store-filter select{font-size:16px}
.store-filter select,.list-filters,.install-main{min-width:0}
.search,.store-filter,.install-item{max-width:100%}
#workScan{width:620px;max-height:90dvh;overflow:auto}#scanImage{display:block;width:100%;max-height:45vh;object-fit:contain;background:#eee;touch-action:none}#scanImage{max-height:none}#workScan button{min-height:48px;border:0;border-radius:8px;padding:10px 14px;margin:5px 0;background:#eee;font-weight:700}#workScan #scanRead,#workScan #scanApply{background:#ffcb05}#scanFields{display:grid;gap:12px}#scanStatus{margin-top:12px;line-height:1.5}#scanReview h3{margin-top:20px}#workScan summary{padding:16px 0;cursor:pointer}.scan-actions{display:flex;flex-wrap:wrap;gap:7px}

[aria-invalid="true"]{border:2px solid #b42318!important;outline:2px solid #b4231833;background-color:#fff5f4!important;scroll-margin:100px}.product-option:has([aria-invalid="true"]),.coating-option:has([aria-invalid="true"]){border:2px solid #b42318}.field-error{display:block;color:#b42318!important;font-size:13px;grid-column:1/-1;margin:4px 0 10px}#saveFeedback{background:#fff0ee;border:2px solid #b42318;color:#8c1c13;border-radius:12px;padding:16px;margin-bottom:18px;scroll-margin-top:20px}#saveFeedback[hidden]{display:none}#saveFeedback button{display:block;background:none;border:0;color:inherit;text-align:left;text-decoration:underline;padding:8px 0;font-size:14px;min-height:44px}

.shopmonkey-lookup{display:grid;gap:10px;margin-bottom:12px}.shopmonkey-lookup small{display:block;overflow-wrap:anywhere}.shopmonkey-lookup .error{color:#b42318}.shopmonkey-lookup .success{color:#286b22}
/* Version 12: lookup controls first, filled details below. */
.dashboard-new-install{display:flex;align-items:center;justify-content:center;width:100%;min-height:100px;font-size:22px;margin-bottom:18px}
.step[hidden],.coverage-source-check{display:none!important}
.coverage-options{margin-top:22px}.coverage-options h4{margin:0 0 12px;font-size:17px}
.coverage-option{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:14px 0;border-top:1px solid #e4e4e4}
.coverage-option>label:first-child{display:flex;align-items:center;gap:10px;font-size:15px;min-height:48px}
.coverage-option input[type=checkbox]{width:24px;height:24px;min-height:24px;flex-shrink:0;accent-color:#d9ad00}
.coverage-scan-button{background:#ffcb05;border-radius:9px;padding:14px 16px;cursor:pointer;color:#111;font-size:13px;font-weight:700;text-align:center}
.coverage-scan-button[aria-disabled=true]{background:#eee;color:#888;cursor:default}
.lookup-scan-status{grid-column:1/-1;overflow-wrap:anywhere}.lookup-scan-status:empty{display:none}
#tintDetails .coverage-row:not(.coverage-header):not(.is-selected),#ppfDetails .coverage-row:not(.coverage-header):not(.is-selected){display:none}
.coverage-empty{color:#757575;font-size:14px}.coverage-empty[hidden]{display:none}
#ceramicDetails{padding:0;border:0;background:transparent;box-shadow:none}
#workOrderLookupSection .form-grid{grid-template-columns:1fr}
.form-actions{bottom:calc(76px + env(safe-area-inset-bottom))}
button,input,select,textarea{font-family:inherit}
.form-actions{position:static}

#newTeslaDealBtn{background:#171717;color:#ffcc00;border-color:#171717}#teslaPhotoSlots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tesla-photo{min-width:0;border:1px solid #ddd;border-radius:12px;padding:12px}.tesla-photo img{display:block;width:100%;height:130px;object-fit:contain;margin:8px 0;background:#f6f6f6}.tesla-photo img[hidden]{display:none}.tesla-photo input{width:100%;font-size:13px;margin-top:10px}.tesla-photo button{margin-top:8px}.tesla-photo small{display:block;color:#b00020;margin-top:8px}#teslaPhotoStatus,#teslaDealNotice{padding:12px;line-height:1.5}#teslaDealNotice{background:#fff7d4;border-radius:12px}#teslaSavedNotice{line-height:1.5} @media(max-width:360px){#teslaPhotoSlots{grid-template-columns:1fr}}

.tesla-photo input[hidden]{display:none}.tesla-camera{display:flex;width:100%;justify-content:center;min-height:48px}

/* Ceramic surface choices stay inside their service card. */
.coating-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.coverage-choice{display:flex;align-items:center;gap:10px;min-height:50px;padding:10px 12px;border:1px solid #deded9;border-radius:9px;background:white;font-size:14px}
.coverage-choice input{width:21px;height:21px;min-height:21px;flex:none;accent-color:#d4a900}
.coverage-choice:has(input:checked){background:#fff9df;border-color:#d4a900}
.field-help{font-size:13px;color:#686963;margin:12px 0 8px}
@media(max-width:380px){.coating-extras{grid-template-columns:1fr}}

/* Small Tesla receipts in the list, detailed confirmation after submission. */
#teslaPhotoSlots[hidden],#teslaSavedFiles[hidden],.receipt-actions [hidden]{display:none!important}
.tesla-status-tag{display:inline-flex;align-items:center;min-height:24px!important;padding:3px 9px;border:1px solid transparent;border-radius:20px;font-size:11px!important;font-weight:700;line-height:1.3;cursor:pointer}
.tesla-status-tag[data-state=submitted]{color:#166534;background:#e8f7ee;border-color:#b6dfc5}
.tesla-status-tag[data-state=error]{color:#9f201a;background:#ffebe8;border-color:#efb1aa}
.tesla-status-tag[data-state=pending]{color:#775800;background:#fff4ce;border-color:#e5cc77}
#teslaReceipt{width:440px;max-height:calc(100dvh - 36px);overflow:auto;padding:26px}
#teslaReceipt h2{font-size:25px;line-height:1.2;margin:15px 0 10px}
.receipt-symbol{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#fff4ce;color:#775800;font-size:28px;font-weight:800}
[data-state=submitted]>.receipt-symbol{background:#e8f7ee;color:#166534}
[data-state=error]>.receipt-symbol{background:#ffebe8;color:#9f201a}
.receipt-job{color:#626262;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.receipt-details{padding:8px 0;line-height:1.55;font-size:15px;overflow-wrap:anywhere}
.receipt-details p{margin:10px 0}.receipt-help{font-size:13px;line-height:1.5;color:#555}
.receipt-actions{display:grid;gap:6px;margin-top:18px}.receipt-actions .button{display:flex;justify-content:center;align-items:center;text-decoration:none;margin:0}
#teslaDealNotice[data-state=submitted]{background:#e8f7ee;color:#166534}
#teslaDealNotice[data-state=error]{background:#ffebe8;color:#9f201a}
.receipt-link{border:0;background:none;padding:4px 0;min-height:32px;color:inherit;text-decoration:underline;font-size:13px}
.tesla-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
.tesla-saved-grid a{color:inherit;text-decoration:none}.tesla-saved-grid strong{font-size:13px}
#teslaSavedFiles>.button{display:flex;justify-content:center;align-items:center;margin:8px 0;text-decoration:none}
@media(max-width:360px){.tesla-saved-grid{grid-template-columns:1fr}}

#teslaSubmissionProgress{padding:16px;border-radius:12px;background:#fff4ce;color:#674d00;line-height:1.5;font-weight:600}#teslaSubmissionProgress[hidden]{display:none}
#teslaOwnerReview[hidden],#teslaOwnerReviewAccount[hidden]{display:none!important}
[data-owner-navigation][hidden]{display:none!important}
#teslaOwnerReview,#teslaOwnerReviewAccount{text-decoration:none;white-space:normal;text-align:center}

.login-password-entry{position:relative;margin-top:7px}
.login-password-entry input{margin:0;min-height:52px;padding-right:80px}
.password-toggle{position:absolute;right:4px;top:4px;bottom:4px;min-width:64px;min-height:44px;padding:0 10px;border:0;border-radius:6px;background:#fff5c7;color:#685100;font:800 13px Manrope,Arial,sans-serif;cursor:pointer}
.password-toggle:hover{background:#ffeb9b}
.password-toggle:focus-visible{outline:2px solid #856500;outline-offset:1px}
.password-toggle[hidden]{display:none}