/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-wq3rln96h4] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100svh;
    height: 100svh;
    max-height: 100svh;
    overflow: hidden;
    background: #eef3fb;
    font-family: "Fira Sans Condensed", sans-serif;
}

.app-header[b-wq3rln96h4] {
    background: #ffffff;
    color: #0b2460;
    border-bottom: 4px solid #c6a15b;
    height: 3.15rem;
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0 0.85rem;
    z-index: 40;
    box-shadow: 0 6px 16px rgba(12, 47, 122, 0.08);
}

.btn-nav-toggle[b-wq3rln96h4] {
    width: 2rem;
    height: 2rem;
    border: 1px solid #9ec4f5;
    border-radius: 0.15rem;
    background: #e8f4ff;
    color: #0c2f7a;
    display: grid;
    place-items: center;
    cursor: pointer;
    padding: 0;
}

.header-mark[b-wq3rln96h4] {
    width: 2.15rem;
    height: 2.15rem;
    display: grid;
    place-items: center;
    background: #0c2f7a;
    color: #c6a15b;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.header-brand-block[b-wq3rln96h4] {
    display: flex;
    align-items: baseline;
    gap: 0.55rem;
    min-width: 0;
    padding-left: 0.75rem;
    border-left: 1px solid #c5dbf7;
}

.header-company[b-wq3rln96h4] {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.header-db[b-wq3rln96h4] {
    font-size: 0.7rem;
    font-weight: 650;
    padding: 0.08rem 0.4rem;
    background: #c6a15b;
    color: #1c1408;
}

.header-user[b-wq3rln96h4] { display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.header-login[b-wq3rln96h4] { font-size: 0.82rem; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; }
.header-pass[b-wq3rln96h4] { font-size: 0.72rem; color: inherit; text-decoration: underline; text-underline-offset: 0.12rem; }

.btn-header-out[b-wq3rln96h4] {
    border-color: #1857d4 !important;
    color: #1857d4 !important;
    background: transparent;
    border-radius: 0.15rem !important;
    font-weight: 600;
}

.page-body[b-wq3rln96h4] { flex: 1; display: flex; min-height: 0; }
main[b-wq3rln96h4] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
article.content[b-wq3rln96h4] { flex: 1; min-height: 0; overflow: auto; padding-top: 0.75rem; }
.sidebar[b-wq3rln96h4] { background: linear-gradient(180deg, #0c2f7a 0%, #123a8f 100%); z-index: 35; }
.sidebar-backdrop[b-wq3rln96h4] { display: none; }

@media (max-width: 640.98px) {
    .sidebar[b-wq3rln96h4] {
        position: fixed;
        inset: 3.15rem auto 0 0;
        width: min(78vw, 16.5rem);
        height: calc(100svh - 3.15rem);
        transform: translateX(-105%);
        transition: transform 0.18s ease;
    }
    .page.nav-mobile-open .sidebar[b-wq3rln96h4] { transform: translateX(0); }
    .page.nav-mobile-open .sidebar-backdrop[b-wq3rln96h4] {
        display: block;
        position: fixed;
        inset: 3.15rem 0 0 0;
        background: rgba(12, 47, 122, 0.45);
        z-index: 30;
    }
    .header-db[b-wq3rln96h4] { display: none; }
}

@media (min-width: 641px) {
    .sidebar[b-wq3rln96h4] {
        width: 232px;
        height: calc(100svh - 3.15rem);
        position: sticky;
        top: 0;
        flex: 0 0 auto;
        overflow: hidden;
    }
    .page.nav-collapsed .sidebar[b-wq3rln96h4] { width: 3.4rem; }
    .page.nav-collapsed[b-wq3rln96h4]  .nav-group-title,
    .page.nav-collapsed[b-wq3rln96h4]  .nav-group-chevron,
    .page.nav-collapsed[b-wq3rln96h4]  .nav-label { display: none; }
    .page.nav-collapsed[b-wq3rln96h4]  .nav-link,
    .page.nav-collapsed[b-wq3rln96h4]  .nav-group-toggle { justify-content: center; }
}
/* /Components/Layout/NavGroup.razor.rz.scp.css */
.nav-group[b-g61o823hb0] { margin-top: 0.4rem; }

.nav-group-toggle[b-g61o823hb0] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    border: 0;
    padding: 0.38rem 0.45rem;
    background: rgba(0, 0, 0, 0.16);
    color: #c6a15b;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
}

.nav-group-icon[b-g61o823hb0] { width: 1rem; text-align: center; }
.nav-group-title[b-g61o823hb0] { flex: 1; text-align: left; }
.nav-group:not(.is-open) .nav-group-chevron[b-g61o823hb0] { display: inline-block; transform: rotate(-90deg); }

.accent-catalog .nav-group-toggle[b-g61o823hb0] { color: #c6a15b; }
.accent-sales .nav-group-toggle[b-g61o823hb0] { color: #9ad4ff; }
.accent-price .nav-group-toggle[b-g61o823hb0] { color: #ffd9a0; }
.accent-care .nav-group-toggle[b-g61o823hb0] { color: #8ee0b5; }

.nav-group-body[b-g61o823hb0] {
    display: flex;
    flex-direction: column;
    padding: 0.1rem 0 0.2rem 0.15rem;
    border-left: 2px solid rgba(198, 161, 91, 0.45);
    margin-left: 0.7rem;
}

.nav-group-body[b-g61o823hb0]  .nav-link {
    color: #d6ebff;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 1.85rem;
    padding: 0.2rem 0.55rem;
    text-decoration: none;
    font-size: 0.84rem;
    border-left: 3px solid transparent;
}

.nav-group-body[b-g61o823hb0]  .nav-icon { width: 1.05rem; text-align: center; }
.nav-group-body[b-g61o823hb0]  .nav-link:hover { background: rgba(198, 161, 91, 0.16); color: #fff; }
.nav-group-body[b-g61o823hb0]  a.active {
    background: rgba(198, 161, 91, 0.24);
    color: #fff;
    font-weight: 600;
    border-left-color: #c6a15b;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.side-nav[b-wpvk3pk1bj] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.65rem 0.4rem 1rem;
    height: 100%;
    overflow-y: auto;
}

.nav-item[b-wpvk3pk1bj]  .nav-link {
    color: #d6ebff;
    background: none;
    border-radius: 0;
    min-height: 1.9rem;
    display: flex;
    align-items: center;
    gap: 0.45rem;
    width: 100%;
    padding: 0.22rem 0.55rem;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.nav-item[b-wpvk3pk1bj]  .nav-icon { width: 1.05rem; text-align: center; }
.nav-item[b-wpvk3pk1bj]  .nav-link:hover { background: rgba(198, 161, 91, 0.18); color: #fff; }
.nav-item[b-wpvk3pk1bj]  a.active {
    background: rgba(198, 161, 91, 0.28);
    color: #fff;
    font-weight: 600;
    border-left-color: #c6a15b;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-i9iwnmovqk],
.components-reconnect-repeated-attempt-visible[b-i9iwnmovqk],
.components-reconnect-failed-visible[b-i9iwnmovqk],
.components-pause-visible[b-i9iwnmovqk],
.components-resume-failed-visible[b-i9iwnmovqk],
.components-rejoining-animation[b-i9iwnmovqk] {
    display: none;
}

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

#components-reconnect-modal.components-reconnect-retrying .components-reconnect-first-attempt-visible[b-i9iwnmovqk] {
    display: none;
}

#components-reconnect-modal[b-i9iwnmovqk] {
    font-family: "Fira Sans Condensed", sans-serif !important;
    font-weight: 700;
    color: #0b2460;
    background: #fff;
    width: max-content;
    max-width: min(11.5rem, calc(100vw - 1.2rem));
    margin: auto;
    padding: 0.32rem 0.45rem 0.28rem;
    border: 0;
    border-radius: 0.45rem;
    box-shadow: 0 10px 24px rgba(11, 36, 96, 0.22);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-i9iwnmovqk 0.5s both;
}

#components-reconnect-modal[open][b-i9iwnmovqk] {
    animation: components-reconnect-modal-slideUp-b-i9iwnmovqk 0.7s cubic-bezier(.05, .89, .25, 1.02), components-reconnect-modal-fadeInOpacity-b-i9iwnmovqk 0.35s ease-out;
    animation-fill-mode: both;
}

#components-reconnect-modal[b-i9iwnmovqk]::backdrop {
    background: rgba(11, 36, 96, 0.46);
    animation: components-reconnect-modal-fadeInOpacity-b-i9iwnmovqk 0.35s ease-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-i9iwnmovqk {
    0% { transform: translateY(18px) scale(0.98); }
    100% { transform: none; }
}

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

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

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

.reconnect-mark[b-i9iwnmovqk] {
    margin: 0;
    color: #9f1239;
    font-family: "Fira Sans Condensed", sans-serif !important;
    font-size: 0.58rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    line-height: 1;
}

#components-reconnect-modal p[b-i9iwnmovqk] {
    margin: 0;
    max-width: 10.4rem;
    text-align: center;
    font-family: "Fira Sans Condensed", sans-serif !important;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.15;
    color: #0b2460;
}

#components-reconnect-modal button[b-i9iwnmovqk] {
    border: 0;
    background: #0c2f7a;
    color: #fff;
    font-family: "Fira Sans Condensed", sans-serif !important;
    font-size: 0.64rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    cursor: pointer;
}

#components-reconnect-modal button:hover[b-i9iwnmovqk] { background: #1857d4; }
#components-reconnect-modal button:active[b-i9iwnmovqk] { background: #0b2460; }

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

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

.components-rejoining-animation div:nth-child(2)[b-i9iwnmovqk] {
    border-color: #9f1239;
    animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-i9iwnmovqk {
    0% { top: 8px; left: 8px; width: 0; height: 0; opacity: 0; }
    4.9% { top: 8px; left: 8px; width: 0; height: 0; opacity: 0; }
    5% { top: 8px; left: 8px; width: 0; height: 0; opacity: 1; }
    100% { top: 0; left: 0; width: 16px; height: 16px; opacity: 0; }
}