/* SIAPIYA v3.70.239 · Supervisi Akademik: worklist first, compact controls */
#academicSupervisionSpa .supervision-monitor-caption{font-size:.84rem;line-height:1.45;color:var(--bs-secondary-color,#667085);margin:.1rem 0 .65rem}
#academicSupervisionSpa .supervision-monitor-caption strong{color:var(--bs-body-color,#22314a)}
#academicSupervisionSpa .supervision-monitor-quick{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:.35rem}
#academicSupervisionSpa .supervision-monitor-quick>input{flex:1 1 220px;min-width:0;max-width:390px;min-height:39px}
#academicSupervisionSpa .supervision-monitor-quick .supervision-monitor-shortcuts{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.3rem;margin:0}
#academicSupervisionSpa .supervision-monitor-quick [data-monitor-focus]{white-space:nowrap;border-radius:999px}
#academicSupervisionSpa .supervision-monitor-advanced{margin:.15rem 0 .7rem}
#academicSupervisionSpa .supervision-monitor-advanced>summary{cursor:pointer;color:var(--bs-primary,#0d6efd);font-weight:600;font-size:.79rem;padding:.3rem 0;width:max-content;max-width:100%}
#academicSupervisionSpa .supervision-monitor-advanced .supervision-monitor-tools{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;padding:.3rem 0}
#academicSupervisionSpa .supervision-monitor-advanced .supervision-monitor-tools select{flex:1 1 180px;max-width:320px;min-width:0}
#academicSupervisionSpa .supervision-monitor-advanced .supervision-monitor-tools button{min-height:36px}
#academicSupervisionSpa .supervision-observation-mobile{display:none}
#academicSupervisionSpa .supervision-observation-list td{vertical-align:middle}
#academicSupervisionSpa .supervision-observation-list td strong,#academicSupervisionSpa .supervision-observation-list td small{display:block}
#academicSupervisionSpa .supervision-observation-list td small{font-size:.78rem;color:var(--bs-secondary-color,#667085)}
#academicSupervisionSpa .supervision-observation-list .btn{white-space:nowrap;min-height:39px}
#academicSupervisionSpa .supervision-observation-list-item{min-width:0;border:1px solid var(--sup-border,var(--bs-border-color,#d6dce6));border-radius:12px;padding:.75rem;background:var(--bs-body-bg,#fff)}
#academicSupervisionSpa .supervision-observation-list-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}
#academicSupervisionSpa .supervision-observation-list-top>div{min-width:0;overflow-wrap:anywhere}
#academicSupervisionSpa .supervision-observation-list-top strong,#academicSupervisionSpa .supervision-observation-list-top small{display:block}
#academicSupervisionSpa .supervision-observation-list-top strong{font-size:.9rem}
#academicSupervisionSpa .supervision-observation-list-top small{font-size:.77rem;color:var(--bs-secondary-color,#667085)}
#academicSupervisionSpa .supervision-observation-list-bottom{display:flex;justify-content:space-between;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.6rem}
#academicSupervisionSpa .supervision-observation-list-bottom>span{font-size:.75rem;color:var(--bs-secondary-color,#667085)}
#academicSupervisionSpa .supervision-observation-list-bottom .btn{min-height:42px}
@media(max-width:991.98px){
 #academicSupervisionSpa .supervision-observation-desktop{display:none}
 #academicSupervisionSpa .supervision-observation-mobile{display:grid;gap:.5rem}
}
@media(max-width:767.98px){
 #academicSupervisionSpa .supervision-monitor-quick{display:block}
 #academicSupervisionSpa .supervision-monitor-quick>input{width:100%;max-width:none;margin-bottom:.5rem}
 #academicSupervisionSpa .supervision-monitor-quick .supervision-monitor-shortcuts{display:flex;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.25rem;scrollbar-width:thin}
 #academicSupervisionSpa .supervision-monitor-quick [data-monitor-focus]{min-height:38px;flex:none}
 #academicSupervisionSpa .supervision-monitor-advanced .supervision-monitor-tools{display:grid;grid-template-columns:minmax(0,1fr)}
 #academicSupervisionSpa .supervision-monitor-advanced .supervision-monitor-tools select{max-width:none;width:100%}
 #academicSupervisionSpa .supervision-observation-list{padding:.7rem}
 #academicSupervisionSpa .supervision-observation-list-bottom .btn{flex:1 1 120px}
}
@media print{#academicSupervisionSpa .supervision-monitor-advanced{display:none}}