/* MAGNAR-PBL v22 - struktur laboratorium virtual */
.lab-shell{position:fixed;z-index:55;inset:0;background:#071827;color:#fff;overflow:auto;padding:16px 14px 28px;font-family:Arial,sans-serif}
.lab-shell.hidden{display:none}.lab-sheet{max-width:720px;margin:0 auto}.lab-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.lab-badge{width:42px;height:42px;border-radius:13px;background:#10334a;display:grid;place-items:center;font-size:20px}.lab-head h1{font-size:19px;margin:0 0 3px}.lab-head p{font-size:11px;color:#9fb6c5;margin:0}.lab-progress{display:flex;gap:5px;margin:12px 0 16px}.lab-progress i{height:4px;flex:1;border-radius:8px;background:#17364b}.lab-progress i.on{background:#25c8e8}.lab-cardx{background:#0c2334;border:1px solid #204157;border-radius:17px;padding:13px;margin-bottom:10px}.lab-cardx h3{font-size:13px;margin:0 0 7px;color:#e9f7ff}.lab-cardx p,.lab-cardx li{font-size:11px;line-height:1.5;color:#bed0db}.lab-cardx ul{padding-left:18px;margin:5px 0}.problem{border-color:#2a5d72;background:linear-gradient(135deg,#0b2d3c,#0b2131)}.question{font-size:12px!important;color:#fff!important;font-weight:700}.hypo-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hypo{border:1px solid #31536a;background:#102d41;color:#fff;border-radius:11px;padding:9px;font-size:10.5px;text-align:left}.hypo.selected{outline:2px solid #27c9e8;background:#12435a}.lab-input{width:100%;border:1px solid #31536a;background:#081b29;color:#fff;border-radius:11px;padding:10px;font-size:11px;min-height:64px;resize:vertical}.lab-row{display:flex;gap:7px}.lab-action{border:0;border-radius:12px;background:#24c8e7;color:#05202a;padding:11px 13px;font-size:11px;font-weight:800;flex:1}.lab-action.secondary{background:#14344a;color:#fff;border:1px solid #31536a}.lab-action.danger{background:#5a2028;color:#fff}.lab-note{font-size:9.5px;color:#89a7b9;margin-top:7px}.stage-chip{display:inline-block;background:#12394d;border:1px solid #245a70;border-radius:999px;padding:4px 8px;font-size:9px;color:#9fe9f7;margin-bottom:7px}.lab-step{display:none}.lab-step.active{display:block}.lab-graph-wrap{background:#fff;border-radius:12px;padding:7px;margin-top:8px}.lab-graph{width:100%;height:190px;display:block}.analysis-q{font-size:10.5px;color:#c5d7e1;margin:8px 0 4px}.result-summary{background:#073a37;border:1px solid #0a6b62;border-radius:12px;padding:10px;font-size:11px;line-height:1.5}.experiment-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:8px}.experiment-tabs button{white-space:nowrap;border:1px solid #31536a;background:#102d41;color:#bcd1dc;border-radius:10px;padding:7px 9px;font-size:9.5px}.experiment-tabs button.active{background:#1fc9e9;color:#06202a}.lab-mini-status{font-size:9.5px;color:#9db6c5;margin:5px 0}.panel .lab-mode-btn{width:100%;height:32px;margin-bottom:7px;border:1px solid #285473;background:#0e344a;color:#dff8ff;border-radius:10px;font-size:10px;font-weight:700}.panel.lab-panel-expanded{max-height:55dvh!important}
@media(max-width:390px){.lab-shell{padding:12px 10px 22px}.lab-head h1{font-size:16px}.hypo-grid{grid-template-columns:1fr}.lab-graph{height:165px}}

.pbl-kicker{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#67e8f9;font-weight:800}
.pbl-evidence{font-size:11px;line-height:1.45;color:#cbd5e1}
.pbl-check{display:grid;gap:7px;margin-top:8px}.pbl-check label{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.4}
.pbl-check input{margin-top:2px}.pbl-score{padding:9px;border-radius:10px;background:rgba(34,211,238,.08);font-size:11px;margin-top:8px}