/*
 * BitOne — estilo del panel: profesional, cuadrado y minimalista.
 * CSS plano (sin build): ajusta variables de Tailwind v4 y clases fi-* de Filament.
 * Radios pequeños, sin sombras, bordes de 1px y jerarquía tipográfica sobria.
 */
:root {
    --radius-sm: .125rem;
    --radius-md: .1875rem;
    --radius-lg: .25rem;   /* botones, inputs, ítems de menú */
    --radius-xl: .25rem;   /* secciones, tablas, modales */
    --radius-2xl: .3125rem;
    --radius-3xl: .375rem;
    --bitone-border: #E5E7EB;
    --bitone-surface-alt: #F9FAFB;
}

/* Superficies planas: fondo neutro, tarjetas con borde y sin sombra */
:root:not(.dark) .fi-body { background-color: #F7F8FA; }

.fi-section,
.fi-ta-ctn,
.fi-wi-stats-overview-stat,
.fi-simple-main,
.fi-modal-window,
.fi-dropdown-panel,
.fi-fo-repeater,
.fi-tabs {
    --tw-shadow: 0 0 #0000;
}

:root:not(.dark) .fi-section,
:root:not(.dark) .fi-ta-ctn,
:root:not(.dark) .fi-wi-stats-overview-stat,
:root:not(.dark) .fi-simple-main,
:root:not(.dark) .fi-tabs {
    --tw-ring-color: var(--bitone-border);
}

/* Barras lateral y superior */
:root:not(.dark) .fi-sidebar { border-inline-end: 1px solid var(--bitone-border); }
:root:not(.dark) .fi-topbar,
:root:not(.dark) .fi-topbar > nav { background-color: #FFFFFF; box-shadow: none; border-bottom: 1px solid var(--bitone-border); }
:root:not(.dark) .fi-sidebar-header { border-bottom: 1px solid var(--bitone-border); box-shadow: none; }

/* Menú: compacto, ítem activo marcado con barra lateral */
.fi-sidebar-item-btn { font-size: .8125rem; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn { box-shadow: inset 2px 0 0 var(--primary-600); }
:root:not(.dark) .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: #F3F4F6; }
.fi-sidebar-group-label { letter-spacing: .08em; text-transform: uppercase; font-size: .6875rem; font-weight: 600; }
:root:not(.dark) .fi-sidebar-group-label { color: #9CA3AF; }

/* Tipografía */
.fi-header-heading { font-weight: 600; letter-spacing: -.015em; font-size: 1.375rem; }
:root:not(.dark) .fi-header-heading { color: #111827; }
.fi-section-header-heading { font-weight: 600; font-size: .875rem; }
.fi-wi-stats-overview-stat-value { font-weight: 600; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }

/* Tablas: encabezados discretos y cifras alineadas */
.fi-ta-header-cell { text-transform: uppercase; letter-spacing: .05em; font-size: .6875rem; }
:root:not(.dark) .fi-ta-header-cell { color: #6B7280; background-color: var(--bitone-surface-alt); }
.fi-ta-content-ctn { font-variant-numeric: tabular-nums; }

/* Insignias rectangulares */
.fi-badge { border-radius: .125rem; }

/* Acceso (login / registro): fondo plano y tarjeta con borde */
:root:not(.dark) .fi-simple-layout { background: #F7F8FA; }
.fi-simple-main { border-radius: .25rem; }
.fi-simple-header-heading { font-weight: 600; letter-spacing: -.015em; }

/* Pie */
.bitone-panel-footer { padding: 1rem 1.5rem 1.5rem; text-align: center; font-size: .75rem; color: #9CA3AF; }
.bitone-panel-footer a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.bitone-panel-footer a.bitone-back { color: var(--primary-600); font-weight: 500; text-decoration: none; }