/* ============================================================
   Brand override — project primary: tania purple (#5b3e8e)
   Loaded AFTER assets/app-698853b8.css in every layout.
   The theme resolves all primary-colored UI (buttons, links,
   form labels, pickers, icons, focus rings, badges) through
   these two vars, so this file re-themes the whole app.
   !important also beats inline --primary values that main.js /
   authentication-main.js apply from stale localStorage.primaryRGB.
   ============================================================ */
:root {
    --primary: 91 62 142 !important;
    --primary-rgb: 91, 62, 142 !important;
}

/* ============================================================
   Collapsed sidebar logo — show the white IDesk logomark
   (toggle-white.png) in the mini/collapsed dark sidebar.
   The Ynex theme only swaps to toggle-white in DARK theme; in
   light theme + dark menu it keeps toggle-logo, which is the
   old default mark. Scoped to the sidebar header (never the
   mobile/horizontal header) and to the collapsed state, with
   :not(:hover) so the hovered/expanded sidebar keeps the full
   wordmark.
   ============================================================ */
[data-menu-styles="dark"][data-toggled="icon-overlay-close"] .app-sidebar:not(:hover) .main-sidebar-header .header-logo .toggle-logo,
[data-menu-styles="dark"][data-toggled="icon-overlay-close"] .app-sidebar:not(:hover) .main-sidebar-header .header-logo .toggle-dark {
    display: none !important;
}
[data-menu-styles="dark"][data-toggled="icon-overlay-close"] .app-sidebar:not(:hover) .main-sidebar-header .header-logo .toggle-white {
    display: block !important;
}

/* ============================================================
   Mobile / tablet header — show the full IDesk wordmark instead
   of the small square toggle mark (which still carried the Ynex
   default). The header is light-styled, so the dark wordmark
   (desktop-logo.png) reads cleanly. Only affects the header's
   horizontal-logo (mobile/tablet); the desktop sidebar logo is
   unaffected.
   ============================================================ */
.app-header .horizontal-logo .header-logo .toggle-logo,
.app-header .horizontal-logo .header-logo .toggle-dark,
.app-header .horizontal-logo .header-logo .toggle-white,
.app-header .horizontal-logo .header-logo .desktop-white,
.app-header .horizontal-logo .header-logo .desktop-dark {
    display: none !important;
}
.app-header .horizontal-logo .header-logo .desktop-logo {
    display: inline-block !important;
    height: 1.75rem;
    width: auto;
}