/* ═══════════════════════════════════════════════════════════════════
   Auth (account) Dropdown - Escape #mainNavbar Containment
   (same problem & pattern as notification-bell.css)

   Problem:
   - modern-redesign.css sets `#mainNavbar { contain:layout style }` →
     layout containment makes the navbar the containing block for its
     fixed/absolute positioned descendants, so the account dropdown gets
     cropped to the navbar's bounding box.
   - `#mainNavbar .dropdown-menu { overflow:hidden }` additionally clips
     the dropdown's OWN content (divider + lower items can be cut).

   Fix (mirrors notification-bell.css, approved pattern):
   - position:fixed escapes the navbar's layout-containment containing
     block; JS (header.blade.php, after_scripts_stack) pins the menu
     under the toggle on open/scroll/resize and clears offsets on hide.
   - overflow:visible counters the navbar's .dropdown-menu rule so the
     menu's own content renders fully.
   Bootstrap keeps full control of show/hide/click events - no state
   sync hacks, Bootstrap does not have its position overwritten except
   via the fixed strategy below on the CLIENTSIDE after shown.
   ═══════════════════════════════════════════════════════════════════ */

li[data-auth-dropdown="true"] > .dropdown-menu {
	position: fixed !important;
	overflow: visible !important;
	z-index: 2000 !important;
	min-width: 14rem !important;
	max-width: calc(100vw - 1rem) !important;
	width: max-content !important;
	margin: 0 !important;
	/* Default fallback (mirrors notification-bell.css): if the JS positioner
	   fails to load, the menu still shows at a predictable on-screen spot
	   right below the navbar instead of a collapsed static position.
	   Deliberately NOT !important so the JS inline top/right (or left)
	   overrides it per request on open. */
	top: 4rem;
	right: 0.5rem;
}

/* RTL: keep it right-anchored under the toggle like the LTR branch,
   with the same viewport clamp. JS sets `right`, clear `left`. */
[dir="rtl"] li[data-auth-dropdown="true"] > .dropdown-menu,
li[data-auth-dropdown="true"][dir="rtl"] > .dropdown-menu {
	left: auto !important;
}