/* Ajustes visuales RoomBiller sobre el tema de Filament (modo oscuro). */

/* Logotipo: horizontal en cabecera y barra lateral, vertical en el login; claro (.rb-l) u oscuro (.rb-d) según el tema */
.rb-brand { display: inline-flex; align-items: center; height: 100%; }

.rb-brand img { display: none; width: auto; }

.rb-brand .rb-h.rb-l { display: block; height: 100%; }

.dark .rb-brand .rb-h.rb-l { display: none; }

.dark .rb-brand .rb-h.rb-d { display: block; height: 100%; }

.fi-simple-layout .fi-logo { height: auto !important; }

.fi-simple-layout .rb-brand .rb-h { display: none !important; }

.fi-simple-layout .rb-brand .rb-v.rb-l { display: block; height: auto; width: 14rem; max-width: 70vw; }

.dark .fi-simple-layout .rb-brand .rb-v.rb-l { display: none; }

.dark .fi-simple-layout .rb-brand .rb-v.rb-d { display: block; height: auto; width: 14rem; max-width: 70vw; }

.dark .fi-body {
    background-color: #07131f;
}

/* Login: fondo con halo naranja y tarjeta translúcida */
.dark .fi-simple-layout {
    background:
        radial-gradient(60rem 40rem at 50% -10%, rgba(41, 166, 143, 0.20), transparent 60%),
        radial-gradient(40rem 30rem at 100% 100%, rgba(16, 51, 92, 0.45), transparent 60%),
        #07131f;
}

.dark .fi-simple-main {
    background-color: rgba(13, 32, 54, 0.75);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(120, 190, 230, 0.10);
    box-shadow: 0 25px 60px -20px rgba(0, 0, 0, 0.7);
}

/* Barra lateral y superior */
.dark .fi-sidebar,
.dark .fi-topbar > nav {
    background-color: #0a1a2b;
    border-color: rgba(120, 190, 230, 0.10);
}

/* Tarjetas, tablas y widgets */
.dark .fi-section,
.dark .fi-ta-ctn,
.dark .fi-wi-stats-overview-stat {
    background-color: #0d2036;
    border: 1px solid rgba(120, 190, 230, 0.10);
    box-shadow: none;
}

/* Recorrido de bienvenida */
.onboarding-step { text-align: center; padding: 0.5rem 0 0; }
.onboarding-icon { width: 3rem; height: 3rem; margin: 0 auto 0.75rem; color: #29a68f; }
.onboarding-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.5rem; }
.onboarding-text { font-size: 0.95rem; line-height: 1.55; color: var(--gray-600, #475569); }
.dark .onboarding-text { color: var(--gray-300, #cbd5e1); }
.onboarding-dots { display: flex; justify-content: center; gap: 0.4rem; margin-top: 1.25rem; }
.onboarding-dot { width: 0.5rem; height: 0.5rem; border-radius: 9999px; background: rgba(120, 140, 160, 0.35); transition: background 0.2s, width 0.2s; }
.onboarding-dot.is-active { width: 1.25rem; background: #29a68f; }
.onboarding-actions { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; }
.onboarding-nav { display: flex; gap: 0.5rem; margin-left: auto; }

/* Aviso de servicio de terceros en la subida automática de facturas */
.rb-notice {
    display: flex; gap: 0.9rem; padding: 1rem 1.1rem;
    background: rgba(217, 154, 30, 0.10); border: 1px solid rgba(217, 154, 30, 0.45);
    border-left-width: 4px; border-radius: 0.8rem;
}
.rb-notice-icon { flex: none; width: 1.75rem; height: 1.75rem; color: #b97d0a; }
.dark .rb-notice-icon { color: #f0b84a; }
.rb-notice-icon svg { width: 100%; height: 100%; }
.rb-notice-title { margin: 0 0 0.4rem; font-weight: 700; }
.rb-notice-list { margin: 0.25rem 0 0; padding-left: 1.1rem; display: grid; gap: 0.35rem; font-size: 0.875rem; line-height: 1.5; list-style: disc; }