@import '_content/Logicsoftware.Suite.Logoconta/Logicsoftware.Suite.Logoconta.0x4lk5tzli.bundle.scp.css';
@import '_content/Logicsoftware.Suite.Platform/Logicsoftware.Suite.Platform.htna5mc43l.bundle.scp.css';

/* /Components/AccountCard.razor.rz.scp.css */
.account-page[b-ra8js093wb] { min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4rem; padding: 2.5rem 1rem; }
.account-card[b-ra8js093wb] { width: min(100%, 27rem); min-width: 0; padding: 2rem; background: #fff; border: 1px solid #e4e8ef; border-radius: 20px; box-shadow: 0 16px 48px #233f6b0a; }
.account-brand[b-ra8js093wb] { display: flex; align-items: center; gap: .7rem; width: fit-content; margin-bottom: 1.9rem; color: #253753; text-decoration: none; font-size: 1.5rem; font-weight: 750; letter-spacing: -.6px; }
.account-brand img[b-ra8js093wb] { object-fit: contain; }
h1[b-ra8js093wb] { margin: 0 0 1.4rem; font-size: 1.45rem; font-weight: 700; letter-spacing: -.4px; color: #16243a; }
.account-footer[b-ra8js093wb] { width: min(100%, 28rem); text-align: center; color: #64748b; font-size: .78rem; }
.account-card[b-ra8js093wb]  .account-form { display: grid; gap: 1rem; }
.account-card[b-ra8js093wb]  .account-field { display: grid; gap: .4rem; font-size: .875rem; font-weight: 600; color: #34445d; }
.account-card[b-ra8js093wb]  .account-field input { width: 100%; min-width: 0; height: 48px; padding: .7rem .85rem; border: 1px solid #cbd3df; border-radius: 9px; background: #fff; color: #17243b; font-size: 16px; font-weight: 400; }
.account-card[b-ra8js093wb]  input:focus-visible { outline: 3px solid #355cba24; border-color: #4368b3; }
.account-card[b-ra8js093wb]  .account-password { display: block; position: relative; }
.account-card[b-ra8js093wb]  .account-password input { padding-right: 3rem; }
.account-card[b-ra8js093wb]  .account-password button { position: absolute; right: 2px; top: 2px; width: 44px; height: 44px; border: 0; border-radius: 7px; color: #5f6f84; background: transparent; }
.account-card[b-ra8js093wb]  .account-password button:hover { background: #eef2f7; }
.account-card[b-ra8js093wb]  .account-remember { display: flex; align-items: center; gap: .6rem; font-size: .875rem; color: #526178; min-height: 28px; }
.account-card[b-ra8js093wb]  .account-remember input { width: 18px; height: 18px; accent-color: #3d5893; }
.account-card[b-ra8js093wb]  .account-primary { display: flex; align-items: center; justify-content: center; gap: .5rem; width: 100%; min-height: 48px; padding: .75rem 1rem; border: 0; border-radius: 9px; background: #3c5792; color: white; font-weight: 650; text-decoration: none; }
.account-card[b-ra8js093wb]  .account-primary:hover { background: #304778; }
.account-card[b-ra8js093wb]  .account-switch { margin: 1.3rem 0 0; text-align: center; font-size: .875rem; color: #64748b; }
.account-card[b-ra8js093wb]  a:not(.account-primary) { color: #36568f; }
.account-card[b-ra8js093wb]  .account-help { font-weight: 400; color: #64748b; font-size: .78rem; }
.account-card[b-ra8js093wb]  .alert { overflow-wrap: anywhere; font-size: .875rem; }
.account-card[b-ra8js093wb]  .account-session { color: #526178; overflow-wrap: anywhere; }
.account-card[b-ra8js093wb]  button:focus-visible, .account-card[b-ra8js093wb]  a:focus-visible { outline: 3px solid #4368b3; outline-offset: 3px; }
@media(max-width: 480px) { .account-page[b-ra8js093wb] { justify-content: flex-start; padding: 1.2rem .8rem; gap: 1.2rem; } .account-card[b-ra8js093wb] { padding: 1.5rem; border-radius: 16px; } .account-brand[b-ra8js093wb] { margin-bottom: 1.4rem; } }
@media(max-height: 600px) { .account-page[b-ra8js093wb] { justify-content: flex-start; } }
/* /Components/AccountPrivacyNotice.razor.rz.scp.css */
.account-privacy-notice[b-w3yoyoz8c6] { margin: .7rem auto 0; max-width: 30rem; color: #617085; font-size: .76rem; line-height: 1.5; }
summary[b-w3yoyoz8c6] { cursor: pointer; width: fit-content; margin: auto; padding: .4rem; }
p[b-w3yoyoz8c6] { margin: .5rem 0; } a[b-w3yoyoz8c6] { color: #36568f; }
/* /Components/DevelopmentNotice.razor.rz.scp.css */
.development-notice[b-bi4w0as9bl]{padding:.65rem 1rem;background:#fff2cd;color:#59410b;border-bottom:1px solid #dfc780;text-align:center;font-size:.875rem;line-height:1.4}
/* /Components/ExternalLoginButtons.razor.rz.scp.css */
@font-face { font-family: 'Google Sans'; font-style: normal; font-weight: 500; font-display: swap; src: url('/brand/identity/google-sans-medium.ttf') format('truetype'); }
.external-access[b-q6yvj3s5fn] { display: grid; gap: .65rem; margin: 0 0 1rem; }
.external-button[b-q6yvj3s5fn] { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 46px; padding: 9px 12px; background: #fff; color: #1f1f1f; border: 1px solid #747775; border-radius: 9px; font-size: 14px; line-height: 20px; font-weight: 500; }
.external-button img[b-q6yvj3s5fn] { flex: 0 0 20px; object-fit: contain; }
.external-button span[b-q6yvj3s5fn] { flex: 1; text-align: center; }
.external-button--google[b-q6yvj3s5fn] { font-family: 'Google Sans', sans-serif; }
.external-button:hover[b-q6yvj3s5fn] { background: #f8f9fa; }
.external-button:focus-visible[b-q6yvj3s5fn] { outline: 2px solid #1967d2; outline-offset: 3px; }
.external-access p[b-q6yvj3s5fn] { margin: .3rem 0 0; text-align: center; color: #626b75; font-size: .85rem; }

.external-access p[b-q6yvj3s5fn] { display: flex; align-items: center; gap: .8rem; font-size: .8rem; margin-top: .7rem; }
.external-access p[b-q6yvj3s5fn]::before, .external-access p[b-q6yvj3s5fn]::after { content: ""; flex: 1; height: 1px; background: #e3e8f0; }
/* /Components/Layout/AccessLayout.razor.rz.scp.css */
.suite-access-shell[b-il8remc5qf] { min-height: 100dvh; background: #f5f7fb; color: #17243b; }
.suite-access-error[b-il8remc5qf] { min-height: 100dvh; display: grid; place-items: center; align-content: center; gap: 1rem; padding: 2rem; text-align: center; }
.suite-access-error h1[b-il8remc5qf] { font-size: 1.4rem; } .suite-access-error p[b-il8remc5qf] { max-width: 36rem; color: #64748b; }
/* /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/PublicSiteLayout.razor.rz.scp.css */
.public-site[b-xly7ktzldi] { max-width: 1000px; margin: auto; padding: 24px; color: #27323b; }
.public-header[b-xly7ktzldi] { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 0 0 28px; }
.public-brand[b-xly7ktzldi] { display: flex; align-items: center; gap: 12px; color: #27323b; font-size: 24px; font-weight: 700; text-decoration: none; }
.public-header nav[b-xly7ktzldi] { display: flex; align-items: center; gap: 20px; }
.public-content[b-xly7ktzldi] { padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 8px 28px #00000009; line-height: 1.7; }
.public-content[b-xly7ktzldi]  h1 { font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.2; margin: 0 0 24px; color: #1e2933; }
.public-content[b-xly7ktzldi]  h2 { font-size: 1.3rem; margin: 32px 0 12px; }
.public-content[b-xly7ktzldi]  .public-intro { font-size: 1.2rem; color: #52606d; }
.public-content[b-xly7ktzldi]  .public-date { color: #687782; font-size: .9rem; }
.public-content[b-xly7ktzldi]  .public-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 28px; }
.public-content[b-xly7ktzldi]  a { overflow-wrap: anywhere; }
.public-footer[b-xly7ktzldi] { padding: 24px 0 8px; text-align: center; color: #52606d; font-size: .85rem; }
.public-footer p[b-xly7ktzldi] { margin-top: 14px; }
@media(max-width: 600px) { .public-site[b-xly7ktzldi] { padding: 16px; } .public-content[b-xly7ktzldi] { padding: 24px 20px; } .public-header[b-xly7ktzldi] { flex-direction: column; align-items: flex-start; gap: 16px; } }
/* /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 */
.workspace-shell[b-gb6bgcej17] { min-height: 100dvh; width: 100%; display: flex; flex-direction: column; background: #f5f7fb; color: #26354a; }
.workspace-header[b-gb6bgcej17] { background: #fff; border-bottom: 1px solid #e4e9f1; }
.workspace-header__inner[b-gb6bgcej17] { max-width: 1180px; margin: auto; min-height: 76px; padding: .8rem 2rem; display: flex; align-items: center; gap: 2.5rem; }
.workspace-brand[b-gb6bgcej17] { display: flex; align-items: center; gap: .6rem; text-decoration: none; color: #263957; font-size: 1.3rem; font-weight: 750; letter-spacing: -.5px; }
.workspace-brand img[b-gb6bgcej17] { object-fit: contain; }
nav[b-gb6bgcej17] { display: flex; gap: .3rem; }
nav[b-gb6bgcej17]  a { padding: .7rem .9rem; border-radius: 8px; text-decoration: none; color: #66738a; font-size: .9rem; font-weight: 600; }
nav[b-gb6bgcej17]  a.active { background: #eef2fa; color: #36528d; }
.workspace-account[b-gb6bgcej17] { position: relative; margin-left: auto; min-width: 0; }
summary[b-gb6bgcej17] { list-style: none; display: flex; align-items: center; gap: .6rem; min-height: 44px; cursor: pointer; color: #526078; }
summary[b-gb6bgcej17]::-webkit-details-marker { display: none; } summary span[b-gb6bgcej17] { max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .85rem; }
summary .bi-person-circle[b-gb6bgcej17] { font-size: 1.4rem; }
.workspace-account__menu[b-gb6bgcej17] { position: absolute; z-index: 100; top: calc(100% + .4rem); right: 0; width: min(290px, calc(100vw - 2rem)); padding: 1rem; display: grid; gap: .3rem; border: 1px solid #e1e6ee; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px #233f6b1a; }
.workspace-account__menu strong[b-gb6bgcej17], .workspace-account__menu > span[b-gb6bgcej17] { overflow-wrap: anywhere; font-size: .875rem; }
.workspace-account__menu > span[b-gb6bgcej17] { color: #6b778b; margin-bottom: .5rem; }
.workspace-account__menu a[b-gb6bgcej17], .workspace-account__menu button[b-gb6bgcej17] { display: block; width: 100%; min-height: 44px; padding: .65rem; text-align: left; border: 0; border-radius: 6px; background: transparent; color: #36528d; text-decoration: none; font-size: .875rem; }
.workspace-account__menu a:hover[b-gb6bgcej17], .workspace-account__menu button:hover[b-gb6bgcej17] { background: #f1f4f9; }
.workspace-content[b-gb6bgcej17] { flex: 1; width: 100%; min-width: 0; max-width: 1180px; margin: 0 auto; padding: 2.5rem 2rem; }
.workspace-footer[b-gb6bgcej17] { display: flex; flex-wrap: wrap; justify-content: center; gap: .7rem 1.5rem; padding: 1rem 1.2rem 1.5rem; font-size: .75rem; color: #778498; }
.workspace-footer a[b-gb6bgcej17] { color: #62738c; }
.workspace-shell[b-gb6bgcej17]  :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #4169ae; outline-offset: 3px; }
@media(max-width: 640px) { .workspace-header__inner[b-gb6bgcej17] { padding: .65rem 1rem; gap: .8rem; min-height: 64px; flex-wrap: wrap; } .workspace-brand[b-gb6bgcej17] { font-size: 1.15rem; } nav[b-gb6bgcej17] { order: 3; width: 100%; border-top: 1px solid #eef1f6; padding-top: .65rem; } nav[b-gb6bgcej17]  a { padding: .5rem .8rem; } .workspace-account[b-gb6bgcej17] { margin-left: auto; } summary span[b-gb6bgcej17] { display: none; } .workspace-content[b-gb6bgcej17] { padding: 1.5rem 1rem; } }

@media(max-width:640px){nav[b-gb6bgcej17]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}nav[b-gb6bgcej17]  a{padding:.5rem .15rem;text-align:center;font-size:.78rem;white-space:normal;min-height:44px}}
@media(max-width:360px){nav[b-gb6bgcej17]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem}nav[b-gb6bgcej17]  a{font-size:.85rem}}

/* Keep the same workspace header at tablet widths without squeezing navigation. */
.workspace-content[b-gb6bgcej17]  .billing-organization-selector { margin-bottom: 1.5rem; border: 1px solid #e4e9f1; border-radius: 10px; background: #fff; gap: .6rem; }
.workspace-content[b-gb6bgcej17]  .billing-organization-selector :is(select,button) { min-height: 44px; font-size: .9rem; }
@media (min-width: 641px) and (max-width: 1000px) {
    .workspace-header__inner[b-gb6bgcej17] { flex-wrap: wrap; gap: .75rem 1rem; }
    nav[b-gb6bgcej17] { order: 3; width: 100%; padding-top: .5rem; border-top: 1px solid #eef1f6; }
}
.workspace-content:has(.admin-page)[b-gb6bgcej17] { max-width: none; padding: 1.5rem 2rem; }
@media(max-width: 640px) { .workspace-content:has(.admin-page)[b-gb6bgcej17] { padding: 1.25rem .75rem; } }
/* /Components/Pages/DesktopLicenseDetail.razor.rz.scp.css */
.desktop-license-fields[b-uvd3fpw39r]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid #dce3ed;min-width:0}
.desktop-license-fields label[b-uvd3fpw39r],.desktop-license-device label[b-uvd3fpw39r]{display:flex;flex-direction:column;gap:5px;min-width:0}
.desktop-license-fields input[b-uvd3fpw39r],.desktop-license-fields textarea[b-uvd3fpw39r]{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid #becbda;border-radius:5px}
.desktop-license-fields input[type=checkbox][b-uvd3fpw39r]{width:auto;align-self:flex-start}
.desktop-license-wide[b-uvd3fpw39r]{grid-column:1/-1}.desktop-license-device[b-uvd3fpw39r]{padding:14px 0;border-bottom:1px solid #dce3ed}.desktop-license-actions[b-uvd3fpw39r]{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.billing-panel[b-uvd3fpw39r]{min-width:0;overflow-wrap:anywhere}.billing-panel input[b-uvd3fpw39r]{max-width:100%;box-sizing:border-box}
@media(max-width:640px){.desktop-license-fields[b-uvd3fpw39r]{grid-template-columns:minmax(0,1fr)}.desktop-license-fields legend[b-uvd3fpw39r]{font-size:18px}.desktop-license-device summary[b-uvd3fpw39r]{line-height:1.5}}
/* /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/PrepaidPurchase.razor.rz.scp.css */
.prepaid-balance[b-yhldg93g2n], .prepaid-actions[b-yhldg93g2n] { display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; }
.prepaid-balance p[b-yhldg93g2n] { margin-bottom:0; }
.prepaid-packs[b-yhldg93g2n] { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:.65rem; margin:1rem 0; }
.prepaid-packs button[b-yhldg93g2n] { display:flex; flex-direction:column; gap:.35rem; }
.prepaid-packs small[b-yhldg93g2n] { font-weight:400; font-size:.78rem; }
.prepaid-order > label:not(.billing-check)[b-yhldg93g2n] { display:flex; flex-direction:column; gap:.4rem; max-width:24rem; }
.prepaid-quote[b-yhldg93g2n] { display:flex; flex-direction:column; gap:.5rem; padding:1rem; border:1px solid #ccd9db; border-radius:.65rem; background:#f3f8f8; margin:1rem 0 1.5rem; }
.prepaid-quote strong[b-yhldg93g2n] { font-size:1.1rem; }
#ia-quantity-error[b-yhldg93g2n] { color:#9b2525; }
.prepaid-order details[b-yhldg93g2n] { margin:1.25rem 0; }
.prepaid-order summary[b-yhldg93g2n] { cursor:pointer; font-weight:600; padding-bottom:.75rem; }
.prepaid-page[b-yhldg93g2n] { overflow-wrap:anywhere; }
@media(max-width:600px) { .prepaid-packs[b-yhldg93g2n] { grid-template-columns:repeat(2,minmax(0,1fr)); } .prepaid-actions[b-yhldg93g2n], .prepaid-actions form[b-yhldg93g2n] { width:100%; } .prepaid-actions button[b-yhldg93g2n] { width:100%; } }
/* /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 */
.companies-heading[b-uj464xx95w] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.8rem; }
.companies-heading h1[b-uj464xx95w] { display: flex; align-items: center; flex-wrap: wrap; gap: .65rem; margin: 0; font-size: 1.75rem; letter-spacing: -.6px; font-weight: 700; color: #1d2d46; }
.companies-heading h1 span[b-uj464xx95w] { background: #e7edf7; border-radius: 20px; padding: .3rem .6rem; font-size: .75rem; letter-spacing: 0; color: #516587; font-weight: 600; }
.companies-heading p[b-uj464xx95w] { margin: .6rem 0 0; color: #738095; font-size: .9rem; }
.companies-primary-actions[b-uj464xx95w], .companies-empty__actions[b-uj464xx95w] { display: flex; flex-wrap: wrap; gap: .65rem; }
.company-button[b-uj464xx95w] { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 44px; padding: .65rem .95rem; border: 1px solid #dbe2ed; border-radius: 9px; background: white; color: #41536f; font-size: .875rem; font-weight: 600; line-height: 1.3; }
.company-button:hover[b-uj464xx95w] { background: #f2f5fa; border-color: #bbc9df; }
.company-button--primary[b-uj464xx95w] { border-color: #3c5792; background: #3c5792; color: #fff; }
.company-button--primary:hover[b-uj464xx95w] { background: #304778; color: #fff; }
.company-button--danger[b-uj464xx95w] { color: #aa3030; }
.company-button:disabled[b-uj464xx95w] { opacity: .5; cursor: default; }
.company-button.is-active[b-uj464xx95w] { background: #edf2fb; color: #36528d; border-color: #a9bbde; }
.companies-panel[b-uj464xx95w] { background: #fff; border: 1px solid #e0e6ef; border-radius: 14px; min-width: 0; box-shadow: 0 4px 16px #233f6b04; }
.companies-toolbar[b-uj464xx95w] { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; padding: 1rem; border-bottom: 1px solid #edf0f6; }
.company-search[b-uj464xx95w] { display: flex; align-items: center; flex: 1; gap: .65rem; min-width: 180px; padding: 0 .8rem; color: #8290a3; border: 1px solid #dce3ee; border-radius: 9px; background: #fbfcfe; }
.company-search input[b-uj464xx95w] { width: 100%; min-width: 0; height: 42px; border: 0; background: transparent; color: #263957; font-size: 16px; outline: none; }
.company-search:focus-within[b-uj464xx95w] { border-color: #4368b3; box-shadow: 0 0 0 3px #4368b314; }
.companies-selection-bar[b-uj464xx95w] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem 1rem; background: #f0f4fb; font-size: .875rem; }
.companies-empty[b-uj464xx95w] { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1rem; padding: 3.6rem 1.5rem; text-align: center; }
.companies-empty__icon[b-uj464xx95w] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: #f0f4fb; color: #5576b4; font-size: 1.8rem; }
.companies-empty h2[b-uj464xx95w] { margin: 0; font-size: 1.25rem; color: #263957; font-weight: 650; }
.companies-empty p[b-uj464xx95w] { margin: 0; max-width: 350px; color: #758197; font-size: .9rem; line-height: 1.65; }
.companies-empty__actions[b-uj464xx95w] { justify-content: center; margin-top: .4rem; }
.companies-list[b-uj464xx95w] { padding: .3rem 1rem 1rem; }
.company-year-group[b-uj464xx95w] { padding: 1.1rem .35rem .7rem; margin: 0; color: #8a95a6; text-transform: uppercase; letter-spacing: .6px; font-size: .7rem; font-weight: 700; }
.company-card[b-uj464xx95w] { display: flex; align-items: center; gap: .6rem; border-bottom: 1px solid #edf0f5; min-width: 0; padding-right: .5rem; }
.company-card:last-child[b-uj464xx95w] { border-bottom: 0; }
.company-card.is-created[b-uj464xx95w] { background: #f0f5ff; border-radius: 9px; }
.company-card.is-archived[b-uj464xx95w] { opacity: .8; }
.company-select[b-uj464xx95w] { padding: .8rem .3rem; } .company-select input[b-uj464xx95w] { width: 20px; height: 20px; accent-color: #3c5792; }
.company-open-form[b-uj464xx95w] { flex: 1; min-width: 0; }
.company-open[b-uj464xx95w] { display: flex; align-items: center; gap: .9rem; width: 100%; min-height: 84px; padding: 1rem .6rem; border: 0; border-radius: 8px; background: transparent; text-align: left; color: inherit; }
.company-open:hover:not(:disabled)[b-uj464xx95w] { background: #f7f9fc; }
.company-open:disabled[b-uj464xx95w] { color: inherit; cursor: default; }
.company-avatar[b-uj464xx95w] { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; background: #f0f4fb; color: #6b82ab; }
.company-information[b-uj464xx95w] { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.company-information strong[b-uj464xx95w] { color: #30435f; font-size: .95rem; font-weight: 650; overflow-wrap: anywhere; }
.company-information > span[b-uj464xx95w] { color: #7b8799; font-size: .8rem; }
.company-information > span span[b-uj464xx95w] { margin: 0 .4rem; }
.company-open-arrow[b-uj464xx95w] { margin-left: auto; color: #9ca9bd; font-size: .85rem; }
[b-uj464xx95w] .company-create-fields { display: grid; gap: .4rem; }
[b-uj464xx95w] .company-create-fields label { display: block; color: #40536f; font-size: .875rem; font-weight: 600; margin-bottom: .25rem; }
[b-uj464xx95w] .company-create-fields label small { color: #7f8b9c; font-weight: 400; }
[b-uj464xx95w] .company-create-fields input, [b-uj464xx95w] .company-create-fields select { min-height: 46px; font-size: 16px; border-radius: 8px; }
.company-create-columns[b-uj464xx95w] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: .8rem; }
.company-create-help[b-uj464xx95w] { color: #748298; font-size: .8rem; margin: 1rem 0 0; }
[b-uj464xx95w] .validation-message { color: #b93232; font-size: .8rem; }
@media (max-width: 640px) {
    .companies-heading[b-uj464xx95w] { align-items: stretch; flex-direction: column; gap: 1.2rem; margin-bottom: 1.3rem; }
    .companies-heading h1[b-uj464xx95w] { font-size: 1.5rem; }
    .companies-primary-actions[b-uj464xx95w] { display: grid; grid-template-columns: 1fr 1.25fr; }
    .companies-toolbar[b-uj464xx95w] { padding: .8rem; }
    .company-search[b-uj464xx95w] { flex-basis: 100%; }
    .companies-empty[b-uj464xx95w] { padding: 2.4rem 1rem; }
    .companies-empty__actions[b-uj464xx95w] { width: 100%; flex-direction: column; }
    .companies-list[b-uj464xx95w] { padding-inline: .65rem; }
    .company-open[b-uj464xx95w] { gap: .6rem; padding-inline: .25rem; }
    .company-avatar[b-uj464xx95w] { width: 34px; height: 34px; }
    .company-create-columns[b-uj464xx95w] { grid-template-columns: 1fr; }
}

[b-uj464xx95w] .company-create-dialog, [b-uj464xx95w] .company-import-dialog { color: #30435f; }
[b-uj464xx95w] .company-create-dialog .modal-header-simple, [b-uj464xx95w] .company-import-dialog .modal-header-simple { background: #fff; padding: 1rem 1.25rem; border-bottom: 1px solid #e0e6ef; }
[b-uj464xx95w] .company-create-dialog h5, [b-uj464xx95w] .company-import-dialog h5 { display: flex; align-items: center; gap: .6rem; font-size: 1.1rem; font-weight: 650; }
[b-uj464xx95w] .company-create-dialog .modal-body-content, [b-uj464xx95w] .company-import-dialog .modal-body-content { background: #fff; padding: 1.25rem; }
[b-uj464xx95w] .company-create-dialog .modal-footer-bar, [b-uj464xx95w] .company-import-dialog .modal-footer-bar { background: #fff; border-top: 1px solid #e0e6ef; padding: 1rem 1.25rem; gap: .65rem; }
[b-uj464xx95w] .company-import-dialog .btn-modal { min-height: 44px; border-radius: 9px; padding: .65rem .95rem; }
[b-uj464xx95w] .company-import-dialog .btn-modal.accept { background: #3c5792; color: #fff; }
[b-uj464xx95w] .company-import-dialog .app-file-picker { min-height: 46px; }
[b-uj464xx95w] .company-create-dialog .btn-close-icon, [b-uj464xx95w] .company-import-dialog .btn-close-icon { min-width: 44px; min-height: 44px; }
[b-uj464xx95w] .company-import-dialog .app-assisted-operation-modal__line { min-width: 0; }
@media (max-width: 640px) {
    [b-uj464xx95w] .company-import-dialog .suite-import-file-line { display: flex; flex-direction: column; align-items: stretch; gap: .5rem; }
    [b-uj464xx95w] .company-import-dialog .app-file-picker__text { overflow-wrap: anywhere; white-space: normal; }
}

[b-uj464xx95w] .app-master-view-modal .modal-footer-bar { background: white; border-top: 1px solid #e0e6ef; display: flex; flex-wrap: wrap; gap: .5rem; padding: .8rem; }
[b-uj464xx95w] .app-master-view-modal .btn-modal { min-height: 44px; border-radius: 9px; padding: .6rem .8rem; }
[b-uj464xx95w] .app-master-view-modal .btn-modal.accept { background: #3c5792; color: #fff; }
[b-uj464xx95w] .app-master-view-modal select { min-height: 44px; font-size: 16px; }


.companies-screen[b-uj464xx95w], .companies-page[b-uj464xx95w] { width: 100%; min-width: 0; }
.companies-screen[b-uj464xx95w] { padding-bottom: .5rem; }
.company-filters[b-uj464xx95w] { display: flex; flex-wrap: wrap; align-items: end; gap: .85rem; padding: 1rem; border-bottom: 1px solid #edf0f6; background: #fbfcfe; }
.company-filters > div[b-uj464xx95w] { flex: 1 1 10rem; min-width: 0; }
.company-filters label[b-uj464xx95w] { display: block; font-size: .8rem; color: #66738a; margin-bottom: .35rem; }
.company-filters select[b-uj464xx95w] { min-height: 44px; font-size: 16px; }
.company-open-form[b-uj464xx95w] { margin: 0; }
.company-information > span[b-uj464xx95w] { overflow-wrap: anywhere; }
.company-actions[b-uj464xx95w] { position: relative; flex: 0 0 auto; }
.company-actions summary[b-uj464xx95w] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 8px; color: #66738a; cursor: pointer; list-style: none; }
.company-actions summary[b-uj464xx95w]::-webkit-details-marker { display: none; }
.company-actions summary:hover[b-uj464xx95w], .company-actions[open] summary[b-uj464xx95w] { background: #eef2fa; color: #36528d; }
.company-actions__menu[b-uj464xx95w] { position: absolute; right: 0; top: 100%; width: 205px; z-index: 5; display: grid; padding: .4rem; border: 1px solid #e0e6ef; border-radius: 10px; background: white; box-shadow: 0 8px 24px #233f6b1a; }
.company-actions__menu button[b-uj464xx95w] { min-height: 44px; padding: .6rem; display: flex; align-items: center; gap: .6rem; border: 0; border-radius: 6px; background: transparent; color: #41536f; font-size: .85rem; text-align: left; }
.company-actions__menu button:hover[b-uj464xx95w] { background: #f2f5fa; }
.company-actions__menu button:disabled[b-uj464xx95w] { opacity: .5; }
.company-exercise-name[b-uj464xx95w] { margin: 0 0 .8rem; color: #30435f; font-weight: 600; overflow-wrap: anywhere; }
[b-uj464xx95w] .company-create-dialog { width: min(560px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
[b-uj464xx95w] .company-import-dialog { width: min(740px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
[b-uj464xx95w] .company-create-dialog .modal-body-content, [b-uj464xx95w] .company-import-dialog .modal-body-content { min-height: 0; overflow-y: auto; }
[b-uj464xx95w] .company-create-dialog .modal-footer-bar, [b-uj464xx95w] .company-import-dialog .modal-footer-bar { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; }
[b-uj464xx95w] .company-import-panel { min-width: 0; overflow-wrap: anywhere; font-size: .9rem; }
[b-uj464xx95w] .company-import-panel > p { color: #738095; margin: 0 0 1.25rem; line-height: 1.65; }
[b-uj464xx95w] .company-import-panel :is(input,select) { min-height: 46px; max-width: 100%; font-size: 16px; border-radius: 8px; }
[b-uj464xx95w] .company-import-panel input[type=checkbox] { min-height: auto; }
[b-uj464xx95w] .company-import-panel .btn-primary { background: #3c5792; border-color: #3c5792; min-height: 44px; }
[b-uj464xx95w] .company-import-panel fieldset { min-width: 0; }
@media (max-width: 640px) {
    .company-filters > div[b-uj464xx95w] { flex-basis: 100%; }
    [b-uj464xx95w] .company-create-dialog .modal-header-simple, [b-uj464xx95w] .company-import-dialog .modal-header-simple { padding: .75rem 1rem; }
    [b-uj464xx95w] .company-create-dialog .modal-body-content, [b-uj464xx95w] .company-import-dialog .modal-body-content { padding: 1rem; }
    [b-uj464xx95w] .company-create-dialog .modal-footer-bar, [b-uj464xx95w] .company-import-dialog .modal-footer-bar { padding: .75rem 1rem; }
}


/* These dialogs belong to the workspace, not to the full-screen accounting forms. */
.companies-screen[b-uj464xx95w]  .custom-modal-overlay { padding: 1rem; align-items: center; justify-content: center; background: #17263f66; }
.companies-screen[b-uj464xx95w]  .custom-modal-container { height: auto; max-height: calc(100dvh - 2rem); border: 1px solid #e0e6ef; border-radius: 16px; overflow: hidden; box-shadow: 0 18px 60px #17263f33; }
.companies-screen[b-uj464xx95w]  .modal-footer-bar { min-height: 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;
}
/* /Components/Pages/WorkspaceTeam.razor.rz.scp.css */
.workspace-access[b-r2nxuke7yd] { max-width: 1080px; }
.workspace-member[b-r2nxuke7yd] { padding: 1.25rem 0; border-top: 1px solid #e1e8ef; overflow-wrap: anywhere; }
.workspace-member h3[b-r2nxuke7yd] { font-size: 1rem; margin: 0 0 .25rem; }
.workspace-member p[b-r2nxuke7yd] { margin: .3rem 0 .7rem; }
.workspace-grant[b-r2nxuke7yd] { padding: .85rem; margin-top: .8rem; border-radius: .7rem; background: #f4f7fa; display: grid; gap: .5rem; }
.workspace-member-actions[b-r2nxuke7yd] { margin-top: .8rem; }
.workspace-member-actions summary[b-r2nxuke7yd] { cursor: pointer; margin-bottom: .7rem; }
.workspace-invitation-link[b-r2nxuke7yd] { width: 100%; min-width: 0; padding: .65rem; border: 1px solid #a8b8c9; border-radius: .5rem; }
@media(max-width:600px) { .workspace-access .billing-flex[b-r2nxuke7yd] { align-items: stretch; flex-direction: column; } .workspace-access button[b-r2nxuke7yd] { white-space: normal; } }
/* /Components/PublicLegalLinks.razor.rz.scp.css */
.public-legal-links[b-c7hd6snqdr] { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; margin: 12px 0; font-size: .85rem; }
.public-legal-links a[b-c7hd6snqdr] { color: #315f7c; }
/* /Components/Shared/BillingOrganizationSelector.razor.rz.scp.css */
.billing-organization-selector[b-4mi4z4hii7] { display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; max-width:100%; padding:.7rem 1rem; background:var(--bs-light,#f7f9fc); border-bottom:1px solid #e2e8f0; }
select[b-4mi4z4hii7] { max-width:100%; min-width:0; padding:.35rem; border:1px solid #cbd5e1; border-radius:.4rem; }
button[b-4mi4z4hii7] { padding:.35rem .8rem; border:1px solid #cbd5e1; border-radius:.4rem; background:white; }
label[b-4mi4z4hii7] { font-size:.85rem; }