/*
 * "Tide" theme — fresh ocean blue/cyan reskin with a soft horizontal
 * "wave" gradient wash on the topbar. Scoped under .theme-tide; supports
 * both of Filament's light/dark modes via .theme-tide / .theme-tide.dark.
 */

.theme-tide {
    --tide-radius: 1rem;
}

.theme-tide:not(.dark) {
    --tide-bg: #eff7fb;
    --tide-surface: #ffffff;
    --tide-border: #d8ecf5;
}

.theme-tide.dark {
    --tide-bg: #0a141d;
    --tide-surface: #0f1f2c;
    --tide-border: rgba(125, 211, 252, 0.16);
}

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

.theme-tide .fi-sidebar {
    background-color: var(--tide-surface);
    border-inline-end: 1px solid var(--tide-border);
}

.theme-tide .fi-topbar-ctn .fi-topbar {
    background: linear-gradient(90deg, color-mix(in oklab, var(--primary-500) 10%, var(--tide-surface)), var(--tide-surface));
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--tide-border);
    box-shadow: none;
}

.theme-tide .fi-sidebar-item-btn {
    border-radius: 0.75rem;
}

.theme-tide .fi-sidebar-item.fi-active .fi-sidebar-item-btn {
    background: linear-gradient(135deg, var(--primary-500), var(--primary-600));
    box-shadow: 0 4px 14px color-mix(in oklab, var(--primary-600) 40%, transparent);
}

.theme-tide .fi-sidebar-item.fi-active .fi-sidebar-item-label {
    color: #fff;
}

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

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

.theme-tide .fi-btn {
    border-radius: 0.75rem;
}

.theme-tide .fi-btn.fi-color-primary {
    box-shadow: 0 4px 14px color-mix(in oklab, var(--primary-600) 40%, transparent);
}

.theme-tide .fi-input,
.theme-tide .fi-select-input {
    border-radius: 0.625rem;
}

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