/*
 * The panel's notification tray, kept clear of the header (تسک ۰۱_۱۱، مورد ۲).
 *
 * Filament pins the tray `fixed inset-4 z-50`: its first message starts 1rem from
 * the top of the window, on the same side as the user menu, and Baligpa's header is
 * 2.5rem tall — so a message sat on top of the avatar, and a persistent one (the
 * yellow «عنوان بیش از حد طولانی است») kept the menu unclickable until it was closed.
 *
 * Two rules, both on the shared layout and neither touching another element's
 * stacking:
 *
 *  1. The tray starts under the header, never over it. Its alignment, its order,
 *     the gap between stacked messages, their close buttons and how long each one
 *     stays are all Filament's and unchanged.
 *  2. While one of the header's own menus is open, the header is lifted over the
 *     tray, so the menu the operator has just opened is the thing under the
 *     pointer. Only while it is open: a closed header stays below dialogs (z-40)
 *     and messages as before.
 *
 * Rule 2 keys on `data-topbar-menu-open`, set by js/panel-topbar-menu.js — not on
 * `:has(... [style*="display: none"])`, which made every inline-style change on the
 * page restyle the whole table (تسک ۰۵، بند ۶). Never put an attribute selector on
 * `style` inside `:has()`.
 */
.fi-no {
    top: calc(var(--baligpa-topbar-height, 4rem) + 0.75rem);
}

.fi-topbar[data-topbar-menu-open] {
    z-index: 55;
}