/*
 * app-layout.css
 * Extracted from resources/views/layouts/app.blade.php
 * Layout-level styles for the main app shell: overlay, sidebar active state,
 * and small DaisyUI button tweaks.
 */

/* Sidebar active state on small screens */
.small-view-side-active {
    display: grid !important;
    z-index: 1000;
    position: absolute;
}

/* Mobile overlay — darkens the background when sidebar is open */
.overlay {
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 20;
}

/* DaisyUI XS outline button spacing fix */
.tw-dw-btn.tw-dw-btn-xs.tw-dw-btn-outline {
    width: max-content;
    margin: 2px;
}