/* SIAPIYA Supervisi Akademik: compact one-indicator observation workspace (v3.70.238) */
.supervision-observation-dialog{--sup-border:var(--bs-border-color,#dee2e6);--sup-muted:var(--bs-secondary-color,#667085)}
.supervision-observation-dialog .swal2-title{font-size:1.28rem;line-height:1.25;padding:.85rem 1rem .25rem}
.supervision-observation-dialog .swal2-html-container{margin:.45rem 1.15rem .2rem;overflow-x:hidden;max-height:min(74vh,770px);text-align:left}
.supervision-observation-dialog .swal2-actions{margin:.65rem 0 .85rem;gap:.45rem}
.supervision-observation-dialog .supervision-observation-context{border-bottom:1px solid var(--sup-border);padding:.3rem .2rem .55rem;margin:0 0 .55rem;background:transparent}
.supervision-observation-dialog .supervision-observation-context summary{cursor:pointer;display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap;list-style:none;font-size:.9rem}
.supervision-observation-dialog .supervision-observation-context summary::-webkit-details-marker{display:none}
.supervision-observation-dialog .supervision-observation-context summary::after{content:'⌄';margin-left:auto;color:var(--sup-muted);font-size:1.1rem}
.supervision-observation-dialog .supervision-observation-context[open] summary::after{content:'⌃'}
.supervision-observation-dialog .supervision-observation-context summary span{color:var(--sup-muted);font-size:.85rem}
.supervision-observation-dialog .supervision-observation-context-detail{padding:.5rem 0 .1rem;font-size:.85rem;color:var(--sup-muted);line-height:1.45}
.supervision-observation-dialog .supervision-observation-status{display:flex;align-items:center;justify-content:space-between;gap:.3rem .65rem;flex-wrap:wrap;margin:0 0 .55rem}
.supervision-observation-dialog .supervision-observation-live-score{margin:0;border:0;background:transparent;padding:0;gap:.3rem .55rem;font-size:.85rem}
.supervision-observation-dialog .supervision-observation-live-score strong{font-size:.95rem}
.supervision-observation-dialog .supervision-observation-live-score small{font-size:.77rem}
.supervision-observation-dialog #observationAutosaveState{margin:0!important;font-size:.76rem;text-align:right}
.supervision-observation-dialog .supervision-observation-stepper{padding:.55rem .7rem .65rem;margin:0 0 .65rem;border-radius:12px}
.supervision-observation-dialog .supervision-stepper-heading{gap:.5rem}
.supervision-observation-dialog #observationStepTitle{font-size:.89rem}
.supervision-observation-dialog .supervision-stepper-heading small{font-size:.75rem}
.supervision-observation-dialog .supervision-stepper-track{margin:.45rem 0 .6rem;height:5px}
.supervision-observation-dialog .supervision-observation-stepper label{font-size:.75rem;color:var(--sup-muted);margin:0 0 .22rem}
.supervision-observation-dialog .supervision-observation-stepper select{height:35px}
.supervision-observation-dialog .supervision-observation-item{padding:.8rem .9rem;margin:0;border:1px solid var(--sup-border);border-radius:12px}
.supervision-observation-dialog .supervision-observation-item [data-observation-indicator]{margin-top:.22rem;line-height:1.45}
.supervision-observation-dialog .supervision-observation-item-state{margin-left:.6rem;font-size:.72rem}
.supervision-observation-dialog .supervision-score-options{gap:.45rem;margin-top:.35rem}
.supervision-observation-dialog .supervision-score-option span{min-height:67px;border-radius:11px;padding:.4rem .2rem}
.supervision-observation-dialog .supervision-score-option b{font-size:1.28rem}
.supervision-observation-dialog .supervision-observation-note{border-top:1px solid var(--sup-border);margin-top:.75rem;padding-top:.55rem}
.supervision-observation-dialog .supervision-observation-note summary{cursor:pointer;font-size:.83rem;font-weight:600;color:var(--bs-primary);list-style:revert;padding:.1rem}
.supervision-observation-dialog .supervision-observation-note summary span{font-weight:400;color:var(--sup-muted)}
.supervision-observation-dialog .supervision-observation-note textarea{margin:.4rem 0 .1rem;min-height:68px}
.supervision-observation-dialog .supervision-stepper-actions{margin:.55rem 0 .35rem;grid-template-columns:1fr 1fr 1.2fr}
.supervision-observation-dialog .supervision-stepper-actions .btn{min-height:42px;font-size:.82rem}
.supervision-observation-dialog .supervision-observation-summary{margin-bottom:.4rem}
.supervision-observation-dialog [hidden]{display:none!important}
@media(max-width:600px){
 .supervision-observation-dialog{width:calc(100% - 1rem)!important}
 .supervision-observation-dialog .swal2-title{font-size:1.13rem;padding:.8rem .7rem .2rem}
 .supervision-observation-dialog .swal2-html-container{margin:.3rem .55rem 0;max-height:calc(100dvh - 196px);padding:0!important}
 .supervision-observation-dialog .supervision-observation-status{align-items:flex-start}
 .supervision-observation-dialog #observationAutosaveState{text-align:left}
 .supervision-observation-dialog .supervision-observation-item{padding:.65rem}
 .supervision-observation-dialog .supervision-score-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}
 .supervision-observation-dialog .supervision-score-option span{min-height:66px}
 .supervision-observation-dialog .supervision-score-option b{font-size:1.15rem}
 .supervision-observation-dialog .supervision-score-option small{font-size:.65rem}
 .supervision-observation-dialog .supervision-stepper-actions{grid-template-columns:1fr 1fr;gap:.35rem}
 .supervision-observation-dialog .supervision-stepper-actions [data-obs-nav="incomplete"]{grid-column:1/-1;grid-row:2}
}
@media(max-width:360px){.supervision-observation-dialog .supervision-score-options{grid-template-columns:repeat(2,minmax(0,1fr))}}