/*
 * PMS admin look: soft grey canvas, white sidebar, bordered white cards with a
 * 12px radius and no drop shadows. Scoped to light mode; dark mode keeps
 * Filament's defaults, which already sit close to the reference.
 */
:root:not(.dark) {
    --pms-canvas: #f7f7f8;
    --pms-surface: #ffffff;
    --pms-border: #e7e8ea;
}

:root:not(.dark) .fi-body,
:root:not(.dark) .fi-layout { background-color: var(--pms-canvas); }

:root:not(.dark) .fi-sidebar,
:root:not(.dark) .fi-sidebar-header,
:root:not(.dark) .fi-topbar,
:root:not(.dark) .fi-topbar nav {
    background-color: var(--pms-surface);
    box-shadow: none;
    border-color: var(--pms-border);
}
:root:not(.dark) .fi-sidebar { border-right: 1px solid var(--pms-border); }
:root:not(.dark) .fi-topbar nav { border-bottom: 1px solid var(--pms-border); }

.fi-sidebar-group-label {
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: #9ca3af;
}
.fi-sidebar-item-btn { border-radius: 0.5rem; }
:root:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-btn { background-color: #f1f2f4; }
:root:not(.dark) .fi-sidebar-item-active .fi-sidebar-item-label { color: #171717; }
:root:not(.dark) .fi-sidebar-item-badge-ctn .fi-badge { background-color: #e8effd; color: #1d4ed8; }

:root:not(.dark) .fi-section,
:root:not(.dark) .fi-ta-ctn,
:root:not(.dark) .fi-wi-stats-overview-stat,
:root:not(.dark) .fi-wi-widget .fi-section,
:root:not(.dark) .fi-fo-tabs,
:root:not(.dark) .fi-in-section,
:root:not(.dark) .fi-simple-main {
    background-color: var(--pms-surface);
    border: 1px solid var(--pms-border);
    border-radius: 0.75rem;
    box-shadow: none;
    --tw-ring-color: transparent;
    --tw-ring-shadow: 0 0 #0000;
}

.fi-wi-stats-overview-stat-value { font-size: 1.75rem; letter-spacing: -0.01em; }
.fi-wi-stats-overview-stat-label { color: #6b7280; }

:root:not(.dark) .fi-ta-header-cell { background-color: #f7f7f8; color: #6b7280; font-weight: 500; font-size: 0.75rem; }
:root:not(.dark) .fi-ta-row:hover { background-color: #fafafa; }
.fi-badge { border-radius: 0.375rem; font-weight: 500; }

:root:not(.dark) .fi-header-heading { font-size: 1.5rem; letter-spacing: -0.01em; }
:root:not(.dark) .fi-header-subheading { color: #6b7280; }

:root:not(.dark) .fi-btn-color-primary { background-color: #171717; box-shadow: none; }
:root:not(.dark) .fi-btn-color-primary:hover { background-color: #2a2a2a; }
:root:not(.dark) .fi-input-wrp, :root:not(.dark) .fi-global-search-field .fi-input-wrp { border-radius: 0.5rem; box-shadow: none; border: 1px solid var(--pms-border); }

/* Density: shorter chrome, tighter tables, sections and stats. Applies in both themes. */
.fi-body { --topbar-height: 2.75rem; font-size: 0.8125rem; }
.fi-topbar nav, .fi-sidebar-header { padding-inline: 0.75rem; }
.fi-sidebar-nav { padding: 0.5rem 0.5rem; row-gap: 0.875rem; }
.fi-sidebar-group { row-gap: 0.125rem; }
.fi-sidebar-item-btn { padding: 0.25rem 0.5rem; column-gap: 0.5rem; border-radius: 0.375rem; }
.fi-sidebar-item-btn > .fi-icon { width: 0.95rem; height: 0.95rem; }
.fi-sidebar-item-label { font-size: 0.8125rem; }
.fi-main { padding-inline: 1rem; }
.fi-page-content, .fi-page-main { row-gap: 0.75rem; gap: 0.75rem; }
.fi-main-ctn > .fi-main { padding-block: 0.75rem; }
.fi-header { gap: 0.5rem; }
:root:not(.dark) .fi-header-heading, .fi-header-heading { font-size: 1.125rem; line-height: 1.5rem; }
.fi-header-subheading { font-size: 0.75rem; }
.fi-section, .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-fo-tabs, .fi-in-section, .fi-sc { border-radius: 0.5rem; }
.fi-section-header { padding: 0.5rem 0.75rem; }
.fi-section-header-heading { font-size: 0.875rem; }
.fi-section-content > * { padding: 0.75rem; }
.fi-ta-header-toolbar { padding: 0.375rem 0.75rem; }
.fi-ta-header-toolbar > * { min-height: 1.75rem; }
.fi-ta-header-cell { padding: 0.375rem 0.75rem; font-size: 0.6875rem; }
.fi-ta-text { padding: 0.375rem 0.75rem; }
.fi-ta-cell-content { font-size: 0.8125rem; }
.fi-ta-cell:first-child { padding-inline-start: 0.25rem; }
.fi-ta-cell:last-child { padding-inline-end: 0.25rem; }
.fi-ta-row > .fi-ta-cell .fi-ta-col-wrp > * { padding-block: 0.375rem; }
.fi-ta-pagination { padding: 0.375rem 0.75rem; }
.fi-wi-stats-overview-stat { padding: 0.625rem 0.75rem; }
.fi-wi-stats-overview-stat-value { font-size: 1.25rem; line-height: 1.5rem; }
.fi-wi-stats-overview-stat-label, .fi-wi-stats-overview-stat-description { font-size: 0.75rem; }
.fi-wi-stats-overview { gap: 0.5rem; }
.fi-widgets { gap: 0.75rem; }
.fi-btn { padding: 0.25rem 0.625rem; font-size: 0.8125rem; border-radius: 0.375rem; }
.fi-btn-size-sm { padding: 0.125rem 0.5rem; font-size: 0.75rem; }
.fi-input { padding: 0.25rem 0.5rem; font-size: 0.8125rem; }
.fi-input-wrp, :root:not(.dark) .fi-input-wrp { border-radius: 0.375rem; }
.fi-badge { font-size: 0.6875rem; padding-block: 0.0625rem; }
.fi-fo-field-wrp-label { font-size: 0.75rem; }
.fi-sc-component-ctn, .fi-fo-component-ctn { gap: 0.75rem; }
.fi-modal-content { padding: 0.75rem; gap: 0.75rem; }
.fi-ta-color, .fi-ta-image, .fi-ta-icon, .fi-ta-badge, .fi-ta-toggle, .fi-ta-checkbox, .fi-ta-select, .fi-ta-text-input { padding-block: 0.375rem; }
.fi-ta-color .fi-color, .fi-ta-color-item { width: 1.125rem; height: 1.125rem; border-radius: 0.25rem; }
.fi-wi-stats-overview-stat-content { gap: 0.125rem; }
.fi-grid.fi-sc, .fi-section-content.fi-grid { gap: 0.75rem; }
.fi-section-not-contained > .fi-section-content-ctn > .fi-section-content > * { padding: 0; }
.fi-section-not-contained, .fi-section-not-contained > .fi-section-content-ctn { gap: 0.5rem; }