/* SLPT-R25R7-ASSESSMENT-MEDIA-GEOMETRY-SCROLL-20260817 */
/* SLPT v1.8.0 - assessment workflow */
.v18-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.v18-workflow>div{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.24)}.v18-workflow>div.active{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.v18-workflow span{display:grid;place-items:center;width:25px;height:25px;border-radius:9px;background:var(--surface-strong);font-weight:800}.v18-workflow b{font-size:.84rem}.assessment-nav-divider small{padding:7px 12px;display:block;letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;opacity:.65}.v18-capture-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.v18-capture-status>div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.v18-capture-status span{grid-row:1/3;font-size:1.35rem}.v18-capture-status small{opacity:.7}.v18-capture-status .done{background:rgba(32,160,107,.08)}.v18-saved-grid,.v18-batch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.v18-saved-media,.v18-batch-slot,.v18-analysis-review{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--surface) 92%,transparent);overflow:hidden}.v18-saved-media>header,.v18-batch-slot>header,.v18-analysis-review>header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.v18-saved-media header div,.v18-batch-slot header div{display:flex;gap:8px;align-items:center}.v18-saved-media header small{display:block}.v18-media-stage,.v18-slot-preview{position:relative;min-height:220px;background:#101216;display:grid;place-items:center;overflow:hidden}.v18-media-stage img,.v18-media-stage video,.v18-slot-preview img,.v18-slot-preview video{display:block;width:100%;height:100%;max-height:430px;object-fit:contain}.v18-media-stage canvas,.v18-slot-preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.v18-findings{padding:13px}.v18-metric{padding:10px 0;border-bottom:1px solid var(--line)}.v18-metric:last-child{border-bottom:0}.v18-metric>div{display:flex;justify-content:space-between;gap:15px}.v18-metric p{margin:5px 0;font-size:.83rem;opacity:.82}.v18-metric small{display:block;font-size:.76rem;color:var(--text-muted)}.v18-flags{margin-top:12px}.v18-flag{display:grid;grid-template-columns:1fr auto;gap:5px;padding:10px;border-radius:12px;background:rgba(181,45,58,.08);margin-top:7px}.v18-flag p{grid-column:1/3;margin:0;font-size:.82rem}.v18-step-footer{position:sticky;bottom:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--surface-strong) 93%,transparent);backdrop-filter:blur(18px);z-index:5}.v18-step-footer>div{display:flex;align-items:center;gap:10px}.v18-step-footer small{opacity:.7}.v18-review-form{display:grid;gap:13px}.v18-analysis-stack{display:grid;gap:14px;margin-bottom:18px}.v18-batch-slot .row-actions{padding:10px}.v18-batch-slot header span:first-child{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--surface-strong)}.v18-slot-empty{padding:40px 12px;color:var(--text-muted)}.v18-batch-actions{display:flex;justify-content:flex-end;gap:10px;margin:16px 0}.v18-report-context{margin-top:16px}.v18-report-context section{padding:10px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.v18-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.v18-capture-status{grid-template-columns:repeat(2,minmax(0,1fr))}.v18-saved-grid,.v18-batch-grid{grid-template-columns:1fr}.v18-workspace{grid-template-columns:1fr!important}.v18-workspace .assessment-section-nav{position:static!important;display:flex!important;overflow-x:auto!important;gap:8px!important;padding:8px!important}.v18-workspace .assessment-section-button{flex:0 0 auto!important;min-width:max-content!important}.v18-workspace .assessment-nav-divider{display:none}.v18-step-footer{bottom:max(6px,env(safe-area-inset-bottom));flex-wrap:wrap}.v18-step-footer>div{margin-left:auto}.v18-media-stage,.v18-slot-preview{min-height:180px}}
@media(max-width:520px){.v18-workflow{display:flex;overflow-x:auto}.v18-workflow>div{min-width:155px}.v18-capture-status{grid-template-columns:1fr 1fr}.v18-step-footer{display:grid;grid-template-columns:1fr}.v18-step-footer>div{display:grid;grid-template-columns:1fr;margin:0}.v18-step-footer .btn{width:100%}.v18-batch-actions{display:grid}.v18-batch-actions .btn{width:100%}.v18-media-stage,.v18-slot-preview{min-height:150px}.assessment-workspace-main{overflow:visible!important}}
.v18-media-actions{padding:10px 13px;border-bottom:1px solid var(--line);flex-wrap:wrap}.v18-annotation-stage{position:relative;display:grid;place-items:center;background:#101216;border-radius:16px;overflow:hidden;min-height:260px}.v18-annotation-stage img{display:block;max-width:100%;max-height:70vh;object-fit:contain}.v18-annotation-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;pointer-events:none}
@media(max-width:520px){.v18-annotation-stage{min-height:200px}.v18-media-actions .small-btn{flex:1 1 auto}}