/*
 * Tema Astetik: rosa empolvado con pasteles bajos (rubor, lavanda, durazno, menta) sobre marfil.
 * Se carga después de los estilos de Filament (render hook STYLES_AFTER).
 */
:root {
    --as-ivory: #fcf8f7;
    --as-blush: #fbeef2;
    --as-blush-2: #f5dde5;
    --as-rose: #9c4d67;
    --as-rose-soft: #d98ea4;
    --as-lavender: #f1ecf8;
    --as-peach: #fdf1e9;
    --as-mint: #ebf5f0;
    --as-ink: #3d2a33;
    --as-muted: #8a6f7a;
    --as-line: #f0e1e6;
    --as-shadow: 0 1px 2px rgba(61, 42, 51, .04), 0 10px 28px -14px rgba(176, 92, 119, .22);
    --as-serif: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

/* Fondo y texto */
.fi-body {
    background: linear-gradient(180deg, #fdf6f8 0%, var(--as-ivory) 320px) fixed;
    color: var(--as-ink);
}

/* Barra superior */
.fi-topbar, .fi-topbar > nav {
    background: rgba(255, 255, 255, .82) !important;
    backdrop-filter: blur(10px);
    box-shadow: none !important;
    border-bottom: 1px solid var(--as-line);
}

/* Menú lateral */
.fi-sidebar, .fi-sidebar-header {
    background: linear-gradient(180deg, #fbf0f3 0%, #faf3f6 100%) !important;
    box-shadow: none !important;
}
.fi-sidebar { border-inline-end: 1px solid var(--as-line); }
.fi-sidebar-group-label {
    color: var(--as-muted) !important;
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.fi-sidebar-item-btn { border-radius: 12px; transition: background .15s ease; }
.fi-sidebar-item-btn:hover { background: rgba(255, 255, 255, .7) !important; }
.fi-sidebar-item.fi-active > .fi-sidebar-item-btn {
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(176, 92, 119, .10), 0 4px 14px -8px rgba(176, 92, 119, .35);
}
.fi-sidebar-item.fi-active .fi-sidebar-item-label,
.fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--as-rose) !important; }

/* Títulos de página: serif elegante */
.fi-header-heading, .fi-simple-header-heading {
    font-family: var(--as-serif);
    font-weight: 600 !important;
    letter-spacing: .01em;
    color: var(--as-ink);
}
.fi-header-heading { font-size: 2.1rem !important; line-height: 1.15; }

/* Tarjetas: secciones, tablas, pestañas, widgets, modales */
.fi-section:not(.fi-section-not-contained), .fi-ta-ctn, .fi-wi-stats-overview-stat, .fi-wi-chart, .fi-fo-tabs, .fi-sc-tabs, .fi-in-tabs {
    border-radius: 18px !important;
    border: 1px solid var(--as-line);
    box-shadow: var(--as-shadow) !important;
}
.fi-section-header-heading { color: var(--as-ink); font-weight: 600; }
.fi-modal-window { border-radius: 22px !important; }

/* Indicadores del escritorio con pasteles alternos */
.fi-grid-col:nth-child(4n+1) > .fi-sc-component > .fi-wi-stats-overview-stat { background: linear-gradient(135deg, #fff 30%, var(--as-blush)) !important; }
.fi-grid-col:nth-child(4n+2) > .fi-sc-component > .fi-wi-stats-overview-stat { background: linear-gradient(135deg, #fff 30%, var(--as-lavender)) !important; }
.fi-grid-col:nth-child(4n+3) > .fi-sc-component > .fi-wi-stats-overview-stat { background: linear-gradient(135deg, #fff 30%, var(--as-peach)) !important; }
.fi-grid-col:nth-child(4n+4) > .fi-sc-component > .fi-wi-stats-overview-stat { background: linear-gradient(135deg, #fff 30%, var(--as-mint)) !important; }

/* Tablas */
.fi-ta-header-cell { background: #fdf5f7 !important; color: var(--as-muted); }
.fi-ta-row:hover { background: #fdf7f9 !important; }

/* Pestañas */
.fi-tabs { background: #fff; border-radius: 16px; }
.fi-tabs-item { border-radius: 10px; }
.fi-tabs-item.fi-active { background: var(--as-blush) !important; }
.fi-tabs-item.fi-active .fi-tabs-item-label, .fi-tabs-item.fi-active .fi-tabs-item-icon { color: var(--as-rose) !important; }

/* Botones e insignias */
.fi-btn { border-radius: 12px !important; }
.fi-badge { border-radius: 999px !important; }

/* Pantalla de ingreso */
.fi-simple-layout {
    background:
        radial-gradient(900px 500px at 10% 0%, #f9e3ea 0%, transparent 60%),
        radial-gradient(700px 500px at 100% 20%, var(--as-lavender) 0%, transparent 55%),
        radial-gradient(800px 600px at 50% 110%, var(--as-peach) 0%, transparent 60%),
        var(--as-ivory) !important;
}
.fi-simple-main {
    border-radius: 24px !important;
    border: 1px solid var(--as-line);
    box-shadow: 0 30px 60px -30px rgba(176, 92, 119, .35) !important;
}

/* Marca (logo + nombre) */
.astetik-brand { display: inline-flex; align-items: center; gap: .55rem; text-decoration: none; }
.astetik-brand img { height: 2.1rem; width: 2.1rem; }
.astetik-brand span {
    font-family: var(--as-serif);
    font-size: 1.65rem;
    font-weight: 600;
    letter-spacing: .03em;
    color: var(--as-ink);
}
.fi-simple-layout .astetik-brand img { height: 2.8rem; width: 2.8rem; }
.fi-simple-layout .astetik-brand span { font-size: 2.2rem; }