@import '_content/Logicsoftware.Suite.DevTools/Logicsoftware.Suite.DevTools.1qvj0593ag.bundle.scp.css';
@import '_content/Logicsoftware.Suite.Logoconta/Logicsoftware.Suite.Logoconta.3nzkw46yxe.bundle.scp.css';
@import '_content/Logicsoftware.Suite.Platform/Logicsoftware.Suite.Platform.htna5mc43l.bundle.scp.css';

/* /Components/Layout/AccessLayout.razor.rz.scp.css */
.suite-access-shell[b-il8remc5qf] {
    min-height: 100vh;
    background: #f7dec7;
    color: var(--app-color-text);
}

.suite-access-error[b-il8remc5qf] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    padding: 2rem;
    text-align: center;
}

.suite-access-error h1[b-il8remc5qf] {
    margin: 0;
    color: var(--app-color-text-strong);
    font-size: 1.35rem;
    font-weight: 700;
}

.suite-access-error p[b-il8remc5qf] {
    max-width: 36rem;
    margin: 0;
    color: var(--app-color-text-muted);
}

.suite-access-error__icon[b-il8remc5qf] {
    display: grid;
    place-items: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: var(--app-radius-md);
    background: var(--app-color-danger-bg);
    color: var(--app-color-danger);
    font-size: 1.5rem;
}
/* /Components/Layout/DesktopSidebar.razor.rz.scp.css */
.sidebar-container[b-5e9osx4f1u] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-label[b-5e9osx4f1u] {
    padding: 1.5rem 1.5rem 0.5rem 1.5rem; /* Más espacio por arriba para separar bloques */
    color: var(--app-nav-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.menu-label[b-5e9osx4f1u] {
    color: var(--app-nav-muted);
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.nav-menu[b-5e9osx4f1u] {
    flex: 1;
    overflow-y: auto;
    padding-top: 0.5rem;
}

.nav-item-group[b-5e9osx4f1u] {
    margin-bottom: 4px;
}

.nav-item-group.is-expanded[b-5e9osx4f1u] {
    margin: 0 0.55rem 0.55rem;
    padding: 0.35rem 0 0.55rem;
    border-radius: 12px;
    background: var(--app-color-surface-subtle);
}

/* --- ESTILO DEL ENLACE PRINCIPAL --- */
[b-5e9osx4f1u] .main-link {
    display: flex;
    align-items: center;
    padding: 0.75rem 1.5rem;
    color: var(--app-nav-text);
    text-decoration: none;
    transition: background-color var(--app-transition-base), color var(--app-transition-base);
    cursor: pointer;
}

    [b-5e9osx4f1u] .main-link:hover {
        background-color: var(--app-color-sidebar-hover);
    }

    [b-5e9osx4f1u] .main-link:focus-visible {
        background-color: var(--app-color-sidebar-hover);
        outline: none;
        box-shadow: inset 3px 0 0 var(--app-nav-active-border);
    }

    /* Clase .active automática que añade Blazor a los NavLink */
    [b-5e9osx4f1u] .main-link.active {
        margin: 0 0.7rem;
        padding-left: calc(0.8rem - 4px);
        border-left: 4px solid var(--app-nav-active-border);
        border-radius: 8px;
        background-color: var(--app-color-surface);
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
        font-weight: bold;
    }

    [b-5e9osx4f1u] .main-link i {
        font-size: 1.2rem;
        margin-right: 0.75rem;
        width: 20px;
        text-align: center;
    }

    [b-5e9osx4f1u] .main-link .nav-text {
        min-width: 0;
    }

    [b-5e9osx4f1u] .main-link .nav-text--stacked {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
        gap: 0.05rem;
        line-height: 1.05;
    }

.toggle-icon[b-5e9osx4f1u] {
    font-size: 0.8rem !important;
    margin-right: 0 !important;
    color: var(--app-nav-muted);
}

/* --- ESTILO DE LAS OPERACIONES (ACORDEÓN) --- */
.sub-menu[b-5e9osx4f1u] {
    background-color: transparent;
    padding: 0.45rem 0.75rem 0.6rem;
    /* Animación suave para cuando se abre el acordeón */
    animation: slideDown-b-5e9osx4f1u 0.2s ease-out;
}

.sub-menu-nested[b-5e9osx4f1u] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.18rem;
    padding: 0 1.25rem 0.22rem 3.5rem;
}

.sub-menu-nested-prefix[b-5e9osx4f1u] {
    flex: 0 0 auto;
    color: var(--app-color-text-soft);
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1;
}

[b-5e9osx4f1u] .sub-menu-nested-link {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    max-width: 100%;
    padding: 0.08rem 0.14rem;
    color: var(--app-color-text-soft);
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.05;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15rem;
    transition: color var(--app-transition-base), text-decoration-color var(--app-transition-base);
}

    [b-5e9osx4f1u] .sub-menu-nested-link:hover,
    [b-5e9osx4f1u] .sub-menu-nested-link:focus-visible {
        color: var(--app-color-text-strong);
        text-decoration-color: currentColor;
        outline: none;
    }

    [b-5e9osx4f1u] .sub-menu-nested-link.active {
        color: var(--app-color-text-soft);
        text-decoration-color: currentColor;
    }

    [b-5e9osx4f1u] .sub-menu-nested-link.active:hover,
    [b-5e9osx4f1u] .sub-menu-nested-link.active:focus-visible {
        color: var(--app-color-text-strong);
    }

    [b-5e9osx4f1u] .sub-menu-nested-link span {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.sub-menu-nested-separator[b-5e9osx4f1u] {
    flex: 0 0 auto;
    color: var(--app-color-text-soft);
    font-size: 0.58rem;
}

.sub-menu-label[b-5e9osx4f1u] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.45rem 1.5rem 0.35rem 3.5rem;
    color: var(--app-nav-muted);
    font-size: 0.72rem;
    font-weight: 500;
    text-transform: uppercase;
}

.sub-menu-btn[b-5e9osx4f1u] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    /* Indentamos un poco más a la derecha para que parezca jerarquía */
    padding: 0.58rem 0.75rem 0.58rem 2.35rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: 8px;
    background: var(--app-color-surface);
    color: var(--app-nav-text);
    text-align: left;
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 1.2;
    cursor: pointer;
    /* El hover no debe cambiar métricas de texto: evita saltos entre una y dos líneas. */
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    transition: background-color var(--app-transition-base), border-color var(--app-transition-base), color var(--app-transition-base), box-shadow var(--app-transition-base);
}

    .sub-menu > .sub-menu-btn + .sub-menu-btn[b-5e9osx4f1u],
    .sub-menu > .sub-menu-btn + .sub-menu-operation-group[b-5e9osx4f1u],
    .sub-menu > .sub-menu-operation-group + .sub-menu-btn[b-5e9osx4f1u],
    .sub-menu > .sub-menu-operation-group + .sub-menu-operation-group[b-5e9osx4f1u] {
        margin-top: 0.3rem;
    }

    .sub-menu-btn.active[b-5e9osx4f1u] {
        color: var(--app-color-text-strong);
        background: var(--app-color-surface);
        border-color: var(--app-color-border);
        box-shadow: inset 3px 0 0 var(--app-nav-active-border);
        font-weight: 400;
    }

    .sub-menu-btn:hover[b-5e9osx4f1u] {
        color: var(--app-color-text-strong);
        background: var(--app-color-surface);
        border-color: var(--app-nav-active-border);
        box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    }

    .sub-menu-btn:focus-visible[b-5e9osx4f1u] {
        color: var(--app-color-text-strong);
        background: var(--app-color-surface);
        outline: none;
        border-color: var(--app-nav-active-border);
        box-shadow: inset 3px 0 0 var(--app-nav-active-border), 0 0 0 2px rgba(53, 126, 221, 0.14);
    }

    .sub-menu-btn.active:hover[b-5e9osx4f1u] {
        background: var(--app-color-sidebar-active);
    }

    .sub-menu-btn i[b-5e9osx4f1u] {
        flex: 0 0 1.15rem;
        margin-right: 0;
        text-align: center;
        line-height: 1.2rem;
    }

    .sub-menu-text[b-5e9osx4f1u] {
        flex: 1 1 auto;
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .operation-warning-dot[b-5e9osx4f1u] {
        flex: 0 0 auto;
        width: 0.5rem;
        height: 0.5rem;
        margin: 0.34rem 0 0 0.25rem;
        border-radius: 999px;
        background: #f59e0b;
        box-shadow: 0 0 0 2px color-mix(in srgb, #f59e0b 18%, transparent);
    }

.sub-menu-accordion-toggle[b-5e9osx4f1u] {
    align-items: center;
}

.sub-menu-accordion-toggle .operation-warning-dot[b-5e9osx4f1u] {
    margin-top: 0;
}

.sub-menu-accordion-toggle .sub-menu-text[b-5e9osx4f1u] {
    flex: 1 1 auto;
}

.sub-menu-accordion-icon[b-5e9osx4f1u] {
    flex: 0 0 auto !important;
    width: auto !important;
    color: var(--app-nav-muted);
    font-size: 0.78rem;
}

.sub-menu-accordion-panel[b-5e9osx4f1u] {
    display: grid;
    gap: 0.3rem;
    margin: 0.3rem 0 0.45rem 0.65rem;
    padding-left: 0.45rem;
    border-left: 1px solid var(--app-color-border-soft);
}

.sub-menu-accordion-panel--nested[b-5e9osx4f1u] {
    margin: 0.18rem 0 0.28rem;
    padding-left: 0;
}

.sub-menu-btn-child[b-5e9osx4f1u] {
    padding-left: 1.7rem;
}

.sub-menu-operation-subgroup[b-5e9osx4f1u] {
    display: grid;
    gap: 0.18rem;
}

.sub-menu-operation-subgroup.is-sections-group[b-5e9osx4f1u] {
    width: 100%;
    margin-left: 0;
}

.sub-menu-accordion-toggle--sections[b-5e9osx4f1u] {
    align-items: center;
    color: var(--app-nav-text);
    text-decoration: none;
}

.sub-menu-accordion-toggle--sections:hover[b-5e9osx4f1u],
.sub-menu-accordion-toggle--sections:focus-visible[b-5e9osx4f1u] {
    background: var(--app-color-surface);
    color: var(--app-color-text-strong);
    text-decoration: none;
}

.sub-menu-section-link[b-5e9osx4f1u] {
    align-items: center;
    gap: 0.42rem;
    width: 100%;
    min-width: 0;
    padding: 0.28rem 0.4rem 0.28rem 0.16rem;
    border-color: transparent;
    border-radius: 5px;
    background: transparent;
    box-sizing: border-box;
    box-shadow: none;
    color: var(--app-color-text);
    font-size: 0.77rem;
    font-weight: 520;
    line-height: 1.22;
    text-decoration: none;
}

.sub-menu-section-link + .sub-menu-section-link[b-5e9osx4f1u] {
    margin-top: 0;
}

.sub-menu-section-link:hover[b-5e9osx4f1u],
.sub-menu-section-link:focus-visible[b-5e9osx4f1u] {
    border-color: transparent;
    background: color-mix(in srgb, var(--app-color-focus-soft) 24%, transparent);
    box-shadow: none;
    color: var(--app-color-text-strong);
    text-decoration: none;
}

.sub-menu-section-link i[b-5e9osx4f1u] {
    width: 0.36rem !important;
    height: 0.36rem;
    flex: 0 0 0.36rem;
    border: 0;
    border-radius: 999px;
    background: color-mix(in srgb, var(--app-color-text-soft) 35%, transparent);
    color: transparent;
    font-size: 0;
    line-height: 1;
}

.sub-menu-section-link:hover i[b-5e9osx4f1u],
.sub-menu-section-link:focus-visible i[b-5e9osx4f1u] {
    background: var(--app-color-focus-strong);
}

.sub-menu-section-link .sub-menu-text[b-5e9osx4f1u] {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.sub-menu-operation-group.is-sections-group > .sub-menu-accordion-panel[b-5e9osx4f1u] {
    width: 100%;
    margin: 0.3rem 0 0.28rem;
    padding: 0.42rem 0.5rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: 8px;
    background: var(--app-color-surface);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    gap: 0;
    box-sizing: border-box;
}

/* Cuentas Anuales usa sus grupos internos como pantallas maestras: el bloque
   completo conserva el fondo suave y solo el apartado activo recupera la fila
   blanca con banda de foco y sus operaciones como botones. */
.nav-item-group.is-expanded.has-operation-focus[b-5e9osx4f1u] {
    background: var(--app-color-surface-subtle);
    padding: 0.35rem 0 0.55rem;
}

.nav-item-group.is-expanded.has-operation-focus[b-5e9osx4f1u]  .main-link.active {
    margin: 0;
    padding-left: 1.5rem;
    border-left-color: transparent;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    color: var(--app-nav-muted);
    font-weight: 500;
}

.nav-item-group.is-expanded.has-operation-focus[b-5e9osx4f1u]  .main-link.active:hover,
.nav-item-group.is-expanded.has-operation-focus[b-5e9osx4f1u]  .main-link.active:focus-visible {
    background-color: transparent;
    color: var(--app-color-text-strong);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu[b-5e9osx4f1u] {
    padding: 0.18rem 0.75rem 0.45rem;
    animation: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group[b-5e9osx4f1u] {
    margin: 0.08rem 0 0.2rem;
    border-radius: 8px;
    overflow: visible;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active[b-5e9osx4f1u] {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-btn[b-5e9osx4f1u] {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    color: var(--app-nav-muted);
    font-weight: 500;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-btn:hover[b-5e9osx4f1u] {
    border-color: transparent;
    background: var(--app-color-surface);
    box-shadow: none;
    color: var(--app-color-text-strong);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-btn:focus-visible[b-5e9osx4f1u] {
    border-color: transparent;
    background: transparent;
    box-shadow: inset 2px 0 0 var(--app-nav-active-border);
    color: var(--app-color-text-strong);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle.active[b-5e9osx4f1u] {
    border: 1px solid var(--app-color-border);
    border-left: 4px solid var(--app-nav-active-border);
    border-radius: 8px;
    background: var(--app-color-surface);
    color: var(--app-color-text-strong);
    font-size: 0.96rem;
    font-weight: 800;
    padding-left: calc(2.35rem - 4px);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-accordion-toggle.active:hover[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-accordion-toggle.active:focus-visible[b-5e9osx4f1u] {
    border-color: var(--app-color-border);
    border-left-color: var(--app-nav-active-border);
    background: var(--app-color-surface);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle.active .sub-menu-accordion-icon[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle:hover .sub-menu-accordion-icon[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle:focus-visible .sub-menu-accordion-icon[b-5e9osx4f1u] {
    color: currentColor;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child[b-5e9osx4f1u] {
    border-color: var(--app-color-border-soft);
    background: var(--app-color-surface);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    color: var(--app-nav-text);
    font-weight: 400;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child.active[b-5e9osx4f1u] {
    border-color: var(--app-color-border);
    color: var(--app-color-text-strong);
    box-shadow: inset 3px 0 0 var(--app-nav-active-border);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child:hover[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child:focus-visible[b-5e9osx4f1u] {
    border-color: var(--app-nav-active-border);
    background: var(--app-color-surface);
    color: var(--app-color-text-strong);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active > .sub-menu-accordion-panel[b-5e9osx4f1u] {
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
    border-left: 0;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-panel[b-5e9osx4f1u] {
    border-left-color: color-mix(in srgb, var(--app-nav-muted) 28%, transparent);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle--sections[b-5e9osx4f1u] {
    color: var(--app-nav-text);
    text-decoration: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle--sections:hover[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle--sections:focus-visible[b-5e9osx4f1u] {
    background: var(--app-color-surface);
    color: var(--app-color-text-strong);
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-section-link[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link[b-5e9osx4f1u] {
    width: 100%;
    gap: 0.42rem;
    padding: 0.28rem 0.4rem 0.28rem 0.16rem;
    border-color: transparent;
    border-radius: 5px;
    background: transparent;
    box-shadow: none;
    color: var(--app-color-text);
    font-size: 0.77rem;
    font-weight: 520;
    text-decoration: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-section-link:hover[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-section-link:focus-visible[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link:hover[b-5e9osx4f1u],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link:focus-visible[b-5e9osx4f1u] {
    border-color: transparent;
    background: color-mix(in srgb, var(--app-color-focus-soft) 24%, transparent);
    box-shadow: none;
    color: var(--app-color-text-strong);
    text-decoration: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-sections-group > .sub-menu-accordion-panel[b-5e9osx4f1u] {
    width: 100%;
    margin: 0.3rem 0 0.28rem;
    padding: 0.42rem 0.5rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: 8px;
    background: var(--app-color-surface);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    box-sizing: border-box;
}

@keyframes slideDown-b-5e9osx4f1u {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Layout/GlobalSpinner.razor.rz.scp.css */
.global-spinner-overlay[b-wk832fph7b] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100vh;
    background-color: transparent;
    cursor: progress;
    z-index: var(--app-z-spinner);
}

.global-spinner-card[b-wk832fph7b] {
    padding: var(--app-space-6);
    border-radius: var(--app-radius-lg);
    background: var(--app-color-surface);
    box-shadow: var(--app-shadow-modal);
    opacity: 0;
    transform: translateY(0.2rem) scale(0.98);
    animation: global-spinner-card-in-b-wk832fph7b 140ms ease-out 160ms forwards;
}

.global-spinner-icon[b-wk832fph7b] {
    width: var(--app-feedback-icon-size);
    height: var(--app-feedback-icon-size);
}

@keyframes global-spinner-card-in-b-wk832fph7b {
    to {
        opacity: 1;
        transform: none;
    }
}
/* /Components/Layout/GlobalToasts.razor.rz.scp.css */
/* Posición por defecto para escritorio (Pegado abajo) */
.custom-toast-pos[b-lxx49bqroa] {
    bottom: 0;
    z-index: var(--app-z-toast);
}

/* Regla exclusiva para móviles: Lo subimos para salvar la MobileBottomBar */
@media (max-width: 768px) {
    .custom-toast-pos[b-lxx49bqroa] {
        bottom: calc(var(--mobile-nav-height) + var(--app-space-4));
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================
   2. ESTRUCTURA PRINCIPAL (LAYOUT)
   ========================================= */

/* Contenedor principal a pantalla completa */
.app-container[b-wzouw8mac9] {
    display: flex;
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    overflow: hidden;
    position: relative;
    background-color: var(--app-shell-bg);
}

/* Área central derecha (al lado del sidebar) */
.main-content[b-wzouw8mac9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden; /* Mantiene el scroll de la página bloqueado */
}

/* Espacio dinámico donde se renderiza el @Body (El Folio) */
.content-area[b-wzouw8mac9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden; /* Evita que este contenedor crezca infinitamente */
    padding-bottom: var(--mobile-nav-height);
}

/* =========================================
   3. BARRA SUPERIOR (TOP BAR)
   ========================================= */

.top-bar[b-wzouw8mac9] {
    position: relative; /* Necesario para que el centrado 'absolute' del logo funcione */
    height: var(--app-topbar-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--app-topbar-bg);
    flex-shrink: 0;
}

/* --- IZQUIERDA: Botón Atrás --- */
.btn-back[b-wzouw8mac9] {
    background: none;
    border: none;
    color: var(--app-topbar-text);
    font-size: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: all var(--app-transition-base);
    margin-left: -0.5rem; /* Ajuste óptico para alinear con el padding de la caja */
}

    .btn-back:hover[b-wzouw8mac9] {
        background-color: var(--app-topbar-button-hover-bg);
        color: var(--app-color-text-strong);
    }

    .btn-back:active[b-wzouw8mac9] {
        background-color: var(--app-topbar-button-active-bg);
    }

/* --- CENTRO: Logo y Nombre --- */
.top-bar-center[b-wzouw8mac9] {
    display: none; /* Por defecto OCULTO (Móvil) */
    align-items: center;
    gap: 8px;
    position: absolute; /* Centrado absoluto respecto a la barra */
    left: 50%;
    transform: translateX(-50%);
}

.app-logo[b-wzouw8mac9] {
    height: 1.8rem;
    width: auto;
}

.app-brand-name[b-wzouw8mac9] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--app-color-link);
    letter-spacing: 0.5px;
}

/* --- DERECHA: Información de contexto --- */
.top-bar-info[b-wzouw8mac9] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.2;
}

.company-name[b-wzouw8mac9] {
    font-weight: 700;
    font-size: 0.9rem;
    color: var(--app-topbar-text);
}

.screen-name[b-wzouw8mac9] {
    font-size: 0.75rem;
    color: var(--app-topbar-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.top-bar-session[b-wzouw8mac9] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.35rem;
    max-width: 12rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--app-topbar-muted);
    font-size: 0.75rem;
    line-height: 1.2;
}

.top-bar-session:hover[b-wzouw8mac9] {
    color: var(--app-color-link);
}

.top-bar-session span[b-wzouw8mac9] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* =========================================
   4. REGLAS DE VISIBILIDAD BASE (MÓVIL)
   ========================================= */

.desktop-sidebar-container[b-wzouw8mac9] {
    display: none;
}

.mobile-ui-container[b-wzouw8mac9] {
    display: block;
}

/* =========================================
   5. MEDIA QUERIES (ADAPTACIÓN A PANTALLAS)
   ========================================= */

/* --- A partir de 768px (Tablets / Móviles horizontales) --- */
@media (min-width: 768px) {
    .content-area[b-wzouw8mac9] {
        padding: 1.5rem 1rem; /* Empieza a mostrar margen por fuera del folio */
        padding-bottom: var(--mobile-nav-height);
    }
}

/* --- A partir de 992px (Escritorio / PC) --- */
@media (min-width: 992px) {

    /* 1. Visibilidad y Layout General */
    .mobile-ui-container[b-wzouw8mac9] {
        display: none;
    }

    .desktop-sidebar-container[b-wzouw8mac9] {
        display: block;
        width: var(--sidebar-width);
        background-color: var(--app-color-sidebar);
        flex-shrink: 0;
        height: 100vh;
        overflow-y: auto;
    }

    /* 2. Ajustes de Espaciado */
    .main-content[b-wzouw8mac9] {
        padding-bottom: 0; /* En PC no hay barra abajo, quitamos el margen */
    }

    .content-area[b-wzouw8mac9] {
        padding: 2rem 1.5rem; /* Margen exterior del folio más amplio */
    }

    /* 3. Comportamientos Específicos */
    .top-bar-center[b-wzouw8mac9] {
        display: flex; /* Mostramos el logo central en pantallas grandes */
    }
}

/* /Components/Layout/MobileBottomBar.razor.rz.scp.css */
.mobile-bar[b-5w7xcx8xg2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--mobile-nav-height, 5rem);
    background: var(--app-topbar-bg);
    z-index: var(--app-z-mobile-bar);
    display: flex;
    justify-content: space-between;
    padding: 0 15%; /* Centra los botones dejando espacio a los lados */
    align-items: center;
    box-shadow: var(--app-shadow-mobile-bar);
}

.mobile-btn[b-5w7xcx8xg2] {
    background: none;
    border: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--app-color-brand-contrast);
    padding: 0;
    width: 100px;
    gap: 4px;
    transition: opacity var(--app-transition-base);
}

    .mobile-btn-icon[b-5w7xcx8xg2] {
        font-size: 1.5rem;
    }

    .mobile-btn span[b-5w7xcx8xg2] {
        font-size: 0.8rem;
        font-weight: 600;
    }

.disabled-btn[b-5w7xcx8xg2] {
    opacity: 0.4;
    cursor: not-allowed;
}
/* /Components/Layout/MobileOverlays.razor.rz.scp.css */
/* El fondo oscuro que permite cerrar al tocar fuera */
.overlay-backdrop[b-gwnipfomlv] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--app-color-overlay);
    z-index: var(--app-z-mobile-backdrop);
}

/* El panel que sube desde abajo */
.mobile-menu-panel[b-gwnipfomlv] {
    position: fixed;
    bottom: var(--mobile-nav-height, 5rem); /* Se apoya justo encima de la barra inferior */
    left: 0;
    width: 100%;
    max-height: 60vh;
    background: var(--app-color-surface);
    z-index: var(--app-z-mobile-panel);
    border-radius: 20px 20px 0 0;
    box-shadow: var(--app-shadow-mobile-panel);
    display: flex;
    flex-direction: column;
}

.panel-header[b-gwnipfomlv] {
    padding: 1rem 1.5rem;
    font-weight: bold;
    color: var(--app-color-text-muted);
    font-size: 0.85rem;
    text-transform: uppercase;
    border-bottom: 1px solid var(--app-color-border-soft);
}

.mobile-label[b-gwnipfomlv] {
    padding: 1rem 1.5rem 0.2rem;
    color: var(--app-color-text-soft);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.mobile-operation-label[b-gwnipfomlv] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding-bottom: 0.45rem;
}

.panel-content[b-gwnipfomlv] {
    overflow-y: auto;
    padding-bottom: 1rem;
}

.mobile-nested-nav[b-gwnipfomlv] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.2rem;
    padding: 0.48rem 1rem 0.18rem;
}

.mobile-nested-prefix[b-gwnipfomlv] {
    flex: 0 0 auto;
    color: var(--app-color-text-soft);
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
}

.mobile-nested-link[b-gwnipfomlv] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.2rem 0.22rem;
    border: 0;
    background: transparent;
    color: var(--app-color-text-soft);
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.05;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.15rem;
}

    .mobile-nested-link:hover[b-gwnipfomlv],
    .mobile-nested-link:focus-visible[b-gwnipfomlv],
    .mobile-nested-link:active[b-gwnipfomlv] {
        color: var(--app-color-text-strong);
        outline: none;
    }

    .mobile-nested-link.active[b-gwnipfomlv] {
        color: var(--app-color-text-soft);
    }

    .mobile-nested-link.active:hover[b-gwnipfomlv],
    .mobile-nested-link.active:focus-visible[b-gwnipfomlv],
    .mobile-nested-link.active:active[b-gwnipfomlv] {
        color: var(--app-color-text-strong);
    }

    .mobile-nested-link span[b-gwnipfomlv] {
        min-width: 0;
        overflow-wrap: anywhere;
    }

.mobile-nested-separator[b-gwnipfomlv] {
    color: var(--app-color-text-soft);
    font-size: 0.68rem;
}

.menu-item-btn[b-gwnipfomlv] {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background: none;
    border: none;
    border-bottom: 1px solid var(--app-color-border-soft);
    color: var(--app-color-text);
    font-size: 1rem;
    text-align: left;
}

    .menu-item-btn.active[b-gwnipfomlv] {
        background: var(--app-color-surface);
        color: var(--app-color-text-strong);
        box-shadow: inset 3px 0 0 var(--app-nav-active-border);
        font-weight: 700;
    }

    .menu-item-btn:active[b-gwnipfomlv] {
        background-color: var(--app-list-hover-bg);
    }

    .menu-item-btn i[b-gwnipfomlv] {
        font-size: 1.2rem;
        margin-right: 1rem;
        color: var(--app-color-text-muted);
    }

.mobile-operation-text[b-gwnipfomlv] {
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: anywhere;
}

.operation-warning-dot[b-gwnipfomlv] {
    flex: 0 0 auto;
    width: 0.55rem;
    height: 0.55rem;
    margin-left: 0.5rem;
    border-radius: 999px;
    background: #f59e0b;
    box-shadow: 0 0 0 2px color-mix(in srgb, #f59e0b 18%, transparent);
}

.mobile-operation-accordion-toggle .mobile-operation-text[b-gwnipfomlv] {
    min-width: 0;
    flex: 1 1 auto;
}

.mobile-operation-accordion-icon[b-gwnipfomlv] {
    margin-right: 0 !important;
    font-size: 0.85rem !important;
}

.mobile-operation-accordion-panel[b-gwnipfomlv] {
    display: grid;
    background: var(--app-color-surface-subtle);
}

.mobile-operation-accordion-panel--nested[b-gwnipfomlv] {
    background: color-mix(in srgb, var(--app-color-surface-subtle) 76%, var(--app-color-surface) 24%);
    border-left: 1px solid color-mix(in srgb, var(--app-color-text-soft) 24%, transparent);
    margin-left: 1.5rem;
}

.mobile-operation-child[b-gwnipfomlv] {
    padding-left: 2.35rem;
}

.mobile-operation-accordion-toggle--sections[b-gwnipfomlv] {
    color: var(--app-color-text-strong);
    font-weight: 700;
    text-decoration: none;
}

.mobile-operation-section-link[b-gwnipfomlv] {
    width: calc(100% - 1.5rem);
    margin-left: 0;
    padding-left: 0.85rem;
    color: var(--app-color-text);
    font-size: 0.92rem;
    text-decoration: none;
}

.mobile-operation-section-link i[b-gwnipfomlv] {
    color: color-mix(in srgb, var(--app-color-text-soft) 70%, transparent);
}

/* Animación de entrada */
.slide-up[b-gwnipfomlv] {
    animation: slideUpAnim-b-gwnipfomlv 0.25s ease-out forwards;
}

@keyframes slideUpAnim-b-gwnipfomlv {
    from {
        transform: translateY(100%);
    }

    to {
        transform: translateY(0);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1r4e1yfor9],
.components-reconnect-repeated-attempt-visible[b-1r4e1yfor9],
.components-reconnect-failed-visible[b-1r4e1yfor9],
.components-pause-visible[b-1r4e1yfor9],
.components-resume-failed-visible[b-1r4e1yfor9],
.components-rejoining-animation[b-1r4e1yfor9] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-retrying[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-failed[b-1r4e1yfor9],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-1r4e1yfor9] {
    display: block;
}


#components-reconnect-modal[b-1r4e1yfor9] {
    background-color: var(--app-color-surface);
    width: 20rem;
    max-width: 400px;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: var(--app-radius-lg);
    box-shadow: var(--app-shadow-modal);
    text-align: center;
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-1r4e1yfor9 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-1r4e1yfor9 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-1r4e1yfor9 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-1r4e1yfor9]::backdrop {
    background-color: var(--app-color-overlay);
    animation: components-reconnect-modal-fadeInOpacity-b-1r4e1yfor9 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-1r4e1yfor9 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-1r4e1yfor9 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-1r4e1yfor9 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-1r4e1yfor9] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--app-space-4);
}

#components-reconnect-modal p[b-1r4e1yfor9] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-1r4e1yfor9] {
    border: 0;
    background-color: var(--app-color-primary);
    color: var(--app-color-text-inverse);
    padding: 4px 24px;
    border-radius: var(--app-radius-sm);
}

    #components-reconnect-modal button:hover[b-1r4e1yfor9] {
        background-color: var(--app-color-link);
    }

    #components-reconnect-modal button:active[b-1r4e1yfor9] {
        background-color: var(--app-color-primary);
    }

.components-rejoining-animation[b-1r4e1yfor9] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-1r4e1yfor9] {
        position: absolute;
        border: 3px solid var(--app-color-focus);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-1r4e1yfor9 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-1r4e1yfor9] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-1r4e1yfor9 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/SuiteGlobalLayout.razor.rz.scp.css */
.suite-global-shell[b-gb6bgcej17] {
    display: flex;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    background: var(--app-shell-bg);
    color: var(--app-color-text);
}

.suite-global-sidebar[b-gb6bgcej17] {
    width: var(--sidebar-width);
    flex: 0 0 var(--sidebar-width);
    background: var(--app-color-sidebar);
    border-right: 1px solid var(--app-color-border-soft);
    overflow: hidden;
}

.suite-global-main[b-gb6bgcej17] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.suite-global-top-bar[b-gb6bgcej17] {
    position: relative;
    height: var(--app-topbar-height);
    flex: 0 0 var(--app-topbar-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--app-topbar-bg);
    color: var(--app-topbar-text);
}

.suite-global-back[b-gb6bgcej17] {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: -0.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--app-topbar-text);
    font-size: 1.25rem;
    transition: background-color var(--app-transition-base), color var(--app-transition-base);
}

.suite-global-back:hover[b-gb6bgcej17],
.suite-global-back:focus-visible[b-gb6bgcej17] {
    background: var(--app-topbar-button-hover-bg);
    color: var(--app-color-text-strong);
    outline: 0;
}

.suite-global-back:active[b-gb6bgcej17] {
    background: var(--app-topbar-button-active-bg);
}

.suite-global-top-brand[b-gb6bgcej17] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    color: var(--app-color-link);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.suite-global-top-brand__icon[b-gb6bgcej17] {
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    object-fit: contain;
}

.suite-global-top-info[b-gb6bgcej17] {
    min-width: 0;
    max-width: min(34vw, 22rem);
    color: var(--app-topbar-muted);
    font-size: var(--app-font-size-sm);
    font-weight: 600;
    text-align: right;
}

.suite-global-top-info span[b-gb6bgcej17] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suite-global-content[b-gb6bgcej17] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}

.sidebar-container[b-gb6bgcej17] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.suite-global-footer span[b-gb6bgcej17],
.suite-global-footer strong[b-gb6bgcej17] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suite-global-footer span[b-gb6bgcej17] {
    color: var(--app-nav-muted);
    font-size: var(--app-font-size-xs);
}

.nav-menu[b-gb6bgcej17] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding-top: 0.5rem;
}

.sidebar-label[b-gb6bgcej17] {
    padding: 1.5rem 1.5rem 0.5rem;
    color: var(--app-nav-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.nav-item-group[b-gb6bgcej17] {
    margin-bottom: 4px;
}

.nav-item-group.is-expanded[b-gb6bgcej17] {
    margin: 0 0.55rem 0.55rem;
    padding: 0.35rem 0 0.55rem;
    border-radius: 12px;
    background: var(--app-color-surface-subtle);
}

.main-link[b-gb6bgcej17],
[b-gb6bgcej17] .main-link {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 2.75rem;
    padding: 0.75rem 1.5rem;
    border: 0;
    background: transparent;
    color: var(--app-nav-text);
    font: inherit;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--app-transition-base), color var(--app-transition-base);
}

.main-link:hover[b-gb6bgcej17],
.main-link:focus-visible[b-gb6bgcej17],
[b-gb6bgcej17] .main-link:hover,
[b-gb6bgcej17] .main-link:focus-visible {
    background: var(--app-color-sidebar-hover);
    color: var(--app-color-text-strong);
    outline: none;
}

.main-link.active[b-gb6bgcej17],
[b-gb6bgcej17] .main-link.active {
    margin: 0 0.7rem;
    width: calc(100% - 1.4rem);
    padding-left: calc(0.8rem - 4px);
    border-left: 4px solid var(--app-nav-active-border);
    border-radius: 8px;
    background: var(--app-color-surface);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.08);
    color: var(--app-color-text-strong);
    font-weight: 700;
}

.main-link:disabled[b-gb6bgcej17] {
    cursor: default;
    opacity: 0.58;
}

.main-link i[b-gb6bgcej17],
[b-gb6bgcej17] .main-link i {
    flex: 0 0 20px;
    width: 20px;
    margin-right: 0.75rem;
    font-size: 1.2rem;
    text-align: center;
}

.main-link .nav-text[b-gb6bgcej17],
[b-gb6bgcej17] .main-link .nav-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.toggle-icon[b-gb6bgcej17] {
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto;
    margin-right: 0 !important;
    color: var(--app-nav-muted);
    font-size: 0.8rem !important;
}

.sub-menu[b-gb6bgcej17] {
    display: grid;
    gap: 0.3rem;
    padding: 0.45rem 0.75rem 0.6rem;
    background: transparent;
}

.sub-menu-btn[b-gb6bgcej17] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.58rem 0.75rem 0.58rem 2.35rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: 8px;
    background: var(--app-color-surface);
    color: var(--app-nav-text);
    text-align: left;
    font: inherit;
    font-size: 0.9rem;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    transition: background-color var(--app-transition-base), border-color var(--app-transition-base), color var(--app-transition-base), box-shadow var(--app-transition-base);
}

.sub-menu-btn:hover[b-gb6bgcej17],
.sub-menu-btn:focus-visible[b-gb6bgcej17] {
    color: var(--app-color-text-strong);
    background: var(--app-color-surface);
    border-color: var(--app-nav-active-border);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    outline: none;
}

.sub-menu-btn:disabled[b-gb6bgcej17],
.sub-menu-btn.is-disabled[b-gb6bgcej17] {
    cursor: default;
    opacity: 0.56;
}

.sub-menu-btn:disabled:hover[b-gb6bgcej17],
.sub-menu-btn.is-disabled:hover[b-gb6bgcej17] {
    border-color: var(--app-color-border-soft);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
    color: var(--app-nav-text);
}

.sub-menu-btn-danger:not(:disabled)[b-gb6bgcej17] {
    color: var(--app-color-danger);
}

.sub-menu-btn i[b-gb6bgcej17] {
    flex: 0 0 1.15rem;
    text-align: center;
    line-height: 1.2rem;
}

.sub-menu-text[b-gb6bgcej17] {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.suite-global-footer[b-gb6bgcej17] {
    display: grid;
    gap: 0.15rem;
    margin-top: auto;
    padding: 0.85rem 1.5rem 1rem;
    color: var(--app-nav-muted);
    font-size: var(--app-font-size-xs);
}

.suite-global-footer strong[b-gb6bgcej17] {
    color: var(--app-color-text);
    font-weight: 600;
}

@media (min-width: 768px) {
    .suite-global-content[b-gb6bgcej17] {
        padding: 1.5rem 1rem;
    }
}

@media (min-width: 992px) {
    .suite-global-content[b-gb6bgcej17] {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 899.98px) {
    .suite-global-shell[b-gb6bgcej17] {
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
    }

    .suite-global-sidebar[b-gb6bgcej17] {
        width: 100%;
        height: auto;
        flex-basis: auto;
        overflow: visible;
    }

    .suite-global-footer[b-gb6bgcej17] {
        display: none;
    }

    .suite-global-top-bar[b-gb6bgcej17] {
        padding-inline: 0.85rem !important;
    }

    .suite-global-top-brand[b-gb6bgcej17] {
        position: static;
        transform: none;
        margin-inline: auto;
    }

    .suite-global-top-info[b-gb6bgcej17] {
        max-width: 32vw;
    }

    .sidebar-container[b-gb6bgcej17] {
        height: auto;
    }

    .nav-menu[b-gb6bgcej17] {
        display: flex;
        gap: 0.45rem;
        overflow-x: auto;
        padding: 0.65rem;
    }

    .sidebar-label[b-gb6bgcej17],
    .sub-menu[b-gb6bgcej17] {
        display: none;
    }

    .nav-item-group[b-gb6bgcej17],
    .nav-item-group.is-expanded[b-gb6bgcej17] {
        margin: 0;
        padding: 0;
        background: transparent;
    }

    .main-link[b-gb6bgcej17],
    [b-gb6bgcej17] .main-link,
    .main-link.active[b-gb6bgcej17],
    [b-gb6bgcej17] .main-link.active {
        width: auto;
        min-width: max-content;
        margin: 0;
        padding: 0.55rem 0.75rem;
        border-left: 0;
        border-radius: var(--app-radius-sm);
    }

    .toggle-icon[b-gb6bgcej17] {
        display: none;
    }
}

@media (max-width: 575.98px) {
    .suite-global-content[b-gb6bgcej17] {
        padding: 0;
    }

    .suite-global-top-brand span[b-gb6bgcej17] {
        max-width: 10.5rem;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .suite-global-top-info[b-gb6bgcej17] {
        max-width: 8.5rem;
        font-size: var(--app-font-size-xs);
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.suite-login-page[b-xu8o5tqgfl] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    place-items: center;
    padding: 1.25rem;
}

.suite-login-card[b-xu8o5tqgfl] {
    width: min(100%, 27rem);
    padding: 2rem;
    border: 1px solid rgba(91, 92, 88, 0.18);
    border-radius: var(--app-radius-md);
    background: var(--app-color-surface);
    box-shadow: 0 16px 36px rgba(91, 92, 88, 0.12);
}

.suite-login-brand[b-xu8o5tqgfl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.suite-login-brand img[b-xu8o5tqgfl] {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
}

.suite-login-brand__name[b-xu8o5tqgfl] {
    color: #5b5c58;
    font-size: 1.25rem;
    font-weight: 700;
}

.suite-login-brand__meta[b-xu8o5tqgfl],
.suite-login-form p[b-xu8o5tqgfl],
.suite-login-session p[b-xu8o5tqgfl],
.suite-login-footer[b-xu8o5tqgfl] {
    color: var(--app-color-text-muted);
}

.suite-login-form[b-xu8o5tqgfl],
.suite-login-session[b-xu8o5tqgfl] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.suite-login-form h1[b-xu8o5tqgfl],
.suite-login-session h1[b-xu8o5tqgfl] {
    margin: 0 0 0.35rem;
    color: var(--app-color-text-strong);
    font-size: 1.4rem;
    font-weight: 700;
}

.suite-login-form p[b-xu8o5tqgfl],
.suite-login-session p[b-xu8o5tqgfl] {
    margin: 0;
}

.suite-login-field[b-xu8o5tqgfl] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--app-color-text-soft);
    font-size: var(--app-font-size-sm);
    font-weight: 600;
}

.suite-login-field input[b-xu8o5tqgfl] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--app-color-border-control);
    border-radius: var(--app-radius-sm);
    padding: 0.65rem 0.8rem;
    color: var(--app-color-text);
    background: var(--app-color-surface-control);
}

.suite-login-field input:focus[b-xu8o5tqgfl] {
    outline: none;
    border-color: var(--app-color-focus-strong);
    background: var(--app-color-surface);
}

.suite-login-password[b-xu8o5tqgfl] {
    position: relative;
    display: block;
}

.suite-login-password input[b-xu8o5tqgfl] {
    padding-right: 3rem;
}

.suite-login-password button[b-xu8o5tqgfl] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-color-text-muted);
}

.suite-login-password button:hover[b-xu8o5tqgfl] {
    background: var(--app-color-hover);
    color: var(--app-color-text);
}

.suite-login-check[b-xu8o5tqgfl] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--app-color-text-body);
    font-size: var(--app-font-size-sm);
}

.suite-login-check input[b-xu8o5tqgfl] {
    width: 1rem;
    height: 1rem;
}

.suite-login-submit[b-xu8o5tqgfl] {
    width: 100%;
    min-height: 2.75rem;
}

.suite-login-actions[b-xu8o5tqgfl] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.suite-login-footer[b-xu8o5tqgfl] {
    padding: 1rem 0 0;
    font-size: var(--app-font-size-sm);
}

@media (max-width: 575.98px) {
    .suite-login-page[b-xu8o5tqgfl] {
        align-items: stretch;
        padding: 1rem;
    }

    .suite-login-card[b-xu8o5tqgfl] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.suite-login-page[b-zi7v3e5i6v] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    place-items: center;
    padding: 1.25rem;
}

.suite-login-card[b-zi7v3e5i6v] {
    width: min(100%, 27rem);
    padding: 2rem;
    border: 1px solid rgba(91, 92, 88, 0.18);
    border-radius: var(--app-radius-md);
    background: var(--app-color-surface);
    box-shadow: 0 16px 36px rgba(91, 92, 88, 0.12);
}

.suite-login-brand[b-zi7v3e5i6v] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

.suite-login-brand img[b-zi7v3e5i6v] {
    width: 3.5rem;
    height: 3.5rem;
    object-fit: contain;
}

.suite-login-brand__name[b-zi7v3e5i6v] {
    color: #5b5c58;
    font-size: 1.25rem;
    font-weight: 700;
}

.suite-login-brand__meta[b-zi7v3e5i6v],
.suite-login-form p[b-zi7v3e5i6v],
.suite-login-session p[b-zi7v3e5i6v],
.suite-login-footer[b-zi7v3e5i6v] {
    color: var(--app-color-text-muted);
}

.suite-login-form[b-zi7v3e5i6v],
.suite-login-session[b-zi7v3e5i6v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.suite-login-form h1[b-zi7v3e5i6v],
.suite-login-session h1[b-zi7v3e5i6v] {
    margin: 0 0 0.35rem;
    color: var(--app-color-text-strong);
    font-size: 1.4rem;
    font-weight: 700;
}

.suite-login-form p[b-zi7v3e5i6v],
.suite-login-session p[b-zi7v3e5i6v] {
    margin: 0;
}

.suite-login-field[b-zi7v3e5i6v] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    color: var(--app-color-text-soft);
    font-size: var(--app-font-size-sm);
    font-weight: 600;
}

.suite-login-field input[b-zi7v3e5i6v] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid var(--app-color-border-control);
    border-radius: var(--app-radius-sm);
    padding: 0.65rem 0.8rem;
    color: var(--app-color-text);
    background: var(--app-color-surface-control);
}

.suite-login-field input:focus[b-zi7v3e5i6v] {
    outline: none;
    border-color: var(--app-color-focus-strong);
    background: var(--app-color-surface);
}

.suite-login-password[b-zi7v3e5i6v] {
    position: relative;
    display: block;
}

.suite-login-password input[b-zi7v3e5i6v] {
    padding-right: 3rem;
}

.suite-login-password button[b-zi7v3e5i6v] {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border: 0;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-color-text-muted);
}

.suite-login-password button:hover[b-zi7v3e5i6v] {
    background: var(--app-color-hover);
    color: var(--app-color-text);
}

.suite-login-check[b-zi7v3e5i6v] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--app-color-text-body);
    font-size: var(--app-font-size-sm);
}

.suite-login-check input[b-zi7v3e5i6v] {
    width: 1rem;
    height: 1rem;
}

.suite-login-submit[b-zi7v3e5i6v] {
    width: 100%;
    min-height: 2.75rem;
}

.suite-login-actions[b-zi7v3e5i6v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.suite-login-footer[b-zi7v3e5i6v] {
    padding: 1rem 0 0;
    font-size: var(--app-font-size-sm);
}

@media (max-width: 575.98px) {
    .suite-login-page[b-zi7v3e5i6v] {
        align-items: stretch;
        padding: 1rem;
    }

    .suite-login-card[b-zi7v3e5i6v] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/SuiteCompanyHome.razor.rz.scp.css */
.suite-company-home[b-7p8tahetje] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.suite-company-home__header[b-7p8tahetje] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.25rem 0 0.75rem;
    border-bottom: 1px solid var(--app-color-border-soft);
}

.suite-company-home__eyebrow[b-7p8tahetje],
.suite-company-home__header h1[b-7p8tahetje],
.suite-company-home__header span[b-7p8tahetje],
.suite-workspace-area h2[b-7p8tahetje],
.suite-workspace-area p[b-7p8tahetje] {
    margin: 0;
}

.suite-company-home__eyebrow[b-7p8tahetje] {
    color: var(--app-color-text-soft);
    font-size: var(--app-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.suite-company-home__header h1[b-7p8tahetje] {
    color: var(--app-color-text-strong);
    font-size: 1.35rem;
    font-weight: 700;
}

.suite-company-home__header span[b-7p8tahetje] {
    color: var(--app-color-text-muted);
    font-size: var(--app-font-size-sm);
}

.suite-company-home__grid[b-7p8tahetje] {
    display: grid;
    grid-template-columns: repeat(3, minmax(16rem, 1fr));
    gap: 1rem;
}

.suite-workspace-area[b-7p8tahetje] {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 0.9rem;
    align-content: start;
    min-height: 22rem;
    padding: 1rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: var(--app-radius-md);
    background: var(--app-color-surface);
}

.suite-workspace-area[b-7p8tahetje]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.16;
    pointer-events: none;
}

.suite-workspace-area--accounting[b-7p8tahetje]::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.94)),
        radial-gradient(circle at 20% 15%, rgba(104, 170, 205, 0.38), transparent 33%),
        linear-gradient(135deg, rgba(28, 109, 158, 0.52), rgba(174, 218, 230, 0.34) 44%, rgba(237, 244, 246, 0.65) 45%, rgba(33, 112, 151, 0.28) 72%, rgba(229, 238, 243, 0.72));
}

.suite-workspace-area--payroll[b-7p8tahetje]::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.94)),
        radial-gradient(circle at 25% 0%, rgba(92, 154, 98, 0.46), transparent 34%),
        radial-gradient(circle at 74% 12%, rgba(24, 99, 61, 0.42), transparent 28%),
        linear-gradient(145deg, rgba(22, 96, 65, 0.5), rgba(163, 197, 126, 0.35) 48%, rgba(235, 242, 230, 0.78));
}

.suite-workspace-area--billing[b-7p8tahetje]::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(255, 255, 255, 0.94)),
        radial-gradient(circle at 75% 8%, rgba(236, 131, 53, 0.48), transparent 26%),
        linear-gradient(145deg, rgba(247, 176, 82, 0.5), rgba(239, 113, 69, 0.28) 46%, rgba(111, 126, 162, 0.28) 72%, rgba(246, 242, 236, 0.78));
}

.suite-workspace-area--generic[b-7p8tahetje]::before {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.95)),
        linear-gradient(135deg, rgba(105, 119, 139, 0.28), rgba(235, 238, 243, 0.78));
}

.suite-workspace-area > *[b-7p8tahetje] {
    position: relative;
    z-index: 1;
}

.suite-workspace-area__header[b-7p8tahetje] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.85rem;
    align-items: start;
}

.suite-workspace-area__icon[b-7p8tahetje] {
    display: grid;
    place-items: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: var(--app-radius-sm);
    background: var(--app-color-selection);
    color: var(--app-color-primary);
    font-size: 1.25rem;
}

.suite-workspace-area__content[b-7p8tahetje] {
    display: grid;
    gap: 0.5rem;
}

.suite-workspace-area h2[b-7p8tahetje] {
    color: var(--app-color-text-strong);
    font-size: 1.15rem;
    font-weight: 700;
}

.suite-workspace-area p[b-7p8tahetje] {
    color: var(--app-color-text-body);
    font-size: var(--app-font-size-sm);
}

.suite-workspace-area__screens[b-7p8tahetje] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.28rem 0.45rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--app-color-border-soft);
}

.suite-workspace-shortcut[b-7p8tahetje] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
    width: 100%;
    min-height: 2rem;
    padding: 0.25rem 0.35rem;
    border: 0;
    border-radius: var(--app-radius-sm);
    background: transparent;
    color: var(--app-color-text);
    text-align: left;
}

.suite-workspace-shortcut:hover[b-7p8tahetje],
.suite-workspace-shortcut:focus-visible[b-7p8tahetje] {
    background: var(--app-color-hover);
}

.suite-workspace-shortcut span[b-7p8tahetje] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.suite-company-home__state[b-7p8tahetje] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 12rem;
    color: var(--app-color-text-muted);
}

.suite-company-home__state i[b-7p8tahetje] {
    color: var(--app-color-warning);
    font-size: 1.35rem;
}

@media (max-width: 1199.98px) {
    .suite-company-home__grid[b-7p8tahetje] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .suite-workspace-area__screens[b-7p8tahetje] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767.98px) {
    .suite-company-home__header[b-7p8tahetje] {
        align-items: flex-start;
        flex-direction: column;
    }

    .suite-company-home__grid[b-7p8tahetje] {
        grid-template-columns: 1fr;
    }

    .suite-workspace-area[b-7p8tahetje] {
        min-height: 0;
    }

    .suite-workspace-area__header[b-7p8tahetje] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .suite-workspace-area__header .btn[b-7p8tahetje] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}
/* /Components/Pages/SuiteEmpresas.razor.rz.scp.css */
[b-uj464xx95w] #suite-empresas-folio {
    width: 100%;
}

.suite-company-action-count[b-uj464xx95w] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.35rem;
    height: 1.35rem;
    margin-left: 0.45rem;
    border-radius: var(--app-radius-pill);
    background: var(--app-color-primary);
    color: var(--app-color-text-inverse);
    font-size: var(--app-font-size-xs);
    font-weight: 700;
}

.suite-companies-state[b-uj464xx95w] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.7rem;
    min-height: 14rem;
    margin: 1rem;
    border: 1px dashed var(--app-color-border-strong);
    border-radius: var(--app-radius-sm);
    color: var(--app-color-text-muted);
}

.suite-companies-state i[b-uj464xx95w] {
    color: var(--app-color-warning);
    font-size: 1.4rem;
}

.suite-company-list[b-uj464xx95w] {
    min-height: 0;
    background: var(--app-color-surface);
}

.suite-company-year-band[b-uj464xx95w] {
    display: flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0.35rem 1.45rem;
    background: var(--app-color-surface-muted);
    border-block: 1px solid var(--app-color-border-soft);
    color: var(--app-color-text-muted);
    font-size: var(--app-font-size-sm);
    font-weight: 700;
}

.suite-company-row[b-uj464xx95w] {
    cursor: pointer;
}

.suite-company-row.is-archived[b-uj464xx95w] {
    background: var(--app-color-surface-subtle);
}

.suite-company-row.is-created[b-uj464xx95w] {
    box-shadow: inset 3px 0 0 var(--app-nav-active-border);
}

.suite-company-row__content[b-uj464xx95w] {
    grid-template-columns: minmax(0, 1fr) minmax(9rem, max-content);
}

.suite-company-row.has-selection .suite-company-row__content[b-uj464xx95w] {
    grid-template-columns: auto minmax(0, 1fr) minmax(9rem, max-content);
}

.suite-company-selection[b-uj464xx95w] {
    align-self: center;
}

.suite-company-row__main[b-uj464xx95w] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.suite-company-name[b-uj464xx95w] {
    color: var(--app-color-text-strong);
    font-weight: 700;
}

.suite-company-nif[b-uj464xx95w] {
    color: var(--app-color-text-muted);
}

.suite-company-row__trailing[b-uj464xx95w] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "year restore"
        "tags restore";
    gap: 0.2rem 0.55rem;
    align-items: center;
    justify-items: end;
    min-width: 0;
}

.suite-company-year[b-uj464xx95w] {
    grid-area: year;
    color: var(--app-color-text-strong);
    font-weight: 700;
}

.suite-company-tags[b-uj464xx95w] {
    grid-area: tags;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.suite-company-tags span[b-uj464xx95w] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.08rem 0.42rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: var(--app-radius-pill);
    background: var(--app-color-surface-subtle);
    color: var(--app-color-text-muted);
    font-size: var(--app-font-size-xs);
    font-weight: 700;
    line-height: 1;
}

.suite-company-restore[b-uj464xx95w] {
    grid-area: restore;
}

.suite-company-modal-backdrop[b-uj464xx95w] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 23, 42, 0.34);
}

.suite-company-modal[b-uj464xx95w] {
    width: min(39rem, 100%);
    max-height: min(42rem, calc(100dvh - 2rem));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--app-color-border-soft);
    border-radius: var(--app-radius-lg);
    background: var(--app-color-surface);
    box-shadow: var(--app-shadow-folio);
}

.suite-company-modal__header[b-uj464xx95w],
.suite-company-modal__footer[b-uj464xx95w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-shrink: 0;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--app-color-border-soft);
}

.suite-company-modal__header h2[b-uj464xx95w],
.suite-company-modal__header span[b-uj464xx95w] {
    display: block;
    margin: 0;
}

.suite-company-modal__header h2[b-uj464xx95w] {
    color: var(--app-color-text-strong);
    font-size: 1.1rem;
    font-weight: 700;
}

.suite-company-modal__header span[b-uj464xx95w] {
    color: var(--app-color-text-muted);
    font-size: var(--app-font-size-sm);
}

.suite-company-create-form[b-uj464xx95w] {
    display: grid;
    gap: 0.85rem;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
}

.suite-company-create-grid[b-uj464xx95w] {
    grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.45fr);
}

.suite-company-modal__footer[b-uj464xx95w] {
    justify-content: flex-end;
    border-top: 1px solid var(--app-color-border-soft);
    border-bottom: 0;
    padding: 0.85rem 1rem 1rem;
}

.suite-company-view-form[b-uj464xx95w],
.suite-company-order-summary[b-uj464xx95w] {
    display: grid;
    gap: 0;
}

.suite-company-order-summary strong[b-uj464xx95w] {
    min-width: 0;
    color: var(--app-color-text-strong);
    font-size: var(--app-font-size-sm);
    font-weight: 700;
}

.suite-import-file-line[b-uj464xx95w] {
    align-items: center;
}

.suite-import-picker[b-uj464xx95w] {
    min-width: 0;
    width: 100%;
    display: block;
}

.suite-import-working[b-uj464xx95w],
.suite-import-message[b-uj464xx95w],
.suite-import-modal-preview[b-uj464xx95w],
.suite-import-modal-result[b-uj464xx95w] {
    display: grid;
    gap: 0.55rem;
    margin-top: 0.8rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: var(--app-radius-sm);
    background: var(--app-color-surface-subtle);
    color: var(--app-color-text-body);
    font-size: var(--app-font-size-sm);
}

.suite-import-working[b-uj464xx95w] {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.suite-import-message.is-warning[b-uj464xx95w],
.suite-import-modal-result.is-warning[b-uj464xx95w] {
    border-color: color-mix(in srgb, var(--app-color-warning) 24%, var(--app-color-border-soft) 76%);
    background: var(--app-color-warning-bg);
    color: var(--app-color-warning);
}

.suite-import-modal-result.is-success[b-uj464xx95w] {
    border-color: color-mix(in srgb, var(--app-color-success) 24%, var(--app-color-border-soft) 76%);
    background: color-mix(in srgb, var(--app-color-success) 8%, var(--app-color-surface) 92%);
    color: var(--app-color-text-body);
}

.suite-import-modal-preview__header[b-uj464xx95w],
.suite-import-modal-result[b-uj464xx95w] {
    min-width: 0;
}

.suite-import-modal-preview__header strong[b-uj464xx95w],
.suite-import-modal-preview__header span[b-uj464xx95w],
.suite-import-modal-result strong[b-uj464xx95w],
.suite-import-modal-result span[b-uj464xx95w] {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
}

.suite-import-modal-preview__header span[b-uj464xx95w],
.suite-import-modal-preview__companies[b-uj464xx95w],
.suite-import-modal-result span[b-uj464xx95w],
.suite-import-modal-result__issues[b-uj464xx95w] {
    color: var(--app-color-text-muted);
}

.suite-import-modal-preview__companies[b-uj464xx95w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
}

.suite-import-modal-preview__companies span[b-uj464xx95w] {
    display: inline-flex;
    align-items: center;
    min-height: 1.35rem;
    padding: 0.08rem 0.42rem;
    border: 1px solid var(--app-color-border-soft);
    border-radius: var(--app-radius-pill);
    background: var(--app-color-surface);
    color: var(--app-color-text-muted);
    font-size: var(--app-font-size-xs);
    font-weight: 700;
}

.suite-import-modal-result__issues[b-uj464xx95w] {
    display: grid;
    gap: 0.2rem;
    max-height: 10rem;
    overflow: auto;
}

@media (max-width: 767.98px) {
    .suite-company-create-grid[b-uj464xx95w] {
        grid-template-columns: 1fr;
    }

    .suite-company-row__content[b-uj464xx95w],
    .suite-company-row.has-selection .suite-company-row__content[b-uj464xx95w] {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 0.55rem;
    }

    .suite-company-row:not(.has-selection) .suite-company-row__content[b-uj464xx95w] {
        grid-template-columns: minmax(0, 1fr);
    }

    .suite-company-row__trailing[b-uj464xx95w] {
        grid-column: 1 / -1;
        grid-template-columns: minmax(0, 1fr) auto;
        justify-items: start;
        padding-left: var(--app-master-row-x-padding);
    }

    .suite-company-row:not(.has-selection) .suite-company-row__trailing[b-uj464xx95w] {
        padding-left: 0;
    }

    .suite-company-tags[b-uj464xx95w] {
        justify-content: flex-start;
    }

    .suite-company-modal-backdrop[b-uj464xx95w] {
        align-items: stretch;
        padding: 0;
    }

    .suite-company-modal[b-uj464xx95w] {
        width: 100%;
        max-height: 100dvh;
        border-radius: 0;
    }
}
/* /Components/Pages/SuiteEntrada.razor.rz.scp.css */
.suite-entry-page[b-dvauzc5qsb] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1rem;
    color: #5b5c58;
}