/* SIAPIYA_SUPERVISION_DASHBOARD_ACTION_FIRST_MOBILE_V370180 */
#academicSupervisionSpa .supervision-heading{align-items:center;gap:.65rem;margin-bottom:.65rem}
#academicSupervisionSpa .supervision-heading h3{font-size:clamp(1.05rem,2.5vw,1.4rem);line-height:1.25;margin:0}
#academicSupervisionSpa .supervision-heading .btn{flex:none;white-space:nowrap}
#academicSupervisionSpa .supervision-technical-details{margin-top:1rem;color:var(--sup-muted);font-size:.85rem}
#academicSupervisionSpa .supervision-technical-details summary{cursor:pointer;width:max-content;max-width:100%;text-decoration:underline;text-underline-offset:3px}
#academicSupervisionSpa .supervision-technical-details p{margin:.55rem 0 0;line-height:1.5}
#academicSupervisionSpa .supervision-session-mobile{display:none}
@media(max-width:767.98px){
 #academicSupervisionSpa .supervision-heading{display:flex;align-items:center;margin-bottom:.35rem}
 #academicSupervisionSpa .supervision-heading h3{font-size:1.12rem;min-width:0}
 #academicSupervisionSpa .supervision-heading .btn{width:auto;margin:0;min-width:44px;min-height:44px;padding:.4rem .65rem}
 #academicSupervisionSpa .supervision-refresh-label{display:none}
 #academicSupervisionSpa .supervision-tabs{gap:.3rem;padding:.2rem 0 .55rem}
 #academicSupervisionSpa .supervision-tabs .btn{min-height:44px;padding:.45rem .7rem}
 #academicSupervisionSpa .supervision-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.65rem}
 #academicSupervisionSpa .supervision-metric{border-radius:12px;padding:.55rem .65rem;min-width:0}
 #academicSupervisionSpa .supervision-metric small{font-size:.72rem;line-height:1.25;min-height:2.5em;word-break:normal}
 #academicSupervisionSpa .supervision-metric strong{font-size:1.12rem;line-height:1.2;margin-top:.15rem}
 #academicSupervisionSpa .supervision-session-workspace{padding:.7rem;margin-bottom:.6rem}
 #academicSupervisionSpa .supervision-session-workspace .supervision-card-head{margin-bottom:.55rem}
 #academicSupervisionSpa .supervision-session-workspace h5{margin:0;font-size:1rem}
 #academicSupervisionSpa .supervision-session-desktop{display:none}
 #academicSupervisionSpa .supervision-session-mobile{display:grid;gap:.6rem}
 #academicSupervisionSpa .supervision-session-card{border:1px solid var(--sup-border);border-radius:14px;background:var(--bs-body-bg);padding:.75rem;min-width:0}
 #academicSupervisionSpa .supervision-session-title{display:flex;justify-content:space-between;gap:.6rem;align-items:flex-start}
 #academicSupervisionSpa .supervision-session-title>div{min-width:0;flex:1}
 #academicSupervisionSpa .supervision-session-title h6{font-size:.98rem;font-weight:750;overflow-wrap:anywhere;line-height:1.35;margin:0 0 .15rem}
 #academicSupervisionSpa .supervision-session-title p{font-size:.84rem;color:var(--sup-muted);margin:0;overflow-wrap:anywhere}
 #academicSupervisionSpa .supervision-session-title .supervision-status{flex:none;max-width:42%;white-space:normal;text-align:center}
 #academicSupervisionSpa .supervision-session-info{display:grid;gap:.2rem;margin:.5rem 0 .35rem;font-size:.83rem;color:var(--sup-muted)}
 #academicSupervisionSpa .supervision-session-info>span{overflow-wrap:anywhere}
 #academicSupervisionSpa .supervision-session-info .bi{margin-right:.35rem}
 #academicSupervisionSpa .supervision-session-readiness{font-size:.8rem;margin:.25rem 0 .45rem}
 #academicSupervisionSpa .supervision-session-main-action>.btn{width:100%;min-height:44px;white-space:normal;text-align:center}
 #academicSupervisionSpa .supervision-session-other-actions{margin-top:.35rem}
 #academicSupervisionSpa .supervision-session-other-actions summary{cursor:pointer;color:var(--bs-primary);font-size:.82rem;font-weight:600;padding:.45rem 0;min-height:44px;display:list-item;list-style-position:inside}
 #academicSupervisionSpa .supervision-session-extra-actions{display:flex;flex-wrap:wrap;gap:.4rem;padding-top:.35rem;border-top:1px solid var(--sup-border)}
 #academicSupervisionSpa .supervision-session-extra-actions .btn{min-height:44px;white-space:normal}
 #academicSupervisionSpa .supervision-technical-details{font-size:.8rem}
}
@media(max-width:380px){#academicSupervisionSpa .supervision-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(forced-colors:active){#academicSupervisionSpa .supervision-session-card,#academicSupervisionSpa .supervision-metric{border:1px solid CanvasText}}
@media(prefers-reduced-motion:reduce){#academicSupervisionSpa .supervision-session-card *{transition:none!important}}

/* SIAPIYA_TEACHER_SUPERVISION_WORKSPACE_V370207 */
#academicSupervisionSpa .supervision-role-switch{display:flex;gap:.45rem;flex-wrap:wrap;margin:.35rem 0 .75rem}
#academicSupervisionSpa .supervision-role-switch .btn{min-height:42px}
#academicSupervisionSpa .supervision-teacher-intro{margin:.1rem 0 .9rem}
#academicSupervisionSpa .supervision-teacher-intro h4{font-size:1.1rem;line-height:1.35;font-weight:750;margin:0 0 .3rem}
#academicSupervisionSpa .supervision-teacher-intro p{color:var(--sup-muted);font-size:.88rem;line-height:1.5;margin:0}
#academicSupervisionSpa .supervision-teacher-session{margin-bottom:.85rem;min-width:0;padding:1rem}
#academicSupervisionSpa .supervision-teacher-session .supervision-card-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem}
#academicSupervisionSpa .supervision-teacher-session .supervision-card-head h5{font-size:1rem;margin:0 0 .2rem}
#academicSupervisionSpa .supervision-teacher-session .supervision-status{max-width:100%}
#academicSupervisionSpa .supervision-teacher-schedule{font-size:.87rem;color:var(--sup-muted);margin:.6rem 0 .85rem}
#academicSupervisionSpa .supervision-teacher-next{border:1px solid var(--sup-border);border-radius:12px;padding:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--bs-tertiary-bg,#f8fafc)}
#academicSupervisionSpa .supervision-teacher-next strong{display:block;font-size:.96rem}
#academicSupervisionSpa .supervision-teacher-next p{font-size:.84rem;color:var(--sup-muted);line-height:1.5;margin:.2rem 0 0}
#academicSupervisionSpa .supervision-teacher-next>.btn{min-height:44px;flex:none;white-space:normal}
#academicSupervisionSpa .supervision-teacher-stages{margin-top:.8rem}
#academicSupervisionSpa .supervision-teacher-stages>summary{cursor:pointer;min-height:44px;display:list-item;font-weight:650;padding:.6rem 0;color:var(--bs-primary);list-style-position:inside}
#academicSupervisionSpa .supervision-teacher-step-list{list-style:none;padding:0;margin:.35rem 0 0;display:grid;gap:.55rem}
#academicSupervisionSpa .supervision-teacher-step{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem;border:1px solid var(--sup-border);border-radius:11px;min-width:0}
#academicSupervisionSpa .supervision-teacher-step-number{border:1px solid var(--sup-border);background:var(--bs-tertiary-bg,#eef3f9);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-weight:750;font-size:.85rem;flex:none}
#academicSupervisionSpa .supervision-teacher-step-body{flex:1;min-width:0}
#academicSupervisionSpa .supervision-teacher-step-body>b{font-size:.89rem;line-height:1.35;display:block}
#academicSupervisionSpa .supervision-teacher-step-body p{color:var(--sup-muted);font-size:.8rem;line-height:1.4;margin:.2rem 0}
#academicSupervisionSpa .supervision-teacher-step-state{font-size:.77rem;font-weight:650}
#academicSupervisionSpa .supervision-teacher-step-actions{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:flex-end}
#academicSupervisionSpa .supervision-teacher-step-actions .btn{min-height:38px;white-space:normal}
.supervision-teacher-evidence{margin:1rem 0 .6rem;text-align:left}
.supervision-followup-evidence-row{border:1px solid var(--bs-border-color,#d7dee9);border-radius:12px;padding:.75rem;margin:.5rem 0;background:var(--bs-body-bg,#fff)}
.supervision-followup-evidence-fields{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.5rem}
.supervision-followup-evidence-fields label{display:block;min-width:0;text-align:left}
.supervision-followup-evidence-fields label>span{display:block;margin-bottom:.2rem}
.supervision-followup-evidence-fields .span-2{grid-column:span 2}
@media(max-width:767.98px){
 #academicSupervisionSpa .supervision-teacher-session{padding:.75rem}
 #academicSupervisionSpa .supervision-teacher-next{display:block}
 #academicSupervisionSpa .supervision-teacher-next>.btn{width:100%;margin-top:.7rem}
 #academicSupervisionSpa .supervision-teacher-step{flex-wrap:wrap}
 #academicSupervisionSpa .supervision-teacher-step-actions{width:100%;justify-content:stretch}
 #academicSupervisionSpa .supervision-teacher-step-actions .btn{flex:1;min-height:44px}
 .supervision-followup-evidence-fields{grid-template-columns:minmax(0,1fr)}
 .supervision-followup-evidence-fields .span-2{grid-column:span 1}
}
@media(prefers-reduced-motion:reduce){#academicSupervisionSpa .supervision-teacher-step{scroll-behavior:auto}}

/* SIAPIYA_SUPERVISION_CONNECTED_FLOW_COMPACT_V370208 */
.swal2-html-container .supervision-flow-read,.swal2-html-container .supervision-flow-form,.swal2-html-container .supervision-flow-reflection{font-size:.9rem;line-height:1.48;max-width:100%;overflow-wrap:anywhere}
.swal2-html-container .supervision-flow-section{margin:.65rem 0;padding:.75rem;border:1px solid var(--bs-border-color,#d8dfe8);border-radius:12px}
.swal2-html-container .supervision-flow-section h6{font-size:.98rem;font-weight:750;margin:0 0 .7rem}
.swal2-html-container .supervision-flow-highlight{padding:.55rem .65rem;margin:.5rem 0;background:var(--bs-tertiary-bg,#f5f7fa);border-radius:9px}
.swal2-html-container .supervision-flow-highlight b,.swal2-html-container .supervision-flow-detail-body>b{font-size:.85rem}
.swal2-html-container .supervision-flow-highlight p,.swal2-html-container .supervision-flow-detail-body p{margin:.15rem 0 .45rem;white-space:pre-wrap}
.swal2-html-container .supervision-flow-details{border:1px solid var(--bs-border-color,#d8dfe8);border-radius:11px;margin:.6rem 0;overflow:hidden}
.swal2-html-container .supervision-flow-details>summary{padding:.7rem .75rem;min-height:43px;cursor:pointer;font-size:.87rem;font-weight:650;background:var(--bs-tertiary-bg,#f5f7fa)}
.swal2-html-container .supervision-flow-detail-body{padding:.7rem .8rem}
.swal2-html-container .supervision-flow-progress{font-weight:700;font-size:.82rem;margin:.7rem 0;color:var(--bs-primary,#0d6efd)}
.swal2-html-container .supervision-flow-question{border:1px solid var(--bs-border-color,#d8dfe8);border-radius:12px;padding:.8rem}
.swal2-html-container .supervision-flow-question[hidden]{display:none!important}
.swal2-html-container .supervision-flow-question label{font-size:.94rem;line-height:1.5;display:block}
.swal2-html-container .supervision-flow-question textarea{resize:vertical;min-height:116px}
.swal2-html-container .supervision-flow-nav{display:flex;gap:.5rem;justify-content:space-between;margin:.75rem 0 .25rem}
.swal2-html-container .supervision-flow-nav .btn{min-width:110px;min-height:44px}
.swal2-html-container .supervision-flow-hint{font-size:.78rem;color:var(--bs-secondary-color,#6c757d);margin:.65rem 0 .2rem}
.swal2-html-container .supervision-flow-copy{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin:.2rem 0 .65rem}
.swal2-html-container .supervision-flow-copy .btn{min-height:38px;text-align:left;white-space:normal}
.swal2-html-container .supervision-followup-phase[open]>.supervision-flow-detail-body{padding:.7rem}
.swal2-html-container .supervision-followup-phase .supervision-followup-evidence-row{margin:.55rem 0}
@media(max-width:767.98px){
 .swal2-html-container .supervision-flow-section{margin:.45rem 0;padding:.6rem}
 .swal2-html-container .supervision-flow-nav .btn{flex:1;min-width:0}
 .swal2-html-container .supervision-flow-copy .btn{width:100%;min-height:44px}
}

/* SIAPIYA_SUPERVISION_INSTRUMENT_DOCUMENT_AUDIT_COPY_DIET_V370210 */
.swal2-html-container .supervision-preview-body{font-size:.92rem;line-height:1.5}
.swal2-html-container .supervision-preview-list{margin:.25rem 0 .6rem;padding-left:1.6rem}
.swal2-html-container .supervision-preview-list li{padding:.38rem .15rem;border-bottom:1px solid var(--bs-border-color,#e4e9f0);overflow-wrap:anywhere}
.swal2-html-container .supervision-preview-list li:last-child{border-bottom:0}
#academicSupervisionSpa .supervision-teacher-step-body>b{margin-bottom:.3rem}
@media(max-width:767.98px){.swal2-html-container .supervision-preview-list{padding-left:1.3rem}.swal2-html-container .supervision-preview-list li{padding:.45rem 0}}

/* SIAPIYA_SUPERVISION_SUPERVISOR_MONITOR_COMPACT_V370211 */
#academicSupervisionSpa .supervision-monitor{padding:.85rem;min-width:0}
#academicSupervisionSpa .supervision-monitor .supervision-card-head{margin-bottom:.6rem}
#academicSupervisionSpa .supervision-monitor h5{margin:0;font-size:1rem}
#academicSupervisionSpa .supervision-monitor-summary{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:0 0 .7rem;font-size:.8rem;color:var(--bs-secondary-color,#6c757d)}
#academicSupervisionSpa .supervision-monitor-summary span{white-space:nowrap}
#academicSupervisionSpa .supervision-monitor-summary b{font-size:1rem;color:var(--bs-body-color,#222);margin-right:.2rem}
#academicSupervisionSpa .supervision-monitor-tools{display:grid;grid-template-columns:minmax(150px,2fr) minmax(130px,1fr) minmax(130px,1fr);gap:.5rem}
#academicSupervisionSpa .supervision-monitor-tools>*{min-width:0;min-height:40px}
#academicSupervisionSpa .supervision-monitor-shortcuts{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 .7rem}
#academicSupervisionSpa .supervision-monitor-shortcuts .btn{min-height:40px}
#academicSupervisionSpa .supervision-monitor-desktop{display:none}
#academicSupervisionSpa .supervision-monitor-mobile{display:grid;gap:.5rem}
#academicSupervisionSpa .supervision-monitor-card{border:1px solid var(--sup-border,#d6dce6);border-radius:12px;padding:.75rem;min-width:0;background:var(--bs-body-bg,#fff)}
#academicSupervisionSpa .supervision-monitor-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem}
#academicSupervisionSpa .supervision-monitor-card-head>div{min-width:0}
#academicSupervisionSpa .supervision-monitor-card-head strong,#academicSupervisionSpa .supervision-monitor-card-head small{display:block;overflow-wrap:anywhere}
#academicSupervisionSpa .supervision-monitor-card-head strong{font-size:.92rem}
#academicSupervisionSpa .supervision-monitor-card-head small,#academicSupervisionSpa .supervision-monitor-card-meta{font-size:.77rem;color:var(--bs-secondary-color,#6c757d)}
#academicSupervisionSpa .supervision-monitor-card-meta{margin:.45rem 0 .25rem}
#academicSupervisionSpa .supervision-monitor-card-state{font-size:.83rem;font-weight:650;margin-bottom:.5rem}
#academicSupervisionSpa .supervision-monitor-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}
#academicSupervisionSpa .supervision-monitor-actions>.btn{min-height:40px}
#academicSupervisionSpa .supervision-monitor-extra{font-size:.79rem;position:relative}
#academicSupervisionSpa .supervision-monitor-extra summary{cursor:pointer;min-height:40px;display:flex;align-items:center;padding:0 .45rem;color:var(--bs-primary,#0d6efd)}
#academicSupervisionSpa .supervision-monitor-extra>div{display:flex;gap:.35rem;flex-wrap:wrap;padding:.45rem 0}
#academicSupervisionSpa .supervision-monitor-extra .btn{min-height:40px}
#academicSupervisionSpa .supervision-monitor [hidden]{display:none!important}
#academicSupervisionSpa .supervision-monitor-card .supervision-status{flex:none}
@media(min-width:992px){
 #academicSupervisionSpa .supervision-monitor-desktop{display:block}
 #academicSupervisionSpa .supervision-monitor-mobile{display:none}
 #academicSupervisionSpa .supervision-monitor .supervision-table td{vertical-align:middle;padding:.55rem .4rem;font-size:.83rem}
 #academicSupervisionSpa .supervision-monitor .supervision-table td>small{display:block;font-size:.76rem}
 #academicSupervisionSpa .supervision-monitor .supervision-table th{font-size:.78rem;white-space:nowrap}
 #academicSupervisionSpa .supervision-monitor .supervision-monitor-actions{flex-wrap:nowrap}
 #academicSupervisionSpa .supervision-monitor-extra[open]>div{position:absolute;right:0;z-index:6;min-width:220px;max-width:360px;background:var(--bs-body-bg,#fff);border:1px solid var(--sup-border,#d8e0e8);box-shadow:0 8px 22px #0002;border-radius:8px;padding:.65rem}
}
@media(max-width:767.98px){
 #academicSupervisionSpa .supervision-monitor{padding:.7rem}
 #academicSupervisionSpa .supervision-monitor-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #academicSupervisionSpa .supervision-monitor-tools input{grid-column:1/-1}
 #academicSupervisionSpa .supervision-monitor-summary{gap:.45rem}
 #academicSupervisionSpa .supervision-monitor-card .supervision-monitor-actions>.btn{flex:1;min-height:44px}
}

#academicSupervisionSpa .supervision-tab-more{margin:-.3rem 0 .7rem;font-size:.83rem;max-width:100%}
#academicSupervisionSpa .supervision-tab-more>summary{cursor:pointer;display:list-item;list-style-position:inside;min-height:39px;padding:.45rem .55rem;color:var(--bs-primary,#0d6efd);font-weight:650;width:max-content;max-width:100%}
#academicSupervisionSpa .supervision-tab-more.has-active-tab>summary{border-radius:8px;background:var(--bs-tertiary-bg,#eef3f9)}
#academicSupervisionSpa .supervision-tab-more-buttons{display:flex;flex-wrap:wrap;gap:.3rem;padding:.1rem .2rem .55rem}
#academicSupervisionSpa .supervision-tab-more-buttons .btn{min-height:40px}
#academicSupervisionSpa .supervision-tab-more[hidden]{display:none!important}
@media print{#academicSupervisionSpa .supervision-tab-more{display:none!important}}
