/* Theme tokens custom de Rapso (brand + sidebar). El dark/light de las
   superficies Bootstrap (body, cards, table, form, border, text-muted)
   lo maneja Bootstrap 5.3 vía data-bs-theme. Aquí sólo definimos lo
   que Bootstrap no cubre: colores de marca por tenant y el sidebar. */

:root,
[data-bs-theme="light"] {
    --brand-primary: var(--brand-primary, #283d5c);
    --brand-secondary: var(--brand-secondary, #3498db);
    --rapso-sidebar-bg: #1f2937;
    --rapso-sidebar-text: rgba(255, 255, 255, 0.85);
}

[data-bs-theme="dark"] {
    --rapso-sidebar-bg: #0b1220;
    --rapso-sidebar-text: rgba(255, 255, 255, 0.85);
}

/* En dark mode, neutralizamos los overrides custom de modern-bootstrap.css
   que fuerzan background light al focus del form-control. Sin este reset
   los inputs aparecen blancos contra fondo oscuro al recibir foco. */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-control:hover,
[data-bs-theme="dark"] .form-select,
[data-bs-theme="dark"] .form-select:focus {
    background-color: var(--bs-form-bg, #2b3035) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-border-color) !important;
}

[data-bs-theme="dark"] .form-control::placeholder {
    color: var(--bs-secondary-color, #adb5bd) !important;
    opacity: 0.7;
}

/* Floating utilities en la esquina superior derecha del MainLayout
   (reemplaza al header redundante que quitamos). */
.rapso-floating-utils {
    position: fixed;
    top: 0.75rem;
    right: 1rem;
    z-index: 1030;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

/* Content area sin padding excesivo: en mobile cero, en desktop suave. */
.main > .content {
    padding: 0;
}
@media (min-width: 992px) {
    .main > .content {
        padding: 0;
    }
}