/**
 * Filament panels (customer dashboard + admin) — align with site container-base.
 * Loaded via PanelProvider renderHook STYLES_AFTER.
 */

.fi-panel-customer .fi-main,
.fi-panel-admin .fi-main {
    max-width: none !important;
    margin-inline: 0 !important;
    padding-inline: 1rem;
}

@media (min-width: 640px) {
    .fi-panel-customer .fi-main,
    .fi-panel-admin .fi-main {
        padding-inline: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .fi-panel-customer .fi-main,
    .fi-panel-admin .fi-main {
        padding-inline: 2rem;
    }
}

.fi-panel-customer .fi-topbar nav,
.fi-panel-admin .fi-topbar nav {
    padding-inline: 1rem;
}

@media (min-width: 640px) {
    .fi-panel-customer .fi-topbar nav,
    .fi-panel-admin .fi-topbar nav {
        padding-inline: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .fi-panel-customer .fi-topbar nav,
    .fi-panel-admin .fi-topbar nav {
        padding-inline: 2rem;
    }
}

.fi-panel-customer .fi-header,
.fi-panel-admin .fi-header,
.fi-panel-customer .fi-page-sub-navigation-tabs,
.fi-panel-admin .fi-page-sub-navigation-tabs {
    max-width: none;
    width: 100%;
}

/* Remove gold section / fieldset badge bars across Filament panels */
.fi-panel-customer :is(.fi-section-header, .fi-section-header-actions),
.fi-panel-admin :is(.fi-section-header, .fi-section-header-actions),
.fi-panel-customer .fi-in-section-header,
.fi-panel-admin .fi-in-section-header,
.fi-panel-customer .fi-fo-fieldset > legend,
.fi-panel-admin .fi-fo-fieldset > legend,
.fi-panel-customer .fi-ta-filters legend,
.fi-panel-admin .fi-ta-filters legend {
    display: none !important;
}

.fi-panel-customer .fi-section,
.fi-panel-admin .fi-section {
    box-shadow: none !important;
    --tw-ring-shadow: 0 0 #0000 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}