@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@700&display=swap'); /* ── Radio de esquinas (lg/xl → sm Sail) ─────────────────────────────────── Baja el radio por defecto de Filament (rounded-lg .5rem / rounded-xl .75rem) a 0.25rem (4px) de forma global — radios pequeños del sistema Sail (Stripe), cubriendo también responsive (sm:/md:) y direccionales. Sustituye a ~18 overrides de blade publicados (revertidos) y unifica forms/tables/widgets. IMPORTANTE — va ANTES que las reglas .fi-* de radio de este fichero a propósito: .fi-section/.fi-card/.fi-ta-ctn (.5rem) tienen la misma especificidad y, al ir después, ganan por orden de cascada. Así se conserva el radio algo mayor (8px) deliberado en cards y tablas. */ [class*="rounded-xl"], [class*="rounded-lg"] { border-radius: 0.25rem !important; } /* Direccionales: solo las esquinas afectadas, para no redondear las que deben quedar rectas (p. ej. segmentos internos de un button-group). */ [class*="rounded-t-xl"] { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } [class*="rounded-b-xl"] { border-bottom-left-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } [class*="rounded-s-lg"] { border-start-start-radius: 0.25rem !important; border-end-start-radius: 0.25rem !important; } [class*="rounded-e-lg"] { border-start-end-radius: 0.25rem !important; border-end-end-radius: 0.25rem !important; } /* ── Color de borde neutro unificado ───────────────────────────────────── "Todo lo que tenga borde, el mismo gris". Filament dibuja los marcos con dos mecanismos y hay que cubrir ambos: · bordes reales → border-gray-* / divide-gray-* · RINGS → ring-gray-950/* (box-shadow gris al 5-10%, casi transparente: por eso widgets y tabs "no se veían" y el dashboard /app parecía revertir al cargar el widget tarde) Unificamos los dos a --geist-border-strong (#C1C9D2). NO tocamos colores de estado (danger/primary/warning): usan sus propias escalas, no `gray`. */ [class*="ring-gray-950"] { --tw-ring-color: var(--geist-border-strong) !important; } [class*="border-gray-"] { border-color: var(--geist-border-strong) !important; } [class*="divide-gray-"] > :not([hidden]) ~ :not([hidden]) { border-color: var(--geist-border-strong) !important; } /* ── Sidebar ──────────────────────────────────────────────────────────── */ /* ── Design tokens ──────────────────────────────────────────────────────── Fuente única de la paleta de marca. Cada color repetido en este fichero se declara aquí una vez y se referencia con var(). El espejo Tailwind de esta misma paleta vive en `resources/css/app.css` (@theme) y en `AppPanelProvider->colors()`; ambos deben mantenerse en sync con estos hex. */ :root { --sidebar-width: 280px; /* T17: 240→280. Token/single-source; el ancho REAL se fija en .fi-sidebar (ver nota abajo): Filament pisa este :root con un