/* BrainCenta brand colors: overrides the Jampack template's default teal.
   Loaded after main-BFRWzJOB.css so these values win the cascade. */

/* Scoped to [data-bs-theme=light] only - NOT :root, which matches the page
   unconditionally regardless of the theme attribute and would leak these
   values into dark mode too (since this stylesheet loads after the vendor
   CSS and wins the cascade on equal specificity). */
[data-bs-theme=light] {
	--bs-primary: #2839b2;
	--bs-primary-rgb: 40, 57, 178;
	--bs-primary-text-emphasis: #16227f;
	--bs-primary-bg-subtle: rgba(40, 57, 178, .12);
	--bs-primary-border-subtle: rgba(40, 57, 178, .25);

	--bs-bg-primary-dark-1: #16227f;
	--bs-bg-primary-dark-2: #121b66;
	--bs-bg-primary-dark-3: #0e1651;
	--bs-bg-primary-dark-4: #0b1141;
	--bs-bg-primary-dark-5: #090e34;

	--bs-bg-primary-light-1: #5765c3;
	--bs-bg-primary-light-2: #7e88d1;
	--bs-bg-primary-light-3: #a5acdf;
	--bs-bg-primary-light-4: #cbcfed;
	--bs-bg-primary-light-5: #eaebf7;

	/* Sidebar (.hk-menu) - preview of a dark navy sidebar, matching brand palette */
	--hk-menu-bg: #090e34;
	--hk-menu-text: rgba(255, 255, 255, .75);
	--hk-menu-icon-color: rgba(255, 255, 255, .75);
	--hk-menu-header-text: rgba(255, 255, 255, .45);
	--hk-menu-border: rgba(255, 255, 255, .08);
	--hk-menu-arrow-color: rgba(255, 255, 255, .45);
	--hk-menu-item-active-bg: rgba(255, 255, 255, .1);
	--hk-menu-item-active-text: #ffffff;
}

.hk-menu .brand-text {
	color: #fff;
}

[data-bs-theme=light] .btn-primary.dropdown-toggle,
[data-bs-theme=light] .show > .btn-primary.dropdown-toggle {
	background-color: #16227f !important;
	border-color: #16227f !important;
}

/* Dark mode: same brand family, but the ramp direction flips from light mode.
   The vendor's own dark theme does this too - "light-N" shades are subtle,
   muted surface tints (used for things like callout card backgrounds) so
   they get DARKER as N increases, not lighter; "dark-N" shades are used for
   emphasis/hover states so they get BRIGHTER as N increases. Using the same
   direction as light mode here was the bug: bg-primary-light-5 (the AI
   Assistant card) resolved to near-white even in dark mode. */
[data-bs-theme=dark] {
	--bs-primary: #5765c3;
	--bs-primary-rgb: 87, 101, 195;
	--bs-primary-text-emphasis: #a5acdf;
	--bs-primary-bg-subtle: rgba(87, 101, 195, .15);
	--bs-primary-border-subtle: rgba(87, 101, 195, .25);

	--bs-bg-primary-dark-1: #7e88d1;
	--bs-bg-primary-dark-2: #a5acdf;
	--bs-bg-primary-dark-3: #cbcfed;
	--bs-bg-primary-dark-4: #eaebf7;
	--bs-bg-primary-dark-5: #ffffff;

	--bs-bg-primary-light-1: #16227f;
	--bs-bg-primary-light-2: #121b66;
	--bs-bg-primary-light-3: #0e1651;
	--bs-bg-primary-light-4: #0b1141;
	--bs-bg-primary-light-5: #090e34;

	/* Sidebar active nav item - brighter tint so it stays readable on the dark bg */
	--hk-menu-item-active-bg: rgba(87, 101, 195, .2);
	--hk-menu-item-active-text: #a5acdf;
}

[data-bs-theme=dark] .btn-primary.dropdown-toggle,
[data-bs-theme=dark] .show > .btn-primary.dropdown-toggle {
	background-color: #16227f !important;
	border-color: #16227f !important;
}

/* Inbox: bottom-anchored toast for flash messages ("N email(s) updated.")
   - fixed positioning so it overlays the page instead of pushing content
   down, keeping the page layout identical whether or not a toast is showing. */
.inbox-toast-container {
	position: fixed;
	left: 50%;
	bottom: 24px;
	transform: translateX(-50%);
	z-index: 1080;
	width: max-content;
	max-width: 90vw;
	pointer-events: none;
}

.inbox-toast-container .inbox-toast {
	pointer-events: auto;
	box-shadow: 0 6px 24px rgba(0, 0, 0, .18);
	transition: opacity .4s ease;
}

.inbox-toast-container .inbox-toast.inbox-toast-hide {
	opacity: 0;
}

.inbox-label-color-swatch.is-selected {
	border-color: #212529 !important;
}

[data-bs-theme=dark] .inbox-label-color-swatch.is-selected {
	border-color: #fff !important;
}