@import '../../../../vendor/filament/filament/resources/css/theme.css';
@import '@fontsource-variable/archivo/wdth.css';
@import './status-tabs.css';
@import './news-demo.css';
@import './login.css';
@import '../../shared/rich-content.css';

@source '../../../../app/Filament/**/*';
@source '../../../../resources/views/filament/**/*';

:root {
    --admin-night: #122b57;
    --admin-blue: #22498f;
    --admin-orange: #f28c28;
    --admin-text: #eaf0f8;
    --admin-text-muted: #d5def0;
    --admin-icon-muted: #9eadc6;
    --admin-white: #ffffff;
}

.fi-sidebar { background-color: var(--admin-night); }
@media (min-width: 64rem) { .fi-body .fi-sidebar { background-color: var(--admin-night); } }
/* Filament v5 no expone tokens para estas superficies; se alinean los controles del toolbar aquí. */
.fi-topbar { background-color: var(--admin-night); color: var(--admin-text); }
.fi-topbar .fi-icon-btn, .fi-topbar .fi-icon-btn .fi-icon { color: var(--admin-text); }
.fi-topbar .fi-icon-btn:hover, .fi-topbar .fi-icon-btn:focus-visible { background-color: rgb(255 255 255 / 0.12); }
.fi-topbar .fi-global-search-field input { background-color: rgb(255 255 255 / 0.1); color: var(--admin-white); border-color: rgb(255 255 255 / 0.25); }
.fi-topbar .fi-global-search-field .fi-input-wrp { background-color: rgb(255 255 255 / 0.1); color: var(--admin-text-muted); border-color: rgb(255 255 255 / 0.25); }
.fi-topbar .fi-global-search-field .fi-input-wrp:focus-within { border-color: var(--admin-text); }
.fi-topbar .fi-global-search-field input::placeholder, .fi-topbar .fi-global-search-field .fi-icon { color: var(--admin-text-muted); }
.fi-topbar .fi-user-menu-trigger, .fi-topbar .fi-user-menu-trigger .fi-icon { color: var(--admin-text); }
.fi-sidebar-header { background-color: var(--admin-night); color: var(--admin-text); }
.fi-sidebar-header .fi-icon-btn, .fi-sidebar-header .fi-icon-btn .fi-icon { color: var(--admin-text); }
.fi-brand { color: var(--admin-text); }
.fi-sidebar .fi-sidebar-group-label { color: rgb(213 222 240 / 0.65); font-size: 0.75rem; letter-spacing: 0.02em; }
.fi-sidebar .fi-sidebar-group-btn .fi-icon, .fi-sidebar .fi-sidebar-item-icon { color: var(--admin-icon-muted); }
.fi-sidebar .fi-sidebar-item-label { color: var(--admin-text); }
.fi-sidebar .fi-sidebar-item-btn:hover, .fi-sidebar .fi-sidebar-item-btn:focus-visible, .fi-sidebar .fi-sidebar-group-dropdown-trigger-btn:hover { background-color: rgb(255 255 255 / 0.08); }
.fi-sidebar .fi-sidebar-item.fi-active > .fi-sidebar-item-btn { background-color: rgb(242 140 40 / 0.18); box-shadow: inset 3px 0 0 var(--admin-orange); }
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-label { color: #fff; font-weight: 700; }
.fi-sidebar .fi-sidebar-item.fi-active .fi-sidebar-item-icon { color: var(--admin-orange); }
.fi-sidebar .fi-sidebar-header-controls::after, .fi-sidebar .fi-sidebar-nav-groups { border-color: rgb(255 255 255 / 0.08); }
.fi-main { padding-inline: 1rem; }
@media (min-width: 64rem) { .fi-main { padding-inline: 1.5rem; } }
.fi-fo-rich-editor-toolbar { position: sticky; top: var(--topbar-height, 4rem); z-index: 10; }
.fi-fo-rich-editor-content { min-height: 22rem; }
/* El editor escribe con el mismo aspecto que el texto publicado: tamaño,
   viñetas y citas en anaranjado. El texto empieza a la izquierda, sin
   columna centrada (se leía como si se escribiera en medio). */
.fi-fo-rich-editor .fi-prose {
    --prose-link-color: var(--admin-blue);
    --prose-link-underline-color: var(--admin-blue);
    --prose-blockquote-border-color: var(--admin-orange);
    font-size: 1rem;
    line-height: 1.7;
}
.dark .fi-fo-rich-editor .fi-prose {
    --prose-link-color: #8fb0ee;
    --prose-link-underline-color: #8fb0ee;
}
.fi-fo-rich-editor .fi-prose ul > li::marker { color: var(--admin-orange); }
.fi-fo-rich-editor .fi-prose :is(h2, h3) { font-stretch: 112%; font-weight: 800; }
.fi-fo-rich-editor .fi-prose img { border-radius: 1rem; }
.driver-popover { font-family: 'Archivo Variable', ui-sans-serif, system-ui, sans-serif; border-radius: 0.75rem; }
.driver-popover-title { font-weight: 800; }
.driver-popover-navigation-btns button.driver-popover-next-btn { background: var(--admin-orange); color: var(--admin-night); text-shadow: none; border: 0; font-weight: 700; }
/* Barra de Guardar / Cancelar. Mientras los botones reales no se ven,
   Filament la fija al pie; aquí se le da presencia: filete anaranjado y
   botones anchos, el de guardar con más peso. */
.fi-sc-actions .fi-ac .fi-btn.fi-size-lg { min-width: 11rem; min-height: 3rem; font-weight: 700; }
.fi-sc-actions .fi-ac .fi-btn.fi-size-lg.fi-color-primary { min-width: 14rem; box-shadow: 0 6px 16px -6px rgb(34 73 143 / 0.7); }
.fi-sc-actions.fi-sticky .fi-ac {
    z-index: 20;
    border-top: 3px solid var(--admin-orange);
    box-shadow: 0 -10px 30px -12px rgb(18 43 87 / 0.35);
}