/* Cards (Filament sections, tables, stats and our own panels), their title bands, and modal windows. */

/* Cards: white with a light border, like the cards on the site; no floating shadows. */
.fi-panel-app .fi-section,
.fi-panel-app .fi-ta-ctn,
.fi-panel-app .fi-wi-stats-overview-stat,
.fi-panel-app :is(.vs-panel, .vc-panel, .ve-panel, .vmu-card, .ch-card, .sub-current, .sub-card) {
    border-radius: 18px;
    background: #ffffff;
    outline: none;
    --tw-ring-color: var(--ambex-rule);
    box-shadow: 0 0 0 1px var(--ambex-rule), 0 1px 2px rgba(7, 26, 51, 0.04);
}

.fi-panel-app .sub-card.is-current {
    box-shadow: 0 0 0 2px var(--ambex-blue), 0 14px 34px -10px rgba(7, 40, 80, 0.16);
}

/*
    Card titles everywhere on one light neutral grey band: set apart from the white body
    and not blue like the page behind. Our own cards use .ambex-card-head; Filament's
    sections and table headings get the same.
*/
.fi-panel-app :is(.ambex-card-head, .fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header, .fi-ta-header) {
    background: #eceef2;
    border-bottom: 1px solid #d9dde4;
}

.fi-panel-app .fi-section:not(.fi-section-not-contained):not(.fi-aside) > .fi-section-header {
    border-radius: 18px 18px 0 0;
}

.fi-panel-app .fi-section.fi-collapsed > .fi-section-header {
    border-bottom: 0;
    border-radius: 18px;
}

.fi-panel-app .fi-section.fi-section-has-header > .fi-section-content-ctn {
    border-top: 0;
}

.fi-panel-app .fi-ta-ctn > .fi-ta-header,
.fi-panel-app .fi-ta-ctn > :first-child > .fi-ta-header {
    border-radius: 18px 18px 0 0;
}

.dark .fi-panel-app .fi-section,
.dark .fi-panel-app .fi-ta-ctn,
.dark .fi-panel-app .fi-wi-stats-overview-stat,
.dark .fi-panel-app :is(.vs-panel, .vc-panel, .ve-panel, .vmu-card, .ch-card, .sub-current, .sub-card) {
    background: rgba(255, 255, 255, 0.035);
    --tw-ring-color: rgba(90, 165, 255, 0.15);
    box-shadow: 0 0 0 1px rgba(90, 165, 255, 0.15);
}

.dark .fi-panel-app .sub-card.is-current {
    box-shadow: 0 0 0 2px var(--ambex-sky);
}

.fi-panel-app .fi-modal-window {
    border-radius: 22px;
}