/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-zgoffhl63f] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-zgoffhl63f] {
    flex: 1;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(26, 107, 138, 0.06), transparent 40%),
        radial-gradient(ellipse at 0% 100%, rgba(196, 92, 38, 0.05), transparent 35%),
        linear-gradient(180deg, #f5f7f9 0%, #eef2f5 100%);
}

.sidebar[b-zgoffhl63f] {
    background-color: #123240;
    background-image:
        linear-gradient(180deg, rgba(255,255,255,0.04) 0%, transparent 28%),
        linear-gradient(165deg, #1a4558 0%, #123240 42%, #0e2a36 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.top-row[b-zgoffhl63f] {
    background: rgba(255, 255, 255, 0.82);
    backdrop-filter: blur(8px);
    border-bottom: 1px solid #d5dde3;
    justify-content: flex-start;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-zgoffhl63f]  a, .top-row[b-zgoffhl63f]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-zgoffhl63f]  a:hover, .top-row[b-zgoffhl63f]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-zgoffhl63f]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-zgoffhl63f] {
        justify-content: space-between;
    }

    .top-row[b-zgoffhl63f]  a, .top-row[b-zgoffhl63f]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-zgoffhl63f] {
        flex-direction: row;
    }

    .sidebar[b-zgoffhl63f] {
        width: 220px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-zgoffhl63f] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-zgoffhl63f]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-zgoffhl63f], article[b-zgoffhl63f] {
        padding-left: 0.85rem !important;
        padding-right: 0.75rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-30tng6ipe6] {
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 8px;
}

.brand-bar.top-row[b-30tng6ipe6] {
    height: auto;
    min-height: 3.75rem;
    padding: 0.55rem 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.06), transparent),
        rgba(0, 0, 0, 0.22);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.brand-wrap[b-30tng6ipe6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding-right: 0.65rem !important;
}

.navbar-brand[b-30tng6ipe6] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    font-size: 1.2rem;
    font-family: "Syne", "Segoe UI", sans-serif;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #f4f8fa !important;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: transform 0.18s ease;
}

.navbar-brand:hover[b-30tng6ipe6] {
    transform: translateY(-1px);
    color: #fff !important;
}

.brand-logo[b-30tng6ipe6] {
    width: 34px;
    height: 34px;
    border-radius: 9px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.brand-text[b-30tng6ipe6] {
    font-size: 1.15rem;
}

.nav-section-label[b-30tng6ipe6] {
    margin: 0.85rem 0.85rem 0.35rem;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(232, 241, 246, 0.45);
}

.nav-ico[b-30tng6ipe6] {
    display: inline-block;
    flex: 0 0 auto;
    width: 1.15rem;
    height: 1.15rem;
    margin-right: 0.65rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.92;
}

.nav-ico-skandi[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M1 1h6v6H1zm8 0h6v6H9zM1 9h6v6H1zm8 2h2v2H9zm4-2h2v2h-2zm-2 4h2v2H9zm4 0h2v2h-2z'/%3E%3C/svg%3E");
}
.nav-ico-osme[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e8f1f6' stroke-width='1.4'%3E%3Ccircle cx='8' cy='8' r='2'/%3E%3Cpath d='M8 1v3M8 12v3M1 8h3M12 8h3M3 3l2.2 2.2M10.8 10.8L13 13M13 3l-2.2 2.2M5.2 10.8L3 13'/%3E%3C/svg%3E");
}
.nav-ico-klas[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M1 1h14v14H1zm2 2v2h2V3zm4 0v2h2V3zm4 0v2h2V3zM3 7v2h2V7zm4 0v2h2V7zm4 0v2h2V7zM3 11v2h2v-2zm4 0v2h2v-2z'/%3E%3C/svg%3E");
}
.nav-ico-ital[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M1 1h14v14H1zm1 1v12h12V2zm2 2h2v2H4zm4 0h2v2H8zm-4 4h8v1H4zm0 3h5v1H4z'/%3E%3C/svg%3E");
}
.nav-ico-kript[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M2 2h4v4H2zm6 0h4v4H8zM2 8h4v4H2zm6 0h4v4H8z'/%3E%3Ctext x='4' y='5.2' font-size='3.2' text-anchor='middle' fill='%230f2a36' font-family='sans-serif' font-weight='700'%3E12%3C/text%3E%3Ctext x='10' y='5.2' font-size='3.2' text-anchor='middle' fill='%230f2a36' font-family='sans-serif' font-weight='700'%3E7%3C/text%3E%3Ctext x='4' y='11.2' font-size='3.2' text-anchor='middle' fill='%230f2a36' font-family='sans-serif' font-weight='700'%3E3%3C/text%3E%3Ctext x='10' y='11.2' font-size='3.2' text-anchor='middle' fill='%230f2a36' font-family='sans-serif' font-weight='700'%3E9%3C/text%3E%3C/svg%3E");
}
.nav-ico-komb[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M2 3h12v2H2zm0 4h8v2H2zm0 4h10v2H2z'/%3E%3C/svg%3E");
}
.nav-ico-preg[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23e8f1f6' stroke-width='1.5'%3E%3Crect x='1.5' y='1.5' width='13' height='13'/%3E%3Cpath d='M5.5 1.5v13M10.5 1.5v13M1.5 5.5h13M1.5 10.5h13'/%3E%3C/svg%3E");
}
.nav-ico-ost[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M8 1l2.5 5H15l-4 3.2L12.5 15 8 11.8 3.5 15 5 9.2 1 6h4.5z'/%3E%3C/svg%3E");
}
.nav-ico-set[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M6.5 1h3l.4 1.6a5 5 0 0 1 1.2.7L12.7 2.7l2.1 2.1-1.6 1.6c.2.4.4.8.5 1.2L15.5 8.5v3l-1.6.4a5 5 0 0 1-.7 1.2l1.6 1.6-2.1 2.1-1.6-1.6a5 5 0 0 1-1.2.5L9.5 15.5h-3l-.4-1.6a5 5 0 0 1-1.2-.7L3.3 14.8 1.2 12.7l1.6-1.6a5 5 0 0 1-.5-1.2L.5 9.5v-3l1.6-.4c.1-.4.3-.8.5-1.2L1.2 3.3 3.3 1.2l1.6 1.6c.4-.2.8-.4 1.2-.5L6.5 1zM8 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 8 6z'/%3E%3C/svg%3E");
}
.nav-ico-user[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-5 6a5 5 0 0 1 10 0v1H3v-1z'/%3E%3C/svg%3E");
}
.nav-ico-out[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M6 2H3v12h3v-2H5V4h1V2zm3.5 3L12 7.5H7v1h5L9.5 11l.7.7L14 8l-3.8-3.8-.7.8z'/%3E%3C/svg%3E");
}
.nav-ico-in[b-30tng6ipe6] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23e8f1f6'%3E%3Cpath d='M7 2v2H5v8h2v2H3V2h4zm2.5 3L7 7.5h5v1H7L9.5 11l-.7.7L5 8l3.8-3.8.7.8z'/%3E%3C/svg%3E");
}

.nav-item[b-30tng6ipe6] {
    font-size: 0.78rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding-bottom: 0.2rem;
}

.nav-item[b-30tng6ipe6]  a.nav-link,
.nav-item .nav-logout[b-30tng6ipe6] {
    color: #d7e4eb;
    border-radius: 8px;
    min-height: 2.35rem;
    height: auto;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 0.45rem 0.65rem;
    text-decoration: none;
    border: 1px solid transparent;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease, color 0.15s ease;
}

.nav-item[b-30tng6ipe6]  a.nav-link:hover,
.nav-item .nav-logout:hover[b-30tng6ipe6] {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.08);
    color: #fff;
    transform: translateX(2px);
}

.nav-item[b-30tng6ipe6]  a.nav-link.active {
    background: linear-gradient(90deg, rgba(196, 92, 38, 0.35), rgba(26, 107, 138, 0.28));
    border-color: rgba(232, 180, 120, 0.35);
    color: #fff;
    box-shadow: inset 3px 0 0 #e0a060;
}

.nav-item[b-30tng6ipe6]  a.nav-link.active .nav-ico {
    opacity: 1;
}

.nav-user[b-30tng6ipe6] {
    display: flex;
    align-items: center;
    min-height: 2.1rem;
    padding: 0.35rem 0.65rem;
    color: rgba(232, 241, 246, 0.65);
    font-size: 0.75rem;
    font-weight: 500;
}

.nav-user-name[b-30tng6ipe6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-logout[b-30tng6ipe6] {
    width: 100%;
    text-align: left;
    background: transparent;
    box-shadow: none;
    text-decoration: none !important;
}

.nav-logout:focus[b-30tng6ipe6] {
    box-shadow: none;
}

@media (min-width: 641px) {
    .navbar-toggler[b-30tng6ipe6] {
        display: none;
    }

    .nav-scrollable[b-30tng6ipe6] {
        height: calc(100vh - 3.75rem);
        overflow-y: auto;
        padding-bottom: 1rem;
    }
}