/* Logout: cargar DESPUÉS de tailwind + scoped CSS (ver index.html).
   Global (sin isolation) para que aplique en la 1.ª navegación tras login. */

/* —— Top-row (MainLayout) —— */
.top-row-logout {
    display: inline-grid !important;
    place-items: center !important;
    width: 2.15rem !important;
    height: 2.15rem !important;
    margin-left: 0.15rem;
    padding: 0 !important;
    border: 1px solid #b91c1c !important;
    border-radius: 0.55rem !important;
    background: #dc2626 !important;
    color: #fff !important;
    font-size: 1.15rem !important;
    line-height: 1 !important;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(220, 38, 38, 0.28);
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.top-row-logout:hover {
    background: #b91c1c !important;
    border-color: #991b1b !important;
    color: #fff !important;
}

.top-row-logout:focus-visible {
    outline: 2px solid #fecaca;
    outline-offset: 2px;
}

.top-row-logout > i,
.top-row-logout .bi {
    color: #fff !important;
}

html[data-theme="dark"] .top-row-logout {
    background: #ef4444 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

html[data-theme="dark"] .top-row-logout:hover {
    background: #dc2626 !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

/* —— Sidebar (NavMenu) —— */
.preicfes-nav .nav-logout-button {
    background: #dc2626 !important;
    border-color: #b91c1c !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(220, 38, 38, 0.28);
}

.preicfes-nav .nav-logout-button:hover {
    background: #b91c1c !important;
    border-color: #991b1b !important;
    color: #fff !important;
}

.preicfes-nav .nav-logout-button:focus-visible {
    outline: 2px solid #fecaca;
    outline-offset: 2px;
}

.preicfes-nav .nav-logout-button .nav-item-label,
.preicfes-nav .nav-logout-button > i,
.preicfes-nav .nav-logout-button > .nav-menu-icon,
.preicfes-nav .nav-logout-button .bi {
    color: #fff !important;
}

html[data-theme="dark"] .preicfes-nav .nav-logout-button {
    background: #ef4444 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(239, 68, 68, 0.35);
}

html[data-theme="dark"] .preicfes-nav .nav-logout-button:hover {
    background: #dc2626 !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}