/* One inspection page: vehicle, every concern, notes and photos stay together. */
.inspection-section{background:linear-gradient(125deg,#eaf2f8,#eff7f3)}
.inspection-invite{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.inspection-invite-copy h2{font-size:clamp(34px,4.3vw,55px)}.inspection-invite-copy p{max-width:400px;margin:20px 0 25px;line-height:1.9}.inspection-invite-note{display:block;font-size:11px;color:var(--muted);margin-top:14px}.inspection-preview{position:relative;height:350px;width:100%;padding:0;border-radius:22px;overflow:hidden;background:#183346;color:white;text-align:left}.inspection-preview>img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.inspection-preview-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10263580,transparent 45%,#071b2bcc)}.inspection-preview-label{position:absolute;left:24px;top:23px;font-size:9px;letter-spacing:.12em}.inspection-preview-play{position:absolute;right:22px;top:20px;display:grid;place-items:center;width:46px;height:46px;border:1px solid #fff8;border-radius:50%;font-size:28px}.inspection-preview-bottom{position:absolute;left:26px;bottom:26px}.inspection-preview-bottom strong{display:block;font-size:25px;line-height:1.2}.inspection-preview-bottom small{display:block;font-size:11px;margin-top:13px}
.inspection-dialog{position:fixed;inset:0;width:min(1220px,calc(100vw - 32px));height:min(850px,calc(100dvh - 32px));max-width:100vw;max-height:100dvh;margin:auto;border:1px solid #cfdee8;border-radius:22px;padding:0;overflow:hidden;background:#f7fafc;color:#173246;box-shadow:0 25px 100px #07182755;font-family:var(--body)}.inspection-dialog[open]{display:flex;flex-direction:column}.inspection-dialog:not([open]){display:none}.inspection-dialog::backdrop{background:#0a1e32ae;backdrop-filter:blur(8px)}
.studio-header{flex:0 0 65px;display:flex;align-items:center;justify-content:space-between;padding:10px 22px;background:#fff;border-bottom:1px solid #dce7ee}.studio-header h2{font-size:21px;line-height:1.3;letter-spacing:-.03em}.studio-overline{display:block;font-size:8px;letter-spacing:.12em;color:#72899a;margin-bottom:3px}.studio-header .icon-button{width:44px;height:44px;border-radius:12px;background:#eef4f8;font-size:29px;color:#315b74}.studio-modebar{flex:0 0 57px;padding:6px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #dce7ee}.inspection-toggle{display:flex;gap:3px;background:#e4eef5;padding:3px;border-radius:11px}.studio-modebar .inspection-toggle button{min-height:38px;padding:8px 22px;font-size:12px;border-radius:8px;background:transparent;color:#49677d}.inspection-toggle button[aria-pressed=true]{background:#193f59!important;color:#fff!important;box-shadow:0 2px 6px #17394d1f}.studio-modebar>p{font-size:11px;color:#678093;margin:0;text-align:right}
.studio-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);overflow:hidden}.studio-main .inspection-visual{position:relative;min-height:0;min-width:0;overflow:hidden;background:radial-gradient(ellipse at 50% 25%,#fcfefe,#eaf2f6 55%,#dce9ef)}.studio-view-label{position:absolute;top:18px;left:21px;z-index:2;display:flex;flex-direction:column;pointer-events:none;gap:5px}.studio-view-label>span:first-child{font-size:8px;letter-spacing:.14em;color:#7991a2}.studio-view-label strong{font-size:17px;font-weight:700;color:#244b66}.studio-view-label #view-hint{font-size:10px;color:#728b9d}.studio-main .vehicle-stage{position:absolute;inset:48px 0 96px;min-height:0;height:auto}.studio-main #vehicle-canvas{position:absolute;inset:0}.studio-main #vehicle-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.studio-main .model-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;padding:15px;text-align:center;background:radial-gradient(ellipse,#f2f7fae6,transparent 75%)}.model-load p{max-width:310px;font-size:12px;line-height:1.6;margin:0}.model-load .button{min-height:40px;font-size:12px}.model-loading-ring{height:32px;width:32px;border:2px solid #c4d9e7;border-top-color:#287bae;border-radius:50%;animation:studio-spin 1s linear infinite}@keyframes studio-spin{to{transform:rotate(360deg)}}
.studio-main .viewer-controls{position:absolute;inset:0;pointer-events:none;z-index:3}.camera-buttons{position:absolute;bottom:25px;left:18px;right:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;pointer-events:auto}.studio-main .viewer-controls button{border:1px solid #c8dce9;border-radius:10px;background:#fffffff0;color:#315d78;min-height:48px;padding:6px 7px;font-size:11px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;touch-action:manipulation}.camera-buttons button>span{font-size:19px;line-height:1.1}.studio-main .viewer-controls button[aria-pressed=true]{background:#1f5275;color:#fff;border-color:#1f5275}.zoom-controls{position:absolute;right:14px;top:50%;transform:translateY(-60%);display:grid;gap:6px;pointer-events:auto}.studio-main .zoom-controls button{min-width:46px;min-height:47px;font-size:22px;padding:4px}.zoom-controls button span{font-size:8px;line-height:1}.model-caption{position:absolute;bottom:5px;left:7px;right:7px;text-align:center;font-size:8px;line-height:1.4;color:#8197a6;pointer-events:none}.model-markers{position:absolute;inset:0;pointer-events:none}.model-marker{position:absolute;pointer-events:auto;transform:translate(-50%,-50%);width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:#388572;color:#fff;box-shadow:0 2px 10px #142f4a40;font-size:17px;font-weight:700}.model-marker.selected{background:#2474b1;box-shadow:0 0 0 5px #2474b124}
.studio-editor{min-height:0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:17px 19px 10px;background:#fff;border-left:1px solid #d8e4ec;overflow:hidden}.studio-area{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700;flex:0 0 42px}.studio-area>span{white-space:nowrap}.studio-area select{min-width:0;width:100%;height:42px;border:1px solid #c8dce9;border-radius:9px;background:#f2f8fc;color:#214d6c;font:600 13px var(--body);padding:7px 8px}.studio-concerns{flex:1;min-height:218px;display:flex;flex-direction:column}.concern-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;flex:0 0 28px}.concern-heading strong{font-size:12px}.concern-heading button{background:transparent;color:#7e5b63;text-decoration:underline;font-size:10px;min-height:28px;padding:0 4px}.studio-editor .concern-options{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(5,minmax(0,1fr));gap:6px;flex:1;min-height:0}.studio-editor .concern-options button{min-height:35px;padding:5px 8px;border:1px solid #d2e2ec;background:#f7fafc;border-radius:8px;font-size:11px;color:#3e627a;line-height:1.25;display:flex;align-items:center;gap:7px;text-align:left;touch-action:manipulation}.concern-options button:before{content:'+';font-size:15px;color:#8ca8bb;flex:0 0 11px}.studio-editor .concern-options button[aria-pressed=true]{background:#e5f3fd;border-color:#397ea9;color:#175782;box-shadow:inset 0 0 0 .5px #397ea9}.concern-options button[aria-pressed=true]:before{content:'✓';font-size:12px;color:#246d9d}.studio-detail-row{display:flex;align-items:center;gap:10px;flex:0 0 36px;font-size:11px;color:#53748b}.studio-detail-row>label{flex:1}.studio-detail-row select{width:47%;height:36px;border:1px solid #ccdeea;background:#f7fafc;color:#284c65;padding:5px 9px;border-radius:8px;font:12px var(--body)}.studio-note{flex:0 0 38px}.studio-note input{width:100%;height:38px;border:1px solid #ccdeea;border-radius:8px;background:#f7fafc;padding:6px 10px;font:12px var(--body);color:#284c65}.studio-photos{flex:0 0 87px;min-height:0;position:relative}.photo-actions{display:flex;align-items:center;gap:7px;height:37px}.photo-actions button{border:1px solid #c9ddea;background:#edf6fb;color:#2c678c;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:700;min-height:36px}.photo-actions button:disabled{opacity:.55}.photo-actions #photo-count{margin-left:auto;font-size:11px;color:#738f9f}.photo-list{height:43px;display:flex;align-items:center;gap:6px;overflow:hidden;margin-top:5px}.photo-empty{font-size:9px;color:#8297a6;line-height:1.5}.photo-thumb{position:relative;width:41px;height:41px;flex:0 0 41px;padding:0;border:1px solid #c1d4e2;border-radius:7px;overflow:hidden;background:#edf3f8}.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-thumb span{position:absolute;bottom:0;right:0;padding:1px 4px;font-size:9px;color:#fff;background:#153d5bba}.photo-status{position:absolute;left:0;right:0;bottom:0;margin:0;min-height:0;font-size:10px;line-height:1.3;background:#fffffff2;color:#875344}.photo-status:empty{display:none}.inspection-status{flex:0 0 15px;min-height:15px;line-height:15px;font-size:9px;color:#64869b;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.studio-footer{height:73px;flex:0 0 73px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 20px;background:#fcfefe;border-top:1px solid #d5e3eb}.saved-summary{min-width:0;display:flex;flex-direction:column;gap:2px}.saved-summary>span{font-size:11px;font-weight:700;color:#32667d}.saved-summary select{max-width:235px;width:100%;height:28px;border:0;background:transparent;color:#69889b;font:10px var(--body);padding:2px 0}.studio-footer .button{font-size:12px;min-height:46px;white-space:nowrap;padding:10px 19px;border-radius:10px}
.photo-preview{position:absolute;inset:0;z-index:6;background:#183044;display:flex;flex-direction:column;padding:14px;gap:10px}.photo-preview>img{min-height:0;flex:1;object-fit:contain;width:100%}.photo-preview>div{display:flex;align-items:center;gap:10px;color:#fff;min-height:42px}.photo-preview>div>span{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-preview button{background:#ffffff22;color:#fff;min-height:40px;padding:8px 10px;border-radius:8px;font-size:11px}.photo-preview #close-photo-preview{font-size:24px}
@media(max-width:700px) and (min-height:501px){.inspection-invite{grid-template-columns:1fr;gap:27px}.inspection-preview{height:250px}.inspection-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.studio-header{flex-basis:49px;padding:6px 13px}.studio-header h2{font-size:16px}.studio-overline{font-size:6px;margin-bottom:2px}.studio-header .icon-button{height:38px;width:38px}.studio-modebar{flex-basis:46px;padding:4px 12px;gap:8px}.studio-modebar .inspection-toggle button{min-height:32px;font-size:11px;padding:5px 17px}.studio-modebar>p{font-size:9px;max-width:115px;line-height:1.5}.studio-main{grid-template-columns:1fr;grid-template-rows:minmax(145px,1fr) 432px}.studio-view-label{left:13px;top:9px;gap:2px}.studio-view-label>span:first-child{font-size:6px}.studio-view-label strong{font-size:12px}.studio-view-label #view-hint{font-size:8px}.studio-main .vehicle-stage{inset:17px 0 67px}.camera-buttons{bottom:15px;left:11px;right:11px;gap:6px}.studio-main .viewer-controls .camera-buttons button{min-height:42px;flex-direction:row;gap:4px;font-size:10px}.camera-buttons button>span{font-size:17px}.zoom-controls{right:10px;transform:translateY(-55%);gap:4px}.studio-main .zoom-controls button{min-height:38px;min-width:40px;font-size:19px}.zoom-controls button span{font-size:7px}.model-caption{font-size:6px;bottom:3px}.model-marker{width:34px;height:34px}.studio-editor{border-left:0;border-top:1px solid #d8e4ec;padding:8px 13px 5px;gap:6px}.studio-area{flex-basis:38px;font-size:10px}.studio-area select{height:38px;font-size:16px;padding:5px 7px}.studio-concerns{min-height:214px}.concern-heading{flex-basis:24px}.concern-heading strong{font-size:11px}.concern-heading button{font-size:9px;min-height:24px}.studio-editor .concern-options{gap:5px}.studio-editor .concern-options button{font-size:10px;min-height:34px;padding:4px 7px;gap:5px}.studio-detail-row{flex-basis:31px;font-size:10px}.studio-detail-row select{height:31px;font-size:16px;padding:3px 8px}.studio-note{flex-basis:33px}.studio-note input{height:33px;font-size:16px;padding:4px 8px}.studio-photos{flex-basis:75px}.photo-actions{height:32px;gap:6px}.photo-actions button{min-height:32px;font-size:10px;padding:5px 10px}.photo-actions #photo-count{font-size:10px}.photo-list{height:36px;margin-top:4px;gap:6px}.photo-thumb{height:35px;width:35px;flex-basis:35px}.photo-empty{font-size:8px}.inspection-status{display:none}.photo-status{font-size:9px}.studio-footer{height:calc(61px + env(safe-area-inset-bottom));flex-basis:calc(61px + env(safe-area-inset-bottom));padding:6px 12px calc(6px + env(safe-area-inset-bottom))}.saved-summary>span{font-size:10px}.saved-summary select{font-size:9px;max-width:150px;height:26px}.studio-footer .button{min-height:43px;font-size:11px;padding:9px 12px;gap:12px}}
@media(max-width:700px) and (max-height:740px) and (min-height:501px){.studio-main{grid-template-rows:minmax(120px,1fr) 344px}.studio-header{flex-basis:44px}.studio-modebar{flex-basis:42px}.studio-editor{gap:5px}.studio-area{flex-basis:34px}.studio-area select{height:34px}.studio-concerns{min-height:144px}.concern-heading{flex-basis:20px}.concern-heading button{min-height:20px}.studio-editor .concern-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:4px}.studio-editor .concern-options button{min-height:27px;font-size:9px;padding:3px 4px;gap:3px}.studio-editor .concern-options button:before{flex-basis:7px;font-size:11px}.studio-photos{flex-basis:66px}.photo-list{height:31px;margin-top:3px}.photo-thumb{height:30px;width:30px;flex-basis:30px}.studio-detail-row{flex-basis:28px}.studio-detail-row select{height:28px}.studio-note{flex-basis:30px}.studio-note input{height:30px}.studio-footer{flex-basis:calc(56px + env(safe-area-inset-bottom));height:calc(56px + env(safe-area-inset-bottom))}}
@media(max-height:500px){.inspection-dialog{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.studio-header{flex-basis:39px;padding:3px 12px}.studio-overline{display:none}.studio-header h2{font-size:15px}.studio-header .icon-button{height:32px;width:32px}.studio-modebar{flex-basis:36px;padding:2px 12px}.studio-modebar .inspection-toggle button{min-height:27px;padding:4px 18px;font-size:10px}.studio-modebar>p{font-size:9px}.studio-main{grid-template-columns:minmax(220px,.85fr) minmax(380px,1.15fr);grid-template-rows:1fr}.studio-editor{padding:5px 10px;gap:4px}.studio-area{flex-basis:29px;font-size:9px}.studio-area select{height:29px;font-size:12px;padding:3px 6px}.studio-concerns{min-height:76px}.concern-heading{flex-basis:18px}.concern-heading strong,.concern-heading button{font-size:9px;min-height:18px}.studio-editor .concern-options{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:4px}.studio-editor .concern-options button{min-height:26px;font-size:8px;padding:2px 4px;gap:2px}.studio-editor .concern-options button:before{flex-basis:6px;font-size:10px}.studio-detail-row{flex-basis:25px;font-size:9px}.studio-detail-row select{height:25px;font-size:12px;padding:2px 6px}.studio-note{flex-basis:27px}.studio-note input{height:27px;font-size:12px;padding:3px 7px}.studio-photos{display:flex;gap:8px;align-items:center;flex-basis:33px}.photo-actions{height:31px;gap:5px;flex-shrink:0}.photo-actions button{min-height:29px;font-size:9px;padding:4px 7px}.photo-actions #photo-count{font-size:9px}.photo-list{height:30px;margin:0;gap:3px}.photo-thumb{height:28px;width:28px;flex-basis:28px}.photo-empty{font-size:7px}.photo-status{font-size:8px}.inspection-status{display:none}.studio-view-label{top:8px;left:12px;gap:3px}.studio-view-label strong{font-size:12px}.studio-view-label>span{font-size:7px!important}.studio-main .vehicle-stage{inset:16px 0 62px}.camera-buttons{bottom:14px;left:8px;right:8px;gap:4px}.studio-main .viewer-controls .camera-buttons button{min-height:38px;font-size:9px;padding:3px}.camera-buttons button>span{font-size:16px}.studio-main .zoom-controls button{min-width:33px;min-height:33px;font-size:18px}.zoom-controls{right:7px;gap:3px}.zoom-controls button span{font-size:6px}.model-caption{font-size:6px;bottom:3px}.studio-footer{flex-basis:46px;height:46px;padding:4px 12px}.saved-summary{flex-direction:row;align-items:center;gap:9px}.saved-summary>span{font-size:10px}.saved-summary select{height:27px;font-size:9px;max-width:180px}.studio-footer .button{min-height:35px;padding:6px 13px;font-size:10px}.model-load p{font-size:10px}}
.inspection-dialog.keyboard-open .studio-main{display:flex;flex:1;min-height:0}.inspection-dialog.keyboard-open .inspection-visual,.inspection-dialog.keyboard-open .studio-modebar,.inspection-dialog.keyboard-open .studio-area,.inspection-dialog.keyboard-open .studio-concerns,.inspection-dialog.keyboard-open .studio-photos{display:none}.inspection-dialog.keyboard-open .studio-editor{width:100%;border:0;justify-content:center;padding:12px}.inspection-dialog.keyboard-open .studio-detail-row,.inspection-dialog.keyboard-open .studio-note{flex:0 0 42px}.inspection-dialog.keyboard-open .studio-detail-row select,.inspection-dialog.keyboard-open .studio-note input{height:42px;font-size:16px}.inspection-dialog.keyboard-open .studio-footer{flex-basis:56px}
@media(prefers-reduced-motion:reduce){.model-loading-ring{animation:none}}

@media(max-width:700px) and (min-height:741px){.studio-main{grid-template-rows:minmax(145px,1fr) 436px}.studio-editor .concern-options{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr))}.studio-editor .concern-options button{font-size:10px;min-height:42px}}
@media(max-width:700px) and (min-height:631px) and (max-height:740px){.studio-main{grid-template-rows:minmax(115px,1fr) 375px}.studio-concerns{min-height:174px}.studio-editor .concern-options button{min-height:34px;font-size:10px}}
@media(max-width:700px) and (min-height:501px) and (max-height:630px){.studio-header{flex-basis:38px}.studio-modebar{flex-basis:36px}.studio-modebar .inspection-toggle button{min-height:27px}.studio-main{grid-template-rows:minmax(95px,1fr) 280px}.studio-concerns{min-height:88px}.studio-editor .concern-options{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.studio-editor .concern-options button{min-height:31px;font-size:8px;gap:2px;padding:2px 3px}.studio-footer{flex-basis:calc(50px + env(safe-area-inset-bottom));height:calc(50px + env(safe-area-inset-bottom))}.studio-main .vehicle-stage{inset:10px 0 54px}.studio-main .camera-buttons button{min-height:34px!important}.camera-buttons{bottom:13px}.studio-view-label #view-hint{display:none}}
@media(pointer:coarse){.studio-detail-row select,.studio-note input{font-size:16px}}