/* SIAPIYA v3.70.180-pl1 — Teacher preparation before observation date */
#academicSupervisionSpa .supervision-preparation-mobile{display:none}
#academicSupervisionSpa .supervision-preparation-mobile-card{padding:.8rem;border:1px solid var(--sup-border);border-radius:14px;margin-bottom:.65rem;min-width:0}
#academicSupervisionSpa .supervision-preparation-mobile-title{display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem}
#academicSupervisionSpa .supervision-preparation-mobile-title strong{min-width:0;overflow-wrap:anywhere}
#academicSupervisionSpa .supervision-preparation-mobile-progress{font-size:.88rem;margin:.5rem 0;color:var(--sup-muted)}
#academicSupervisionSpa .supervision-preparation-mobile-actions .btn{min-height:44px;white-space:normal}
.supervision-preparation-dialog .supervision-preparation-intro{font-size:.88rem;margin-bottom:.75rem;color:var(--bs-secondary-color,#68717d)}
.supervision-preparation-dialog .supervision-reflective-question{margin-bottom:.8rem;text-align:left}
.supervision-preparation-dialog .supervision-reflective-question label{font-weight:600;line-height:1.4;font-size:.94rem}
.supervision-preparation-dialog .supervision-reflective-question textarea{font-size:1rem;line-height:1.45;min-height:80px}
@media(max-width:767.98px){
 #academicSupervisionSpa .supervision-preparation-desktop{display:none}
 #academicSupervisionSpa .supervision-preparation-mobile{display:block}
 .swal2-container.supervision-preparation-dialog-container{padding:0!important;align-items:stretch!important}
 .swal2-popup.supervision-preparation-dialog{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;margin:0!important;padding:0!important;display:flex;flex-direction:column;}
 .supervision-preparation-dialog .swal2-title{flex:none;padding:.85rem 1rem .65rem;font-size:1.2rem;margin:0}
 .supervision-preparation-dialog .swal2-html-container{flex:1 1 auto;min-height:0;max-height:none!important;overflow-y:auto!important;margin:0!important;padding:0 1rem 2rem!important;text-align:left}
 .supervision-preparation-dialog .swal2-actions{flex:none;width:100%;margin:0!important;padding:.55rem .6rem max(.7rem,env(safe-area-inset-bottom))!important;border-top:1px solid rgba(125,125,125,.25);background:var(--bs-body-bg,#fff);gap:.35rem;display:flex!important;flex-wrap:wrap}
 .supervision-preparation-dialog .swal2-actions button{min-height:44px;margin:0!important;font-size:.9rem;padding:.45rem .75rem;flex:1}
 .supervision-preparation-dialog .swal2-validation-message{flex:none;font-size:.9rem}
}
@media(forced-colors:active){#academicSupervisionSpa .supervision-preparation-mobile-card{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){.supervision-preparation-dialog *{scroll-behavior:auto!important;transition:none!important}}