/*
 * Pegasus Filament Branding
 * Full UI color overrides for blue corporate palette (#263173).
 */

:root {
    --pegasus-primary: #263173;
    --pegasus-primary-light: #3347A0;
    --pegasus-accent: #4A6AB4;
    --pegasus-accent-hover: #3F5A9E;

    /* Light mode surfaces */
    --pegasus-page-bg: #EDF0F7;
    --pegasus-sidebar-bg: #F4F5FB;
    --pegasus-card-bg: #FFFFFF;
    --pegasus-card-border: #D2D7E8;
    --pegasus-nav-hover: #E4E7F3;
    --pegasus-nav-active-bg: #e9edff;
    --pegasus-nav-active-text: #263173;
    --pegasus-nav-text: #3B405A;
    --pegasus-nav-icon: #6B7194;
    --pegasus-section-label: #5A5F7A;
}

/* ================================================================
   1. PAGE BACKGROUND
   ================================================================ */
.fi-body {
    background-color: var(--pegasus-page-bg) !important;
}

/* ================================================================
   2. TOPBAR
   ================================================================ */
.fi-topbar,
.fi-sidebar-header {
    background-color: var(--pegasus-primary) !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.fi-topbar .fi-topbar-open-sidebar-btn,
.fi-topbar .fi-topbar-close-sidebar-btn,
.fi-topbar .fi-topbar-open-sidebar-btn > svg,
.fi-topbar .fi-topbar-close-sidebar-btn > svg {
    color: #ffffff !important;
}

.fi-topbar .fi-logo,
.fi-sidebar-header .fi-logo {
    filter: brightness(0) invert(1) !important;
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    box-sizing: border-box !important;
}

/* ================================================================
   3. SIDEBAR
   ================================================================ */
.fi-sidebar {
    background-color: var(--pegasus-sidebar-bg) !important;
    border-right: 1px solid var(--pegasus-card-border) !important;
}

/* Sidebar nav items */
.fi-sidebar-nav-groups {
    background-color: transparent !important;
}

/* Group labels */
.fi-sidebar-group-label {
    color: var(--pegasus-section-label) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 0.65rem !important;
    letter-spacing: 0.06em !important;
}

/* Nav item default */
.fi-sidebar-item a {
    color: var(--pegasus-nav-text) !important;
    border-radius: 0.5rem !important;
    transition: all 150ms ease !important;
}

.fi-sidebar-item a .fi-sidebar-item-icon {
    color: var(--pegasus-nav-icon) !important;
    transition: color 150ms ease !important;
}

/* Nav item hover */
.fi-sidebar-item a:hover {
    background-color: var(--pegasus-nav-hover) !important;
    color: var(--pegasus-primary) !important;
}

.fi-sidebar-item a:hover .fi-sidebar-item-icon {
    color: var(--pegasus-primary) !important;
}

/* Nav item active */
.fi-sidebar-item.fi-active > a {
    background-color: var(--pegasus-nav-active-bg) !important;
    color: var(--pegasus-nav-active-text) !important;
}

.fi-sidebar-item.fi-active > a .fi-sidebar-item-icon {
    color: var(--pegasus-nav-active-text) !important;
}

.fi-sidebar-item.fi-active > a:hover {
    background-color: #dce1f7 !important;
    color: var(--pegasus-nav-active-text) !important;
}

/* ================================================================
   4. CARDS / SECTIONS / WIDGETS
   ================================================================ */
.fi-section,
.fi-wi-stats-overview-stat,
.fi-ta-ctn {
    background-color: var(--pegasus-card-bg) !important;
    border: 1px solid var(--pegasus-card-border) !important;
    border-radius: 0.75rem !important;
    box-shadow: 0 1px 3px rgba(38, 49, 115, 0.06) !important;
}

/* Section headers */
.fi-section-header {
    border-bottom: 1px solid var(--pegasus-card-border) !important;
}

/* Stats overview cards - accent border left */
.fi-wi-stats-overview-stat {
    border-left: 3px solid var(--pegasus-accent) !important;
}

/* ================================================================
   5. DROPDOWNS / MODALS
   ================================================================ */
.fi-dropdown-panel {
    background-color: var(--pegasus-card-bg) !important;
    border: 1px solid var(--pegasus-card-border) !important;
    box-shadow: 0 8px 24px rgba(38, 49, 115, 0.12) !important;
    border-radius: 0.625rem !important;
}

.fi-dropdown-list-item:hover {
    background-color: var(--pegasus-nav-hover) !important;
}

.fi-dropdown-list-item-label {
    color: var(--pegasus-nav-text) !important;
}

/* Modal overlay */
.fi-modal-content {
    border: 1px solid var(--pegasus-card-border) !important;
    box-shadow: 0 12px 40px rgba(38, 49, 115, 0.15) !important;
}

/* ================================================================
   6. TABLE ACCENT LINKS
   ================================================================ */
.fi-ta-actions .fi-link:not(.fi-color-danger),
.fi-ta-actions .fi-btn:not(.fi-color-danger):not(.fi-color-primary),
.fi-ta-cell-user-name .fi-ta-text-item,
.fi-ta-cell-user-name .fi-link:not(.fi-color-danger),
.fi-ta-filters-header .fi-link,
.fi-ta-filters-header a {
    color: var(--pegasus-accent) !important;
}

.fi-ta-actions .fi-link:not(.fi-color-danger):hover,
.fi-ta-actions .fi-btn:not(.fi-color-danger):not(.fi-color-primary):hover,
.fi-ta-cell-user-name .fi-link:not(.fi-color-danger):hover,
.fi-ta-filters-header .fi-link:hover,
.fi-ta-filters-header a:hover {
    color: var(--pegasus-accent-hover) !important;
}

/* "Resetear los filtros" link */
.fi-ta-filters-header .fi-btn.fi-color-danger,
.fi-ta-filters-header button.fi-color-danger,
.fi-ta-filters-header .fi-link.fi-color-danger {
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--pegasus-accent) !important;
    padding-inline: 0 !important;
}

.fi-ta-filters-header .fi-btn.fi-color-danger:hover,
.fi-ta-filters-header button.fi-color-danger:hover,
.fi-ta-filters-header .fi-link.fi-color-danger:hover {
    color: var(--pegasus-accent-hover) !important;
}

/* ================================================================
   7. BREADCRUMBS & PAGE HEADER
   ================================================================ */
.fi-breadcrumbs li a {
    color: var(--pegasus-nav-icon) !important;
}

.fi-breadcrumbs li a:hover {
    color: var(--pegasus-primary) !important;
}

/* ================================================================
   8. TABS (if any)
   ================================================================ */
.fi-tabs-item-active {
    border-color: var(--pegasus-primary) !important;
}

/* ================================================================
   D A R K   M O D E
   ================================================================ */
.dark {
    --pegasus-page-bg: #0E1127;
    --pegasus-sidebar-bg: #141833;
    --pegasus-card-bg: #191E3E;
    --pegasus-card-border: #2A3162;
    --pegasus-nav-hover: #1E2550;
    --pegasus-nav-active-bg: #4A6AB4;
    --pegasus-nav-active-text: #FFFFFF;
    --pegasus-nav-text: #B4BAD4;
    --pegasus-nav-icon: #7880A8;
    --pegasus-section-label: #8890B0;
}

/* Dark topbar (same navy) */
.dark .fi-topbar,
.dark .fi-sidebar-header {
    background-color: var(--pegasus-primary) !important;
    box-shadow: none !important;
    --tw-ring-color: transparent !important;
    --tw-ring-shadow: 0 0 #0000 !important;
}

.dark .fi-topbar .fi-topbar-open-sidebar-btn,
.dark .fi-topbar .fi-topbar-close-sidebar-btn,
.dark .fi-topbar .fi-topbar-open-sidebar-btn > svg,
.dark .fi-topbar .fi-topbar-close-sidebar-btn > svg {
    color: #ffffff !important;
}

/* Dark sidebar */
.dark .fi-sidebar {
    background-color: var(--pegasus-sidebar-bg) !important;
    border-right-color: var(--pegasus-card-border) !important;
}

/* Dark cards shadow */
.dark .fi-section,
.dark .fi-wi-stats-overview-stat,
.dark .fi-ta-ctn {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

/* Dark dropdown shadow */
.dark .fi-dropdown-panel {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

.dark .fi-modal-content {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5) !important;
}

/* Dark stat card accent */
.dark .fi-wi-stats-overview-stat {
    border-left-color: var(--pegasus-accent) !important;
}

/* Dark active nav */
.dark .fi-sidebar-item.fi-active > a,
.dark .fi-sidebar-item.fi-active > a *,
.dark .fi-sidebar-item.fi-active > a .fi-sidebar-item-label,
.dark .fi-sidebar-item.fi-active > a .fi-sidebar-item-icon {
    color: #FFFFFF !important;
}

/* Dark active nav hover */
.dark .fi-sidebar-item.fi-active > a:hover {
    background-color: #5A7AC4 !important;
    color: #FFFFFF !important;
}