/*
 * "Altera" theme — dark-purple crypto-dashboard-inspired reskin.
 * Scoped entirely under .theme-altera so it only applies to users who have
 * selected it in their profile (see app/Filament/Pages/EditProfile.php).
 * Supports both of Filament's light/dark modes via .theme-altera (light)
 * and .theme-altera.dark (dark) variants.
 */

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

/* Chrome: sidebar, topbar, main content backdrop */

.theme-altera:not(.dark) {
    --altera-bg: #f4f2fb;
    --altera-surface: #ffffff;
    --altera-border: #e3def7;
}

.theme-altera.dark {
    --altera-bg: #0d0b14;
    --altera-surface: #16121f;
    --altera-border: rgba(168, 137, 255, 0.16);
}

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

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

.theme-altera .fi-topbar-ctn .fi-topbar {
    background-color: color-mix(in oklab, var(--altera-surface) 92%, transparent);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--altera-border);
    box-shadow: none;
}

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

/* Sidebar navigation items */

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

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

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

.theme-altera .fi-sidebar-group-label {
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 0.6875rem;
    opacity: 0.7;
}

/* Glass cards: sections, stat widgets, tables */

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

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

.theme-altera .fi-wi-stats-overview-stat {
    overflow: hidden;
    position: relative;
}

.theme-altera .fi-wi-stats-overview-stat::before {
    content: '';
    position: absolute;
    inset-block-start: -40%;
    inset-inline-end: -20%;
    width: 10rem;
    height: 10rem;
    border-radius: 9999px;
    background: radial-gradient(circle, color-mix(in oklab, var(--primary-500) 35%, transparent), transparent 70%);
    pointer-events: none;
}

/* Buttons */

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

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

/* Inputs */

.theme-altera .fi-input,
.theme-altera .fi-select-input {
    border-radius: 0.625rem;
    background-color: color-mix(in oklab, var(--altera-surface) 60%, var(--altera-bg) 40%);
}

/* Badges */

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