/* ── QuickCreate plugin button in topbar ─────────────────────────────────── */
.fi-topbar .fi-quick-create-menu-trigger,
.fi-topbar [x-data*="quickCreate"] button,
.fi-topbar .filament-quick-create-button,
[data-quick-create-trigger] {
    background-color: rgba(255,255,255,0.12) !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    color: #ffffff !important;
    border-radius: 6px !important;
}
[data-quick-create-trigger] *,
.fi-topbar .fi-quick-create-menu-trigger * {
    color: #ffffff !important;
}

/* ── Nav item active/expanded state — keep text visible ─────────────────── */
/* When a topbar dropdown is open, Filament adds a white/light background.
   Force the button text to stay navy so it remains readable. */
.fi-topbar .fi-topbar-item-button[aria-expanded="true"],
.fi-topbar [aria-expanded="true"] .fi-topbar-item-button {
    background-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
}
.fi-topbar .fi-topbar-item-button[aria-expanded="true"] *,
.fi-topbar [aria-expanded="true"] .fi-topbar-item-button * {
    color: #ffffff !important;
}

/* Filament sometimes swaps to a white pill on active — override it */
.fi-topbar .fi-topbar-item-button[data-active],
.fi-topbar .fi-topbar-item-button.fi-active {
    background-color: rgba(255,255,255,0.22) !important;
    color: #ffffff !important;
}
.fi-topbar .fi-topbar-item-button[data-active] *,
.fi-topbar .fi-topbar-item-button.fi-active * {
    color: #ffffff !important;
}

/* Catch-all: any button inside the topbar nav should never go dark-on-white */
.fi-topbar nav button,
.fi-topbar nav a {
    color: #ffffff !important;
}
.fi-topbar nav button:focus,
.fi-topbar nav a:focus {
    outline-color: rgba(255,255,255,0.5) !important;
}