/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-dvj5yov4ny] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    --app-header-height: 44px;
    --app-main-content-top-spacing: 0.5rem;
}

.main-content[b-dvj5yov4ny] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding-top: var(--app-main-content-top-spacing);
    background-color: var(--bs-body-bg);
}

.main-content-shell[b-dvj5yov4ny] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

/* Header Styles */
[b-dvj5yov4ny] .header-container {
    background-image: url('/images/wap.jpg');
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto;
    padding: 0.375rem 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    min-height: 35px;
}

[b-dvj5yov4ny] .header-container > .container-fluid {
    padding-right: 0.4rem;
}

[b-dvj5yov4ny] .navbar-custom-bg {
    background-image: url('/images/wap.jpg');
    background-position: top center;
    background-repeat: repeat-x;
    background-size: auto;
}

[b-dvj5yov4ny] .app-header-shell {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
}

[b-dvj5yov4ny] .app-header-leading,
[b-dvj5yov4ny] .app-header-actions {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

[b-dvj5yov4ny] .app-header-leading {
    min-width: 0;
}

[b-dvj5yov4ny] .app-header-phone-group {
    position: relative;
    flex: 0 0 auto;
}

[b-dvj5yov4ny] .app-header-phone-menu {
    position: absolute;
    top: calc(100% + 0.25rem);
    left: 0;
    min-width: 11rem;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.35rem;
    background: rgba(25, 20, 16, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0.65rem;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24);
    z-index: 45;
}

[b-dvj5yov4ny] .app-header-actions .app-header-phone-menu {
    left: auto;
    right: 0;
}

[b-dvj5yov4ny] .app-header-phone-menu-title {
    padding: 0.2rem 0.35rem 0.35rem;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.7);
}

[b-dvj5yov4ny] .app-header-phone-link {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.45rem 0.55rem;
    border-radius: 0.55rem;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

[b-dvj5yov4ny] .app-header-phone-content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

[b-dvj5yov4ny] .app-header-phone-number {
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0.02em;
}

[b-dvj5yov4ny] .app-header-phone-caption {
    font-size: 0.64rem;
    color: rgba(255, 255, 255, 0.7);
}

[b-dvj5yov4ny] .app-header-phone-operator {
    width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

[b-dvj5yov4ny] .app-header-phone-operator-vodafone {
    background: linear-gradient(135deg, #e60000, #b40000);
}

[b-dvj5yov4ny] .app-header-phone-operator-kyivstar {
    background: linear-gradient(135deg, #00a6e8, #0077b6);
}

[b-dvj5yov4ny] .app-header-phone-link:hover {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

[b-dvj5yov4ny] .app-header-nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    min-width: 0;
}

[b-dvj5yov4ny] .app-header-route {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.92);
    font-size: 0.84rem;
    justify-self: start;
}

[b-dvj5yov4ny] .app-header-route-placeholder {
    min-width: 0;
}

[b-dvj5yov4ny] .app-header-actions {
    justify-self: end;
}

[b-dvj5yov4ny] .app-header-route-link,
[b-dvj5yov4ny] .app-header-route-current {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-dvj5yov4ny] .app-header-route-link {
    color: #fff;
    text-decoration: none;
}

[b-dvj5yov4ny] .app-header-route-link:hover {
    color: #fff;
    text-decoration: underline;
}

[b-dvj5yov4ny] .app-header-route-current {
    color: rgba(255, 255, 255, 0.72);
}

[b-dvj5yov4ny] .app-header-route-separator {
    color: rgba(255, 255, 255, 0.4);
    flex: 0 0 auto;
}

[b-dvj5yov4ny] .app-header-link,
[b-dvj5yov4ny] .app-header-mobile-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    border: 0;
    background: transparent;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 0.82rem;
}

[b-dvj5yov4ny] .app-header-link {
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
}

[b-dvj5yov4ny] .app-header-action-link {
    flex: 0 0 auto;
}

[b-dvj5yov4ny] .app-header-link:hover,
[b-dvj5yov4ny] .app-header-link.active {
    background: rgba(255, 255, 255, 0.12);
    color: #fff;
}

[b-dvj5yov4ny] .app-header-icon-button {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex: 0 0 auto;
}

[b-dvj5yov4ny] .app-header-icon-button i,
[b-dvj5yov4ny] .app-header-link i,
[b-dvj5yov4ny] .app-header-user-button i,
[b-dvj5yov4ny] .app-header-mobile-link i,
[b-dvj5yov4ny] .app-header-phone-operator i {
    font-size: 0.8rem;
}

[b-dvj5yov4ny] .app-header-user-button {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.2rem 0.45rem;
    font-size: 0.82rem;
}

[b-dvj5yov4ny] .app-header-desktop-user,
[b-dvj5yov4ny] .app-header-desktop-settings {
    display: inline-flex;
}

[b-dvj5yov4ny] .app-header-desktop-user {
    position: relative;
}

[b-dvj5yov4ny] .app-header-user-menu {
    display: block;
    margin-top: 0.3rem;
    z-index: 40;
}

[b-dvj5yov4ny] .app-header-user-menu-backdrop {
    position: fixed;
    inset: 0;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    z-index: 35;
    cursor: default;
}

[b-dvj5yov4ny] .app-header-desktop-logout {
    display: none !important;
}

[b-dvj5yov4ny] .app-header-mobile-toggle {
    display: none;
}

[b-dvj5yov4ny] .app-header-mobile-menu {
    display: none;
}

[b-dvj5yov4ny] .app-header-mobile-user {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    font-weight: 600;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    margin-bottom: 0.5rem;
}

[b-dvj5yov4ny] .app-header-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

[b-dvj5yov4ny] .app-header-mobile-link {
    width: 100%;
    padding: 0.55rem 0.65rem;
    border-radius: 0.65rem;
    text-align: left;
}

[b-dvj5yov4ny] .app-header-mobile-link:hover,
[b-dvj5yov4ny] .app-header-mobile-link.active {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}

[b-dvj5yov4ny] .app-header-mobile-link-danger {
    color: #ffd6d6;
}

/* Bootstrap переменные для современного дизайна */
:root[b-dvj5yov4ny] {
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --bs-border-color: #dee2e6;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .page[b-dvj5yov4ny] {
        --app-header-height: 32px;
        --app-main-content-top-spacing: 0.25rem;
    }

    .main-content[b-dvj5yov4ny] {
        padding-top: var(--app-main-content-top-spacing);
    }

    [b-dvj5yov4ny] .header-container {
        min-height: 30px;
        padding: 0.25rem 0;
    }

    [b-dvj5yov4ny] .header-container > .container-fluid {
        padding-right: 0.25rem;
    }

    [b-dvj5yov4ny] .app-header-shell {
        grid-template-columns: auto 1fr auto;
        gap: 0.35rem;
    }

    [b-dvj5yov4ny] .app-header-route,
    [b-dvj5yov4ny] .app-header-nav,
    [b-dvj5yov4ny] .app-header-desktop-user,
    [b-dvj5yov4ny] .app-header-desktop-settings,
    [b-dvj5yov4ny] .app-header-desktop-logout {
        display: none;
    }

    [b-dvj5yov4ny] .app-header-actions {
        justify-content: flex-end;
        gap: 0.35rem;
    }

    [b-dvj5yov4ny] .app-header-mobile-toggle {
        display: inline-flex;
    }

    [b-dvj5yov4ny] .app-header-mobile-menu {
        display: block;
        margin-top: 0.5rem;
        padding: 0.65rem;
        background: rgba(25, 20, 16, 0.94);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 0.8rem;
        box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
    }

    [b-dvj5yov4ny] .app-header-icon-button {
        width: 1.9rem;
        height: 1.9rem;
    }

    [b-dvj5yov4ny] .app-header-icon-button i,
    [b-dvj5yov4ny] .app-header-mobile-link i,
    [b-dvj5yov4ny] .app-header-phone-operator i {
        font-size: 0.9rem;
    }

    [b-dvj5yov4ny] .app-header-leading {
        min-width: 0;
    }

    [b-dvj5yov4ny] .app-header-phone-menu {
        left: 0;
        right: auto;
        min-width: 10rem;
    }

    [b-dvj5yov4ny] .app-header-actions .app-header-phone-menu {
        left: auto;
        right: 0;
    }
}
/* /Components/Pages/ChangePassword.razor.rz.scp.css */
.change-password-page[b-pwwocaivnu] {
    --change-password-accent: var(--bs-primary);
}

.change-password-card[b-pwwocaivnu] {
    border-radius: 1.25rem;
}

.change-password-status[b-pwwocaivnu] {
    border: 0;
    border-radius: 1rem;
    background: color-mix(in srgb, var(--bs-success) 12%, white);
    color: var(--bs-success-text-emphasis, #0f5132);
}

.change-password-header[b-pwwocaivnu] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.change-password-icon[b-pwwocaivnu] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: var(--change-password-accent);
    background: color-mix(in srgb, var(--change-password-accent) 12%, white);
    font-size: 1.4rem;
    flex-shrink: 0;
}

@media (max-width: 576px) {
    .change-password-header[b-pwwocaivnu] {
        flex-direction: column;
    }

    .change-password-card[b-pwwocaivnu] {
        border-radius: 1rem;
    }
}
/* /Components/Pages/Groups.razor.rz.scp.css */
.groups-page-shell[b-acmil8rhtk] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.groups-card-space[b-acmil8rhtk] {
    flex: 1 1 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-height: calc(100dvh - var(--app-header-height, 44px) - var(--app-main-content-top-spacing, 0.5rem) - 1rem);
    width: min(100%, 102rem);
    margin: 0 auto;
    padding: clamp(1rem, 2.5vh, 2rem) clamp(1rem, 2.5vw, 2rem) clamp(1.25rem, 2vw, 1.75rem);
}

.groups-card-row[b-acmil8rhtk] {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    gap: clamp(1rem, 1.25vw, 1.5rem);
}

.groups-card-cell[b-acmil8rhtk] {
    flex: 0 1 clamp(
        var(--catalog-group-card-min-width, 20rem),
        var(--catalog-group-card-width, 24rem),
        var(--catalog-group-card-max-width, 30rem));
    min-width: min(100%, var(--catalog-group-card-min-width, 20rem));
}

.groups-card-cell[b-acmil8rhtk]  .product-group-card {
    height: auto;
    min-height: 0;
}

.groups-card-cell[b-acmil8rhtk]  .card-img-overlay > .w-100 {
    display: flex;
    justify-content: center;
}

.groups-card-cell[b-acmil8rhtk]  .product-group-title {
    text-align: center;
}

@media (max-width: 767.98px) {
    .groups-card-space[b-acmil8rhtk] {
        padding: 0.75rem 0.75rem 1rem;
    }

    .groups-card-row[b-acmil8rhtk] {
        gap: 0.75rem;
    }

    .groups-card-cell[b-acmil8rhtk] {
        flex-basis: 100%;
        min-width: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.container-fluid[b-xb84isx16o] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.home-card-space[b-xb84isx16o] {
    flex: 1 1 auto;
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    gap: clamp(1.25rem, 2.25vw, 2rem);
    min-height: calc(100dvh - var(--app-header-height, 44px) - var(--app-main-content-top-spacing, 0.5rem) - 1rem);
    width: min(100%, 102rem);
    margin: 0 auto;
    padding: clamp(1rem, 1.6vw, 1.35rem) clamp(1rem, 2.5vw, 2rem) clamp(1.25rem, 2vw, 1.75rem);
}

.home-card-row[b-xb84isx16o] {
    min-height: 0;
    display: flex;
    justify-content: center;
}

.home-card-row-featured[b-xb84isx16o] {
    align-items: stretch;
}

.home-featured-grid[b-xb84isx16o] {
    width: min(100%, 76rem);
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    gap: clamp(1rem, 2vw, 1.75rem);
}

.home-featured-card[b-xb84isx16o] {
    min-width: 0;
    min-height: 0;
    height: auto;
}

.home-secondary-grid[b-xb84isx16o] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    gap: clamp(0.75rem, 1.25vw, 1rem);
}

.home-secondary-card[b-xb84isx16o] {
    flex: 0 1 clamp(
        var(--catalog-group-card-min-width, 20rem),
        var(--catalog-group-card-width, 24rem),
        var(--catalog-group-card-max-width, 30rem));
    max-width: var(--catalog-group-card-max-width, 30rem);
    min-width: var(--catalog-group-card-min-width, 20rem);
    min-height: 0;
    height: auto;
}

.home-featured-card[b-xb84isx16o]  .product-group-card {
    height: auto;
    min-height: 0;
}

.home-secondary-card[b-xb84isx16o]  .product-group-card {
    height: auto;
    min-height: 0;
}

.home-featured-card[b-xb84isx16o]  .product-group-card:hover,
.home-secondary-card[b-xb84isx16o]  .product-group-card:hover {
    border-color: var(--bs-warning);
    box-shadow: 0 4px 14px rgba(var(--bs-warning-rgb), 0.34) !important;
}

.home-featured-card[b-xb84isx16o]  .card-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 100%;
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
    background: #fff;
}

.home-featured-card[b-xb84isx16o]  .product-group-image.card-img-top {
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: clamp(0.5rem, 1vw, 0.875rem);
    background: #fff;
    gap: clamp(0.5rem, 1vw, 0.875rem);
}

.home-featured-card[b-xb84isx16o]  .product-group-image--count-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
}

.home-featured-card[b-xb84isx16o]  .product-group-image--count-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: minmax(0, 1fr);
}

.home-featured-card[b-xb84isx16o]  .product-group-image--count-3 .product-group-image__item:first-child {
    grid-row: auto;
}

.home-featured-card[b-xb84isx16o]  .product-group-image__single.card-img-top {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.home-featured-card[b-xb84isx16o]  .product-group-image__item,
.home-featured-card[b-xb84isx16o]  .product-group-image__single {
    object-fit: contain;
    background: transparent;
}

.home-featured-card[b-xb84isx16o]  .product-group-card:hover .card-img-top,
.home-featured-card[b-xb84isx16o]  .product-group-image:hover .product-group-image__item {
    transform: none;
}

.home-featured-card[b-xb84isx16o]  .card-img-overlay {
    background: linear-gradient(180deg, transparent 68%, rgba(0, 0, 0, 0.22) 100%);
    align-items: flex-end !important;
    justify-content: center;
    padding: 1rem 1rem calc(0.65rem - 3px);
}

.home-featured-card[b-xb84isx16o]  .card-img-overlay > .w-100,
.home-secondary-card[b-xb84isx16o]  .card-img-overlay > .w-100 {
    display: flex;
    justify-content: center;
}

.home-secondary-card[b-xb84isx16o]  .card-img-overlay {
    align-items: flex-end !important;
    justify-content: center;
    padding: 1rem 1rem calc(0.65rem - 3px);
}

.home-featured-card[b-xb84isx16o]  .product-group-title,
.home-secondary-card[b-xb84isx16o]  .product-group-title {
    text-align: center;
}

.home-featured-card[b-xb84isx16o]  .card-body {
    flex: 0 0 auto;
}

.home-secondary-card[b-xb84isx16o]  .card-img-wrapper {
    height: var(--catalog-group-card-image-height, 18rem);
}

.home-secondary-card[b-xb84isx16o]  .card-img-wrapper:has(.product-group-image--count-2) {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--catalog-group-card-image-height, 18rem);
    background: #fff;
}

.home-secondary-card[b-xb84isx16o]  .card-img-wrapper:has(.product-group-image--count-2) .product-group-image {
    height: 50%;
}

.home-secondary-card[b-xb84isx16o]  .card-body {
    padding: 0.85rem 1rem;
}

.home-secondary-card[b-xb84isx16o]  .card-text {
    -webkit-line-clamp: 2;
}

.home-secondary-card[b-xb84isx16o]  .product-group-title {
    font-size: clamp(0.86rem, 0.9vw, 1rem);
}

@media (max-width: 991.98px) {
    .home-card-space[b-xb84isx16o] {
        grid-template-rows: auto auto;
        height: auto;
        min-height: 0;
    }

    .home-featured-grid[b-xb84isx16o] {
        height: auto;
    }

    .home-featured-card[b-xb84isx16o] {
        height: auto;
        min-height: 18rem;
    }

    .home-secondary-grid[b-xb84isx16o] {
        height: auto;
        flex-wrap: wrap;
        align-content: center;
    }

    .home-secondary-card[b-xb84isx16o] {
        flex: 0 1 calc(33.333% - 0.75rem);
        height: auto;
        max-width: none;
        min-height: 0;
    }

    .home-featured-card[b-xb84isx16o]  .product-group-card {
        height: auto;
        min-height: 18rem;
    }

    .home-featured-card[b-xb84isx16o]  .card-img-wrapper {
        height: auto;
    }

    .home-secondary-card[b-xb84isx16o]  .product-group-card {
        height: auto;
        min-height: 12rem;
    }

    .home-secondary-card[b-xb84isx16o]  .card-img-wrapper {
        height: 12rem;
    }

    .home-secondary-card[b-xb84isx16o]  .card-img-wrapper:has(.product-group-image--count-2) {
        height: 12rem;
    }

    .home-secondary-card[b-xb84isx16o]  .card-img-wrapper:has(.product-group-image--count-2) .product-group-image {
        height: 50%;
    }
}

@media (max-width: 767.98px) {
    .home-card-space[b-xb84isx16o] {
        display: flex;
        flex-direction: column;
        gap: 0.875rem;
        padding: 0.75rem 0.75rem 1rem;
    }

    .home-featured-grid[b-xb84isx16o] {
        display: flex;
        flex-direction: column;
        gap: 0.875rem;
    }

    .home-featured-card[b-xb84isx16o],
    .home-secondary-card[b-xb84isx16o] {
        width: 100%;
        max-width: none;
    }

    .home-featured-card[b-xb84isx16o] {
        min-height: 16rem;
    }

    .home-secondary-grid[b-xb84isx16o] {
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0.75rem;
    }

    .home-secondary-card[b-xb84isx16o] {
        flex: 0 0 auto;
        min-width: 0;
    }

    .home-featured-card[b-xb84isx16o]  .product-group-card {
        min-height: 16rem;
    }

    .home-featured-card[b-xb84isx16o]  .card-img-wrapper {
        height: 12rem;
    }

    .home-secondary-card[b-xb84isx16o]  .product-group-card {
        min-height: 0;
    }

    .home-secondary-card[b-xb84isx16o]  .card-img-wrapper {
        height: 10rem;
    }
}
/* /Components/Pages/LoginInput.razor.rz.scp.css */

.login-background[b-41cb7y0ret] {
    background-image: url(img/background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.title-up[b-41cb7y0ret], .title-up[b-41cb7y0ret], .title-up-focus[b-41cb7y0ret] {
    transform: translateY(-15px);
    transform: translate(30px,10px);
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    font-size: 0.8rem;
    color: rgb(128, 128, 128);
    background: white;
    padding-left: 2px;
    padding-right: 2px;
}

    .title-up-focus[b-41cb7y0ret] {
        color: rgb(141, 200, 242);
    }

.title-inside[b-41cb7y0ret] {
    transform: translateY(30px);
    transform: translate(30px,30px);
    transition: 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    color: rgb(128, 128, 128);
}

/* *, *:before, *:after {
    box-sizing: inherit;
}*/

div.modal-background[b-41cb7y0ret] {
    display: block;
    position: fixed;
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: hidden; /* Enable scroll if needed */
    background-color: rgb(0,0,0);
    /* Fallback color background-color: rgba(0,0,0,0.4);  Black w/ opacity */
    /*background: url(https://auth.adm.tools/web/img/login-bg.jpg);*/
    background-size: cover;
    background-position: center center;
    background-color: white; /* Никиты*/
}

.login__icon[b-41cb7y0ret] {
    position: absolute;
    margin-top: 30px;
}


div.modal-content-login[b-41cb7y0ret] {
    height: 520px;
    width: 400px;
    background-color: rgba(255,255,255,0.13);
    position: absolute;
    transform: translate(-50%,-50%);
    top: 60%;
    left: 52%;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    border: 2px solid rgba(255,255,255,0.1);
    box-shadow: 0 0 40px rgba(8,7,16,0.6);
    padding: 50px 35px;
    z-index: 999;
    background-color: white; /* Никиты*/
}

main[b-41cb7y0ret] {
    padding-top: 20%;

}
/* смартфоны, устройства с сенсорным экраном, с которым работают пальцами */
/*@media (hover: none) and (pointer: coarse) {

    }

}*/
@media (max-width: 896px)  {
    div.modal-content-login[b-41cb7y0ret] {
       /* background-color: green;*/
        height: auto;
        min-height: 520px;
        width: min(90%, 400px);
        padding: 40px 28px;
        top: 50%;
    }

    main[b-41cb7y0ret] {
        padding-top: 10%;
    }
}








.logotype[b-41cb7y0ret] {
    justify-content: center;
    font-style: italic;
    text-align: center;
    font-size: 1.8em;
    height: 60px;
    border-radius:5px;
}

.logotype img[b-41cb7y0ret] {

    border-radius: 5px;
}
input[b-41cb7y0ret] {
    background-color: rgba(255,255,255,0.07);
    border-left-width: 30px;
}

button[b-41cb7y0ret], input[b-41cb7y0ret], optgroup[b-41cb7y0ret], select[b-41cb7y0ret], textarea[b-41cb7y0ret] {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
.buttonArea[b-41cb7y0ret] {
    display: flex;
    justify-content: center;
    margin-top: .8em;
}

.registrationLinkArea[b-41cb7y0ret] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    text-align: center;
}

.sms-registration-link[b-41cb7y0ret] {
    color: var(--bs-primary);
    font-size: .95rem;
    text-decoration: none;
}

.sms-registration-link:hover[b-41cb7y0ret] {
    color: var(--bs-primary-text-emphasis, #084298);
    text-decoration: underline;
}

button[b-41cb7y0ret] {
    background: rgba(0,0,0,0.125);
    height: 2.4em;
    width: 30%;
    border: solid dimgrey;
    color: dimgrey;
    backdrop-filter: blur(10px);
}

button:hover[b-41cb7y0ret] {

    color: orange;
}
/* /Components/Pages/Modern/ModernCart.razor.rz.scp.css */
.modern-cart-page[b-t2scmf23f3] {
    max-width: 900px;
    margin: 0 auto;
}

/* Карточка замовлення */
.cart-order-card[b-t2scmf23f3] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    overflow: hidden;
}

.cart-order-header[b-t2scmf23f3] {
    background-color: #f8f9fa;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #dee2e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cart-order-title[b-t2scmf23f3] {
    margin: 0;
    font-weight: 600;
    color: #495057;
    font-size: 1rem;
}

.cart-order-status[b-t2scmf23f3] {
    font-size: 1rem;
    color: #6c757d;
}

.cart-order-created-on[b-t2scmf23f3] {
    font-size: 0.5rem;
    color: #6c757d;
    white-space: nowrap;
}

.cart-order-content[b-t2scmf23f3] {
    padding: 1rem;
}

.supplier-section-toggle[b-t2scmf23f3] {
    width: 100%;
    border: 1px solid var(--bs-border-color);
    background: linear-gradient(135deg, #f8f9fa 0%, #eef4f7 100%);
    border-radius: 0.75rem;
    color: var(--bs-body-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.85rem 1rem;
    font-weight: 600;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.supplier-section-toggle:hover[b-t2scmf23f3] {
    border-color: var(--bs-primary);
    box-shadow: 0 0.5rem 1rem rgba(13, 110, 253, 0.08);
    transform: translateY(-1px);
}

.supplier-section-panel[b-t2scmf23f3] {
    padding: 1rem;
    border: 1px solid rgba(13, 110, 253, 0.15);
    border-radius: 0.75rem;
    background: linear-gradient(180deg, rgba(248, 249, 250, 0.95) 0%, rgba(233, 245, 255, 0.95) 100%);
}

/* Группа кнопок действий */
.cart-button-group[b-t2scmf23f3] {
    display: flex;
    gap: 0.25rem;
    flex-wrap: wrap;
}

.cart-button-group button[b-t2scmf23f3] {
    background: transparent;
    border: none;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    color: #6c757d;
    cursor: pointer;
    font-size: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.cart-button-group button:hover[b-t2scmf23f3] {
    background-color: #e9ecef;
    color: #495057;
    transform: scale(1.1);
}

.cart-button-group button:active[b-t2scmf23f3] {
    transform: scale(0.9);
}

.cart-button-group button.bi-send[b-t2scmf23f3] {
    color: #28a745;
}

.cart-button-group button.bi-send:hover[b-t2scmf23f3] {
    background-color: #d4edda;
    color: #155724;
}

.cart-button-group button.bi-printer[b-t2scmf23f3] {
    color: #007bff;
}

.cart-button-group button.bi-printer:hover[b-t2scmf23f3] {
    background-color: #cce5ff;
    color: #004085;
}

.cart-button-group button.bi-x-lg[b-t2scmf23f3] {
    color: #dc3545;
}

.cart-button-group button.bi-x-lg:hover[b-t2scmf23f3] {
    background-color: #f5c6cb;
    color: #721c24;
}

/* Адаптивность */
@media (max-width: 768px) {
    .cart-order-header[b-t2scmf23f3] {
        flex-direction: column;
        align-items: flex-start;
    }

    .cart-button-group[b-t2scmf23f3] {
        width: 100%;
        justify-content: flex-end;
    }

    .cart-button-group button[b-t2scmf23f3] {
        font-size: 0.875rem;
        padding: 0.2rem 0.4rem;
    }

    .supplier-section-toggle[b-t2scmf23f3] {
        padding: 0.75rem 0.875rem;
    }
}

/* Печать */
@media print {
    .cart-order-card[b-t2scmf23f3] {
        box-shadow: none !important;
        border: none !important;
    }

    .noPrint[b-t2scmf23f3] {
        display: none !important;
    }
}
/* /Components/Pages/Modern/ModernCatalog.razor.rz.scp.css */
.modern-catalog-page[b-oqvwjqg39q] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: calc(100vh - var(--app-header-height) - var(--app-main-content-top-spacing));
    height: calc(100dvh - var(--app-header-height) - var(--app-main-content-top-spacing));
    max-height: calc(100vh - var(--app-header-height) - var(--app-main-content-top-spacing));
    max-height: calc(100dvh - var(--app-header-height) - var(--app-main-content-top-spacing));
    padding-bottom: 0.75rem;
}

.modern-catalog-page[b-oqvwjqg39q]  .catalog-layout {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
}

.product-card[b-oqvwjqg39q] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid #dee2e6;
}

.product-card:hover[b-oqvwjqg39q] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: var(--bs-primary);
}

.card-img-wrapper[b-oqvwjqg39q] {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.card-img-top[b-oqvwjqg39q] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-card:hover .card-img-top[b-oqvwjqg39q] {
    transform: scale(1.05);
}

.card-body[b-oqvwjqg39q] {
    padding: 1rem;
    min-height: 140px;
}

.card-title[b-oqvwjqg39q] {
    font-weight: 600;
    color: var(--bs-dark);
}

/* Адаптивность */
@media (max-width: 768px) {
    .modern-catalog-page[b-oqvwjqg39q] {
        padding-bottom: 0.5rem;
    }

    .card-img-wrapper[b-oqvwjqg39q] {
        height: 160px;
    }

    .card-body[b-oqvwjqg39q] {
        min-height: 120px;
        padding: 0.75rem;
    }
}

@media (max-width: 576px) {
    .card-img-wrapper[b-oqvwjqg39q] {
        height: 140px;
    }

    .card-body[b-oqvwjqg39q] {
        min-height: 100px;
        padding: 0.5rem;
    }
}
/* /Components/Pages/Modern/ModernInvoices.razor.rz.scp.css */
.modern-invoices-page[b-pp5hb4fceu] {
    padding-bottom: 1rem;
}

.modern-invoices-hero[b-pp5hb4fceu] {
    background:
        radial-gradient(circle at top right, rgba(var(--bs-primary-rgb), 0.14), transparent 36%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 249, 250, 0.94));
}

.modern-invoices-summary[b-pp5hb4fceu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.modern-invoices-summary-item[b-pp5hb4fceu] {
    min-width: 6.5rem;
    padding: 0.75rem 0.9rem;
    border-radius: 0.85rem;
    background: rgba(var(--bs-primary-rgb), 0.08);
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.modern-invoices-summary-label[b-pp5hb4fceu] {
    color: var(--bs-secondary-color);
    font-size: 0.76rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.modern-invoices-list-card[b-pp5hb4fceu],
.modern-invoice-preview-card[b-pp5hb4fceu] {
    min-height: 16rem;
}

.modern-invoices-list-shell[b-pp5hb4fceu] {
    max-height: 68vh;
    overflow: auto;
    margin-right: -0.25rem;
    padding-right: 0.25rem;
}

.modern-invoice-list-item[b-pp5hb4fceu] {
    width: 100%;
    border: 1px solid rgba(var(--bs-primary-rgb), 0.12);
    background: #fff;
    border-radius: 1rem;
    padding: 0.95rem;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin-bottom: 0.75rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.modern-invoice-list-item:hover[b-pp5hb4fceu],
.modern-invoice-list-item.selected[b-pp5hb4fceu] {
    border-color: rgba(var(--bs-primary-rgb), 0.45);
    box-shadow: 0 0.8rem 1.6rem rgba(13, 110, 253, 0.08);
    transform: translateY(-1px);
}

.modern-invoice-list-item-head[b-pp5hb4fceu],
.modern-invoice-list-footer[b-pp5hb4fceu],
.modern-invoice-line[b-pp5hb4fceu] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.modern-invoice-list-number[b-pp5hb4fceu] {
    font-weight: 700;
    font-size: 1rem;
}

.modern-invoice-list-meta[b-pp5hb4fceu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 1rem;
    font-size: 0.9rem;
}

.modern-invoice-list-address[b-pp5hb4fceu] {
    font-size: 0.92rem;
    line-height: 1.35;
}

.modern-invoice-edit-state[b-pp5hb4fceu] {
    font-size: 0.8rem;
    font-weight: 600;
}

.modern-invoice-edit-state.is-editable[b-pp5hb4fceu] {
    color: var(--bs-success);
}

.modern-invoice-edit-state.is-readonly[b-pp5hb4fceu] {
    color: var(--bs-secondary-color);
}

.modern-invoice-preview-meta[b-pp5hb4fceu] {
    height: 100%;
    padding: 0.9rem 1rem;
    border-radius: 0.95rem;
    background: rgba(var(--bs-primary-rgb), 0.05);
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.modern-invoice-preview-label[b-pp5hb4fceu] {
    color: var(--bs-secondary-color);
    font-size: 0.8rem;
}

.modern-invoice-lines[b-pp5hb4fceu] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.modern-invoice-line[b-pp5hb4fceu] {
    align-items: flex-start;
    padding: 0.9rem 0;
    border-top: 1px solid var(--bs-border-color);
}

.modern-invoice-line:first-child[b-pp5hb4fceu] {
    border-top: 0;
    padding-top: 0;
}

.modern-invoice-line-totals[b-pp5hb4fceu] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    white-space: nowrap;
}

@media (max-width: 1199.98px) {
    .modern-invoices-list-shell[b-pp5hb4fceu] {
        max-height: none;
    }
}

@media (max-width: 767.98px) {
    .modern-invoices-summary[b-pp5hb4fceu] {
        width: 100%;
    }

    .modern-invoices-summary-item[b-pp5hb4fceu] {
        flex: 1 1 30%;
        min-width: 0;
    }

    .modern-invoice-list-item-head[b-pp5hb4fceu],
    .modern-invoice-list-footer[b-pp5hb4fceu],
    .modern-invoice-line[b-pp5hb4fceu] {
        flex-direction: column;
        gap: 0.5rem;
    }

    .modern-invoice-list-meta[b-pp5hb4fceu] {
        grid-template-columns: 1fr;
    }

    .modern-invoice-line-totals[b-pp5hb4fceu] {
        align-items: flex-start;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-range-row[b-ihb4lqqawp] {
    display: grid;
    grid-template-columns: minmax(10rem, auto) minmax(14rem, 26rem) auto;
    align-items: center;
    gap: 0.75rem;
    padding: 10px 0;
}

.settings-range-label[b-ihb4lqqawp] {
    margin: 0;
}

.settings-range-control[b-ihb4lqqawp] {
    min-width: 0;
}

.settings-card-scale-range[b-ihb4lqqawp] {
    width: 100%;
}

.settings-range-meta[b-ihb4lqqawp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.82rem;
}

.settings-range-meta strong[b-ihb4lqqawp] {
    color: var(--bs-body-color, #212529);
    font-size: 0.95rem;
}

.settings-range-reset[b-ihb4lqqawp] {
    white-space: nowrap;
}

@media (max-width: 767.98px) {
    .settings-range-row[b-ihb4lqqawp] {
        grid-template-columns: 1fr;
        gap: 0.45rem;
    }

    .settings-range-reset[b-ihb4lqqawp] {
        justify-self: start;
    }
}
/* /Components/Pages/SmsRegistration.razor.rz.scp.css */
.sms-registration-page[b-pepxtddkmq] {
    --sms-registration-accent: var(--bs-primary);
}

.sms-registration-card[b-pepxtddkmq] {
    border-radius: 8px;
}

.sms-registration-header[b-pepxtddkmq] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.sms-registration-icon[b-pepxtddkmq] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--sms-registration-accent);
    background: color-mix(in srgb, var(--sms-registration-accent) 12%, white);
    font-size: 1.4rem;
    flex-shrink: 0;
}

.sms-registration-note[b-pepxtddkmq] {
    border: 0;
    border-radius: 8px;
}

@media (max-width: 576px) {
    .sms-registration-header[b-pepxtddkmq] {
        flex-direction: column;
    }
}
/* /Components/Pages/SmsRegistrationConfirm.razor.rz.scp.css */
.sms-registration-confirm-page[b-pd5r5kuvdo] {
    --sms-registration-confirm-accent: var(--bs-primary);
}

.sms-registration-confirm-card[b-pd5r5kuvdo] {
    border-radius: 8px;
}

.sms-registration-confirm-header[b-pd5r5kuvdo] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
}

.sms-registration-confirm-icon[b-pd5r5kuvdo] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--sms-registration-confirm-accent);
    background: color-mix(in srgb, var(--sms-registration-confirm-accent) 12%, white);
    font-size: 1.4rem;
    flex-shrink: 0;
}

@media (max-width: 576px) {
    .sms-registration-confirm-header[b-pd5r5kuvdo] {
        flex-direction: column;
    }
}
/* /Components/Shared/Modern/BundleDoorSelector.razor.rz.scp.css */
.bundle-door-selector[b-bm4rgt4u1q] {
    min-height: 200px;
}

.bundle-selector-toolbar[b-bm4rgt4u1q] {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.bundle-filters[b-bm4rgt4u1q] {
    top: 0;
}

.toolbar-right .form-select[b-bm4rgt4u1q] {
    width: 100%;
}

.bundle-selector-footer[b-bm4rgt4u1q] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--bs-border-color);
}

.bundle-selector-page-size[b-bm4rgt4u1q] {
    width: auto;
    min-width: 4.5rem;
}

@media (max-width: 1199px) {
    .bundle-filters[b-bm4rgt4u1q] {
        position: static !important;
    }
}
/* /Components/Shared/Modern/BundleSlotSelector.razor.rz.scp.css */
.bundle-slot[b-2jcgskw36v] {
    border: 1px solid var(--bs-border-color);
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.bundle-slot:hover[b-2jcgskw36v] {
    border-color: var(--bs-primary);
}

.bundle-slot.slot-filled[b-2jcgskw36v] {
    border-color: var(--bs-success);
    background-color: rgba(25, 135, 84, 0.03);
}

.bundle-slot.slot-required:not(.slot-filled)[b-2jcgskw36v] {
    border-left: 3px solid var(--bs-danger);
}

.slot-header[b-2jcgskw36v] {
    user-select: none;
}

.slot-products-list table th[b-2jcgskw36v] {
    font-size: 0.8rem;
    font-weight: 600;
}

.slot-products-list table td[b-2jcgskw36v] {
    font-size: 0.85rem;
    vertical-align: middle;
}

.slot-products-list tr:hover[b-2jcgskw36v] {
    background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
}
/* /Components/Shared/Modern/BundleSuggestionDialog.razor.rz.scp.css */
/* === Диалог-предложение комплектации === */

.bundle-suggestion[b-qxpqa4d173] {
    max-width: 420px;
    margin: 0 auto;
}

.bundle-suggestion .bi-box-seam[b-qxpqa4d173] {
    color: var(--bs-primary);
    opacity: 0.9;
}
/* /Components/Shared/Modern/BundleTemplatePickerDialog.razor.rz.scp.css */
.bundle-template-picker[b-572owj9648] {
    min-height: 28rem;
}

.bundle-template-card[b-572owj9648] {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 249, 250, 0.96));
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.25rem rgba(33, 37, 41, 0.08);
    padding: 1rem;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.bundle-template-card:hover[b-572owj9648] {
    border-color: var(--bs-primary);
    box-shadow: 0 0.9rem 1.8rem rgba(13, 110, 253, 0.12);
    transform: translateY(-2px);
}

.bundle-template-card__title[b-572owj9648] {
    color: var(--bs-body-color);
    font-size: 1rem;
    font-weight: 600;
}

.bundle-template-card__group[b-572owj9648] {
    color: var(--bs-secondary-color);
    font-size: 0.9rem;
}

.bundle-template-card__slots[b-572owj9648] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bundle-template-card__slot[b-572owj9648] {
    background: rgba(13, 110, 253, 0.08);
    border-radius: 999px;
    color: var(--bs-primary);
    font-size: 0.82rem;
    padding: 0.2rem 0.6rem;
}

.bundle-template-card__slot.is-required[b-572owj9648] {
    background: rgba(220, 53, 69, 0.08);
    color: var(--bs-danger);
}

@media (max-width: 576px) {
    .bundle-template-picker[b-572owj9648] {
        min-height: 22rem;
    }
}
/* /Components/Shared/Modern/BundleWizardDialog.razor.rz.scp.css */
/* === Діалог комплектації (hub-and-spoke) === */

.bundle-wizard[b-hsf9qnocuk] {
    display: flex;
    flex-direction: column;
    height: 80vh;
    max-height: 750px;
}

/* Навігація */
.wizard-nav[b-hsf9qnocuk] {
    flex-shrink: 0;
    padding: 0.75rem 1rem 0;
}

.wizard-nav h5[b-hsf9qnocuk] {
    font-size: 1rem;
}

/* Контент */
.wizard-content[b-hsf9qnocuk] {
    flex: 1;
    overflow-y: auto;
    padding: 0 1rem 1rem;
}

/* Карточки груп товарів */
.group-card[b-hsf9qnocuk] {
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
    cursor: pointer;
    border: 1px solid var(--bs-border-color);
}

.group-card:hover[b-hsf9qnocuk] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
    border-color: var(--bs-primary);
}

.group-card.border-success[b-hsf9qnocuk] {
    border-width: 2px;
}

.group-card .card-title[b-hsf9qnocuk] {
    font-size: 0.85rem;
    font-weight: 600;
}

.group-card img[b-hsf9qnocuk] {
    transition: transform 0.3s ease;
}

.group-card:hover img[b-hsf9qnocuk] {
    transform: scale(1.05);
}

/* Таблиця товарів у SlotSelection */
.wizard-content .table-responsive table th[b-hsf9qnocuk] {
    font-size: 0.8rem;
    font-weight: 600;
}

.wizard-content .table-responsive table td[b-hsf9qnocuk] {
    font-size: 0.85rem;
    vertical-align: middle;
}

.wizard-content .table-responsive tbody tr:hover[b-hsf9qnocuk] {
    background-color: rgba(var(--bs-primary-rgb), 0.08) !important;
}

/* Футер */
.wizard-footer[b-hsf9qnocuk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--bs-border-color);
    flex-shrink: 0;
    background: var(--bs-body-bg);
}

/* Адаптив */
@media (max-width: 768px) {
    .bundle-wizard[b-hsf9qnocuk] {
        height: 90vh;
        max-height: none;
    }

    .wizard-nav h5[b-hsf9qnocuk] {
        font-size: 0.9rem;
    }

    .group-card .position-relative[b-hsf9qnocuk] {
        height: 80px !important;
    }

    .group-card .card-body[b-hsf9qnocuk] {
        padding: 0.35rem 0.5rem;
    }

    .group-card .card-title[b-hsf9qnocuk] {
        font-size: 0.75rem;
    }
}
/* /Components/Shared/Modern/CatalogFilterPanel.razor.rz.scp.css */
/* === Панель фильтров === */

.filter-panel[b-54y04y3coi] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.75rem;
    padding: 1.25rem;
}

/* === Заголовки секций === */

.filter-section-header[b-54y04y3coi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
    padding: 0.25rem 0;
    color: var(--bs-body-color, #212529);
    transition: color 0.2s ease;
}

.filter-section-header:hover[b-54y04y3coi] {
    color: var(--bs-primary);
}

.filter-section-header i[b-54y04y3coi] {
    font-size: 0.85rem;
    transition: transform 0.3s ease;
}

.filter-section-toggle[b-54y04y3coi] {
    width: 100%;
    gap: 0.75rem;
    margin: 0;
    padding: 0.25rem 0;
    color: var(--bs-body-color, #212529);
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-align: left;
}

.filter-section-toggle:hover[b-54y04y3coi],
.filter-section-toggle:active[b-54y04y3coi] {
    background: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.filter-section-toggle h6[b-54y04y3coi] {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0;
    color: inherit;
}

.filter-section-toggle:focus-visible[b-54y04y3coi] {
    outline: 2px solid rgba(var(--bs-primary-rgb), 0.35);
    outline-offset: 2px;
    border-radius: 0.375rem;
}

.filter-section-options-scroll[b-54y04y3coi] {
    max-height: 16rem;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.filter-option-search .input-group-text[b-54y04y3coi] {
    border-right: 0;
}

.filter-option-search .form-control[b-54y04y3coi] {
    border-left: 0;
}

.filter-empty-state[b-54y04y3coi] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.9rem;
}

/* === Ценовые поля === */

.price-filter-row[b-54y04y3coi] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    flex-wrap: nowrap;
    min-width: 0;
}

.price-filter-title[b-54y04y3coi] {
    flex: 0 0 auto;
    font-size: 0.95rem;
    white-space: nowrap;
}

.price-filter-controls[b-54y04y3coi] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex: 1 1 0;
    min-width: 0;
    flex-wrap: nowrap;
}

.price-input[b-54y04y3coi] {
    width: 100%;
    min-width: 0;
    flex: 1 1 0;
    text-align: center;
    border-radius: 0.375rem;
    font-size: 0.9rem;
    padding: 0.25rem 0.35rem;
    appearance: textfield;
    -moz-appearance: textfield;
    line-height: 1.2;
}

.price-input[b-54y04y3coi]::-webkit-outer-spin-button,
.price-input[b-54y04y3coi]::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}

.price-separator[b-54y04y3coi] {
    flex: 0 0 auto;
    font-size: 0.9rem;
}

.price-apply-button[b-54y04y3coi] {
    flex: 0 0 auto;
    padding: 0.25rem 0.7rem;
    font-size: 0.85rem;
    white-space: nowrap;
}

.price-input:focus[b-54y04y3coi] {
    box-shadow: none;
    border-color: var(--bs-primary);
}

/* === Чекбоксы === */

.custom-checkbox .form-check-input[b-54y04y3coi] {
    cursor: pointer;
    border-color: #adb5bd;
}

.custom-checkbox .form-check-input:checked[b-54y04y3coi] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.custom-checkbox .form-check-label[b-54y04y3coi] {
    font-size: 0.95rem;
    cursor: pointer;
    color: #495057;
    transition: color 0.2s ease;
}

.custom-checkbox:hover .form-check-label[b-54y04y3coi] {
    color: #212529;
}

.custom-checkbox.filter-option-tooltip-anchor[b-54y04y3coi] {
    position: relative;
}

.filter-tooltip-card[b-54y04y3coi] {
    position: absolute;
    top: 50%;
    right: calc(100% + 0.9rem);
    left: auto;
    z-index: 60;
    width: min(26rem, calc(100vw - 8rem));
    min-width: 19rem;
    max-height: min(32rem, 72vh);
    padding: 0.9rem 1rem;
    color: var(--bs-body-color, #212529);
    background: #fffaf2;
    border: 1px solid rgba(185, 141, 61, 0.26);
    border-radius: 0.9rem;
    box-shadow: 0 1rem 2.5rem rgba(33, 37, 41, 0.16);
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(0.45rem, -50%, 0);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
}

.filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi] {
    position: fixed;
    top: var(--filter-tooltip-top, 0);
    left: var(--filter-tooltip-left, 0);
    right: auto;
    transform: translate3d(0.45rem, 0, 0);
}

.filter-tooltip-card[b-54y04y3coi]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -0.4rem;
    left: auto;
    width: 0.8rem;
    height: 0.8rem;
    background: inherit;
    border-top: 1px solid rgba(185, 141, 61, 0.26);
    border-right: 1px solid rgba(185, 141, 61, 0.26);
    transform: translateY(-50%) rotate(45deg);
}

.filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi]::after {
    top: var(--filter-tooltip-arrow-top, 50%);
    right: -0.4rem;
    left: auto;
    transform: translateY(-50%) rotate(45deg);
}

.filter-option-tooltip-anchor.filter-option-tooltip-anchor--tooltip-visible .filter-tooltip-card[b-54y04y3coi],
.filter-option-tooltip-anchor:focus-within .filter-tooltip-card[b-54y04y3coi] {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, -50%, 0);
}

.filter-option-tooltip-anchor.filter-option-tooltip-anchor--tooltip-visible .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi],
.filter-option-tooltip-anchor:focus-within .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi] {
    transform: translate3d(0, 0, 0);
}

.filter-tooltip-card-title[b-54y04y3coi] {
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #212529;
}

.filter-tooltip-card-body[b-54y04y3coi] {
    font-size: 0.88rem;
    line-height: 1.45;
    color: #495057;
}

.filter-tooltip-card-body[b-54y04y3coi]  p,
.filter-tooltip-card-body[b-54y04y3coi]  ul,
.filter-tooltip-card-body[b-54y04y3coi]  ol {
    margin: 0 0 0.55rem;
}

.filter-tooltip-card-body[b-54y04y3coi]  p:last-child,
.filter-tooltip-card-body[b-54y04y3coi]  ul:last-child,
.filter-tooltip-card-body[b-54y04y3coi]  ol:last-child {
    margin-bottom: 0;
}

.filter-tooltip-card-body[b-54y04y3coi]  img {
    display: block;
    max-width: min(100%, 12rem);
    height: auto;
    margin-top: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 0.6rem;
}

.filter-tooltip-card-body[b-54y04y3coi]  a {
    color: var(--bs-primary, #0d6efd);
}

/* === Адаптивность === */

@media (max-width: 991px) {
    .filter-panel[b-54y04y3coi] {
        margin-bottom: 1.5rem;
    }

    .price-filter-controls[b-54y04y3coi] {
        width: 100%;
    }

    .filter-tooltip-card[b-54y04y3coi] {
        top: calc(100% + 0.55rem);
        right: auto;
        left: 0;
        width: min(22rem, calc(100vw - 4rem));
        min-width: 0;
        max-height: min(24rem, 55vh);
        transform: translate3d(0, 0.4rem, 0);
    }

    .filter-tooltip-card[b-54y04y3coi]::after {
        top: -0.4rem;
        right: auto;
        left: 1.1rem;
        transform: rotate(-45deg);
    }

    .filter-option-tooltip-anchor.filter-option-tooltip-anchor--tooltip-visible .filter-tooltip-card[b-54y04y3coi],
    .filter-option-tooltip-anchor:focus-within .filter-tooltip-card[b-54y04y3coi] {
        transform: translate3d(0, 0, 0);
    }

    .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi] {
        position: absolute;
        top: calc(100% + 0.55rem);
        left: 0;
        right: auto;
        transform: translate3d(0, 0.4rem, 0);
    }

    .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi]::after {
        top: -0.4rem;
        right: auto;
        left: 1.1rem;
        transform: rotate(-45deg);
    }

    .filter-option-tooltip-anchor:hover .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi],
    .filter-option-tooltip-anchor:focus-within .filter-tooltip-card.filter-tooltip-card--fixed[b-54y04y3coi] {
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 576px) {
    .filter-panel[b-54y04y3coi] {
        padding: 1rem;
    }

    .price-filter-row[b-54y04y3coi] {
        gap: 0.5rem;
    }

    .price-filter-controls[b-54y04y3coi] {
        gap: 0.3rem;
    }
}
/* /Components/Shared/Modern/CatalogLayout.razor.rz.scp.css */
.catalog-layout[b-ukovodb1by] {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
    gap: 0.75rem;
}

.catalog-layout-header[b-ukovodb1by] {
    flex: 0 0 auto;
}

.catalog-layout-body[b-ukovodb1by] {
    flex: 1 1 auto;
    min-height: 0;
}

.catalog-layout-row[b-ukovodb1by] {
    height: 100%;
    min-height: 0;
    align-items: stretch;
    overflow: hidden;
}

.catalog-layout-cards-column[b-ukovodb1by],
.catalog-layout-filters-column[b-ukovodb1by] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}

.catalog-layout-cards-column[b-ukovodb1by] {
    overflow: hidden;
}

.catalog-layout-filters-column[b-ukovodb1by] {
    position: relative;
    overflow: visible;
    z-index: 30;
}

.catalog-layout-cards-scroll[b-ukovodb1by] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 0.35rem;
    padding-bottom: 0.5rem;
}

.catalog-layout-filters-sticky[b-ukovodb1by] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 0.25rem;
}

.catalog-layout-footer[b-ukovodb1by] {
    flex: 0 0 auto;
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    border-top: 1px solid var(--bs-border-color);
}

.catalog-layout-cards-footer[b-ukovodb1by] {
    margin-top: auto;
}

/* На мобильных — колонки стакаются вертикально, фильтры под карточками */
@media (max-width: 768px) {
    .catalog-layout[b-ukovodb1by] {
        gap: 0.5rem;
    }

    .catalog-layout-body[b-ukovodb1by],
    .catalog-layout-row[b-ukovodb1by] {
        min-height: auto;
        height: auto;
    }

    .catalog-layout-cards-column[b-ukovodb1by],
    .catalog-layout-filters-column[b-ukovodb1by] {
        padding-bottom: 0;
    }

    .catalog-layout-cards-scroll[b-ukovodb1by],
    .catalog-layout-filters-sticky[b-ukovodb1by] {
        overflow: visible;
        max-height: none;
        padding-right: 0;
        padding-bottom: 0;
    }

    .catalog-layout-footer[b-ukovodb1by] {
        padding-bottom: 0.2rem;
    }

    .catalog-layout-filters-sticky[b-ukovodb1by] {
        position: static;
    }
}
/* /Components/Shared/Modern/DoorCatalogCardGrid.razor.rz.scp.css */
.door-catalog-card-grid[b-d5qat9ka54] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1rem;
}

.door-catalog-card-grid__cell[b-d5qat9ka54] {
    flex: 0 1 var(--catalog-product-card-width, 12rem);
    min-width: min(100%, var(--catalog-product-card-width, 12rem));
}

.card-wrapper[b-d5qat9ka54] {
    position: relative;
    height: 100%;
}

.simple-card[b-d5qat9ka54] {
    transition: box-shadow 0.2s ease-in-out, border-color 0.2s ease-in-out;
    border: 1px solid #dee2e6;
    border-radius: 0.5rem;
    overflow: hidden;
}

.card-wrapper:hover .simple-card[b-d5qat9ka54] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border-color: var(--bs-primary);
}

.simple-card-selected[b-d5qat9ka54] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 1px rgba(var(--bs-primary-rgb), 0.2), 0 10px 24px rgba(var(--bs-primary-rgb), 0.12);
}

.product-title[b-d5qat9ka54] {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    min-height: 2.5rem;
}

.product-feature-badges[b-d5qat9ka54] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.product-feature-badge[b-d5qat9ka54] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.28rem 0.52rem;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1;
    border: 1px solid transparent;
    white-space: nowrap;
}

.product-feature-badge .bi[b-d5qat9ka54] {
    font-size: 0.72rem;
}

.product-feature-badge--sand[b-d5qat9ka54] {
    background: #efe2bf;
    border-color: #dcc16b;
    color: #6c5115;
}

.product-feature-badge--mint[b-d5qat9ka54] {
    background: #dff3ea;
    border-color: #8bc7ac;
    color: #205940;
}

.product-feature-badge--slate[b-d5qat9ka54] {
    background: #e8edf4;
    border-color: #b8c5d6;
    color: #334155;
}

.product-feature-badge--violet[b-d5qat9ka54] {
    background: #ece7f8;
    border-color: #c9bce7;
    color: #58448b;
}

.product-feature-badge--neutral[b-d5qat9ka54] {
    background: #f4f1eb;
    border-color: #ddd4c4;
    color: #5c5242;
}

.product-highlights[b-d5qat9ka54] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.product-highlights-expanded[b-d5qat9ka54] {
    gap: 0.45rem;
}

.product-highlight-chip[b-d5qat9ka54] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    max-width: 100%;
    padding: 0.2rem 0.45rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary) 8%, white);
    border: 1px solid color-mix(in srgb, var(--bs-primary) 20%, white);
    font-size: 0.7rem;
    line-height: 1.2;
    color: var(--bs-body-color, #212529);
}

.product-highlight-label[b-d5qat9ka54] {
    font-weight: 600;
    white-space: nowrap;
}

.product-highlight-value[b-d5qat9ka54] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-card-img[b-d5qat9ka54] {
    height: var(--catalog-product-card-image-height, 160px);
    overflow: hidden;
    background-color: #f8f9fa;
}

.simple-card-img .card-img-top[b-d5qat9ka54] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.25rem;
    transition: transform 0.3s ease 0.5s;
}

.card-wrapper:hover .card-img-top[b-d5qat9ka54] {
    transform: scale(1.05);
}

.product-summary-row[b-d5qat9ka54] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.product-price-line[b-d5qat9ka54] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1 1 auto;
}

.product-price-wholesale[b-d5qat9ka54] {
 color: var(--bs-secondary-color, #121213);
    font-size: 1rem;

    line-height: 1.2;
    white-space: nowrap;
}

.product-price-retail[b-d5qat9ka54] {
    color: var(--bs-secondary-color, #6c757d);
    font-size: 0.875rem;
    line-height: 1.2;
    white-space: nowrap;
}

.product-action-button[b-d5qat9ka54] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: 0.5rem;
    flex: 0 0 auto;
}

.product-action-button.btn-primary[b-d5qat9ka54] {
    background-color: #efe9d7;
    border-color: #dcc16b;
    color: #5d4820;
}

.product-action-button.btn-primary:hover[b-d5qat9ka54],
.product-action-button.btn-primary:focus[b-d5qat9ka54],
.product-action-button.btn-primary:active[b-d5qat9ka54] {
    background-color: #ddc26d;
    border-color: #cfb155;
    color: #4f3d18;
}

.product-action-button .bi[b-d5qat9ka54] {
    font-size: 1rem;
    line-height: 1;
}

/* --- Всплывающая полная карточка (popup при hover с задержкой 500мс) --- */

.card-hover-popup[b-d5qat9ka54] {
    position: absolute;
    top: 0;
    left: -4px;
    right: -4px;
    z-index: 20;
    background: var(--bs-body-bg, #fff);
    border: 2px solid var(--bs-primary);
    border-radius: 0.5rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.98);
    max-height: min(80vh, 42rem);
    overflow-y: auto;
    transition: opacity 0.15s ease 0s, visibility 0s linear 0.15s, transform 0.15s ease 0s;
    pointer-events: none;
}

.card-wrapper:hover .card-hover-popup[b-d5qat9ka54] {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    pointer-events: auto;
    transition: opacity 0.15s ease 0.5s, visibility 0s linear 0.5s, transform 0.15s ease 0.5s;
}

.card-wrapper:hover[b-d5qat9ka54] {
    z-index: 10;
}

.card-hover-primary[b-d5qat9ka54] {
    display: flex;
    flex-direction: column;
    min-height: 4.9rem;
}

.card-hover-details[b-d5qat9ka54] {
    margin-top: 0.65rem;
    padding-top: 0.65rem;
    border-top: 1px solid color-mix(in srgb, var(--bs-border-color, #dee2e6) 85%, white);
}

.detail-row[b-d5qat9ka54] {
    display: block;
    font-size: 0.75rem;
    line-height: 1.4;
    color: var(--bs-secondary-color, #6c757d);
    padding: 0.05rem 0;
}

.detail-label[b-d5qat9ka54] {
    display: inline;
    font-weight: 600;
    white-space: normal;
    color: var(--bs-body-color, #212529);
}

.detail-value[b-d5qat9ka54] {
    display: inline;
    white-space: normal;
    overflow-wrap: anywhere;
}

@media (max-width: 991px) {
    .simple-card-img[b-d5qat9ka54] {
        height: var(--catalog-product-card-image-height-tablet, 140px);
    }
}

@media (max-width: 768px) {
    .simple-card-img[b-d5qat9ka54] {
        height: var(--catalog-product-card-image-height-tablet, 120px);
    }
}

@media (max-width: 576px) {
    .simple-card-img[b-d5qat9ka54] {
        height: var(--catalog-product-card-image-height-mobile, 100px);
    }

    .product-title[b-d5qat9ka54] {
        min-height: 2.2rem;
    }

    .product-highlight-chip[b-d5qat9ka54] {
        font-size: 0.68rem;
        padding: 0.18rem 0.4rem;
    }

    .product-feature-badge[b-d5qat9ka54] {
        font-size: 0.66rem;
        padding: 0.24rem 0.45rem;
    }

    .product-summary-row[b-d5qat9ka54] {
        align-items: flex-start;
    }

    .product-price-line[b-d5qat9ka54] {
        gap: 0.375rem 0.75rem;
    }
}
/* /Components/Shared/Modern/InvoiceSlotPickerDialog.razor.rz.scp.css */
.slot-picker-dialog[b-73tmgfx2h3] {
    min-height: 0;
    height: 100%;
}

.slot-picker-dialog[b-73tmgfx2h3]  .catalog-layout {
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
}

.slot-picker-dialog__content[b-73tmgfx2h3] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    overflow: hidden;
}

.slot-picker-footer[b-73tmgfx2h3] {
    padding-top: 0.75rem;
    border-top: 1px solid var(--bs-border-color);
}

.slot-picker-page-size[b-73tmgfx2h3] {
    width: auto;
    min-width: 4.5rem;
}
/* /Components/Shared/Modern/ProductGroupCard.razor.rz.scp.css */
.product-group-card[b-i5fvjgcera] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid #dee2e6;
    overflow: hidden;
}

.product-group-card:hover[b-i5fvjgcera] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: var(--bs-primary);
}

.card-img-wrapper[b-i5fvjgcera] {
    position: relative;
    height: var(--catalog-group-card-image-height, 180px);
    overflow: hidden;
}

.card-img-top[b-i5fvjgcera] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-group-card:hover .card-img-top[b-i5fvjgcera] {
    transform: scale(1.05);
}

.card-img-overlay[b-i5fvjgcera] {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    padding: 1rem;
}

.product-group-title[b-i5fvjgcera] {
    max-width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 1.2;
}

.card-body[b-i5fvjgcera] {
    padding: 0.85rem 1rem;
}

.card-text[b-i5fvjgcera] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Адаптивность */
@media (max-width: 768px) {
    .card-img-wrapper[b-i5fvjgcera] {
        height: var(--catalog-group-card-image-height-mobile, 140px);
    }

    .card-body[b-i5fvjgcera] {
        padding: 0.75rem;
    }
}

/* Специфичные стили для разных групп */
.door-entrance[b-i5fvjgcera] {
    --group-accent: #dc3545;
}

.door-interior[b-i5fvjgcera] {
    --group-accent: #198754;
}

.door-frames[b-i5fvjgcera] {
    --group-accent: #ffc107;
}

.door-trim[b-i5fvjgcera] {
    --group-accent: #0dcaf0;
}

.door-extensions[b-i5fvjgcera] {
    --group-accent: #6f42c1;
}

.door-handles[b-i5fvjgcera] {
    --group-accent: #fd7e14;
}

.door-hinges[b-i5fvjgcera] {
    --group-accent: #6c757d;
}

.door-locks[b-i5fvjgcera] {
    --group-accent: #0d6efd;
}

.sliding-systems[b-i5fvjgcera] {
    --group-accent: #20c997;
}
/* /Components/Shared/OrderControl.razor.rz.scp.css */
.invoice-board[b-ood69q3x8b] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    overflow-x: auto;
    padding: 0.15rem 0.2rem 0.35rem;
}

#printable-form.is-compact h4[b-ood69q3x8b] {
    display: none;
}

#printable-form.is-compact .invoice-board[b-ood69q3x8b] {
    gap: 0.45rem;
    padding: 0;
}

#printable-form.is-compact .invoice-grid-layout[b-ood69q3x8b] {
    min-width: min(100%, 38rem);
    column-gap: 0.55rem;
}

#printable-form.is-compact .invoice-grid-header[b-ood69q3x8b] {
    padding: 0.3rem 0.65rem;
    border-radius: 0.8rem;
    box-shadow: none;
}

#printable-form.is-compact .invoice-grid-header .grid-cell-header[b-ood69q3x8b] {
    min-height: 2rem;
    padding: 0 0.1rem;
}

#printable-form.is-compact .invoice-grid-header h5[b-ood69q3x8b],
#printable-form.is-compact .invoice-grid-header h6[b-ood69q3x8b] {
    font-size: 0.83rem;
}

#printable-form.is-compact .invoice-card[b-ood69q3x8b] {
    padding: 0.45rem 0.7rem 0.55rem;
    border-radius: 0.85rem;
    box-shadow: none;
}

#printable-form.is-compact .invoice-primary-row[b-ood69q3x8b] {
    padding-top: 0.05rem;
    padding-bottom: 0.25rem;
}

#printable-form.is-compact .invoice-accessory-row[b-ood69q3x8b] {
    min-height: 3.8rem;
}

#printable-form.is-compact .invoice-accessory-divider[b-ood69q3x8b] {
    margin: 0.05rem 0 0.2rem;
}

#printable-form.is-compact .invoice-image-shell[b-ood69q3x8b] {
    width: min(100%, 5.25rem);
    min-height: 5rem;
    padding: 0.25rem;
    border-radius: 0.7rem;
}

#printable-form.is-compact .accessory-img-cell .invoice-image-shell[b-ood69q3x8b] {
    width: min(100%, 3.4rem);
    min-height: 3.15rem;
}

#printable-form.is-compact .invoice-image-shell .img-order[b-ood69q3x8b] {
    max-height: 4.5rem;
}

#printable-form.is-compact .accessory-img-cell .img-order[b-ood69q3x8b] {
    max-height: 2.85rem;
}

#printable-form.is-compact .invoice-name-cell[b-ood69q3x8b] {
    gap: 0.25rem;
    padding: 0.12rem 0;
}

#printable-form.is-compact .invoice-item-name[b-ood69q3x8b] {
    font-size: 0.92rem;
    line-height: 1.2;
}

#printable-form.is-compact .invoice-grid-row.is-accessory .invoice-item-name[b-ood69q3x8b] {
    font-size: 0.84rem;
}

#printable-form.is-compact .invoice-value-cell[b-ood69q3x8b] {
    gap: 0.35rem;
}

#printable-form.is-compact .invoice-quantity-cell .e-control-wrapper[b-ood69q3x8b],
#printable-form.is-compact .invoice-quantity-cell .e-numeric[b-ood69q3x8b],
#printable-form.is-compact .invoice-quantity-cell .e-numerictextbox[b-ood69q3x8b] {
    max-width: 3.65rem;
}

#printable-form.is-compact .invoice-price-cell label[b-ood69q3x8b] {
    font-size: 0.94rem;
}

#printable-form.is-compact .invoice-grid-row.is-accessory .invoice-price-cell label[b-ood69q3x8b] {
    font-size: 0.88rem;
}

#printable-form.is-compact .invoice-grid-footer .grid-cell-futer[b-ood69q3x8b],
#printable-form.is-compact .invoice-grid-footer .grid-cell-futer-summ[b-ood69q3x8b],
#printable-form.is-compact .invoice-grid-footer .grid-cell-futer-summ:nth-child(odd)[b-ood69q3x8b] {
    min-height: 2.3rem;
    padding: 0.35rem 0.55rem;
    border-radius: 0.75rem;
    box-shadow: none;
}

#printable-form.is-compact .invoice-grid-footer .grid-cell-futer-summ label[b-ood69q3x8b] {
    font-size: 0.95rem;
    white-space: nowrap;
}

.invoice-grid-layout[b-ood69q3x8b] {
    display: grid !important;
    grid-template-columns: var(--invoice-grid-columns);
    column-gap: 0.8rem;
    align-items: stretch;
    min-width: min(100%, 48rem);
}

.invoice-grid-header[b-ood69q3x8b] {
    padding: 0.45rem 0.9rem;
    border: 1px solid #d5e5d7;
    border-radius: 1rem;
    background: linear-gradient(180deg, #edf7ee 0%, #deefe1 100%);
    box-shadow: 0 12px 28px rgba(25, 135, 84, 0.08);
}

.invoice-grid-header .grid-cell-header[b-ood69q3x8b] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.8rem;
    padding: 0 0.2rem;
    border: none;
    background: transparent !important;
    color: #35513f;
}

.invoice-grid-header h5[b-ood69q3x8b],
.invoice-grid-header h6[b-ood69q3x8b] {
    margin: 0;
    font-weight: 600;
}

.invoice-grid-row[b-ood69q3x8b] {
    position: relative;
    padding: 0.3rem 0;
    background: transparent;
}

.invoice-grid-row:hover[b-ood69q3x8b],
.invoice-grid-row:focus-within[b-ood69q3x8b] {
    z-index: 6;
}

.invoice-card[b-ood69q3x8b] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.7rem 1rem 0.8rem;
    border: 1px solid rgba(187, 202, 191, 0.85);
    border-radius: 1.1rem;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfb 100%);
    box-shadow: 0 16px 32px rgba(44, 49, 54, 0.08);
}

.invoice-card.has-accessories[b-ood69q3x8b] {
    background: linear-gradient(180deg, #ffffff 0%, #f9fcfa 100%);
}

.invoice-card.is-first-card .invoice-primary-row .main-img-cell .invoice-image-hover-preview[b-ood69q3x8b] {
    top: 0;
    transform: scale(0.35);
    transform-origin: left top;
}

.invoice-card.is-first-card .invoice-primary-row .main-img-cell .invoice-image-shell:hover .invoice-image-hover-preview[b-ood69q3x8b],
.invoice-card.is-first-card .invoice-primary-row .main-img-cell .invoice-image-shell:focus-within .invoice-image-hover-preview[b-ood69q3x8b] {
    transform: scale(1);
}

.invoice-primary-row[b-ood69q3x8b] {
    padding-top: 0.15rem;
    padding-bottom: 0.55rem;
}

.invoice-grid-layout .cell[b-ood69q3x8b],
.invoice-grid-footer .grid-cell-futer[b-ood69q3x8b],
.invoice-grid-footer .grid-cell-futer-summ[b-ood69q3x8b] {
    display: flex;
    align-items: center;
    min-width: 0;
    border: none;
    background: transparent;
}

.invoice-image-cell[b-ood69q3x8b] {
    position: relative;
    justify-content: center;
    overflow: visible;
    z-index: 1;
}

.invoice-image-cell:hover[b-ood69q3x8b],
.invoice-image-cell:focus-within[b-ood69q3x8b] {
    z-index: 120;
}

.invoice-image-shell[b-ood69q3x8b] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 7.4rem);
    min-height: 7.2rem;
    margin-inline: auto;
    padding: 0.45rem;
    border: 1px solid rgba(210, 218, 214, 0.9);
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #f7faf8 0%, #ffffff 100%);
    overflow: visible;
    z-index: 1;
}

.invoice-image-cell:hover .invoice-image-shell[b-ood69q3x8b],
.invoice-image-cell:focus-within .invoice-image-shell[b-ood69q3x8b] {
    z-index: 121;
}

.invoice-grid-row[b-ood69q3x8b],
.invoice-image-cell[b-ood69q3x8b],
.invoice-name-cell[b-ood69q3x8b] {
    overflow: visible;
}

.invoice-image-hover-preview[b-ood69q3x8b] {
    position: absolute;
    top: 50%;
    left: calc(100% + 0.85rem);
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(calc(100% * 4), 26rem);
    min-width: 12rem;
    min-height: 12rem;
    padding: 0.85rem;
    border: 1px solid rgba(210, 218, 214, 0.95);
    border-radius: 1.1rem;
    background: #ffffff;
    box-shadow: 0 24px 48px rgba(44, 49, 54, 0.22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-50%) scale(0.35);
    transform-origin: left center;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 122;
}

.invoice-image-shell:hover .invoice-image-hover-preview[b-ood69q3x8b],
.invoice-image-shell:focus-within .invoice-image-hover-preview[b-ood69q3x8b] {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) scale(1);
}

.invoice-image-hover-preview .img-order[b-ood69q3x8b] {
    max-width: 100%;
    max-height: min(24rem, 60vh);
    object-fit: contain;
}

.main-img-cell .invoice-image-shell[b-ood69q3x8b] {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.invoice-accessory-row[b-ood69q3x8b] {
    min-height: 4.9rem;
}

.invoice-accessory-list[b-ood69q3x8b] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.invoice-accessory-divider[b-ood69q3x8b] {
    height: 1px;
    margin: 0.1rem 0 0.35rem;
    background: linear-gradient(90deg, rgba(25, 135, 84, 0.16) 0%, rgba(25, 135, 84, 0.48) 18%, rgba(213, 229, 215, 0.92) 100%);
}

.accessory-img-cell[b-ood69q3x8b] {
    position: relative;
    justify-content: flex-end;
    padding-left: var(--invoice-accessory-indent, 0);
}

.invoice-tree-segment[b-ood69q3x8b] {
    position: absolute;
    top: -0.35rem;
    bottom: 50%;
    width: 2px;
    background: linear-gradient(180deg, rgba(25, 135, 84, 0.45) 0%, rgba(25, 135, 84, 0.9) 48%, rgba(25, 135, 84, 0.38) 100%);
    pointer-events: none;
}

.invoice-tree-segment.continues-below[b-ood69q3x8b] {
    bottom: -0.35rem;
}

.invoice-accessory-row.is-first-accessory .invoice-tree-segment[b-ood69q3x8b] {
    top: -1rem;
}

.accessory-img-cell .invoice-tree-segment[b-ood69q3x8b] {
    left: calc(1.9rem + ((var(--invoice-tree-level) - 1) * 1.35rem));
}

.invoice-name-cell .invoice-tree-segment[b-ood69q3x8b] {
    left: calc(-0.9rem + ((var(--invoice-tree-level) - 1) * 1.35rem));
}

.invoice-nested-branch[b-ood69q3x8b] {
    position: absolute;
    top: 50%;
    bottom: -0.35rem;
    width: 2px;
    background: linear-gradient(180deg, rgba(25, 135, 84, 0.45) 0%, rgba(25, 135, 84, 0.9) 48%, rgba(25, 135, 84, 0.38) 100%);
    pointer-events: none;
}

.accessory-img-cell .invoice-nested-branch[b-ood69q3x8b] {
    left: calc(1.9rem + var(--invoice-accessory-child-indent, 0));
}

.invoice-name-cell .invoice-nested-branch[b-ood69q3x8b] {
    left: calc(-0.9rem + var(--invoice-accessory-child-indent, 0));
}

.accessory-img-cell .invoice-image-shell[b-ood69q3x8b] {
    width: min(100%, 4.55rem);
    min-height: 4.35rem;
    margin-left: auto;
    margin-right: 0.15rem;
    transform: translateX(var(--invoice-accessory-indent, 0));
}

.invoice-card.has-pictures .invoice-accessory-row .accessory-img-cell[b-ood69q3x8b]::before {
    content: "";
    position: absolute;
    left: calc(1.9rem + var(--invoice-accessory-indent, 0));
    top: 50%;
    width: calc(100% - 6.2rem - var(--invoice-accessory-indent, 0));
    height: 2px;
    background: #198754;
}

.invoice-image-shell > .img-order[b-ood69q3x8b] {
    max-width: 100%;
    max-height: 6.5rem;
    object-fit: contain;
}

.accessory-img-cell .invoice-image-shell > .img-order[b-ood69q3x8b] {
    max-height: 4rem;
    opacity: 0.92;
}

.invoice-name-cell[b-ood69q3x8b] {
    position: relative;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 0.55rem;
    padding: 0.35rem 0.15rem;
}

.invoice-card.has-pictures .invoice-grid-row.is-accessory .invoice-name-cell[b-ood69q3x8b] {
    padding-left: calc(1.55rem + var(--invoice-accessory-indent, 0));
}

.invoice-card.without-pictures .invoice-grid-row.is-accessory .invoice-name-cell[b-ood69q3x8b] {
    padding-left: calc(0.35rem + var(--invoice-accessory-indent, 0));
}

.invoice-card.has-pictures .invoice-grid-row.is-accessory .invoice-name-cell[b-ood69q3x8b]::before {
    display: none;
}

.invoice-item-name[b-ood69q3x8b] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: #2c3136;
}

.invoice-item-name-trigger[b-ood69q3x8b] {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    outline: none;
}

.invoice-item-name-trigger.has-tooltip[b-ood69q3x8b] {
    cursor: help;
}

.invoice-item-name-trigger.has-tooltip > .invoice-item-name[b-ood69q3x8b] {
    border-bottom: 1px dotted rgba(53, 81, 63, 0.35);
}

.invoice-item-name-trigger.has-tooltip:hover > .invoice-item-name[b-ood69q3x8b],
.invoice-item-name-trigger.has-tooltip:focus-visible > .invoice-item-name[b-ood69q3x8b] {
    color: #0f5132;
    border-bottom-color: rgba(15, 81, 50, 0.6);
}

.invoice-item-name-trigger.has-tooltip:focus-visible[b-ood69q3x8b] {
    border-radius: 0.35rem;
    box-shadow: 0 0 0 0.2rem rgba(25, 135, 84, 0.15);
}

.invoice-item-tooltip[b-ood69q3x8b] {
    position: absolute;
    top: calc(100% + 0.45rem);
    left: 0;
    width: min(22rem, 72vw);
    max-width: 30rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid rgba(210, 218, 214, 0.95);
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 18px 42px rgba(44, 49, 54, 0.18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(0.35rem);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    z-index: 28;
    backdrop-filter: blur(4px);
}

.invoice-item-name-trigger.has-tooltip:hover .invoice-item-tooltip[b-ood69q3x8b],
.invoice-item-name-trigger.has-tooltip:focus-visible .invoice-item-tooltip[b-ood69q3x8b],
.invoice-item-name-trigger.has-tooltip:focus-within .invoice-item-tooltip[b-ood69q3x8b] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.invoice-item-tooltip[b-ood69q3x8b]::before {
    content: "";
    position: absolute;
    top: -0.45rem;
    left: 1.1rem;
    width: 0.85rem;
    height: 0.85rem;
    border-top: 1px solid rgba(210, 218, 214, 0.95);
    border-left: 1px solid rgba(210, 218, 214, 0.95);
    background: rgba(255, 255, 255, 0.98);
    transform: rotate(45deg);
}

.invoice-item-tooltip-title[b-ood69q3x8b] {
    margin-bottom: 0.55rem;
    font-size: 0.95rem;
    font-weight: 700;
    color: #2c3136;
}

.invoice-item-tooltip-details[b-ood69q3x8b] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.invoice-item-tooltip-row[b-ood69q3x8b] {
    display: grid;
    grid-template-columns: minmax(6.25rem, auto) 1fr;
    gap: 0.55rem;
    align-items: start;
    font-size: 0.88rem;
    line-height: 1.35;
}

.invoice-item-tooltip-label[b-ood69q3x8b] {
    font-weight: 700;
    color: #35513f;
}

.invoice-item-tooltip-value[b-ood69q3x8b] {
    color: #2c3136;
}

.invoice-item-tooltip-description[b-ood69q3x8b] {
    margin-top: 0.7rem;
    padding-top: 0.65rem;
    border-top: 1px solid rgba(213, 229, 215, 0.9);
    font-size: 0.86rem;
    line-height: 1.45;
    color: #4a5b50;
    white-space: pre-line;
}

.invoice-grid-row.is-accessory .invoice-item-name[b-ood69q3x8b] {
    font-size: 0.96rem;
    font-weight: 500;
    color: #4a5b50;
}

.invoice-accessory-row + .invoice-accessory-row[b-ood69q3x8b] {
    border-top: 1px solid rgba(213, 229, 215, 0.75);
}

.invoice-value-cell[b-ood69q3x8b] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.6rem;
    padding: 0;
}

.invoice-quantity-cell[b-ood69q3x8b],
.invoice-price-cell[b-ood69q3x8b],
.invoice-delete-cell[b-ood69q3x8b] {
    justify-content: flex-end;
}

.invoice-quantity-editor[b-ood69q3x8b] {
    width: 100%;
}

.invoice-quantity-cell .invoice-value-cell[b-ood69q3x8b] {
    justify-content: flex-end;
}

.invoice-quantity-cell :deep(.e-control-wrapper)[b-ood69q3x8b],
.invoice-quantity-cell :deep(.e-numeric)[b-ood69q3x8b],
.invoice-quantity-cell :deep(.e-numerictextbox)[b-ood69q3x8b] {
    width: 100%;
    max-width: 4.95rem;
}

.invoice-price-cell .invoice-value-cell[b-ood69q3x8b] {
    min-height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.invoice-price-cell label[b-ood69q3x8b] {
    margin: 0;
    font-size: 1.12rem;
    font-weight: 700;
    color: #2c3136;
    background: transparent;
}

.invoice-grid-row.is-accessory .invoice-price-cell label[b-ood69q3x8b] {
    font-size: 1rem;
}

.invoice-delete-header[b-ood69q3x8b] {
    color: #7a8a80;
}

.invoice-delete-cell[b-ood69q3x8b] {
    padding-right: 0.1rem;
}

.order-delete-button[b-ood69q3x8b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    padding: 0;
    border: 1px solid rgba(211, 218, 214, 0.95);
    background: linear-gradient(180deg, #ffffff 0%, #f4f6f5 100%);
    color: #7d8681;
    border-radius: 0.75rem;
    box-shadow: 0 6px 14px rgba(44, 49, 54, 0.08);
    cursor: pointer;
    transition: color 0.16s ease, background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.order-delete-button:hover[b-ood69q3x8b] {
    color: #dc3545;
    border-color: rgba(220, 53, 69, 0.4);
    background: rgba(220, 53, 69, 0.08);
    transform: translateY(-1px);
}

.order-delete-button:active[b-ood69q3x8b] {
    color: #b02a37;
    transform: translateY(0);
}

.invoice-slot-actions[b-ood69q3x8b] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.invoice-slot-actions.is-loading[b-ood69q3x8b] {
    gap: 0.28rem;
}

.invoice-slot-button[b-ood69q3x8b] {
    width: 1.2rem;
    height: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color, #cfd4da);
    background: #fff;
    color: var(--bs-body-color, #212529);
    border-radius: 0.35rem;
    padding: 0;
    font-size: 0.6rem;
    box-shadow: 0 5px 12px rgba(44, 49, 54, 0.08);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.invoice-slot-button:hover[b-ood69q3x8b] {
    border-color: var(--bs-primary, #0d6efd);
    color: var(--bs-primary, #0d6efd);
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, white);
}

.invoice-slot-button.is-filled[b-ood69q3x8b] {
    border-color: #198754;
    color: #198754;
    background: #eef8f2;
}

.invoice-slot-button.is-loading[b-ood69q3x8b],
.quick-add-btn.is-loading[b-ood69q3x8b] {
    position: relative;
    overflow: hidden;
    border-color: rgba(187, 202, 191, 0.9);
    color: transparent;
    background: linear-gradient(180deg, #f6f8f7 0%, #eef2ef 100%);
    pointer-events: none;
}

.invoice-slot-button.is-loading[b-ood69q3x8b]::after,
.quick-add-btn.is-loading[b-ood69q3x8b]::after {
    content: "";
    position: absolute;
    inset: 0;
    transform: translateX(-100%);
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.78) 48%, transparent 100%);
    animation: invoice-loading-shimmer-b-ood69q3x8b 1.2s ease-in-out infinite;
}

.invoice-action-image[b-ood69q3x8b] {
    width: 0.8rem;
    height: 0.8rem;
    object-fit: contain;
}

.quick-add-toolbar[b-ood69q3x8b] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.7rem 0.9rem;
    border: 1px solid #d5e5d7;
    border-radius: 1rem;
    background: linear-gradient(180deg, #f8fbf9 0%, #eef5f0 100%);
    box-shadow: 0 10px 20px rgba(44, 49, 54, 0.05);
}

.quick-add-label[b-ood69q3x8b] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--bs-secondary-color, #6c757d);
    margin-right: 0.35rem;
    white-space: nowrap;
}

.quick-add-btn[b-ood69q3x8b] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--bs-border-color, #cfd4da);
    background: #fff;
    color: var(--bs-body-color, #212529);
    border-radius: 0.65rem;
    cursor: pointer;
    font-size: 0.95rem;
    box-shadow: 0 5px 12px rgba(44, 49, 54, 0.06);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.quick-add-btn:hover[b-ood69q3x8b] {
    border-color: var(--bs-primary, #0d6efd);
    color: var(--bs-primary, #0d6efd);
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 8%, white);
    transform: scale(1.06);
}

.quick-add-btn.is-filled[b-ood69q3x8b] {
    border-color: #198754;
    color: #198754;
    background: #eef8f2;
}

.quick-add-btn-image[b-ood69q3x8b] {
    width: 1.15rem;
    height: 1.15rem;
    object-fit: contain;
}

@keyframes invoice-loading-shimmer-b-ood69q3x8b {
    100% {
        transform: translateX(100%);
    }
}

.invoice-grid-footer[b-ood69q3x8b] {
    padding: 0.1rem 0;
}

.invoice-grid-footer .grid-cell-futer[b-ood69q3x8b],
.invoice-grid-footer .grid-cell-futer-summ[b-ood69q3x8b],
.invoice-grid-footer .grid-cell-futer-summ:nth-child(odd)[b-ood69q3x8b] {
    min-height: 3rem;
    padding: 0.5rem 0.65rem;
    border: 1px solid #d5e5d7;
    border-radius: 0.95rem;
    background: linear-gradient(180deg, #f8fbf9 0%, #edf4ef 100%) !important;
    box-shadow: 0 10px 20px rgba(44, 49, 54, 0.05);
    color: #33413a;
    white-space: nowrap;
}

.invoice-grid-footer .invoice-footer-spacer[b-ood69q3x8b] {
    border: none;
    background: transparent !important;
    box-shadow: none;
}

.invoice-grid-footer .invoice-footer-label[b-ood69q3x8b] {
    justify-content: flex-end;
    font-weight: 700;
}

.invoice-grid-footer .grid-cell-futer-summ[b-ood69q3x8b] {
    justify-content: flex-end;
}

.invoice-grid-footer .grid-cell-futer-summ label[b-ood69q3x8b] {
    margin: 0;
    font-weight: 700;
    font-size: 1.08rem;
    white-space: nowrap;
}

.wrap_Scrollbottom[b-ood69q3x8b] {
    width: 500px;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid #b9b9b9;
    position: relative;
}

.row-Order[b-ood69q3x8b] {
    border-color: lightgray;
    border-style: solid;
    margin-top: 1px;
    border-width: 1px 0 1px 0;
}

@media (max-width: 768px) {
    .invoice-board[b-ood69q3x8b] {
        gap: 0.65rem;
    }

    .invoice-grid-layout[b-ood69q3x8b] {
        min-width: 41rem;
        column-gap: 0.65rem;
    }

    .invoice-slot-actions[b-ood69q3x8b],
    .quick-add-toolbar[b-ood69q3x8b] {
        flex-wrap: wrap;
    }

    .invoice-image-hover-preview[b-ood69q3x8b] {
        width: min(calc(100% * 3), 16rem);
        min-width: 8.5rem;
        min-height: 8.5rem;
        left: calc(100% + 0.55rem);
    }

    .invoice-item-tooltip[b-ood69q3x8b] {
        width: min(18rem, 80vw);
    }

    .invoice-item-tooltip-row[b-ood69q3x8b] {
        grid-template-columns: 1fr;
        gap: 0.15rem;
    }
}

@media print {
    .invoice-board[b-ood69q3x8b] {
        gap: 0.3rem;
        overflow: visible;
        padding: 0;
    }

    .invoice-grid-layout[b-ood69q3x8b] {
        grid-template-columns: var(--invoice-grid-columns-print);
        min-width: 0;
        column-gap: 0.2rem;
    }

    .invoice-grid-header[b-ood69q3x8b],
    .invoice-card[b-ood69q3x8b],
    .invoice-grid-footer .grid-cell-futer[b-ood69q3x8b],
    .invoice-grid-footer .grid-cell-futer-summ[b-ood69q3x8b],
    .invoice-grid-footer .grid-cell-futer-summ:nth-child(odd)[b-ood69q3x8b] {
        box-shadow: none;
        border-radius: 0;
    }

    .invoice-grid-header[b-ood69q3x8b],
    .invoice-card[b-ood69q3x8b] {
        padding: 0.2rem 0.35rem;
    }

    .invoice-image-shell[b-ood69q3x8b] {
        border-radius: 0;
        box-shadow: none;
    }

    .invoice-image-hover-preview[b-ood69q3x8b],
    .invoice-item-tooltip[b-ood69q3x8b] {
        display: none !important;
    }
}

/* /Components/Shared/ProductGroupCard.razor.rz.scp.css */
.product-group-card[b-k4obghsk3f] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid #dee2e6;
    overflow: hidden;
}

.product-group-card:hover[b-k4obghsk3f] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: var(--bs-primary);
}

.card-img-wrapper[b-k4obghsk3f] {
    position: relative;
    height: var(--catalog-group-card-image-height, 180px);
    overflow: hidden;
}

.card-img-top[b-k4obghsk3f] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.product-group-card:hover .card-img-top[b-k4obghsk3f] {
    transform: scale(1.05);
}

.card-img-overlay[b-k4obghsk3f] {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
    padding: 1rem;
}

.product-group-title[b-k4obghsk3f] {
    max-width: 100%;
    white-space: normal;
    text-align: left;
    line-height: 1.2;
}

.card-body[b-k4obghsk3f] {
    padding: 0.85rem 1rem;
}

.card-text[b-k4obghsk3f] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Адаптивность */
@media (max-width: 768px) {
    .card-img-wrapper[b-k4obghsk3f] {
        height: var(--catalog-group-card-image-height-mobile, 140px);
    }

    .card-body[b-k4obghsk3f] {
        padding: 0.75rem;
    }
}

/* Специфичные стили для разных групп */
.door-entrance[b-k4obghsk3f] {
    --group-accent: #dc3545;
}

.door-interior[b-k4obghsk3f] {
    --group-accent: #198754;
}

.door-frames[b-k4obghsk3f] {
    --group-accent: #ffc107;
}

.door-trim[b-k4obghsk3f] {
    --group-accent: #0dcaf0;
}

.door-extensions[b-k4obghsk3f] {
    --group-accent: #6f42c1;
}

.door-handles[b-k4obghsk3f] {
    --group-accent: #fd7e14;
}

.door-hinges[b-k4obghsk3f] {
    --group-accent: #6c757d;
}

.door-locks[b-k4obghsk3f] {
    --group-accent: #0d6efd;
}

.sliding-systems[b-k4obghsk3f] {
    --group-accent: #20c997;
}
/* /Components/Shared/ProductGroupImage.razor.rz.scp.css */
.product-group-image[b-qouj3adbgc] {
    display: grid;
    width: 100%;
    height: 100%;
    gap: 0.25rem;
    overflow: hidden;
    background-color: #f8f9fa;
}

.product-group-image--count-2[b-qouj3adbgc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.product-group-image--count-3[b-qouj3adbgc] {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.product-group-image--count-3 .product-group-image__item:first-child[b-qouj3adbgc] {
    grid-row: 1 / span 2;
}

.product-group-image--count-4[b-qouj3adbgc] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

.product-group-image__item[b-qouj3adbgc] {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;
    object-fit: cover;
    background-color: #f8f9fa;
    transition: transform 0.3s ease;
}

.product-group-image__single[b-qouj3adbgc] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-color: #f8f9fa;
}

.product-group-image:hover .product-group-image__item[b-qouj3adbgc] {
    transform: scale(1.04);
}

@media (max-width: 768px) {
    .product-group-image[b-qouj3adbgc] {
        gap: 0.125rem;
    }
}
/* /Components/Shared/WayBillsWorkspace.razor.rz.scp.css */
.waybills-page[b-gcj3nntsvb] {
    padding: 1rem;
}

.waybills-shell[b-gcj3nntsvb] {
    display: grid;
    grid-template-columns: minmax(320px, 420px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.waybills-list-panel[b-gcj3nntsvb],
.waybills-preview-panel[b-gcj3nntsvb] {
    background: var(--bs-body-bg);
    border: 1px solid var(--bs-border-color);
    border-radius: 1rem;
    box-shadow: 0 0.5rem 1.5rem rgba(33, 37, 41, 0.08);
}

.waybills-list-panel[b-gcj3nntsvb] {
    padding: 1rem;
    max-height: calc(100vh - 7.5rem);
    overflow: auto;
}

.waybills-preview-panel[b-gcj3nntsvb] {
    position: sticky;
    top: 1rem;
    min-height: 24rem;
    padding: 1rem;
}

.waybills-panel-header[b-gcj3nntsvb] {
    margin-bottom: 1rem;
}

.waybills-search-group[b-gcj3nntsvb] {
    margin-top: 1rem;
}

.waybill-card-contact[b-gcj3nntsvb] {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.75rem;
    color: var(--bs-secondary-color);
    font-size: 0.9rem;
}

.waybill-card-contact span[b-gcj3nntsvb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.waybills-title[b-gcj3nntsvb] {
    margin: 0;
    font-size: 1.5rem;
}

.waybills-subtitle[b-gcj3nntsvb] {
    margin: 0.25rem 0 0;
    color: var(--bs-secondary-color);
}

.waybills-list[b-gcj3nntsvb] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.waybill-list-item + .waybill-list-item[b-gcj3nntsvb] {
    margin-top: 0.75rem;
}

.waybill-card[b-gcj3nntsvb] {
    display: block;
    width: 100%;
    color: var(--bs-body-color) !important;
    font: inherit;
    line-height: 1.4;
    cursor: pointer;
    appearance: none;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.9rem;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    padding: 1rem 1rem 0.95rem;
    text-align: left;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
}

.waybill-card:focus-visible[b-gcj3nntsvb] {
    outline: 2px solid rgba(13, 110, 253, 0.45);
    outline-offset: 2px;
}

.waybill-card:hover[b-gcj3nntsvb],
.waybill-card.selected[b-gcj3nntsvb] {
    border-color: var(--bs-primary);
    background: linear-gradient(180deg, #ffffff, #f3f8ff) !important;
    box-shadow: 0 0.75rem 1.5rem rgba(13, 110, 253, 0.12);
    transform: translateY(-1px);
}

.waybill-card-top[b-gcj3nntsvb],
.waybill-card-meta[b-gcj3nntsvb],
.waybill-card-total[b-gcj3nntsvb],
.waybill-preview-header[b-gcj3nntsvb],
.waybill-preview-item-row[b-gcj3nntsvb],
.waybill-preview-summary[b-gcj3nntsvb] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.waybill-card-meta[b-gcj3nntsvb],
.waybill-preview-item-meta[b-gcj3nntsvb],
.waybill-preview-header p[b-gcj3nntsvb],
.waybill-preview-label[b-gcj3nntsvb],
.waybill-preview-empty[b-gcj3nntsvb] {
    color: var(--bs-secondary-color);
}

.waybill-card-top[b-gcj3nntsvb] {
    align-items: center;
}

.waybill-card-meta[b-gcj3nntsvb],
.waybill-card-total[b-gcj3nntsvb] {
    margin-top: 0.75rem;
    font-size: 0.95rem;
}

.waybill-card-total[b-gcj3nntsvb] {
    align-items: center;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(108, 117, 125, 0.18);
}

.waybill-number-caption[b-gcj3nntsvb] {
    margin-right: 0.35rem;
    color: var(--bs-secondary-color);
}

.waybill-number[b-gcj3nntsvb] {
    font-weight: 700;
    font-size: 1.1rem;
}

.waybill-status[b-gcj3nntsvb] {
    white-space: nowrap;
    font-size: 0.875rem;
    padding: 0.3rem 0.65rem;
    border-radius: 999px;
    background: rgba(13, 110, 253, 0.12);
    color: #0d6efd;
}

.waybill-preview-card[b-gcj3nntsvb] {
    display: grid;
    gap: 1rem;
}

.waybill-preview-actions[b-gcj3nntsvb] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 1rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.waybill-preview-actions-title[b-gcj3nntsvb] {
    font-size: 1.1rem;
    font-weight: 600;
}

.waybill-preview-actions-status[b-gcj3nntsvb] {
    margin-top: 0.25rem;
    color: var(--bs-secondary-color);
}

.waybill-preview-header[b-gcj3nntsvb] {
    align-items: start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.waybill-preview-header h3[b-gcj3nntsvb] {
    margin: 0;
    font-size: 1.35rem;
}

.waybill-preview-header p[b-gcj3nntsvb] {
    margin: 0.25rem 0 0;
}

.waybill-preview-grid[b-gcj3nntsvb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.waybill-preview-grid > div[b-gcj3nntsvb] {
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: rgba(248, 249, 250, 0.9);
}

.waybill-preview-label[b-gcj3nntsvb] {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.waybill-preview-items[b-gcj3nntsvb] {
    display: grid;
    gap: 0.75rem;
}

.waybill-preview-item-row[b-gcj3nntsvb] {
    align-items: start;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--bs-border-color);
}

.waybill-preview-summary[b-gcj3nntsvb] {
    align-items: center;
    padding-top: 0.5rem;
    font-size: 1.1rem;
    border-top: 1px solid var(--bs-border-color);
}

.waybill-order-control-host[b-gcj3nntsvb] {
    padding-top: 0.5rem;
}

.waybill-order-control-host :deep(#printable-form h4)[b-gcj3nntsvb] {
    margin: 0 0 1rem;
    font-size: 1.85rem;
    font-weight: 500;
    color: #2c3136;
}

.waybill-order-control-host :deep(.quick-add-toolbar)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.invoice-slot-actions)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.button-icon)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.noPrint button)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.noPrint i.bi-trash)[b-gcj3nntsvb] {
    display: none !important;
}

.waybill-order-control-host :deep(.grid-photo-Name-PriceTwo)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.grid-photo-Name-PriceOne)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.grid-Name-PriceTwo)[b-gcj3nntsvb],
.waybill-order-control-host :deep(.grid-Name-PriceOne)[b-gcj3nntsvb] {
    margin-top: 0;
}

.waybill-mobile-preview[b-gcj3nntsvb] {
    display: none;
}

.waybill-preview-empty[b-gcj3nntsvb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 12rem;
    padding: 1rem;
    text-align: center;
}

.placeholder-card[b-gcj3nntsvb] {
    min-height: 6rem;
}

@media (max-width: 991.98px) {
    .waybills-shell[b-gcj3nntsvb] {
        grid-template-columns: 1fr;
    }

    .waybills-list-panel[b-gcj3nntsvb] {
        max-height: none;
        overflow: visible;
    }

    .waybill-card-contact span[b-gcj3nntsvb] {
        white-space: normal;
    }

    .waybills-preview-panel[b-gcj3nntsvb] {
        display: none;
    }

    .waybill-mobile-preview[b-gcj3nntsvb] {
        display: block;
        margin-top: 0.75rem;
    }

    .waybill-preview-grid[b-gcj3nntsvb] {
        grid-template-columns: 1fr;
    }

    .waybill-preview-actions[b-gcj3nntsvb] {
        flex-direction: column;
        align-items: stretch;
    }

    .waybill-order-control-host[b-gcj3nntsvb] {
        display: none;
    }
}