/*
|--------------------------------------------------------------------------
| Surfaces — sections, stats, action tiles
|--------------------------------------------------------------------------
*/

.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn {
    border: 1px solid var(--portal-border) !important;
    border-radius: var(--portal-radius) !important;
    box-shadow: var(--portal-shadow);
    background: var(--portal-surface-raised);
}

.fi-section {
    overflow: hidden;
}

.fi-section-header {
    border-bottom: 1px solid var(--portal-border);
    background: color-mix(in srgb, var(--sindibad-primary, #143588) 3.5%, transparent);
}

.fi-section-header-icon {
    color: var(--sindibad-primary, #143588);
}

.portal-action-tile.fi-section,
.fi-section.portal-action-tile {
    transition: box-shadow 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.portal-action-tile.fi-section:hover,
.fi-section.portal-action-tile:hover {
    border-color: var(--portal-border-strong) !important;
    box-shadow: var(--portal-shadow-hover);
    transform: translateY(-1px);
}

.fi-wi-stats-overview-stat {
    transition: box-shadow 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.fi-wi-stats-overview-stat:hover {
    border-color: var(--portal-border-strong) !important;
    box-shadow: var(--portal-shadow-hover);
    transform: translateY(-1px);
}

.fi-wi-stats-overview-stat-value {
    letter-spacing: -0.03em;
}

.fi-wi-stats-overview-stat-description {
    color: var(--portal-ink-muted);
}

.fi-btn {
    border-radius: 0.7rem;
}

.fi-badge {
    border-radius: 999px;
}