:root {
    --font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}

/* Reports Page specific styles */
#sidebarManager {
    width: 280px;
    background: var(--color-primary, #03011d);
    color: #eaeaea
}

/* Ensure main content uses remaining space next to fixed-width sidebar */
@media (max-width: 991.98px) {
    #sidebarManager {
        width: 260px
    }

}

/* Card spacing refinements for this page */
#reportArea .app-card+.app-card {
    margin-top: var(--space-3)
}

/* Chart container */
.chart-wrap {
    position: relative;
    min-height: 280px
}

/* Sortable table headers */
.table-theme th.sortable {
    user-select: none;
    white-space: nowrap
}

.table-theme th.sortable:hover {
    background: var(--neutral-soft)
}

.table-theme th .sort-indicator {
    font-size: 0.85em
}

.metric-card {
    transition: transform 0.15s ease, box-shadow 0.15s ease
}

.metric-card:hover {
    transform: translatey(-2px);
    box-shadow: var(--shadow-2)
}

/* Buttons consistency */
#btnGenerate .btn-text {
    font-weight: 600
}

#toastArea {
    box-shadow: var(--shadow-2)
}

/* Make table responsive on very small screens */
@media (max-width: 575.98px) {
    .table-theme {
        font-size: 0.9rem
    }
}

/* Manager header/footer color alignment (ensuring consistency across pages) */
.manager-navbar {
    background: #03011d;
    position: sticky;
    top: 0;
    z-index: 1030;
}

.manager-navbar .navbar-brand span {
    color: #fff
}

.manager-navbar .export-btn {
    background: #194542;
    color: #fff;
    border: 0
}

.manager-navbar .export-btn:hover {
    filter: brightness(1.05)
}

.manager-footer {
    background: #0f1230;
    color: #cfd3d7;
    position: sticky;
    bottom: 0;
    z-index: 1020;
}

.manager-footer a {
    color: #cfd3d7;
    text-decoration: none
}

.manager-footer a:hover {
    color: #fff;
    text-decoration: underline
}

main.flex-grow-1 {
    min-width: 0;
}

@media (max-width: 991.98px) {
    #sidebarManager {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .page-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }
    #reportFilters .col-sm-12.col-md-4 {
        flex-direction: column;
        align-items: stretch !important;
    }

    #btnGenerate {
        width: 100%;
    }

    #reportContent .card-footer {
        align-items: center;
        text-align: center;
    }

    .manager-footer {
        position: relative !important;
    }
}

/* For extra-small screens (phones, less than 576px) */
@media (max-width: 575.98px) {
    .manager-navbar .export-btn {
        font-size: 0;
        padding: 0.375rem 0.75rem;
    }

    .manager-navbar .export-btn .fa-file-pdf {
        margin-right: 0 !important;
        font-size: 1rem;
        /* Restore icon size */
    }

    #reportContent .d-flex.align-items-center.justify-content-between {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

.ex {
    --bs-dropdown-zindex: 1000;
    --bs-dropdown-min-width: 13rem;
}

@media (min-width: 992px) {
    .d-md-none {
        display: none !important;
    }
}