@import '_content/Logicsoftware.Suite.Logoconta/Logicsoftware.Suite.Logoconta.cm0c649ws4.bundle.scp.css';
@import '_content/Logicsoftware.Suite.Platform/Logicsoftware.Suite.Platform.dvwll17pzq.bundle.scp.css';

/* /Components/AccountCard.razor.rz.scp.css */
.account-page[b-p41y3tm3ur] { min-height: 100dvh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.4rem; padding: 2.5rem 1rem; }
.account-card[b-p41y3tm3ur] { 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-p41y3tm3ur] { 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-p41y3tm3ur] { object-fit: contain; }
h1[b-p41y3tm3ur] { margin: 0 0 1.4rem; font-size: 1.45rem; font-weight: 700; letter-spacing: -.4px; color: #16243a; }
.account-footer[b-p41y3tm3ur] { width: min(100%, 28rem); text-align: center; color: #64748b; font-size: .78rem; }
.account-card[b-p41y3tm3ur]  .account-form { display: grid; gap: 1rem; }
.account-card[b-p41y3tm3ur]  .account-field { display: grid; gap: .4rem; font-size: .875rem; font-weight: 600; color: #34445d; }
.account-card[b-p41y3tm3ur]  .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-p41y3tm3ur]  input:focus-visible { outline: 3px solid #355cba24; border-color: #4368b3; }
.account-card[b-p41y3tm3ur]  .account-password { display: block; position: relative; }
.account-card[b-p41y3tm3ur]  .account-password input { padding-right: 3rem; }
.account-card[b-p41y3tm3ur]  .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-p41y3tm3ur]  .account-password button:hover { background: #eef2f7; }
.account-card[b-p41y3tm3ur]  .account-remember { display: flex; align-items: center; gap: .6rem; font-size: .875rem; color: #526178; min-height: 28px; }
.account-card[b-p41y3tm3ur]  .account-remember input { width: 18px; height: 18px; accent-color: #3d5893; }
.account-card[b-p41y3tm3ur]  .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-p41y3tm3ur]  .account-primary:hover { background: #304778; }
.account-card[b-p41y3tm3ur]  .account-switch { margin: 1.3rem 0 0; text-align: center; font-size: .875rem; color: #64748b; }
.account-card[b-p41y3tm3ur]  a:not(.account-primary) { color: #36568f; }
.account-card[b-p41y3tm3ur]  .account-help { font-weight: 400; color: #64748b; font-size: .78rem; }
.account-card[b-p41y3tm3ur]  .alert { overflow-wrap: anywhere; font-size: .875rem; }
.account-card[b-p41y3tm3ur]  .account-session { color: #526178; overflow-wrap: anywhere; }
.account-card[b-p41y3tm3ur]  button:focus-visible, .account-card[b-p41y3tm3ur]  a:focus-visible { outline: 3px solid #4368b3; outline-offset: 3px; }
@media(max-width: 480px) { .account-page[b-p41y3tm3ur] { justify-content: flex-start; padding: 1.2rem .8rem; gap: 1.2rem; } .account-card[b-p41y3tm3ur] { padding: 1.5rem; border-radius: 16px; } .account-brand[b-p41y3tm3ur] { margin-bottom: 1.4rem; } }
@media(max-height: 600px) { .account-page[b-p41y3tm3ur] { justify-content: flex-start; } }
/* /Components/AccountPrivacyNotice.razor.rz.scp.css */
.account-privacy-notice[b-f0rdu5jkia] { margin: .7rem auto 0; max-width: 30rem; color: #617085; font-size: .76rem; line-height: 1.5; }
summary[b-f0rdu5jkia] { cursor: pointer; width: fit-content; margin: auto; padding: .4rem; }
p[b-f0rdu5jkia] { margin: .5rem 0; } a[b-f0rdu5jkia] { color: #36568f; }
/* /Components/DevelopmentNotice.razor.rz.scp.css */
.development-notice[b-kpkn4xfwkt]{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-hmp7tzxdwu] { display: grid; gap: .65rem; margin: 0 0 1rem; }
.external-button[b-hmp7tzxdwu] { 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-hmp7tzxdwu] { flex: 0 0 20px; object-fit: contain; }
.external-button span[b-hmp7tzxdwu] { flex: 1; text-align: center; }
.external-button--google[b-hmp7tzxdwu] { font-family: 'Google Sans', sans-serif; }
.external-button:hover[b-hmp7tzxdwu] { background: #f8f9fa; }
.external-button:focus-visible[b-hmp7tzxdwu] { outline: 2px solid #1967d2; outline-offset: 3px; }
.external-access p[b-hmp7tzxdwu] { margin: .3rem 0 0; text-align: center; color: #626b75; font-size: .85rem; }

.external-access p[b-hmp7tzxdwu] { display: flex; align-items: center; gap: .8rem; font-size: .8rem; margin-top: .7rem; }
.external-access p[b-hmp7tzxdwu]::before, .external-access p[b-hmp7tzxdwu]::after { content: ""; flex: 1; height: 1px; background: #e3e8f0; }
/* /Components/Layout/AccessLayout.razor.rz.scp.css */
.suite-access-shell[b-a5chkh0mo6] { min-height: 100dvh; background: #f5f7fb; color: #17243b; }
.suite-access-error[b-a5chkh0mo6] { min-height: 100dvh; display: grid; place-items: center; align-content: center; gap: 1rem; padding: 2rem; text-align: center; }
.suite-access-error h1[b-a5chkh0mo6] { font-size: 1.4rem; } .suite-access-error p[b-a5chkh0mo6] { max-width: 36rem; color: #64748b; }
/* /Components/Layout/DesktopSidebar.razor.rz.scp.css */
.sidebar-container[b-g9xkvpx7mg] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-label[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    color: var(--app-nav-muted);
    font-size: 0.75rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

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

.nav-item-group.is-expanded[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] .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-g9xkvpx7mg] .main-link:hover {
        background-color: var(--app-color-sidebar-hover);
    }

    [b-g9xkvpx7mg] .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-g9xkvpx7mg] .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-g9xkvpx7mg] .main-link i {
        font-size: 1.2rem;
        margin-right: 0.75rem;
        width: 20px;
        text-align: center;
    }

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

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

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

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

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

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

[b-g9xkvpx7mg] .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-g9xkvpx7mg] .sub-menu-nested-link:hover,
    [b-g9xkvpx7mg] .sub-menu-nested-link:focus-visible {
        color: var(--app-color-text-strong);
        text-decoration-color: currentColor;
        outline: none;
    }

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

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

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

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

.sub-menu-label[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg],
    .sub-menu > .sub-menu-btn + .sub-menu-operation-group[b-g9xkvpx7mg],
    .sub-menu > .sub-menu-operation-group + .sub-menu-btn[b-g9xkvpx7mg],
    .sub-menu > .sub-menu-operation-group + .sub-menu-operation-group[b-g9xkvpx7mg] {
        margin-top: 0.3rem;
    }

    .sub-menu-btn.active[b-g9xkvpx7mg] {
        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-g9xkvpx7mg] {
        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-g9xkvpx7mg] {
        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-g9xkvpx7mg] {
        background: var(--app-color-sidebar-active);
    }

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

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

    .operation-warning-dot[b-g9xkvpx7mg] {
        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-g9xkvpx7mg] {
    align-items: center;
}

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

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

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

.sub-menu-accordion-panel[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    margin: 0.18rem 0 0.28rem;
    padding-left: 0;
}

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

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

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

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

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

.sub-menu-section-link[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    margin-top: 0;
}

.sub-menu-section-link:hover[b-g9xkvpx7mg],
.sub-menu-section-link:focus-visible[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.sub-menu-section-link:focus-visible i[b-g9xkvpx7mg] {
    background: var(--app-color-focus-strong);
}

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

.sub-menu-operation-group.is-sections-group > .sub-menu-accordion-panel[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    background: var(--app-color-surface-subtle);
    padding: 0.35rem 0 0.55rem;
}

.nav-item-group.is-expanded.has-operation-focus[b-g9xkvpx7mg]  .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-g9xkvpx7mg]  .main-link.active:hover,
.nav-item-group.is-expanded.has-operation-focus[b-g9xkvpx7mg]  .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-g9xkvpx7mg] {
    padding: 0.18rem 0.75rem 0.45rem;
    animation: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-btn[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-accordion-toggle.active:focus-visible[b-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle:hover .sub-menu-accordion-icon[b-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle:focus-visible .sub-menu-accordion-icon[b-g9xkvpx7mg] {
    color: currentColor;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-btn-child:focus-visible[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    color: var(--app-nav-text);
    text-decoration: none;
}

.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle--sections:hover[b-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-accordion-toggle--sections:focus-visible[b-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link[b-g9xkvpx7mg] {
    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-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-operation-group.is-active .sub-menu-section-link:focus-visible[b-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link:hover[b-g9xkvpx7mg],
.nav-item-group.is-expanded.has-operation-focus .sub-menu-section-link:focus-visible[b-g9xkvpx7mg] {
    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-g9xkvpx7mg] {
    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-g9xkvpx7mg {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

.global-spinner-card[b-r3lal9gaiy] {
    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-r3lal9gaiy 140ms ease-out 160ms forwards;
}

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

@keyframes global-spinner-card-in-b-r3lal9gaiy {
    to {
        opacity: 1;
        transform: none;
    }
}
/* /Components/Layout/GlobalToasts.razor.rz.scp.css */
/* Posición por defecto para escritorio (Pegado abajo) */
.custom-toast-pos[b-9aixqtb57e] {
    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-9aixqtb57e] {
        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-d3ntfnefxo] {
    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-d3ntfnefxo] {
    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-d3ntfnefxo] {
    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-d3ntfnefxo] {
    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-d3ntfnefxo] {
    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-d3ntfnefxo] {
        background-color: var(--app-topbar-button-hover-bg);
        color: var(--app-color-text-strong);
    }

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

/* --- CENTRO: Logo y Nombre --- */
.top-bar-center[b-d3ntfnefxo] {
    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-d3ntfnefxo] {
    height: 1.8rem;
    width: auto;
}

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

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

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

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

.top-bar-session[b-d3ntfnefxo] {
    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-d3ntfnefxo] {
    color: var(--app-color-link);
}

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

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

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

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

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

/* --- A partir de 768px (Tablets / Móviles horizontales) --- */
@media (min-width: 768px) {
    .content-area[b-d3ntfnefxo] {
        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-d3ntfnefxo] {
        display: none;
    }

    .desktop-sidebar-container[b-d3ntfnefxo] {
        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-d3ntfnefxo] {
        padding-bottom: 0; /* En PC no hay barra abajo, quitamos el margen */
    }

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

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

/* /Components/Layout/MobileBottomBar.razor.rz.scp.css */
.mobile-bar[b-nk8rne4v4o] {
    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-nk8rne4v4o] {
    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-nk8rne4v4o] {
        font-size: 1.5rem;
    }

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

.disabled-btn[b-nk8rne4v4o] {
    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-ownmt02otc] {
    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-ownmt02otc] {
    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-ownmt02otc] {
    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-ownmt02otc] {
    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-ownmt02otc] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding-bottom: 0.45rem;
}

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

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

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

.mobile-nested-link[b-ownmt02otc] {
    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-ownmt02otc],
    .mobile-nested-link:focus-visible[b-ownmt02otc],
    .mobile-nested-link:active[b-ownmt02otc] {
        color: var(--app-color-text-strong);
        outline: none;
    }

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

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

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

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

.menu-item-btn[b-ownmt02otc] {
    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-ownmt02otc] {
        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-ownmt02otc] {
        background-color: var(--app-list-hover-bg);
    }

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

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

.operation-warning-dot[b-ownmt02otc] {
    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-ownmt02otc] {
    min-width: 0;
    flex: 1 1 auto;
}

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

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

.mobile-operation-accordion-panel--nested[b-ownmt02otc] {
    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-ownmt02otc] {
    padding-left: 2.35rem;
}

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

.mobile-operation-section-link[b-ownmt02otc] {
    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-ownmt02otc] {
    color: color-mix(in srgb, var(--app-color-text-soft) 70%, transparent);
}

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

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

    to {
        transform: translateY(0);
    }
}
/* /Components/Layout/PrepaidLayout.razor.rz.scp.css */
.prepaid-shell[b-13gi1l1b09] { min-height:100dvh; background:color-mix(in srgb,var(--app-color-surface-subtle) 67%,var(--app-color-page)); color:var(--app-color-text); }
.prepaid-site[b-13gi1l1b09] { max-width:728px; margin:auto; padding:30px 16px 24px; }
.prepaid-header[b-13gi1l1b09] { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 5px 24px; }
.prepaid-brand[b-13gi1l1b09] { display:flex; align-items:center; gap:9px; color:var(--app-color-text); font-size:22px; font-weight:600; letter-spacing:-.35px; text-decoration:none; }
.prepaid-brand img[b-13gi1l1b09] { width:32px; height:32px; }
.prepaid-help[b-13gi1l1b09] { font-size:.75rem; color:var(--app-color-text-soft); text-decoration:none; }
.prepaid-help:hover[b-13gi1l1b09] { color:var(--app-color-primary); text-decoration:underline; text-underline-offset:3px; }
.prepaid-content[b-13gi1l1b09] { line-height:1.5; overflow:hidden; background:var(--app-color-surface); border:1px solid var(--app-color-border); border-radius:var(--app-radius-lg); box-shadow:0 5px 22px color-mix(in srgb,var(--app-color-text) 2%,transparent); }
.prepaid-content[b-13gi1l1b09]  h1 { color:var(--app-color-text); }
.prepaid-content[b-13gi1l1b09]  a { overflow-wrap:anywhere; }
.prepaid-footer[b-13gi1l1b09] { padding:20px 5px 0; color:var(--app-color-text-soft); font-size:.6875rem; text-align:center; line-height:1.5; }
.prepaid-footer nav[b-13gi1l1b09] { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 18px; }
.prepaid-footer a[b-13gi1l1b09] { color:var(--app-color-text-soft); text-decoration:none; }
.prepaid-footer a:hover[b-13gi1l1b09] { color:var(--app-color-primary); text-decoration:underline; text-underline-offset:3px; }
.prepaid-footer p[b-13gi1l1b09] { margin:9px 0 0; font-size:.65625rem; }
a:focus-visible[b-13gi1l1b09] { outline:2px solid var(--app-color-focus); outline-offset:3px; }
@media(max-width:560px) {
    .prepaid-shell[b-13gi1l1b09] { background:var(--app-color-surface); }
    .prepaid-site[b-13gi1l1b09] { padding:21px 0 18px; }
    .prepaid-header[b-13gi1l1b09] { padding:0 18px 24px; gap:12px; }
    .prepaid-brand[b-13gi1l1b09] { font-size:21px; }
    .prepaid-help[b-13gi1l1b09] { font-size:.71875rem; }
    .prepaid-content[b-13gi1l1b09] { border:0; border-radius:0; box-shadow:none; }
    .prepaid-footer[b-13gi1l1b09] { margin:0 18px; padding:16px 18px 0; border-top:1px solid var(--app-color-border-muted); }
}
/* The same folio frames the existing legal text, without nested cards. */
.prepaid-content[b-13gi1l1b09]  .prepaid-document { width:auto; margin:0; padding:27px 30px 24px; color:var(--app-color-text-body); font-size:.875rem; line-height:1.6; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document .billing-heading { margin:0 0 1.5rem; text-align:left; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document h1 { margin:0 0 1rem; font-size:1.4375rem; font-weight:600; letter-spacing:-.035rem; line-height:1.25; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document h2 { margin:1.5rem 0 .625rem; font-size:1rem; font-weight:600; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document .billing-panel { margin:0; padding:0; border:0; border-radius:0; box-shadow:none; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document .billing-panel > h2:first-child { margin-top:0; }
.prepaid-content[b-13gi1l1b09]  .prepaid-document .billing-heading p { margin:0; font-size:.75rem; color:var(--app-color-text-soft); }
.prepaid-content[b-13gi1l1b09]  .prepaid-document a { color:var(--app-color-primary); }
@media(max-width:560px) { .prepaid-content[b-13gi1l1b09]  .prepaid-document { padding:0 18px 20px; } }
/* /Components/Layout/PublicSiteLayout.razor.rz.scp.css */
.public-site[b-7uar6fwsvp] { max-width: 1000px; margin: auto; padding: 24px; color: #27323b; }
.public-header[b-7uar6fwsvp] { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin: 0 0 28px; }
.public-brand[b-7uar6fwsvp] { display: flex; align-items: center; gap: 12px; color: #27323b; font-size: 24px; font-weight: 700; text-decoration: none; }
.public-header nav[b-7uar6fwsvp] { display: flex; align-items: center; gap: 20px; }
.public-content[b-7uar6fwsvp] { padding: 40px; background: #fff; border-radius: 12px; box-shadow: 0 8px 28px #00000009; line-height: 1.7; }
.public-content[b-7uar6fwsvp]  h1 { font-size: clamp(1.9rem, 5vw, 2.8rem); line-height: 1.2; margin: 0 0 24px; color: #1e2933; }
.public-content[b-7uar6fwsvp]  h2 { font-size: 1.3rem; margin: 32px 0 12px; }
.public-content[b-7uar6fwsvp]  .public-intro { font-size: 1.2rem; color: #52606d; }
.public-content[b-7uar6fwsvp]  .public-date { color: #687782; font-size: .9rem; }
.public-content[b-7uar6fwsvp]  .public-actions { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; margin-top: 28px; }
.public-content[b-7uar6fwsvp]  a { overflow-wrap: anywhere; }
.public-footer[b-7uar6fwsvp] { padding: 24px 0 8px; text-align: center; color: #52606d; font-size: .85rem; }
.public-footer p[b-7uar6fwsvp] { margin-top: 14px; }
@media(max-width: 600px) { .public-site[b-7uar6fwsvp] { padding: 16px; } .public-content[b-7uar6fwsvp] { padding: 24px 20px; } .public-header[b-7uar6fwsvp] { flex-direction: column; align-items: flex-start; gap: 16px; } }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-d94jg0q241],
.components-reconnect-repeated-attempt-visible[b-d94jg0q241],
.components-reconnect-failed-visible[b-d94jg0q241],
.components-pause-visible[b-d94jg0q241],
.components-resume-failed-visible[b-d94jg0q241],
.components-rejoining-animation[b-d94jg0q241] {
    display: none;
}

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


#components-reconnect-modal[b-d94jg0q241] {
    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-d94jg0q241 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-d94jg0q241] {
    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-d94jg0q241] {
        background-color: var(--app-color-link);
    }

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

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

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

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

@keyframes components-rejoining-animation-b-d94jg0q241 {
    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-r5g6o67a9j] { min-height: 100dvh; width: 100%; display: flex; flex-direction: column; background: #f5f7fb; color: #26354a; }
.workspace-header[b-r5g6o67a9j] { background: #fff; border-bottom: 1px solid #e4e9f1; }
.workspace-header__inner[b-r5g6o67a9j] { max-width: 1180px; margin: auto; min-height: 76px; padding: .8rem 2rem; display: flex; align-items: center; gap: 2.5rem; }
.workspace-brand[b-r5g6o67a9j] { 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-r5g6o67a9j] { object-fit: contain; }
nav[b-r5g6o67a9j] { display: flex; gap: .3rem; }
nav[b-r5g6o67a9j]  a { padding: .7rem .9rem; border-radius: 8px; text-decoration: none; color: #66738a; font-size: .9rem; font-weight: 600; }
nav[b-r5g6o67a9j]  a.active { background: #eef2fa; color: #36528d; }
.workspace-account[b-r5g6o67a9j] { position: relative; margin-left: auto; min-width: 0; }
summary[b-r5g6o67a9j] { list-style: none; display: flex; align-items: center; gap: .6rem; min-height: 44px; cursor: pointer; color: #526078; }
summary[b-r5g6o67a9j]::-webkit-details-marker { display: none; } summary span[b-r5g6o67a9j] { max-width: 160px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: .85rem; }
summary .bi-person-circle[b-r5g6o67a9j] { font-size: 1.4rem; }
.workspace-account__menu[b-r5g6o67a9j] { 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-r5g6o67a9j], .workspace-account__menu > span[b-r5g6o67a9j] { overflow-wrap: anywhere; font-size: .875rem; }
.workspace-account__menu > span[b-r5g6o67a9j] { color: #6b778b; margin-bottom: .5rem; }
.workspace-account__menu a[b-r5g6o67a9j], .workspace-account__menu button[b-r5g6o67a9j] { 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-r5g6o67a9j], .workspace-account__menu button:hover[b-r5g6o67a9j] { background: #f1f4f9; }
.workspace-content[b-r5g6o67a9j] { flex: 1; width: 100%; min-width: 0; max-width: 1180px; margin: 0 auto; padding: 2.5rem 2rem; }
.workspace-footer[b-r5g6o67a9j] { 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-r5g6o67a9j] { color: #62738c; }
.workspace-shell[b-r5g6o67a9j]  :is(a,button,input,select,textarea,summary):focus-visible { outline: 3px solid #4169ae; outline-offset: 3px; }
@media(max-width: 640px) { .workspace-header__inner[b-r5g6o67a9j] { padding: .65rem 1rem; gap: .8rem; min-height: 64px; flex-wrap: wrap; } .workspace-brand[b-r5g6o67a9j] { font-size: 1.15rem; } nav[b-r5g6o67a9j] { order: 3; width: 100%; border-top: 1px solid #eef1f6; padding-top: .65rem; } nav[b-r5g6o67a9j]  a { padding: .5rem .8rem; } .workspace-account[b-r5g6o67a9j] { margin-left: auto; } summary span[b-r5g6o67a9j] { display: none; } .workspace-content[b-r5g6o67a9j] { padding: 1.5rem 1rem; } }

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

/* Keep the same workspace header at tablet widths without squeezing navigation. */
.workspace-content[b-r5g6o67a9j]  .billing-organization-selector { margin-bottom: 1.5rem; border: 1px solid #e4e9f1; border-radius: 10px; background: #fff; gap: .6rem; }
.workspace-content[b-r5g6o67a9j]  .billing-organization-selector :is(select,button) { min-height: 44px; font-size: .9rem; }
@media (min-width: 641px) and (max-width: 1000px) {
    .workspace-header__inner[b-r5g6o67a9j] { flex-wrap: wrap; gap: .75rem 1rem; }
    nav[b-r5g6o67a9j] { order: 3; width: 100%; padding-top: .5rem; border-top: 1px solid #eef1f6; }
}
.workspace-content:has(.admin-page)[b-r5g6o67a9j] { max-width: none; padding: 1.5rem 2rem; }
@media(max-width: 640px) { .workspace-content:has(.admin-page)[b-r5g6o67a9j] { padding: 1.25rem .75rem; } }
/* /Components/Pages/DesktopLicenseDetail.razor.rz.scp.css */
.desktop-license-fields[b-p8fmtfo8cn]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:1px solid #dce3ed;min-width:0}
.desktop-license-fields label[b-p8fmtfo8cn],.desktop-license-device label[b-p8fmtfo8cn]{display:flex;flex-direction:column;gap:5px;min-width:0}
.desktop-license-fields input[b-p8fmtfo8cn],.desktop-license-fields textarea[b-p8fmtfo8cn]{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-p8fmtfo8cn]{width:auto;align-self:flex-start}
.desktop-license-wide[b-p8fmtfo8cn]{grid-column:1/-1}.desktop-license-device[b-p8fmtfo8cn]{padding:14px 0;border-bottom:1px solid #dce3ed}.desktop-license-actions[b-p8fmtfo8cn]{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}
.billing-panel[b-p8fmtfo8cn]{min-width:0;overflow-wrap:anywhere}.billing-panel input[b-p8fmtfo8cn]{max-width:100%;box-sizing:border-box}
@media(max-width:640px){.desktop-license-fields[b-p8fmtfo8cn]{grid-template-columns:minmax(0,1fr)}.desktop-license-fields legend[b-p8fmtfo8cn]{font-size:18px}.desktop-license-device summary[b-p8fmtfo8cn]{line-height:1.5}}
/* /Components/Pages/Login.razor.rz.scp.css */
.suite-login-page[b-axpuv4661y] {
    min-height: 100vh;
    display: grid;
    grid-template-rows: 1fr auto;
    place-items: center;
    padding: 1.25rem;
}

.suite-login-card[b-axpuv4661y] {
    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-axpuv4661y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.75rem;
}

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

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

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

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

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

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

.suite-login-field[b-axpuv4661y] {
    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-axpuv4661y] {
    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-axpuv4661y] {
    outline: none;
    border-color: var(--app-color-focus-strong);
    background: var(--app-color-surface);
}

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

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

.suite-login-password button[b-axpuv4661y] {
    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-axpuv4661y] {
    background: var(--app-color-hover);
    color: var(--app-color-text);
}

.suite-login-check[b-axpuv4661y] {
    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-axpuv4661y] {
    width: 1rem;
    height: 1rem;
}

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

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

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

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

    .suite-login-card[b-axpuv4661y] {
        padding: 1.5rem;
    }
}
/* /Components/Pages/PrepaidPurchase.razor.rz.scp.css */
/* Approved recharge composition, using the suite's shared office-form controls. */
.prepaid-page[b-p99g2encem] { --app-office-x-padding:1.875rem; --app-office-label-width:10.875rem; --app-office-label-size:.8125rem; --app-office-band-size:.8125rem; --prepaid-muted:color-mix(in srgb,var(--app-color-text-soft) 84%,var(--app-color-text-body)); overflow-wrap:anywhere; }
.prepaid-heading[b-p99g2encem] { padding:1.6875rem var(--app-office-x-padding) 0; margin-bottom:1.0625rem; }
.prepaid-heading h1[b-p99g2encem] { margin:0; font-size:1.4375rem; line-height:1.25; font-weight:600; letter-spacing:-.035rem; }
.prepaid-note[b-p99g2encem] { margin:0; color:var(--prepaid-muted); font-size:var(--app-font-size-sm); }
.prepaid-balance[b-p99g2encem] { display:flex; align-items:center; flex-wrap:wrap; gap:.4375rem 1.125rem; padding:0 var(--app-office-x-padding) 1.375rem; font-size:.75rem; color:var(--prepaid-muted); }
.prepaid-balance form[b-p99g2encem] { margin-left:auto; }
.prepaid-balance strong[b-p99g2encem] { color:var(--app-color-text-body); font-weight:500; font-variant-numeric:tabular-nums; }
.prepaid-text-button[b-p99g2encem] { border:0; padding:0; background:none; color:var(--app-color-primary); font:inherit; cursor:pointer; text-decoration:none; }
.prepaid-text-button:hover[b-p99g2encem] { text-decoration:underline; text-underline-offset:3px; }
.prepaid-balance button[b-p99g2encem] { display:flex; align-items:center; gap:5px; }
.prepaid-refresh[b-p99g2encem] { width:12px; height:12px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.prepaid-section-title[b-p99g2encem] { margin:0; min-height:35px; }
.prepaid-page > form > .app-office-form__section[b-p99g2encem] { padding:1.25rem var(--app-office-x-padding) 1.5rem; }
.prepaid-packs[b-p99g2encem] { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:.375rem; margin-bottom:1.0625rem; }
.prepaid-packs button[b-p99g2encem] { min-height:39px; padding:.4375rem .1875rem; border:1px solid var(--app-color-border); border-radius:var(--app-radius-sm); background:var(--app-color-surface); color:var(--app-color-text-body); font:inherit; font-size:.8125rem; font-variant-numeric:tabular-nums; cursor:pointer; }
.prepaid-packs button:hover[b-p99g2encem] { background:var(--app-list-hover-bg); border-color:var(--app-interactive-hover-border); }
.prepaid-packs button[aria-pressed="true"][b-p99g2encem] { border-color:var(--app-color-primary); background:color-mix(in srgb,var(--app-color-selection) 80%,var(--app-color-surface)); color:var(--app-color-primary-border); font-weight:600; }
.prepaid-field[b-p99g2encem] { column-gap:.75rem; }
.prepaid-field > .form-label-sm[b-p99g2encem] { color:var(--prepaid-muted); line-height:1.25; }
.prepaid-field :is(input,select)[b-p99g2encem] { min-width:0; padding-inline:.625rem; font-size:.875rem; }
.prepaid-field input[readonly][b-p99g2encem] { color:var(--prepaid-muted); }
.prepaid-inline[b-p99g2encem] { display:flex; align-items:center; gap:.5rem; min-width:0; }
.prepaid-inline input[b-p99g2encem] { flex:1; width:0; }
.prepaid-correct-taxid[b-p99g2encem] { flex:none; font-size:.6875rem; text-decoration:none; }
.prepaid-correct-taxid:hover[b-p99g2encem] { text-decoration:underline; }
.prepaid-quantity input[b-p99g2encem] { font-variant-numeric:tabular-nums; }
.prepaid-error[b-p99g2encem] { display:block; color:var(--app-color-danger); font-size:var(--app-font-size-sm); margin-top:.3rem; }
.prepaid-error:empty[b-p99g2encem] { display:none; }
.prepaid-rates[b-p99g2encem] { margin:.75rem 0 0; font-size:.71875rem; color:var(--prepaid-muted); }
.prepaid-rates summary[b-p99g2encem] { cursor:pointer; width:fit-content; display:flex; align-items:center; gap:6px; list-style:none; }
.prepaid-rates summary[b-p99g2encem]::-webkit-details-marker { display:none; }
.prepaid-rates summary[b-p99g2encem]::before { content:""; width:5px; height:5px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(-45deg); margin:0 2px 0 1px; }
.prepaid-rates[open] summary[b-p99g2encem]::before { transform:rotate(45deg) translateY(-2px); }
.prepaid-rate-list[b-p99g2encem] { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.5rem; margin-top:.75rem; padding:.75rem 0 0; border-top:1px solid var(--app-office-line); }
.prepaid-rate-list strong[b-p99g2encem] { display:block; font-size:.8125rem; font-weight:500; color:var(--app-color-text-body); }
.prepaid-rates .prepaid-note[b-p99g2encem] { font-size:.6875rem; margin-top:.5rem; }
.prepaid-quote[b-p99g2encem] { display:flex; align-items:center; justify-content:space-between; gap:.875rem; margin-top:1.25rem; padding:1rem 1.125rem; border:1px solid color-mix(in srgb,var(--app-color-border) 65%,var(--app-color-selection)); border-radius:var(--app-radius-md); background:color-mix(in srgb,var(--app-color-selection) 55%,var(--app-color-surface)); color:var(--app-color-text-body); font-size:.8125rem; font-variant-numeric:tabular-nums; }
.prepaid-quote small[b-p99g2encem] { display:block; color:var(--prepaid-muted); font-size:.71875rem; margin-top:.25rem; }
.prepaid-quote small > span[b-p99g2encem] { white-space:nowrap; }
.prepaid-total[b-p99g2encem] { text-align:right; flex:0 0 auto; display:grid; gap:3px; }
.prepaid-total > span[b-p99g2encem] { display:block; color:var(--prepaid-muted); font-size:.71875rem; }
.prepaid-total strong[b-p99g2encem] { font-size:1.5625rem; font-weight:600; line-height:1.15; letter-spacing:-.0375rem; color:var(--app-color-text); white-space:nowrap; }
.prepaid-saving[b-p99g2encem], .prepaid-region[b-p99g2encem] { margin:.75rem 0 0; padding:.65rem .75rem; background:var(--app-color-surface-subtle); border-left:2px solid var(--app-color-border-strong); color:var(--app-color-text-body); font-size:.8rem; }
.prepaid-region[b-p99g2encem] { margin:.75rem var(--app-office-x-padding); }
.prepaid-saving[hidden][b-p99g2encem], .prepaid-region[hidden][b-p99g2encem] { display:none; }
.prepaid-business[b-p99g2encem] { display:flex; gap:.6rem; align-items:flex-start; cursor:pointer; }
.prepaid-business input[b-p99g2encem] { flex:0 0 auto; margin-top:3px; accent-color:var(--app-color-primary); }
.prepaid-region .prepaid-note[b-p99g2encem] { margin:.65rem 0 0; font-size:.75rem; }
.prepaid-details:not([open])[b-p99g2encem] { margin-bottom:.75rem; }
.prepaid-details > summary[b-p99g2encem] { min-height:35px; gap:.625rem; }
.prepaid-details > summary .app-office-disclosure-section__title[b-p99g2encem] { flex:none; }
.prepaid-details > summary small[b-p99g2encem] { margin-left:auto; min-width:0; max-width:55%; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--prepaid-muted); font-size:.71875rem; font-weight:400; }
.prepaid-details[open] > summary small[b-p99g2encem] { display:none; }
.prepaid-page > form > .prepaid-details > .app-office-disclosure-section__body[b-p99g2encem] { padding:1.0625rem var(--app-office-x-padding) 1.4375rem; }
.prepaid-details .prepaid-note[b-p99g2encem] { font-size:.78rem; margin-bottom:.5rem; }
.prepaid-checkout[b-p99g2encem] { padding:.3125rem var(--app-office-x-padding) 1.5rem; }
.prepaid-consent[b-p99g2encem] { display:flex; align-items:flex-start; gap:.5625rem; margin:.6875rem 0 1rem; color:var(--prepaid-muted); font-size:.75rem; line-height:1.55; cursor:pointer; }
.prepaid-consent input[b-p99g2encem] { flex:0 0 auto; width:15px; height:15px; margin:2px 0 0; accent-color:var(--app-color-primary); }
.prepaid-pay[b-p99g2encem] { width:100%; justify-content:center; align-items:center; gap:.5rem; min-height:44px; border-radius:var(--app-radius-sm); font-size:.875rem; font-weight:600; background:var(--app-color-primary); border-color:var(--app-color-primary-border); }
.prepaid-pay svg[b-p99g2encem] { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; opacity:.85; }
.prepaid-pay:hover:not(:disabled)[b-p99g2encem] { background:var(--app-color-primary-border); border-color:var(--app-color-primary-border); }
.prepaid-footnote[b-p99g2encem] { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; margin:.75rem 0 0; color:var(--prepaid-muted); font-size:.6875rem; }
.prepaid-footnote > [aria-hidden][b-p99g2encem] { color:var(--app-color-text-soft); }
.prepaid-entry[b-p99g2encem] { margin:0 var(--app-office-x-padding); padding:1rem 0 1.5rem; border-top:1px solid var(--app-office-line); }
.prepaid-entry h2[b-p99g2encem] { font-size:1rem; font-weight:600; }
.prepaid-entry p[b-p99g2encem] { font-size:.9rem; }
.prepaid-page > .billing-alert[b-p99g2encem], .prepaid-page > .billing-panel[b-p99g2encem] { margin:1rem var(--app-office-x-padding); }
.prepaid-actions[b-p99g2encem] { display:flex; gap:.8rem; flex-wrap:wrap; }
button:focus-visible[b-p99g2encem], a:focus-visible[b-p99g2encem], summary:focus-visible[b-p99g2encem] { outline:2px solid var(--app-color-focus); outline-offset:3px; }
@media(max-width:560px) {
    .prepaid-page[b-p99g2encem] { --app-office-x-padding:1.125rem; --app-office-label-width:7.125rem; --app-office-label-size:.75rem; }
    .prepaid-heading[b-p99g2encem] { padding-top:0; margin-bottom:1rem; }
    .prepaid-heading h1[b-p99g2encem] { font-size:1.375rem; }
    .prepaid-balance[b-p99g2encem] { gap:.4375rem .8125rem; font-size:.71875rem; padding-bottom:1.4375rem; }
    .prepaid-page > form > .app-office-form__section[b-p99g2encem] { padding-top:1.1875rem; padding-bottom:1.4375rem; }
    .prepaid-field[b-p99g2encem] { column-gap:.4375rem; }
    .prepaid-field :is(input,select)[b-p99g2encem] { font-size:16px; padding-inline:.4375rem; }
    .prepaid-field > label[b-p99g2encem] { white-space:normal; }
    .prepaid-packs[b-p99g2encem] { grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:.9375rem; }
    .prepaid-packs button[b-p99g2encem] { min-height:41px; }
    .prepaid-rate-list[b-p99g2encem] { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .prepaid-quote[b-p99g2encem] { gap:.5rem; padding:.875rem .75rem; margin-top:1.0625rem; font-size:.78125rem; }
    .prepaid-quote small[b-p99g2encem], .prepaid-total > span[b-p99g2encem] { font-size:.6875rem; }
    .prepaid-total strong[b-p99g2encem] { font-size:1.4375rem; }
    .prepaid-checkout[b-p99g2encem] { padding-bottom:1.125rem; }
    .prepaid-pay[b-p99g2encem] { min-height:46px; }
    .prepaid-actions[b-p99g2encem], .prepaid-actions form[b-p99g2encem], .prepaid-actions button[b-p99g2encem] { width:100%; }
}
/* /Components/Pages/SuiteCompanyHome.razor.rz.scp.css */
.suite-company-home[b-a8osaasfye] {
    display: grid;
    gap: 1rem;
    width: 100%;
}

.suite-company-home__header[b-a8osaasfye] {
    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-a8osaasfye],
.suite-company-home__header h1[b-a8osaasfye],
.suite-company-home__header span[b-a8osaasfye],
.suite-workspace-area h2[b-a8osaasfye],
.suite-workspace-area p[b-a8osaasfye] {
    margin: 0;
}

.suite-company-home__eyebrow[b-a8osaasfye] {
    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-a8osaasfye] {
    color: var(--app-color-text-strong);
    font-size: 1.35rem;
    font-weight: 700;
}

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

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

.suite-workspace-area[b-a8osaasfye] {
    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-a8osaasfye]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: 0.16;
    pointer-events: none;
}

.suite-workspace-area--accounting[b-a8osaasfye]::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-a8osaasfye]::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-a8osaasfye]::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-a8osaasfye]::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-a8osaasfye] {
    position: relative;
    z-index: 1;
}

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

.suite-workspace-area__icon[b-a8osaasfye] {
    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-a8osaasfye] {
    display: grid;
    gap: 0.5rem;
}

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

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

.suite-workspace-area__screens[b-a8osaasfye] {
    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-a8osaasfye] {
    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-a8osaasfye],
.suite-workspace-shortcut:focus-visible[b-a8osaasfye] {
    background: var(--app-color-hover);
}

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

.suite-company-home__state[b-a8osaasfye] {
    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-a8osaasfye] {
    color: var(--app-color-warning);
    font-size: 1.35rem;
}

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

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

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

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

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

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

    .suite-workspace-area__header .btn[b-a8osaasfye] {
        grid-column: 1 / -1;
        justify-self: start;
    }
}
/* /Components/Pages/SuiteEmpresas.razor.rz.scp.css */
.companies-heading[b-6gx7s9v728] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.8rem; }
.companies-heading h1[b-6gx7s9v728] { 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-6gx7s9v728] { background: #e7edf7; border-radius: 20px; padding: .3rem .6rem; font-size: .75rem; letter-spacing: 0; color: #516587; font-weight: 600; }
.companies-heading p[b-6gx7s9v728] { margin: .6rem 0 0; color: #738095; font-size: .9rem; }
.companies-primary-actions[b-6gx7s9v728], .companies-empty__actions[b-6gx7s9v728] { display: flex; flex-wrap: wrap; gap: .65rem; }
.company-button[b-6gx7s9v728] { 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-6gx7s9v728] { background: #f2f5fa; border-color: #bbc9df; }
.company-button--primary[b-6gx7s9v728] { border-color: #3c5792; background: #3c5792; color: #fff; }
.company-button--primary:hover[b-6gx7s9v728] { background: #304778; color: #fff; }
.company-button--danger[b-6gx7s9v728] { color: #aa3030; }
.company-button:disabled[b-6gx7s9v728] { opacity: .5; cursor: default; }
.company-button.is-active[b-6gx7s9v728] { background: #edf2fb; color: #36528d; border-color: #a9bbde; }
.companies-panel[b-6gx7s9v728] { background: #fff; border: 1px solid #e0e6ef; border-radius: 14px; min-width: 0; box-shadow: 0 4px 16px #233f6b04; }
.companies-toolbar[b-6gx7s9v728] { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; padding: 1rem; border-bottom: 1px solid #edf0f6; }
.company-search[b-6gx7s9v728] { 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-6gx7s9v728] { width: 100%; min-width: 0; height: 42px; border: 0; background: transparent; color: #263957; font-size: 16px; outline: none; }
.company-search:focus-within[b-6gx7s9v728] { border-color: #4368b3; box-shadow: 0 0 0 3px #4368b314; }
.companies-selection-bar[b-6gx7s9v728] { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: .8rem 1rem; background: #f0f4fb; font-size: .875rem; }
.companies-empty[b-6gx7s9v728] { 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-6gx7s9v728] { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 18px; background: #f0f4fb; color: #5576b4; font-size: 1.8rem; }
.companies-empty h2[b-6gx7s9v728] { margin: 0; font-size: 1.25rem; color: #263957; font-weight: 650; }
.companies-empty p[b-6gx7s9v728] { margin: 0; max-width: 350px; color: #758197; font-size: .9rem; line-height: 1.65; }
.companies-empty__actions[b-6gx7s9v728] { justify-content: center; margin-top: .4rem; }
.companies-list[b-6gx7s9v728] { padding: .3rem 1rem 1rem; }
.company-year-group[b-6gx7s9v728] { padding: 1.1rem .35rem .7rem; margin: 0; color: #8a95a6; text-transform: uppercase; letter-spacing: .6px; font-size: .7rem; font-weight: 700; }
.company-card[b-6gx7s9v728] { display: flex; align-items: center; gap: .6rem; border-bottom: 1px solid #edf0f5; min-width: 0; padding-right: .5rem; }
.company-card:last-child[b-6gx7s9v728] { border-bottom: 0; }
.company-card.is-created[b-6gx7s9v728] { background: #f0f5ff; border-radius: 9px; }
.company-card.is-archived[b-6gx7s9v728] { opacity: .8; }
.company-select[b-6gx7s9v728] { padding: .8rem .3rem; } .company-select input[b-6gx7s9v728] { width: 20px; height: 20px; accent-color: #3c5792; }
.company-open-form[b-6gx7s9v728] { flex: 1; min-width: 0; }
.company-open[b-6gx7s9v728] { 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-6gx7s9v728] { background: #f7f9fc; }
.company-open:disabled[b-6gx7s9v728] { color: inherit; cursor: default; }
.company-avatar[b-6gx7s9v728] { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 11px; background: #f0f4fb; color: #6b82ab; }
.company-information[b-6gx7s9v728] { display: flex; flex-direction: column; gap: .4rem; min-width: 0; }
.company-information strong[b-6gx7s9v728] { color: #30435f; font-size: .95rem; font-weight: 650; overflow-wrap: anywhere; }
.company-information > span[b-6gx7s9v728] { color: #7b8799; font-size: .8rem; }
.company-information > span span[b-6gx7s9v728] { margin: 0 .4rem; }
.company-open-arrow[b-6gx7s9v728] { margin-left: auto; color: #9ca9bd; font-size: .85rem; }
[b-6gx7s9v728] .company-create-fields { display: grid; gap: .4rem; }
[b-6gx7s9v728] .company-create-fields label { display: block; color: #40536f; font-size: .875rem; font-weight: 600; margin-bottom: .25rem; }
[b-6gx7s9v728] .company-create-fields label small { color: #7f8b9c; font-weight: 400; }
[b-6gx7s9v728] .company-create-fields input, [b-6gx7s9v728] .company-create-fields select { min-height: 46px; font-size: 16px; border-radius: 8px; }
.company-create-columns[b-6gx7s9v728] { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: .8rem; }
.company-create-help[b-6gx7s9v728] { color: #748298; font-size: .8rem; margin: 1rem 0 0; }
[b-6gx7s9v728] .validation-message { color: #b93232; font-size: .8rem; }
@media (max-width: 640px) {
    .companies-heading[b-6gx7s9v728] { align-items: stretch; flex-direction: column; gap: 1.2rem; margin-bottom: 1.3rem; }
    .companies-heading h1[b-6gx7s9v728] { font-size: 1.5rem; }
    .companies-primary-actions[b-6gx7s9v728] { display: grid; grid-template-columns: 1fr 1.25fr; }
    .companies-toolbar[b-6gx7s9v728] { padding: .8rem; }
    .company-search[b-6gx7s9v728] { flex-basis: 100%; }
    .companies-empty[b-6gx7s9v728] { padding: 2.4rem 1rem; }
    .companies-empty__actions[b-6gx7s9v728] { width: 100%; flex-direction: column; }
    .companies-list[b-6gx7s9v728] { padding-inline: .65rem; }
    .company-open[b-6gx7s9v728] { gap: .6rem; padding-inline: .25rem; }
    .company-avatar[b-6gx7s9v728] { width: 34px; height: 34px; }
    .company-create-columns[b-6gx7s9v728] { grid-template-columns: 1fr; }
}

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

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


.companies-screen[b-6gx7s9v728], .companies-page[b-6gx7s9v728] { width: 100%; min-width: 0; }
.companies-screen[b-6gx7s9v728] { padding-bottom: .5rem; }
.company-filters[b-6gx7s9v728] { display: flex; flex-wrap: wrap; align-items: end; gap: .85rem; padding: 1rem; border-bottom: 1px solid #edf0f6; background: #fbfcfe; }
.company-filters > div[b-6gx7s9v728] { flex: 1 1 10rem; min-width: 0; }
.company-filters label[b-6gx7s9v728] { display: block; font-size: .8rem; color: #66738a; margin-bottom: .35rem; }
.company-filters select[b-6gx7s9v728] { min-height: 44px; font-size: 16px; }
.company-open-form[b-6gx7s9v728] { margin: 0; }
.company-information > span[b-6gx7s9v728] { overflow-wrap: anywhere; }
.company-actions[b-6gx7s9v728] { position: relative; flex: 0 0 auto; }
.company-actions summary[b-6gx7s9v728] { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 8px; color: #66738a; cursor: pointer; list-style: none; }
.company-actions summary[b-6gx7s9v728]::-webkit-details-marker { display: none; }
.company-actions summary:hover[b-6gx7s9v728], .company-actions[open] summary[b-6gx7s9v728] { background: #eef2fa; color: #36528d; }
.company-actions__menu[b-6gx7s9v728] { 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-6gx7s9v728] { 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-6gx7s9v728] { background: #f2f5fa; }
.company-actions__menu button:disabled[b-6gx7s9v728] { opacity: .5; }
.company-exercise-name[b-6gx7s9v728] { margin: 0 0 .8rem; color: #30435f; font-weight: 600; overflow-wrap: anywhere; }
[b-6gx7s9v728] .company-create-dialog { width: min(560px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
[b-6gx7s9v728] .company-import-dialog { width: min(740px, calc(100vw - 2rem)); max-width: calc(100vw - 2rem); }
[b-6gx7s9v728] .company-create-dialog .modal-body-content, [b-6gx7s9v728] .company-import-dialog .modal-body-content { min-height: 0; overflow-y: auto; }
[b-6gx7s9v728] .company-create-dialog .modal-footer-bar, [b-6gx7s9v728] .company-import-dialog .modal-footer-bar { display: flex; flex-wrap: wrap; justify-content: flex-end; flex-shrink: 0; }
[b-6gx7s9v728] .company-import-panel { min-width: 0; overflow-wrap: anywhere; font-size: .9rem; }
[b-6gx7s9v728] .company-import-panel > p { color: #738095; margin: 0 0 1.25rem; line-height: 1.65; }
[b-6gx7s9v728] .company-import-panel :is(input,select) { min-height: 46px; max-width: 100%; font-size: 16px; border-radius: 8px; }
[b-6gx7s9v728] .company-import-panel input[type=checkbox] { min-height: auto; }
[b-6gx7s9v728] .company-import-panel .btn-primary { background: #3c5792; border-color: #3c5792; min-height: 44px; }
[b-6gx7s9v728] .company-import-panel fieldset { min-width: 0; }
@media (max-width: 640px) {
    .company-filters > div[b-6gx7s9v728] { flex-basis: 100%; }
    [b-6gx7s9v728] .company-create-dialog .modal-header-simple, [b-6gx7s9v728] .company-import-dialog .modal-header-simple { padding: .75rem 1rem; }
    [b-6gx7s9v728] .company-create-dialog .modal-body-content, [b-6gx7s9v728] .company-import-dialog .modal-body-content { padding: 1rem; }
    [b-6gx7s9v728] .company-create-dialog .modal-footer-bar, [b-6gx7s9v728] .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-6gx7s9v728]  .custom-modal-overlay { padding: 1rem; align-items: center; justify-content: center; background: #17263f66; }
.companies-screen[b-6gx7s9v728]  .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-6gx7s9v728]  .modal-footer-bar { min-height: 0; }
/* /Components/Pages/SuiteEntrada.razor.rz.scp.css */
.suite-entry-page[b-my0orppqgr] {
    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-qj5u4jmead] { max-width: 1080px; }
.workspace-member[b-qj5u4jmead] { padding: 1.25rem 0; border-top: 1px solid #e1e8ef; overflow-wrap: anywhere; }
.workspace-member h3[b-qj5u4jmead] { font-size: 1rem; margin: 0 0 .25rem; }
.workspace-member p[b-qj5u4jmead] { margin: .3rem 0 .7rem; }
.workspace-grant[b-qj5u4jmead] { padding: .85rem; margin-top: .8rem; border-radius: .7rem; background: #f4f7fa; display: grid; gap: .5rem; }
.workspace-member-actions[b-qj5u4jmead] { margin-top: .8rem; }
.workspace-member-actions summary[b-qj5u4jmead] { cursor: pointer; margin-bottom: .7rem; }
.workspace-invitation-link[b-qj5u4jmead] { width: 100%; min-width: 0; padding: .65rem; border: 1px solid #a8b8c9; border-radius: .5rem; }
@media(max-width:600px) { .workspace-access .billing-flex[b-qj5u4jmead] { align-items: stretch; flex-direction: column; } .workspace-access button[b-qj5u4jmead] { white-space: normal; } }
/* /Components/PublicLegalLinks.razor.rz.scp.css */
.public-legal-links[b-9e21qq1umh] { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 18px; margin: 12px 0; font-size: .85rem; }
.public-legal-links a[b-9e21qq1umh] { color: #315f7c; }
/* /Components/Shared/BillingOrganizationSelector.razor.rz.scp.css */
.billing-organization-selector[b-jpvhmtgqyq] { 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-jpvhmtgqyq] { max-width:100%; min-width:0; padding:.35rem; border:1px solid #cbd5e1; border-radius:.4rem; }
button[b-jpvhmtgqyq] { padding:.35rem .8rem; border:1px solid #cbd5e1; border-radius:.4rem; background:white; }
label[b-jpvhmtgqyq] { font-size:.85rem; }