/* Shared ExamSys foundations for the employee administration surface. */
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2') format('woff2'); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-600-normal.woff2') format('woff2'); }
@font-face { font-family: "IBM Plex Sans Arabic"; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/ibm-plex-sans-arabic-arabic-700-normal.woff2') format('woff2'); }
:root { --canvas: #f5f7f9; }
.admin-shell { font-family: "IBM Plex Sans Arabic",Tahoma,Arial,sans-serif; }
.admin-shell :is(h1,h2,h3,h4,button,input,select,textarea) { font-family: inherit; }
.admin-content { max-width: 1580px; width: 100%; margin-inline: auto; padding: 28px 32px 38px; }
.management-heading,.settings-center-heading { min-height: 64px; margin-bottom: 22px; }
.admin-shell .management-heading h1,.admin-shell .settings-center-heading h1 { font-size: 28px; font-weight: 700; line-height: 1.3; color: #0b2942; }
.admin-shell .management-heading p,.admin-shell .settings-center-heading p { font-size: 14px; line-height: 1.6; color: #66798a; }
.admin-shell .admin-button { min-height: 42px; border-radius: 8px; font-size: 13px; font-weight: 600; gap: 8px; }
.admin-shell .admin-button--primary { background: #087f78; border-color: #087f78; }
.sidebar-footer .cycle-mini { color: inherit; text-decoration: none; }
.nav-section-toggle { width: 100%; min-height: 34px; margin: 0 0 4px; padding: 8px 13px; border: 0; color: #7997aa; background: transparent; font: inherit; font-size: 10.5px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; }
.nav-section-toggle .icon { width: 13px; height: 13px; }.nav-section-toggle:hover { color: #c2d9e4; }.nav-section-toggle:focus-visible { outline: 2px solid #63cfc5; outline-offset: -3px; border-radius: 7px; }
.sidebar-collapsed .nav-section-toggle { display: none; }.sidebar-collapsed .nav-section > div[hidden] { display: block; }
.sidebar-footer .cycle-mini > div { flex: 1; min-width: 0; }.sidebar-footer .cycle-mini > .icon { width: 14px; height: 14px; }
.admin-topbar .topbar-breadcrumb { display: flex; align-items: center; gap: 9px; }.topbar-breadcrumb a { color: #8a9ba7; font-size: 11px; }.topbar-breadcrumb > .icon { color: #94a7b4; width: 13px; height: 13px; }.admin-topbar .topbar-breadcrumb strong { color: #26485e; font-size: 12px; }
.top-cycle-link { width: 210px; height: 42px; padding: 6px 12px; border: 1px solid #d2e0e6; border-radius: 8px; background: #fff; display: flex; align-items: center; gap: 10px; }
.top-cycle-link > .icon:first-child { width: 18px; height: 18px; color: #087f78; }.top-cycle-link > span { flex: 1; min-width: 0; }.top-cycle-link small,.top-cycle-link strong { display: block; }.top-cycle-link small { color: #859aa8; font-size: 10px; }.top-cycle-link strong { color: #2b4a60; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }.top-cycle-link > .icon:last-child { width: 13px; height: 13px; color: #6d8799; }
.top-search kbd { margin-inline-start: auto; padding: 1px 4px; border: 1px solid #d7e3ea; border-radius: 3px; background: #fff; color: #8ba1b0; font-size: 9px; }
.access-quick-search .quick-search-field { margin: 18px; }.access-quick-search .quick-results { margin: 0 18px 18px; }.access-quick-search .quick-results button { width: 100%; }
@media (max-width: 1100px) { .top-cycle-link { width: 180px; }.top-search { min-width: 150px; } }
@media (max-width: 720px) {
    .admin-content { padding: 18px 12px 28px; }
    .admin-shell .management-heading h1,.admin-shell .settings-center-heading h1 { font-size: 24px; }
    .admin-shell .management-heading p,.admin-shell .settings-center-heading p { font-size: 13px; }
    .top-cycle-link,.topbar-breadcrumb a,.topbar-breadcrumb > .icon,.top-search { display: none; }
    .admin-topbar .topbar-breadcrumb strong { font-size: 14px; }
    .admin-topbar { height: 62px; padding-inline: 12px; }
}