/* Layout general */
:root{
  --bg:#e8eef2;--surface:#fff;--surface-soft:#f4f7f9;--petrol-950:#061d27;--petrol-900:#0b2b38;--petrol-800:#104152;
  --technical:#1686a8;--technical-light:#d9f1f7;--blue:#147da0;--green:#138a68;--red:#c74444;--yellow:#c98a16;
  --gray:#667987;--black:#15252e;--muted:#5d707c;--line:#ced9df;--shadow:0 12px 28px rgba(6,29,39,.08);
  --radius:14px;--radius-sm:9px;
}
*{box-sizing:border-box}
html{background:var(--petrol-950);scroll-behavior:smooth}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 72% 8%,#173e4a 0,#102d37 28%,#081e27 72%);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--black);line-height:1.45}
[hidden]{display:none!important}
.wrap{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;max-width:1800px;margin:0 auto;padding:18px;min-height:calc(100vh - 82px)}
.sidebar{align-self:start;position:sticky;top:98px;max-height:calc(100vh - 116px);overflow:auto;scrollbar-width:thin}
.main{min-width:0}
.card{background:rgba(255,255,255,.96);border:1px solid rgba(178,196,205,.78);border-radius:var(--radius);padding:16px;margin-bottom:14px;box-shadow:0 4px 14px rgba(6,29,39,.05)}
.card h2,.card h3{margin:0;color:var(--petrol-900);font-size:17px;line-height:1.25}
.sectionHeading{display:grid;gap:3px;margin-bottom:12px}.sectionEyebrow{font-size:10px;font-weight:900;letter-spacing:.13em;color:var(--technical)}
.caseWorkspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.72fr);gap:18px;align-items:start}
.caseWorkspacePrimary,.caseWorkspaceSide{min-width:0}.caseWorkspaceSide{position:relative}.inspectionCard{padding:12px}.caseOverviewCard{padding-bottom:13px}.caseDescription{margin:8px 0 12px;color:var(--muted)}
.workGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}.workGrid .card{margin:0}
.workGrid.checklistOnly{grid-template-columns:minmax(0,900px);justify-content:center}
.row{display:flex;gap:8px}.row>*{flex:1;min-width:0}
.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dataTableWrap{margin-top:12px;overflow:auto;border:1px solid var(--line);border-radius:10px}
.caseDataCard{border-top:3px solid var(--technical)}.componentMetrics{grid-template-columns:repeat(4,minmax(0,1fr))}.componentNeutralNote{margin:12px 0 0;padding:10px 12px;border-left:3px solid var(--technical);border-radius:0 8px 8px 0;background:#edf7fa;color:#3e606d;font-size:11px}
.acceptanceCard{border-top:3px solid #2a9bb8;background:linear-gradient(180deg,#fff,#f4fafc)}.acceptanceTable th{width:43%;background:#e9f3f6;color:#335966}.acceptanceTable td{font-weight:650;color:#23434f}.acceptanceDisclaimer{margin:11px 0 0;padding:9px 10px;border:1px solid #c8dce3;border-radius:8px;background:#edf5f7;color:#536b75;font-size:10px;line-height:1.45}.interpretationCard{border-top:3px solid var(--green)}
.small{font-size:12px;color:var(--muted)}

/* Header */
.header{position:sticky;top:0;z-index:50;min-height:82px;background:linear-gradient(110deg,var(--petrol-950),var(--petrol-900) 68%,#0d3b49);color:#fff;padding:13px 22px;display:flex;align-items:center;gap:24px;box-shadow:0 8px 24px rgba(4,22,30,.2)}
.headerBrand{display:flex;align-items:center;gap:12px;min-width:340px}.brandMark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(103,214,238,.55);border-radius:12px;background:rgba(20,134,168,.2);color:#8be1f2;font-weight:900;letter-spacing:.08em}
.header h1{font-size:20px;margin:0;font-weight:800;letter-spacing:.01em}.headerBrand p{margin:2px 0 0;color:#bcd0d8;font-size:12px}
.headerContext{display:flex;gap:8px;flex:1;justify-content:center}.headerChip{padding:6px 10px;border:1px solid rgba(138,225,242,.32);border-radius:999px;background:rgba(18,79,96,.62);font-size:12px;font-weight:800;color:#e8fbff}.headerChip.muted{color:#b8cbd3}
.headerMode{display:flex;align-items:center;gap:10px}.badge{padding:6px 10px;border:1px solid rgba(122,210,230,.35);border-radius:999px;background:#16495a;color:#dff8fd;font-weight:800;font-size:11px;letter-spacing:.06em}.badge.instructor{background:#7a341f;border-color:#c77b5c;color:#fff1e9}
.modeSwitch{display:flex;padding:3px;background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.13);border-radius:10px}.modeBtn{padding:7px 9px;background:transparent;color:#b9ccd4;border-radius:7px;font-size:12px}.modeBtn.active{background:#fff;color:var(--petrol-900);box-shadow:0 2px 8px rgba(0,0,0,.18)}

/* Selector de casos */
.caseSelectorCard{padding:14px}.caseSelectorCard>label{font-size:11px;color:var(--muted)}
.caseNavigator{display:grid;gap:7px;margin-top:12px}.caseNavItem{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;padding:9px;border:1px solid var(--line);border-radius:10px;background:#f8fafb;color:var(--black);text-align:left;font-weight:700;transition:.18s ease}.caseNavItem:hover{border-color:#76bbcd;background:#eff9fb;transform:translateX(2px)}.caseNavItem.active{border-color:var(--technical);background:#e8f7fa;box-shadow:inset 3px 0 0 var(--technical)}
.caseNavNumber{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#dfe9ed;color:var(--petrol-800);font-size:12px}.caseNavItem.active .caseNavNumber{background:var(--petrol-800);color:#fff}.caseNavText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.caseNavStatus{width:8px;height:8px;border-radius:50%;background:#aab8c0;box-shadow:0 0 0 3px rgba(170,184,192,.18)}.caseNavStatus.executed{background:#1b94ba;box-shadow:0 0 0 3px rgba(27,148,186,.16)}.caseNavStatus.answered{background:#18a276;box-shadow:0 0 0 3px rgba(24,162,118,.16)}
.caseActions{margin-top:12px}.btnCompact{padding:8px;font-size:11px}.sidebarLegend{display:flex;flex-wrap:wrap;gap:10px;padding:0 6px;color:var(--muted);font-size:10px}.sidebarLegend span{display:flex;align-items:center;gap:5px}.statusDot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aab8c0}.statusDot.executed{background:#1b94ba}.statusDot.answered{background:#18a276}

/* Navegación */
.tabs{position:sticky;top:96px;z-index:30;display:flex;gap:5px;margin-bottom:16px;padding:5px;border:1px solid rgba(178,196,205,.8);border-radius:12px;background:rgba(244,248,250,.92);backdrop-filter:blur(10px);box-shadow:0 5px 16px rgba(6,29,39,.06)}
.tabBtn{flex:1;background:transparent;color:#506570;border:1px solid transparent;border-radius:8px;padding:9px 12px;font-size:12px}.tabBtn:hover{background:#e6eff3;color:var(--petrol-900)}.tabBtn.active{background:var(--petrol-800);color:#fff;box-shadow:0 4px 10px rgba(16,65,82,.2)}
.tab{display:none}.tab.active{display:block}

/* Formularios */
label{display:block;font-weight:750;margin:10px 0 4px;color:#304650;font-size:12px}
select,input[type=password],input[type=number],textarea{width:100%;padding:10px 11px;border:1px solid #b9c8cf;border-radius:9px;background:#fff;color:var(--black);font:inherit;outline:none;transition:.16s ease}
select:focus,input:focus,textarea:focus{border-color:var(--technical);box-shadow:0 0 0 3px rgba(22,134,168,.13)}
.radioRow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.radioRow label{display:flex;align-items:center;gap:7px;margin:0;padding:9px;border:1px solid var(--line);border-radius:9px;background:#f7fafb;font-size:11px;font-weight:700;cursor:pointer;transition:.15s ease}.radioRow label:hover{border-color:#72b9cb;background:#eff9fb}.radioRow label:has(input:checked){border-color:var(--technical);background:#e3f5f9;color:#0d5f76;box-shadow:inset 0 0 0 1px var(--technical)}.radioRow input{accent-color:var(--technical)}
.metric{min-width:0;background:#f5f8fa;border:1px solid #d7e1e6;border-radius:10px;padding:10px}.metric b{display:block;color:#687b86;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.metric span{display:block;color:var(--petrol-800);font-weight:800;font-size:12px;margin-top:4px;overflow-wrap:anywhere}
.checkitem{display:flex;gap:10px;align-items:flex-start;background:#f8fafb;border:1px solid #dce5e9;border-radius:9px;padding:9px;margin:6px 0;transition:.15s ease}.checkitem:hover{border-color:#93c9d7}.checkitem label{margin:0;font-weight:550;font-size:12px}.checkitem input{accent-color:var(--technical);margin-top:3px}
.case8Interpretation,.case10Interpretation,#genericInterpretation{padding-top:2px}.validateAction{width:100%;margin-top:14px}.case9NumericFields{box-shadow:none}
textarea{min-height:300px;font-family:"Cascadia Code",Consolas,monospace;font-size:12px;line-height:1.55;resize:vertical}.reportDownload{margin-top:10px}

/* Botones */
button{border:none;border-radius:9px;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px rgba(6,29,39,.14)}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.48;filter:saturate(.5)}
button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(22,134,168,.28);outline-offset:2px}
.btn{background:var(--technical);color:#fff}.btn:hover{background:#0e7797}.btn2{background:#637984;color:#fff}.btn2:hover{background:#50656f}.btnGreen{background:linear-gradient(135deg,#118361,#0c6f55);color:#fff}.btnRed{background:var(--red);color:#fff}.primaryAction,.secondaryAction{width:100%;margin-top:12px}.primaryAction{padding:12px}.secondaryAction{font-size:12px}

/* Feedback y tablas */
.alert{padding:11px 13px;border:1px solid transparent;border-radius:10px;margin:10px 0;font-size:12px;font-weight:700;line-height:1.5}.ok{background:#e5f7ef;border-color:#a9dfca;color:#0e664c}.warn{background:#fff5dc;border-color:#efd08a;color:#885b08}.bad{background:#fdebea;border-color:#edb6b2;color:#9d2e2e}.info{background:#e4f3f8;border-color:#afd8e4;color:#0f657d}
table{width:100%;border-collapse:collapse;background:#fff}td,th{border-bottom:1px solid #dbe4e8;padding:8px;text-align:left;font-size:12px}tr:last-child td,tr:last-child th{border-bottom:0}th{background:#edf3f6;color:#405762;font-weight:800}
#feedback .alert{margin-top:16px;box-shadow:0 6px 16px rgba(6,29,39,.07)}
#historyBox{display:grid;gap:7px}#historyBox>div{display:grid;grid-template-columns:minmax(90px,1fr) 52px 58px auto;align-items:center;gap:8px;padding:9px 11px;border:1px solid var(--line);border-left:3px solid var(--technical);border-radius:8px;background:#f8fafb;color:#405762;font-size:11px}#historyBox>div span{font-weight:800;color:#0f6c85}#historyBox>div small{color:#71838c;text-align:right}.historyCard{max-height:300px;overflow:auto}

/* Modo instructor */
.instructorCard{border-top:3px solid #b8603c}.instructorCard table th{width:190px}.instructor-mode .header{background:linear-gradient(110deg,#2a1b16,#49271b 68%,#63331e)}

/* Zona de inspección */
.visualLayout{display:block}
.visualMain{min-width:0}
.inspectionPhotoPanel,.refImageWrap,.case7Inspector{min-width:0}
.inspectionPhotoPanel{background:#f4f8fa;border:1px solid #d2dee4;border-radius:13px;padding:12px}
.photoHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;padding:0 2px}
.refTag{display:inline-block;background:#e2f2f6;color:#0e6077;border:1px solid #b8dce5;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:900;letter-spacing:.05em;margin-bottom:6px}
.refImageWrap{background:#0a1a23;border:1px solid #1e4656;border-radius:13px;padding:10px;box-shadow:0 12px 26px rgba(6,29,39,.14)}
.refImage{display:block;width:100%;max-height:620px;object-fit:contain;background:#081820;border-radius:9px;border:1px solid #31505d}
.refCaption{font-size:12px;color:#405762;line-height:1.5;margin-top:11px;padding:0 3px}.refHint{margin-top:7px;padding:8px 10px;border-radius:8px;background:#edf4f7;font-size:11px;color:#627985}
.caseBadge{display:inline-block;background:#e8f7fa;color:#0e6e87;border:1px solid #a8d9e4;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;margin-top:5px}
canvas{display:block;background:#f8fafc;border:1px solid #cbd8de;border-radius:10px;width:100%;height:auto;max-height:540px}
.refImageWrap.case1Result{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:center}
.case1UtPanel{display:none;background:#07151d;color:#cbd5e1;border:1px solid #315465;border-radius:11px;padding:13px;font-family:"Cascadia Code",Consolas,monospace;box-shadow:inset 0 0 25px rgba(0,0,0,.25)}
.case1UtPanel.show{display:block}
.case1UtPanel h3{margin:0 0 10px;color:#86efac;font-size:14px;text-align:center}
.case1UtPanel table{background:#020617;color:#cbd5e1}
.case1UtPanel th,.case1UtPanel td{border-color:#334155;text-align:center;font-family:Consolas,monospace}
.case1UtPanel th{background:#111827;color:#93c5fd}
.case1UtPanel .utLow{color:#fca5a5;font-weight:800}
.case1UtPanel .utNear{color:#fde68a;font-weight:800}
.case1UtPanel .utOk{color:#86efac;font-weight:800}
.case1UtPanel .case2Relation{margin:10px 0 0;color:#cbd5e1;font:12px Arial,sans-serif;text-align:center}
.case2SecondaryWrap{display:none;background:#f5f9fa;border:1px solid #cfdee4;border-radius:12px;padding:10px;margin-top:12px;box-shadow:0 7px 18px rgba(6,29,39,.06)}
.case2SecondaryWrap.show{display:block}
.refImageWrap.case3OverlayMode{position:relative}
.case3LpOverlay{display:none;position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}
.case3LpOverlay.show{display:block}
.case3LpCard{display:none;margin-top:12px;padding:15px;background:#fff8fb;border:1px solid #edbdd1;border-left:4px solid #c1125a;border-radius:11px;color:#3f1729;box-shadow:0 7px 18px rgba(116,24,64,.06)}
.case3LpCard.show{display:block}
.case3LpCard h3{margin:0 0 10px;color:#9d174d;font-size:16px}
.case3LpCard dl{display:grid;grid-template-columns:190px 1fr;gap:6px 12px;margin:0}
.case3LpCard dt{font-weight:800;color:#6b213f}
.case3LpCard dd{margin:0}
.refImageWrap.case4OverlayMode{position:relative}
.case4LpOverlay{display:none;position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}
.case4LpOverlay.show{display:block}
.case4LpCard{display:none;margin-top:12px;padding:15px;background:#fff8fb;border:1px solid #edbdd1;border-left:4px solid #c1125a;border-radius:11px;color:#3f1729;box-shadow:0 7px 18px rgba(116,24,64,.06)}
.case4LpCard.show{display:block}
.case4LpCard h3{margin:0 0 10px;color:#9d174d;font-size:16px}
.case4LpCard dl{display:grid;grid-template-columns:210px 1fr;gap:6px 12px;margin:0}
.case4LpCard dt{font-weight:800;color:#6b213f}
.case4LpCard dd{margin:0}
@media(max-width:700px){.case3LpCard dl{grid-template-columns:1fr}.case3LpCard dd{margin-bottom:5px}}
@media(max-width:700px){.case4LpCard dl{grid-template-columns:1fr}.case4LpCard dd{margin-bottom:5px}}
.refImageWrap.case5OverlayMode{position:relative}
.case5PmOverlay{display:none;position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}
.case5PmOverlay.show{display:block}
.case5PmCard{display:none;margin-top:12px;padding:15px;background:#0a1b14;border:1px solid #6eaa22;border-left:4px solid #b7ff00;border-radius:11px;color:#eaffc2;box-shadow:0 8px 20px rgba(31,78,20,.18)}
.case5PmCard.show{display:block}
.case5PmCard h3{margin:0 0 10px;color:#d7ff35;font-size:16px;text-shadow:0 0 7px rgba(215,255,53,.45)}
.case5PmCard dl{display:grid;grid-template-columns:210px 1fr;gap:6px 12px;margin:0}
.case5PmCard dt{font-weight:800;color:#bef264}
.case5PmCard dd{margin:0;color:#f0fdf4}
@media(max-width:700px){.case5PmCard dl{grid-template-columns:1fr}.case5PmCard dd{margin-bottom:5px}}
.refImageWrap.case6OverlayMode{position:relative;background:#000}
.case6RtOverlay{display:none;position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);pointer-events:none;overflow:visible}
.case6RtOverlay.show{display:block}
.case6RtCard{display:none;margin-top:12px;padding:15px;background:#111820;border:1px solid #586a77;border-left:4px solid #cbd5e1;border-radius:11px;color:#e5e7eb;box-shadow:0 8px 20px rgba(2,8,16,.18)}
.case6RtCard.show{display:block}
.case6RtCard h3{margin:0 0 10px;color:#f8fafc;font-size:16px}
.case6RtCard dl{display:grid;grid-template-columns:210px 1fr;gap:6px 12px;margin:0}
.case6RtCard dt{font-weight:800;color:#cbd5e1}
.case6RtCard dd{margin:0;color:#f8fafc}
@media(max-width:700px){.case6RtCard dl{grid-template-columns:1fr}.case6RtCard dd{margin-bottom:5px}}
.case7Inspector{display:none;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;align-items:start}
.case7Inspector.show{display:grid}
.inspectionPhotoPanel.case7Active .refImageWrap{display:none}
.case7ViewPane,.case7Scanner{border:1px solid #365360;border-radius:12px;padding:13px;background:#0c202a;color:#e2e8f0;box-shadow:0 9px 22px rgba(3,17,24,.15)}
.case7ViewHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px;font-weight:800}
#case7SelectedTag{font-size:12px;color:#fef3c7;border:1px solid #facc15;border-radius:999px;padding:3px 9px}
.case7ViewPhoto{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:9px;background-image:url("assets/images/caso7_pre.png");background-repeat:no-repeat;background-size:200% 200%;background-color:#111827;border:1px solid #475569}
.case7ViewPhoto.view-delante{background-position:0 0}.case7ViewPhoto.view-detras{background-position:100% 0}.case7ViewPhoto.view-abajo{background-position:0 100%}.case7ViewPhoto.view-arriba{background-position:100% 100%}
.case7ZoneMarks{position:absolute;left:45.8%;top:15.5%;width:8.6%;height:60%;display:grid;grid-template-rows:repeat(3,1fr);transform:rotate(.5deg)}
.case7ZoneCell{display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.78);background:rgba(15,23,42,.18);color:#fff;font-weight:900;text-shadow:0 1px 3px #000;cursor:pointer;transition:.15s ease}
.case7ZoneCell+ .case7ZoneCell{border-top:0}.case7ZoneCell.selected{border:3px solid #facc15;background:rgba(250,204,21,.20);box-shadow:0 0 0 2px rgba(15,23,42,.55),0 0 14px rgba(250,204,21,.5);color:#fef9c3}
.case7ViewNote{margin:8px 0 0;font-size:12px;color:#cbd5e1}
.case7Scanner{background:#07151d;border-color:#247b97;font-family:"Cascadia Code",Consolas,monospace}
.case7Scanner h3{margin:0 0 12px;color:#93c5fd;letter-spacing:.08em;text-align:center}
.case7Scanner label{display:grid;grid-template-columns:76px 1fr;align-items:center;gap:8px;margin:8px 0;font-size:13px;font-weight:800;color:#cbd5e1}
.case7Scanner select{width:100%;padding:7px;background:#111827;color:#f8fafc;border:1px solid #475569;border-radius:6px}
.case7ScannerButtons{display:flex;gap:8px;margin:11px 0}.case7ScannerButtons button{flex:1;background:#147da0;color:#fff;border:0;border-radius:8px;padding:9px;font-weight:800;cursor:pointer}.case7ScannerButtons button.secondary{background:#405965}
.case7ScanResult{min-height:88px;padding:9px;border:1px solid #334155;background:#020617;border-radius:7px;font-size:12px;line-height:1.5;color:#dbeafe}.case7ScanResult strong{color:#f8fafc}.case7ScanResult .severity{color:#fde68a;font-weight:900}
#case7AScan{display:block;width:100%;height:auto;margin-top:10px;background:#020617;border:1px solid #334155;border-radius:7px}
.case7History{margin-top:10px;font-size:12px;color:#cbd5e1}.case7History ol{max-height:120px;overflow:auto;margin:6px 0 0;padding-left:26px}.case7History li{padding:3px 0;border-bottom:1px solid rgba(71,85,105,.45)}
@media(max-width:900px){.case7Inspector{grid-template-columns:1fr}}
.refImageWrap.case8Result{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:center}
.case8MeasurementPanel{display:none;background:#07151d;color:#dbeafe;border:1px solid #287b98;border-radius:11px;padding:14px;font-family:"Cascadia Code",Consolas,monospace;box-shadow:inset 0 0 24px rgba(0,0,0,.26)}
.case8MeasurementPanel.show{display:block}.case8MeasurementPanel h3{margin:0 0 11px;color:#93c5fd;text-align:center;font-size:14px}.case8MeasureGrid{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:10px;background:#020617;border:1px solid #334155;border-radius:7px}.case8MeasureGrid strong{color:#f8fafc}.case8MeasurementPanel p{margin:10px 0 0;font:12px/1.45 Arial,sans-serif;color:#cbd5e1}
.case8Interpretation{display:none}.case8Interpretation.show{display:block}.case8Interpretation input{width:100%}.case8MethodLine{padding:9px;margin-bottom:10px;border-radius:8px;background:#e8f5f8;color:#0d6379;border:1px solid #c3e1e8}
@media(max-width:900px){.refImageWrap.case8Result{grid-template-columns:1fr}}
.refImageWrap.case9Result{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;align-items:center}
.case9MeasurementPanel{display:none;background:#07151d;color:#dbeafe;border:1px solid #4d6571;border-radius:11px;padding:14px;font-family:"Cascadia Code",Consolas,monospace;box-shadow:inset 0 0 24px rgba(0,0,0,.26)}
.case9MeasurementPanel.show{display:block}.case9MeasurementPanel h3{margin:0 0 11px;color:#93c5fd;text-align:center;font-size:14px;letter-spacing:.03em}.case9MeasureGrid{display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:11px;background:#020617;border:1px solid #334155;border-radius:7px}.case9MeasureGrid strong{color:#f8fafc}.case9MeasurementPanel p{margin:10px 0 0;font:12px/1.45 Arial,sans-serif;color:#cbd5e1}
.case9NumericFields{display:none;margin-bottom:12px;padding:12px;border:1px solid #c4dfe7;border-radius:10px;background:#f5fbfc}.case9NumericFields.show{display:block}.case9NumericFields input{width:100%}.case9MethodLine{padding:9px;margin-bottom:8px;border-radius:8px;background:#e8f5f8;color:#0d6379}
@media(max-width:900px){.refImageWrap.case9Result{grid-template-columns:1fr}}
.refImageWrap.case10Result{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:12px;align-items:center}
.case10MeasurementPanel{display:none;background:#07151d;color:#dbeafe;border:1px solid #13877d;border-radius:11px;padding:14px;font-family:"Cascadia Code",Consolas,monospace;box-shadow:inset 0 0 24px rgba(0,0,0,.26)}
.case10MeasurementPanel.show{display:block}.case10MeasurementPanel h3{margin:0 0 11px;color:#5eead4;text-align:center;font-size:14px;letter-spacing:.03em}.case10MeasureGrid{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:11px;background:#020617;border:1px solid #334155;border-radius:7px}.case10MeasureGrid strong{color:#f8fafc;text-align:right}.case10Observation{margin-top:10px;padding:9px;background:#0f172a;border:1px solid #334155;border-radius:7px;color:#e2e8f0;font:12px/1.45 Arial,sans-serif}.case10MeasurementPanel p{margin:9px 0 0;color:#cbd5e1;font:12px/1.4 Arial,sans-serif}
.case10Interpretation{display:none}.case10Interpretation.show{display:block}.case10MethodLine{padding:9px;margin-bottom:10px;border-radius:8px;background:#e9f8f5;color:#12665d;border:1px solid #bfe5dd}
@media(max-width:900px){.refImageWrap.case10Result{grid-template-columns:1fr}}
.refCaption{font-size:12px;color:#405762;line-height:1.5;margin-top:11px;padding:0 3px}
.refThumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-top:12px}
.refThumb{border:2px solid #cbd5e1;background:#fff;border-radius:8px;padding:6px;cursor:pointer;text-align:left}
.refThumb.active{border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.15)}
.refThumb img{width:100%;height:62px;object-fit:cover;border-radius:5px;display:block;margin-bottom:4px}
.refThumb span{font-size:11px;font-weight:700;color:#1f2937;line-height:1.2;display:block}
.refHint{margin-top:7px;padding:8px 10px;border-radius:8px;background:#edf4f7;font-size:11px;color:#627985}
.caseBadge{display:inline-block;background:#e8f7fa;color:#0e6e87;border:1px solid #a8d9e4;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:900;margin-top:5px}
.workflowCard{text-align:center}.workflowCard p{margin:10px 0;color:#526873;font-size:12px}.workflowSteps{display:flex;align-items:center;justify-content:center}.workflowSteps span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dce5e9;color:#71838c;font-size:11px;font-weight:900;transition:.2s ease}.workflowSteps span.done{background:var(--green);color:#fff;box-shadow:0 0 0 4px rgba(19,138,104,.12)}.workflowSteps i{width:38px;height:2px;background:#d5e0e5}.workflowSteps span.done+i{background:#7bc6b1}

/* Responsive */
@media(max-width:1400px){.caseWorkspace{grid-template-columns:minmax(0,1.4fr) 340px}.headerContext{display:none}}
@media(max-width:1160px){
 .wrap{grid-template-columns:1fr}.sidebar{position:static;max-height:none}.caseNavigator{grid-template-columns:repeat(5,minmax(0,1fr))}.caseNavItem{grid-template-columns:28px minmax(0,1fr) auto;padding:7px}.caseNavNumber{width:25px;height:25px}.sidebarLegend{justify-content:flex-end}
 .caseWorkspace{grid-template-columns:minmax(0,1.5fr) 340px}.caseWorkspaceSide{position:static}.headerBrand{min-width:0;flex:1}
}
@media(max-width:900px){
 .header{position:static;flex-wrap:wrap;padding:12px 16px}.headerBrand{min-width:100%}.headerMode{width:100%;justify-content:space-between}.wrap{padding:12px}.tabs{position:static;overflow-x:auto;flex-wrap:nowrap}.tabBtn{min-width:150px}
 .caseWorkspace,.workGrid{grid-template-columns:1fr}.caseWorkspaceSide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.caseWorkspaceSide .card{margin:0}.methodCard,.workflowCard,.guideCard,.acceptanceCard,.interpretationCard{grid-column:span 1}.interpretationCard{grid-column:1/-1}
 .refImageWrap.case1Result,.refImageWrap.case8Result,.refImageWrap.case9Result,.refImageWrap.case10Result{grid-template-columns:1fr}.case7Inspector{grid-template-columns:1fr}
}
@media(max-width:680px){
 .header h1{font-size:17px}.headerBrand p{font-size:11px}.brandMark{width:42px;height:42px}.modeSwitch{flex:1}.modeBtn{flex:1}.badge{display:none}
 .caseNavigator{grid-template-columns:repeat(2,minmax(0,1fr))}.caseWorkspaceSide{grid-template-columns:1fr}.methodCard,.workflowCard,.guideCard,.acceptanceCard,.interpretationCard{grid-column:auto}.grid4,.componentMetrics{grid-template-columns:1fr 1fr}.radioRow{grid-template-columns:1fr 1fr}
 .photoHeader>.small{max-width:none!important;text-align:left!important}.refImage{max-height:470px}.case7ScannerButtons{flex-direction:column}.row{flex-wrap:wrap}.row>*{min-width:130px}
 #historyBox>div{grid-template-columns:1fr auto}#historyBox>div small{grid-column:1/-1;text-align:left}.case3LpCard dl,.case4LpCard dl,.case5PmCard dl,.case6RtCard dl{grid-template-columns:1fr}.case3LpCard dd,.case4LpCard dd,.case5PmCard dd,.case6RtCard dd{margin-bottom:6px}
}
@media(max-width:430px){.wrap{padding:8px}.card{padding:13px}.caseNavigator{grid-template-columns:1fr}.grid4,.radioRow{grid-template-columns:1fr}.tabs{border-radius:9px}.tabBtn{min-width:132px;padding:8px}.refImageWrap{padding:6px}.case1UtPanel,.case8MeasurementPanel,.case9MeasurementPanel,.case10MeasurementPanel{font-size:11px}}

.statusDot.approved,.caseNavStatus.approved{background:#15803d} #learningNotes{min-height:90px} #historyBox button{margin:8px}