/* ===============================
   Filament topbar hamburger icon
   =============================== */

/* LIGHT MODE → black */
html:not(.dark) .fi-topbar-open-sidebar-btn {
    color: #000 !important;
    opacity: 1 !important;
    --tw-text-opacity: 1 !important;
}

html:not(.dark) .fi-topbar-open-sidebar-btn svg,
html:not(.dark) .fi-topbar-open-sidebar-btn svg * {
    stroke: #000 !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* DARK MODE → white */
html.dark .fi-topbar-open-sidebar-btn {
    color: #fff !important;
    opacity: 1 !important;
    --tw-text-opacity: 1 !important;
}

html.dark .fi-topbar-open-sidebar-btn svg,
html.dark .fi-topbar-open-sidebar-btn svg * {
    stroke: #fff !important;
    stroke-opacity: 1 !important;
    opacity: 1 !important;
}

/* ===============================
   FORCE LIGHT THEME WHEN PRINTING
   =============================== */
@media print {
    html {
        background: #fff !important;
        color: #000 !important;
    }

    /* Kill dark mode entirely */
    html.dark {
        background: #fff !important;
        color: #000 !important;
    }

    /* Force all text to black */
    body,
    body * {
        color: #000 !important;
        background: transparent !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    /* Tables: clean, readable payroll prints */
    table,
    th,
    td {
        background: #fff !important;
        color: #000 !important;
        border-color: #000 !important;
    }

    /* Remove Filament dark containers */
    .fi-body,
    .fi-main,
    .fi-section,
    .fi-card {
        background: #fff !important;
        color: #000 !important;
    }
}
/* ===============================
   PRINT: CONTENT ONLY (NO HEADER)
   =============================== */
@media print {

    /* Hide Filament UI chrome */
    .fi-topbar,
    .fi-sidebar,
    .fi-header,
    .fi-breadcrumbs,
    .fi-page-header,
    .fi-global-search,
    .fi-user-menu {
        display: none !important;
    }

    /* Remove padding added for hidden chrome */
    .fi-main,
    .fi-page,
    .fi-body {
        padding: 0 !important;
        margin: 0 !important;
    }
}
/* ===============================
   PRINT: HIDE ACTION BUTTONS
   =============================== */
@media print {

    /* Hide Filament action buttons (Print, Back, etc.) */
    .fi-btn,
    .fi-button,
    .fi-link,
    button,
    a {
        display: none !important;
    }

    /* BUT keep table links/text readable */
    table a {
        display: inline !important;
    }
}
/* LIGHT MODE: make Print button text black */
html:not(.dark) button.fi-btn.fi-btn-color-secondary {
    color: #000 !important;
    --tw-text-opacity: 1 !important;
}
/* Hide Filament breadcrumbs */
.fi-breadcrumbs,
.fi-page-breadcrumbs {
    display: none !important;
}
/* ================================
   Filament Sidebar Navigation
   Black on light / White on dark
   ================================ */

/* LIGHT MODE */
html:not(.dark) .fi-sidebar-nav-item-label,
html:not(.dark) .fi-sidebar-group-label,
html:not(.dark) .fi-sidebar-item-label {
    color: #000 !important;
    opacity: 1 !important;
}

/* DARK MODE */
html.dark .fi-sidebar-nav-item-label,
html.dark .fi-sidebar-group-label,
html.dark .fi-sidebar-item-label {
    color: #fff !important;
    opacity: 1 !important;
}

/* Icons should match text */
html:not(.dark) .fi-sidebar svg {
    color: #000 !important;
}

html.dark .fi-sidebar svg {
    color: #fff !important;
}

/* Optional: hover clarity */
.fi-sidebar-item:hover .fi-sidebar-nav-item-label {
    opacity: 1 !important;
}

/* No Zooming on entire site */
html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}