/* v17: One consistent color canvas and brand text, independent of menu visibility. */
html[data-theme="dark"],html[data-theme="dark"] body,
html[data-theme="dark"] .shell,html[data-theme="dark"] .main,
html[data-theme="dark"] .page,html[data-theme="dark"] .content,
body.df-v12-dark,body.df-v12-dark .main,body.df-v12-dark .page {
  --bg:#17191b!important;--sidebar:#17191b!important;
  background-color:#17191b!important;color:#fff!important;
}
html[data-theme="dark"] .nav.df-nav,
html[data-theme="dark"] .df-nav,
html[data-theme="dark"] .df-nav-bottom,
body.df-v12-dark .nav.df-nav {background:#17191b!important;background-image:none!important;color:#fff!important;border-color:#35383b!important;}
html[data-theme="dark"] .df-nav-brand {background:#17191b!important;background-image:none!important;border-color:#35383b!important;}
html[data-theme="dark"] .df-topbar.th {background:#202326!important;border-color:#35383b!important;}
html[data-theme="dark"] .df-top-title strong,
html[data-theme="dark"] .df-nav-brand strong,
html[data-theme="dark"] .df-nav-brand small,
html[data-theme="dark"] .df-type-ar,
html[data-theme="dark"] .df-type-en {color:#fff!important;}
/* Never tint the workspace when opening the navigation on desktop. */
@media(min-width:769px){.df-scrim,.df-menu-open .df-scrim,#navOverlay{display:none!important;background:transparent!important;backdrop-filter:none!important}}
/* Mobile needs a scrim for accessible off-canvas navigation. */
@media(max-width:768px){html[data-theme="dark"] .df-scrim{background:rgba(0,0,0,.38)!important}}
/* Better high contrast for compact teacher/admin brand text. */
.df-type-ar{font-family:system-ui,'Noto Naskh Arabic','IBM Plex Sans Arabic',sans-serif!important;white-space:nowrap;line-height:1.22!important;letter-spacing:0!important}
.df-type-en{white-space:nowrap}