/* ITQAN identity. Shared by every role, authentication and workbook reader. */
:root{--itqan-ink:#103C42;--itqan-emerald:#17A889;--itqan-gold:#D4B574;--itqan-paper:#FAF7EE;--itqan-soft:#EDF6F3;--itqan-line:#D9E6E1;--itqan-font:"IBM Plex Sans Arabic","Segoe UI",Tahoma,sans-serif;--itqan-display:"Noto Kufi Arabic",var(--itqan-font)}
html body,html body button,html body input,html body select,html body textarea,html body #studentWorkspacePage *{font-family:var(--itqan-font)!important}
html body{background:var(--itqan-paper)!important}
html body :is(.logo,.ef-brand b,.tm-brand strong,.tm-mobile-brand strong,.sa-brand-title,.admin-brand,.e300-brand,.sr-brand-copy strong,.etq232-brand strong,.etq245-brand strong){font-family:var(--itqan-display)!important;font-weight:700!important;letter-spacing:0!important}
html body :is(#homePage,#teacherWorkspacePage,#superAdminShell,#staffPage,#liveRoomPage,#studentWorkspacePage) :is(.ef-brand-mark,.tm-brand-mark,.sa-brand-mark,.sr-brand-mark,.etq232-logo,.etq245-logo,.tabarak-wa-logo){position:relative!important;display:inline-flex!important;flex:0 0 44px!important;width:44px!important;height:56px!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-size:0!important;color:transparent!important;overflow:hidden!important}
html body :is(#homePage,#teacherWorkspacePage,#superAdminShell,#staffPage,#liveRoomPage,#studentWorkspacePage) :is(.ef-brand-mark,.tm-brand-mark,.sa-brand-mark,.sr-brand-mark,.etq232-logo,.etq245-logo,.tabarak-wa-logo)>*{display:none!important}
html body :is(#homePage,#teacherWorkspacePage,#superAdminShell,#staffPage,#liveRoomPage,#studentWorkspacePage) :is(.ef-brand-mark,.tm-brand-mark,.sa-brand-mark,.sr-brand-mark,.etq232-logo,.etq245-logo,.tabarak-wa-logo)::before{content:"";display:block;width:38px;height:52px;background:url("assets/itqan-symbol.svg") center/contain no-repeat}
html body :is(#teacherWorkspacePage,#superAdminShell,#liveRoomPage) :is(.tm-brand-mark,.sa-brand-mark,.etq232-logo,.etq245-logo)::before{background-image:url("assets/itqan-symbol-light.svg")}
html body :is(.logo,.e300-brand,.student-brand,.admin-brand){display:flex!important;align-items:center!important;justify-content:center;gap:12px!important;color:var(--itqan-ink)!important}
html body :is(.logo,.e300-brand,.student-brand,.admin-brand)::before{content:"";display:inline-block;width:36px;height:48px;flex-shrink:0;background:url("assets/itqan-symbol.svg") center/contain no-repeat}
html body .admin-brand{flex-wrap:wrap;justify-content:flex-start!important;gap:8px!important;font-size:22px!important}
html body .admin-brand small{font:500 11px var(--itqan-font);color:#617B79}
html body :is(.tm-brand,.sa-brand,.ef-brand,.etq232-brand-line){gap:12px!important;align-items:center!important}
html body :is(.tm-brand strong,.sa-brand-title,.etq232-brand strong){color:var(--itqan-paper)!important}
html body :is(.tm-sidebar,.sa-sidebar,.etq232-sidebar){background:var(--itqan-ink)!important}
html body :is(.tm-brand,.sa-brand,.etq232-brand){border-bottom-color:#326066!important}
html body :is(.tm-brand,.sa-brand,.etq232-brand) small,html body .sa-brand-sub{color:#CADFD9!important}
html body #teacherWorkspacePage #tmNav button.active,html body #superAdminShell .sa-nav button.active{background:#20565B!important;color:#fff!important;box-shadow:inset -3px 0 var(--itqan-gold)!important}
html body :is(.tm-nav,.sa-nav,.etq232-nav) button:hover{background:#1C5055!important;color:#fff!important}
html body :is(#homePage,#loginPage,#registerPage,#credentialsPage,#waitingPage,#rejectedPage,#studentWorkspacePage){background:var(--itqan-paper)!important}
html body #homePage .ef-home{--brand:var(--itqan-ink);--brand-dark:#0C3238;--brand-soft:var(--itqan-soft);--bg:var(--itqan-paper)}
html body #homePage .ef-hero h1 em{color:#14766C!important}
html body :is(#studentWorkspacePage .e300-hero,.sa-command-card){background:var(--itqan-ink)!important}
html body #studentWorkspacePage{--e308-teal:#103C42;--e308-ink:#103C42;--e308-soft:#EDF6F3;--e308-gold:#D4B574}
html body #studentWorkspacePage .e300-options button.selected{border-color:#14766C!important;background:var(--itqan-soft)!important;box-shadow:0 0 0 3px #17A88922!important}
html body :is(.ef-kicker,.e300-symbol,.etq232-icon){color:var(--itqan-ink)!important;background:var(--itqan-soft)!important}
html body :is(a,button,input,select,textarea):focus-visible{outline:3px solid #17A889!important;outline-offset:3px!important}
@media(max-width:600px){html body :is(#homePage,#teacherWorkspacePage,#superAdminShell,#staffPage,#liveRoomPage,#studentWorkspacePage) :is(.ef-brand-mark,.tm-brand-mark,.sa-brand-mark,.etq232-logo){flex-basis:34px!important;width:34px!important;height:44px!important}html body .e300-brand::before{width:26px;height:36px}html body .e300-brand{gap:7px!important}html body .logo::before{width:30px;height:42px}}