/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login__recovery[b-3ovn0t5f6s] { margin: 1.35rem 0 0; text-align: center; }

.login__recovery a[b-3ovn0t5f6s] { color: var(--na-primary); font-size: 0.925rem; font-weight: 650; text-decoration: none; }

.login__recovery a:hover[b-3ovn0t5f6s] { color: var(--na-primary-hover); text-decoration: underline; text-underline-offset: 0.16em; }

.login__recovery a:focus-visible[b-3ovn0t5f6s] { outline: 3px solid color-mix(in srgb, var(--na-primary) 65%, transparent); outline-offset: 3px; border-radius: var(--na-radius-small); }
/* /Components/Account/Pages/Manage/Appearance.razor.rz.scp.css */
.appearance-options[b-kh0dvyfcz2] { display: grid; gap: 0.65rem; }

.appearance-option[b-kh0dvyfcz2] { display: flex; align-items: flex-start; gap: 0.7rem; min-height: 4.5rem; padding: 0.85rem 1rem; border: 1px solid var(--na-border); border-radius: var(--na-radius-medium); background: var(--na-surface); color: var(--na-text); cursor: pointer; transition: border-color var(--na-transition-fast), background-color var(--na-transition-fast), box-shadow var(--na-transition-fast); }

.appearance-option:hover[b-kh0dvyfcz2] { border-color: var(--na-primary); background: var(--na-primary-soft); }

.appearance-option:has(input:checked)[b-kh0dvyfcz2] { border-color: var(--na-primary); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--na-primary) 18%, transparent); }

.appearance-option[b-kh0dvyfcz2]  input { flex: 0 0 auto; margin-top: 0.2rem; accent-color: var(--na-primary); }

.appearance-option span[b-kh0dvyfcz2] { display: grid; gap: 0.2rem; }

.appearance-option small[b-kh0dvyfcz2] { color: var(--na-text-muted); }
/* /Components/Account/Shared/ManageLayout.razor.rz.scp.css */
.manage-shell[b-854rmqckdk] { max-width: 76rem; margin: 0 auto; padding: clamp(1.25rem, 3vw, 2.75rem); }

.manage-shell__header[b-854rmqckdk] { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }

.manage-shell__header h1[b-854rmqckdk] { margin: 0; color: var(--na-text); font-size: clamp(1.7rem, 3vw, 2.35rem); font-weight: 750; }

.manage-shell__header p[b-854rmqckdk] { margin: 0.45rem 0 0; color: var(--na-text-muted); font-size: 1rem; }

.manage-shell__grid[b-854rmqckdk] { display: grid; grid-template-columns: minmax(12rem, 14rem) minmax(0, 1fr); gap: clamp(1.25rem, 3vw, 2.5rem); align-items: start; }

.manage-shell__navigation[b-854rmqckdk], .manage-shell__content[b-854rmqckdk] { border: 1px solid var(--na-border); border-radius: var(--na-radius-large); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }

.manage-shell__navigation[b-854rmqckdk] { padding: 0.6rem; }

.manage-shell__content[b-854rmqckdk] { min-width: 0; padding: clamp(1.25rem, 3vw, 2rem); }

.manage-shell__content[b-854rmqckdk]  h3 { margin: 0 0 1.5rem; color: var(--na-text); font-size: 1.35rem; font-weight: 700; }

.manage-shell__content[b-854rmqckdk]  h4 { margin: 1.5rem 0 0.85rem; color: var(--na-text); font-size: 1rem; font-weight: 700; }

.manage-shell__content[b-854rmqckdk]  .row { margin: 0; }

.manage-shell__content[b-854rmqckdk]  .col-xl-6 { width: 100%; max-width: 34rem; padding: 0; }

.manage-shell__content[b-854rmqckdk]  .form-control, .manage-shell__content[b-854rmqckdk]  .form-select { min-height: 3rem; border-color: var(--na-border); background: var(--na-surface); color: var(--na-text); }

.manage-shell__content[b-854rmqckdk]  .form-control:focus, .manage-shell__content[b-854rmqckdk]  .form-select:focus { border-color: var(--na-primary); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--na-primary) 22%, transparent); }

.manage-shell__content[b-854rmqckdk]  .form-floating > label, .manage-shell__content[b-854rmqckdk]  .form-label, .manage-shell__content[b-854rmqckdk]  .form-text { color: var(--na-text-muted); }

.manage-shell__content[b-854rmqckdk]  .btn { min-height: 2.75rem; border-radius: var(--na-radius-small); font-weight: 650; }

.manage-shell__content[b-854rmqckdk]  .btn-primary { --bs-btn-bg: var(--na-primary); --bs-btn-border-color: var(--na-primary); --bs-btn-hover-bg: var(--na-primary-hover); --bs-btn-hover-border-color: var(--na-primary-hover); --bs-btn-active-bg: var(--na-primary-hover); --bs-btn-active-border-color: var(--na-primary-hover); }

.manage-shell__content[b-854rmqckdk]  .alert { border-color: var(--na-border); background: color-mix(in srgb, var(--na-surface) 88%, var(--na-primary-soft)); color: var(--na-text); }

.manage-shell__content[b-854rmqckdk]  .alert-info { border-left: 0.25rem solid var(--na-info); }

.manage-shell__content[b-854rmqckdk]  .alert-warning { border-left: 0.25rem solid var(--na-warning); }

.manage-shell__content[b-854rmqckdk]  .alert-danger { border-left: 0.25rem solid var(--na-danger); }

@media (max-width: 767.98px) {
    .manage-shell[b-854rmqckdk] { padding: 1rem; }
    .manage-shell__grid[b-854rmqckdk] { grid-template-columns: 1fr; gap: 1rem; }
    .manage-shell__content[b-854rmqckdk] { padding: 1.25rem; }
}
/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
.manage-nav ul[b-066ohwjejh] { display: grid; gap: 0.25rem; margin: 0; padding: 0; list-style: none; }

.manage-nav[b-066ohwjejh]  a { display: flex; align-items: center; min-height: 2.75rem; padding: 0.6rem 0.75rem; border: 1px solid transparent; border-radius: var(--na-radius-small); color: var(--na-text-muted); font-weight: 650; line-height: 1.25; text-decoration: none; transition: background-color var(--na-transition-fast), border-color var(--na-transition-fast), color var(--na-transition-fast); }

.manage-nav[b-066ohwjejh]  a:hover { background: var(--na-primary-soft); color: var(--na-text); }

.manage-nav[b-066ohwjejh]  a.active { border-color: var(--na-border); border-left: 0.2rem solid var(--na-primary); background: color-mix(in srgb, var(--na-primary-soft) 65%, var(--na-surface)); color: var(--na-text); }

.manage-nav[b-066ohwjejh]  a:focus-visible { outline: 3px solid color-mix(in srgb, var(--na-focus) 65%, transparent); outline-offset: 2px; }
/* /Components/Account/Shared/PublicIdentityLayout.razor.rz.scp.css */
.public-identity[b-rgathovnff] { display: grid; grid-template-rows: auto 1fr; min-height: 100dvh; padding: clamp(1.25rem, 4vw, 3rem); background: var(--na-background); }

.public-identity__brand[b-rgathovnff] { display: flex; align-items: center; justify-content: center; justify-self: center; min-height: 3.75rem; padding: 0.65rem 1.15rem; border: 1px solid var(--na-sidebar-border); border-radius: var(--na-radius-medium); background: var(--na-sidebar); box-shadow: var(--na-shadow-subtle); }

.public-identity__brand img[b-rgathovnff] { display: block; width: min(5rem, 30vw); aspect-ratio: 292.37 / 236.11; height: auto; }

.public-identity__main[b-rgathovnff] { display: grid; place-items: center; padding: clamp(1.5rem, 5vh, 4rem) 0; }

.public-identity__card[b-rgathovnff] { width: min(100%, 30rem); padding: clamp(1.5rem, 4vw, 2.5rem); border: 1px solid var(--na-border); border-radius: var(--na-radius-large); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }

.public-identity__card[b-rgathovnff]  h1 { margin: 0; color: var(--na-text); font-size: clamp(1.65rem, 4vw, 2rem); font-weight: 750; letter-spacing: -0.02em; }

.public-identity__card[b-rgathovnff]  h2 { margin: 0.45rem 0 1.5rem; color: var(--na-text-muted); font-size: 1rem; font-weight: 450; }

.public-identity__card[b-rgathovnff]  h3 { margin: 0 0 1.25rem; color: var(--na-text); font-size: 1.35rem; font-weight: 700; }

.public-identity__card[b-rgathovnff]  p { color: var(--na-text-muted); }

.public-identity__card[b-rgathovnff]  .row { margin: 0; }

.public-identity__card[b-rgathovnff]  .col-md-4, .public-identity__card[b-rgathovnff]  .col-lg-6 { width: 100%; padding: 0; }

.public-identity__card[b-rgathovnff]  hr { margin: 1.5rem 0; border-color: var(--na-border); opacity: 1; }

.public-identity__card[b-rgathovnff]  .form-control { min-height: 3.1rem; border-color: var(--na-border); background: var(--na-surface); color: var(--na-text); }

.public-identity__card[b-rgathovnff]  .form-control:focus { border-color: var(--na-primary); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--na-primary) 22%, transparent); }

.public-identity__card[b-rgathovnff]  .form-floating > label, .public-identity__card[b-rgathovnff]  .form-label { color: var(--na-text-muted); }

.public-identity__card[b-rgathovnff]  .form-check-input { border-color: var(--na-border); }

.public-identity__card[b-rgathovnff]  .form-check-input:checked { border-color: var(--na-primary); background-color: var(--na-primary); }

.public-identity__card[b-rgathovnff]  :is(a, button, input, select, textarea):focus-visible { outline: 3px solid color-mix(in srgb, var(--na-primary) 65%, transparent); outline-offset: 2px; }

.public-identity__card[b-rgathovnff]  .form-control:focus-visible, .public-identity__card[b-rgathovnff]  .form-check-input:focus-visible { border-color: var(--na-primary); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--na-primary) 22%, transparent); }

.public-identity__card[b-rgathovnff]  .btn { min-height: 2.85rem; border-radius: var(--na-radius-small); font-weight: 650; }

.public-identity__card[b-rgathovnff]  .btn-primary { --bs-btn-bg: var(--na-primary); --bs-btn-border-color: var(--na-primary); --bs-btn-hover-bg: var(--na-primary-hover); --bs-btn-hover-border-color: var(--na-primary-hover); --bs-btn-active-bg: var(--na-primary-hover); --bs-btn-active-border-color: var(--na-primary-hover); }

.public-identity__card[b-rgathovnff]  .btn:focus-visible { border-color: var(--na-primary-hover); box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--na-primary) 30%, transparent); }

.public-identity__card[b-rgathovnff]  .alert { border-color: var(--na-border); background: color-mix(in srgb, var(--na-surface) 88%, var(--na-primary-soft)); color: var(--na-text); }

.public-identity__card[b-rgathovnff]  .alert-danger { border-left: 0.25rem solid var(--na-danger); }

@media (max-width: 575.98px) {
    .public-identity[b-rgathovnff] { padding: 1rem; }
    .public-identity__brand img[b-rgathovnff] { width: min(4.5rem, 30vw); }
    .public-identity__main[b-rgathovnff] { padding: 1.5rem 0; align-items: start; }
    .public-identity__card[b-rgathovnff] { width: 100%; padding: 1.25rem; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-xp9b58360a] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-xp9b58360a] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.app-shell[b-xp9b58360a] {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    min-height: 100vh;
    background: var(--na-background);
    color: var(--na-text);
}

.app-shell__workspace[b-xp9b58360a] {
    min-width: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.app-shell__content[b-xp9b58360a] {
    min-width: 0;
    padding: clamp(1.25rem, 2.5vw, 2.5rem);
    outline: none;
}

.app-shell__backdrop[b-xp9b58360a] {
    display: none;
}

@media (min-width: 992px) {
    .app-shell.app-shell--collapsed[b-xp9b58360a] {
        grid-template-columns: 5.25rem minmax(0, 1fr);
    }
}

@media (max-width: 991.98px) {
    .app-shell[b-xp9b58360a] { display: block; }
    .app-shell__content[b-xp9b58360a] { padding: 1.25rem 1rem; }

    .app-shell__backdrop[b-xp9b58360a] {
        position: fixed;
        z-index: 1040;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background: rgba(17, 24, 39, 0.45);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
    }

    .app-shell__backdrop.app-shell__backdrop--visible[b-xp9b58360a] {
        display: block;
        opacity: 1;
        pointer-events: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ie1dn0t11u],
.components-reconnect-repeated-attempt-visible[b-ie1dn0t11u],
.components-reconnect-failed-visible[b-ie1dn0t11u],
.components-pause-visible[b-ie1dn0t11u],
.components-resume-failed-visible[b-ie1dn0t11u],
.components-rejoining-animation[b-ie1dn0t11u] {
    display: none;
}

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


#components-reconnect-modal[b-ie1dn0t11u] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ie1dn0t11u 0.5s both;
    &[open]

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

}

#components-reconnect-modal[b-ie1dn0t11u]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-ie1dn0t11u 0.5s ease-in-out;
    opacity: 1;
}

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-ie1dn0t11u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

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

#components-reconnect-modal button[b-ie1dn0t11u] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-ie1dn0t11u] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-ie1dn0t11u] {
        background-color: #6b9ed2;
    }

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

    .components-rejoining-animation div[b-ie1dn0t11u] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-ie1dn0t11u 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

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

@keyframes components-rejoining-animation-b-ie1dn0t11u {
    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/Sidebar.razor.rz.scp.css */
.sidebar[b-1pgbhl36yq] {
    position: sticky;
    top: 0;
    width: 18rem;
    height: 100vh;
    overflow-y: auto;
    padding: 1.25rem 0.875rem;
    background: var(--na-sidebar);
    border-right: 1px solid var(--na-sidebar-border);
    color: var(--na-sidebar-text);
    transition: width 0.2s ease, transform 0.2s ease;
}

.sidebar__mobile-header[b-1pgbhl36yq] { display: none; }

.sidebar__brand[b-1pgbhl36yq] { display: block; padding: 0.5rem 0.625rem 1.5rem; color: inherit; text-decoration: none; }

.sidebar__brand-logo[b-1pgbhl36yq] { display: block; width: 100%; max-width: 14.75rem; height: auto; margin: 0 auto; object-fit: contain; }

.sidebar__brand-mascot[b-1pgbhl36yq] { display: none; }

.sidebar__search[b-1pgbhl36yq] { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.7rem; border: 1px solid var(--na-sidebar-border); border-radius: var(--na-radius-small); color: var(--na-sidebar-muted); background: var(--na-sidebar-input); }

.sidebar__search input[b-1pgbhl36yq] { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: inherit; }

.sidebar__search input[b-1pgbhl36yq]::placeholder { color: var(--na-sidebar-muted); }

.sidebar__search:focus-within[b-1pgbhl36yq], .sidebar[b-1pgbhl36yq]  .sidebar__link:focus-visible, .sidebar__group-toggle:focus-visible[b-1pgbhl36yq], .sidebar__search-compact:focus-visible[b-1pgbhl36yq], .sidebar__close:focus-visible[b-1pgbhl36yq] { outline: 3px solid var(--na-focus); outline-offset: 2px; }

.sidebar__search-compact[b-1pgbhl36yq] { display: none; }

.sidebar__nav[b-1pgbhl36yq] { display: grid; gap: 0.4rem; margin-top: 1.25rem; }

.sidebar[b-1pgbhl36yq]  .sidebar__link, .sidebar__group-toggle[b-1pgbhl36yq] { display: flex; align-items: center; gap: 0.75rem; min-height: 2.75rem; width: 100%; padding: 0.65rem 0.75rem; border: 0; border-radius: var(--na-radius-small); background: transparent; color: inherit; text-align: left; text-decoration: none; transition: background-color var(--na-transition-fast), color var(--na-transition-fast), transform var(--na-transition-fast); }

.sidebar__link-mark[b-1pgbhl36yq] { flex: 0 0 auto; width: 1.25rem; aspect-ratio: 135.94 / 141.17; object-fit: contain; }

.sidebar[b-1pgbhl36yq]  .sidebar__link:hover, .sidebar__group-toggle:hover[b-1pgbhl36yq] { background: var(--na-sidebar-hover); color: inherit; }

.sidebar[b-1pgbhl36yq]  .sidebar__link:active, .sidebar__group-toggle:active[b-1pgbhl36yq] { transform: translateY(1px); }

.sidebar__group-toggle[b-1pgbhl36yq] { justify-content: space-between; color: var(--na-sidebar-text); font-weight: 650; }

.sidebar__group-toggle > span[b-1pgbhl36yq] { display: flex; align-items: center; gap: 0.75rem; }

.sidebar[b-1pgbhl36yq]  .sidebar__link.active { border-left: 0.25rem solid var(--na-sidebar-accent); background: var(--na-sidebar-active); color: var(--na-sidebar-active-text); font-weight: 700; }

.sidebar[b-1pgbhl36yq]  .sidebar__link.active .bi { color: var(--na-sidebar-accent); }

.sidebar__subnav[b-1pgbhl36yq] { display: grid; gap: 0.25rem; margin: 0.25rem 0 0.4rem; padding-left: 1.65rem; }

.sidebar[b-1pgbhl36yq]  .sidebar__link--sub { min-height: 2.4rem; color: var(--na-sidebar-muted); font-size: 0.92rem; font-weight: 500; }

@media (min-width: 992px) {
    .sidebar.sidebar--collapsed[b-1pgbhl36yq] { width: 5.25rem; overflow-x: hidden; padding-right: 0.75rem; padding-left: 0.75rem; }
    .sidebar--collapsed .sidebar__brand[b-1pgbhl36yq] { padding-right: 0; padding-left: 0; }
    .sidebar--collapsed .sidebar__brand-logo[b-1pgbhl36yq] { display: none; }
    .sidebar--collapsed .sidebar__brand-mascot[b-1pgbhl36yq] { display: block; width: 3.5rem; height: 3.5rem; margin: 0 auto; object-fit: contain; }
    .sidebar--collapsed .sidebar__search[b-1pgbhl36yq] { justify-content: center; padding: 0.6rem; }
    .sidebar--collapsed .sidebar__search-icon[b-1pgbhl36yq], .sidebar--collapsed .sidebar__search input[b-1pgbhl36yq] { display: none; }
    .sidebar--collapsed .sidebar__search-compact[b-1pgbhl36yq] { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: 0; border: 0; background: transparent; color: inherit; font-size: 1.1rem; }
    .sidebar--collapsed[b-1pgbhl36yq]  .sidebar__link, .sidebar--collapsed .sidebar__group-toggle[b-1pgbhl36yq] { justify-content: center; padding-right: 0.5rem; padding-left: 0.5rem; }
    .sidebar--collapsed[b-1pgbhl36yq]  .sidebar__link > span, .sidebar--collapsed .sidebar__group-toggle > span > span[b-1pgbhl36yq], .sidebar--collapsed .sidebar__chevron[b-1pgbhl36yq], .sidebar--collapsed .sidebar__subnav[b-1pgbhl36yq] { display: none; }
    .sidebar--collapsed[b-1pgbhl36yq]  .sidebar__link.active { border-left-width: 0; box-shadow: inset 0 -0.25rem 0 var(--na-sidebar-accent); }
}

@media (max-width: 991.98px) {
    .sidebar[b-1pgbhl36yq] { position: fixed; z-index: 1050; left: 0; width: min(20rem, 86vw); max-width: 100%; transform: translateX(-105%); box-shadow: var(--na-shadow-subtle); }
    .sidebar.sidebar--open[b-1pgbhl36yq] { transform: translateX(0); }
    .sidebar__mobile-header[b-1pgbhl36yq] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 0.5rem; padding: 0 0.25rem; color: var(--na-sidebar-muted); font-size: 0.875rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
    .sidebar__close[b-1pgbhl36yq] { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; min-height: 2.75rem; border: 0; border-radius: var(--na-radius-small); background: transparent; color: inherit; }
    .sidebar__close:hover[b-1pgbhl36yq] { background: var(--na-sidebar-hover); }
}
/* /Components/Layout/Topbar.razor.rz.scp.css */
.topbar[b-h2vi3s1yb2] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4.5rem; padding: 0.75rem clamp(1rem, 2.5vw, 2.5rem); border-bottom: 1px solid var(--na-border); background: var(--na-surface); }

.topbar__context[b-h2vi3s1yb2], .topbar__actions[b-h2vi3s1yb2] { display: flex; align-items: center; }

.topbar__context[b-h2vi3s1yb2] { gap: 0.5rem; min-width: 0; }

.topbar__actions[b-h2vi3s1yb2] { gap: 1rem; }

.topbar__collapse[b-h2vi3s1yb2], .topbar__menu[b-h2vi3s1yb2] { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; min-height: 2.5rem; padding: 0.2rem 0.4rem; border-radius: var(--na-radius-small); color: var(--na-text); font-size: 1.25rem; transition: background-color var(--na-transition-fast), color var(--na-transition-fast); }

.topbar__collapse:hover[b-h2vi3s1yb2], .topbar__menu:hover[b-h2vi3s1yb2] { background: var(--na-primary-soft); color: var(--na-primary); }

.topbar__menu[b-h2vi3s1yb2] { display: none; }

.topbar__crumb[b-h2vi3s1yb2] { overflow: hidden; color: var(--na-text-muted); font-weight: 650; text-overflow: ellipsis; white-space: nowrap; }

.topbar__account[b-h2vi3s1yb2] { display: flex; align-items: center; gap: 0.5rem; border: 1px solid var(--na-border); color: var(--na-text); }

.dropdown-item i[b-h2vi3s1yb2] { margin-right: 0.5rem; }

@media (max-width: 991.98px) {
    .topbar__collapse[b-h2vi3s1yb2] { display: none; }
    .topbar__menu[b-h2vi3s1yb2] { display: inline-flex; }
}

@media (max-width: 767.98px) {
    .topbar[b-h2vi3s1yb2] { min-height: 4rem; }
    .topbar__account span[b-h2vi3s1yb2] { display: none; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-welcome[b-gywdz5usx3] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; min-height: 12rem; padding: clamp(1.5rem, 4vw, 3rem); border: 1px solid var(--na-border); border-radius: var(--na-radius-large); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }
.home-welcome__eyebrow[b-gywdz5usx3] { margin: 0 0 .5rem; color: var(--na-primary); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .8rem; }.home-welcome h1[b-gywdz5usx3] { margin: 0; font-size: clamp(2rem, 4vw, 3rem); }.home-welcome__description[b-gywdz5usx3] { margin: .75rem 0 0; color: var(--na-text-muted); font-size: 1.1rem; }.home-welcome__mascot[b-gywdz5usx3] { width: clamp(7rem, 15vw, 11rem); aspect-ratio: 202.57 / 189.77; max-height: 10rem; object-fit: contain; }.home-modules[b-gywdz5usx3] { margin-top: 2rem; }.home-modules h2[b-gywdz5usx3] { font-size: 1.15rem; margin-bottom: 1rem; }.home-modules__grid[b-gywdz5usx3] { display: grid; grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)); gap: 1rem; }.home-module[b-gywdz5usx3] { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; min-height: 5.5rem; padding: 1rem 1.125rem; border: 1px solid var(--na-border); border-radius: var(--na-radius-medium); color: inherit; text-decoration: none; background: var(--na-surface); transition: border-color var(--na-transition-fast), box-shadow var(--na-transition-fast), transform var(--na-transition-fast); }.home-module > .bi:first-child[b-gywdz5usx3] { color: var(--na-primary); font-size: 1.45rem; }.home-module span[b-gywdz5usx3] { display: grid; gap: .2rem; }.home-module small[b-gywdz5usx3] { color: var(--na-text-muted); }.home-module:hover[b-gywdz5usx3] { border-color: color-mix(in srgb,var(--na-primary) 40%,var(--na-border)); box-shadow: var(--na-shadow-card-hover); transform: translateY(-1px); color: inherit; } @media (max-width: 575.98px) { .home-welcome__mascot[b-gywdz5usx3] { width: 5.5rem; }.home-welcome[b-gywdz5usx3] { padding: 1.25rem; } }
/* /Components/Pages/Microsip/Sales/Index.razor.rz.scp.css */
.sales-header[b-2uuypnc5gu] { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1rem; }
.sales-header h1[b-2uuypnc5gu] { margin: 0; }
.sales-header__description[b-2uuypnc5gu] { margin: .35rem 0 0; color: var(--na-text-muted); }
.sales-eyebrow[b-2uuypnc5gu] { margin: 0 0 .25rem; color: var(--na-primary); font-size: .74rem; font-weight: 800; letter-spacing: .075em; text-transform: uppercase; }
.sales-freshness[b-2uuypnc5gu] { display: grid; justify-items: end; gap: .18rem; color: var(--na-text-muted); font-size: .86rem; text-align: right; }
.sales-freshness span[b-2uuypnc5gu] { display: inline-flex; align-items: center; gap: .35rem; font-weight: 650; }
.sales-freshness i[b-2uuypnc5gu] { color: var(--na-success); }
.sales-freshness--unavailable i[b-2uuypnc5gu] { color: var(--na-text-muted); }
.sales-freshness small[b-2uuypnc5gu] { font-size: .75rem; }
.sales-loading[b-2uuypnc5gu], .sales-refreshing[b-2uuypnc5gu] { display: flex; align-items: center; gap: .55rem; color: var(--na-text-muted); }
.sales-loading[b-2uuypnc5gu] { min-height: 10rem; justify-content: center; }
.sales-refreshing[b-2uuypnc5gu] { min-height: 2rem; padding: .4rem 0; font-size: .82rem; }
.sales-filters[b-2uuypnc5gu] { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 1.1rem 1.5rem; align-items: end; padding: 1rem; border: 1px solid var(--na-border); border-radius: var(--na-radius-medium); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }
.sales-filters__period[b-2uuypnc5gu] { display: flex; gap: .75rem; }
.sales-field[b-2uuypnc5gu] { display: grid; gap: .3rem; min-width: 8.5rem; }
.sales-field label[b-2uuypnc5gu], .sales-warehouses legend[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .8rem; font-weight: 700; }
.sales-field .form-select[b-2uuypnc5gu] { min-height: 2.5rem; border-color: var(--na-border); background-color: var(--na-surface); color: var(--na-text); }
.sales-warehouses[b-2uuypnc5gu] { min-width: 0; padding: 0; border: 0; }
.sales-warehouses legend[b-2uuypnc5gu] { margin: 0 0 .35rem; }
.sales-chips[b-2uuypnc5gu] { display: flex; flex-wrap: wrap; gap: .45rem; padding: .1rem; }
.sales-chip[b-2uuypnc5gu] { flex: 0 0 auto; min-height: 2.35rem; padding: .45rem .8rem; border: 1px solid var(--na-border); border-radius: 99rem; color: var(--na-text); background: var(--na-surface); font-size: .82rem; font-weight: 650; white-space: nowrap; }
.sales-chip:hover[b-2uuypnc5gu] { border-color: var(--na-primary); color: var(--na-primary); }
.sales-chip.is-selected[b-2uuypnc5gu] { border-color: var(--na-primary); color: var(--na-primary); background: var(--na-primary-soft); }
.sales-warehouses__message[b-2uuypnc5gu] { display: block; margin-top: .35rem; color: var(--na-warning); }
.sales-dashboard[b-2uuypnc5gu] { display: grid; gap: 1rem; }
.sales-period[b-2uuypnc5gu] { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; padding: .38rem .7rem; border-radius: 99rem; color: var(--na-text-muted); background: color-mix(in srgb, var(--na-surface) 72%, var(--na-background)); font-size: .82rem; font-weight: 650; }
.sales-period i[b-2uuypnc5gu] { color: var(--na-primary); }
.sales-kpi-band[b-2uuypnc5gu], .sales-operational[b-2uuypnc5gu] { display: grid; gap: .65rem; }
.sales-kpi-band--accumulated[b-2uuypnc5gu] { padding-top: .2rem; }
.sales-kpi-band__heading[b-2uuypnc5gu] { display: grid; gap: .12rem; }
.sales-kpi-band__heading .sales-eyebrow[b-2uuypnc5gu] { margin: 0; }
.sales-kpi-band__heading h2[b-2uuypnc5gu] { margin: 0; color: var(--na-text); font-size: 1rem; }
.sales-kpis[b-2uuypnc5gu] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .8rem; }
.sales-operational[b-2uuypnc5gu] { margin-top: .15rem; }
.sales-operational__grid[b-2uuypnc5gu] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; }
.sales-support[b-2uuypnc5gu] { display: grid; grid-template-columns: 1.15fr 1fr; gap: .8rem; }
.sales-card[b-2uuypnc5gu] { min-width: 0; padding: 1rem; border: 1px solid var(--na-border); border-radius: var(--na-radius-medium); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }
.sales-card__heading[b-2uuypnc5gu] { display: flex; justify-content: space-between; gap: .8rem; align-items: start; margin-bottom: .85rem; }
.sales-card__heading h2[b-2uuypnc5gu] { margin: 0; color: var(--na-text); font-size: 1.05rem; }
.sales-card__heading > i[b-2uuypnc5gu] { color: var(--na-primary); font-size: 1.2rem; }
.sales-card__heading--controls[b-2uuypnc5gu] { align-items: center; }
.sales-cost[b-2uuypnc5gu] { display: grid; align-content: start; gap: .75rem; border-style: dashed; }
.sales-coverage-badge[b-2uuypnc5gu] { flex: 0 0 auto; padding: .28rem .5rem; border-radius: 99rem; color: var(--na-text-muted); background: var(--na-background); font-size: .76rem; font-weight: 800; }
.sales-cost__periods[b-2uuypnc5gu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; }
.sales-cost__periods--single[b-2uuypnc5gu] { grid-template-columns: 1fr; }
.sales-cost__period[b-2uuypnc5gu] { display: grid; align-content: start; gap: .65rem; min-width: 0; padding: .75rem; border: 1px solid var(--na-border); border-radius: .7rem; background: color-mix(in srgb, var(--na-background) 62%, var(--na-surface)); }
.sales-cost__period-heading[b-2uuypnc5gu] { display: flex; align-items: start; justify-content: space-between; gap: .6rem; }
.sales-cost__period-heading h3[b-2uuypnc5gu] { margin: 0; color: var(--na-text); font-size: .86rem; }
.sales-cost__period-heading small[b-2uuypnc5gu] { display: block; margin-top: .12rem; color: var(--na-text-muted); font-size: .68rem; }
.sales-cost__metrics[b-2uuypnc5gu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.sales-cost__metrics div[b-2uuypnc5gu] { display: grid; gap: .2rem; padding: .7rem; border-radius: .65rem; background: var(--na-background); }
.sales-cost__metrics span[b-2uuypnc5gu], .sales-cost__context[b-2uuypnc5gu], .sales-cost small[b-2uuypnc5gu], .sales-scope-note[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .76rem; }
.sales-cost__metrics strong[b-2uuypnc5gu] { overflow: hidden; font-size: 1.25rem; text-overflow: ellipsis; white-space: nowrap; }
.sales-cost__context[b-2uuypnc5gu] { margin: 0; line-height: 1.45; }
.sales-coverage-progress[b-2uuypnc5gu] { width: 100%; height: .45rem; overflow: hidden; border: 0; border-radius: 99rem; background: var(--na-background); accent-color: var(--na-primary); }
.sales-coverage-progress[b-2uuypnc5gu]::-webkit-progress-bar { border-radius: 99rem; background: var(--na-background); }
.sales-coverage-progress[b-2uuypnc5gu]::-webkit-progress-value { border-radius: 99rem; background: var(--na-primary); }
.sales-coverage-progress[b-2uuypnc5gu]::-moz-progress-bar { border-radius: 99rem; background: var(--na-primary); }
.sales-conditions[b-2uuypnc5gu] { border-style: dashed; }
.sales-scope-note[b-2uuypnc5gu] { margin: -.35rem 0 .8rem; line-height: 1.4; }
.sales-condition-header[b-2uuypnc5gu] { display: grid; grid-template-columns: minmax(7rem, 1fr) repeat(2, minmax(4.9rem, auto)); gap: .65rem; margin-bottom: .45rem; color: var(--na-text-muted); font-size: .68rem; font-weight: 800; letter-spacing: .045em; text-align: right; text-transform: uppercase; }
.sales-condition-list[b-2uuypnc5gu] { display: grid; gap: .5rem; margin: 0; }
.sales-condition-list div[b-2uuypnc5gu] { display: grid; grid-template-columns: minmax(7rem, 1fr) repeat(2, minmax(4.9rem, auto)); align-items: center; gap: .65rem; padding-bottom: .45rem; border-bottom: 1px solid var(--na-border); }
.sales-condition-list div:last-child[b-2uuypnc5gu] { padding-bottom: 0; border-bottom: 0; }
.sales-condition-list dt[b-2uuypnc5gu], .sales-condition-list dd[b-2uuypnc5gu] { display: flex; align-items: center; gap: .45rem; margin: 0; }
.sales-condition-list dt[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .8rem; font-weight: 600; }
.sales-condition-list dd[b-2uuypnc5gu] { display: grid; justify-items: end; gap: .05rem; }
.sales-condition-list dd strong[b-2uuypnc5gu] { font-size: .82rem; }
.sales-condition-list dd span[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .7rem; text-align: right; }
.sales-condition-dot[b-2uuypnc5gu] { width: .55rem; height: .55rem; border-radius: 50%; background: var(--na-text-muted); }
.sales-condition-dot--cash[b-2uuypnc5gu] { background: var(--na-primary); }
.sales-condition-dot--credit[b-2uuypnc5gu] { background: color-mix(in srgb, var(--na-primary) 45%, var(--na-text-muted)); }
.sales-condition-dot--mixed[b-2uuypnc5gu] { background: var(--na-warning); }
.sales-condition-dot--unclassified[b-2uuypnc5gu] { background: var(--na-border-strong, var(--na-text-muted)); }
.sales-highlights ul[b-2uuypnc5gu] { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
.sales-highlight[b-2uuypnc5gu] { display: flex; gap: .55rem; align-items: start; color: var(--na-text-muted); font-size: .82rem; line-height: 1.4; }
.sales-highlight i[b-2uuypnc5gu] { margin-top: .08rem; }
.sales-highlight--favorable i[b-2uuypnc5gu] { color: var(--na-success); }
.sales-highlight--unfavorable i[b-2uuypnc5gu] { color: var(--na-danger); }
.sales-analytics-grid[b-2uuypnc5gu], .sales-detail-grid[b-2uuypnc5gu] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.sales-detail-grid[b-2uuypnc5gu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.sales-evolution[b-2uuypnc5gu] { grid-column: 1 / -1; order: -1; }
.sales-bars[b-2uuypnc5gu] { display: grid; gap: .75rem; }
.sales-bars--scroll[b-2uuypnc5gu] { max-height: 25rem; overflow-y: auto; padding-right: .25rem; }
.sales-bar[b-2uuypnc5gu] { display: grid; gap: .3rem; min-width: 0; }
.sales-bar > div[b-2uuypnc5gu], .sales-bar__labels[b-2uuypnc5gu], .sales-top__labels[b-2uuypnc5gu] { display: flex; justify-content: space-between; gap: .8rem; align-items: baseline; min-width: 0; }
.sales-bar span[b-2uuypnc5gu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sales-bar strong[b-2uuypnc5gu] { font-size: .82rem; white-space: nowrap; }
.sales-value-share[b-2uuypnc5gu] { display: inline-flex; flex: 0 0 auto; align-items: baseline; gap: .45rem; }
.sales-value-share small[b-2uuypnc5gu], .sales-top__labels small[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .7rem; font-weight: 700; }
.sales-bar progress[b-2uuypnc5gu] { width: 100%; height: .52rem; overflow: hidden; border: 0; border-radius: 99rem; background: var(--na-background); accent-color: var(--na-primary); }
.sales-bar progress[b-2uuypnc5gu]::-webkit-progress-bar { border-radius: 99rem; background: var(--na-background); }
.sales-bar progress[b-2uuypnc5gu]::-webkit-progress-value { border-radius: 99rem; background: var(--na-primary); }
.sales-bar progress[b-2uuypnc5gu]::-moz-progress-bar { border-radius: 99rem; background: var(--na-primary); }
.sales-evolution__legend[b-2uuypnc5gu] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: -.25rem 0 .45rem; color: var(--na-text-muted); font-size: .74rem; font-weight: 650; }
.sales-evolution__legend span[b-2uuypnc5gu] { display: inline-flex; align-items: center; gap: .35rem; }
.sales-evolution__swatch[b-2uuypnc5gu] { display: inline-block; width: 1.4rem; border-top: 3px solid; }
.sales-evolution__swatch--selected[b-2uuypnc5gu] { border-color: var(--na-primary); }
.sales-evolution__swatch--comparison[b-2uuypnc5gu] { border-color: var(--na-text-muted); }
.sales-evolution__canvas[b-2uuypnc5gu] { overflow-x: auto; }
.sales-evolution svg[b-2uuypnc5gu] { display: block; width: auto; min-width: 100%; max-width: none; height: auto; }
.sales-evolution__axis[b-2uuypnc5gu] { stroke: var(--na-border); stroke-width: 1.5; }
.sales-evolution__line[b-2uuypnc5gu] { fill: none; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.sales-evolution__line--selected[b-2uuypnc5gu] { stroke: var(--na-primary); }
.sales-evolution__line--comparison[b-2uuypnc5gu] { stroke: var(--na-text-muted); stroke-width: 2.75; opacity: .82; }
.sales-evolution__leader[b-2uuypnc5gu] { stroke-width: 1.25; opacity: .62; vector-effect: non-scaling-stroke; }
.sales-evolution__leader--selected[b-2uuypnc5gu] { stroke: var(--na-primary); }
.sales-evolution__leader--comparison[b-2uuypnc5gu] { stroke: var(--na-text-muted); }
.sales-evolution__point[b-2uuypnc5gu] { fill: var(--na-surface); stroke-width: 3; vector-effect: non-scaling-stroke; }
.sales-evolution__point--selected[b-2uuypnc5gu] { stroke: var(--na-primary); }
.sales-evolution__point--comparison[b-2uuypnc5gu] { stroke: var(--na-text-muted); }
.sales-evolution__point--selected.is-partial[b-2uuypnc5gu] { fill: var(--na-primary); }
.sales-evolution__point--comparison.is-partial[b-2uuypnc5gu] { fill: var(--na-text-muted); }
.sales-evolution__value div[b-2uuypnc5gu] { box-sizing: border-box; display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 .3rem; border: 1px solid; border-radius: .35rem; font-size: 10.5px; font-variant-numeric: tabular-nums; font-weight: 750; line-height: 1; text-align: center; white-space: nowrap; box-shadow: 0 1px 3px rgba(30,35,40,.08); }
.sales-evolution__value--selected div[b-2uuypnc5gu] { border-color: color-mix(in srgb, var(--na-primary) 42%, var(--na-surface)); color: var(--na-primary-hover); background: color-mix(in srgb, var(--na-primary) 11%, var(--na-surface)); }
.sales-evolution__value--comparison div[b-2uuypnc5gu] { border-color: color-mix(in srgb, var(--na-text-muted) 38%, var(--na-surface)); color: var(--na-text-muted); background: color-mix(in srgb, var(--na-text-muted) 10%, var(--na-surface)); }
.sales-evolution__month div[b-2uuypnc5gu] { display: flex; align-items: center; justify-content: center; height: 100%; color: var(--na-primary-hover); font-size: 11px; font-weight: 750; text-align: center; }
.sales-evolution__note[b-2uuypnc5gu] { margin: .5rem 0 0; color: var(--na-text-muted); font-size: .76rem; }
.sales-segmented[b-2uuypnc5gu] { display: inline-flex; padding: .2rem; border: 1px solid var(--na-border); border-radius: .65rem; background: var(--na-background); }
.sales-segmented button[b-2uuypnc5gu] { min-height: 2rem; padding: .3rem .65rem; border: 0; border-radius: .45rem; color: var(--na-text-muted); background: transparent; font-size: .78rem; font-weight: 700; }
.sales-segmented button.is-selected[b-2uuypnc5gu] { color: var(--na-primary); background: var(--na-surface); box-shadow: 0 .15rem .5rem rgba(0,0,0,.08); }
.sales-bar--button[b-2uuypnc5gu] { width: 100%; padding: .4rem .5rem; border: 1px solid transparent; border-radius: .55rem; color: var(--na-text); background: transparent; text-align: left; }
.sales-bar--button:hover[b-2uuypnc5gu] { border-color: var(--na-border); }
.sales-bar--button.is-selected[b-2uuypnc5gu] { border-color: var(--na-primary); background: var(--na-primary-soft); }
.sales-filter-clear[b-2uuypnc5gu] { display: inline-flex; align-items: center; gap: .35rem; margin: -.25rem 0 .75rem; padding: .25rem .45rem; border: 0; color: var(--na-primary); background: transparent; font-size: .78rem; font-weight: 700; }
.sales-top__context[b-2uuypnc5gu] { margin: -.35rem 0 .75rem; color: var(--na-text-muted); font-size: .78rem; }
.sales-top__list[b-2uuypnc5gu] { margin: 0; padding: 0; list-style: none; counter-reset: top-item; }
.sales-top__list li[b-2uuypnc5gu] { counter-increment: top-item; }
.sales-top__labels > span:first-child[b-2uuypnc5gu]::before { content: counter(top-item) ". "; color: var(--na-text-muted); font-variant-numeric: tabular-nums; }
.sales-top__labels > span:first-child[b-2uuypnc5gu] { max-width: 56%; font-weight: 650; }
.sales-top__labels > span:last-child[b-2uuypnc5gu] { color: var(--na-text-muted); font-size: .78rem; white-space: nowrap; }
.sales-inline-empty[b-2uuypnc5gu] { margin: 1rem 0; color: var(--na-text-muted); text-align: center; }
.sales-empty[b-2uuypnc5gu] { display: grid; justify-items: center; gap: .5rem; padding: 3rem 1rem; color: var(--na-text-muted); text-align: center; border: 1px dashed var(--na-border); border-radius: var(--na-radius-large); background: var(--na-surface); }
.sales-empty--compact[b-2uuypnc5gu] { padding: 1.5rem 1rem; }
.sales-empty i[b-2uuypnc5gu] { color: var(--na-primary); font-size: 2rem; }
.sales-empty h2[b-2uuypnc5gu], .sales-empty p[b-2uuypnc5gu] { margin: 0; }
@media (max-width: 1199.98px) { .sales-kpis[b-2uuypnc5gu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.sales-support[b-2uuypnc5gu] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.sales-cost__periods[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-analytics-grid[b-2uuypnc5gu], .sales-detail-grid[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-evolution[b-2uuypnc5gu] { grid-column: auto; } }
@media (max-width: 899.98px) { .sales-filters[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-support[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-highlights[b-2uuypnc5gu] { grid-column: auto; } }
@media (max-width: 767.98px) { .sales-header[b-2uuypnc5gu] { align-items: start; flex-direction: column; }.sales-freshness[b-2uuypnc5gu] { justify-items: start; text-align: left; }.sales-filters__period[b-2uuypnc5gu] { display: grid; grid-template-columns: 1fr 1fr; }.sales-operational__grid[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-card__heading--controls[b-2uuypnc5gu] { align-items: start; flex-direction: column; }.sales-segmented[b-2uuypnc5gu] { width: 100%; }.sales-segmented button[b-2uuypnc5gu] { flex: 1; } }
@media (max-width: 499.98px) { .sales-kpis[b-2uuypnc5gu], .sales-cost__metrics[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-filters__period[b-2uuypnc5gu] { grid-template-columns: 1fr; }.sales-top__labels[b-2uuypnc5gu] { align-items: start; flex-direction: column; gap: .1rem; }.sales-top__labels > span:first-child[b-2uuypnc5gu] { max-width: 100%; } }
/* /Components/Pages/Microsip/Sales/SalesKpiCard.razor.rz.scp.css */
.sales-kpi[b-fg51mf6kpm] { display: grid; gap: .7rem; min-width: 0; padding: 1.1rem; border: 1px solid var(--na-border); border-radius: var(--na-radius-medium); background: var(--na-surface); box-shadow: var(--na-shadow-subtle); }
.sales-kpi--emphasis[b-fg51mf6kpm] { border-color: color-mix(in srgb, var(--na-primary) 30%, var(--na-border)); background: linear-gradient(145deg, color-mix(in srgb, var(--na-primary-soft) 48%, var(--na-surface)), var(--na-surface) 68%); }
.sales-kpi__heading[b-fg51mf6kpm] { display: flex; align-items: center; gap: .55rem; }
.sales-kpi__heading p[b-fg51mf6kpm] { margin: 0; color: var(--na-text-muted); font-size: .76rem; font-weight: 750; letter-spacing: .055em; text-transform: uppercase; }
.sales-kpi__action[b-fg51mf6kpm] { margin-left: auto; }
.sales-kpi__icon[b-fg51mf6kpm] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .65rem; color: var(--na-primary); background: var(--na-primary-soft); }
.sales-kpi strong[b-fg51mf6kpm] { overflow: hidden; color: var(--na-text); font-size: clamp(1.55rem, 3vw, 2rem); line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
.sales-kpi small[b-fg51mf6kpm] { margin-top: -.25rem; color: var(--na-text-muted); font-size: .72rem; line-height: 1.35; }
.sales-kpi .sales-kpi__secondary-caption[b-fg51mf6kpm] { margin-top: -.5rem; }
.sales-kpi__trend[b-fg51mf6kpm] { display: inline-flex; align-items: center; gap: .35rem; width: fit-content; margin: 0; font-size: .82rem; font-weight: 700; }
.sales-kpi__comparison[b-fg51mf6kpm] { margin: 0; color: var(--na-text-muted); font-size: .72rem; font-weight: 600; }
.sales-kpi__trend--favorable[b-fg51mf6kpm] { color: var(--na-success); }
.sales-kpi__trend--unfavorable[b-fg51mf6kpm] { color: var(--na-danger); }
.sales-kpi__trend--neutral[b-fg51mf6kpm] { color: var(--na-text-muted); }
/* /Components/Pages/Microsip/Sales/SalesReconciliationPopover.razor.rz.scp.css */
.sales-reconciliation-trigger[b-zananln3gu] { display: inline-flex; align-items: center; gap: .3rem; min-height: 1.85rem; padding: .25rem .48rem; border: 1px solid var(--na-border); border-radius: 99rem; color: var(--na-text-muted); background: color-mix(in srgb, var(--na-surface) 82%, transparent); font-size: .7rem; font-weight: 750; letter-spacing: normal; text-transform: none; }
.sales-reconciliation-trigger:hover[b-zananln3gu] { border-color: var(--na-primary); color: var(--na-primary); background: var(--na-primary-soft); }
.sales-reconciliation-trigger.is-complete i[b-zananln3gu] { color: var(--na-success); }
.sales-reconciliation-trigger.has-difference[b-zananln3gu] { border-color: color-mix(in srgb, var(--na-warning) 55%, var(--na-border)); color: var(--na-warning); }
.sales-reconciliation-trigger:focus-visible[b-zananln3gu], .sales-reconciliation__close:focus-visible[b-zananln3gu] { outline: 3px solid color-mix(in srgb, var(--na-primary) 38%, transparent); outline-offset: 2px; }
.sales-reconciliation[b-zananln3gu] { width: min(32rem, calc(100vw - 2rem)); max-height: min(42rem, calc(100vh - 2rem)); padding: 0; overflow: auto; border: 1px solid var(--na-border); border-radius: 1rem; color: var(--na-text); background: var(--na-surface); box-shadow: 0 1.25rem 4rem rgba(15, 23, 42, .28); }
.sales-reconciliation[b-zananln3gu]::backdrop { background: rgba(15, 23, 42, .26); backdrop-filter: blur(1.5px); }
.sales-reconciliation__header[b-zananln3gu] { display: flex; align-items: start; justify-content: space-between; gap: 1rem; padding: 1.05rem 1.1rem .9rem; border-bottom: 1px solid var(--na-border); background: linear-gradient(145deg, color-mix(in srgb, var(--na-primary-soft) 42%, var(--na-surface)), var(--na-surface) 72%); }
.sales-reconciliation__header h2[b-zananln3gu] { margin: 0; font-size: 1rem; }
.sales-reconciliation__header p[b-zananln3gu] { margin: .25rem 0 0; color: var(--na-text-muted); font-size: .76rem; }
.sales-reconciliation__close[b-zananln3gu] { display: grid; flex: 0 0 auto; width: 2rem; height: 2rem; place-items: center; padding: 0; border: 0; border-radius: .55rem; color: var(--na-text-muted); background: transparent; }
.sales-reconciliation__close:hover[b-zananln3gu] { color: var(--na-text); background: var(--na-background); }
.sales-reconciliation__rows[b-zananln3gu] { display: grid; gap: .58rem; margin: 0; padding: 1rem 1.1rem .85rem; }
.sales-reconciliation__rows > div[b-zananln3gu] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .75rem; color: var(--na-text-muted); font-size: .82rem; }
.sales-reconciliation__rows dt[b-zananln3gu] { min-width: 0; font-weight: 550; line-height: 1.3; }
.sales-reconciliation__rows dd[b-zananln3gu] { margin: 0; color: var(--na-text); font-variant-numeric: tabular-nums; font-weight: 700; white-space: nowrap; }
.sales-reconciliation__rows .sales-reconciliation__result[b-zananln3gu] { margin-top: .2rem; padding-top: .72rem; border-top: 1px solid var(--na-border); color: var(--na-text); font-weight: 800; }
.sales-reconciliation__rows .sales-reconciliation__sales[b-zananln3gu] { margin-top: .3rem; padding-top: .72rem; border-top: 1px solid var(--na-border); color: var(--na-text); font-weight: 800; }
.sales-reconciliation__rows .sales-reconciliation__difference[b-zananln3gu] { font-weight: 800; }
.sales-reconciliation__difference.is-complete dd[b-zananln3gu] { color: var(--na-success); }
.sales-reconciliation__difference.has-difference dd[b-zananln3gu] { color: var(--na-warning); }
.sales-reconciliation__note[b-zananln3gu] { margin: 0; padding: .8rem 1.1rem 1rem; border-top: 1px solid var(--na-border); color: var(--na-text-muted); font-size: .74rem; line-height: 1.45; }

@media (max-width: 499.98px) {
    .sales-reconciliation[b-zananln3gu] { width: calc(100vw - 1rem); max-height: calc(100vh - 1rem); }
    .sales-reconciliation-trigger span[b-zananln3gu] { display: none; }
}