/* Toasts sit above all topbar overlays; profile drawer above notification bell. */
#toastContainer {
    position: fixed !important;
    top: 1rem;
    right: 1rem;
    left: auto;
    bottom: auto;
    z-index: 100001 !important;
    pointer-events: none;
}

#toastContainer > * {
    pointer-events: auto;
}

#layout-topbar #notificationDropdown {
    position: relative;
    z-index: 99998;
}

#layout-topbar #notificationDropdown .dropdown-content {
    z-index: 99998 !important;
}

#layout-topbar .drawer.drawer-end .drawer-side {
    z-index: 100000 !important;
}

#layout-topbar .drawer.drawer-end .drawer-content {
    position: relative;
    z-index: 1;
}

/* Topbar icon buttons: match sidebar menu hover highlight (not DaisyUI ghost black mix). */
@media (hover: hover) {
    #layout-topbar .btn-ghost:hover {
        --btn-bg: var(--color-base-200);
        --btn-border: var(--color-base-200);
        --btn-shadow: "";
        background-color: var(--color-base-200) !important;
    }
}

@media (hover: hover) {
    html:is([data-theme="dark"], [data-theme="dim"], [data-theme="night"], [data-theme="dracula"],
            [data-theme="black"], [data-theme="luxury"], [data-theme="sunset"], [data-theme="synthwave"],
            [data-theme="halloween"], [data-theme="forest"], [data-theme="coffee"], [data-theme="cyberpunk"],
            [data-theme="business"], [data-theme="acid"], [data-theme="autumn"], [data-theme="cmyk"],
            [data-theme="aqua"], [data-theme="wireframe"], [data-theme="material-dark"], [data-theme="mixed"]) #layout-topbar .btn-ghost:hover,
    #layout-sidebar[data-theme="dark"] ~ #layout-main #layout-topbar .btn-ghost:hover {
        --btn-bg: #1b3959;
        --btn-border: #1b3959;
        background-color: #1b3959 !important;
    }
}

@media (hover: hover) and (prefers-color-scheme: dark) {
    html:not([data-theme]) #layout-topbar .btn-ghost:hover {
        --btn-bg: #1b3959;
        --btn-border: #1b3959;
        background-color: #1b3959 !important;
    }
}