:root {
 --orhc-primary: #002366;
 --orhc-secondary: #0056b3;
 --orhc-accent: #e6f0ff;
 --orhc-neutral: #4a5568;
}

#header {
 background-color: var(--orhc-primary);
 border-color: var(--orhc-secondary);
}

#header,
#header .text-mono,
#header .kt-menu-title,
#header i {
 color: #ffffff;
}

/* Dropdowns render inside #header but sit on a white panel — keep body text slate, not bar white */
#header .kt-dropdown-menu .text-foreground,
#header .kt-dropdown-menu .text-mono {
 color: var(--orhc-neutral);
}

#header .kt-btn-ghost:not(.orhc-profile-toggle):hover {
 background-color: var(--orhc-accent);
}

#header .kt-btn-ghost:not(.orhc-profile-toggle):hover i,
#header .kt-btn-ghost:not(.orhc-profile-toggle):hover .text-foreground {
 color: var(--orhc-primary);
}

/* Profile control: keep white icon on navy; never use generic ghost hover (primary-colored icon). */
#header .orhc-profile-toggle {
 background-color: transparent;
 border-color: transparent;
 color: #ffffff;
}

#header .orhc-profile-toggle.kt-btn-ghost:hover,
#header .orhc-profile-toggle.kt-btn-ghost:focus-visible,
#header .orhc-profile-toggle[aria-expanded="true"],
#header .orhc-profile-toggle.active,
#header .orhc-profile-toggle.show {
 background-color: rgba(230, 240, 255, 0.22);
 border-color: rgba(255, 255, 255, 0.35);
}

#header .orhc-profile-toggle i,
#header .orhc-profile-toggle:focus-visible i,
#header .orhc-profile-toggle.active i,
#header .orhc-profile-toggle.show i,
#header .orhc-profile-toggle[aria-expanded="true"] i,
#header .orhc-profile-toggle.kt-btn-ghost:hover i,
#header .orhc-profile-toggle.kt-btn-ghost:focus-visible i {
 color: #ffffff;
}

#header .orhc-profile-toggle i.ki-filled::before,
#header .orhc-profile-toggle i.ki-filled::after {
 color: #ffffff;
}

.orhc-user-dropdown .text-foreground {
 color: var(--orhc-neutral);
}

.orhc-user-dropdown .kt-btn-outline {
 border-color: #c7dcff;
 color: var(--orhc-neutral);
}

.orhc-user-dropdown .kt-btn-outline:hover {
 border-color: var(--orhc-secondary);
 color: var(--orhc-secondary);
}

.orhc-user-dropdown .kt-btn-primary {
 background-color: var(--orhc-primary);
 border-color: var(--orhc-primary);
 color: #ffffff;
}

.orhc-user-dropdown .kt-btn-primary:hover {
 background-color: var(--orhc-secondary);
 border-color: var(--orhc-secondary);
 color: #ffffff;
}

#header .kt-btn-mono {
 background-color: var(--orhc-secondary);
 border-color: var(--orhc-secondary);
 color: #ffffff;
}

#header .kt-btn-mono:hover {
 background-color: #0b6bd3;
 border-color: #0b6bd3;
}

#header .kt-menu-dropdown {
 background-color: #ffffff;
 border: 1px solid #c7dcff;
}

#header .kt-menu-dropdown .kt-menu-title,
#header .kt-menu-dropdown .kt-menu-link,
#header .kt-menu-dropdown .kt-menu-icon i {
 color: var(--orhc-neutral);
}

#header .kt-menu-dropdown .kt-menu-link:hover,
#header .kt-menu-dropdown .kt-menu-link:hover .kt-menu-title,
#header .kt-menu-dropdown .kt-menu-link:hover .kt-menu-icon i {
 color: var(--orhc-secondary);
}

#navbar {
 background-color: var(--orhc-accent);
 border-color: #c7dcff;
}

#navbar .kt-menu-link:hover,
#navbar .kt-menu-item-show > .kt-menu-link {
 background-color: #d6e8ff;
}

#navbar .kt-menu-link:hover .kt-menu-title,
#navbar .kt-menu-item-show > .kt-menu-link .kt-menu-title {
 color: var(--orhc-secondary);
}

/* Navbar mega-menu panels (multi-column; flat links — no nested flyouts) */
#orhc_navbar_track {
 position: relative;
}

#navbar .kt-menu-dropdown {
 background-color: #ffffff;
 border: 1px solid #c7dcff;
}

#navbar .orhc-mega-panel {
 border-radius: calc(var(--radius) + 4px);
 box-shadow: 0 12px 32px rgba(0, 35, 102, 0.12);
}

#navbar .kt-menu-item.show > .orhc-mega-panel {
 z-index: 25;
}

#navbar .kt-menu-dropdown .kt-menu-title,
#navbar .kt-menu-dropdown .kt-menu-link,
#navbar .kt-menu-dropdown .kt-menu-icon i,
#navbar .kt-menu-dropdown h3.text-foreground {
 color: var(--orhc-neutral);
}

#navbar .kt-menu-dropdown .kt-menu-link:hover,
#navbar .kt-menu-dropdown .kt-menu-link:hover .kt-menu-title,
#navbar .kt-menu-dropdown .kt-menu-link:hover .kt-menu-icon i {
 color: var(--orhc-secondary);
}

#navbar .orhc-mega-footer .text-mono {
 color: var(--orhc-primary);
}

#navbar .orhc-mega-footer .kt-btn-primary {
 background-color: var(--orhc-primary);
 border-color: var(--orhc-primary);
 color: #ffffff;
}

#navbar .orhc-mega-footer .kt-btn-primary:hover {
 background-color: var(--orhc-secondary);
 border-color: var(--orhc-secondary);
 color: #ffffff;
}

.text-secondary-foreground {
 color: var(--orhc-neutral);
}

.footer {
 background-color: var(--orhc-primary);
 border-top: 1px solid var(--orhc-secondary);
}

.footer .text-muted-foreground,
.footer .text-secondary-foreground {
 color: #d6e8ff;
}

.footer a {
 color: #ffffff;
}

.footer a:hover {
 color: var(--orhc-accent);
}

.orhc-auth-body {
 background: linear-gradient(160deg, var(--orhc-primary) 0%, var(--orhc-secondary) 100%);
}

.orhc-auth-wrap {
 min-height: 100vh;
}

.orhc-auth-card {
 width: 100%;
 max-width: 440px;
 background-color: #ffffff;
 border: 1px solid #c7dcff;
 box-shadow: 0 20px 40px rgba(0, 35, 102, 0.22);
}

.orhc-passkey-icon-wrap {
 width: 56px;
 height: 56px;
 border-radius: 9999px;
 background-color: var(--orhc-accent);
 color: var(--orhc-primary);
}

.orhc-passkey-btn {
 background-color: var(--orhc-primary);
 border-color: var(--orhc-primary);
 color: #ffffff;
}

.orhc-passkey-btn:hover {
 background-color: var(--orhc-secondary);
 border-color: var(--orhc-secondary);
 color: #ffffff;
}