/*
|--------------------------------------------------------------------------
| MagicSea — CSS personalizado del panel (Filament 4)
|--------------------------------------------------------------------------
| Archivo ESTÁTICO servido por Nginx desde public/css/ — sin Node, sin
| Vite, sin build. Se inyecta en el <head> de TODAS las páginas del panel
| (login incluido) vía el renderHook 'panels::head.end' del
| AdminPanelProvider.
|
| CÓMO AÑADIR AJUSTES FUTUROS:
|  1. Añade tus reglas al final de este archivo (usa los selectores fi-*
|     de Filament; inspecciona con DevTools).
|  2. Sube el archivo por SFTP/cPanel.
|  3. Sube el número de versión del ?v= en el renderHook del
|     AdminPanelProvider (rompe la caché del navegador).
| Nada más: sin comandos, sin compilación.
|
| Nota: los !important son necesarios porque el CSS compilado de Filament
| (Tailwind) llega con alta especificidad.
*/

/* ==========================================================================
   1. Jerarquía del login (páginas "simples" de auth: login, perfil, etc.)
   --------------------------------------------------------------------------
   Objetivo: la marca "MagicSea Calendar" grande y en navy; el "Sign in"
   pequeño y gris (hoy es al revés). Scope con .fi-simple-* para NO tocar
   los encabezados del resto del panel (listados, formularios).
   ========================================================================== */

/* La marca (texto o logo) — grande, navy, protagonista */
.fi-simple-page .fi-logo,
.fi-simple-main .fi-logo,
.fi-simple-header .fi-logo {
    font-size: 1.875rem !important;   /* ~30px */
    line-height: 2.25rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em !important;
    color: #1e3a5f !important;        /* navy */
}

/* El encabezado "Sign in" — pequeño, gris, subordinado */
.fi-simple-page h1,
.fi-simple-main h1,
.fi-simple-page .fi-header-heading,
.fi-simple-main .fi-header-heading,
.fi-simple-header-heading {
    font-size: 0.95rem !important;
    line-height: 1.4rem !important;
    font-weight: 500 !important;
    color: #6b7280 !important;        /* gris */
}

/* ==========================================================================
   2. (espacio para futuros ajustes visuales del panel)
   ========================================================================== */
