/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-section-title[b-0sknwtjejl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 15px;
    background: #fff9e9;
    border-bottom: 1px solid var(--line);
    color: #8a651d;
}

.notification-section-title.information[b-0sknwtjejl] {
    background: #f3f8f6;
    color: var(--green);
}

.notification-section-title b[b-0sknwtjejl] {
    font-size: 11px;
}

.notification-section-title small[b-0sknwtjejl] {
    color: var(--muted);
    font-size: 10px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-7tsk82s85j],
.components-reconnect-repeated-attempt-visible[b-7tsk82s85j],
.components-reconnect-failed-visible[b-7tsk82s85j],
.components-pause-visible[b-7tsk82s85j],
.components-resume-failed-visible[b-7tsk82s85j],
.components-rejoining-animation[b-7tsk82s85j] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-retrying[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-failed[b-7tsk82s85j],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-7tsk82s85j] {
    display: block;
}


#components-reconnect-modal[b-7tsk82s85j] {
    background-color: white;
    width: min(20rem, calc(100vw - 2rem));
    max-height: calc(100dvh - 2rem);
    margin: min(20vh, 8rem) auto;
    padding: clamp(1.25rem, 6vw, 2rem);
    overflow: auto;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-7tsk82s85j 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-7tsk82s85j 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-7tsk82s85j 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-7tsk82s85j]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-7tsk82s85j 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-7tsk82s85j {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-7tsk82s85j {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-7tsk82s85j {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-7tsk82s85j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-7tsk82s85j] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-7tsk82s85j] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-7tsk82s85j] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-7tsk82s85j] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-7tsk82s85j] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-7tsk82s85j] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-7tsk82s85j 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-7tsk82s85j] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-7tsk82s85j {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AcademicTerms.razor.rz.scp.css */
.term-form[b-6beo9q4iqb] { margin-top: 18px; }
.table-panel > .report-header[b-6beo9q4iqb] {
    padding: 22px 24px 18px;
    border-bottom: 1px solid var(--line);
    background: linear-gradient(135deg, #ffffff, #f8fbf9);
}
.table-panel > .report-header h2[b-6beo9q4iqb] { margin: 0 0 6px; }
.table-panel > .report-header p[b-6beo9q4iqb] { line-height: 1.7; }
.table-panel > .report-header .result-count[b-6beo9q4iqb] { flex: 0 0 auto; }
.term-list[b-6beo9q4iqb] { display: grid; gap: 12px; padding: 18px; }
.term-card[b-6beo9q4iqb] { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.term-card h3[b-6beo9q4iqb] { margin: 8px 0 4px; color: var(--green); }
.term-card p[b-6beo9q4iqb] { margin: 0; }
.term-card small[b-6beo9q4iqb] { display: block; margin-top: 7px; color: var(--muted); }
.form-panel .actions[b-6beo9q4iqb] { margin-top: 14px; }
.term-selector[b-6beo9q4iqb] { min-width: 210px; font-size: 12px; color: var(--muted); }
.rollover-panel[b-6beo9q4iqb] { padding: 24px; }
.rollover-panel > h3[b-6beo9q4iqb] { margin: 24px 0 12px; color: var(--green); }
.rollover-summary[b-6beo9q4iqb] { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.rollover-summary span[b-6beo9q4iqb] { padding: 10px 14px; border-radius: 12px; background: var(--soft-green); color: var(--green); }
.rollover-student-list[b-6beo9q4iqb], .rollover-teacher-list[b-6beo9q4iqb] { display: grid; gap: 10px; }
.rollover-student-row[b-6beo9q4iqb], .rollover-teacher-row[b-6beo9q4iqb] { display: grid; grid-template-columns: minmax(220px,1fr) minmax(260px,1fr); align-items: end; gap: 14px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.rollover-student-row.excluded[b-6beo9q4iqb] { opacity: .58; background: #f7f7f7; }
.rollover-student-row .check-item[b-6beo9q4iqb] { align-self: center; }
.rollover-student-row .check-item span[b-6beo9q4iqb] { display: grid; gap: 4px; }
.rollover-student-row .check-item small[b-6beo9q4iqb] { color: var(--muted); }
.rollover-teacher-row[b-6beo9q4iqb] { grid-template-columns: 1fr 1fr auto; }
.rollover-teacher-heading[b-6beo9q4iqb] { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin-top: 26px; }
.rollover-teacher-heading h3[b-6beo9q4iqb] { margin: 0 0 4px; color: var(--green); }
.rollover-panel > .actions[b-6beo9q4iqb] { margin-top: 20px; }
.teacher-change-panel[b-6beo9q4iqb] { padding: 24px; }
.teacher-change-form[b-6beo9q4iqb] { margin-top: 20px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.teacher-change-summary[b-6beo9q4iqb] { display: grid; gap: 5px; margin-top: 16px; padding: 14px 16px; border: 1px solid #cfe4db; border-radius: 14px; background: var(--soft-green); }
.teacher-change-summary b[b-6beo9q4iqb] { color: var(--green); }
.teacher-change-summary small[b-6beo9q4iqb] { color: var(--muted); }
.teacher-assignment-history[b-6beo9q4iqb] { margin-top: 24px; }
.teacher-assignment-history h3[b-6beo9q4iqb] { color: var(--green); }
.teacher-assignment-history article[b-6beo9q4iqb] { display: grid; grid-template-columns: minmax(180px, 1fr) auto auto; align-items: center; gap: 16px; padding: 12px 14px; border-top: 1px solid var(--line); }
.teacher-assignment-history article div[b-6beo9q4iqb] { display: grid; gap: 3px; }
.teacher-assignment-history article div span[b-6beo9q4iqb], .teacher-assignment-history article small[b-6beo9q4iqb] { color: var(--muted); }
@media(max-width:700px){.table-panel>.report-header[b-6beo9q4iqb]{align-items:flex-start;gap:12px;padding:18px;flex-wrap:wrap}.table-panel>.report-header .result-count[b-6beo9q4iqb]{margin-right:0}.term-card[b-6beo9q4iqb]{align-items:stretch;flex-direction:column}.term-card .actions[b-6beo9q4iqb]{display:grid;grid-template-columns:1fr}.term-card .actions button[b-6beo9q4iqb]{width:100%}.term-form[b-6beo9q4iqb]{grid-template-columns:1fr}.rollover-panel[b-6beo9q4iqb],.teacher-change-panel[b-6beo9q4iqb]{padding:16px}.rollover-student-row[b-6beo9q4iqb],.rollover-teacher-row[b-6beo9q4iqb],.teacher-change-form[b-6beo9q4iqb]{grid-template-columns:1fr}.rollover-teacher-heading[b-6beo9q4iqb]{align-items:stretch;flex-direction:column}.rollover-teacher-heading button[b-6beo9q4iqb]{width:100%}.teacher-assignment-history article[b-6beo9q4iqb]{grid-template-columns:1fr;gap:7px}}
/* /Components/Pages/Accounts.razor.rz.scp.css */
.supervisor-reactivation-form[b-ioy4pmw374] {
    display: grid;
    gap: 18px;
    scroll-margin-top: 110px;
    border-color: #d8c183;
    background: linear-gradient(145deg, #fffdf7, #f7fbf9);
}

.supervisor-reactivation-form > label[b-ioy4pmw374] {
    display: grid;
    gap: 7px;
    color: var(--muted);
    font-size: 12px;
}

.circle-multi-select[b-ioy4pmw374] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
    margin: 0;
    padding: 14px;
    border: 1px solid #d8e7df;
    border-radius: 14px;
}

.circle-multi-select legend[b-ioy4pmw374] {
    padding-inline: 8px;
    color: var(--green);
    font-size: 12px;
    font-weight: 800;
}

.permission-option[b-ioy4pmw374] {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 10px 12px;
    border: 1px solid #e0eae5;
    border-radius: 11px;
    background: #fff;
    color: var(--ink);
    cursor: pointer;
}

.permission-option:has(input:checked)[b-ioy4pmw374] {
    border-color: #84b9a2;
    background: #edf8f2;
    color: var(--green);
}

.permission-option input[b-ioy4pmw374] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--green);
}
/* /Components/Pages/Attendance.razor.rz.scp.css */
.attendance-summary[b-zy4ivrgwps] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.attendance-date-panel[b-zy4ivrgwps] {
    position: relative;
    z-index: 12;
    display: grid;
    place-items: center;
    gap: 12px;
    padding: 16px 20px;
    overflow: visible;
}

.attendance-date-stepper[b-zy4ivrgwps] {
    display: grid;
    grid-template-columns: 104px minmax(0, 1fr) 104px;
    align-items: start;
    gap: 8px;
    width: min(100%, 640px);
    min-width: 0;
}

.attendance-date-step-btn[b-zy4ivrgwps] {
    min-height: 42px;
    height: 42px;
    margin-top: 22px;
    padding: 7px 11px;
    white-space: nowrap;
}

.attendance-command-actions[b-zy4ivrgwps] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
}

.attendance-command-actions > button[b-zy4ivrgwps],
.attendance-save-actions button[b-zy4ivrgwps] {
    min-width: 126px;
}

.attendance-command-actions > button[b-zy4ivrgwps],
.attendance-save-actions button[b-zy4ivrgwps] {
    min-height: 40px;
    height: 40px;
    padding-block: 7px;
}

.attendance-date-stepper[b-zy4ivrgwps]  .hijri-date-fields {
    grid-template-columns: minmax(82px, .85fr) minmax(145px, 1.4fr) minmax(110px, 1fr);
}

.attendance-date-stepper[b-zy4ivrgwps]  .hijri-picker-segment.day .hijri-picker-menu {
    inset-inline-start: 0;
    inset-inline-end: auto;
    width: 112px;
    min-width: 112px;
    max-height: 250px;
}

.attendance-list-guide[b-zy4ivrgwps] {
    margin: 0 4px 10px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

@media (min-width: 821px) {
    .attendance-mobile-table[b-zy4ivrgwps] {
        table-layout: fixed;
    }

    .attendance-mobile-table th[b-zy4ivrgwps],
    .attendance-mobile-table td[b-zy4ivrgwps] {
        padding: 11px 16px;
        vertical-align: middle;
    }

    .attendance-mobile-table th:nth-child(1)[b-zy4ivrgwps],
    .attendance-mobile-table td:nth-child(1)[b-zy4ivrgwps] {
        width: 30%;
    }

    .attendance-mobile-table th:nth-child(2)[b-zy4ivrgwps],
    .attendance-mobile-table td:nth-child(2)[b-zy4ivrgwps] {
        width: 40%;
        text-align: center;
    }

    .attendance-mobile-table th:nth-child(3)[b-zy4ivrgwps],
    .attendance-mobile-table td:nth-child(3)[b-zy4ivrgwps] {
        width: 30%;
        text-align: center;
    }

    .attendance-mobile-table .attendance-student b[b-zy4ivrgwps] {
        display: block;
        margin-bottom: 2px;
        font-size: 14px;
    }

    .attendance-mobile-table .attendance-student small[b-zy4ivrgwps] {
        font-size: 11px;
    }

    .attendance-mobile-table .segmented[b-zy4ivrgwps] {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
        width: min(100%, 430px);
        margin-inline: auto;
    }

    .attendance-mobile-table .segmented button[b-zy4ivrgwps] {
        min-height: 40px;
        padding: 7px 8px;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 800;
    }

    .attendance-mobile-table .table-input[b-zy4ivrgwps] {
        display: block;
        width: min(100%, 320px);
        min-height: 42px;
        margin-inline: auto;
    }
}

@media (max-width: 820px) {
    .attendance-summary[b-zy4ivrgwps] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .attendance-date-panel .attendance-save-actions[b-zy4ivrgwps] {
        position: static;
        inset: auto;
        display: flex;
        gap: 8px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
    }
}

@media (max-width: 680px) {
    .attendance-date-stepper[b-zy4ivrgwps] {
        grid-template-columns: 1fr 1fr;
    }

    .attendance-date-stepper[b-zy4ivrgwps]  .hijri-date-picker {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .attendance-date-stepper[b-zy4ivrgwps]  .hijri-date-fields {
        grid-template-columns: .75fr 1.35fr 1fr;
    }

    .attendance-date-step-btn[b-zy4ivrgwps] {
        grid-row: 2;
        width: 100%;
        margin-top: 0;
    }

    .attendance-command-actions > button[b-zy4ivrgwps] {
        width: 100%;
    }

    .attendance-command-actions[b-zy4ivrgwps] {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .attendance-date-panel .attendance-save-actions[b-zy4ivrgwps] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }

    .attendance-save-actions button[b-zy4ivrgwps] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .attendance-summary[b-zy4ivrgwps] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Exams.razor.rz.scp.css */
.exam-toolbar[b-p3595nyeaa]{display:flex;align-items:center;justify-content:space-between;gap:18px}.exam-toolbar>label[b-p3595nyeaa]{min-width:min(100%,320px);font-size:12px;color:var(--muted)}.exam-toolbar select[b-p3595nyeaa]{margin-top:6px}.exam-term-summary[b-p3595nyeaa]{display:grid;justify-items:start;gap:5px}.exam-term-summary small[b-p3595nyeaa]{color:var(--muted)}
.exam-mode-tabs[b-p3595nyeaa]{display:flex;gap:8px;margin:0 0 16px;padding:6px;border:1px solid var(--line);border-radius:14px;background:#f5f9f7;width:max-content;max-width:100%}.exam-mode-tabs button[b-p3595nyeaa]{border:0;border-radius:10px;background:transparent;padding:11px 18px;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}.exam-mode-tabs button.active[b-p3595nyeaa]{background:#fff;color:var(--green);box-shadow:0 4px 14px #174f3c14}.exam-action-panel[b-p3595nyeaa]{border-color:#ead8ad}.exam-student-actions[b-p3595nyeaa]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.exam-student-actions article[b-p3595nyeaa]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff}.exam-student-actions article div[b-p3595nyeaa]{display:grid}.exam-student-actions small[b-p3595nyeaa]{color:var(--muted)}
.exam-student-actions article>.actions[b-p3595nyeaa]{display:flex}.tested-thirty-btn[b-p3595nyeaa]{border:1px solid #8cbba8;border-radius:10px;background:#e8f5ef;color:#17684b;padding:9px 12px;font:inherit;font-weight:700;cursor:pointer}.exam-confirm-panel[b-p3595nyeaa]{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#8cbba8;background:#f5fbf8}.exam-confirm-panel h2[b-p3595nyeaa]{margin:4px 0}.exam-confirm-panel p[b-p3595nyeaa]{margin:0;color:var(--muted)}
.exam-form-panel[b-p3595nyeaa]{border-color:#cfe2da}.exam-form-grid[b-p3595nyeaa]{margin-top:18px}.exam-date-options[b-p3595nyeaa]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:14px;background:#f8fbf9}.exam-date-toggle[b-p3595nyeaa]{display:flex!important;align-items:center;gap:8px;font-size:12px;color:var(--ink)!important}.exam-date-toggle input[b-p3595nyeaa]{width:18px;height:18px;margin:0}.exam-notes[b-p3595nyeaa]{display:grid;gap:7px;font-size:12px;color:var(--muted)}.exam-notes textarea[b-p3595nyeaa]{font:inherit;border:1px solid var(--line);border-radius:10px;padding:12px;resize:vertical}.exam-form-panel>.actions[b-p3595nyeaa]{margin-top:16px}
.exam-calendar-panel[b-p3595nyeaa]{overflow:hidden}.exam-week-selector[b-p3595nyeaa]{display:flex;gap:8px;overflow-x:auto;padding:8px 0 16px;scrollbar-width:thin}.exam-week-selector button[b-p3595nyeaa]{min-width:145px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;color:var(--ink);font:inherit;cursor:pointer}.exam-week-selector button b[b-p3595nyeaa],.exam-week-selector button small[b-p3595nyeaa]{display:block}.exam-week-selector button small[b-p3595nyeaa]{margin-top:4px;color:var(--muted);font-size:10px}.exam-week-selector button.active[b-p3595nyeaa]{border-color:#70ad97;background:var(--green2);color:var(--green)}
.exam-calendar-grid[b-p3595nyeaa]{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.exam-day[b-p3595nyeaa]{min-height:165px;border:1px solid var(--line);border-radius:13px;background:#fbfdfc;padding:10px}.exam-day.today[b-p3595nyeaa]{border-color:#d5a94d;box-shadow:inset 0 0 0 1px #d5a94d}.exam-day header[b-p3595nyeaa]{display:grid;gap:3px;padding-bottom:8px;border-bottom:1px solid var(--line)}.exam-day header small[b-p3595nyeaa]{font-size:10px;color:var(--muted)}.exam-day-empty[b-p3595nyeaa]{display:block;margin-top:18px;color:#98a39f;font-size:10px}.exam-calendar-entry[b-p3595nyeaa]{display:grid;width:100%;gap:3px;margin-top:8px;padding:8px;border:0;border-radius:9px;text-align:right;font:inherit}.exam-calendar-entry b[b-p3595nyeaa]{font-size:11px}.exam-calendar-entry small[b-p3595nyeaa]{font-size:9px}.preparing[b-p3595nyeaa]{background:#f1f4f3;color:#52615c}.internal[b-p3595nyeaa]{background:#e8f0fb;color:#3068a2}.passed-internal[b-p3595nyeaa]{background:#e7f5ee;color:#177353}.association[b-p3595nyeaa]{background:#fff3d9;color:#946b1d}.result[b-p3595nyeaa]{background:#eee9f8;color:#67518f}.result-passed[b-p3595nyeaa]{background:#e3f4ea;color:#12643f}.result-failed[b-p3595nyeaa]{background:#fbe7e7;color:#a73c3c}
.exam-candidate-list[b-p3595nyeaa]{display:grid;gap:10px;margin-top:16px}.exam-candidate-card[b-p3595nyeaa]{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.exam-candidate-card summary[b-p3595nyeaa]{display:grid;grid-template-columns:minmax(180px,1fr) auto auto auto 24px;align-items:center;gap:12px;padding:15px 17px;cursor:pointer;list-style:none}.exam-candidate-card summary[b-p3595nyeaa]::-webkit-details-marker{display:none}.exam-candidate-card summary>span:first-child[b-p3595nyeaa]{display:grid}.exam-candidate-card summary small[b-p3595nyeaa]{color:var(--muted);font-size:10px}.exam-branch[b-p3595nyeaa]{font-weight:700;color:var(--green)}.exam-result[b-p3595nyeaa]{padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700}.exam-result.passed[b-p3595nyeaa]{background:#e5f4ed;color:#177353}.exam-result.failed[b-p3595nyeaa]{background:#fbecec;color:#b24d4d}.exam-candidate-details[b-p3595nyeaa]{padding:16px;border-top:1px solid var(--line);background:#fbfdfc}.exam-detail-grid[b-p3595nyeaa]{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.exam-detail-grid>div[b-p3595nyeaa]{display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff}.exam-detail-grid small[b-p3595nyeaa]{color:var(--muted)}.exam-saved-notes[b-p3595nyeaa]{margin:12px 0!important;padding:12px;border-radius:10px;background:#fff}.exam-history[b-p3595nyeaa]{margin:16px 0}.exam-history h3[b-p3595nyeaa]{font-size:14px}.exam-history>div[b-p3595nyeaa]{display:flex;gap:10px;margin:9px 0}.exam-history>div>span[b-p3595nyeaa]{width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--green)}.exam-history p[b-p3595nyeaa]{display:grid}.exam-history small[b-p3595nyeaa]{font-size:10px}
@media(max-width:1000px){.exam-date-options[b-p3595nyeaa]{grid-template-columns:1fr 2fr}.exam-calendar-grid[b-p3595nyeaa]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.exam-toolbar[b-p3595nyeaa]{align-items:stretch;flex-direction:column}.exam-term-summary[b-p3595nyeaa]{justify-items:start}.exam-form-grid[b-p3595nyeaa],.exam-date-options[b-p3595nyeaa],.exam-calendar-grid[b-p3595nyeaa],.exam-detail-grid[b-p3595nyeaa],.exam-student-actions[b-p3595nyeaa]{grid-template-columns:1fr}.exam-mode-tabs[b-p3595nyeaa]{width:100%}.exam-mode-tabs button[b-p3595nyeaa]{flex:1;padding-inline:8px}.exam-student-actions article[b-p3595nyeaa],.exam-confirm-panel[b-p3595nyeaa]{align-items:stretch;flex-direction:column}.exam-student-actions article>.actions[b-p3595nyeaa]{display:grid}.exam-candidate-card summary[b-p3595nyeaa]{grid-template-columns:1fr auto}.exam-candidate-card summary .report-card-chevron[b-p3595nyeaa]{grid-column:2;grid-row:1}.exam-candidate-card summary>.status-pill[b-p3595nyeaa],.exam-candidate-card summary>.exam-branch[b-p3595nyeaa],.exam-candidate-card summary>.exam-result[b-p3595nyeaa]{justify-self:start}.exam-week-selector button[b-p3595nyeaa]{min-width:135px}.exam-day[b-p3595nyeaa]{min-height:110px}.exam-form-panel>.actions[b-p3595nyeaa]{display:grid}.exam-form-panel>.actions button[b-p3595nyeaa]{width:100%}}

.exam-navigation[b-p3595nyeaa]{display:grid;gap:10px;margin-bottom:18px}
.exam-navigation .exam-toolbar[b-p3595nyeaa],.exam-navigation .exam-mode-tabs[b-p3595nyeaa]{margin:0}
.exam-student-actions[b-p3595nyeaa]{max-height:370px;overflow-y:auto;overscroll-behavior:contain;padding-inline-end:4px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
.exam-student-actions[b-p3595nyeaa]::-webkit-scrollbar{width:7px}
.exam-student-actions[b-p3595nyeaa]::-webkit-scrollbar-thumb{border-radius:999px;background:var(--gold)}
@media(min-width:821px){
    .exam-navigation[b-p3595nyeaa]{position:sticky;z-index:24;top:106px;padding:7px;border:1px solid rgba(207,226,217,.86);border-radius:16px;background:rgba(244,248,245,.9);box-shadow:0 8px 24px rgba(24,71,56,.07);backdrop-filter:blur(16px)}
}
@media(max-width:820px){.exam-navigation[b-p3595nyeaa]{margin-bottom:16px}.exam-student-actions[b-p3595nyeaa]{max-height:430px}}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-exam-reminder-list[b-gozh8tdkze] {
    display: grid;
    gap: 10px;
    margin-top: 16px;
}

.dashboard-exam-reminder[b-gozh8tdkze] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 14px;
    border: 1px solid #ead9ae;
    border-radius: 13px;
    background: linear-gradient(135deg, #fffdf8, #fff8e8);
}

.dashboard-exam-reminder p[b-gozh8tdkze] {
    margin-top: 4px;
    font-size: 12px;
}

.dashboard-exam-reminder > strong[b-gozh8tdkze] {
    color: #946b1d;
    white-space: nowrap;
}

.dashboard-term-strip[b-gozh8tdkze] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
    padding: 22px 24px;
    border-color: rgba(202, 219, 211, .78);
    background: linear-gradient(145deg, rgba(255, 255, 255, .91), rgba(246, 250, 247, .68));
    backdrop-filter: blur(15px) saturate(125%);
}

.dashboard-term-strip.is-missing[b-gozh8tdkze] {
    border-color: rgba(202, 219, 211, .78);
}

.dashboard-term-strip.is-missing .dashboard-term-icon[b-gozh8tdkze] {
    background: #fbf3df;
    color: #a67924;
}

.dashboard-term-icon[b-gozh8tdkze],
.dashboard-operation-card > span[b-gozh8tdkze] {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    flex: 0 0 auto;
    border: 0;
    border-radius: 12px;
    background: #e5f4ed;
    color: #177353;
    box-shadow: none;
}

.dashboard-term-icon .app-icon[b-gozh8tdkze],
.dashboard-operation-card .app-icon[b-gozh8tdkze] {
    width: 19px;
    height: 19px;
}

.dashboard-term-copy h2[b-gozh8tdkze] {
    margin: 6px 0 4px;
    color: #174638;
    font-size: 18px;
}

.dashboard-term-copy p[b-gozh8tdkze] {
    margin: 0;
    color: #6d7773;
    font-size: 11px;
    line-height: 1.7;
}

.dashboard-term-status[b-gozh8tdkze] {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 5px 10px;
    border: 1px solid #bfe0d1;
    border-radius: 999px;
    background: #e5f4ed;
    color: #176b50;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.dashboard-term-status.status-locked[b-gozh8tdkze] {
    border-color: #ead398;
    background: #fff4d7;
    color: #856018;
}

.dashboard-term-action[b-gozh8tdkze] {
    white-space: nowrap;
}

.dashboard-operations[b-gozh8tdkze] {
    padding: 24px;
    border-color: rgba(202, 219, 211, .78);
    background: linear-gradient(145deg, rgba(255, 255, 255, .91), rgba(246, 250, 247, .68));
    backdrop-filter: blur(15px) saturate(125%);
}

.dashboard-operation-grid[b-gozh8tdkze] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}

.dashboard-operation-card[b-gozh8tdkze] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    min-height: 104px;
    padding: 17px;
    border: 1px solid rgba(202, 219, 211, .78);
    border-radius: 17px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .92), rgba(248, 251, 249, .76));
    color: #173f32;
    box-shadow: 0 8px 24px rgba(24, 71, 56, .045);
    backdrop-filter: blur(10px);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.dashboard-operation-card:hover[b-gozh8tdkze] {
    border-color: #a9cfbd;
    box-shadow: 0 10px 25px rgba(24, 71, 56, .09);
    transform: translateY(-2px);
}

.dashboard-operation-card b[b-gozh8tdkze],
.dashboard-operation-card small[b-gozh8tdkze] {
    display: block;
}

.dashboard-operation-card b[b-gozh8tdkze] {
    font-size: 13px;
}

.dashboard-operation-card small[b-gozh8tdkze] {
    margin-top: 5px;
    color: #75837e;
    font-size: 10px;
    line-height: 1.65;
}

.dashboard-operation-card strong[b-gozh8tdkze] {
    color: #176b50;
    font-size: 27px;
}

.dashboard-operation-card.needs-action[b-gozh8tdkze] {
    border-color: rgba(226, 199, 128, .78);
    background: linear-gradient(145deg, rgba(255, 253, 246, .96), rgba(255, 255, 255, .82));
}

.dashboard-operation-card.needs-action > span[b-gozh8tdkze] {
    background: #fbf3df;
    color: #a67924;
}

.dashboard-operation-card.needs-action strong[b-gozh8tdkze] {
    color: #9a6d18;
}

@media (max-width: 1180px) {
    .dashboard-operation-grid[b-gozh8tdkze] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .dashboard-term-strip[b-gozh8tdkze] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        padding: 18px;
    }

    .dashboard-term-status[b-gozh8tdkze] {
        grid-column: 2;
        width: max-content;
    }

    .dashboard-term-action[b-gozh8tdkze] {
        grid-column: 1 / -1;
        width: 100%;
        text-align: center;
    }

    .dashboard-operation-grid[b-gozh8tdkze] {
        grid-template-columns: 1fr;
    }

    .dashboard-operation-card[b-gozh8tdkze] {
        min-height: 82px;
        padding: 13px 14px;
    }

    .dashboard-operation-card:hover[b-gozh8tdkze] {
        transform: none;
    }

    .dashboard-exam-reminder[b-gozh8tdkze] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .dashboard-exam-reminder > strong[b-gozh8tdkze] {
        grid-column: 2;
    }
}
/* /Components/Pages/Permissions.razor.rz.scp.css */
.permission-area-tabs[b-jm6tdf1kix] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.permission-area-tab[b-jm6tdf1kix] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 11px;
    min-height: 72px;
    padding: 10px 13px;
    border: 1px solid transparent;
    border-radius: 15px;
    background: transparent;
    color: var(--muted);
    text-align: right;
    font: inherit;
    cursor: pointer;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.permission-area-tab > span:last-child[b-jm6tdf1kix] { display: grid; gap: 3px; min-width: 0; }
.permission-area-tab b[b-jm6tdf1kix] { font-size: 13px; }
.permission-area-tab small[b-jm6tdf1kix] { color: var(--muted); font-size: 11px; }

.permission-area-icon[b-jm6tdf1kix] {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 13px;
    background: var(--surface-subtle);
    color: var(--muted);
}

.permission-area-icon .app-icon[b-jm6tdf1kix] { width: 20px; height: 20px; }
.permission-area-tab:hover[b-jm6tdf1kix] { border-color: #d6ae59; background: #fffaf0; color: #815f1c; }
.permission-area-tab.is-active[b-jm6tdf1kix] { border-color: #8dbdaa; background: var(--green2); color: var(--green); box-shadow: 0 5px 14px rgba(18, 101, 79, .07); }
.permission-area-tab.is-active .permission-area-icon[b-jm6tdf1kix] { background: var(--green); color: #fff; }
.permission-area-tab.is-active small[b-jm6tdf1kix] { color: var(--muted); }
.permission-area-hidden[b-jm6tdf1kix] { display: none !important; }

.permission-selector[b-jm6tdf1kix] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(280px, 1fr);
    align-items: end;
    gap: 24px;
}

.permission-selector > div:first-child[b-jm6tdf1kix] { display: grid; gap: 8px; }
.permission-selector label[b-jm6tdf1kix] { color: var(--muted); font-size: .9rem; font-weight: 700; }

.teacher-summary[b-jm6tdf1kix] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 10px 14px;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #f8fbf9;
}

.teacher-summary > span:last-child[b-jm6tdf1kix] { display: grid; gap: 3px; }
.teacher-summary small[b-jm6tdf1kix] { color: var(--muted); }

.teacher-avatar[b-jm6tdf1kix] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 12px;
    color: #fff;
    background: var(--green);
    font-weight: 800;
}

.permissions-editor[b-jm6tdf1kix] { display: grid; gap: 20px; }

.permissions-header[b-jm6tdf1kix] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.permissions-header h2[b-jm6tdf1kix] { margin: 4px 0; }
.permissions-header p[b-jm6tdf1kix] { margin: 0; color: var(--muted); }

.permission-count[b-jm6tdf1kix] {
    padding: 8px 12px;
    border: 1px solid #cfe3da;
    border-radius: 999px;
    color: var(--green);
    background: #edf7f2;
    white-space: nowrap;
    font-weight: 700;
}

.permission-presets[b-jm6tdf1kix] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    padding: 14px;
    border: 0;
    border-radius: var(--radius-inner);
    background: var(--surface-subtle);
}

.permission-presets > span[b-jm6tdf1kix] { margin-inline-end: 4px; color: var(--muted); font-weight: 700; }
.permission-groups[b-jm6tdf1kix] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }

.permission-group[b-jm6tdf1kix] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius-inner);
    background: var(--surface);
}

.permission-group h3[b-jm6tdf1kix] {
    margin: 0;
    padding: 14px 16px;
    color: var(--green);
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--line);
    font-size: 1rem;
}

.permission-options[b-jm6tdf1kix] { display: grid; }

.permission-option[b-jm6tdf1kix] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center;
    gap: 16px;
    min-height: 68px;
    padding: 12px 16px;
    border-bottom: 1px solid #edf1ef;
    cursor: pointer;
    user-select: none;
}

.permission-option:last-child[b-jm6tdf1kix] { border-bottom: 0; }
.permission-option > span[b-jm6tdf1kix] { display: grid; gap: 3px; min-width: 0; }
.permission-option b[b-jm6tdf1kix] { color: var(--muted); transition: color .2s ease; }
.permission-option small[b-jm6tdf1kix] { color: var(--muted-soft); font-size: 11px; line-height: 1.65; }
.permission-option:has(input:checked) b[b-jm6tdf1kix] { color: var(--green); }
.permission-option:has(input:checked) small[b-jm6tdf1kix] { color: var(--muted); }

.permission-option input[type="checkbox"][b-jm6tdf1kix] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 40px !important;
    min-width: 40px;
    height: 10px !important;
    min-height: 10px !important;
    margin: 0 !important;
    border: 1px solid #cbd5d1;
    border-radius: 999px;
    background: #dfe6e3;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .22s ease, border-color .22s ease;
}

.permission-option input[type="checkbox"][b-jm6tdf1kix]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    transform: translateY(-50%);
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
}

.permission-option input[type="checkbox"]:checked[b-jm6tdf1kix] { border-color: var(--green); background: var(--green); }
.permission-option input[type="checkbox"]:checked[b-jm6tdf1kix]::before { transform: translate(21px, -50%); }
.permission-option:hover input[type="checkbox"]:not(:checked)[b-jm6tdf1kix] { border-color: #aebbb5; background: #d7e1dd; }
.permission-option:hover input[type="checkbox"]:checked[b-jm6tdf1kix] { border-color: var(--green-hover); background: var(--green-hover); }
.permission-option input[type="checkbox"]:focus-visible[b-jm6tdf1kix] { outline: 3px solid rgba(200, 157, 72, .28); outline-offset: 3px; }
.permission-option input[type="checkbox"]:disabled[b-jm6tdf1kix] { cursor: wait; opacity: .65; }
.permission-loading[b-jm6tdf1kix] { padding: 28px; text-align: center; color: var(--muted); }

@media (max-width: 900px) {
    .permission-area-tabs[b-jm6tdf1kix] { grid-template-columns: 1fr; }
    .permission-selector[b-jm6tdf1kix],
    .permission-groups[b-jm6tdf1kix] { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .permission-area-tabs[b-jm6tdf1kix] { padding: 0; border-radius: 0; }
    .permission-area-tab[b-jm6tdf1kix] { min-height: 62px; }
    .permissions-header[b-jm6tdf1kix] { display: grid; }
    .permission-count[b-jm6tdf1kix] { justify-self: start; }
    .permission-presets .secondary-btn[b-jm6tdf1kix] { flex: 1 1 calc(50% - 8px); }
}

.student-circle-permissions[b-jm6tdf1kix],.attendance-delegation[b-jm6tdf1kix] { display: grid; gap: 18px; }
.system-feature-settings[b-jm6tdf1kix] { display: grid; gap: 18px; }
.system-feature-grid[b-jm6tdf1kix] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; align-items: stretch; gap: 16px; }
.global-feature-option[b-jm6tdf1kix] { box-sizing: border-box; align-self: stretch; max-width: none; min-height: 116px; height: 100%; border: 1px solid #cfe3da; border-radius: var(--radius-inner); background: linear-gradient(145deg,rgba(255,255,255,.98),#f4faf7); box-shadow: 0 8px 22px rgba(20,80,61,.05); }
.global-feature-select[b-jm6tdf1kix] { grid-template-columns: minmax(0,1fr) minmax(120px,132px); border-bottom-color: #a9cebd; box-shadow: 0 8px 22px rgba(20,80,61,.05),inset 0 -1px 0 #a9cebd; cursor: default; }
.attendance-days-picker[b-jm6tdf1kix] { position: relative; min-width: 0; }
.attendance-days-trigger[b-jm6tdf1kix] { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 44px; padding: 9px 12px; border: 1px solid #c5ddd2; border-radius: 12px; background: #f3f9f6; color: var(--ink); font: inherit; font-weight: 800; cursor: pointer; box-shadow: inset 0 1px rgba(255,255,255,.75); }
.attendance-days-trigger:hover:not(:disabled)[b-jm6tdf1kix] { border-color: #94c0ad; background: #edf7f2; }
.attendance-days-trigger .app-icon[b-jm6tdf1kix] { width: 15px; height: 15px; color: var(--green); transition: transform .18s ease; }
.attendance-days-trigger[aria-expanded="true"] .app-icon[b-jm6tdf1kix] { transform: rotate(180deg); }
.attendance-days-menu[b-jm6tdf1kix] { position: absolute; z-index: 30; inset-inline-end: 0; top: calc(100% + 8px); display: grid; gap: 4px; width: min(230px,calc(100vw - 48px)); max-height: 170px; padding: 7px; overflow-y: auto; overscroll-behavior: contain; border: 1px solid #bdd8cb; border-radius: 14px; background: linear-gradient(180deg,#fff,#f7fbf9); box-shadow: 0 18px 42px rgba(12,43,33,.18); scrollbar-width: thin; scrollbar-color: #c89d48 transparent; }
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar { width: 5px; }
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-track { background: transparent; }
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-thumb { border-radius: 999px; background: #c89d48; }
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-button,
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-button:single-button,
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-button:vertical:start:decrement,
.attendance-days-menu[b-jm6tdf1kix]::-webkit-scrollbar-button:vertical:end:increment { display: none; width: 0; height: 0; background: transparent; }
.attendance-days-option[b-jm6tdf1kix] { display: grid; grid-template-columns: minmax(0,1fr) 18px; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 8px 10px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ink); text-align: right; font: inherit; cursor: pointer; }
.attendance-days-option > span[b-jm6tdf1kix] { display: grid; gap: 2px; }
.attendance-days-option small[b-jm6tdf1kix] { color: var(--muted); font-size: 11px; }
.attendance-days-option .app-icon[b-jm6tdf1kix] { width: 15px; height: 15px; color: #c89d48; }
.attendance-days-option:hover[b-jm6tdf1kix] { border-color: var(--line); background: var(--surface-subtle); }
.attendance-days-option.selected[b-jm6tdf1kix] { border-color: #c89d48; background: rgba(200,157,72,.12); }
.circle-permission-groups[b-jm6tdf1kix] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.circle-permission-group[b-jm6tdf1kix] { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-inner); background: var(--surface); }
.circle-permission-group h3[b-jm6tdf1kix] { margin: 0; padding: 13px 16px; color: var(--green); background: var(--surface-subtle); border-bottom: 1px solid var(--line); font-size: 1rem; }
.circle-permission-row[b-jm6tdf1kix] { display: grid; grid-template-columns: minmax(160px,1fr) minmax(180px,230px) auto; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid #edf1ef; }
.circle-permission-row:last-child[b-jm6tdf1kix] { border-bottom: 0; }
.circle-permission-row>div[b-jm6tdf1kix] { display: grid; gap: 3px; }
.circle-permission-row small[b-jm6tdf1kix] { color: var(--muted); }
.delegation-circle-select[b-jm6tdf1kix] { display: grid; gap: 8px; max-width: 520px; color: var(--muted); font-weight: 700; }
.delegation-students[b-jm6tdf1kix] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.delegation-option[b-jm6tdf1kix] { border: 1px solid var(--line); border-radius: 14px; }
@media(max-width:900px){.system-feature-grid[b-jm6tdf1kix],.circle-permission-groups[b-jm6tdf1kix],.delegation-students[b-jm6tdf1kix]{grid-template-columns:1fr}.circle-permission-row[b-jm6tdf1kix]{grid-template-columns:1fr}.circle-permission-row .secondary-btn[b-jm6tdf1kix]{justify-self:start}}
@media(max-width:560px){.global-feature-select[b-jm6tdf1kix]{grid-template-columns:1fr}.attendance-days-picker[b-jm6tdf1kix]{width:100%}}
/* /Components/Pages/PlanPdf.razor.rz.scp.css */
.plan-pdf-toolbar[b-w9rphyaw66]{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px;background:#eef6f1;border-bottom:1px solid #cfe1d7}.plan-pdf-toolbar button[b-w9rphyaw66],.plan-pdf-toolbar a[b-w9rphyaw66]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #176b50;border-radius:10px;background:#176b50;color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.plan-pdf-toolbar a[b-w9rphyaw66]{background:#fff;color:#176b50}.plan-pdf-toolbar .app-icon[b-w9rphyaw66]{width:18px;height:18px}.plan-pdf-document[b-w9rphyaw66]{background:#e9f2ed;padding:24px}.plan-pdf-week[b-w9rphyaw66]{box-sizing:border-box;width:100%;max-width:1120px;min-height:190mm;margin:0 auto 24px;padding:12mm;border:1px solid #d6e4dd;border-radius:18px;background:#fff;color:#173f34;box-shadow:0 12px 36px rgba(23,74,57,.1);break-after:page;page-break-after:always}.plan-pdf-week:last-child[b-w9rphyaw66]{break-after:auto;page-break-after:auto}.plan-pdf-header[b-w9rphyaw66]{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:2px solid #176b50}.plan-pdf-brand[b-w9rphyaw66]{display:flex;align-items:center;gap:10px}.plan-pdf-brand>span[b-w9rphyaw66]{display:grid;width:44px;height:44px;place-items:center;border-radius:13px;background:linear-gradient(145deg,#e1f2e9,#f6ebcf);color:#176b50}.plan-pdf-brand .app-icon[b-w9rphyaw66]{width:23px;height:23px}.plan-pdf-brand b[b-w9rphyaw66],.plan-pdf-brand small[b-w9rphyaw66],.plan-pdf-week-number small[b-w9rphyaw66],.plan-pdf-week-number strong[b-w9rphyaw66]{display:block}.plan-pdf-brand b[b-w9rphyaw66]{font-size:17px}.plan-pdf-brand small[b-w9rphyaw66]{margin-top:2px;color:#6e817a;font-size:10px}.plan-pdf-week-number[b-w9rphyaw66]{text-align:left}.plan-pdf-week-number small[b-w9rphyaw66]{color:#a87824;font-size:9px;font-weight:800}.plan-pdf-week-number strong[b-w9rphyaw66]{margin-top:2px;font-size:17px}.plan-pdf-summary[b-w9rphyaw66]{display:grid;grid-template-columns:1.1fr 1.3fr 1.4fr .65fr;gap:8px;margin:11px 0}.plan-pdf-summary>div[b-w9rphyaw66]{padding:8px 10px;border:1px solid #dbe8e2;border-radius:9px;background:#f7fbf9}.plan-pdf-summary small[b-w9rphyaw66],.plan-pdf-summary b[b-w9rphyaw66],.plan-pdf-summary span[b-w9rphyaw66]{display:block}.plan-pdf-summary small[b-w9rphyaw66]{color:#8b9b95;font-size:8px}.plan-pdf-summary b[b-w9rphyaw66]{margin-top:2px;font-size:10px}.plan-pdf-summary span[b-w9rphyaw66]{margin-top:2px;color:#657a72;font-size:8px}.plan-pdf-table[b-w9rphyaw66]{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9px}.plan-pdf-table th[b-w9rphyaw66]{padding:6px 5px;background:#174f3e;color:#fff;font-size:8px;text-align:right}.plan-pdf-table th:first-child[b-w9rphyaw66]{border-radius:0 7px 0 0}.plan-pdf-table th:last-child[b-w9rphyaw66]{border-radius:7px 0 0}.plan-pdf-table td[b-w9rphyaw66]{padding:5px;border:1px solid #dce8e2;vertical-align:middle;line-height:1.35}.plan-pdf-table th:nth-child(1)[b-w9rphyaw66]{width:12%}.plan-pdf-table th:nth-child(2)[b-w9rphyaw66]{width:13%}.plan-pdf-table th:nth-child(3)[b-w9rphyaw66]{width:17%}.plan-pdf-table th:nth-child(4)[b-w9rphyaw66]{width:42%}.plan-pdf-table th:nth-child(5)[b-w9rphyaw66]{width:7%}.plan-pdf-table th:nth-child(6)[b-w9rphyaw66]{width:9%}.plan-pdf-day[b-w9rphyaw66]{background:#f4f8f6;text-align:center}.plan-pdf-day b[b-w9rphyaw66],.plan-pdf-day span[b-w9rphyaw66]{display:block}.plan-pdf-day span[b-w9rphyaw66]{margin-top:2px;color:#71857d;font-size:8px}.plan-pdf-kind[b-w9rphyaw66],.plan-pdf-status[b-w9rphyaw66]{display:inline-block;padding:3px 6px;border-radius:999px;background:#edf4f1;color:#315c4e;font-size:7px;font-weight:800}.plan-pdf-kind.hifz[b-w9rphyaw66]{background:#e5f4ed;color:#176b50}.plan-pdf-kind.minor[b-w9rphyaw66]{background:#e8f1f8;color:#2f6485}.plan-pdf-kind.major[b-w9rphyaw66]{background:#fbf0d8;color:#8d651b}.plan-pdf-status.done[b-w9rphyaw66]{background:#dff2e8;color:#126247}.plan-pdf-week footer[b-w9rphyaw66]{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding-top:7px;border-top:1px solid #dce8e2;color:#71857d;font-size:8px}.plan-pdf-week footer b[b-w9rphyaw66]{color:#315c4e}.plan-pdf-week.dense[b-w9rphyaw66]{padding:8mm}.plan-pdf-week.dense .plan-pdf-summary[b-w9rphyaw66]{margin-block:7px}.plan-pdf-week.dense .plan-pdf-table[b-w9rphyaw66]{font-size:7px}.plan-pdf-week.dense .plan-pdf-table td[b-w9rphyaw66]{padding:2px 4px;line-height:1.2}.plan-pdf-week.dense .plan-pdf-kind[b-w9rphyaw66],.plan-pdf-week.dense .plan-pdf-status[b-w9rphyaw66]{padding:2px 4px;font-size:6px}.plan-pdf-state[b-w9rphyaw66]{max-width:720px;margin:80px auto;padding:35px;border:1px solid #d6e4dd;border-radius:20px;background:#fff;text-align:center}.plan-pdf-state.error[b-w9rphyaw66]{border-color:#ebc4c4}.plan-pdf-state a[b-w9rphyaw66]{color:#176b50;font-weight:800}

@media print{.plan-pdf-toolbar[b-w9rphyaw66]{display:none!important}.plan-pdf-document[b-w9rphyaw66]{padding:0;background:#fff}.plan-pdf-week[b-w9rphyaw66]{width:100%;max-width:none;min-height:0;margin:0;padding:8mm;border:0;border-radius:0;box-shadow:none}.plan-pdf-week.dense[b-w9rphyaw66]{padding:5mm}.plan-pdf-state[b-w9rphyaw66]{margin:0;border:0}.plan-pdf-table tr[b-w9rphyaw66]{break-inside:avoid;page-break-inside:avoid}}

@page{size:A4 portrait;margin:7mm}
/* /Components/Pages/Progress.razor.rz.scp.css */
.pending-ward-panel[b-s5wtdzme4i] { display: grid; gap: 16px; }
.pending-ward-list[b-s5wtdzme4i] { display: grid; gap: 10px; }
.pending-ward-row[b-s5wtdzme4i] { display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: center; gap: 16px; padding: 14px 16px; border: 1px solid #ead5a5; border-radius: 14px; background: #fffaf0; }
.pending-ward-row > div:first-child[b-s5wtdzme4i] { display: grid; gap: 3px; }
.pending-ward-row small[b-s5wtdzme4i],.pending-ward-row span[b-s5wtdzme4i] { color: var(--muted); }
@media (max-width:700px){.pending-ward-row[b-s5wtdzme4i]{grid-template-columns:1fr}.pending-ward-row .row-actions[b-s5wtdzme4i]{justify-content:flex-start}}
/* /Components/Pages/StudentProgress.razor.rz.scp.css */
.term-selector[b-gueh41p3yo] {
    display: grid;
    gap: 6px;
    min-width: 220px;
    color: var(--muted);
    font-size: 12px;
}

.term-selector select[b-gueh41p3yo] { min-height: 42px; }

.student-simple-record[b-gueh41p3yo] {
    display: grid;
    gap: 18px;
}

.student-simple-header[b-gueh41p3yo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.student-simple-header h2[b-gueh41p3yo] { margin: 4px 0; }
.student-simple-header p[b-gueh41p3yo] { color: var(--muted); }

.student-calendar-toolbar[b-gueh41p3yo] {
    display: grid;
    grid-template-columns: minmax(118px, auto) minmax(180px, 1fr) minmax(118px, auto);
    align-items: center;
    gap: 14px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface-subtle);
}

.student-calendar-toolbar > div[b-gueh41p3yo] { text-align: center; }
.student-calendar-toolbar b[b-gueh41p3yo],
.student-calendar-toolbar small[b-gueh41p3yo] { display: block; }
.student-calendar-toolbar b[b-gueh41p3yo] { color: var(--ink); font-size: 17px; }
.student-calendar-toolbar small[b-gueh41p3yo] { margin-top: 3px; color: var(--muted); }
.student-calendar-toolbar button:disabled[b-gueh41p3yo] { cursor: not-allowed; opacity: .45; }

.student-calendar-summary[b-gueh41p3yo] {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.student-calendar-summary span[b-gueh41p3yo] {
    padding: 7px 13px;
    border: 1px solid var(--line);
    border-radius: 999px;
    color: var(--muted);
    background: var(--surface);
}

.student-calendar-summary b[b-gueh41p3yo] { color: var(--ink); }

.student-month-calendar[b-gueh41p3yo] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface);
}

.student-calendar-weekdays[b-gueh41p3yo],
.student-calendar-days[b-gueh41p3yo] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.student-calendar-weekdays[b-gueh41p3yo] {
    background: var(--surface-subtle);
    border-bottom: 1px solid var(--line);
}

.student-calendar-weekdays span[b-gueh41p3yo] {
    min-width: 0;
    padding: 10px 4px;
    color: var(--muted);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.student-calendar-empty[b-gueh41p3yo],
.student-calendar-day[b-gueh41p3yo] {
    min-width: 0;
    min-height: 88px;
    border: 0;
    border-inline-start: 1px solid var(--line);
    border-block-end: 1px solid var(--line);
    background: var(--surface);
}

.student-calendar-empty[b-gueh41p3yo] { background: var(--surface-subtle); opacity: .55; }

.student-calendar-day[b-gueh41p3yo] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 8px 4px;
    color: var(--ink);
    font: inherit;
    cursor: pointer;
    transition: background-color .18s ease, box-shadow .18s ease;
}

.student-calendar-days > :nth-child(7n)[b-gueh41p3yo] { border-inline-start: 0; }
.student-calendar-days > :nth-last-child(-n+7)[b-gueh41p3yo] { border-block-end: 0; }
.student-calendar-day:hover[b-gueh41p3yo] { background: var(--surface-subtle); }
.student-calendar-day:focus-visible[b-gueh41p3yo] { z-index: 2; outline: 3px solid color-mix(in srgb, var(--green) 45%, transparent); outline-offset: -3px; }
.student-calendar-day:disabled[b-gueh41p3yo] { cursor: not-allowed; opacity: .35; }
.student-calendar-day.today[b-gueh41p3yo] { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--gold) 70%, transparent); }
.student-calendar-day.selected[b-gueh41p3yo] { z-index: 1; background: color-mix(in srgb, var(--green) 11%, var(--surface)); box-shadow: inset 0 0 0 2px var(--green); }

.student-calendar-number[b-gueh41p3yo] {
    display: grid;
    place-items: center;
    width: 31px;
    height: 31px;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 800;
}

.student-calendar-day.today .student-calendar-number[b-gueh41p3yo] { background: var(--gold); color: #17221e; }
.student-calendar-day small[b-gueh41p3yo] { overflow: hidden; max-width: 100%; color: var(--muted); text-overflow: ellipsis; white-space: nowrap; }

.student-calendar-indicators[b-gueh41p3yo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 8px;
}

.student-calendar-indicators i[b-gueh41p3yo],
.student-calendar-legend i[b-gueh41p3yo] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--muted);
}

.student-calendar-indicators .attendance.present[b-gueh41p3yo],
.student-calendar-legend .attendance.present[b-gueh41p3yo],
.student-calendar-indicators .ward.done[b-gueh41p3yo],
.student-calendar-legend .ward.done[b-gueh41p3yo] { background: var(--green); }
.student-calendar-indicators .attendance.late[b-gueh41p3yo],
.student-calendar-indicators .attendance.excused[b-gueh41p3yo],
.student-calendar-indicators .ward.partial[b-gueh41p3yo],
.student-calendar-indicators .ward.upcoming[b-gueh41p3yo] { background: var(--gold); }
.student-calendar-indicators .attendance.absent[b-gueh41p3yo],
.student-calendar-indicators .ward.missed[b-gueh41p3yo],
.student-calendar-legend .ward.missed[b-gueh41p3yo] { background: var(--danger); }
.student-calendar-indicators .evaluation[b-gueh41p3yo],
.student-calendar-legend .evaluation[b-gueh41p3yo] { background: #367fbd; }

.student-calendar-legend[b-gueh41p3yo] {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
    color: var(--muted);
    font-size: 12px;
}

.student-calendar-legend span[b-gueh41p3yo] { display: inline-flex; align-items: center; gap: 6px; }

.student-calendar-popout[b-gueh41p3yo] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(7, 20, 15, .7);
    backdrop-filter: blur(5px);
}

.student-calendar-detail[b-gueh41p3yo] {
    width: min(820px, 100%);
    max-height: min(84vh, 720px);
    overflow-y: auto;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: var(--surface-subtle);
    box-shadow: 0 22px 70px rgba(0, 0, 0, .3);
    animation: student-calendar-popout-in-b-gueh41p3yo .18s ease-out;
}

@keyframes student-calendar-popout-in-b-gueh41p3yo {
    from { opacity: 0; transform: translateY(12px) scale(.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

.student-calendar-detail > header[b-gueh41p3yo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.student-calendar-detail h3[b-gueh41p3yo],
.student-calendar-detail h4[b-gueh41p3yo] { margin: 4px 0; }
.student-calendar-note[b-gueh41p3yo] { margin-top: 12px !important; }

.student-calendar-detail-actions[b-gueh41p3yo] {
    display: flex;
    align-items: center;
    gap: 9px;
}

.student-calendar-close[b-gueh41p3yo] {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0 0 3px;
    border: 1px solid var(--line);
    border-radius: 11px;
    background: var(--surface);
    color: var(--ink);
    font: 700 24px/1 inherit;
    cursor: pointer;
}

.student-calendar-close:hover[b-gueh41p3yo] { color: var(--danger); border-color: var(--danger); }
.student-calendar-close:focus-visible[b-gueh41p3yo] { outline: 3px solid color-mix(in srgb, var(--green) 45%, transparent); outline-offset: 2px; }

.student-calendar-detail-grid[b-gueh41p3yo] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 16px;
}

.student-calendar-detail-grid > div[b-gueh41p3yo] { min-width: 0; }
.student-calendar-ward[b-gueh41p3yo],
.student-calendar-evaluation[b-gueh41p3yo] {
    display: grid;
    gap: 6px;
    margin-top: 9px;
    padding: 12px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: var(--surface);
}

.student-calendar-ward > div[b-gueh41p3yo],
.student-calendar-evaluation[b-gueh41p3yo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.student-calendar-ward small[b-gueh41p3yo],
.student-calendar-evaluation small[b-gueh41p3yo] { display: block; color: var(--muted); }
.student-calendar-ward p[b-gueh41p3yo] { margin: 0; }
.student-calendar-evaluation strong[b-gueh41p3yo] { color: var(--green); white-space: nowrap; }
.student-calendar-prompt[b-gueh41p3yo] { text-align: center; }

.student-record-pill[b-gueh41p3yo] {
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
}

.student-record-pill.present[b-gueh41p3yo] { color: var(--green); }
.student-record-pill.late[b-gueh41p3yo],
.student-record-pill.excused[b-gueh41p3yo] { color: var(--gold); }
.student-record-pill.absent[b-gueh41p3yo] { color: var(--danger); }
.student-record-pill.unmarked[b-gueh41p3yo],
.muted-text[b-gueh41p3yo] { color: var(--muted); }

@media (max-width: 700px) {
    .term-selector[b-gueh41p3yo] { width: 100%; min-width: 0; }
    .student-simple-header[b-gueh41p3yo] { align-items: stretch; flex-direction: column; }
    .student-calendar-toolbar[b-gueh41p3yo] { grid-template-columns: 1fr 1.25fr 1fr; gap: 6px; padding: 8px; }
    .student-calendar-toolbar .secondary-btn[b-gueh41p3yo] { padding-inline: 6px; font-size: 11px; }
    .student-calendar-toolbar b[b-gueh41p3yo] { font-size: 14px; }
    .student-calendar-toolbar small[b-gueh41p3yo] { font-size: 9px; }
    .student-calendar-weekdays span[b-gueh41p3yo] { padding-inline: 1px; font-size: 9px; }
    .student-calendar-empty[b-gueh41p3yo],
    .student-calendar-day[b-gueh41p3yo] { min-height: 62px; }
    .student-calendar-day[b-gueh41p3yo] { gap: 2px; padding: 5px 1px; }
    .student-calendar-number[b-gueh41p3yo] { width: 25px; height: 25px; font-size: 12px; }
    .student-calendar-day small[b-gueh41p3yo] { font-size: 8px; }
    .student-calendar-indicators[b-gueh41p3yo] { gap: 2px; }
    .student-calendar-indicators i[b-gueh41p3yo] { width: 5px; height: 5px; }
    .student-calendar-detail-grid[b-gueh41p3yo] { grid-template-columns: 1fr; }
    .student-calendar-popout[b-gueh41p3yo] { align-items: end; padding: 10px; }
    .student-calendar-detail[b-gueh41p3yo] { width: 100%; max-height: 88vh; padding: 13px; border-radius: 18px 18px 13px 13px; }
    .student-calendar-detail > header[b-gueh41p3yo] { align-items: flex-start; }
    .student-calendar-detail h3[b-gueh41p3yo] { font-size: 16px; }
    .student-calendar-detail-actions[b-gueh41p3yo] { align-items: flex-end; flex-direction: column-reverse; }
}
/* /Components/Pages/StudentWard.razor.rz.scp.css */
.student-ward-panel[b-1v5pdeiolu] { display: grid; gap: 18px; }
.student-ward-loading[b-1v5pdeiolu] { padding: 28px; text-align: center; color: var(--muted); }
.student-ward-date-stepper[b-1v5pdeiolu] { margin-block: 2px 4px; }
.student-ward-list[b-1v5pdeiolu] { display: grid; gap: 12px; }
.student-ward-item[b-1v5pdeiolu] { grid-template-columns: 1fr; padding: 4px; }
.student-ward-item .plan-requirement-check[b-1v5pdeiolu] { width: 100%; }
.student-ward-item.pending[b-1v5pdeiolu] { border-color: #d8b45c; background: linear-gradient(135deg,#fffaf0,#f2faf5); }
.student-ward-item.pending .plan-requirement-check strong[b-1v5pdeiolu] { color: #9b6b12; }
@media (max-width: 680px){.student-ward-date-stepper[b-1v5pdeiolu]{margin-inline:0}.student-ward-item[b-1v5pdeiolu]{padding:3px}}
/* /Components/Pages/SupervisorAttendance.razor.rz.scp.css */
.attendance-radius[b-5ateaung20]{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border:1px solid rgba(184,135,38,.25);border-radius:999px;background:#fff8e7;color:#805f18;font-weight:800;white-space:nowrap}
.attendance-radius svg[b-5ateaung20]{width:1.1rem;height:1.1rem}
.attendance-location-panel[b-5ateaung20],.supervisor-attendance-report[b-5ateaung20]{display:grid;gap:1rem}
.attendance-location-controls[b-5ateaung20]{display:grid;gap:1rem}
.attendance-location-controls>label[b-5ateaung20]{max-width:420px}
.location-capture-card[b-5ateaung20]{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;border:1px dashed #b8d1c5;border-radius:18px;background:rgba(247,251,249,.82)}
.location-capture-card.is-ready[b-5ateaung20]{border-style:solid;border-color:#78b598;background:linear-gradient(145deg,#effaf4,#fffaf0)}
.location-capture-card>span[b-5ateaung20]{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#e5f4ed;color:#176b50}
.location-capture-card>span svg[b-5ateaung20]{width:1.35rem;height:1.35rem}
.location-capture-card>div[b-5ateaung20]{display:grid;gap:.2rem}.location-capture-card small[b-5ateaung20]{color:var(--muted)}
.approved-location-grid[b-5ateaung20]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.approved-location-card[b-5ateaung20]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:1rem;border:1px solid #d8e7df;border-radius:18px;background:linear-gradient(145deg,#fbfefc,#f5faf7)}.approved-location-card>div[b-5ateaung20]{grid-column:1/-1;display:flex;align-items:center;gap:.65rem}.approved-location-card>div span[b-5ateaung20]{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e5f4ed;color:#176b50;font-weight:900}.approved-location-card label[b-5ateaung20]{font-size:.76rem;color:var(--muted)}.approved-location-card input[b-5ateaung20]{margin-top:.4rem;text-align:left}.approved-location-card .maps-link-field[b-5ateaung20]{grid-column:1/-1}.approved-location-card .maps-link-btn[b-5ateaung20]{grid-column:1/-1;justify-self:start}
.attendance-report-filters[b-5ateaung20]{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr)) auto;align-items:end;gap:.8rem}
.attendance-report-table-wrap[b-5ateaung20]{overflow:auto;border:1px solid var(--line);border-radius:16px}
.attendance-report-table-wrap table[b-5ateaung20]{margin:0;min-width:920px}
@media(max-width:760px){.attendance-radius[b-5ateaung20]{white-space:normal}.approved-location-grid[b-5ateaung20]{grid-template-columns:1fr}.approved-location-card[b-5ateaung20]{grid-template-columns:1fr}.location-capture-card[b-5ateaung20]{grid-template-columns:auto 1fr}.location-capture-card .primary-btn[b-5ateaung20],.location-capture-card .secondary-btn[b-5ateaung20]{width:100%}.attendance-report-filters[b-5ateaung20]{grid-template-columns:1fr}.attendance-report-filters .primary-btn[b-5ateaung20]{width:100%}.attendance-report-table-wrap[b-5ateaung20]{overflow:visible;border:0}.attendance-report-table-wrap table[b-5ateaung20]{min-width:0}}
/* /Components/Pages/Supervisors.razor.rz.scp.css */
.teacher-permissions[b-r19trhs5ze] {
    display: grid;
    gap: 16px;
    padding: 18px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
    border-radius: 0;
    background: transparent;
}

.supervisor-edit-form[b-r19trhs5ze],
.supervisor-reactivation-form[b-r19trhs5ze] { scroll-margin-top: 96px; }

.permission-heading small[b-r19trhs5ze],
.permission-option small[b-r19trhs5ze] { color: var(--muted); }

.permission-presets[b-r19trhs5ze] { display: flex; flex-wrap: wrap; gap: 8px; }

.permission-group[b-r19trhs5ze] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 16px;
    padding-top: 12px;
    border-top: 1px solid var(--line);
}

.permission-group > strong[b-r19trhs5ze] { grid-column: 1 / -1; color: var(--green); }
.permission-option[b-r19trhs5ze] { align-items: flex-start; margin-top: 0; padding: 10px; border-radius: 10px; background: white; }
.permission-option span[b-r19trhs5ze] { min-width: 0; }

.switch-item[b-r19trhs5ze] {
    cursor: pointer;
    user-select: none;
}

.switch-item input[type="checkbox"][b-r19trhs5ze] {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    width: 40px !important;
    min-width: 40px;
    height: 10px !important;
    min-height: 10px !important;
    margin: 0 !important;
    border: 1px solid #cbd5d1;
    border-radius: 999px;
    background: #dfe6e3;
    box-shadow: none;
    cursor: pointer;
    transition: background-color .22s ease, border-color .22s ease;
}

.switch-item input[type="checkbox"][b-r19trhs5ze]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #fff;
    box-shadow: none;
    transform: translateY(-50%);
    transition: transform .22s cubic-bezier(.4, 0, .2, 1);
}

.switch-item input[type="checkbox"]:checked[b-r19trhs5ze] {
    border-color: var(--green);
    background: var(--green);
    box-shadow: none;
}

.switch-item input[type="checkbox"]:checked[b-r19trhs5ze]::before { transform: translate(21px, -50%); }
.switch-item:hover input[type="checkbox"][b-r19trhs5ze] { border-color: #b88932; background: #c89d48; }
.switch-item input[type="checkbox"]:focus-visible[b-r19trhs5ze] { outline: 3px solid rgba(47, 143, 112, .28); outline-offset: 3px; }

.circle-switch[b-r19trhs5ze] {
    min-height: 38px;
    margin-top: 4px;
    padding: 7px 2px;
    border: 0;
    border-bottom: 1px solid #edf1ef;
    border-radius: 0;
    background: transparent;
    transition: color .2s ease;
}

.circle-switch:has(input:checked)[b-r19trhs5ze] {
    color: #125c48;
    font-weight: 700;
}

.switch-item.permission-option[b-r19trhs5ze] {
    align-items: center;
    border: 1px solid #edf2ef;
    background: #fff;
    box-shadow: none;
    transition: border-color .2s ease;
}

.switch-item.permission-option > span b[b-r19trhs5ze] {
    color: var(--muted);
    transition: color .2s ease;
}

.switch-item.permission-option > span small[b-r19trhs5ze] { color: var(--muted-soft); font-size: 11px; line-height: 1.65; }

.switch-item.permission-option:has(input:checked)[b-r19trhs5ze] {
    border-color: #d8e6df;
    background: #fff;
    box-shadow: none;
}

.switch-item.permission-option:has(input:checked) > span b[b-r19trhs5ze] { color: var(--green); }
.switch-item.permission-option:has(input:checked) > span small[b-r19trhs5ze] { color: var(--muted); }

@media (max-width: 700px) {
    .permission-group[b-r19trhs5ze] { grid-template-columns: 1fr; }
}
/* /Components/PlanTimelineView.razor.rz.scp.css */
.plan-timeline[b-k6fk0y7b7c] {
    min-width: 0;
    max-width: 100%;
}

.plan-timeline .monthly-week-header > span[b-k6fk0y7b7c] {
    color: var(--green);
    font-weight: 800;
}

.timeline-component-rates[b-k6fk0y7b7c] {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: center !important;
    justify-content: flex-end;
    gap: 6px !important;
}

.timeline-component-rates > b[b-k6fk0y7b7c] {
    padding: 5px 9px;
    border-radius: 999px;
    background: #fff3cf;
    color: #866319;
    font-size: 11px;
    white-space: nowrap;
}

.timeline-box-number[b-k6fk0y7b7c] {
    display: block;
    width: fit-content;
    margin: 8px 14px 2px;
    padding: 3px 8px;
    border: 1px solid #dbe8e1;
    border-radius: 7px;
    background: #f7faf8;
    color: var(--green);
    font-size: 11px;
    font-weight: 800;
}

.timeline-requirement[b-k6fk0y7b7c] {
    overflow-wrap: anywhere;
}

.timeline-requirement .requirement-table[b-k6fk0y7b7c] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.timeline-status[b-k6fk0y7b7c] {
    display: block;
    width: fit-content;
    margin-top: 5px;
    color: var(--muted) !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}

.timeline-requirement.completed .timeline-status[b-k6fk0y7b7c] {
    color: #176b50 !important;
}

.timeline-pending[b-k6fk0y7b7c] {
    margin-top: 18px;
    padding: 12px;
    border: 1px solid #ead9aa;
    border-radius: 12px;
    background: #fffaf0;
}

.timeline-pending summary[b-k6fk0y7b7c] {
    cursor: pointer;
    color: #866319;
}

@media (max-width: 800px) {
    .timeline-component-rates[b-k6fk0y7b7c] {
        justify-content: flex-start;
    }

    .timeline-box-number[b-k6fk0y7b7c] {
        margin-inline: 12px;
    }
}
/* /Components/SupervisorSelfAttendance.razor.rz.scp.css */
.supervisor-self-checkin[b-zrhnc8kjqn]{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;border-color:rgba(23,107,80,.2);background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(235,248,241,.84))}
.supervisor-self-checkin.is-checked[b-zrhnc8kjqn]{border-color:#83bda3;background:linear-gradient(145deg,#f7fcf9,#eef8f2)}
.supervisor-checkin-icon[b-zrhnc8kjqn]{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:linear-gradient(145deg,#176b50,#248667);color:#fff;box-shadow:0 10px 24px rgba(23,107,80,.18)}
.supervisor-checkin-icon svg[b-zrhnc8kjqn]{width:1.6rem;height:1.6rem}
.supervisor-checkin-copy[b-zrhnc8kjqn]{display:grid;gap:.28rem;min-width:0}.supervisor-checkin-copy h2[b-zrhnc8kjqn],.supervisor-checkin-copy p[b-zrhnc8kjqn]{margin:0}.supervisor-checkin-copy p[b-zrhnc8kjqn],.supervisor-checkin-copy small[b-zrhnc8kjqn]{color:var(--muted)}
.supervisor-checkin-actions[b-zrhnc8kjqn]{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}
@media(max-width:760px){.supervisor-self-checkin[b-zrhnc8kjqn]{grid-template-columns:auto minmax(0,1fr)}.supervisor-checkin-actions[b-zrhnc8kjqn]{grid-column:1/-1;display:grid;grid-template-columns:1fr}.supervisor-checkin-actions .primary-btn[b-zrhnc8kjqn],.supervisor-checkin-actions .secondary-btn[b-zrhnc8kjqn]{width:100%;text-align:center}}