/* Cek hasil lab: satuan SI dan daftar pertanyaan - internis.id - 11 Nov 2026 */
.lab-opts{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end}
.lab-opts>fieldset{flex:1 1 280px;max-width:380px!important;margin:0}
.lab-unit-fs .seg-ctrl label{flex-direction:column;gap:1px;padding:8px 6px}
.lab-unit-fs .seg-ctrl label small{font:400 .72rem/1.2 var(--f-body);opacity:.8}
.lab-q{margin-top:22px;padding:clamp(18px,2.5vw,26px);background:var(--surface,#fff);border:1px solid var(--line,#E3DCEC);border-radius:18px}
.lab-q .lq-eye{margin:0;font:600 .75rem/1.3 var(--f-body);letter-spacing:.13em;text-transform:uppercase;color:var(--plum,#5A2A85)}
.lab-q h2{margin:8px 0 0;font:400 clamp(1.35rem,2.4vw,1.7rem)/1.2 var(--f-display);letter-spacing:-.01em}
.lab-q .lq-sub{margin:8px 0 0;max-width:60ch;font-size:.92rem;color:var(--muted,#5F566E)}
.lab-q h3{margin:20px 0 8px;font:500 .72rem/1.3 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted,#5F566E)}
.lq-empty,.lq-okmsg{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:var(--sunk,#F1ECF7);font-size:.93rem;color:var(--muted,#5F566E)}
.lq-okmsg{color:var(--ink)}
.lq-alert{margin:16px 0 0;padding:12px 14px;border-radius:12px;background:var(--crit-soft,#F8E1E4);color:#8E2331;font-size:.92rem;line-height:1.5}
.lq-res{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line,#E3DCEC)}
.lq-res li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:9px 0;border-top:1px solid var(--line,#E3DCEC);font-size:.93rem}
.lq-res .chip{flex:none;font-size:.72rem;padding:4px 9px}
.lq-res .lq-val{margin-left:auto;font:500 .85rem var(--f-mono);font-variant-numeric:tabular-nums}
.lq-list{margin:0;padding:0;list-style:none;counter-reset:lq}
.lq-list li{counter-increment:lq;border-top:1px solid var(--line,#E3DCEC)}
.lq-list li:last-child{border-bottom:1px solid var(--line,#E3DCEC)}
.lq-list label{display:flex;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;cursor:pointer;font-size:.95rem;line-height:1.45}
.lq-list input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--plum,#5A2A85)}
.lq-list li.is-off span{color:var(--muted,#5F566E);text-decoration:line-through;text-decoration-color:rgba(95,86,110,.5)}
.lq-bring{margin:14px 0 0;font-size:.88rem;color:var(--muted,#5F566E)}
.lq-note{display:grid;gap:6px;margin-top:18px}
.lq-note label{font-weight:600;font-size:.92rem}
.lq-note small{font-weight:400;color:var(--muted,#5F566E)}
.lq-note textarea{width:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--line,#E3DCEC);border-radius:12px;background:var(--bg,#F8F5FB);font:400 .97rem/1.45 var(--f-body);color:var(--ink);resize:vertical}
.lq-note textarea:focus{outline:2px solid var(--lilac,#9B7BC8);outline-offset:1px;border-color:var(--plum,#5A2A85)}
.lab-q.is-empty .lq-note,.lab-q.is-empty .lq-actions{display:none}
.lq-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
@media (max-width:1020px){html.bn-on .lab-summary{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
@media print{
  .lab-q{border:1px solid #999;break-inside:avoid}
  .lq-note label,.lq-note textarea,.lq-list li.is-off,.lq-list input,.lab-unit-fs{display:none!important}
  .lq-list li::before{content:counter(lq) ". ";font-weight:600;padding-right:6px}
  .lq-list label{display:inline;padding:0}
  .lq-list li{display:flex;padding:6px 0}
}
@media (max-width:560px){.lab-summary{padding:10px 12px;gap:8px 10px}.lab-summary .ls-count{flex:1 1 100%;font-size:.74rem}.lab-summary .ls-count b{font-size:.92rem}.lab-summary .btn{padding:7px 12px;font-size:.82rem}}