@font-face {
    font-family: "Inter Staff";
    src: url("../fonts/InterVariable.woff2") format("woff2");
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
.password-visibility-wrap { position: relative; min-width: 0; }
.password-visibility-wrap .password-visibility-input { padding-right: 3.25rem; width: 100%; }
.password-visibility-wrap .password-visibility-toggle {
    position: absolute; inset: 50% 0.35rem auto auto; transform: translateY(-50%);
    display: grid; place-items: center; width: 2.5rem; height: 2.5rem;
    min-width: 0; padding: 0; border: 0; border-radius: 6px;
    background: transparent; color: inherit;
}
.password-visibility-toggle .eye-slash { display: none; }
.password-visibility-toggle.is-revealed .eye-slash { display: block; }
.password-visibility-toggle:hover { background: rgb(84 201 244 / 14%); }
.password-visibility-toggle:focus-visible { outline: 2px solid #54c9f4; outline-offset: 1px; }
.form-pending-status { display: inline-block; margin: 6px 10px; font-size: 12px; }
.is-submitting { opacity: .7; cursor: progress; }
.is-submitting::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 7px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%; vertical-align: -1px; animation: submit-spin .7s linear infinite; }
@keyframes submit-spin { to { transform: rotate(360deg); } }

.staff-workspace {
    --font-main: "Inter Staff", "Segoe UI", Arial, sans-serif;
    --bg: #f8f9fb; --text: #172a40; --muted: #647384;
    --surface: #fff; --surface-strong: #fff; --surface-soft: #eef3f7;
    --border: #d9e2e9; --border-strong: #b6c6d2;
    --radius: 8px; --radius-sm: 6px; --shadow: 0 2px 8px rgb(1 27 60 / 4%);
    background: #f8f9fb; color: #172a40;
    font-family: var(--font-main); font-size: 14px; line-height: 1.6;
    font-optical-sizing: auto; -webkit-font-smoothing: antialiased;
    padding-left: 232px; min-height: 100vh; letter-spacing: 0;
    --bs-body-color: #172a40; --bs-secondary-color: #586a7e; --bs-border-color: #d9e2e9;
}
.staff-workspace *, .staff-workspace *::before, .staff-workspace *::after { letter-spacing: 0 !important; }
.staff-workspace::before, .staff-workspace::after { display: none; }
.staff-workspace .tech-grid, .staff-workspace .brand-atmosphere,
.staff-workspace .signal-line, .staff-workspace .dashboard-mascot { display: none; }
.staff-workspace .topbar {
    position: relative; top: auto; z-index: 100;
    background: #fff; border-bottom: 1px solid #d9e2e9; backdrop-filter: none; box-shadow: none;
}
.staff-workspace .container-xl { max-width: 1640px; padding-inline: 36px; }
.staff-workspace .topbar .navbar {
    min-height: 72px; padding: 12px 0; display: flex; gap: 16px; flex-wrap: nowrap;
}
.staff-workspace .topbar .brand-mark, .staff-workspace .topbar .navbar-nav,
.staff-workspace .topbar .nav-toggle { display: none !important; }
.staff-workspace .topbar .navbar-collapse { display: flex !important; flex: 1; justify-content: flex-end; min-width: 0; }
.staff-page-title { display: flex; align-items: center; gap: 14px; font-size: 12px; font-weight: 400; flex: 0 1 auto; overflow-wrap: anywhere; color: #728091; }
.staff-page-title strong { font-weight: 550; color: #334758; }
.staff-page-title > span:first-child { white-space: nowrap; }
.staff-workspace .topbar-actions { display: flex; align-items: center; justify-content: flex-end; gap: 12px; flex-wrap: wrap; }
.staff-workspace .account-toolbar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.staff-workspace .account-chip {
    padding: 0 8px; border: 0; background: none; box-shadow: none; min-width: 0; max-width: 190px;
}
.staff-workspace .account-chip-label { color: #586a7e; font-size: 10px; }
.staff-workspace .account-chip strong { color: #172a40; font-size: 12px; overflow-wrap: anywhere; }
.staff-workspace .language-switcher { padding: 3px; background: #f0f3f6; border: 1px solid #e4e9ee; border-radius: 6px; gap: 2px; box-shadow: none; }
.staff-workspace .language-switcher-label { display: none; }
.staff-workspace .language-chip { color: #586a7e; border-radius: 4px; padding: 5px 9px; font-size: 11px; }
.staff-workspace .language-chip.is-active { background: #fff; color: #172a40; box-shadow: 0 1px 3px rgb(1 27 60 / 12%); }
.staff-workspace .notification-center-link {
    color: #344b62; background: transparent; border: 0; border-radius: 6px; padding: 6px 9px; box-shadow: none;
}
.staff-workspace .notification-center-link-count { background: #e7f4fb; color: #174c69; }
.staff-workspace .notification-center-link.has-unread .notification-center-link-count { background: #f47820; color: #011b3c; }
.staff-sidebar {
    position: fixed; inset: 0 auto 0 0; width: 232px; z-index: 110;
    display: flex; flex-direction: column; background: #011b3c; color: #e7eef6;
    border-right: 1px solid #163653;
}
.staff-brand { display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(0, 1fr); align-items: center; justify-items: center; gap: 8px 16px; padding: 22px 24px 18px; color: #adc5dc; text-decoration: none; }
.staff-brand img { object-fit: contain; }
.staff-brand-logo { width: 100%; max-width: 98px; height: 62px; }
.staff-brand-rocko { width: 100%; max-width: 62px; height: 47px; }
.staff-brand span { grid-column: 1 / -1; font-size: 11px; line-height: 1.5; text-align: center; }
.staff-sidebar nav { overflow-y: auto; min-height: 0; flex: 1; padding: 0 14px 12px; scrollbar-width: thin; scrollbar-color: #34546b #011b3c; }
.staff-nav-group { padding-top: 15px; }
.staff-nav-group > p { margin: 0 12px 8px; color: #8ba9c3; font-size: 10px; font-weight: 550; text-transform: uppercase; }
.staff-nav-link {
    display: flex; align-items: center; justify-content: flex-start; gap: 12px; min-height: 36px;
    padding: 7px 12px; color: #c5d2e0; text-decoration: none; font-size: 12px; font-weight: 450; border-radius: 6px; margin-block: 3px;
    position: relative; transition: color .16s, background-color .16s;
}
.staff-nav-link:hover { background: #123653; color: #fff; }
.staff-nav-link.is-current { background: #153653; color: #fff; font-weight: 600; }
.staff-nav-link.is-current::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 3px; border-radius: 2px; background: #54c9f4; }
.staff-nav-link .staff-icon { width: 18px; height: 18px; color: #8aaac5; }
.staff-nav-link.is-current .staff-icon { color: #54c9f4; }
.staff-nav-arrow { font-size: 17px; opacity: .5; }
.staff-nav-link.is-current .staff-nav-arrow { opacity: 1; }
.staff-sidebar-footer { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-top: 1px solid #24415c; }
.staff-sidebar-footer img { object-fit: contain; }
.staff-sidebar-footer span { font-size: 11px; line-height: 1.4; color: #a9c1d7; }
.staff-menu-toggle, .staff-nav-backdrop { display: none; }
.staff-workspace .page-shell { padding: 34px 0 48px; min-height: calc(100vh - 134px); }
.staff-workspace .page-footer { margin: 0; padding: 18px 0; border-top: 1px solid #d9e2e9; background: #eef2f5; color: #586a7e; font-size: 11px; }
.staff-workspace .page-footer .footer-brand { display: none; }
.staff-workspace h1, .staff-workspace h2, .staff-workspace h3,
.staff-workspace h4, .staff-workspace h5 { color: #172a40; font-weight: 650; overflow-wrap: anywhere; }
.staff-workspace h1 { font-size: 30px; line-height: 1.2; font-weight: 650; }
.staff-workspace h2.h3, .staff-workspace .h3 { font-size: 21px; }
.staff-workspace .h4 { font-size: 18px; }
.staff-workspace .h5 { font-size: 16px; }
.staff-workspace .text-light-emphasis { color: #586a7e !important; }
.staff-workspace .alert { border-radius: 6px; box-shadow: none; padding: 14px 16px; font-size: 13px; }
.staff-workspace .alert-success { color: #24532b; background: #e9f4e4; border: 1px solid #b7d7a6; }
.staff-workspace .alert-danger { color: #8c2631; background: #fff0f1; border: 1px solid #e6bbc0; }
.staff-workspace .field-validation-error, .staff-workspace .validation-summary-errors { color: #ad283c; }
.staff-workspace .eyebrow, .staff-workspace .mini-label { color: #5c7487; font-size: 11px; font-weight: 550; text-transform: none; }
.staff-workspace .dashboard-banner {
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px;
    min-height: 0; padding: 0 0 8px; border: 0;
    border-radius: 0; box-shadow: none; background: transparent;
}
.staff-workspace .dashboard-banner::before, .staff-workspace .dashboard-banner::after { display: none; }
.staff-workspace .dashboard-banner-copy { display: block; text-align: left; }
.staff-workspace .dashboard-banner p { max-width: 740px; font-size: 13px; }
.staff-workspace .dashboard-banner-side { display: flex; align-items: center; gap: 8px; }
.staff-workspace .metric-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 42px !important; }
.staff-workspace .metric-card { background: #fff; border: 1px solid #e0e6ec; border-radius: 8px; padding: 20px; box-shadow: 0 2px 3px rgb(1 27 60 / 2%); min-width: 0; min-height: 162px; display: flex; flex-direction: column; }
.staff-workspace .metric-card > strong { color: #011b3c; font-size: 36px; line-height: 1.2; margin-top: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.staff-workspace .metric-breakdown { border-top: 1px solid #e4ebf0; margin-top: 10px; padding-top: 10px; }
.staff-workspace .metric-breakdown-item { color: #586a7e; font-size: 11px; gap: 6px; border: 0; border-radius: 0; background: none; padding: 0; }
.staff-workspace .metric-breakdown-item b { color: #172a40; }
.staff-workspace section.glass-card { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; }
.staff-workspace .glass-card:not(section), .staff-workspace .subtle-card {
    background: #fff; color: #172a40; border: 1px solid #e0e6ec; border-radius: 8px; padding: 24px; box-shadow: 0 2px 3px rgb(1 27 60 / 2%);
}
.staff-workspace .glass-card .glass-card, .staff-workspace .subtle-card .subtle-card {
    border: 0; border-radius: 0; padding: 12px 0; box-shadow: none; background: transparent;
}
.staff-workspace .glass-card.accent-card { border-left: 1px solid #e0e6ec; border-top: 3px solid var(--accent-color, #54c9f4); }
.staff-workspace .accent-card::before, .staff-workspace .accent-card::after { display: none; }
.staff-workspace .btn { display: inline-flex; justify-content: center; align-items: center; gap: 8px; border-radius: 6px !important; font-size: 12px; line-height: 1.5; font-weight: 550; padding: 9px 14px; transition: background-color .15s, border-color .15s, box-shadow .15s; }
.staff-workspace .btn-sm { font-size: 12px; padding: 6px 10px; }
.staff-workspace .btn-brand { background: #f47820; border: 1px solid #df6a18; color: #011b3c; box-shadow: 0 1px 2px rgb(133 57 0 / 12%), inset 0 1px 0 rgb(255 255 255 / 24%); }
.staff-workspace .btn-brand:hover { background: #e96b13; color: #011b3c; transform: none; }
.staff-workspace .btn-outline-light { border: 1px solid #d3dce4; background: #fff; color: #344b62; box-shadow: 0 1px 2px rgb(1 27 60 / 4%); }
.staff-workspace .btn-outline-light:hover { background: #edf4f8; border-color: #7696ad; color: #011b3c; transform: none; }
.staff-workspace .btn:focus-visible, .staff-workspace a:focus-visible { outline: 3px solid #54c9f4; outline-offset: 2px; }
.staff-workspace .btn:disabled, .staff-workspace .btn.disabled { opacity: .5; }
.staff-workspace .form-label { font-size: 12px; color: #344b62; font-weight: 600; }
.staff-workspace .form-control, .staff-workspace .form-select {
    background-color: #fff; color: #172a40; border: 1px solid #cfd9e2; border-radius: 6px; font-size: 13px; min-height: 40px;
}
.staff-workspace .form-control::placeholder { color: #718294; }
.staff-workspace .form-control:focus, .staff-workspace .form-select:focus { border-color: #259dc8; box-shadow: 0 0 0 3px rgb(84 201 244 / 18%); }
.staff-workspace .form-control:disabled, .staff-workspace .form-select:disabled { background-color: #eaf0f4; color: #657a8b; }
.staff-workspace .form-check-input { border-color: #9aaebe; }
.staff-workspace .form-check-input:checked { background-color: #0878a2; border-color: #0878a2; }
.staff-workspace select option { color: #172a40; background: #fff; }
.staff-workspace .table { --bs-table-color: #243e55; --bs-table-bg: #fff; --bs-table-border-color: #e0e7ed; --bs-table-hover-bg: #f0f7fb; color: #243e55; font-size: 13px; }
.staff-workspace .table > :not(caption) > * > * { padding: 16px; color: inherit; box-shadow: none; }
.staff-workspace .table thead th { color: #657488; background: #f8fafc; font-size: 11px; font-weight: 550; text-transform: none; white-space: nowrap; border-bottom: 1px solid #e2e8ef; }
.staff-workspace .table strong { font-weight: 550; }
.staff-workspace .table-subtitle { font-size: 11px; line-height: 1.6; color: #748291; }
.staff-workspace .table tbody tr:hover { background: #f5f9fc; }
.staff-workspace .table a:not(.btn) { color: #086f96; }
.staff-workspace .table-responsive { border: 1px solid #d9e2e9; border-radius: 8px; background: #fff; }
.staff-workspace .table-responsive .table { margin-bottom: 0; }
.staff-workspace .table td { border-bottom-color: #e0e7ed; }
.staff-workspace .badge { border-radius: 4px; padding: 4px 7px; font-weight: 550; font-size: 10px; }
.staff-workspace .text-bg-success { color: #255922 !important; background: #e2f2d6 !important; }
.staff-workspace .text-bg-dark, .staff-workspace .text-bg-secondary { color: #485c70 !important; background: #e7edf2 !important; }
.staff-workspace .text-bg-warning { color: #774611 !important; background: #fff0d1 !important; }
.staff-workspace .text-bg-danger { color: #8f2832 !important; background: #fce2e4 !important; }
.staff-workspace .text-bg-info, .staff-workspace .text-bg-primary { color: #155472 !important; background: #ddf1fa !important; }
.staff-workspace .modal-content { background: #fff; color: #172a40; border: 1px solid #d9e2e9; border-radius: 8px; }
.staff-workspace .modal-header, .staff-workspace .modal-footer { border-color: #d9e2e9; }
.staff-workspace .modal .btn-close { filter: none; }
.staff-workspace .list-group-item { color: #172a40; background: #fff; border-color: #d9e2e9; }
.staff-workspace .password-visibility-toggle { color: #46647b; }
.staff-workspace .auth-shell { min-height: 0; padding: 0; }
.staff-workspace .auth-console { display: block; width: 100%; max-width: 640px; margin: 0; }
.staff-workspace .auth-brand-panel { display: none; }
.staff-workspace .auth-card { padding: 28px; }
.staff-workspace .auth-card form { margin-top: 24px !important; }
.staff-workspace .calendar-shell { grid-template-columns: minmax(0, 1.8fr) minmax(240px, .8fr); gap: 20px; }
.staff-workspace .calendar-grid, .staff-workspace .calendar-weekdays { gap: 6px; }
.staff-workspace .calendar-day { min-height: 100px; padding: 10px; border-radius: 6px; background: #fff; border-color: #e3e9ee; }
.staff-workspace .calendar-day.has-sessions { background: #f0f9fc; border-color: #d0e9f3; }
.staff-workspace .calendar-day.is-today { border: 2px solid #f47820; box-shadow: none; }
.staff-workspace .calendar-day-stat { color: #195571; font-size: 24px; line-height: 1; }
.staff-workspace .calendar-day-stat-label, .staff-workspace .calendar-day-empty { color: #647b8e; font-weight: 500; }
.staff-workspace .calendar-day-peek-pill, .staff-workspace .calendar-day-overlay-stat { color: #195571; border-radius: 5px; }
.staff-workspace .calendar-day-state, .staff-workspace .calendar-day-overlay-stat.is-closure { color: #8f2832; border-radius: 4px; }
.staff-workspace .calendar-day-trigger:hover .calendar-day-open-hint { color: #195571; }
.staff-workspace .calendar-sidebar .calendar-agenda { max-height: 520px; overflow-y: auto; }
.staff-workspace .calendar-agenda-time, .staff-workspace .calendar-session-time { color: #087398; }
.staff-workspace .calendar-day-overlay {
    width: 100%; max-width: none; height: 100%; height: 100dvh; max-height: none;
    margin: 0; padding: 16px; border: 0; overflow: hidden;
    color: #172a40; background: rgb(1 17 38 / 48%); backdrop-filter: blur(4px);
}
.staff-workspace .calendar-day-overlay::backdrop { background: transparent; }
.staff-workspace .calendar-day-overlay-shell {
    width: min(1400px, 100%); max-height: 100%; overflow: visible; min-height: 0;
}
.staff-workspace .calendar-day-overlay-panel.glass-card {
    display: flex; flex-direction: column; min-height: 0;
    max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px);
    padding: 0; overflow: hidden; background: #fff;
    border: 1px solid #d9e2e9; border-radius: 8px;
    box-shadow: 0 24px 64px rgb(1 17 38 / 24%);
}
.staff-workspace .calendar-day-overlay-panel[hidden] { display: none !important; }
.staff-workspace .calendar-day-overlay-header {
    flex-shrink: 0; align-items: center; padding: 20px 24px; margin: 0;
    border-bottom: 1px solid #e3e9ee; gap: 16px;
}
.staff-workspace .calendar-day-overlay-header > div { min-width: 0; }
.staff-workspace .calendar-day-overlay-title { font-size: 24px; line-height: 1.25; overflow-wrap: anywhere; }
.staff-workspace .calendar-day-overlay-stats { margin-top: 8px; }
.staff-workspace .calendar-day-overlay-stat { padding: 4px 8px; }
.staff-workspace .calendar-day-overlay-actions { flex-shrink: 0; }
.staff-workspace .calendar-day-expanded-grid {
    flex: 1 1 auto; min-height: 0; padding: 20px 24px; overflow: auto;
    overscroll-behavior: contain; scrollbar-gutter: stable;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 1fr); align-items: start;
}
.staff-workspace .calendar-day-sidecard,
.staff-workspace .calendar-day-timeline-shell {
    border: 0; padding: 0; background: transparent; border-radius: 0; min-width: 0;
}
.staff-workspace .calendar-day-timeline-shell { overflow-x: auto; padding: 8px 0 12px; }
.staff-workspace .calendar-day-timeline {
    min-width: var(--timeline-min-width, 270px); overflow: visible; margin-top: 8px;
}
.staff-workspace .calendar-day-timeline-markers { inset: 12px 0; }
.staff-workspace .calendar-day-timeline-blocks { inset: 12px 8px 12px 82px; }
.staff-workspace .calendar-day-timeline-marker { grid-template-columns: 68px 1fr; gap: 8px; }
.staff-workspace .calendar-day-timeline-block {
    left: calc(100% * var(--timeline-lane, 0) / var(--timeline-lanes, 1)); right: auto;
    width: calc(100% / var(--timeline-lanes, 1) - 4px); min-height: 0;
    padding: 6px 10px; gap: 2px; overflow: auto; align-content: start;
    border-left: 3px solid #087398; overflow-wrap: anywhere;
}
.staff-workspace .calendar-day-timeline-block.is-link:hover { transform: none; }
.staff-workspace .calendar-day-timeline-title { font-size: 13px; line-height: 1.3; }
.staff-workspace .calendar-day-timeline-detail { font-size: 12px; }
.staff-workspace .calendar-day-empty-state {
    min-height: 160px; border: 1px dashed #d9e2e9; border-radius: 6px; color: #526b80;
}
.staff-workspace .calendar-day-overlay .btn-outline-warning {
    color: #825008; border-color: #d6b879; background: #fff9e9;
}
.staff-workspace .calendar-day-overlay .btn-outline-warning:hover { color: #593500; background: #ffedbc; }
.staff-workspace .calendar-day-sidecard, .staff-workspace .calendar-day-timeline-shell { background: transparent; border-color: #d9e2e9; }
.staff-workspace .calendar-day-timeline { background: #f4f7fa; border-color: #d9e2e9; border-radius: 6px; }
.staff-workspace .calendar-day-timeline-label, .staff-workspace .calendar-day-timeline-detail { color: #526b80; }
.staff-workspace .calendar-day-timeline-block, .staff-workspace .calendar-day-timeline-block.is-link:hover { background: #dff1fa; border-color: #8ecbdf; border-radius: 5px; color: #172a40; box-shadow: none; }
.staff-workspace .calendar-day-timeline-time { color: #195571; }
.staff-workspace .calendar-session-block { border-radius: 6px; }
.staff-workspace .calendar-session-block.is-link:hover, .staff-workspace .calendar-session-title-link:hover { color: #195571; }
.staff-workspace .admission-review-form .form-control[readonly],
.staff-workspace .admission-review-form .form-select:disabled {
    background: #eef3f6; color: #344b62; -webkit-text-fill-color: #344b62; border-color: #d0dce5; box-shadow: none;
}
.staff-workspace .admission-review-form fieldset[disabled] .form-label,
.staff-workspace .admission-review-form fieldset[disabled] .mini-label,
.staff-workspace .admission-review-form .form-check-input:disabled + .form-check-label { color: #344b62; }
.staff-workspace .rocko-assistant-bubble { width: 48px; height: 48px; right: 16px; bottom: 16px; background: #011b3c; box-shadow: 0 4px 12px rgb(1 27 60 / 15%); }
.staff-workspace .rocko-assistant-bubble img { width: 32px; height: 32px; }
.staff-workspace .rocko-assistant-panel { color: #f5f9ff; }
.staff-workspace .rocko-assistant-panel {
    background: #071735;
    bottom: 76px; right: 16px; left: auto; border-radius: 8px;
    width: min(400px, calc(100vw - 32px)); max-width: calc(100vw - 32px);
    min-width: min(320px, calc(100vw - 32px));
    min-height: min(384px, calc(100dvh - 96px));
    max-height: calc(100dvh - 96px);
}
.staff-workspace .rocko-assistant { z-index: 1040; }
.staff-workspace.staff-nav-open .rocko-assistant { visibility: hidden; }
.staff-workspace .rocko-assistant-header, .staff-workspace .rocko-assistant-form { flex-shrink: 0; }
.staff-workspace .rocko-assistant-panel h2, .staff-workspace .rocko-assistant-panel h3 { color: #f5f9ff; }
.staff-workspace .notifications-hero-chip { border-radius: 6px; }
.staff-workspace .notifications-hero-chip strong { color: #195571; }
.staff-workspace .admission-matches { padding: 18px 0; border-top: 2px solid #d6b879; border-bottom: 1px solid #d9e2e9; }
.staff-workspace .admission-match-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid #e3e9ee; }
.staff-workspace .admission-match-row > div { min-width: 0; overflow-wrap: anywhere; }
.staff-workspace .admission-match-actions { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: 8px; flex-shrink: 0; }
.staff-workspace .admission-match-badge { display: inline-flex; padding: 4px 8px; color: #825008; background: #fff5da; border: 1px solid #e8d49e; border-radius: 4px; font-size: 12px; text-decoration: none; }
.staff-workspace .admission-match-reasons { display: flex; flex-wrap: wrap; gap: 4px 16px; padding-left: 16px; margin: 8px 0 0; color: #526b80; font-size: 12px; }
@media (max-width: 600px) {
    .staff-workspace .admission-match-row { flex-direction: column; align-items: stretch; }
    .staff-workspace .admission-match-actions { justify-content: flex-start; }
}
.staff-workspace .student-profile-preview-line { border-color: #e3e9ee; border-radius: 6px; overflow-wrap: anywhere; }
.staff-workspace .student-profile-preview-line span { color: #526b80; }
.staff-workspace .student-profile-preview-modal .subtle-card { border: 0; padding: 0; box-shadow: none; background: transparent; border-radius: 0; }
.staff-workspace .student-profile-preview-modal .student-profile-preview-line { border: 0; border-top: 1px solid #e3e9ee; padding: 12px 0; border-radius: 0; }
.staff-workspace .student-profile-preview-modal .modal-title { overflow-wrap: anywhere; min-width: 0; }
.staff-workspace .student-profile-preview-modal .btn-close { flex-shrink: 0; }
@media (max-height: 520px) {
    .staff-workspace .rocko-assistant-intro { display: none; }
}

@media (max-width: 900px) {
    .staff-workspace .calendar-day-expanded-grid { grid-template-columns: 1fr; }
    .staff-workspace .calendar-day-overlay-header { align-items: flex-start; }
    .staff-workspace .calendar-day-overlay-actions { max-width: 240px; }
}
@media (max-width: 600px), (max-height: 520px) {
    .staff-workspace .calendar-day-overlay { padding: 8px; }
    .staff-workspace .calendar-day-overlay-panel.glass-card {
        max-height: calc(100vh - 16px); max-height: calc(100dvh - 16px);
    }
    .staff-workspace .calendar-day-overlay-header { padding: 12px; gap: 8px; flex-direction: column; }
    .staff-workspace .calendar-day-overlay-title { font-size: 20px; }
    .staff-workspace .calendar-day-overlay-header .eyebrow { display: none; }
    .staff-workspace .calendar-day-overlay-actions { max-width: none; width: 100%; justify-content: space-between; gap: 8px; }
    .staff-workspace .calendar-day-overlay-actions form { flex: 1; min-width: 0; }
    .staff-workspace .calendar-day-overlay-actions .btn { padding: 7px 10px !important; font-size: 11px; min-height: 36px; }
    .staff-workspace .calendar-day-expanded-grid { padding: 12px; }
    .staff-workspace .calendar-session-block { grid-template-columns: 1fr; gap: 6px; }
}
@media (max-width: 600px) {
    .staff-workspace .calendar-day-expanded-main:has(.calendar-day-timeline) { display: none; }
}
.staff-icon { flex: 0 0 auto; vertical-align: middle; }
.staff-workspace .btn .staff-icon { width: 17px; height: 17px; }
.staff-workspace .notification-center-link-label { display: none; }
.staff-account-avatar { display: grid; place-items: center; width: 32px; height: 32px; background: #e8f3fb; color: #236182; border: 1px solid #cce2ef; border-radius: 50%; font-size: 12px; font-weight: 650; flex-shrink: 0; }
.staff-workspace .staff-account-settings { width: 34px; height: 34px; padding: 0; border: 0; background: none; box-shadow: none; }
.staff-workspace .topbar-actions .account-toolbar { border-left: 1px solid #e0e6ec; padding-left: 14px; }
.staff-workspace .topbar .account-chip { padding-left: 0; }
.staff-workspace .topbar .account-chip-label { font-size: 9px; }
.staff-workspace .topbar .account-chip strong { font-size: 11px; font-weight: 500; }
.staff-workspace .dashboard-date { color: #778594; font-size: 12px; }
.metric-heading { display: flex; align-items: center; justify-content: space-between; gap: 8px; color: #5c6c7c; font-size: 12px; }
.staff-workspace .metric-card span { text-transform: none; font-size: inherit; color: inherit; }
.metric-heading > .staff-icon { width: 32px; height: 32px; padding: 7px; border-radius: 6px; }
.metric-cyan .metric-heading > .staff-icon { background: #e5f6fc; color: #157398; }
.metric-green .metric-heading > .staff-icon { background: #eef6e7; color: #54852c; }
.metric-orange .metric-heading > .staff-icon { background: #fff0e4; color: #b15a16; }
.metric-ink .metric-heading > .staff-icon { background: #edf0f5; color: #4d6281; }
.metric-link, .metric-bottom { display: flex; justify-content: space-between; align-items: center; gap: 6px; margin-top: 18px; font-size: 10px; color: #7b8995; text-decoration: none; }
.metric-link:hover, .metric-bottom a:hover { color: #0878a2; }
.metric-link .staff-icon, .metric-bottom .staff-icon { width: 15px; height: 15px; }
.metric-bottom a { color: inherit; }
.staff-overview-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .4fr); gap: 36px; align-items: start; }
.staff-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 60px; margin-bottom: 16px; }
.staff-section-heading h2 { font-size: 19px; margin: 6px 0 0; font-weight: 600; }
.staff-text-link { display: inline-flex; align-items: center; gap: 6px; color: #456075; font-size: 11px; text-decoration: none; }
.staff-text-link .staff-icon { width: 16px; height: 16px; }
.staff-agenda-list { border-top: 1px solid #dde5ec; }
.staff-agenda-item { display: grid; grid-template-columns: 58px minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 22px 0; border-bottom: 1px solid #e0e6ec; }
.staff-date-tile { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 58px; min-height: 76px; border: 1px solid #dce5ec; border-radius: 6px; background: #fff; color: #657b8c; line-height: 1.3; font-size: 10px; }
.staff-date-tile strong { font-size: 24px; font-weight: 550; color: #253e52; font-variant-numeric: tabular-nums; }
.staff-date-tile span:first-child { text-transform: uppercase; font-weight: 650; color: #197fa2; }
.staff-agenda-meta { display: flex; gap: 12px; align-items: center; color: #778796; font-size: 10px; }
.staff-agenda-meta > span { color: #53832e; }
.staff-agenda-copy { min-width: 0; }
.staff-agenda-copy h3 { font-size: 15px; font-weight: 600; margin: 4px 0; }
.staff-agenda-copy h3 a { color: inherit; text-decoration: none; }
.staff-agenda-copy h3 a:hover { color: #0878a2; text-decoration: underline; }
.staff-agenda-copy p { margin: 0; font-size: 11px; color: #71818f; overflow-wrap: anywhere; }
.staff-agenda-copy p > span { color: #b0bdc6; padding-inline: 4px; }
.staff-workspace .staff-agenda-action { font-size: 11px; padding: 8px 10px; }
.staff-campus-summary { padding-left: 28px; border-left: 1px solid #e0e6ec; }
.staff-campus-list { padding-top: 9px; }
.staff-campus-item { margin-bottom: 25px; }
.staff-campus-item > div:first-child { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 12px; color: #5a6c7b; }
.staff-campus-item strong { font-size: 16px; color: #253e52; font-weight: 550; font-variant-numeric: tabular-nums; }
.staff-campus-track { height: 5px; margin-top: 11px; background: #e6edf2; border-radius: 3px; overflow: hidden; }
.staff-campus-track > span { display: block; height: 100%; background: #54c9f4; border-radius: inherit; }
.staff-campus-item:nth-child(2) .staff-campus-track > span { background: #87c545; }
.staff-campus-item:nth-child(3) .staff-campus-track > span { background: #f47820; }
.staff-campus-link { display: flex; align-items: center; gap: 10px; padding-top: 20px; border-top: 1px solid #e0e6ec; text-decoration: none; color: #577083; font-size: 11px; }
.staff-campus-link > span { flex: 1; }
.staff-campus-link .staff-icon { width: 16px; height: 16px; }
.staff-empty-state { padding-block: 30px; color: #70818e; border-block: 1px solid #e0e6ec; }
.staff-workspace .page-hero { padding-bottom: 8px; }
.staff-workspace .reports-hub-card { box-shadow: none; }
.staff-workspace .reports-hub-card > div:first-child { padding-bottom: 12px; border-bottom: 1px solid #e8edf1; }
.staff-workspace .reports-hub-card .h4 { font-size: 16px; font-weight: 600; }
.staff-workspace .reports-hub-card p { font-size: 12px; }
.staff-workspace .page-footer { background: transparent; border-top-color: #e8edf2; color: #8995a1; font-size: 10px; }
.staff-course-row { display: grid; grid-template-columns: 44px minmax(130px, .7fr) minmax(180px, 1fr) auto; gap: 20px; align-items: center; padding: 22px 0; border-top: 1px solid #dfe6ec; }
.staff-course-symbol { width: 44px; height: 44px; border-radius: 8px; display: grid; place-items: center; background: color-mix(in srgb, var(--course-accent) 15%, #fff); color: color-mix(in srgb, var(--course-accent) 55%, #011b3c); }
.staff-course-symbol .staff-icon { width: 24px; height: 24px; }
.staff-course-heading h3 { font-size: 16px; font-weight: 600; margin: 4px 0 0; }
.staff-course-heading a { color: inherit; text-decoration: none; }
.staff-course-heading a:hover { text-decoration: underline; }
.staff-course-schedule p { margin: 0 0 3px; font-size: 12px; color: #455f72; }
.staff-course-schedule > span { color: #7b8997; font-size: 11px; }
.staff-course-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.staff-coverage-note { margin: 4px 0 0; color: #9c631a; font-size: 11px; }
.staff-course-group { margin-bottom: 32px; }
.staff-course-group > header { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.staff-course-group > header h2 { font-size: 18px; margin: 0; }
.staff-course-list { border-bottom: 1px solid #dfe6ec; }
@media (min-width: 1500px) {
    .staff-workspace .topbar-actions { flex-wrap: nowrap; }
}
@media (max-width: 1199px) {
    .staff-workspace { padding-left: 200px; }
    .staff-sidebar { width: 200px; }
    .staff-workspace .container-xl { padding-inline: 20px; }
    .staff-page-title { display: none; }
    .staff-workspace .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .staff-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; }
    .staff-campus-summary { border-left: 0; padding-left: 0; }
    .staff-campus-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
    .staff-course-row { grid-template-columns: 44px minmax(0, 1fr) auto; gap: 12px 18px; }
    .staff-course-schedule { grid-column: 2; }
    .staff-course-actions { grid-column: 3; grid-row: 1 / span 2; flex-direction: column; align-items: stretch; }
    .staff-workspace .account-chip { display: none; }
    .staff-workspace .calendar-shell { grid-template-columns: 1fr; }
    .staff-workspace .calendar-sidebar { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
    .staff-workspace { padding-left: 0; }
    .staff-sidebar { width: 224px; transform: translateX(-100%); visibility: hidden; transition: transform .18s, visibility .18s; }
    .staff-nav-open .staff-sidebar { transform: translateX(0); visibility: visible; }
    .staff-menu-toggle { display: grid; place-items: center; width: 38px; height: 38px; flex-shrink: 0; border: 1px solid #d9e2e9; border-radius: 6px; background: #fff; color: #011b3c; }
    .staff-nav-open .staff-nav-backdrop { display: block; position: fixed; inset: 0; background: rgb(1 27 60 / 45%); z-index: 105; border: 0; }
    .staff-workspace .container-xl { padding-inline: 16px; }
    .staff-workspace .topbar .navbar { gap: 8px; min-height: 66px; }
    .staff-workspace .topbar-actions { gap: 6px; }
    .staff-workspace .account-toolbar { gap: 4px; }
    .staff-account-avatar { display: none; }
    .staff-workspace .topbar-actions .account-toolbar { padding-left: 8px; }
    .staff-workspace .account-toolbar .btn > .staff-icon { display: none; }
    .staff-workspace .account-toolbar > a { display: none; }
    .staff-workspace .account-toolbar .btn { font-size: 11px; padding: 7px 8px; }
    .staff-workspace .notification-center-link-label { display: none; }
    .staff-workspace .page-shell { padding-block: 22px; }
    .staff-workspace .metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
    .staff-workspace .metric-card { padding: 14px; min-height: 145px; }
    .metric-heading { font-size: 11px; align-items: flex-start; min-height: 32px; }
    .metric-heading > .staff-icon { width: 26px; height: 26px; padding: 5px; }
    .staff-workspace .metric-card > strong { font-size: 30px; }
    .staff-workspace .metric-grid { margin-bottom: 26px !important; }
    .staff-workspace .dashboard-banner-side { flex-wrap: wrap; }
    .staff-section-heading h2 { font-size: 18px; }
    .staff-agenda-item { grid-template-columns: 50px minmax(0, 1fr); gap: 12px; padding-block: 18px; }
    .staff-date-tile { width: 50px; min-height: 70px; }
    .staff-workspace .staff-agenda-action { grid-column: 2; justify-self: start; }
    .staff-campus-list { grid-template-columns: 1fr; gap: 0; }
    .staff-course-row { grid-template-columns: 40px minmax(0, 1fr); }
    .staff-course-symbol { width: 40px; height: 40px; }
    .staff-course-actions { grid-column: 2; grid-row: auto; flex-direction: row; justify-content: flex-start; }
    .staff-workspace h1 { font-size: 24px; }
    .staff-workspace .dashboard-banner { gap: 12px; }
    .staff-workspace .dashboard-banner-side { justify-content: flex-start; }
    .staff-workspace[data-device="mobile"] .topbar-actions { flex-direction: row; align-items: center; width: auto; gap: 6px; }
    .staff-workspace[data-device="mobile"] .topbar-actions > *, .staff-workspace[data-device="mobile"] .account-toolbar { width: auto; flex: 0 0 auto; }
    .staff-workspace[data-device="mobile"] .language-switcher { width: auto; justify-content: center; }
    .staff-workspace[data-device="mobile"] .account-toolbar .btn { width: auto; }
    .staff-workspace .calendar-sidebar { grid-template-columns: 1fr; }
    .staff-workspace .calendar-board { padding: 8px; }
    .staff-workspace .calendar-day { min-height: 76px; padding: 5px; }
    .staff-workspace .calendar-day-number { font-size: 12px; }
    .staff-workspace .calendar-day-stat { font-size: 18px; }
    .staff-workspace .calendar-day-empty { font-size: 9px; }
    .staff-workspace .calendar-grid, .staff-workspace .calendar-weekdays { gap: 3px; }
    .staff-workspace .calendar-weekdays { font-size: 9px; }
    .staff-workspace .calendar-day-header { flex-wrap: wrap; }
    .staff-workspace .auth-card { padding: 20px; }
    .staff-workspace.admindashboard-index .subtle-card > .d-flex { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
    .staff-workspace *, .staff-workspace *::before, .staff-workspace *::after { animation: none !important; transition: none !important; }
}