/**
 * Custom CSS — edit this file directly, no npm build required.
 * Loaded after Vite/Tailwind on every page. Changes apply on refresh.
 *
 * Tip: use specific selectors so overrides win without !important.
 */

/* --------------------------------------------------------------------------
   Global
   -------------------------------------------------------------------------- */

[x-cloak] {
    display: none !important;
}

/* --------------------------------------------------------------------------
   Frontend (public site)
   -------------------------------------------------------------------------- */

.top-3 {
    top: -0.25rem;
}
.-right-2 {
    right: -1.5rem;
}

/* Example:
.site-header {
    background-color: #0f172a;
}
*/

/* --------------------------------------------------------------------------
   Admin / portal
   -------------------------------------------------------------------------- */

/* Example:
.admin-sidebar {
    width: 18rem;
}
*/

/* --------------------------------------------------------------------------
   Print
   -------------------------------------------------------------------------- */

@media print {
    .no-print {
        display: none !important;
    }

    body {
        background: white !important;
    }

    header,
    .fixed.inset-y-0 {
        display: none !important;
    }

    .lg\:pl-64 {
        padding-left: 0 !important;
    }

    main {
        padding: 0 !important;
    }
}