/*
 * "Bloom" theme — soft, elegant rose/pink reskin: pastel glass cards and
 * pill-shaped buttons/badges, without Ember/Wally's hard gradients.
 * Scoped under .theme-bloom; supports both of Filament's light/dark modes
 * via .theme-bloom / .theme-bloom.dark.
 */

.theme-bloom {
    --bloom-radius: 1.25rem;
}

.theme-bloom:not(.dark) {
    --bloom-bg: #fdf1f6;
    --bloom-surface: #ffffff;
    --bloom-border: #f8dce8;
}

.theme-bloom.dark {
    --bloom-bg: #170f14;
    --bloom-surface: #21141c;
    --bloom-border: rgba(251, 168, 204, 0.16);
}

.theme-bloom .fi-main-ctn {
    background-color: var(--bloom-bg);
}

.theme-bloom .fi-sidebar {
    margin: 0.75rem;
    border-radius: var(--bloom-radius);
    background-color: var(--bloom-surface);
    border: 1px solid var(--bloom-border);
    height: calc(100% - 1.5rem);
}

.theme-bloom .fi-sidebar-header {
    border-bottom: 1px solid var(--bloom-border);
}

.theme-bloom .fi-sidebar-item-btn {
    border-radius: 9999px;
}

.theme-bloom .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background-color: color-mix(in oklab, var(--primary-500) 18%, var(--bloom-surface));
}

.theme-bloom .fi-sidebar-item.fi-active .fi-sidebar-item-icon,
.theme-bloom .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: var(--primary-600);
}

.theme-bloom .fi-topbar-ctn .fi-topbar {
    background-color: transparent;
    border-bottom: none;
    box-shadow: none;
}

.theme-bloom .fi-sc-section,
.theme-bloom .fi-wi-stats-overview-stat,
.theme-bloom .fi-ta-ctn,
.theme-bloom .fi-modal-window {
    background-color: var(--bloom-surface);
    border: 1px solid var(--bloom-border);
    border-radius: var(--bloom-radius);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.theme-bloom.dark .fi-sc-section,
.theme-bloom.dark .fi-wi-stats-overview-stat,
.theme-bloom.dark .fi-ta-ctn,
.theme-bloom.dark .fi-modal-window {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.3);
}

.theme-bloom .fi-btn {
    border-radius: 9999px;
}

.theme-bloom .fi-btn.fi-color-primary {
    box-shadow: 0 6px 16px color-mix(in oklab, var(--primary-500) 35%, transparent);
}

.theme-bloom .fi-input,
.theme-bloom .fi-select-input {
    border-radius: 9999px;
}

.theme-bloom .fi-badge {
    border-radius: 9999px;
}