/* /Layout/ClientContextBanner.razor.rz.scp.css */
.client-context-banner[b-zq8bmugzxg] {
    position: sticky;
    top: 64px;
    z-index: 10;
    padding: 4px 24px;
    min-height: 36px;
    background-color: var(--mud-palette-background);
    background-image: linear-gradient(color-mix(in srgb, var(--mud-palette-primary) 8%, transparent), color-mix(in srgb, var(--mud-palette-primary) 8%, transparent));
    border-left: 3px solid var(--mud-palette-primary);
}

@media (max-width: 599px) {
    .client-context-banner[b-zq8bmugzxg] {
        top: 56px;
    }
}
/* /Layout/LoginScreen.razor.rz.scp.css */
.login-screen[b-lm6z0723up] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    background: var(--mud-palette-background-gray);
    padding: 1rem;
}

.login-screen-logo[b-lm6z0723up] {
    height: 96px;
    object-fit: contain;
}

.login-screen-card[b-lm6z0723up] {
    width: 100%;
    max-width: 520px;
    padding: 2.5rem;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.no-empresa-header[b-aefqiugpxy] {
    position: fixed;
    top: 12px;
    right: 12px;
    z-index: 100;
}

/* pa-6 (24px) por lado tiene sentido en escritorio pero en un movil de ~375px se come el 13% del
   ancho solo de margenes. ::deep porque MudContainer renderiza su propio div de contenido. */
@media (max-width: 600px) {
    [b-aefqiugpxy] .page-container {
        padding: 8px !important;
    }
}
/* /Layout/SelectEmpresaDialog.razor.rz.scp.css */
[b-xg0ltizcz2] .empresa-list-item {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 8px;
    margin-bottom: 8px;
}
/* /Pages/Configuracion/Configuracion.razor.rz.scp.css */
/* Mismo ajuste que SistemaIALayout.razor.css - ver ahi la explicacion completa de por que ni
   --mud-palette-surface ni --mud-palette-drawer-background sirven como "tercer gris" en los dos
   modos. Escapado a esta pagina (::deep) a proposito: no tocar el global .mud-tabs-panels de
   app.css, porque Ajustes (SettingsDialog, mismo ResponsiveTabs) no debe cambiar - su dialogo ya
   se ve bien con el fondo blanco actual. */
.configuracion-tabs[b-azc56ngcx6]  .mud-tabs-panels {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background) 50%);
}
/* /Pages/Onboarding/Onboarding.razor.rz.scp.css */
.onboarding-screen[b-21ip0wy9bh] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    background: var(--mud-palette-background-gray);
    padding: 1rem;
}

.onboarding-logo[b-21ip0wy9bh] {
    height: 72px;
    object-fit: contain;
}

.onboarding-options[b-21ip0wy9bh] {
    width: 100%;
    max-width: 760px;
}

.onboarding-row[b-21ip0wy9bh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.onboarding-side[b-21ip0wy9bh] {
    flex: 0 0 48px;
    display: flex;
    justify-content: center;
}

.onboarding-options-grid[b-21ip0wy9bh] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    align-items: stretch;
    min-height: 420px;
    flex: 1 1 auto;
}

@media (max-width: 700px) {
    .onboarding-row[b-21ip0wy9bh] {
        flex-direction: column;
    }

    .onboarding-options-grid[b-21ip0wy9bh] {
        grid-template-columns: 1fr;
        width: 100%;
    }
}

/* Indicador de pasos */
.onboarding-steps[b-21ip0wy9bh] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.onboarding-step[b-21ip0wy9bh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.onboarding-step-dot[b-21ip0wy9bh] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.85rem;
    border: 2px solid var(--mud-palette-divider);
    color: var(--mud-palette-text-secondary);
    background: var(--mud-palette-surface);
}

.onboarding-step-active .onboarding-step-dot[b-21ip0wy9bh] {
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary);
}

.onboarding-step-done .onboarding-step-dot[b-21ip0wy9bh] {
    border-color: var(--mud-palette-primary);
    background: var(--mud-palette-primary);
    color: #fff;
}

.onboarding-step-line[b-21ip0wy9bh] {
    width: 48px;
    height: 2px;
    background: var(--mud-palette-divider);
    margin: 0 4px 20px;
}

.onboarding-step-line-done[b-21ip0wy9bh] {
    background: var(--mud-palette-primary);
}
/* /Pages/Onboarding/OptionCard.razor.rz.scp.css */
.option-card[b-x6xsclntr4] {
    cursor: pointer;
    width: 100%;
    height: 420px;
    border: 2px solid transparent;
}

.option-card-header[b-x6xsclntr4] {
    min-height: 40px;
}

.option-card-title[b-x6xsclntr4] {
    min-height: 76px;
    margin-top: 12px;
}

.option-card-features[b-x6xsclntr4] {
    min-height: 140px;
}
/* /Pages/Settings/SettingsDialog.razor.rz.scp.css */
/* Solo en escritorio: en movil manda la regla global de fullscreen (ver app.css), esto se
   deja fuera del media query para no competir en especificidad con ella. */
@media (min-width: 601px) {
    [b-02sja4x3wz] .mud-dialog {
        width: calc(100vw - 64px);
        max-width: calc(100vw - 64px);
    }
}
/* /Pages/SistemaIA/SistemaIALayout.razor.rz.scp.css */
/* .mud-tabs-panels trae de fabrica el mismo gris que el fondo de pagina (--mud-palette-background),
   mientras que la barra de pestañas ya es blanca - con Position.Top y las dos dentro del mismo
   borde redondeado, se veia como una caja gris de mas. Ninguno de los grises ya definidos en el
   tema sirve como "tercer tono": --mud-palette-surface es el mismo blanco de las tarjetas (blanco
   sobre blanco), y --mud-palette-drawer-background coincide exactamente con --mud-palette-background
   en modo oscuro (#1A1A1A los dos, ver GobernaIATheme.cs) - usar cualquiera de los dos reproduce el
   mismo problema. En vez de fijar un color nuevo a mano, se calcula el punto medio real entre pagina
   y tarjeta - se adapta solo si cambia el tema, en claro y en oscuro. Escapado a esta pagina (::deep)
   para no afectar a Configuracion.razor (Position.Left, no tiene este problema). */
.sistema-ia-tabs[b-xuifnsq6pa]  .mud-tabs-panels {
    background-color: color-mix(in srgb, var(--mud-palette-surface) 50%, var(--mud-palette-background) 50%);
}