@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Components/GridLayouts/GridLayoutManagerDialog.razor.rz.scp.css */
.layout-manager[b-5a1pwvnx3m] {
    display: grid;
    gap: var(--ziony-space-3);
}

.layout-manager[b-5a1pwvnx3m]  .layout-manager-grid {
    width: 100%;
    max-height: min(340px, 40dvh);
}

.layout-manager-actions[b-5a1pwvnx3m] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.layout-manager-state[b-5a1pwvnx3m],
.layout-manager-message[b-5a1pwvnx3m] {
    margin: 0;
}
/* /Components/GridLayouts/GridLayoutToolbar.razor.rz.scp.css */
.layout-menu[b-s1qwpp5e48] {
    display: grid;
    gap: 0.5rem;
}
/* /Components/GridTools/GridExportToolbar.razor.rz.scp.css */
.export-menu[b-abmtrmb8cc] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
/* /Components/GridTools/GridToolbarLayout.razor.rz.scp.css */
.ziony-grid-toolbar-layout[b-awamb7otsw] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    width: 100%;
}

.ziony-grid-toolbar-layout__business[b-awamb7otsw],
.ziony-grid-toolbar-layout__utilities[b-awamb7otsw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.ziony-grid-toolbar-layout__utilities[b-awamb7otsw] {
    justify-content: flex-end;
    margin-left: auto;
}

@media (max-width: 760px) {
    .ziony-grid-toolbar-layout[b-awamb7otsw] {
        align-items: stretch;
        flex-direction: column;
    }

    .ziony-grid-toolbar-layout__business[b-awamb7otsw],
    .ziony-grid-toolbar-layout__utilities[b-awamb7otsw] {
        justify-content: flex-start;
        margin-left: 0;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.public-login-shell[b-b13tbt26cd] {
    min-height: 100vh;
    min-height: 100dvh;
}

.page[b-b13tbt26cd] {
    background: var(--ziony-color-canvas);
    color: var(--ziony-color-text);
    min-height: 100vh;
    min-height: 100dvh;
}

.main-shell[b-b13tbt26cd] {
    display: flex;
    flex-direction: column;
    margin-left: var(--ziony-sidebar-width);
    min-height: 100vh;
    min-height: 100dvh;
    min-width: 0;
    transition: margin-left var(--ziony-motion-base) var(--ziony-ease-out);
}

.sidebar[b-b13tbt26cd] {
    color: var(--ziony-color-sidebar-text);
    height: 100vh;
    height: 100dvh;
    inset: 0 auto 0 0;
    position: fixed;
    transition: width var(--ziony-motion-base) var(--ziony-ease-out);
    width: var(--ziony-sidebar-width);
    z-index: 40;
}

.page.sidebar-collapsed .sidebar[b-b13tbt26cd] {
    width: var(--ziony-sidebar-collapsed-width);
}

.page.sidebar-collapsed .main-shell[b-b13tbt26cd] {
    margin-left: var(--ziony-sidebar-collapsed-width);
}

.top-row[b-b13tbt26cd] {
    align-items: center;
    backdrop-filter: blur(14px);
    background: rgba(255, 255, 255, 0.92);
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    min-height: var(--ziony-topbar-height);
    padding: 0 var(--ziony-space-8);
    position: sticky;
    top: 0;
    z-index: 30;
}

.mobile-menu-trigger[b-b13tbt26cd],
.mobile-menu-close[b-b13tbt26cd] {
    align-items: center;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    height: 2.35rem;
    justify-content: center;
    padding: 0;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 2.35rem;
}

.mobile-menu-trigger img[b-b13tbt26cd],
.mobile-menu-close img[b-b13tbt26cd] {
    height: 1.25rem;
    width: 1.25rem;
}

.mobile-menu-trigger:hover[b-b13tbt26cd],
.mobile-menu-close:hover[b-b13tbt26cd] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
}

.mobile-menu-trigger:focus-visible[b-b13tbt26cd],
.mobile-menu-close:focus-visible[b-b13tbt26cd] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.mobile-navigation-layer[b-b13tbt26cd] {
    display: none;
}

.workspace-heading[b-b13tbt26cd] {
    min-width: 0;
}

.app-kicker[b-b13tbt26cd] {
    color: var(--ziony-color-app-kicker);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-title[b-b13tbt26cd] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 0.18rem;
}

.content[b-b13tbt26cd] {
    flex: 1;
    min-width: 0;
    overflow-x: auto;
    padding: var(--ziony-space-8);
}

.app-status[b-b13tbt26cd] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.78rem;
    gap: 0.4rem 0.5rem;
    justify-content: flex-end;
    padding: 0.55rem 2rem;
}

.app-status-separator[b-b13tbt26cd] {
    opacity: 0.55;
}

.app-status-build[b-b13tbt26cd] {
    cursor: help;
}

@media (max-width: 760px) {
    .sidebar[b-b13tbt26cd],
    .page.sidebar-collapsed .sidebar[b-b13tbt26cd] {
        width: var(--ziony-sidebar-collapsed-width);
    }

    .main-shell[b-b13tbt26cd],
    .page.sidebar-collapsed .main-shell[b-b13tbt26cd] {
        margin-left: var(--ziony-sidebar-collapsed-width);
    }

    .top-row[b-b13tbt26cd] {
        padding: 0 var(--ziony-space-5);
    }

    .mobile-menu-trigger[b-b13tbt26cd] {
        display: inline-flex;
    }

    .mobile-navigation-layer[b-b13tbt26cd] {
        display: block;
        inset: 0;
        position: fixed;
        z-index: 90;
    }

    .mobile-navigation-backdrop[b-b13tbt26cd] {
        animation: mobile-navigation-backdrop-in-b-b13tbt26cd var(--ziony-motion-base) var(--ziony-ease-out);
        background: rgba(3, 17, 39, 0.52);
        border: 0;
        cursor: default;
        inset: 0;
        padding: 0;
        position: fixed;
        width: 100%;
    }

    .mobile-navigation-overlay[b-b13tbt26cd] {
        animation: mobile-navigation-overlay-in-b-b13tbt26cd var(--ziony-motion-base) var(--ziony-ease-out);
        box-shadow: 18px 0 42px rgba(3, 25, 62, 0.28);
        height: 100vh;
        height: 100dvh;
        inset: 0 auto 0 0;
        max-width: calc(100vw - var(--ziony-space-4));
        position: fixed;
        width: var(--ziony-sidebar-width);
        z-index: 1;
    }

    .mobile-menu-close[b-b13tbt26cd] {
        background: rgba(8, 44, 96, 0.9);
        border-color: rgba(255, 255, 255, 0.25);
        color: #ffffff;
        display: inline-flex;
        position: absolute;
        right: var(--ziony-space-4);
        top: calc((var(--ziony-topbar-height) - 2.35rem) / 2);
        z-index: 2;
    }

    .mobile-menu-close img[b-b13tbt26cd] {
        filter: brightness(0) invert(1);
    }

    .content[b-b13tbt26cd] {
        padding: var(--ziony-space-5);
    }

    .app-status[b-b13tbt26cd] {
        justify-content: flex-start;
        padding: 0.55rem 1rem;
    }
}

@media (max-width: 520px) {
    .sidebar[b-b13tbt26cd],
    .page.sidebar-collapsed .sidebar[b-b13tbt26cd] {
        width: var(--ziony-sidebar-mobile-compact-width);
    }

    .main-shell[b-b13tbt26cd],
    .page.sidebar-collapsed .main-shell[b-b13tbt26cd] {
        margin-left: var(--ziony-sidebar-mobile-compact-width);
    }

    .top-row[b-b13tbt26cd] {
        padding: 0 var(--ziony-space-4);
    }

    .content[b-b13tbt26cd] {
        padding: var(--ziony-space-4);
    }
}

@keyframes mobile-navigation-backdrop-in-b-b13tbt26cd {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mobile-navigation-overlay-in-b-b13tbt26cd {
    from {
        transform: translateX(-1.5rem);
    }

    to {
        transform: translateX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mobile-navigation-backdrop[b-b13tbt26cd],
    .mobile-navigation-overlay[b-b13tbt26cd] {
        animation: none;
        transition: none;
    }
}

#blazor-error-ui[b-b13tbt26cd] {
    background: #fff8d7;
    border-top: 1px solid #e0cf80;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.16);
    box-sizing: border-box;
    color: var(--ziony-color-text);
    display: none;
    left: 0;
    padding: 0.75rem 3rem 0.75rem 1rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-b13tbt26cd] {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: 0.75rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navigation-shell[b-siydf4u1v5] {
    background:
        radial-gradient(circle at 18% 6%, rgba(20, 99, 255, 0.35), transparent 28%),
        linear-gradient(180deg, var(--ziony-color-sidebar-start) 0%, var(--ziony-color-sidebar-middle) 52%, var(--ziony-color-sidebar-end) 100%);
    box-shadow: 8px 0 28px rgba(3, 25, 62, 0.16);
    color: var(--ziony-color-sidebar-text);
    display: flex;
    flex-direction: column;
    height: 100%;
    isolation: isolate;
    overflow: visible;
    position: relative;
}

.brand-header[b-siydf4u1v5] {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    flex: 0 0 var(--ziony-topbar-height);
    gap: var(--ziony-space-3);
    justify-content: space-between;
    padding: 0 var(--ziony-space-4);
}

.brand-link[b-siydf4u1v5] {
    align-items: center;
    color: #ffffff;
    display: flex;
    gap: 0.72rem;
    min-width: 0;
    text-decoration: none;
}

.brand-mark[b-siydf4u1v5] {
    align-items: center;
    background: linear-gradient(145deg, rgba(29, 124, 255, 0.92), rgba(13, 71, 163, 0.56));
    border-radius: 0.7rem;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.16),
        0 8px 22px rgba(0, 85, 220, 0.3);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.55rem;
    justify-content: center;
    width: 2.55rem;
}

.brand-mark img[b-siydf4u1v5] {
    display: block;
    filter: brightness(0) invert(1);
    height: 2rem;
    mix-blend-mode: screen;
    object-fit: contain;
    width: 2rem;
}

.brand-copy[b-siydf4u1v5] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    min-width: 0;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        width var(--ziony-motion-base) var(--ziony-ease-out);
}

.brand-copy strong[b-siydf4u1v5] {
    color: #ffffff;
    font-size: 1.18rem;
    font-weight: 700;
}

.brand-copy span[b-siydf4u1v5] {
    color: var(--ziony-color-sidebar-muted);
    font-size: 0.72rem;
    margin-top: 0.22rem;
}

.collapse-button[b-siydf4u1v5] {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: var(--ziony-radius-sm);
    color: #dceaff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    height: 2rem;
    justify-content: center;
    padding: 0;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 2rem;
}

.collapse-button:hover[b-siydf4u1v5] {
    background: rgba(20, 99, 255, 0.35);
    border-color: rgba(255, 255, 255, 0.32);
    transform: translateY(-1px);
}

/* Focus ring. Split by element kind on purpose: .collapse-button,
   .profile-trigger and the .nav-parent buttons are authored here, so they
   carry this component's scope attribute and match directly. .nav-link and
   .profile-menu-item are also placed on <NavLink> components, whose rendered
   <a> carries NavLink's scope instead of ours — those need ::deep, the same
   way `.nav-list ::deep .nav-link` and `.profile-popover ::deep
   .profile-menu-item` already do below. */
.collapse-button:focus-visible[b-siydf4u1v5],
.profile-trigger:focus-visible[b-siydf4u1v5],
.nav-parent:focus-visible[b-siydf4u1v5],
.profile-menu-item:focus-visible[b-siydf4u1v5] {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
    outline: none;
}

.navigation-body[b-siydf4u1v5] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-x: visible;
    overflow-y: auto;
    padding: var(--ziony-space-4) var(--ziony-space-3) var(--ziony-space-3);
    scrollbar-color: rgba(255, 255, 255, 0.2) transparent;
    scrollbar-width: thin;
}

.nav-section-label[b-siydf4u1v5] {
    color: #89a6ce;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    margin: 0 var(--ziony-space-3) var(--ziony-space-2);
    overflow: hidden;
    text-transform: uppercase;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        height var(--ziony-motion-base) var(--ziony-ease-out);
    white-space: nowrap;
}

.nav-list[b-siydf4u1v5] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.nav-list[b-siydf4u1v5]  .nav-link,
.nav-parent[b-siydf4u1v5] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.72rem;
    box-sizing: border-box;
    color: var(--ziony-color-sidebar-text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 500;
    gap: 0.78rem;
    min-height: 2.62rem;
    padding: 0.62rem 0.72rem;
    position: relative;
    text-align: left;
    text-decoration: none;
    transform-origin: left center;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]::after,
.nav-parent[data-tooltip][b-siydf4u1v5]::after {
    background: #061b3c;
    border: 1px solid rgba(158, 194, 247, 0.3);
    border-radius: var(--ziony-radius-sm);
    box-shadow: var(--ziony-shadow-md);
    color: #ffffff;
    content: attr(data-tooltip);
    display: none;
    font-size: 0.76rem;
    font-weight: 600;
    left: calc(100% + 0.55rem);
    line-height: 1.2;
    opacity: 0;
    padding: 0.48rem 0.62rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity var(--ziony-motion-fast) var(--ziony-ease-out);
    white-space: nowrap;
    z-index: 85;
}

.is-collapsed .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]::after,
.is-collapsed .nav-parent[data-tooltip][b-siydf4u1v5]::after {
    display: block;
}

.is-collapsed .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]:hover::after,
.is-collapsed .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]:focus-visible::after,
.is-collapsed .nav-parent[data-tooltip]:hover[b-siydf4u1v5]::after,
.is-collapsed .nav-parent[data-tooltip]:focus-visible[b-siydf4u1v5]::after {
    opacity: 1;
}

.nav-list[b-siydf4u1v5]  .nav-link:hover,
.nav-parent:hover[b-siydf4u1v5] {
    background: rgba(20, 99, 255, 0.18);
    border-color: rgba(139, 184, 255, 0.2);
    color: #ffffff;
    transform: translateX(5px) scale(1.015);
}

.nav-list[b-siydf4u1v5]  a.nav-link.active {
    background: linear-gradient(135deg, #1463ff 0%, #0f73ff 100%);
    border-color: rgba(142, 190, 255, 0.55);
    box-shadow:
        0 8px 18px rgba(0, 56, 165, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-weight: 600;
}

.nav-list[b-siydf4u1v5]  a.nav-link:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
    outline: none;
}

.nav-label[b-siydf4u1v5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        width var(--ziony-motion-base) var(--ziony-ease-out);
    white-space: nowrap;
}

.nav-chevron[b-siydf4u1v5],
.profile-chevron[b-siydf4u1v5] {
    margin-left: auto;
    transform: rotate(-90deg);
    transition: transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.nav-chevron.is-open[b-siydf4u1v5],
.profile-chevron.is-open[b-siydf4u1v5] {
    transform: rotate(0);
}

.nav-children[b-siydf4u1v5] {
    border-left: 1px solid rgba(146, 184, 234, 0.2);
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    margin: 0.16rem 0 0.2rem 1.22rem;
    padding-left: 0.62rem;
}

.nav-list[b-siydf4u1v5]  .nav-child {
    color: #c6daf8;
    font-size: 0.82rem;
    min-height: 2.3rem;
    padding-block: 0.48rem;
}

.nav-list[b-siydf4u1v5]  .nav-child .shell-icon {
    height: 1rem;
    width: 1rem;
}

.shell-icon[b-siydf4u1v5] {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.22rem;
    mask-image: var(--icon-url);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.22rem;
}

.icon-home[b-siydf4u1v5] { --icon-url: url("/icons/tabler/home.svg"); }
.icon-clipboard-list[b-siydf4u1v5] { --icon-url: url("/icons/tabler/clipboard-list.svg"); }
.icon-package[b-siydf4u1v5] { --icon-url: url("/icons/tabler/package.svg"); }
.icon-tools[b-siydf4u1v5] { --icon-url: url("/icons/tabler/tools.svg"); }
.icon-list-details[b-siydf4u1v5] { --icon-url: url("/icons/tabler/list-details.svg"); }
.icon-chart-bar[b-siydf4u1v5] { --icon-url: url("/icons/tabler/chart-bar.svg"); }
.icon-currency-euro[b-siydf4u1v5] { --icon-url: url("/icons/tabler/currency-euro.svg"); }
.icon-percentage[b-siydf4u1v5] { --icon-url: url("/icons/tabler/percentage.svg"); }
.icon-book[b-siydf4u1v5] { --icon-url: url("/icons/tabler/book-2.svg"); }
.icon-barcode[b-siydf4u1v5] { --icon-url: url("/icons/tabler/barcode.svg"); }
.icon-building-warehouse[b-siydf4u1v5] { --icon-url: url("/icons/tabler/building-warehouse.svg"); }
.icon-calendar[b-siydf4u1v5] { --icon-url: url("/icons/tabler/calendar.svg"); }
.icon-chart-histogram[b-siydf4u1v5] { --icon-url: url("/icons/tabler/chart-histogram.svg"); }
.icon-presentation[b-siydf4u1v5] { --icon-url: url("/icons/tabler/presentation-analytics.svg"); }
.icon-arrow-up-right[b-siydf4u1v5] { --icon-url: url("/icons/tabler/arrow-up-right.svg"); }
.icon-search[b-siydf4u1v5] { --icon-url: url("/icons/tabler/search.svg"); }
.icon-heart-rate[b-siydf4u1v5] { --icon-url: url("/icons/tabler/heart-rate-monitor.svg"); }
.icon-clock[b-siydf4u1v5] { --icon-url: url("/icons/tabler/clock.svg"); }
.icon-camera[b-siydf4u1v5] { --icon-url: url("/icons/tabler/camera.svg"); }
.icon-shield-check[b-siydf4u1v5] { --icon-url: url("/icons/tabler/shield-check.svg"); }
.icon-chevrons-left[b-siydf4u1v5] { --icon-url: url("/icons/tabler/chevrons-left.svg"); }
.icon-chevrons-right[b-siydf4u1v5] { --icon-url: url("/icons/tabler/chevrons-right.svg"); }
.icon-chevron-down[b-siydf4u1v5] { --icon-url: url("/icons/tabler/chevron-down.svg"); }
.icon-settings[b-siydf4u1v5] { --icon-url: url("/icons/tabler/settings.svg"); }
.icon-logout[b-siydf4u1v5] { --icon-url: url("/icons/tabler/logout.svg"); }
.icon-login[b-siydf4u1v5] { --icon-url: url("/icons/tabler/login-2.svg"); }

.profile-shell[b-siydf4u1v5] {
    flex: 0 0 auto;
    padding: 0 var(--ziony-space-3) var(--ziony-space-3);
    position: relative;
}

.profile-trigger[b-siydf4u1v5] {
    align-items: center;
    background: rgba(3, 22, 51, 0.48);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--ziony-radius-md);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    gap: 0.68rem;
    min-height: 3.55rem;
    padding: 0.5rem 0.62rem;
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.profile-trigger:hover[b-siydf4u1v5] {
    background: rgba(20, 99, 255, 0.24);
    border-color: rgba(151, 192, 255, 0.32);
    transform: translateY(-1px);
}

.profile-avatar[b-siydf4u1v5] {
    align-items: center;
    background: linear-gradient(145deg, #2382ff, #0a54e6);
    border: 2px solid rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    box-shadow: 0 6px 16px rgba(0, 40, 118, 0.3);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    font-weight: 700;
    height: 2.2rem;
    justify-content: center;
    width: 2.2rem;
}

.profile-avatar-small[b-siydf4u1v5] {
    border-width: 1px;
    box-shadow: none;
    height: 1.85rem;
    width: 1.85rem;
}

.profile-copy[b-siydf4u1v5] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.profile-copy strong[b-siydf4u1v5] {
    font-size: 0.78rem;
}

.profile-copy span[b-siydf4u1v5] {
    color: var(--ziony-color-sidebar-muted);
    font-size: 0.68rem;
    margin-top: 0.14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-popover[b-siydf4u1v5] {
    animation: profile-popover-in-b-siydf4u1v5 var(--ziony-motion-fast) var(--ziony-ease-out) both;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    bottom: calc(100% + 0.38rem);
    box-shadow: var(--ziony-shadow-lg);
    color: var(--ziony-color-text);
    left: var(--ziony-space-3);
    min-width: 13rem;
    overflow: visible;
    padding: var(--ziony-space-2);
    position: absolute;
    transform-origin: bottom left;
    width: calc(100% - (2 * var(--ziony-space-3)));
    z-index: 70;
}

.profile-popover[b-siydf4u1v5]::after {
    background: transparent;
    bottom: -0.5rem;
    content: "";
    height: 0.5rem;
    left: 0;
    pointer-events: auto;
    position: absolute;
    right: 0;
}

.profile-shell.is-closing .profile-popover[b-siydf4u1v5] {
    animation: profile-popover-out-b-siydf4u1v5 var(--ziony-motion-fast) var(--ziony-ease-out) both;
}

.profile-identity[b-siydf4u1v5] {
    align-items: center;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-2);
    margin-bottom: var(--ziony-space-1);
    padding: var(--ziony-space-2);
}

.profile-email[b-siydf4u1v5] {
    color: var(--ziony-color-text-muted);
    font-size: 0.74rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-popover[b-siydf4u1v5]  .profile-menu-item,
.profile-menu-item[b-siydf4u1v5] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.8rem;
    gap: var(--ziony-space-2);
    padding: 0.58rem var(--ziony-space-2);
    text-decoration: none;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.profile-popover[b-siydf4u1v5]  .profile-menu-item:hover,
.profile-menu-item:hover[b-siydf4u1v5] {
    background: var(--ziony-color-primary-soft);
    color: var(--ziony-color-primary-strong);
}

.profile-popover[b-siydf4u1v5]  a.profile-menu-item:focus-visible {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
    outline: none;
}

.profile-logout[b-siydf4u1v5] {
    margin: 0;
}

.is-collapsed .brand-header[b-siydf4u1v5] {
    justify-content: center;
    padding-inline: 0;
}

.is-collapsed .brand-link[b-siydf4u1v5] {
    justify-content: center;
}

.is-collapsed .brand-mark[b-siydf4u1v5] {
    height: 2.45rem;
    width: 2.45rem;
}

.is-collapsed .brand-copy[b-siydf4u1v5],
.is-collapsed .nav-section-label[b-siydf4u1v5],
.is-collapsed .nav-label[b-siydf4u1v5],
.is-collapsed .nav-chevron[b-siydf4u1v5],
.is-collapsed .profile-copy[b-siydf4u1v5],
.is-collapsed .profile-chevron[b-siydf4u1v5] {
    display: none;
}

.is-collapsed .collapse-button[b-siydf4u1v5] {
    background: #0d4f9f;
    box-shadow: 0 5px 14px rgba(0, 35, 92, 0.35);
    height: 1.75rem;
    position: absolute;
    right: -0.72rem;
    top: 1.25rem;
    width: 1.75rem;
    z-index: 5;
}

.is-collapsed .collapse-button:focus-visible[b-siydf4u1v5] {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
    outline: none;
}

.is-collapsed .navigation-body[b-siydf4u1v5] {
    overflow: visible;
    padding-inline: 0.55rem;
}

.is-collapsed .nav-list[b-siydf4u1v5]  .nav-link,
.is-collapsed .nav-parent[b-siydf4u1v5] {
    gap: 0;
    justify-content: center;
    padding-inline: 0;
}

.is-collapsed .nav-children[b-siydf4u1v5] {
    display: none;
}

.is-collapsed .profile-shell[b-siydf4u1v5] {
    padding-inline: 0.55rem;
}

.is-collapsed .profile-trigger[b-siydf4u1v5] {
    justify-content: center;
    padding-inline: 0;
}

.is-collapsed .profile-popover[b-siydf4u1v5] {
    bottom: 0;
    left: calc(100% + 0.45rem);
    transform-origin: bottom left;
    width: 15rem;
}

.is-collapsed .profile-popover[b-siydf4u1v5]::after {
    bottom: 0;
    height: auto;
    left: -0.55rem;
    right: auto;
    top: 0;
    width: 0.55rem;
}

@media (max-width: 760px) {
    .brand-header[b-siydf4u1v5] {
        justify-content: center;
        padding-inline: 0;
    }

    .brand-link[b-siydf4u1v5] {
        justify-content: center;
    }

    .brand-mark[b-siydf4u1v5] {
        height: 2.45rem;
        width: 2.45rem;
    }

    .brand-copy[b-siydf4u1v5],
    .collapse-button[b-siydf4u1v5],
    .nav-section-label[b-siydf4u1v5],
    .nav-label[b-siydf4u1v5],
    .nav-chevron[b-siydf4u1v5],
    .profile-copy[b-siydf4u1v5],
    .profile-chevron[b-siydf4u1v5] {
        display: none;
    }

    .navigation-body[b-siydf4u1v5] {
        overflow: visible;
        padding-inline: 0.55rem;
    }

    .nav-list[b-siydf4u1v5]  .nav-link,
    .nav-parent[b-siydf4u1v5] {
        gap: 0;
        justify-content: center;
        padding-inline: 0;
    }

    .nav-children[b-siydf4u1v5] {
        display: none;
    }

    .profile-shell[b-siydf4u1v5] {
        padding-inline: 0.55rem;
    }

    .profile-trigger[b-siydf4u1v5] {
        justify-content: center;
        padding-inline: 0;
    }

    .profile-popover[b-siydf4u1v5] {
        bottom: 0;
        left: calc(100% + 0.45rem);
        transform-origin: bottom left;
        width: 15rem;
    }

    .profile-popover[b-siydf4u1v5]::after {
        bottom: 0;
        height: auto;
        left: -0.55rem;
        right: auto;
        top: 0;
        width: 0.55rem;
    }

    .navigation-shell:not(.is-mobile-overlay) .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]::after,
    .navigation-shell:not(.is-mobile-overlay) .nav-parent[data-tooltip][b-siydf4u1v5]::after {
        display: block;
    }

    .navigation-shell:not(.is-mobile-overlay) .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]:hover::after,
    .navigation-shell:not(.is-mobile-overlay) .nav-list[b-siydf4u1v5]  .nav-link[data-tooltip]:focus-visible::after,
    .navigation-shell:not(.is-mobile-overlay) .nav-parent[data-tooltip]:hover[b-siydf4u1v5]::after,
    .navigation-shell:not(.is-mobile-overlay) .nav-parent[data-tooltip]:focus-visible[b-siydf4u1v5]::after {
        opacity: 1;
    }

    .navigation-shell.is-mobile-overlay .brand-header[b-siydf4u1v5] {
        justify-content: flex-start;
        padding-inline: var(--ziony-space-4);
    }

    .navigation-shell.is-mobile-overlay .brand-link[b-siydf4u1v5] {
        justify-content: flex-start;
    }

    .navigation-shell.is-mobile-overlay .brand-copy[b-siydf4u1v5] {
        display: flex;
    }

    .navigation-shell.is-mobile-overlay .nav-section-label[b-siydf4u1v5] {
        display: block;
    }

    .navigation-shell.is-mobile-overlay .nav-label[b-siydf4u1v5] {
        display: inline;
    }

    .navigation-shell.is-mobile-overlay .nav-chevron[b-siydf4u1v5],
    .navigation-shell.is-mobile-overlay .profile-chevron[b-siydf4u1v5] {
        display: inline-block;
    }

    .navigation-shell.is-mobile-overlay .navigation-body[b-siydf4u1v5] {
        overflow-x: visible;
        overflow-y: auto;
        padding: var(--ziony-space-4) var(--ziony-space-3) var(--ziony-space-3);
    }

    .navigation-shell.is-mobile-overlay .nav-list[b-siydf4u1v5]  .nav-link,
    .navigation-shell.is-mobile-overlay .nav-parent[b-siydf4u1v5] {
        gap: 0.78rem;
        justify-content: flex-start;
        padding: 0.62rem 0.72rem;
    }

    .navigation-shell.is-mobile-overlay .nav-children[b-siydf4u1v5] {
        display: flex;
    }

    .navigation-shell.is-mobile-overlay .profile-shell[b-siydf4u1v5] {
        padding-inline: var(--ziony-space-3);
    }

    .navigation-shell.is-mobile-overlay .profile-trigger[b-siydf4u1v5] {
        justify-content: flex-start;
        padding: 0.5rem 0.62rem;
    }

    .navigation-shell.is-mobile-overlay .profile-copy[b-siydf4u1v5] {
        display: flex;
    }

    .navigation-shell.is-mobile-overlay .profile-popover[b-siydf4u1v5] {
        bottom: calc(100% + 0.38rem);
        left: var(--ziony-space-3);
        width: calc(100% - (2 * var(--ziony-space-3)));
    }

    .navigation-shell.is-mobile-overlay .profile-popover[b-siydf4u1v5]::after {
        bottom: -0.5rem;
        height: 0.5rem;
        left: 0;
        right: 0;
        top: auto;
        width: auto;
    }
}

@media (max-width: 520px) {
    .navigation-body[b-siydf4u1v5] {
        padding-inline: 0.42rem;
    }

    .profile-shell[b-siydf4u1v5] {
        padding-inline: 0.42rem;
    }

    .brand-mark[b-siydf4u1v5] {
        height: 2.25rem;
        width: 2.25rem;
    }

    .brand-mark img[b-siydf4u1v5] {
        height: 1.75rem;
        width: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .collapse-button:hover[b-siydf4u1v5],
    .nav-list[b-siydf4u1v5]  .nav-link:hover,
    .nav-parent:hover[b-siydf4u1v5],
    .profile-trigger:hover[b-siydf4u1v5] {
        transform: none;
    }

    .nav-chevron[b-siydf4u1v5],
    .profile-chevron[b-siydf4u1v5] {
        transition: none;
    }

    .profile-popover[b-siydf4u1v5],
    .profile-shell.is-closing .profile-popover[b-siydf4u1v5] {
        animation: none;
    }
}

@keyframes profile-popover-in-b-siydf4u1v5 {
    from {
        opacity: 0;
        transform: translateY(0.45rem) scale(0.975);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes profile-popover-out-b-siydf4u1v5 {
    from {
        opacity: 1;
        transform: translateY(0) scale(1);
    }

    to {
        opacity: 0;
        transform: translateY(0.3rem) scale(0.985);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-l74gy5dfmy],
.components-reconnect-repeated-attempt-visible[b-l74gy5dfmy],
.components-reconnect-failed-visible[b-l74gy5dfmy],
.components-pause-visible[b-l74gy5dfmy],
.components-resume-failed-visible[b-l74gy5dfmy],
.components-rejoining-animation[b-l74gy5dfmy] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-l74gy5dfmy {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Organisations/OrganisationSwitcher.razor.rz.scp.css */
.organisation-switcher[b-wgqicdaq1m] {
    min-width: 0;
}

.sidebar-switcher[b-wgqicdaq1m] {
    flex: 0 0 auto;
    margin-bottom: var(--ziony-space-4);
}

.sidebar-card[b-wgqicdaq1m] {
    align-items: center;
    background: rgba(10, 48, 101, 0.72);
    border: 1px solid rgba(62, 133, 255, 0.9);
    border-radius: 0.78rem;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 8px 22px rgba(0, 20, 55, 0.16);
    color: #ffffff;
    display: flex;
    min-height: 4.7rem;
    padding: 0.68rem 0.76rem;
    position: relative;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.sidebar-card.can-switch[b-wgqicdaq1m] {
    cursor: pointer;
    padding-right: 2.25rem;
}

.sidebar-card.can-switch:hover[b-wgqicdaq1m] {
    background: rgba(20, 78, 158, 0.78);
    border-color: rgba(112, 166, 255, 1);
    transform: translateY(-1px);
}

.sidebar-card:has(.sidebar-native-select:focus-visible)[b-wgqicdaq1m] {
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
}

.sidebar-copy[b-wgqicdaq1m] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.sidebar-kicker[b-wgqicdaq1m] {
    color: #a9c4e8;
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    margin-bottom: 0.28rem;
    text-transform: uppercase;
}

.sidebar-copy strong[b-wgqicdaq1m] {
    font-size: 0.83rem;
    line-height: 1.22;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-code[b-wgqicdaq1m],
.sidebar-loading-line[b-wgqicdaq1m] {
    color: #a9c4e8;
    font-size: 0.65rem;
    line-height: 1.2;
    margin-top: 0.22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-chevron[b-wgqicdaq1m] {
    color: #ffffff;
    position: absolute;
    right: 0.78rem;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-native-select[b-wgqicdaq1m] {
    cursor: pointer;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.sidebar-native-select:disabled[b-wgqicdaq1m] {
    cursor: wait;
}

.organisation-badge[b-wgqicdaq1m] {
    align-items: center;
    background: #1463ff;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 0.62rem;
    color: #ffffff;
    display: none;
    flex: 0 0 auto;
    font-size: 0.72rem;
    font-weight: 750;
    height: 2.3rem;
    justify-content: center;
    letter-spacing: 0.04em;
    width: 2.3rem;
}

.sidebar-card--error[b-wgqicdaq1m] {
    border-color: rgba(255, 183, 183, 0.55);
    gap: 0.55rem;
}

.sidebar-card--error button[b-wgqicdaq1m],
.settings-empty button[b-wgqicdaq1m] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-size: 0.68rem;
    margin-top: 0.18rem;
    padding: 0;
    text-decoration: underline;
}

.switcher-icon[b-wgqicdaq1m] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1rem;
    mask-image: var(--icon-url);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1rem;
}

.icon-chevron-down[b-wgqicdaq1m] {
    --icon-url: url("/icons/tabler/chevron-down.svg");
}

.icon-alert-triangle[b-wgqicdaq1m] {
    --icon-url: url("/icons/tabler/alert-triangle.svg");
}

.icon-loader[b-wgqicdaq1m] {
    --icon-url: url("/icons/tabler/refresh.svg");
}

.organisation-badge--loading .switcher-icon[b-wgqicdaq1m] {
    animation: switcher-spin-b-wgqicdaq1m 0.9s linear infinite;
}

.switcher-error[b-wgqicdaq1m] {
    background: rgba(104, 18, 31, 0.55);
    border: 1px solid rgba(255, 164, 174, 0.38);
    border-radius: var(--ziony-radius-sm);
    color: #ffe4e8;
    font-size: 0.65rem;
    line-height: 1.35;
    margin: 0.4rem 0 0;
    padding: 0.48rem 0.55rem;
}

.sidebar-switcher.is-collapsed .sidebar-card[b-wgqicdaq1m],
.sidebar-switcher.is-collapsed .sidebar-card.can-switch[b-wgqicdaq1m] {
    justify-content: center;
    min-height: 3.45rem;
    padding: 0.45rem;
}

.sidebar-switcher.is-collapsed .sidebar-copy[b-wgqicdaq1m],
.sidebar-switcher.is-collapsed .sidebar-chevron[b-wgqicdaq1m] {
    display: none;
}

.sidebar-switcher.is-collapsed .organisation-badge[b-wgqicdaq1m] {
    display: inline-flex;
}

.sidebar-switcher.is-collapsed .switcher-error[b-wgqicdaq1m] {
    display: none;
}

.settings-switcher label[b-wgqicdaq1m] {
    color: var(--ziony-color-text);
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 0.48rem;
}

.settings-select-shell[b-wgqicdaq1m] {
    position: relative;
}

.settings-select-shell select[b-wgqicdaq1m] {
    appearance: none;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    font: inherit;
    min-height: 3.1rem;
    padding: 0.72rem 2.65rem 0.72rem 0.9rem;
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.settings-select-shell select:hover[b-wgqicdaq1m] {
    border-color: var(--ziony-color-primary);
}

.settings-select-shell select:focus-visible[b-wgqicdaq1m] {
    border-color: var(--ziony-color-primary);
    box-shadow: 0 0 0 3px var(--ziony-color-primary-soft);
    outline: none;
}

.settings-select-shell select:disabled[b-wgqicdaq1m] {
    cursor: wait;
    opacity: 0.72;
}

.settings-select-shell .switcher-icon[b-wgqicdaq1m] {
    color: var(--ziony-color-text-muted);
    pointer-events: none;
    position: absolute;
    right: 0.9rem;
    top: 50%;
    transform: translateY(-50%);
}

.settings-readonly[b-wgqicdaq1m] {
    background: var(--ziony-color-canvas);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: flex;
    flex-direction: column;
    min-height: 3.1rem;
    padding: 0.64rem 0.9rem;
}

.settings-readonly strong[b-wgqicdaq1m] {
    color: var(--ziony-color-text);
    font-size: 0.86rem;
}

.settings-readonly span[b-wgqicdaq1m] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    margin-top: 0.12rem;
}

.settings-meta[b-wgqicdaq1m] {
    color: var(--ziony-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.7rem;
    gap: 0.45rem 1rem;
    justify-content: space-between;
    margin-top: 0.48rem;
}

.settings-meta strong[b-wgqicdaq1m] {
    color: var(--ziony-color-text);
}

.saving-status[b-wgqicdaq1m] {
    color: var(--ziony-color-primary-strong);
    font-weight: 650;
}

.settings-state[b-wgqicdaq1m] {
    color: var(--ziony-color-text-muted);
    margin: 0;
}

.settings-empty[b-wgqicdaq1m] {
    align-items: flex-start;
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-danger);
    display: flex;
    gap: var(--ziony-space-2);
    padding: var(--ziony-space-3);
}

.settings-empty strong[b-wgqicdaq1m] {
    display: block;
    font-size: 0.78rem;
}

.settings-error[b-wgqicdaq1m] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger);
    font-size: 0.72rem;
    margin-top: var(--ziony-space-3);
}

@media (max-width: 760px) {
    .sidebar-switcher:not(.is-mobile-overlay) .sidebar-card[b-wgqicdaq1m],
    .sidebar-switcher:not(.is-mobile-overlay) .sidebar-card.can-switch[b-wgqicdaq1m] {
        justify-content: center;
        min-height: 3.45rem;
        padding: 0.45rem;
    }

    .sidebar-switcher:not(.is-mobile-overlay) .sidebar-copy[b-wgqicdaq1m],
    .sidebar-switcher:not(.is-mobile-overlay) .sidebar-chevron[b-wgqicdaq1m] {
        display: none;
    }

    .sidebar-switcher:not(.is-mobile-overlay) .organisation-badge[b-wgqicdaq1m] {
        display: inline-flex;
    }

    .sidebar-switcher:not(.is-mobile-overlay) .switcher-error[b-wgqicdaq1m] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sidebar-card.can-switch:hover[b-wgqicdaq1m] {
        transform: none;
    }

    .organisation-badge--loading .switcher-icon[b-wgqicdaq1m] {
        animation: none;
    }
}

@keyframes switcher-spin-b-wgqicdaq1m {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/AiTestLab.razor.rz.scp.css */
.ai-test-lab[b-tjemwg0d1i] { display: grid; min-height: 0; gap: 1rem; }
.ai-test-workspace[b-tjemwg0d1i] { display: grid; grid-template-columns: minmax(22rem, .31fr) minmax(0, .69fr); gap: 1.75rem; align-items: stretch; height: calc(100dvh - 17rem); min-height: 42rem; }
.ai-test-master-panel[b-tjemwg0d1i], .ai-test-detail-panel[b-tjemwg0d1i] { min-width: 0; min-height: 0; }
.ai-test-master-panel[b-tjemwg0d1i] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; padding-right: 1.75rem; border-right: 1px solid var(--ziony-color-border, #dbe5f1); }
.ai-test-master-grid[b-tjemwg0d1i] { min-height: 0; padding-top: .75rem; }
.ai-test-master-grid[b-tjemwg0d1i]  .ai-test-grid { height: 100%; margin: 0; }
.ai-test-master-help[b-tjemwg0d1i] { margin: .55rem 0 0; }
.ai-test-detail-panel[b-tjemwg0d1i] { height: 100%; padding-right: .25rem; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.ai-test-panel-heading h2[b-tjemwg0d1i], .ai-test-detail-header h2[b-tjemwg0d1i], .ai-test-case-heading h3[b-tjemwg0d1i], .ai-test-run-card h3[b-tjemwg0d1i] { margin: 0; }
.ai-test-panel-heading .field-help[b-tjemwg0d1i], .ai-test-detail-header p[b-tjemwg0d1i], .ai-test-run-card p[b-tjemwg0d1i] { margin: .3rem 0 0; }
.ai-test-detail-header[b-tjemwg0d1i], .ai-test-detail-title-row[b-tjemwg0d1i], .ai-test-case-heading[b-tjemwg0d1i] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.ai-test-detail-title-row[b-tjemwg0d1i] { align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.ai-test-detail-header-actions[b-tjemwg0d1i] { position: relative; display: flex; flex: 0 0 auto; align-items: center; gap: .65rem; }
.ai-test-status[b-tjemwg0d1i], .ai-test-readiness[b-tjemwg0d1i] { display: inline-flex; align-items: center; width: fit-content; padding: .25rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 700; white-space: nowrap; }
.ai-test-status.is-active[b-tjemwg0d1i], .ai-test-readiness.is-ready[b-tjemwg0d1i] { color: #166534; background: #dcfce7; }
.ai-test-status.is-archived[b-tjemwg0d1i], .ai-test-readiness.is-incomplete[b-tjemwg0d1i] { color: #92400e; background: #fef3c7; }
.ai-test-contract-card[b-tjemwg0d1i], .ai-test-score-explainer[b-tjemwg0d1i] { display: grid; gap: .28rem; margin: .9rem 0; padding: .85rem 1rem; border: 1px solid #dbe5f1; border-radius: .65rem; background: #f7faff; }
.ai-test-contract-summary[b-tjemwg0d1i] { display: flex; align-items: stretch; margin-top: .9rem; overflow-x: auto; border: 1px solid var(--ziony-color-border, #dbe5f1); border-radius: .65rem; background: var(--ziony-color-surface, #fff); }
.ai-test-contract-summary-item[b-tjemwg0d1i] { display: inline-flex; flex: 0 0 auto; align-items: center; gap: .5rem; min-height: 3.25rem; padding: .7rem .85rem; color: #475569; font-size: .8rem; white-space: nowrap; border-right: 1px solid var(--ziony-color-border, #dbe5f1); }
.ai-test-contract-summary-item:last-child[b-tjemwg0d1i] { flex: 1 0 auto; border-right: 0; }
.ai-test-contract-summary-item img[b-tjemwg0d1i] { width: 1.15rem; height: 1.15rem; opacity: .75; }
.ai-test-contract-summary-item strong[b-tjemwg0d1i] { color: #1e293b; }
.ai-test-score-explainer[b-tjemwg0d1i] { border-color: #cde9df; background: #f1faf7; }
.ai-test-score-explainer p[b-tjemwg0d1i] { margin: 0; }
.ai-test-technical-details[b-tjemwg0d1i] { position: relative; margin: 0; }
.ai-test-technical-details > summary[b-tjemwg0d1i] { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.5rem; padding: .55rem .8rem; color: #475569; list-style: none; border: 1px solid var(--ziony-color-border-strong, #cbd5e1); border-radius: .5rem; background: var(--ziony-color-surface, #fff); }
.ai-test-technical-details > summary[b-tjemwg0d1i]::-webkit-details-marker { display: none; }
.ai-test-technical-details > summary img[b-tjemwg0d1i] { width: 1.1rem; height: 1.1rem; opacity: .8; }
.ai-test-technical-details[open] > summary[b-tjemwg0d1i] { color: #1d4ed8; border-color: #93c5fd; background: #eff6ff; }
.ai-test-technical-popover[b-tjemwg0d1i] { position: absolute; z-index: 10; top: calc(100% + .45rem); right: 0; width: min(30rem, calc(100vw - 4rem)); padding: .9rem 1rem; border: 1px solid var(--ziony-color-border, #dbe5f1); border-radius: .65rem; background: var(--ziony-color-surface, #fff); box-shadow: 0 .8rem 2rem rgba(15, 23, 42, .16); }
.ai-test-technical-popover p[b-tjemwg0d1i] { margin: 0 0 .75rem; color: #475569; }
.ai-test-advanced-run[b-tjemwg0d1i], .ai-test-comparison[b-tjemwg0d1i] { margin: .85rem 0; padding: .7rem .85rem; border: 1px solid #e2e8f0; border-radius: .6rem; background: #fff; }
.ai-test-technical-details summary[b-tjemwg0d1i], .ai-test-advanced-run summary[b-tjemwg0d1i], .ai-test-comparison summary[b-tjemwg0d1i], .ai-test-editor-body details > summary[b-tjemwg0d1i] { cursor: pointer; font-weight: 700; }
.ai-test-technical-details dl[b-tjemwg0d1i] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: .35rem .75rem; margin-bottom: 0; }
.ai-test-technical-details dd[b-tjemwg0d1i] { margin: 0; overflow-wrap: anywhere; }
.ai-test-workspace-tabs[b-tjemwg0d1i] { display: flex; gap: .25rem; margin-top: .75rem; border-bottom: 1px solid #dbe5f1; }
.ai-test-workspace-tab[b-tjemwg0d1i] { padding: .65rem .8rem; color: #475569; font: inherit; font-weight: 600; border: 0; border-bottom: 2px solid transparent; background: transparent; cursor: pointer; }
.ai-test-workspace-tab:hover[b-tjemwg0d1i] { color: #1d4ed8; background: #f8fafc; }
.ai-test-workspace-tab:focus-visible[b-tjemwg0d1i] { outline: 2px solid #2563eb; outline-offset: -2px; }
.ai-test-workspace-tab.is-active[b-tjemwg0d1i] { color: #1d4ed8; border-bottom-color: #2563eb; }
.ai-test-tab-content[b-tjemwg0d1i] { padding-top: .55rem; }
.ai-test-case-workspace[b-tjemwg0d1i] { display: grid; gap: .8rem; min-width: 0; }
.ai-test-case-selector[b-tjemwg0d1i] { display: grid; gap: .65rem; min-width: 0; }
.ai-test-case-toolbar[b-tjemwg0d1i] { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; }
.ai-test-case-strip[b-tjemwg0d1i] { display: flex; gap: .65rem; min-width: 0; padding: .1rem .1rem .25rem; overflow-x: auto; scrollbar-width: thin; }
.ai-test-case-strip-empty[b-tjemwg0d1i] { padding: 1rem; color: #64748b; text-align: center; border: 1px dashed #cbd5e1; border-radius: .6rem; background: #f8fafc; }
.ai-test-case-option[b-tjemwg0d1i] { display: grid; grid-template-columns: auto minmax(9rem, 1fr) auto; flex: 1 0 16rem; align-items: center; gap: .65rem; min-width: 16rem; max-width: 28rem; min-height: 4.1rem; padding: .65rem .8rem; color: #334155; font: inherit; text-align: left; border: 1px solid var(--ziony-color-border, #dbe5f1); border-radius: .55rem; background: var(--ziony-color-surface, #fff); cursor: pointer; transition: border-color .15s ease, background .15s ease, box-shadow .15s ease; }
.ai-test-case-option:hover:not(:disabled)[b-tjemwg0d1i] { border-color: #93c5fd; background: #f8fbff; }
.ai-test-case-option:focus-visible[b-tjemwg0d1i] { outline: 2px solid #2563eb; outline-offset: 2px; }
.ai-test-case-option:disabled[b-tjemwg0d1i] { cursor: wait; opacity: .72; }
.ai-test-case-option.is-selected[b-tjemwg0d1i] { border-color: #60a5fa; background: #eff6ff; box-shadow: 0 0 0 1px rgba(37, 99, 235, .12); }
.ai-test-case-option.is-inactive[b-tjemwg0d1i] { background: #f8fafc; }
.ai-test-case-option-marker[b-tjemwg0d1i] { width: .9rem; height: .9rem; border: 1px solid #94a3b8; border-radius: 50%; background: #fff; }
.ai-test-case-option.is-selected .ai-test-case-option-marker[b-tjemwg0d1i] { border: .28rem solid #2563eb; }
.ai-test-case-option-copy[b-tjemwg0d1i] { display: grid; gap: .18rem; min-width: 0; }
.ai-test-case-option-copy strong[b-tjemwg0d1i] { color: #1e293b; overflow-wrap: anywhere; }
.ai-test-case-option-state[b-tjemwg0d1i] { color: #64748b; font-size: .75rem; }
.ai-test-case-option time[b-tjemwg0d1i] { color: #64748b; font-size: .76rem; white-space: nowrap; }
.ai-test-case-detail[b-tjemwg0d1i] { display: grid; gap: .7rem; min-width: 0; padding: .95rem 1rem; border: 1px solid #dbe5f1; border-radius: .7rem; background: #fff; }
.ai-test-overline[b-tjemwg0d1i] { display: block; margin-bottom: .18rem; color: #64748b; font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.ai-test-readiness-grid[b-tjemwg0d1i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.ai-test-readiness-grid > div[b-tjemwg0d1i] { display: grid; gap: .25rem; padding: .75rem; border-radius: .55rem; background: var(--ziony-surface-muted, #f5f6f8); }
.ai-test-case-detail[b-tjemwg0d1i]  .ai-test-grid { margin: 0; }
.ai-test-run-card[b-tjemwg0d1i] { padding: .85rem; border: 1px solid #dbe5f1; border-radius: .7rem; background: #fbfdff; }
.ai-test-run-card .ai-test-lab-fields[b-tjemwg0d1i] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); margin: .65rem 0; }
.ai-test-run-card .ai-test-lab-actions[b-tjemwg0d1i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: .65rem 0 0; }
.ai-test-run-card .ai-test-lab-actions > button[b-tjemwg0d1i] { justify-content: center; width: 100%; }
.ai-test-advanced-run[b-tjemwg0d1i] { margin-top: .1rem; color: #475569; background: #f8fafc; }
.ai-test-advanced-run[open][b-tjemwg0d1i] { margin-top: .45rem; }
.ai-test-advanced-run > summary[b-tjemwg0d1i] { color: #475569; font-size: .88rem; }
.ai-test-selection-empty[b-tjemwg0d1i], .ai-test-empty-state[b-tjemwg0d1i] { display: grid; place-items: center; gap: .45rem; padding: 1.5rem; color: #64748b; text-align: center; }
.ai-test-selection-empty[b-tjemwg0d1i] { min-height: 15rem; }
.ai-test-empty-state[b-tjemwg0d1i] { min-height: 6rem; padding: 1rem; }
.ai-test-selection-empty strong[b-tjemwg0d1i], .ai-test-empty-state strong[b-tjemwg0d1i] { color: #1e293b; font-size: 1.05rem; }
.ai-test-selection-empty--compact[b-tjemwg0d1i] { min-height: 9rem; }
.ai-test-case-workspace > .ai-test-selection-empty[b-tjemwg0d1i] { margin: 0; border: 1px solid #dbe5f1; border-radius: .7rem; background: #fbfdff; }
.ai-test-show-archived[b-tjemwg0d1i] { display: inline-flex; align-items: center; gap: .4rem; white-space: nowrap; }
.ai-test-editor-body[b-tjemwg0d1i] { display: grid; gap: .85rem; max-height: calc(100dvh - 12rem); padding-right: .2rem; overflow-y: auto; overscroll-behavior: contain; }
.ai-test-editor-section[b-tjemwg0d1i] { display: grid; gap: .9rem; padding-top: .75rem; }
.ai-test-editor-body details[b-tjemwg0d1i] { display: grid; gap: .7rem; padding: .75rem; border: 1px solid #e2e8f0; border-radius: .55rem; }
.ai-test-lab-fields[b-tjemwg0d1i] { display: flex; flex-wrap: wrap; gap: .75rem; align-items: end; margin: .75rem 0; }
.ai-test-lab-fields > .ziony-field[b-tjemwg0d1i] { min-width: 14rem; flex: 1 1 14rem; }
.ai-test-lab-fields > button[b-tjemwg0d1i] { flex: 0 0 auto; }
.ai-test-grid[b-tjemwg0d1i] { margin: .75rem 0 1rem; }
.ai-test-lab-json-grid[b-tjemwg0d1i], .ai-test-lab-compare[b-tjemwg0d1i], .ai-test-lab-compare-pickers[b-tjemwg0d1i] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.ai-test-lab-json-grid > :last-child[b-tjemwg0d1i] { grid-column: 1 / -1; }
.ai-test-lab-actions[b-tjemwg0d1i] { display: flex; flex-wrap: wrap; gap: .75rem; margin: .75rem 0 1.25rem; }
.ai-test-lab-summary[b-tjemwg0d1i] { display: grid; gap: .35rem; padding: .75rem; border-radius: .5rem; background: var(--ziony-surface-muted, #f5f6f8); }
.ai-test-execution-console[b-tjemwg0d1i] { display: grid; gap: 1rem; margin: .65rem 0 1rem; padding: 1rem; border: 1px solid #dbe5f1; border-radius: .75rem; background: #fff; }
.ai-test-execution-header[b-tjemwg0d1i], .ai-test-execution-title-row[b-tjemwg0d1i], .ai-test-active-progress[b-tjemwg0d1i] { display: flex; align-items: center; gap: .75rem; }
.ai-test-execution-header[b-tjemwg0d1i] { align-items: flex-start; justify-content: space-between; }
.ai-test-execution-header h3[b-tjemwg0d1i], .ai-test-execution-header p[b-tjemwg0d1i], .ai-test-execution-panel h4[b-tjemwg0d1i], .ai-test-results-section h4[b-tjemwg0d1i] { margin: 0; }
.ai-test-execution-header p[b-tjemwg0d1i] { margin-top: .3rem; color: #64748b; }
.ai-test-execution-title-row[b-tjemwg0d1i] { flex-wrap: wrap; }
.ai-test-run-identity[b-tjemwg0d1i] { color: #475569; font-weight: 700; }
.ai-test-run-status[b-tjemwg0d1i] { display: inline-flex; align-items: center; width: fit-content; padding: .22rem .52rem; border-radius: 999px; font-size: .76rem; font-weight: 700; white-space: nowrap; }
.ai-test-run-status.is-pending[b-tjemwg0d1i], .ai-test-run-status.is-running[b-tjemwg0d1i] { color: #1d4ed8; background: #dbeafe; }
.ai-test-run-status.is-completed[b-tjemwg0d1i] { color: #166534; background: #dcfce7; }
.ai-test-run-status.is-failed[b-tjemwg0d1i] { color: #b91c1c; background: #fee2e2; }
.ai-test-run-status.is-cancelled[b-tjemwg0d1i] { color: #475569; background: #e2e8f0; }
.ai-test-active-progress[b-tjemwg0d1i] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; padding: .85rem 1rem; border: 1px solid #bfdbfe; border-radius: .65rem; background: #eff6ff; }
.ai-test-active-spinner[b-tjemwg0d1i] { width: 2.6rem; height: 2.6rem; animation: ziony-spin 900ms linear infinite; }
.ai-test-active-progress-copy[b-tjemwg0d1i] { display: grid; gap: .5rem; min-width: 0; }
.ai-test-progress-track[b-tjemwg0d1i] { height: .48rem; overflow: hidden; border-radius: 999px; background: #cbd5e1; }
.ai-test-progress-track span[b-tjemwg0d1i] { display: block; width: 28%; height: 100%; border-radius: inherit; background: #2563eb; animation: ai-test-progress-b-tjemwg0d1i 1.35s ease-in-out infinite alternate; }
.ai-test-elapsed[b-tjemwg0d1i] { color: #334155; font-variant-numeric: tabular-nums; font-weight: 700; }
.ai-test-terminal-state[b-tjemwg0d1i] { display: flex; align-items: center; gap: .75rem; padding: .85rem 1rem; border: 1px solid #cbd5e1; border-radius: .65rem; background: #f8fafc; }
.ai-test-terminal-state img[b-tjemwg0d1i] { flex: 0 0 auto; width: 2rem; height: 2rem; }
.ai-test-terminal-state > div[b-tjemwg0d1i] { display: grid; gap: .2rem; }
.ai-test-terminal-state > div span[b-tjemwg0d1i] { color: #64748b; }
.ai-test-terminal-state.is-completed[b-tjemwg0d1i] { border-color: #bbf7d0; background: #f0fdf4; }
.ai-test-terminal-state.is-failed[b-tjemwg0d1i] { border-color: #fecaca; background: #fef2f2; }
.ai-test-terminal-state.is-cancelled[b-tjemwg0d1i] { border-color: #cbd5e1; background: #f8fafc; }
.ai-test-execution-path[b-tjemwg0d1i] { display: flex; align-items: center; flex-wrap: wrap; gap: .45rem; color: #64748b; font-size: .82rem; }
.ai-test-execution-path strong[b-tjemwg0d1i] { color: #2563eb; }
.ai-test-execution-steps[b-tjemwg0d1i] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .75rem; margin: 0; padding: .85rem 0; list-style: none; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; }
.ai-test-execution-steps li[b-tjemwg0d1i] { display: flex; align-items: center; gap: .55rem; min-width: 0; color: #64748b; }
.ai-test-execution-steps img[b-tjemwg0d1i] { flex: 0 0 auto; width: 1.65rem; height: 1.65rem; opacity: .7; }
.ai-test-execution-steps li > div[b-tjemwg0d1i] { display: grid; gap: .08rem; min-width: 0; }
.ai-test-execution-steps li span[b-tjemwg0d1i] { font-size: .72rem; }
.ai-test-execution-steps li strong[b-tjemwg0d1i] { color: #475569; font-size: .84rem; overflow-wrap: anywhere; }
.ai-test-execution-steps li.is-complete strong[b-tjemwg0d1i] { color: #166534; }
.ai-test-execution-steps li.is-current strong[b-tjemwg0d1i] { color: #1d4ed8; }
.ai-test-execution-steps li.is-current img[b-tjemwg0d1i] { opacity: 1; animation: ziony-spin 900ms linear infinite; }
.ai-test-execution-steps li.is-failed strong[b-tjemwg0d1i] { color: #b91c1c; }
.ai-test-execution-panels[b-tjemwg0d1i] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .95fr); gap: 1rem; }
.ai-test-execution-panel[b-tjemwg0d1i] { min-width: 0; padding: 1rem; border: 1px solid #dbe5f1; border-radius: .65rem; background: #fbfdff; }
.ai-test-activity-list[b-tjemwg0d1i] { display: grid; gap: .75rem; margin: .85rem 0 0; padding: 0; list-style: none; }
.ai-test-activity-list li[b-tjemwg0d1i] { display: grid; grid-template-columns: auto 4.5rem minmax(0, 1fr); gap: .65rem; align-items: start; }
.ai-test-activity-marker[b-tjemwg0d1i] { width: .72rem; height: .72rem; margin-top: .22rem; border: 2px solid #94a3b8; border-radius: 50%; background: #fff; }
.ai-test-activity-list li.is-complete .ai-test-activity-marker[b-tjemwg0d1i] { border-color: #16a34a; background: #16a34a; }
.ai-test-activity-list li.is-current .ai-test-activity-marker[b-tjemwg0d1i] { border-color: #2563eb; background: #dbeafe; }
.ai-test-activity-list li.is-failed .ai-test-activity-marker[b-tjemwg0d1i] { border-color: #dc2626; background: #dc2626; }
.ai-test-activity-list li.is-cancelled .ai-test-activity-marker[b-tjemwg0d1i] { border-color: #64748b; background: #64748b; }
.ai-test-activity-list time[b-tjemwg0d1i] { color: #64748b; font-size: .82rem; font-variant-numeric: tabular-nums; }
.ai-test-activity-list li > div[b-tjemwg0d1i] { display: grid; gap: .15rem; min-width: 0; }
.ai-test-activity-list li > div span[b-tjemwg0d1i] { color: #64748b; overflow-wrap: anywhere; }
.ai-test-execution-config[b-tjemwg0d1i] { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr); gap: .65rem .8rem; margin: .85rem 0 0; }
.ai-test-execution-config dt[b-tjemwg0d1i] { color: #64748b; }
.ai-test-execution-config dd[b-tjemwg0d1i] { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.ai-test-result-pending[b-tjemwg0d1i] { display: grid; place-items: center; gap: .35rem; min-height: 7rem; padding: 1rem; border: 1px dashed #cbd5e1; border-radius: .65rem; color: #64748b; text-align: center; }
.ai-test-result-pending img[b-tjemwg0d1i] { width: 2rem; height: 2rem; }
.ai-test-result-pending strong[b-tjemwg0d1i] { color: #1e293b; }
.ai-test-results-section[b-tjemwg0d1i] { min-width: 0; }
.ai-test-run-history[b-tjemwg0d1i] { margin: .8rem 0; padding: .75rem .85rem; border: 1px solid #dbe5f1; border-radius: .65rem; background: #fff; }
.ai-test-run-history h3[b-tjemwg0d1i] { margin: 0; font-size: 1rem; }
.ai-test-run-history .field-help[b-tjemwg0d1i] { margin: .6rem 0 0; }
.ai-test-plain-table-wrap[b-tjemwg0d1i] { margin-top: .7rem; overflow-x: auto; border: 1px solid #dbe5f1; border-radius: .55rem; }
.ai-test-plain-table[b-tjemwg0d1i] { width: 100%; border-collapse: collapse; font-size: .84rem; }
.ai-test-plain-table th[b-tjemwg0d1i], .ai-test-plain-table td[b-tjemwg0d1i] { padding: .65rem .7rem; text-align: left; white-space: nowrap; border-bottom: 1px solid #e2e8f0; }
.ai-test-plain-table th[b-tjemwg0d1i] { color: #475569; font-size: .76rem; background: #f8fafc; }
.ai-test-plain-table tbody tr:last-child td[b-tjemwg0d1i] { border-bottom: 0; }
.ai-test-plain-table tbody tr.is-selected[b-tjemwg0d1i] { background: #eff6ff; box-shadow: inset .18rem 0 #2563eb; }
.ai-test-history-open[b-tjemwg0d1i] { padding: .35rem .65rem; color: #1d4ed8; font: inherit; font-weight: 700; border: 1px solid #bfdbfe; border-radius: .4rem; background: #fff; cursor: pointer; }
.ai-test-history-open:hover[b-tjemwg0d1i] { background: #eff6ff; }
.ai-test-history-open:focus-visible[b-tjemwg0d1i] { outline: 2px solid #2563eb; outline-offset: 2px; }
.ai-test-history-open:disabled[b-tjemwg0d1i] { color: #94a3b8; cursor: default; background: #f8fafc; }
.visually-hidden[b-tjemwg0d1i] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; white-space: nowrap; clip: rect(0, 0, 0, 0); border: 0; }
.ai-test-run-start-surface[b-tjemwg0d1i] { max-width: none; }
.ai-test-run-id-pending[b-tjemwg0d1i] { color: #64748b; font-size: .82rem; font-weight: 700; white-space: nowrap; }
.ai-test-run-start-context[b-tjemwg0d1i] { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: .5rem .8rem; margin: 0; padding: .85rem 1rem; border: 1px solid #dbe5f1; border-radius: .65rem; background: #fbfdff; }
.ai-test-run-start-context dt[b-tjemwg0d1i] { color: #64748b; }
.ai-test-run-start-context dd[b-tjemwg0d1i] { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.ai-test-run-start-error[b-tjemwg0d1i], .ai-test-run-load-warning[b-tjemwg0d1i] { display: flex; align-items: flex-start; gap: .75rem; padding: .9rem 1rem; border: 1px solid #fecaca; border-radius: .65rem; background: #fef2f2; }
.ai-test-run-start-error img[b-tjemwg0d1i], .ai-test-run-load-warning img[b-tjemwg0d1i] { flex: 0 0 auto; width: 1.7rem; height: 1.7rem; }
.ai-test-run-start-error > div[b-tjemwg0d1i], .ai-test-run-load-warning > div[b-tjemwg0d1i] { display: grid; gap: .25rem; min-width: 0; }
.ai-test-run-start-error h3[b-tjemwg0d1i], .ai-test-run-start-error p[b-tjemwg0d1i] { margin: 0; }
.ai-test-run-start-error p[b-tjemwg0d1i], .ai-test-run-load-warning span[b-tjemwg0d1i] { color: #64748b; overflow-wrap: anywhere; }
.ai-test-run-load-warning[b-tjemwg0d1i] { align-items: center; border-color: #fde68a; background: #fffbeb; }
.ai-test-run-load-warning > button[b-tjemwg0d1i] { flex: 0 0 auto; margin-left: auto; }
.ai-test-evidence[b-tjemwg0d1i] { margin-top: 1rem; }
.ai-test-evidence pre[b-tjemwg0d1i], .ai-test-lab-compare pre[b-tjemwg0d1i] { max-height: 30rem; padding: .75rem; overflow: auto; color: #f9fafb; white-space: pre-wrap; overflow-wrap: anywhere; border-radius: .5rem; background: #111827; }
.ziony-checkbox[b-tjemwg0d1i] { flex-direction: row !important; align-items: center; min-width: 8rem !important; }

@keyframes ai-test-progress-b-tjemwg0d1i { from { transform: translateX(0); } to { transform: translateX(255%); } }

@media (prefers-reduced-motion: reduce) { .ai-test-active-spinner[b-tjemwg0d1i], .ai-test-progress-track span[b-tjemwg0d1i], .ai-test-execution-steps li.is-current img[b-tjemwg0d1i] { animation: none; } .ai-test-progress-track span[b-tjemwg0d1i] { width: 100%; opacity: .65; } }
@media (max-width: 1500px) { .ai-test-workspace[b-tjemwg0d1i] { grid-template-columns: minmax(21rem, .32fr) minmax(0, .68fr); gap: 1.25rem; } .ai-test-master-panel[b-tjemwg0d1i] { padding-right: 1.25rem; } }
@media (max-width: 1180px) { .ai-test-workspace[b-tjemwg0d1i] { grid-template-columns: minmax(19rem, .35fr) minmax(0, .65fr); gap: 1rem; } .ai-test-master-panel[b-tjemwg0d1i] { padding-right: 1rem; } .ai-test-execution-panels[b-tjemwg0d1i] { grid-template-columns: 1fr; } }
@media (max-width: 980px) {
    .ai-test-workspace[b-tjemwg0d1i] { grid-template-columns: 1fr; height: auto; min-height: 0; }
    .ai-test-master-panel[b-tjemwg0d1i] { height: min(62dvh, 42rem); padding: 0 0 1rem; border-right: 0; border-bottom: 1px solid var(--ziony-color-border, #dbe5f1); }
    .ai-test-detail-panel[b-tjemwg0d1i] { height: auto; padding-right: 0; overflow: visible; scrollbar-gutter: auto; }
}
@media (max-width: 700px) {
    .ai-test-detail-header[b-tjemwg0d1i], .ai-test-case-heading[b-tjemwg0d1i], .ai-test-execution-header[b-tjemwg0d1i] { align-items: stretch; flex-direction: column; }
    .ai-test-detail-header-actions[b-tjemwg0d1i] { justify-content: space-between; }
    .ai-test-technical-popover[b-tjemwg0d1i] { position: static; width: 100%; margin-top: .45rem; }
    .ai-test-contract-summary[b-tjemwg0d1i] { align-items: stretch; }
    .ai-test-case-option[b-tjemwg0d1i] { grid-template-columns: auto minmax(0, 1fr); max-width: none; }
    .ai-test-case-option time[b-tjemwg0d1i] { grid-column: 2; }
    .ai-test-run-card .ai-test-lab-actions[b-tjemwg0d1i] { grid-template-columns: 1fr; }
    .ai-test-active-progress[b-tjemwg0d1i] { grid-template-columns: auto minmax(0, 1fr); }
    .ai-test-elapsed[b-tjemwg0d1i] { grid-column: 2; }
    .ai-test-activity-list li[b-tjemwg0d1i] { grid-template-columns: auto minmax(0, 1fr); }
    .ai-test-activity-list time[b-tjemwg0d1i] { grid-column: 2; }
    .ai-test-execution-config[b-tjemwg0d1i] { grid-template-columns: 1fr; gap: .25rem; }
    .ai-test-execution-config dd[b-tjemwg0d1i] { margin-bottom: .45rem; }
    .ai-test-run-start-context[b-tjemwg0d1i] { grid-template-columns: 1fr; gap: .25rem; }
    .ai-test-run-start-context dd[b-tjemwg0d1i] { margin-bottom: .4rem; }
    .ai-test-run-load-warning[b-tjemwg0d1i] { align-items: stretch; flex-direction: column; }
    .ai-test-run-load-warning > button[b-tjemwg0d1i] { margin-left: 0; }
    .ai-test-execution-steps[b-tjemwg0d1i] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ai-test-readiness-grid[b-tjemwg0d1i], .ai-test-lab-json-grid[b-tjemwg0d1i], .ai-test-lab-compare[b-tjemwg0d1i], .ai-test-lab-compare-pickers[b-tjemwg0d1i] { grid-template-columns: 1fr; }
    .ai-test-lab-json-grid > :last-child[b-tjemwg0d1i] { grid-column: auto; }
    .ai-test-editor-body[b-tjemwg0d1i] { max-height: calc(100dvh - 10rem); }
}
@media (max-width: 460px) { .ai-test-execution-steps[b-tjemwg0d1i] { grid-template-columns: 1fr; } }
/* /Components/Pages/ExternalOrderAiImport.razor.rz.scp.css */
.ai-import-back[b-zlypi4qbak] {
    margin-bottom: var(--ziony-space-5);
}

.ai-review-context[b-zlypi4qbak],
.ai-money-facts[b-zlypi4qbak] {
    display: grid;
    gap: .5rem;
}

.ai-review-context[b-zlypi4qbak] {
    border: 1px solid var(--ziony-color-border, #dbe2ea);
    border-radius: .5rem;
    padding: 1rem;
}

.ai-reparse-controls[b-zlypi4qbak] {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.ai-reparse-controls label[b-zlypi4qbak] {
    display: grid;
    gap: .35rem;
    min-width: 0;
}

.ai-reparse-controls[b-zlypi4qbak]  .ai-reparse-action.dxbl-btn {
    justify-self: start;
    min-height: var(--ziony-control-height-compact);
    padding: .42rem .68rem;
    white-space: nowrap;
    width: auto;
}

.ai-money-facts[b-zlypi4qbak] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-block: .5rem;
    white-space: normal;
}

.ai-money-facts > small[b-zlypi4qbak],
.ai-money-facts > button[b-zlypi4qbak] {
    grid-column: 1 / -1;
}

.ai-money-facts label[b-zlypi4qbak] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .2rem;
}

.ai-money-facts input[b-zlypi4qbak] {
    width: 100%;
    min-width: 0;
}

.ai-import-setup[b-zlypi4qbak],
.ai-import-preview[b-zlypi4qbak] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.ai-import-order[b-zlypi4qbak] {
    min-width: 0;
}

.ai-import-setup > .ziony-section-header[b-zlypi4qbak],
.ai-import-preview > .ziony-section-header[b-zlypi4qbak] {
    min-width: 0;
}

.ai-import-fields[b-zlypi4qbak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(16rem, 100%), 1fr));
    gap: 1rem;
}

.ai-import-fields label[b-zlypi4qbak] {
    display: grid;
    gap: .4rem;
}

.ai-import-file-picker[b-zlypi4qbak] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2, .5rem);
    position: relative;
}

.ai-import-file-picker > .ziony-button[b-zlypi4qbak] {
    gap: var(--ziony-space-2, .5rem);
    margin: 0;
}

.ai-import-file-picker[b-zlypi4qbak]  .ai-import-file-input {
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.ai-import-file-picker > .ziony-button:focus-within[b-zlypi4qbak] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.ai-import-file-summary[b-zlypi4qbak] {
    color: var(--ziony-color-text-muted, #64748b);
    font-size: .88rem;
    overflow-wrap: anywhere;
}

.field-help[b-zlypi4qbak],
.ai-import-order header span[b-zlypi4qbak] {
    color: var(--ziony-text-muted, #64748b);
}

.ai-import-processing[b-zlypi4qbak] {
    align-items: center;
    background: color-mix(in srgb, var(--ziony-color-primary, #2563eb) 8%, white);
    border: 1px solid color-mix(in srgb, var(--ziony-color-primary, #2563eb) 25%, white);
    border-radius: .75rem;
    display: flex;
    gap: .8rem;
    padding: .85rem 1rem;
}

.ai-import-processing > div[b-zlypi4qbak] {
    display: grid;
    gap: .15rem;
}

.ai-import-processing span[b-zlypi4qbak] {
    color: var(--ziony-text-muted, #64748b);
    font-size: .84rem;
}

.ai-import-processing__spinner[b-zlypi4qbak] {
    animation: ai-import-spin-b-zlypi4qbak .8s linear infinite;
    border: 3px solid color-mix(in srgb, var(--ziony-color-primary, #2563eb) 18%, white);
    border-radius: 999px;
    border-top-color: var(--ziony-color-primary, #2563eb);
    height: 1.35rem;
    width: 1.35rem;
}

.ai-import-setup[b-zlypi4qbak]  .ai-import-cancel-action.dxbl-btn {
    justify-self: end;
    min-height: var(--ziony-control-height-compact);
    padding: .42rem .68rem;
    white-space: nowrap;
    width: auto;
}

.ai-import-retry[b-zlypi4qbak] {
    justify-self: start;
}

.ai-import-profile-detection[b-zlypi4qbak] {
    margin: 0;
}

@keyframes ai-import-spin-b-zlypi4qbak {
    to { transform: rotate(360deg); }
}

.ai-import-order[b-zlypi4qbak] {
    border: 1px solid var(--ziony-border, #dbe2ea);
    border-radius: .75rem;
    padding: 1rem;
}

.ai-import-order header[b-zlypi4qbak] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
}

.ai-import-order header div[b-zlypi4qbak] {
    display: grid;
}

.ai-import-summary[b-zlypi4qbak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: .75rem;
}

.ai-import-summary dt[b-zlypi4qbak] {
    color: var(--ziony-text-muted, #64748b);
    font-size: .8rem;
}

.ai-import-summary dd[b-zlypi4qbak] {
    margin: 0;
    font-weight: 600;
}

.ai-correction-intro[b-zlypi4qbak] {
    margin: 1rem 0;
    padding: .75rem 1rem;
    border-left: .25rem solid var(--ziony-primary, #2563eb);
    background: #eff6ff;
    color: #1e3a5f;
}

.ai-correction-fields[b-zlypi4qbak],
.ai-recipient-fields[b-zlypi4qbak] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
    gap: .75rem;
    margin-bottom: 1rem;
}

.ai-correction-fields label[b-zlypi4qbak],
.ai-recipient-fields label[b-zlypi4qbak] {
    display: grid;
    gap: .35rem;
}

.ai-correction-fields label span[b-zlypi4qbak],
.ai-recipient-fields label span[b-zlypi4qbak] {
    color: var(--ziony-text-muted, #64748b);
    font-size: .82rem;
    font-weight: 600;
}

.ai-recipient-fields[b-zlypi4qbak] {
    padding: .75rem;
    border: 1px solid var(--ziony-border, #dbe2ea);
    border-radius: .5rem;
}

.ai-recipient-fields legend[b-zlypi4qbak] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 .35rem;
    font-size: .95rem;
    font-weight: 700;
}

.ai-correction-fields[b-zlypi4qbak]  .ai-import-lookup,
.ai-import-lines-frame[b-zlypi4qbak]  .ai-import-item-lookup {
    width: 100%;
}

.ai-import-lines-frame[b-zlypi4qbak]  .ai-import-item-lookup {
    min-width: 22rem;
}

.ai-import-lines small[b-zlypi4qbak] {
    display: block;
    margin-top: .25rem;
    color: var(--ziony-text-muted, #64748b);
}

.missing-field[b-zlypi4qbak] {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 .1rem rgb(220 38 38 / 12%);
}

.ai-correction-fields[b-zlypi4qbak]  .missing-field,
.ai-import-lines-frame[b-zlypi4qbak]  .missing-field {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 .1rem rgb(220 38 38 / 12%);
}

.field-error[b-zlypi4qbak] {
    color: #b91c1c !important;
    font-size: .78rem;
}

.quantity-input[b-zlypi4qbak] { min-width: 6rem; }
.price-input[b-zlypi4qbak] { min-width: 8rem; }

.ai-import-lines-frame[b-zlypi4qbak] {
    min-width: 0;
}

.ai-import-lines-frame[b-zlypi4qbak]  .ai-import-lines {
    height: var(--ai-import-lines-height, 42rem);
    width: 100%;
}

.ai-route-review[b-zlypi4qbak] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
}

.ai-import-lines-frame[b-zlypi4qbak]  .ai-calculated-money {
    white-space: normal;
}

.ai-preview-actions[b-zlypi4qbak] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .75rem;
}

.ai-import-blocker-actions[b-zlypi4qbak] {
    display: flex;
    margin-top: var(--ziony-space-3);
}

.ai-import-blockers[b-zlypi4qbak] {
    animation: ai-import-blocker-glow-b-zlypi4qbak 2.4s ease-in-out infinite;
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    border-left-color: var(--ziony-color-danger);
    box-shadow: 0 0 .35rem color-mix(in srgb, var(--ziony-color-danger) 18%, transparent);
    color: var(--ziony-color-danger-strong);
}

@keyframes ai-import-blocker-glow-b-zlypi4qbak {
    0%, 100% {
        box-shadow: 0 0 .35rem color-mix(in srgb, var(--ziony-color-danger) 18%, transparent);
    }

    50% {
        box-shadow: 0 0 1rem color-mix(in srgb, var(--ziony-color-danger) 34%, transparent);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ai-import-blockers[b-zlypi4qbak] {
        animation: none;
    }
}

@media (max-width: 48rem) {
    .ai-reparse-controls[b-zlypi4qbak] {
        align-items: start;
        grid-template-columns: 1fr;
    }
}

.ai-preview-blocked-help[b-zlypi4qbak] {
    color: var(--ziony-color-text-muted, #64748b);
    font-size: .84rem;
    margin: 0;
    text-align: right;
}

.status-ok[b-zlypi4qbak] { color: #15803d !important; }
.status-blocked[b-zlypi4qbak] { color: #b91c1c !important; }
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-kjw5uk3kt8] {
    margin: 0 auto;
    max-width: 90rem;
    width: 100%;
}

.home-heading[b-kjw5uk3kt8] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    justify-content: space-between;
    margin-bottom: 1.75rem;
}

.home-heading-copy[b-kjw5uk3kt8] {
    min-width: 0;
}

.home-eyebrow[b-kjw5uk3kt8] {
    align-items: center;
    color: var(--ziony-color-primary);
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    gap: 0.42rem;
    letter-spacing: 0.045em;
    margin-bottom: 0.55rem;
    text-transform: uppercase;
}

.home-eyebrow .home-svg-icon[b-kjw5uk3kt8] {
    height: 1rem;
    width: 1rem;
}

.home-heading h1[b-kjw5uk3kt8] {
    color: var(--ziony-color-text);
    font-size: var(--ziony-font-size-page-title);
    letter-spacing: -0.03em;
    line-height: 1.14;
    margin: 0;
}

.home-heading p[b-kjw5uk3kt8] {
    color: var(--ziony-color-text-muted);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0.55rem 0 0;
}

.home-date-chip[b-kjw5uk3kt8] {
    align-items: center;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    color: #39506f;
    display: flex;
    flex: 0 0 auto;
    gap: 0.7rem;
    min-width: 12rem;
    padding: 0.72rem 0.9rem;
}

.home-date-chip > .home-svg-icon[b-kjw5uk3kt8] {
    color: var(--ziony-color-primary);
    height: 1.15rem;
    width: 1.15rem;
}

.home-date-chip > span:last-child[b-kjw5uk3kt8] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.home-date-chip small[b-kjw5uk3kt8] {
    color: var(--ziony-color-neutral);
    font-size: 0.62rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    line-height: 1.2;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.home-date-chip strong[b-kjw5uk3kt8] {
    color: var(--ziony-color-text);
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
}

.home-grid[b-kjw5uk3kt8] {
    display: grid;
    gap: 1.1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.home-card[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-primary);
    --home-card-accent-rgb: var(--ziony-color-primary-rgb);
    align-items: flex-start;
    animation: home-card-enter-b-kjw5uk3kt8 460ms var(--ziony-ease-out) forwards;
    animation-delay: var(--home-card-delay, 80ms);
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid var(--ziony-color-border);
    border-radius: 0.95rem;
    box-shadow: var(--ziony-shadow-sm);
    color: var(--ziony-color-text);
    display: flex;
    gap: 1rem;
    min-height: 148px;
    opacity: 0;
    overflow: hidden;
    padding: 1.35rem;
    position: relative;
    text-decoration: none;
    translate: 0 0.9rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.home-card[b-kjw5uk3kt8]::before,
.home-card[b-kjw5uk3kt8]::after {
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.home-card[b-kjw5uk3kt8]::before {
    background: var(--home-card-accent);
    border-radius: 3px 0 0 3px;
    bottom: 0;
    left: 0;
    top: 0;
    transform: scaleY(0.42);
    width: 3px;
}

.home-card[b-kjw5uk3kt8]::after {
    background: linear-gradient(90deg, transparent, var(--home-card-accent), transparent);
    border-radius: 2px;
    bottom: 0;
    height: 2px;
    left: 1.4rem;
    right: 1.4rem;
    transform: scaleX(0.55);
}

.home-card:hover[b-kjw5uk3kt8],
.home-card:focus-visible[b-kjw5uk3kt8] {
    background: var(--ziony-color-surface);
    border-color: rgba(var(--home-card-accent-rgb), 0.42);
    box-shadow:
        0 22px 44px rgba(25, 59, 113, 0.14),
        0 4px 12px rgba(var(--home-card-accent-rgb), 0.08);
    outline: none;
    transform: translateY(-6px) scale(1.012);
    z-index: 2;
}

.home-card:focus-visible[b-kjw5uk3kt8] {
    box-shadow:
        var(--ziony-focus-ring),
        0 22px 44px rgba(25, 59, 113, 0.14);
}

.home-card:hover[b-kjw5uk3kt8]::before,
.home-card:hover[b-kjw5uk3kt8]::after,
.home-card:focus-visible[b-kjw5uk3kt8]::before,
.home-card:focus-visible[b-kjw5uk3kt8]::after {
    opacity: 1;
    transform: scale(1);
}

.home-card:active[b-kjw5uk3kt8] {
    box-shadow: 0 8px 22px rgba(25, 59, 113, 0.12);
    transform: translateY(-2px) scale(0.994);
    transition-duration: 80ms;
}

.home-card-icon[b-kjw5uk3kt8] {
    align-items: center;
    background: rgba(var(--home-card-accent-rgb), 0.08);
    border: 1px solid rgba(var(--home-card-accent-rgb), 0.14);
    border-radius: 0.75rem;
    color: var(--home-card-accent);
    display: inline-flex;
    flex: 0 0 45px;
    height: 45px;
    justify-content: center;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.home-card-icon .home-svg-icon[b-kjw5uk3kt8] {
    height: 1.45rem;
    width: 1.45rem;
}

.home-card:hover .home-card-icon[b-kjw5uk3kt8],
.home-card:focus-visible .home-card-icon[b-kjw5uk3kt8] {
    background: var(--home-card-accent);
    box-shadow: 0 10px 24px rgba(var(--home-card-accent-rgb), 0.24);
    color: #ffffff;
    transform: translateY(-2px) scale(1.08) rotate(-2deg);
}

.home-card-content[b-kjw5uk3kt8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.home-card-title-row[b-kjw5uk3kt8] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    justify-content: space-between;
    min-height: 1.5rem;
}

.home-card-title-row strong[b-kjw5uk3kt8] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.home-card-arrow[b-kjw5uk3kt8] {
    color: var(--home-card-accent);
    flex: 0 0 auto;
    height: 1rem;
    opacity: 0;
    transform: translate(-5px, 5px);
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
    width: 1rem;
}

.home-card:hover .home-card-arrow[b-kjw5uk3kt8],
.home-card:focus-visible .home-card-arrow[b-kjw5uk3kt8] {
    opacity: 1;
    transform: translate(0, 0);
}

.home-card-description[b-kjw5uk3kt8] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    line-height: 1.55;
    margin-top: 0.32rem;
}

.home-card-detail[b-kjw5uk3kt8] {
    align-self: flex-start;
    color: var(--home-card-accent);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    margin-top: auto;
    padding-top: 0.75rem;
}

.home-card--cyan[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-accent-cyan);
    --home-card-accent-rgb: var(--ziony-color-accent-cyan-rgb);
}

.home-card--violet[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-accent-violet);
    --home-card-accent-rgb: var(--ziony-color-accent-violet-rgb);
}

.home-card--indigo[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-accent-indigo);
    --home-card-accent-rgb: var(--ziony-color-accent-indigo-rgb);
}

.home-card--amber[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-warning);
    --home-card-accent-rgb: var(--ziony-color-warning-rgb);
}

.home-card--emerald[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-success);
    --home-card-accent-rgb: var(--ziony-color-success-rgb);
}

.home-card--rose[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-accent-rose);
    --home-card-accent-rgb: var(--ziony-color-accent-rose-rgb);
}

.home-card--slate[b-kjw5uk3kt8] {
    --home-card-accent: var(--ziony-color-neutral);
    --home-card-accent-rgb: var(--ziony-color-neutral-rgb);
}

.home-card:nth-child(1)[b-kjw5uk3kt8] { --home-card-delay: 80ms; }
.home-card:nth-child(2)[b-kjw5uk3kt8] { --home-card-delay: 120ms; }
.home-card:nth-child(3)[b-kjw5uk3kt8] { --home-card-delay: 160ms; }
.home-card:nth-child(4)[b-kjw5uk3kt8] { --home-card-delay: 200ms; }
.home-card:nth-child(5)[b-kjw5uk3kt8] { --home-card-delay: 240ms; }
.home-card:nth-child(6)[b-kjw5uk3kt8] { --home-card-delay: 280ms; }
.home-card:nth-child(7)[b-kjw5uk3kt8] { --home-card-delay: 320ms; }
.home-card:nth-child(8)[b-kjw5uk3kt8] { --home-card-delay: 360ms; }
.home-card:nth-child(9)[b-kjw5uk3kt8] { --home-card-delay: 400ms; }

.home-planning[b-kjw5uk3kt8] {
    animation: home-section-enter-b-kjw5uk3kt8 500ms 460ms var(--ziony-ease-out) both;
    margin-top: 1.9rem;
}

.home-section-title[b-kjw5uk3kt8] {
    align-items: center;
    color: #24456e;
    display: grid;
    font-size: 0.88rem;
    font-weight: 700;
    gap: 0.9rem;
    grid-template-columns: auto 1fr auto;
}

.home-section-title h2[b-kjw5uk3kt8] {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

.home-section-title > span[b-kjw5uk3kt8] {
    border-top: 1px solid #8eb5e7;
    opacity: 0.68;
}

.home-section-title small[b-kjw5uk3kt8] {
    color: var(--ziony-color-neutral);
    font-size: 0.62rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.home-quick-links[b-kjw5uk3kt8] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    margin-top: 0.9rem;
}

.home-quick-links a[b-kjw5uk3kt8] {
    align-items: center;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: 0.65rem;
    box-shadow: var(--ziony-shadow-sm);
    color: #30445f;
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 650;
    gap: 0.52rem;
    min-height: 2.5rem;
    padding: 0.55rem 0.82rem;
    text-decoration: none;
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.home-quick-links a > .home-svg-icon:first-child[b-kjw5uk3kt8] {
    color: var(--ziony-color-primary);
    height: 1.1rem;
    width: 1.1rem;
}

.home-quick-links a:hover[b-kjw5uk3kt8],
.home-quick-links a:focus-visible[b-kjw5uk3kt8] {
    border-color: rgba(var(--ziony-color-primary-rgb), 0.35);
    box-shadow: var(--ziony-shadow-md);
    color: var(--ziony-color-primary-strong);
    outline: none;
    transform: translateY(-3px);
}

.home-quick-links a:focus-visible[b-kjw5uk3kt8] {
    box-shadow: var(--ziony-focus-ring), var(--ziony-shadow-md);
}

.home-quick-link-arrow[b-kjw5uk3kt8] {
    color: var(--ziony-color-primary);
    height: 0.95rem;
    opacity: 0;
    transform: translate(-4px, 4px);
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
    width: 0.95rem;
}

.home-quick-links a:hover .home-quick-link-arrow[b-kjw5uk3kt8],
.home-quick-links a:focus-visible .home-quick-link-arrow[b-kjw5uk3kt8] {
    opacity: 1;
    transform: translate(0, 0);
}

.home-login-panel[b-kjw5uk3kt8] {
    display: grid;
    justify-items: start;
    margin: 4rem auto;
    max-width: 30rem;
}

.home-login-panel h1[b-kjw5uk3kt8] {
    color: var(--ziony-color-text);
    font-size: 1.75rem;
    letter-spacing: -0.025em;
    margin: 1rem 0 0;
}

.home-login-panel p[b-kjw5uk3kt8] {
    color: var(--ziony-color-text-muted);
    line-height: 1.55;
    margin: 0.65rem 0 1.25rem;
}

.home-login-icon[b-kjw5uk3kt8] {
    align-items: center;
    background: var(--ziony-color-primary-soft);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-primary);
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.home-login-icon .home-svg-icon[b-kjw5uk3kt8] {
    height: 1.5rem;
    width: 1.5rem;
}

.home-svg-icon[b-kjw5uk3kt8] {
    background-color: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    mask-image: var(--home-icon-url);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.home-icon-sparkles[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/sparkles.svg"); }
.home-icon-calendar[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/calendar.svg"); }
.home-icon-clipboard[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/clipboard-list.svg"); }
.home-icon-warehouse[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/building-warehouse.svg"); }
.home-icon-chart[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/chart-bar.svg"); }
.home-icon-euro[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/currency-euro.svg"); }
.home-icon-tools[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/tools.svg"); }
.home-icon-percentage[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/percentage.svg"); }
.home-icon-tasks[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/list-details.svg"); }
.home-icon-settings[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/settings.svg"); }
.home-icon-cart[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/shopping-cart.svg"); }
.home-icon-arrow[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/arrow-up-right.svg"); }
.home-icon-presentation[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/presentation-analytics.svg"); }
.home-icon-camera[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/camera.svg"); }
.home-icon-health[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/heart-rate-monitor.svg"); }
.home-icon-login[b-kjw5uk3kt8] { --home-icon-url: url("/icons/tabler/login-2.svg"); }

@keyframes home-card-enter-b-kjw5uk3kt8 {
    to {
        opacity: 1;
        translate: 0 0;
    }
}

@keyframes home-section-enter-b-kjw5uk3kt8 {
    from {
        opacity: 0;
        transform: translateY(0.65rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 1180px) {
    .home-grid[b-kjw5uk3kt8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .home-heading[b-kjw5uk3kt8] {
        align-items: flex-start;
    }

    .home-date-chip[b-kjw5uk3kt8] {
        min-width: min(12rem, 100%);
    }
}

@media (max-width: 640px) {
    .home-grid[b-kjw5uk3kt8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-card[b-kjw5uk3kt8] {
        min-height: 138px;
    }

    .home-section-title[b-kjw5uk3kt8] {
        grid-template-columns: auto 1fr;
    }

    .home-section-title small[b-kjw5uk3kt8] {
        display: none;
    }
}

@media (max-width: 420px) {
    .home-card[b-kjw5uk3kt8] {
        gap: 0.8rem;
        padding: 1.1rem;
    }

    .home-card-icon[b-kjw5uk3kt8] {
        flex-basis: 42px;
        height: 42px;
    }

    .home-quick-links a[b-kjw5uk3kt8] {
        flex: 1 1 100%;
        justify-content: flex-start;
    }

    .home-quick-link-arrow[b-kjw5uk3kt8] {
        margin-left: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-card[b-kjw5uk3kt8],
    .home-planning[b-kjw5uk3kt8] {
        animation: none;
        opacity: 1;
        translate: none;
    }

    .home-card:hover[b-kjw5uk3kt8],
    .home-card:focus-visible[b-kjw5uk3kt8],
    .home-card:active[b-kjw5uk3kt8],
    .home-card:hover .home-card-icon[b-kjw5uk3kt8],
    .home-card:focus-visible .home-card-icon[b-kjw5uk3kt8],
    .home-quick-links a:hover[b-kjw5uk3kt8],
    .home-quick-links a:focus-visible[b-kjw5uk3kt8] {
        transform: none;
    }
}
/* /Components/Pages/InvoiceSalesAnalytics.razor.rz.scp.css */
.invoice-analytics-heading[b-4q1ytnbdkg] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.invoice-analytics-heading p[b-4q1ytnbdkg] {
    max-width: 58rem;
}

.shell-icon[b-4q1ytnbdkg] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.05rem;
    mask-image: var(--icon-url);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.05rem;
}

.icon-info-circle[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/alert-triangle.svg"); }
.icon-adjustments[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/settings.svg"); }
.icon-layout-dashboard[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/chart-bar.svg"); }
.icon-barcode[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/barcode.svg"); }
.icon-arrows-diff[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/chart-histogram.svg"); }
.icon-pill[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/barcode.svg"); }
.icon-alert-triangle[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/alert-triangle.svg"); }
.icon-shield-check[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/shield-check.svg"); }
.icon-loader[b-4q1ytnbdkg] { --icon-url: url("/icons/tabler/refresh.svg"); }

.analytics-status-badge[b-4q1ytnbdkg],
.analytics-chip[b-4q1ytnbdkg] {
    align-items: center;
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-success);
    display: inline-flex;
    font-size: 0.72rem;
    font-weight: 750;
    gap: var(--ziony-space-2);
    letter-spacing: 0.02em;
    padding: 0.45rem 0.8rem;
    white-space: nowrap;
}

.analytics-message[b-4q1ytnbdkg] {
    align-items: flex-start;
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-left: 3px solid var(--ziony-color-info);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    display: flex;
    font-size: 0.8rem;
    gap: var(--ziony-space-3);
    line-height: 1.45;
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.analytics-message .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-info);
    margin-top: 0.1rem;
}

.analytics-message strong[b-4q1ytnbdkg] {
    color: var(--ziony-color-text);
}

.analytics-message > div[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-1);
}

.analytics-message--error[b-4q1ytnbdkg] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    border-left-color: var(--ziony-color-danger);
}

.analytics-message--error .shell-icon[b-4q1ytnbdkg],
.field-error[b-4q1ytnbdkg] {
    color: var(--ziony-color-danger) !important;
}

.analytics-message--warning[b-4q1ytnbdkg] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
    border-left-color: var(--ziony-color-warning);
}

.analytics-message--warning .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-warning);
}

.analytics-diagnostics[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    margin-top: var(--ziony-space-3);
}

.analytics-diagnostics summary[b-4q1ytnbdkg] {
    cursor: pointer;
    font-weight: 700;
}

.analytics-diagnostics p[b-4q1ytnbdkg] {
    margin: var(--ziony-space-2) 0 0;
}

.analytics-filters[b-4q1ytnbdkg] {
    margin-bottom: var(--ziony-space-4);
    overflow: visible;
}

.analytics-filter-grid[b-4q1ytnbdkg] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(6, minmax(9rem, 1fr));
}

.analytics-field[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-2);
    min-width: 0;
}

.analytics-field--wide[b-4q1ytnbdkg] {
    grid-column: span 2;
}

.analytics-field--readonly[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    min-height: var(--ziony-control-height);
    padding: var(--ziony-space-2) var(--ziony-space-3);
}

.analytics-field--readonly strong[b-4q1ytnbdkg] {
    color: var(--ziony-color-text);
    font-size: 0.9rem;
}

.analytics-field--readonly small[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.65rem;
}

.analytics-field > span[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.analytics-field select[b-4q1ytnbdkg],
.analytics-field input[b-4q1ytnbdkg] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    font-size: 0.8rem;
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
    transition: border-color var(--ziony-motion-fast) var(--ziony-ease-out), box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.analytics-field select:hover[b-4q1ytnbdkg],
.analytics-field input:hover[b-4q1ytnbdkg] {
    border-color: var(--ziony-color-primary);
}

.analytics-field select:focus-visible[b-4q1ytnbdkg],
.analytics-field input:focus-visible[b-4q1ytnbdkg] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.apply-button[b-4q1ytnbdkg] {
    align-self: end;
    gap: var(--ziony-space-2);
    justify-content: center;
    width: 100%;
}

.filter-actions[b-4q1ytnbdkg] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-2);
}

.filter-actions .ziony-button[b-4q1ytnbdkg] {
    flex: 1 1 auto;
}

.analytics-state[b-4q1ytnbdkg] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-4);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-6);
}

.analytics-state > .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-info);
    height: 2rem;
    width: 2rem;
}

.analytics-state h2[b-4q1ytnbdkg],
.analytics-state p[b-4q1ytnbdkg] {
    margin: var(--ziony-space-1) 0 0;
}

.analytics-state p[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
}

.analytics-state--error > .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-danger);
}

.analytics-state--compact[b-4q1ytnbdkg] {
    padding: var(--ziony-space-4);
}

.inline-empty[b-4q1ytnbdkg],
.comparison-guidance[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.74rem;
    margin: 0;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.currency-exclusion-notice[b-4q1ytnbdkg] {
    align-items: center;
    background: var(--ziony-color-warning-soft);
    border: 1px solid var(--ziony-color-warning-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    display: flex;
    font-size: 0.72rem;
    gap: var(--ziony-space-2);
    margin-top: var(--ziony-space-3);
    padding: var(--ziony-space-2) var(--ziony-space-3);
}

.currency-exclusion-notice .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-warning);
    flex: 0 0 auto;
}

.analytics-view-tabs[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(3, 1fr);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-2);
}

.analytics-view-tab[b-4q1ytnbdkg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: var(--ziony-space-3);
    min-height: 3.6rem;
    padding: var(--ziony-space-2) var(--ziony-space-4);
    text-align: left;
    transition: background var(--ziony-motion-fast) var(--ziony-ease-out), color var(--ziony-motion-fast) var(--ziony-ease-out), box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
}

.analytics-view-tab:hover[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-hover);
    color: var(--ziony-color-text);
}

.analytics-view-tab:focus-visible[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.analytics-view-tab.is-active[b-4q1ytnbdkg] {
    background: var(--ziony-color-primary);
    color: var(--ziony-color-surface);
}

.analytics-view-tab .shell-icon[b-4q1ytnbdkg] {
    height: 1.3rem;
    width: 1.3rem;
}

.analytics-view-tab > span:last-child[b-4q1ytnbdkg] {
    display: grid;
    gap: 0.1rem;
}

.analytics-view-tab strong[b-4q1ytnbdkg] {
    font-size: 0.83rem;
}

.analytics-view-tab small[b-4q1ytnbdkg] {
    font-size: 0.68rem;
    opacity: 0.78;
}

.kpi-equation[b-4q1ytnbdkg],
.comparison-kpis[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.15fr) minmax(0, 1fr);
    margin-bottom: var(--ziony-space-4);
}

.comparison-kpis[b-4q1ytnbdkg] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kpi-card[b-4q1ytnbdkg] {
    --kpi-accent: var(--ziony-color-neutral);
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-left: 3px solid var(--kpi-accent);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--ziony-space-1);
    min-width: 0;
    padding: var(--ziony-space-4);
    text-align: left;
    transition: border-color var(--ziony-motion-fast) var(--ziony-ease-out), box-shadow var(--ziony-motion-base) var(--ziony-ease-out), transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.kpi-card:hover[b-4q1ytnbdkg] {
    border-color: var(--kpi-accent);
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-2px);
}

.kpi-card:focus-visible[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.kpi-card > span[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.035em;
    text-transform: uppercase;
}

.kpi-card > strong[b-4q1ytnbdkg] {
    color: var(--kpi-accent);
    font-size: clamp(1.2rem, 1rem + 0.55vw, 1.6rem);
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.03em;
    line-height: 1.2;
}

.kpi-card > small[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
}

.kpi-card--primary[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-primary); }
.kpi-card--danger[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-danger); }
.kpi-card--success[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-success); }
.kpi-card--info[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-info); }
.kpi-card--neutral[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-neutral); }
.kpi-card--violet[b-4q1ytnbdkg] { --kpi-accent: var(--ziony-color-accent-violet); }

.equation-symbol[b-4q1ytnbdkg] {
    align-self: center;
    color: var(--ziony-color-text-muted);
    font-size: 1.2rem;
    font-weight: 750;
}

.analytics-panel[b-4q1ytnbdkg] {
    margin-bottom: var(--ziony-space-4);
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.panel-heading[b-4q1ytnbdkg] {
    align-items: flex-start;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    padding: var(--ziony-space-4) var(--ziony-space-5);
}

.panel-heading > div[b-4q1ytnbdkg] {
    min-width: 0;
}

.panel-kicker[b-4q1ytnbdkg] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.67rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin-bottom: var(--ziony-space-1);
    text-transform: uppercase;
}

.panel-heading h2[b-4q1ytnbdkg],
.item-copy h2[b-4q1ytnbdkg] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.015em;
    line-height: 1.3;
    margin: 0;
}

.panel-heading p[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
    line-height: 1.45;
    margin: var(--ziony-space-1) 0 0;
}

.interaction-hint[b-4q1ytnbdkg] {
    align-items: center;
    background: var(--ziony-color-primary-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary);
    display: inline-flex;
    font-size: 0.67rem;
    font-weight: 700;
    min-height: 2rem;
    padding: 0 var(--ziony-space-3);
    white-space: nowrap;
}

.chart-host[b-4q1ytnbdkg] {
    min-height: 23rem;
    padding: var(--ziony-space-3) var(--ziony-space-4) var(--ziony-space-4);
}

.chart-host--compact[b-4q1ytnbdkg] {
    min-height: 20rem;
}

.chart-host[b-4q1ytnbdkg]  .invoice-sales-chart {
    min-height: 21rem;
}

.overview-lower-grid[b-4q1ytnbdkg],
.item-charts-grid[b-4q1ytnbdkg],
.comparison-grid[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.35fr);
}

.item-charts-grid[b-4q1ytnbdkg] {
    grid-template-columns: minmax(0, 1.5fr) minmax(18rem, 0.7fr);
}

.comparison-grid[b-4q1ytnbdkg] {
    grid-template-columns: minmax(0, 1.65fr) minmax(20rem, 0.7fr);
}

.comparison-side[b-4q1ytnbdkg] {
    display: grid;
    gap: 0;
}

.compact-panel .panel-heading[b-4q1ytnbdkg] {
    padding-bottom: var(--ziony-space-3);
}

.compact-panel h3[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.69rem;
    letter-spacing: 0.05em;
    margin: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-2);
    text-transform: uppercase;
}

.rank-list[b-4q1ytnbdkg] {
    display: grid;
    padding: var(--ziony-space-2) var(--ziony-space-4) var(--ziony-space-4);
}

.rank-list button[b-4q1ytnbdkg],
.organisation-comparison button[b-4q1ytnbdkg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--ziony-grid-row-divider);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.76rem;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    min-height: 2.8rem;
    padding: var(--ziony-space-2);
    text-align: left;
}

.rank-list button:last-child[b-4q1ytnbdkg],
.organisation-comparison button:last-child[b-4q1ytnbdkg] {
    border-bottom: 0;
}

.rank-list button:hover[b-4q1ytnbdkg],
.organisation-comparison button:hover[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-hover);
}

.rank-list button:focus-visible[b-4q1ytnbdkg],
.organisation-comparison button:focus-visible[b-4q1ytnbdkg],
.attention-table button:focus-visible[b-4q1ytnbdkg],
.attention-list button:focus-visible[b-4q1ytnbdkg],
.document-link:focus-visible[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.rank-list strong[b-4q1ytnbdkg],
.organisation-comparison strong[b-4q1ytnbdkg] {
    color: var(--ziony-color-primary);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.rank-list--compact[b-4q1ytnbdkg] {
    padding-bottom: var(--ziony-space-2);
    padding-top: 0;
}

.attention-table[b-4q1ytnbdkg] {
    display: grid;
    padding: var(--ziony-space-2) var(--ziony-space-4) var(--ziony-space-4);
}

.attention-table button[b-4q1ytnbdkg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--ziony-grid-row-divider);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    font-size: 0.75rem;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 3.2rem;
    padding: var(--ziony-space-2);
    text-align: left;
}

.attention-table button:hover[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-hover);
}

.attention-table button > span:first-child[b-4q1ytnbdkg] {
    display: grid;
    gap: 0.12rem;
}

.attention-table small[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.66rem;
}

.positive[b-4q1ytnbdkg] { color: var(--ziony-color-success) !important; }
.negative[b-4q1ytnbdkg] { color: var(--ziony-color-danger) !important; }

.item-identity[b-4q1ytnbdkg] {
    align-items: center;
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: auto minmax(14rem, 1fr) minmax(34rem, 2fr);
    margin-bottom: var(--ziony-space-4);
}

.item-mark[b-4q1ytnbdkg] {
    align-items: center;
    background: var(--ziony-color-primary-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-primary);
    display: flex;
    height: 4rem;
    justify-content: center;
    width: 4rem;
}

.item-mark .shell-icon[b-4q1ytnbdkg] {
    height: 1.75rem;
    width: 1.75rem;
}

.item-copy p[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    margin: var(--ziony-space-1) 0 0;
}

.item-selector[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-1);
    margin-top: var(--ziony-space-1);
}

.item-selector > span[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.64rem;
    font-weight: 700;
    text-transform: uppercase;
}

.item-selector select[b-4q1ytnbdkg] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
}

.item-empty-state[b-4q1ytnbdkg] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-4);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-6);
}

.item-empty-state > .shell-icon[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    height: 2rem;
    width: 2rem;
}

.item-empty-state h2[b-4q1ytnbdkg],
.item-empty-state p[b-4q1ytnbdkg] {
    margin: var(--ziony-space-1) 0 0;
}

.item-empty-state p[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
}

.item-kpis[b-4q1ytnbdkg] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.item-kpis--standalone[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    margin-bottom: var(--ziony-space-4);
}

.item-kpis button[b-4q1ytnbdkg] {
    background: transparent;
    border: 0;
    border-left: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--ziony-space-1);
    min-height: 3.4rem;
    padding: var(--ziony-space-2) var(--ziony-space-4);
    text-align: left;
}

.item-kpis button:hover[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-hover);
}

.item-kpis button:focus-visible[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.item-kpis span[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.64rem;
    font-weight: 700;
}

.item-kpis strong[b-4q1ytnbdkg] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.comparison-mode-card[b-4q1ytnbdkg] {
    margin-bottom: var(--ziony-space-4);
    overflow: hidden;
    padding: 0;
}

.comparison-mode-tabs[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding: var(--ziony-space-4) var(--ziony-space-4) 0;
}

.comparison-mode-tab[b-4q1ytnbdkg] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 0.15rem;
    min-height: 3.8rem;
    padding: var(--ziony-space-2) var(--ziony-space-3);
    text-align: left;
}

.comparison-mode-tab:hover[b-4q1ytnbdkg] {
    border-color: var(--ziony-color-primary);
}

.comparison-mode-tab:focus-visible[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.comparison-mode-tab.is-active[b-4q1ytnbdkg] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
    color: var(--ziony-color-primary);
}

.comparison-mode-tab strong[b-4q1ytnbdkg] {
    font-size: 0.8rem;
}

.comparison-mode-tab small[b-4q1ytnbdkg] {
    font-size: 0.66rem;
}

.comparison-controls[b-4q1ytnbdkg] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: repeat(4, minmax(10rem, 1fr));
    padding: var(--ziony-space-4);
}

.comparison-controls--periods[b-4q1ytnbdkg] {
    grid-template-columns: minmax(10rem, 1fr) minmax(10rem, 1fr) auto minmax(10rem, 1fr) minmax(10rem, 1fr);
}

.comparison-scope-note[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
    margin: calc(var(--ziony-space-2) * -1) var(--ziony-space-4) var(--ziony-space-4);
}

.kpi-card--summary[b-4q1ytnbdkg] {
    cursor: default;
}

.kpi-card--summary:hover[b-4q1ytnbdkg] {
    box-shadow: var(--ziony-shadow-sm);
    transform: none;
}

.rank-list--static > div[b-4q1ytnbdkg] {
    align-items: center;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    justify-content: space-between;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.comparison-controls > div[b-4q1ytnbdkg] {
    display: grid;
    gap: var(--ziony-space-1);
}

.comparison-vs[b-4q1ytnbdkg] {
    align-self: center;
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.organisation-comparison[b-4q1ytnbdkg] {
    display: grid;
    padding: var(--ziony-space-2) var(--ziony-space-4) var(--ziony-space-4);
}

.organisation-comparison button[b-4q1ytnbdkg] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.attention-list[b-4q1ytnbdkg] {
    display: grid;
    padding: var(--ziony-space-2) var(--ziony-space-4) var(--ziony-space-4);
}

.attention-list button[b-4q1ytnbdkg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--ziony-grid-row-divider);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--ziony-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 3.5rem;
    padding: var(--ziony-space-2);
    text-align: left;
}

.attention-list button:hover[b-4q1ytnbdkg] {
    background: var(--ziony-color-surface-hover);
}

.attention-list button > span:nth-child(2)[b-4q1ytnbdkg] {
    display: grid;
    gap: 0.15rem;
}

.attention-list small[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
}

.line-drilldown[b-4q1ytnbdkg] {
    margin-top: 0;
}

.table-pager[b-4q1ytnbdkg] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    display: flex;
    font-size: 0.7rem;
    justify-content: flex-end;
    gap: var(--ziony-space-3);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.table-pager button[b-4q1ytnbdkg] {
    gap: var(--ziony-space-1);
}

.table-pager button:disabled[b-4q1ytnbdkg] {
    cursor: not-allowed;
    opacity: 0.5;
}

.table-scroll[b-4q1ytnbdkg] {
    overflow-x: auto;
}

table[b-4q1ytnbdkg] {
    border-collapse: collapse;
    font-size: 0.72rem;
    min-width: 76rem;
    width: 100%;
}

th[b-4q1ytnbdkg],
td[b-4q1ytnbdkg] {
    border-bottom: 1px solid var(--ziony-grid-row-divider);
    padding: 0.7rem var(--ziony-space-3);
    text-align: left;
    vertical-align: middle;
}

.empty-table-state[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    padding: var(--ziony-space-8) var(--ziony-space-4);
    text-align: center;
}

th[b-4q1ytnbdkg] {
    background: var(--ziony-grid-header-surface);
    color: var(--ziony-grid-header-text);
    font-size: 0.64rem;
    font-weight: 750;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

tbody tr:hover[b-4q1ytnbdkg] {
    background: var(--ziony-grid-row-hover);
}

td.numeric[b-4q1ytnbdkg],
th.numeric[b-4q1ytnbdkg] {
    font-variant-numeric: tabular-nums;
    text-align: right;
    white-space: nowrap;
}

td strong[b-4q1ytnbdkg],
td small[b-4q1ytnbdkg] {
    display: block;
}

td small[b-4q1ytnbdkg] {
    color: var(--ziony-color-text-muted);
    font-size: 0.64rem;
    margin-top: 0.1rem;
}

.credit-row[b-4q1ytnbdkg] {
    background: var(--ziony-color-danger-soft);
}

.document-number[b-4q1ytnbdkg] {
    color: var(--ziony-color-text);
    font-weight: 650;
}

.document-kind[b-4q1ytnbdkg] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary);
    display: inline-block;
    font-size: 0.63rem;
    font-weight: 700;
    padding: 0.22rem 0.48rem;
}

.document-kind.is-credit[b-4q1ytnbdkg] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger);
}

.analytics-footer[b-4q1ytnbdkg] {
    align-items: center;
    color: var(--ziony-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.68rem;
    gap: var(--ziony-space-2);
    padding: var(--ziony-space-2) 0 var(--ziony-space-4);
}

.analytics-footer span:first-child[b-4q1ytnbdkg] {
    align-items: center;
    display: inline-flex;
    gap: var(--ziony-space-1);
}

@media (max-width: 1380px) {
    .analytics-filter-grid[b-4q1ytnbdkg] {
        grid-template-columns: repeat(4, minmax(10rem, 1fr));
    }

    .kpi-equation[b-4q1ytnbdkg] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .equation-symbol[b-4q1ytnbdkg] {
        display: none;
    }

    .comparison-kpis[b-4q1ytnbdkg] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .item-identity[b-4q1ytnbdkg] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .item-kpis[b-4q1ytnbdkg] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 1050px) {
    .analytics-filter-grid[b-4q1ytnbdkg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-equation[b-4q1ytnbdkg],
    .comparison-kpis[b-4q1ytnbdkg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .overview-lower-grid[b-4q1ytnbdkg],
    .item-charts-grid[b-4q1ytnbdkg],
    .comparison-grid[b-4q1ytnbdkg] {
        grid-template-columns: 1fr;
    }

    .comparison-controls[b-4q1ytnbdkg] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comparison-vs[b-4q1ytnbdkg] {
        display: none;
    }
}

@media (max-width: 700px) {
    .invoice-analytics-heading[b-4q1ytnbdkg],
    .panel-heading[b-4q1ytnbdkg] {
        align-items: stretch;
        flex-direction: column;
    }

    .analytics-status-badge[b-4q1ytnbdkg] {
        align-self: flex-start;
        white-space: normal;
    }

    .analytics-filter-grid[b-4q1ytnbdkg],
    .analytics-view-tabs[b-4q1ytnbdkg],
    .comparison-mode-tabs[b-4q1ytnbdkg],
    .kpi-equation[b-4q1ytnbdkg],
    .comparison-kpis[b-4q1ytnbdkg],
    .comparison-controls[b-4q1ytnbdkg] {
        grid-template-columns: 1fr;
    }

    .analytics-field--wide[b-4q1ytnbdkg] {
        grid-column: auto;
    }

    .interaction-hint[b-4q1ytnbdkg] {
        align-self: flex-start;
        white-space: normal;
    }

    .table-pager[b-4q1ytnbdkg] {
        justify-content: space-between;
    }

    .analytics-view-tab[b-4q1ytnbdkg] {
        min-height: 3rem;
    }

    .item-identity[b-4q1ytnbdkg] {
        grid-template-columns: 1fr;
    }

    .item-kpis[b-4q1ytnbdkg] {
        grid-column: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .item-kpis button:nth-child(odd)[b-4q1ytnbdkg] {
        border-left: 0;
    }

    .chart-host[b-4q1ytnbdkg] {
        min-height: 19rem;
        padding-left: var(--ziony-space-2);
        padding-right: var(--ziony-space-2);
    }

    .chart-host[b-4q1ytnbdkg]  .invoice-sales-chart {
        min-height: 18rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .analytics-field select[b-4q1ytnbdkg],
    .analytics-field input[b-4q1ytnbdkg],
    .analytics-view-tab[b-4q1ytnbdkg],
    .kpi-card[b-4q1ytnbdkg] {
        transition: none;
    }
}
/* /Components/Pages/ItemDetail.razor.rz.scp.css */
.item-detail-page-heading[b-6pinann02v] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.heading-actions[b-6pinann02v] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.detail-panel[b-6pinann02v] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    padding: 0.85rem;
}

.item-identity[b-6pinann02v] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(10rem, 13rem) minmax(0, 1fr);
}

.identity-image[b-6pinann02v] {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 12rem;
    overflow: hidden;
    padding: 0.5rem;
}

.identity-image img[b-6pinann02v] {
    display: block;
    height: 11rem;
    max-width: 100%;
    object-fit: contain;
}

.image-placeholder[b-6pinann02v] {
    color: #718092;
    font-weight: 700;
}

.identity-copy[b-6pinann02v] {
    min-width: 0;
}

.detail-heading[b-6pinann02v] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.8rem;
}

.detail-heading h2[b-6pinann02v] {
    font-size: 1.2rem;
    margin: 0;
}

.detail-heading p[b-6pinann02v] {
    color: #667483;
    margin: 0.25rem 0 0;
}

.status-pills[b-6pinann02v] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.status-pill[b-6pinann02v] {
    background: #edf3f7;
    border: 1px solid #d6e0e8;
    border-radius: 999px;
    color: #253342;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
}

.status-pill.sync[b-6pinann02v] {
    background: var(--ziony-primary-soft);
    border-color: #c7dceb;
}

.identity-grid[b-6pinann02v],
.data-grid[b-6pinann02v] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
}

.identity-grid > div[b-6pinann02v] {
    border: 1px solid #dce3ea;
    border-radius: 6px;
    display: grid;
    gap: 0.25rem;
    min-height: 4.1rem;
    padding: 0.65rem;
}

.identity-grid span[b-6pinann02v] {
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
}

.identity-grid strong[b-6pinann02v] {
    color: #18232f;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.detail-tabs[b-6pinann02v] {
    margin-top: 1rem;
}

.detail-tab-content[b-6pinann02v] {
    padding-top: 0.85rem;
}

.data-group[b-6pinann02v] {
    border-bottom: 1px solid #e4e9ee;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}

.data-group:last-child[b-6pinann02v] {
    border-bottom: 0;
    margin-bottom: 0;
}

.item-detail-section-header[b-6pinann02v] {
    margin-bottom: 0.65rem;
}

.data-entry[b-6pinann02v] {
    background: #f8fafb;
    border: 1px solid #e0e6eb;
    border-radius: 6px;
    display: grid;
    gap: 0.25rem;
    min-height: 4rem;
    padding: 0.65rem;
}

.data-entry span[b-6pinann02v] {
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
}

.data-entry strong[b-6pinann02v] {
    color: #18232f;
    font-size: 0.95rem;
    overflow-wrap: anywhere;
}

.primary-cell[b-6pinann02v] {
    color: #17202a;
    font-weight: 700;
}

.external-link[b-6pinann02v] {
    color: var(--ziony-primary);
    display: inline-block;
    overflow-wrap: anywhere;
}

.muted[b-6pinann02v],
.muted-inline[b-6pinann02v] {
    color: #667483;
    font-size: 0.88rem;
}

.muted[b-6pinann02v] {
    margin: 0;
    padding: 1rem;
}

.muted-inline[b-6pinann02v] {
    margin: 0;
}

.description-statuses[b-6pinann02v] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.description-status[b-6pinann02v] {
    background: #f0f2f4;
    border: 1px solid #d7dde3;
    border-radius: 999px;
    color: #5c6875;
    font-size: 0.84rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
}

.description-status.available[b-6pinann02v] {
    background: var(--ziony-primary-soft);
    border-color: #c7dceb;
    color: #224e76;
}

.document-status[b-6pinann02v] {
    background: #f0f2f4;
    border: 1px solid #d7dde3;
    border-radius: 999px;
    color: #5c6875;
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    white-space: nowrap;
}

.document-status.published[b-6pinann02v] {
    background: #edf9f0;
    border-color: #b9e1c4;
    color: #205c37;
}

.plain-description[b-6pinann02v] {
    background: #f7f9fb;
    border: 1px solid #dce3ea;
    border-radius: 6px;
    color: #253342;
    font-family: inherit;
    line-height: 1.5;
    margin: 0 0 0.75rem;
    max-height: 34rem;
    overflow: auto;
    padding: 0.85rem;
    white-space: pre-wrap;
}

.description-note[b-6pinann02v] {
    color: #667483;
    font-size: 0.84rem;
    margin: 0;
}

.image-gallery[b-6pinann02v] {
    display: grid;
    gap: 1rem;
}

.thumbnail-list[b-6pinann02v] {
    display: flex;
    gap: 0.65rem;
    overflow-x: auto;
    padding: 0.15rem 0 0.5rem;
}

.thumbnail-button[b-6pinann02v] {
    background: #ffffff;
    border: 2px solid #dce3ea;
    border-radius: 7px;
    cursor: pointer;
    flex: 0 0 7rem;
    height: 7rem;
    overflow: hidden;
    padding: 0.3rem;
    position: relative;
}

.thumbnail-button:hover[b-6pinann02v],
.thumbnail-button.selected[b-6pinann02v] {
    border-color: var(--ziony-primary);
}

.thumbnail-button:focus-visible[b-6pinann02v] {
    box-shadow: 0 0 0 3px rgba(var(--ziony-primary-rgb), 0.2);
    outline: none;
}

.thumbnail-button img[b-6pinann02v] {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.main-image-marker[b-6pinann02v] {
    background: var(--ziony-primary);
    border-radius: 999px;
    bottom: 0.3rem;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    left: 0.3rem;
    padding: 0.18rem 0.4rem;
    position: absolute;
}

.selected-image-layout[b-6pinann02v] {
    display: grid;
    gap: 0.8rem 1rem;
    grid-template-columns: minmax(18rem, 2fr) minmax(14rem, 1fr);
}

.selected-image-preview[b-6pinann02v] {
    align-items: center;
    background: #f7f9fb;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    min-height: 24rem;
    padding: 0.75rem;
}

.selected-image-preview img[b-6pinann02v] {
    max-height: 38rem;
    max-width: 100%;
    object-fit: contain;
}

.image-metadata[b-6pinann02v] {
    align-content: start;
    display: grid;
    gap: 0;
    margin: 0;
}

.image-metadata div[b-6pinann02v] {
    border-bottom: 1px solid #e0e6eb;
    display: grid;
    gap: 0.25rem;
    padding: 0.55rem 0;
}

.image-metadata dt[b-6pinann02v] {
    color: #526173;
    font-size: 0.82rem;
    font-weight: 700;
}

.image-metadata dd[b-6pinann02v] {
    color: #253342;
    margin: 0;
    overflow-wrap: anywhere;
}

.alert[b-6pinann02v] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.alert.error[b-6pinann02v] {
    background: #fdecec;
    border: 1px solid #f2b8b8;
    color: #8a1f1f;
}

.alert.success[b-6pinann02v] {
    background: #edf9f0;
    border: 1px solid #b9e1c4;
    color: #205c37;
}

.alert.info[b-6pinann02v] {
    background: #eef6ff;
    border: 1px solid #b7d6f4;
    color: #224e76;
}

@media (max-width: 900px) {
    .item-identity[b-6pinann02v],
    .selected-image-layout[b-6pinann02v] {
        grid-template-columns: 1fr;
    }

    .identity-image[b-6pinann02v] {
        min-height: 10rem;
    }

    .selected-image-preview[b-6pinann02v] {
        min-height: 18rem;
    }
}

@media (max-width: 760px) {
    .item-detail-page-heading[b-6pinann02v],
    .detail-heading[b-6pinann02v] {
        display: block;
    }

    .heading-actions[b-6pinann02v] {
        justify-content: flex-start;
        margin-top: 0.75rem;
    }

    .status-pills[b-6pinann02v] {
        align-items: flex-start;
        flex-direction: row;
        margin-top: 0.75rem;
    }
}
/* /Components/Pages/Items.razor.rz.scp.css */
.items-heading[b-cghukhi54c] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.heading-actions[b-cghukhi54c] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.data-panel[b-cghukhi54c] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    padding: 0.75rem;
}

.primary-cell[b-cghukhi54c] {
    color: #17202a;
    font-weight: 700;
}

.status-badge[b-cghukhi54c] {
    background: var(--ziony-primary-soft);
    border: 1px solid #c7dceb;
    border-radius: 999px;
    color: #253342;
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
}

.compact-button[b-cghukhi54c] {
    min-width: 4.5rem;
}

.muted[b-cghukhi54c] {
    color: #667483;
    font-size: 0.88rem;
    margin: 0;
    padding: 1rem;
}

.alert[b-cghukhi54c] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.alert.error[b-cghukhi54c] {
    background: #fdecec;
    border: 1px solid #f2b8b8;
    color: #8a1f1f;
}

.alert.success[b-cghukhi54c] {
    background: #edf9f0;
    border: 1px solid #b9e1c4;
    color: #205c37;
}

.alert.info[b-cghukhi54c] {
    background: #eef6ff;
    border: 1px solid #b7d6f4;
    color: #224e76;
}

@media (max-width: 760px) {
    .items-heading[b-cghukhi54c] {
        display: block;
    }

    .heading-actions[b-cghukhi54c] {
        justify-content: flex-start;
        margin-top: 0.75rem;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-lwjzwf83tb] {
    background: var(--ziony-color-canvas);
    display: grid;
    grid-template-columns: minmax(23rem, 0.9fr) minmax(29rem, 1.1fr);
    min-height: 100vh;
    min-height: 100dvh;
    overflow-x: hidden;
}

.login-story[b-lwjzwf83tb] {
    align-content: center;
    background:
        radial-gradient(
            circle at 12% 22%,
            rgba(var(--ziony-color-primary-rgb), 0.38),
            transparent 18rem
        ),
        linear-gradient(
            145deg,
            var(--ziony-color-sidebar-start),
            var(--ziony-color-sidebar-middle) 64%,
            var(--ziony-color-sidebar-end)
        );
    color: var(--ziony-color-sidebar-text);
    display: grid;
    padding: clamp(3rem, 7vw, 7.6rem);
}

.login-brand[b-lwjzwf83tb] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    margin-bottom: clamp(2.25rem, 5vh, 3.5rem);
}

.login-brand img[b-lwjzwf83tb] {
    display: block;
    filter: brightness(0) invert(1);
    height: 3rem;
    mix-blend-mode: screen;
    object-fit: contain;
    width: 3rem;
}

.login-brand strong[b-lwjzwf83tb] {
    color: var(--ziony-color-surface);
    font-size: 1.55rem;
    font-weight: 700;
}

.login-story-copy[b-lwjzwf83tb] {
    max-width: 39rem;
}

.login-eyebrow[b-lwjzwf83tb] {
    color: var(--ziony-color-primary-soft-hover);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0;
    text-transform: uppercase;
}

.login-story h2[b-lwjzwf83tb] {
    color: var(--ziony-color-surface);
    font-size: clamp(2.55rem, 4.5vw, 4.25rem);
    letter-spacing: -0.045em;
    line-height: 1.03;
    margin: var(--ziony-space-3) 0 var(--ziony-space-4);
    max-width: 38rem;
}

.login-story-copy > p:last-of-type[b-lwjzwf83tb] {
    color: var(--ziony-color-sidebar-text);
    font-size: 1rem;
    line-height: 1.75;
    margin: 0;
    max-width: 37rem;
}

.login-benefits[b-lwjzwf83tb] {
    display: grid;
    gap: var(--ziony-space-3);
    list-style: none;
    margin: var(--ziony-space-8) 0 0;
    padding: 0;
}

.login-benefits li[b-lwjzwf83tb] {
    align-items: center;
    color: var(--ziony-color-sidebar-text);
    display: flex;
    font-size: 0.88rem;
    gap: var(--ziony-space-3);
}

.login-benefits .login-icon[b-lwjzwf83tb] {
    color: var(--ziony-color-success);
    height: 1.25rem;
    width: 1.25rem;
}

.login-form-stage[b-lwjzwf83tb] {
    align-items: center;
    display: grid;
    justify-items: center;
    min-width: 0;
    padding: clamp(2rem, 6vw, 5rem);
}

.login-card[b-lwjzwf83tb] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-lg);
    box-shadow: var(--ziony-shadow-lg);
    max-width: 32rem;
    padding: clamp(2rem, 4vw, 2.65rem);
    width: 100%;
}

.login-card > .login-eyebrow[b-lwjzwf83tb] {
    color: var(--ziony-color-app-kicker);
}

.login-card h1[b-lwjzwf83tb] {
    color: var(--ziony-color-text);
    font-size: 2rem;
    letter-spacing: -0.035em;
    line-height: 1.15;
    margin: var(--ziony-space-3) 0 var(--ziony-space-2);
}

.login-copy[b-lwjzwf83tb] {
    color: var(--ziony-color-text-muted);
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0 0 var(--ziony-space-8);
}

.login-error[b-lwjzwf83tb] {
    align-items: flex-start;
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-danger-strong);
    display: flex;
    gap: var(--ziony-space-3);
    line-height: 1.45;
    margin-bottom: var(--ziony-space-5);
    padding: 0.85rem 1rem;
}

.login-error .login-icon[b-lwjzwf83tb] {
    flex: 0 0 auto;
    margin-top: 0.08rem;
}

.login-form[b-lwjzwf83tb] {
    display: grid;
    gap: var(--ziony-space-5);
}

.login-field[b-lwjzwf83tb] {
    display: grid;
    gap: var(--ziony-space-2);
}

.login-field label[b-lwjzwf83tb] {
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
}

.login-input[b-lwjzwf83tb] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: flex;
    gap: var(--ziony-space-3);
    min-height: 3.25rem;
    padding: 0 var(--ziony-space-4);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
}

.login-input:hover[b-lwjzwf83tb] {
    border-color: var(--ziony-color-border-strong);
}

.login-input:focus-within[b-lwjzwf83tb] {
    background: var(--ziony-color-surface);
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.login-input .login-icon[b-lwjzwf83tb] {
    color: var(--ziony-color-text-muted);
    flex: 0 0 auto;
}

.login-form input[b-lwjzwf83tb] {
    background: transparent;
    border: 0;
    color: var(--ziony-color-text);
    font: inherit;
    min-width: 0;
    outline: 0;
    width: 100%;
}

.login-form input[b-lwjzwf83tb]::placeholder {
    color: var(--ziony-color-text-muted);
}

.login-form button[b-lwjzwf83tb] {
    align-items: center;
    background: var(--ziony-color-primary);
    border: 1px solid var(--ziony-color-primary);
    border-radius: var(--ziony-radius-sm);
    box-shadow: var(--ziony-shadow-sm);
    color: var(--ziony-color-surface);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-weight: 700;
    gap: var(--ziony-space-3);
    justify-content: center;
    margin-top: var(--ziony-space-1);
    min-height: 3.25rem;
    padding: 0.8rem 1rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.login-form button:hover:not(:disabled)[b-lwjzwf83tb] {
    background: var(--ziony-color-primary-strong);
    border-color: var(--ziony-color-primary-strong);
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-1px);
}

.login-form button:focus-visible[b-lwjzwf83tb] {
    box-shadow: var(--ziony-focus-ring), var(--ziony-shadow-md);
    outline: none;
}

.login-form button:disabled[b-lwjzwf83tb] {
    background: var(--ziony-color-primary-disabled);
    border-color: var(--ziony-color-primary-disabled);
    cursor: wait;
    transform: none;
}

.login-help[b-lwjzwf83tb] {
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
    line-height: 1.6;
    margin-top: var(--ziony-space-6);
    padding-top: var(--ziony-space-5);
    text-align: center;
}

.login-help p[b-lwjzwf83tb] {
    margin: 0;
}

.login-help p + p[b-lwjzwf83tb] {
    margin-top: var(--ziony-space-2);
}

.login-help a[b-lwjzwf83tb] {
    color: var(--ziony-color-primary);
    font-weight: 700;
    text-decoration: none;
}

.login-help a:hover[b-lwjzwf83tb] {
    text-decoration: underline;
}

.login-help a:focus-visible[b-lwjzwf83tb] {
    border-radius: 0.15rem;
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.login-icon[b-lwjzwf83tb] {
    --login-icon-url: none;
    background-color: currentColor;
    display: inline-block;
    height: 1.15rem;
    mask: var(--login-icon-url) center / contain no-repeat;
    width: 1.15rem;
}

.icon-mail[b-lwjzwf83tb] {
    --login-icon-url: url("/icons/tabler/mail.svg");
}

.icon-lock[b-lwjzwf83tb] {
    --login-icon-url: url("/icons/tabler/lock.svg");
}

.icon-login[b-lwjzwf83tb] {
    --login-icon-url: url("/icons/tabler/login-2.svg");
}

.icon-circle-check[b-lwjzwf83tb] {
    --login-icon-url: url("/icons/tabler/circle-check.svg");
}

.icon-alert[b-lwjzwf83tb] {
    --login-icon-url: url("/icons/tabler/alert-triangle.svg");
}

@media (max-width: 900px) {
    .login-page[b-lwjzwf83tb] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .login-story[b-lwjzwf83tb] {
        min-height: 24rem;
        padding: 3rem;
    }

    .login-story h2[b-lwjzwf83tb] {
        font-size: clamp(2.35rem, 8vw, 3.5rem);
        max-width: 40rem;
    }

    .login-form-stage[b-lwjzwf83tb] {
        padding-block: 3rem;
    }
}

@media (max-width: 520px) {
    .login-story[b-lwjzwf83tb] {
        min-height: 21rem;
        padding: 2.25rem 1.5rem;
    }

    .login-brand[b-lwjzwf83tb] {
        margin-bottom: var(--ziony-space-8);
    }

    .login-brand img[b-lwjzwf83tb] {
        height: 2.6rem;
        width: 2.6rem;
    }

    .login-brand strong[b-lwjzwf83tb] {
        font-size: 1.35rem;
    }

    .login-story h2[b-lwjzwf83tb] {
        font-size: 2.5rem;
    }

    .login-story-copy > p:last-of-type[b-lwjzwf83tb] {
        font-size: 0.9rem;
        line-height: 1.6;
    }

    .login-benefits[b-lwjzwf83tb] {
        margin-top: var(--ziony-space-6);
    }

    .login-form-stage[b-lwjzwf83tb] {
        padding: var(--ziony-space-5);
    }

    .login-card[b-lwjzwf83tb] {
        padding: 1.75rem 1.35rem;
    }

    .login-card h1[b-lwjzwf83tb] {
        font-size: 1.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-input[b-lwjzwf83tb],
    .login-form button[b-lwjzwf83tb] {
        transition: none;
    }

    .login-form button:hover:not(:disabled)[b-lwjzwf83tb] {
        transform: none;
    }
}
/* /Components/Pages/ManualOrderCreate.razor.rz.scp.css */
.manual-order-back[b-43kkmyvn4c] {
    margin-bottom: var(--ziony-space-5);
}

.manual-order-heading[b-43kkmyvn4c] {
    margin-bottom: var(--ziony-space-4);
}

.manual-order-state[b-43kkmyvn4c],
.manual-order-section[b-43kkmyvn4c] {
    margin-bottom: var(--ziony-space-4);
    min-width: 0;
    padding: var(--ziony-space-5);
}

.manual-order-party-grid[b-43kkmyvn4c] {
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--ziony-space-4);
}

.manual-order-party-grid > .manual-order-section[b-43kkmyvn4c] {
    margin-bottom: 0;
}

.manual-order-section__heading[b-43kkmyvn4c] {
    margin: calc(-1 * var(--ziony-space-5)) calc(-1 * var(--ziony-space-5)) var(--ziony-space-4);
}

.manual-order-form-grid[b-43kkmyvn4c] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-order-field--wide[b-43kkmyvn4c] {
    grid-column: 1 / -1;
}

.manual-order-metadata-row[b-43kkmyvn4c] {
    align-items: start;
    display: grid;
    gap: var(--ziony-space-3);
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manual-order-field__label-row[b-43kkmyvn4c] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-1);
}

.manual-order-field__label-row > label[b-43kkmyvn4c] {
    color: var(--ziony-color-text);
    font-size: 0.82rem;
    font-weight: 650;
}

.manual-order-channel-hint-toggle[b-43kkmyvn4c] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 1.75rem;
    justify-content: center;
    padding: 0;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 1.75rem;
}

.manual-order-channel-hint-toggle:hover[b-43kkmyvn4c],
.manual-order-channel-hint-toggle[aria-expanded="true"][b-43kkmyvn4c] {
    background: var(--ziony-color-primary-soft);
    color: var(--ziony-color-primary);
}

.manual-order-channel-hint-toggle:focus-visible[b-43kkmyvn4c] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.manual-order-channel-hint[b-43kkmyvn4c] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    font-size: 0.8rem;
    line-height: 1.5;
    padding: var(--ziony-space-2) var(--ziony-space-3);
}

.manual-order-channel-hint strong[b-43kkmyvn4c] {
    color: var(--ziony-color-text);
}

.manual-order-selection-note[b-43kkmyvn4c] {
    color: var(--ziony-color-text-muted);
    display: block;
}

.shell-icon[b-43kkmyvn4c] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 1.05rem;
    mask-image: var(--icon-url);
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    width: 1.05rem;
}

.icon-info-circle[b-43kkmyvn4c] { --icon-url: url("/icons/tabler/info-circle.svg"); }

.manual-order-address-select[b-43kkmyvn4c] {
    margin-bottom: var(--ziony-space-3);
    max-width: 42rem;
}

.manual-order-warning[b-43kkmyvn4c] {
    color: var(--ziony-color-danger);
    display: block;
    margin-top: var(--ziony-space-1);
}

.manual-order-line-entry[b-43kkmyvn4c] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(18rem, 2fr) minmax(13rem, 1.2fr) 8rem 8rem 10rem auto;
    margin-bottom: var(--ziony-space-3);
}

.manual-order-item-search-target[b-43kkmyvn4c] {
    min-width: 0;
    width: 100%;
}

.manual-order-field--item[b-43kkmyvn4c]  .manual-order-item-lookup-toggle-image {
    height: 1rem;
    width: 1rem;
}

.manual-order-line-entry[b-43kkmyvn4c]  .manual-order-add-line {
    white-space: nowrap;
}

.manual-order-price-warning[b-43kkmyvn4c] {
    margin-bottom: var(--ziony-space-3);
}

.manual-order-grid-panel[b-43kkmyvn4c] {
    min-height: 13rem;
}

.manual-order-total[b-43kkmyvn4c] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-4);
    justify-content: flex-end;
    margin-top: var(--ziony-space-3);
}

.manual-order-total span[b-43kkmyvn4c] {
    color: var(--ziony-color-text-muted);
    font-size: 0.85rem;
}

.manual-order-total strong[b-43kkmyvn4c] {
    color: var(--ziony-color-text);
    margin-left: var(--ziony-space-1);
}

.manual-order-save-section[b-43kkmyvn4c] {
    display: grid;
    gap: var(--ziony-space-4);
}

.manual-order-save-actions[b-43kkmyvn4c] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

/* Include the expanded sidebar and page/card padding in the row allowance. */
@media (max-width: 1700px) {
    .manual-order-line-entry[b-43kkmyvn4c] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .manual-order-field--item[b-43kkmyvn4c] {
        grid-column: span 3;
    }
}

@media (max-width: 1200px) {
    .manual-order-party-grid[b-43kkmyvn4c] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 1100px) {
    .manual-order-line-entry[b-43kkmyvn4c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .manual-order-field--item[b-43kkmyvn4c],
    .manual-order-line-entry[b-43kkmyvn4c]  .manual-order-add-line {
        grid-column: span 2;
    }
}

@media (max-width: 700px) {
    .manual-order-form-grid[b-43kkmyvn4c],
    .manual-order-line-entry[b-43kkmyvn4c],
    .manual-order-metadata-row[b-43kkmyvn4c] {
        grid-template-columns: minmax(0, 1fr);
    }

    .manual-order-field--wide[b-43kkmyvn4c],
    .manual-order-field--item[b-43kkmyvn4c],
    .manual-order-line-entry[b-43kkmyvn4c]  .manual-order-add-line {
        grid-column: auto;
    }

    .manual-order-total[b-43kkmyvn4c],
    .manual-order-save-actions[b-43kkmyvn4c] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/MasterDataCatalog.razor.rz.scp.css */
.master-data-heading[b-b9h8h4djmt] { align-items: flex-end; }
.master-data-panel[b-b9h8h4djmt] { min-height: 18rem; }
.master-data-row-actions[b-b9h8h4djmt] { display: flex; gap: .45rem; align-items: center; flex-wrap: wrap; }
[b-b9h8h4djmt] .master-data-grid { width: 100%; }
/* /Components/Pages/MasterDataDetail.razor.rz.scp.css */
.master-detail-heading[b-bf8y3hwm0h] { align-items: flex-end; }
.master-detail-tabs[b-bf8y3hwm0h] { margin-top: 1rem; }
.master-detail-tab-content[b-bf8y3hwm0h] { padding-top: .85rem; }
.master-detail-panel + .master-detail-panel[b-bf8y3hwm0h] { margin-top: 1rem; }
.master-detail-panel h2[b-bf8y3hwm0h] { margin-top: 0; }
.master-detail-grid[b-bf8y3hwm0h], .master-form-grid[b-bf8y3hwm0h] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.master-field-wide[b-bf8y3hwm0h] { grid-column: 1 / -1; }
.master-checkbox[b-bf8y3hwm0h] { display: flex; gap: .65rem; align-items: center; min-height: 2.75rem; }
.master-capability-note[b-bf8y3hwm0h] { margin: 1rem 0 0; color: var(--ziony-text-muted, #64748b); }
.customer-detail-section-heading[b-bf8y3hwm0h], .customer-location-heading[b-bf8y3hwm0h] { margin-bottom: 1rem; }
.customer-location-heading[b-bf8y3hwm0h] { flex-wrap: wrap; }
.customer-location-heading .ziony-section-header__copy[b-bf8y3hwm0h] { flex: 1 1 12rem; }
.customer-location-heading .ziony-button[b-bf8y3hwm0h] { flex: 0 1 auto; max-width: 100%; white-space: normal; }
.customer-location-map[b-bf8y3hwm0h] { border: 0; border-radius: .75rem; display: block; height: 72dvh; min-height: 30rem; width: 100%; }
.customer-location-unconfigured[b-bf8y3hwm0h] { align-items: flex-start; background: var(--ziony-surface-soft, #f8fafc); border: 1px solid var(--ziony-border, #dce3ea); border-radius: .75rem; display: flex; flex-direction: column; gap: .35rem; min-height: 12rem; justify-content: center; padding: 1.5rem; }
@media (max-width: 760px) { .master-detail-grid[b-bf8y3hwm0h], .master-form-grid[b-bf8y3hwm0h] { grid-template-columns: 1fr; } .master-field-wide[b-bf8y3hwm0h] { grid-column: auto; } .customer-location-heading .ziony-button[b-bf8y3hwm0h] { align-self: flex-start; } .customer-location-map[b-bf8y3hwm0h] { height: 62dvh; min-height: 22rem; } }
/* /Components/Pages/OrderProfitTrackingDetail.razor.rz.scp.css */
.detail-toolbar[b-ehoewq29hq] {
    display: flex;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.detail-heading[b-ehoewq29hq] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.external-order-title[b-ehoewq29hq] {
    color: #536170;
    font-size: 0.72em;
    font-weight: 500;
    white-space: nowrap;
}

.status-stack[b-ehoewq29hq] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.data-panel[b-ehoewq29hq] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    margin-bottom: 1rem;
    overflow-x: auto;
    padding: 1rem;
}

.data-panel h2:not(.ziony-section-header__title)[b-ehoewq29hq] {
    color: #17202a;
    font-size: 1rem;
    letter-spacing: 0;
    margin-bottom: 0.8rem;
}

.profit-section-heading[b-ehoewq29hq] {
    margin: -1rem -1rem 1rem;
}

.muted[b-ehoewq29hq] {
    color: #667484;
    margin-bottom: 0;
}

.cost-source-summary[b-ehoewq29hq] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    border-top: 1px solid #dce3ea;
    padding-top: 0.85rem;
}

.cost-source-warning[b-ehoewq29hq] {
    color: #8b351a;
    margin: 0;
}

.cost-source-issues[b-ehoewq29hq] {
    margin: 0.25rem 0 0;
    padding-left: 1.25rem;
}

.summary-grid[b-ehoewq29hq],
.financial-grid[b-ehoewq29hq] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-bottom: 1rem;
}

.summary-grid > div[b-ehoewq29hq],
.financial-grid > div[b-ehoewq29hq] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    padding: 0.85rem;
}

.summary-grid span[b-ehoewq29hq],
.financial-grid span[b-ehoewq29hq] {
    color: #667484;
    display: block;
    font-size: 0.78rem;
    margin-bottom: 0.25rem;
}

.summary-grid strong[b-ehoewq29hq],
.financial-grid strong[b-ehoewq29hq] {
    color: #17202a;
    font-size: 0.96rem;
}

.primary-financial-grid[b-ehoewq29hq] {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.secondary-financial-grid[b-ehoewq29hq] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.secondary-financial-grid > div[b-ehoewq29hq] {
    background: #f8fafc;
}

.financial-card.cost[b-ehoewq29hq] {
    background: #fff1ed;
    border-color: #f1cfc6;
}

.financial-card.revenue[b-ehoewq29hq] {
    background: #edf6ff;
    border-color: #c9dff2;
}

.financial-card.positive[b-ehoewq29hq] {
    background: #edf8f1;
    border-color: #c8e5d2;
}

.financial-card.negative[b-ehoewq29hq] {
    background: #fff1ed;
    border-color: #f1cfc6;
}

.financial-card.neutral[b-ehoewq29hq] {
    background: #f3f5f7;
    border-color: #dce3ea;
}

.note-panel[b-ehoewq29hq] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.note-panel p[b-ehoewq29hq] {
    color: #334155;
    margin-bottom: 0;
    white-space: pre-wrap;
}

.status-badge[b-ehoewq29hq],
.tracking-pill[b-ehoewq29hq] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 650;
    line-height: 1;
    padding: 0.36rem 0.58rem;
}

.status-badge[b-ehoewq29hq] {
    background: #e8eef5;
    color: #27394c;
}

.tracking-pill.enabled[b-ehoewq29hq] {
    background: #e3f4ec;
    color: #16633e;
}

.tracking-pill.disabled[b-ehoewq29hq] {
    background: #f1f3f5;
    color: #667484;
}

.warning-list[b-ehoewq29hq] {
    display: grid;
    gap: 0.55rem;
}

.share-preview-warnings[b-ehoewq29hq] {
    margin-bottom: 0.85rem;
}

.warning-item[b-ehoewq29hq] {
    border: 1px solid #e5d8a8;
    border-radius: 8px;
    background: #fff8e5;
    padding: 0.75rem;
}

.warning-item strong[b-ehoewq29hq] {
    color: #7a4a12;
    display: block;
    margin-bottom: 0.25rem;
}

.warning-item.severity-error[b-ehoewq29hq] {
    background: #fff0eb;
    border-color: #efc8ba;
}

.warning-item.severity-error strong[b-ehoewq29hq],
.money-negative[b-ehoewq29hq] {
    color: #a83b1f;
}

.detail-table[b-ehoewq29hq] {
    border-collapse: collapse;
    min-width: 100%;
}

.wide-table[b-ehoewq29hq] {
    min-width: 900px;
}

.detail-table th[b-ehoewq29hq],
.detail-table td[b-ehoewq29hq] {
    border-bottom: 1px solid #e6edf3;
    padding: 0.6rem 0.65rem;
    text-align: left;
    vertical-align: top;
}

.detail-table th[b-ehoewq29hq] {
    color: #536170;
    font-size: 0.78rem;
    font-weight: 650;
}

.primary-cell[b-ehoewq29hq] {
    color: #17202a;
    font-weight: 650;
}

.secondary-cell[b-ehoewq29hq] {
    color: #667484;
    font-size: 0.82rem;
    margin-top: 0.15rem;
}

@media (max-width: 760px) {
    .detail-heading[b-ehoewq29hq] {
        display: block;
    }

    .status-stack[b-ehoewq29hq] {
        align-items: flex-start;
        margin-top: 0.75rem;
    }
}
/* /Components/Pages/OrderProfitTrackingOrders.razor.rz.scp.css */
.profit-heading[b-vitj5joqx4] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
}

.profit-heading-copy[b-vitj5joqx4] {
    min-width: 0;
}

.heading-actions[b-vitj5joqx4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.visibility-panel[b-vitj5joqx4],
.profit-filter-panel[b-vitj5joqx4],
.profit-legend-panel[b-vitj5joqx4] {
    margin-bottom: var(--ziony-space-4);
}

.visibility-panel[b-vitj5joqx4],
.profit-legend-panel[b-vitj5joqx4] {
    padding: var(--ziony-space-4);
}

.section-heading[b-vitj5joqx4] {
    align-items: flex-end;
    display: flex;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-3);
}

.section-heading h2[b-vitj5joqx4],
.profit-legend-group h3[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    margin: 0;
}

.section-heading h2[b-vitj5joqx4] {
    font-size: 1rem;
}

.section-heading p[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    margin: var(--ziony-space-1) 0 0;
}

.visibility-grid[b-vitj5joqx4] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.visibility-item[b-vitj5joqx4] {
    --visibility-accent: var(--ziony-color-neutral);
    border-left: 1px solid var(--ziony-color-border);
    display: grid;
    gap: 0.22rem;
    grid-template-columns: auto 1fr;
    min-width: 0;
    padding: var(--ziony-space-2) var(--ziony-space-4);
}

.visibility-item:first-child[b-vitj5joqx4] {
    border-left: 0;
    padding-left: 0;
}

.visibility-item:last-child[b-vitj5joqx4] {
    padding-right: 0;
}

.visibility-item--primary[b-vitj5joqx4] {
    --visibility-accent: var(--ziony-color-primary);
}

.visibility-item--success[b-vitj5joqx4] {
    --visibility-accent: var(--ziony-color-success);
}

.visibility-item--warning[b-vitj5joqx4] {
    --visibility-accent: var(--ziony-color-warning);
}

.visibility-item--violet[b-vitj5joqx4] {
    --visibility-accent: var(--ziony-color-accent-violet);
}

.visibility-dot[b-vitj5joqx4] {
    align-self: center;
    background: var(--visibility-accent);
    border-radius: var(--ziony-radius-pill);
    height: 0.65rem;
    width: 0.65rem;
}

.visibility-item > strong[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    font-size: 1.35rem;
    line-height: 1.1;
}

.visibility-item__label[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    font-size: 0.82rem;
    font-weight: 700;
    grid-column: 1 / -1;
}

.visibility-item small[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
    font-size: 0.74rem;
    grid-column: 1 / -1;
    line-height: 1.35;
}

.profit-filter-panel[b-vitj5joqx4] {
    align-items: flex-end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(18rem, 1fr) minmax(12rem, 0.28fr) auto;
    padding: var(--ziony-space-3);
}

.profit-filter-field[b-vitj5joqx4] {
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
}

.profit-filter-field label[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.profit-filter-control[b-vitj5joqx4] {
    align-items: center;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    display: flex;
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
    transition: border-color var(--ziony-motion-fast) var(--ziony-ease-out),
                box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
}

.profit-filter-control:focus-within[b-vitj5joqx4] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.profit-filter-control img[b-vitj5joqx4] {
    height: 1.05rem;
    margin-right: var(--ziony-space-2);
    opacity: 0.65;
    width: 1.05rem;
}

.profit-filter-control input[b-vitj5joqx4],
.profit-filter-field select[b-vitj5joqx4] {
    background: var(--ziony-color-control);
    color: var(--ziony-color-text);
    font: inherit;
}

.profit-filter-control input[b-vitj5joqx4] {
    border: 0;
    min-width: 0;
    outline: 0;
    padding: 0;
    width: 100%;
}

.profit-filter-control input[b-vitj5joqx4]::placeholder {
    color: var(--ziony-color-control-placeholder);
}

.profit-filter-field select[b-vitj5joqx4] {
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
}

.profit-filter-field select:focus-visible[b-vitj5joqx4] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.profit-filter-control:has(input:disabled)[b-vitj5joqx4],
.profit-filter-field select:disabled[b-vitj5joqx4] {
    background: var(--ziony-color-control-disabled);
    opacity: 0.72;
}

.profit-filter-clear[b-vitj5joqx4] {
    align-self: end;
}

.financial-summary-section[b-vitj5joqx4] {
    margin-bottom: var(--ziony-space-4);
}

.profit-primary-summary-grid[b-vitj5joqx4] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.profit-layer-grid[b-vitj5joqx4] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: var(--ziony-space-3);
}

.profit-layer-card[b-vitj5joqx4] {
    display: grid;
    gap: var(--ziony-space-1);
}

.profit-layer-card span[b-vitj5joqx4],
.profit-layer-card small[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
}

.profit-layer-card span[b-vitj5joqx4] {
    font-size: 0.78rem;
    font-weight: 700;
}

.profit-layer-card strong[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    font-size: 0.98rem;
}

.profit-layer-card small[b-vitj5joqx4] {
    font-size: 0.72rem;
}

.profit-legend-grid[b-vitj5joqx4] {
    display: grid;
    grid-template-columns: 1.15fr 1fr 0.85fr;
}

.profit-legend-group[b-vitj5joqx4] {
    border-left: 1px solid var(--ziony-color-border);
    padding: 0 var(--ziony-space-4);
}

.profit-legend-group:first-child[b-vitj5joqx4] {
    border-left: 0;
    padding-left: 0;
}

.profit-legend-group:last-child[b-vitj5joqx4] {
    padding-right: 0;
}

.profit-legend-group h3[b-vitj5joqx4] {
    font-size: 0.82rem;
    margin-bottom: var(--ziony-space-2);
}

.profit-legend-item[b-vitj5joqx4] {
    align-items: flex-start;
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: auto 1fr;
    margin-top: var(--ziony-space-2);
}

.profit-legend-item:first-of-type[b-vitj5joqx4] {
    margin-top: 0;
}

.legend-dot[b-vitj5joqx4] {
    background: var(--ziony-color-neutral);
    border-radius: var(--ziony-radius-pill);
    height: 0.55rem;
    margin-top: 0.22rem;
    width: 0.55rem;
}

.legend-dot--danger[b-vitj5joqx4] {
    background: var(--ziony-color-danger);
}

.legend-dot--warning[b-vitj5joqx4] {
    background: var(--ziony-color-warning);
}

.legend-dot--success[b-vitj5joqx4] {
    background: var(--ziony-color-success);
}

.profit-legend-item strong[b-vitj5joqx4],
.profit-legend-item small[b-vitj5joqx4] {
    display: block;
}

.profit-legend-item strong[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    font-size: 0.75rem;
}

.profit-legend-item small[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    line-height: 1.35;
    margin-top: 0.15rem;
}

.data-panel[b-vitj5joqx4] {
    min-width: 0;
}

.primary-cell[b-vitj5joqx4] {
    color: var(--ziony-color-text);
    font-weight: 700;
}

.muted-inline[b-vitj5joqx4] {
    color: var(--ziony-color-text-muted);
}

.status-badge[b-vitj5joqx4],
.tracking-pill[b-vitj5joqx4] {
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    display: inline-flex;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.34rem 0.56rem;
}

.status-badge[b-vitj5joqx4],
.status-badge--neutral[b-vitj5joqx4],
.tracking-pill.disabled[b-vitj5joqx4] {
    background: var(--ziony-color-neutral-soft);
    color: var(--ziony-color-text);
}

.status-badge--danger[b-vitj5joqx4] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.status-badge--warning[b-vitj5joqx4] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
    color: var(--ziony-color-warning);
}

.status-badge--success[b-vitj5joqx4],
.tracking-pill.enabled[b-vitj5joqx4] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.financial-cell[b-vitj5joqx4] {
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: inline-block;
    min-width: 7.25rem;
    padding: 0.26rem 0.42rem;
}

.financial-cell.cost[b-vitj5joqx4],
.financial-cell.negative[b-vitj5joqx4] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.financial-cell.revenue[b-vitj5joqx4] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-primary-strong);
}

.financial-cell.positive[b-vitj5joqx4] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.financial-cell.neutral[b-vitj5joqx4],
.financial-cell.cost-muted[b-vitj5joqx4] {
    background: var(--ziony-color-neutral-soft);
    border-color: var(--ziony-color-neutral-border);
    color: var(--ziony-color-text);
}

.warning-summary[b-vitj5joqx4] {
    color: var(--ziony-color-danger-strong);
    font-weight: 700;
}

.compact-button[b-vitj5joqx4] {
    min-width: 4.5rem;
}

.alert[b-vitj5joqx4] {
    border-radius: var(--ziony-radius-md);
    margin-bottom: var(--ziony-space-4);
    padding: 0.8rem 0.9rem;
}

.alert.error[b-vitj5joqx4] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-vitj5joqx4] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-vitj5joqx4] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning > td {
    background-color: var(--ziony-color-warning-soft);
}

.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative > td {
    background-color: var(--ziony-color-danger-soft);
}

.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled > td {
    background-color: var(--ziony-color-neutral-soft);
    color: var(--ziony-color-text-muted);
}

.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning.dxbl-grid-focused-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning.dxbl-grid-selected-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning[aria-selected="true"] > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative.dxbl-grid-focused-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative.dxbl-grid-selected-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative[aria-selected="true"] > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled.dxbl-grid-focused-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled.dxbl-grid-selected-row > td,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled[aria-selected="true"] > td {
    background-color: var(--ziony-grid-row-selected);
}

.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning.dxbl-grid-focused-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning.dxbl-grid-selected-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-warning[aria-selected="true"] > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative.dxbl-grid-focused-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative.dxbl-grid-selected-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-negative[aria-selected="true"] > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled.dxbl-grid-focused-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled.dxbl-grid-selected-row > td:first-child,
.data-panel[b-vitj5joqx4]  .profit-orders-grid .profit-row-disabled[aria-selected="true"] > td:first-child {
    box-shadow: inset 3px 0 0 var(--ziony-color-primary);
}

@media (max-width: 1120px) {
    .visibility-grid[b-vitj5joqx4],
    .profit-primary-summary-grid[b-vitj5joqx4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .visibility-item[b-vitj5joqx4],
    .visibility-item:first-child[b-vitj5joqx4],
    .visibility-item:last-child[b-vitj5joqx4] {
        border-left: 0;
        border-top: 1px solid var(--ziony-color-border);
        padding: var(--ziony-space-3);
    }

    .visibility-item:nth-child(-n + 2)[b-vitj5joqx4] {
        border-top: 0;
    }

    .profit-filter-panel[b-vitj5joqx4] {
        grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.45fr);
    }

    .profit-filter-clear[b-vitj5joqx4] {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .profit-heading[b-vitj5joqx4] {
        display: block;
    }

    .heading-actions[b-vitj5joqx4] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }

    .visibility-grid[b-vitj5joqx4],
    .profit-primary-summary-grid[b-vitj5joqx4],
    .profit-layer-grid[b-vitj5joqx4],
    .profit-legend-grid[b-vitj5joqx4],
    .profit-filter-panel[b-vitj5joqx4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .visibility-item[b-vitj5joqx4],
    .visibility-item:first-child[b-vitj5joqx4],
    .visibility-item:last-child[b-vitj5joqx4],
    .visibility-item:nth-child(-n + 2)[b-vitj5joqx4] {
        border-left: 0;
        border-top: 1px solid var(--ziony-color-border);
        padding: var(--ziony-space-3) 0;
    }

    .visibility-item:first-child[b-vitj5joqx4] {
        border-top: 0;
        padding-top: 0;
    }

    .profit-legend-group[b-vitj5joqx4],
    .profit-legend-group:first-child[b-vitj5joqx4],
    .profit-legend-group:last-child[b-vitj5joqx4] {
        border-left: 0;
        border-top: 1px solid var(--ziony-color-border);
        padding: var(--ziony-space-3) 0 0;
    }

    .profit-legend-group:first-child[b-vitj5joqx4] {
        border-top: 0;
        padding-top: 0;
    }

    .section-heading[b-vitj5joqx4] {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profit-filter-control[b-vitj5joqx4] {
        transition: none;
    }
}
/* /Components/Pages/PartnerSalesAnalysis.razor.rz.scp.css */
.partner-sales-heading[b-aprxlweuq9] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.partner-sales-heading-copy[b-aprxlweuq9] {
    min-width: 0;
}

.partner-sales-heading-copy p[b-aprxlweuq9] {
    max-width: 54rem;
}

.heading-actions[b-aprxlweuq9] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding-top: var(--ziony-space-2);
}

.partner-sales-filter-error[b-aprxlweuq9],
.analysis-toolbar[b-aprxlweuq9],
.pivot-options[b-aprxlweuq9],
.partner-sales-summary-grid[b-aprxlweuq9],
.status-strip[b-aprxlweuq9],
.chart-panel[b-aprxlweuq9],
.data-panel[b-aprxlweuq9] {
    margin-bottom: var(--ziony-space-4);
}

.analysis-toolbar[b-aprxlweuq9],
.pivot-options[b-aprxlweuq9],
.chart-panel[b-aprxlweuq9],
.data-panel[b-aprxlweuq9] {
    max-width: 100%;
    min-width: 0;
}

.analysis-toolbar[b-aprxlweuq9] {
    overflow: visible;
}

.analysis-filter-grid[b-aprxlweuq9] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns:
        minmax(12rem, 0.85fr)
        minmax(16rem, 1.2fr)
        minmax(20rem, 1.65fr)
        minmax(8rem, 0.55fr)
        minmax(12rem, 0.8fr);
}

.analysis-filter-field[b-aprxlweuq9] {
    display: grid;
    gap: var(--ziony-space-2);
    min-width: 0;
}

.analysis-filter-field > span[b-aprxlweuq9],
.pivot-days > span[b-aprxlweuq9] {
    color: var(--ziony-color-text-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.analysis-filter-field select[b-aprxlweuq9],
.pivot-days input[type="number"][b-aprxlweuq9] {
    appearance: none;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.analysis-filter-field select[b-aprxlweuq9] {
    background-image:
        linear-gradient(45deg, transparent 50%, var(--ziony-color-text-muted) 50%),
        linear-gradient(135deg, var(--ziony-color-text-muted) 50%, transparent 50%);
    background-position:
        calc(100% - 1rem) calc(50% - 2px),
        calc(100% - 0.72rem) calc(50% - 2px);
    background-repeat: no-repeat;
    background-size: 0.32rem 0.32rem, 0.32rem 0.32rem;
    padding-right: 2.25rem;
}

.analysis-filter-field select:hover[b-aprxlweuq9],
.pivot-days input[type="number"]:hover[b-aprxlweuq9] {
    background-color: var(--ziony-color-control-hover);
    border-color: var(--ziony-color-primary);
}

.analysis-filter-field select:focus-visible[b-aprxlweuq9],
.pivot-days input[type="number"]:focus-visible[b-aprxlweuq9] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.analysis-filter-field select:disabled[b-aprxlweuq9],
.pivot-days input[type="number"]:disabled[b-aprxlweuq9] {
    background-color: var(--ziony-color-control-disabled);
    border-color: var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    cursor: not-allowed;
}

.analysis-filter-field[b-aprxlweuq9]  .dxbl-tag-box {
    min-height: var(--ziony-control-height);
    width: 100%;
}

.analysis-filter-field[b-aprxlweuq9]  .dxbl-tag-box:focus-within {
    box-shadow: var(--ziony-focus-ring);
}

.pivot-choice[b-aprxlweuq9] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    cursor: pointer;
    display: flex;
    gap: var(--ziony-space-3);
    min-height: var(--ziony-control-height);
    padding: var(--ziony-space-2) var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out);
}

.pivot-choice:hover[b-aprxlweuq9] {
    background: var(--ziony-color-surface-hover);
    border-color: var(--ziony-color-border-strong);
}

.pivot-choice input[b-aprxlweuq9],
.checkbox-label input[b-aprxlweuq9] {
    accent-color: var(--ziony-color-primary);
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.pivot-choice input:focus-visible[b-aprxlweuq9],
.checkbox-label input:focus-visible[b-aprxlweuq9] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.pivot-choice__copy[b-aprxlweuq9] {
    display: grid;
    gap: 0.1rem;
}

.pivot-choice__copy strong[b-aprxlweuq9] {
    color: var(--ziony-color-text);
    font-size: 0.8rem;
}

.pivot-choice__copy small[b-aprxlweuq9] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
}

.pivot-options[b-aprxlweuq9] {
    align-items: end;
    display: flex;
    gap: var(--ziony-space-6);
    overflow: visible;
}

.pivot-days[b-aprxlweuq9] {
    display: grid;
    flex: 0 0 8rem;
    gap: var(--ziony-space-2);
}

.pivot-option-group[b-aprxlweuq9] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: var(--ziony-space-5);
    min-height: var(--ziony-control-height);
}

.checkbox-label[b-aprxlweuq9] {
    align-items: center;
    color: var(--ziony-color-text);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 600;
    gap: var(--ziony-space-2);
}

.checkbox-label:has(input:disabled)[b-aprxlweuq9],
.pivot-choice:has(input:disabled)[b-aprxlweuq9] {
    cursor: not-allowed;
    opacity: 0.66;
}

.partner-sales-summary-grid[b-aprxlweuq9] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.status-strip[b-aprxlweuq9] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-left: 3px solid var(--ziony-color-info);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    font-size: 0.8rem;
    line-height: 1.45;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.chart-panel[b-aprxlweuq9] {
    overflow: hidden;
    padding: 0;
}

.chart-panel-header[b-aprxlweuq9] {
    align-items: flex-start;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
    padding: var(--ziony-space-4) var(--ziony-space-5);
}

.chart-panel-header > div:first-child[b-aprxlweuq9] {
    min-width: 0;
}

.chart-kicker[b-aprxlweuq9] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin-bottom: var(--ziony-space-1);
    text-transform: uppercase;
}

.chart-panel h2[b-aprxlweuq9] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: -0.01em;
    line-height: 1.3;
    margin: 0;
}

.chart-panel-header p[b-aprxlweuq9] {
    color: var(--ziony-color-text-muted);
    font-size: 0.78rem;
    line-height: 1.45;
    margin: var(--ziony-space-1) 0 0;
}

.chart-mode-switch[b-aprxlweuq9] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: inline-flex;
    flex: 0 0 auto;
    gap: var(--ziony-space-1);
    padding: 0.2rem;
}

.chart-mode-button[b-aprxlweuq9] {
    background: transparent;
    border: 0;
    border-radius: calc(var(--ziony-radius-sm) - 0.15rem);
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    min-height: 2rem;
    padding: 0 var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out);
}

.chart-mode-button:hover[b-aprxlweuq9] {
    background: var(--ziony-color-surface-hover);
    color: var(--ziony-color-text);
}

.chart-mode-button:focus-visible[b-aprxlweuq9] {
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.chart-mode-button.is-active[b-aprxlweuq9] {
    background: var(--ziony-color-primary);
    box-shadow: var(--ziony-shadow-sm);
    color: var(--ziony-color-surface);
}

.chart-tab-content[b-aprxlweuq9] {
    min-width: 0;
    padding: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-5);
}

.devexpress-chart-content[b-aprxlweuq9] {
    min-height: 21rem;
    min-width: 0;
    overflow: visible;
}

.devexpress-chart-content[b-aprxlweuq9]  .partner-sales-devexpress-chart {
    min-height: 20rem;
}

.chart-tooltip[b-aprxlweuq9] {
    color: var(--ziony-color-text);
    font-size: 0.78rem;
    line-height: 1.45;
    padding: var(--ziony-space-2);
}

.chart-tooltip-title[b-aprxlweuq9] {
    font-weight: 750;
    margin-bottom: var(--ziony-space-1);
}

.chart-empty-state[b-aprxlweuq9] {
    align-content: center;
    color: var(--ziony-color-text-muted);
    display: grid;
    justify-content: center;
    min-height: 18rem;
    text-align: center;
}

.weekly-bars[b-aprxlweuq9] {
    display: grid;
    gap: var(--ziony-space-2);
    max-height: 30rem;
    overflow-y: auto;
    padding: var(--ziony-space-1) var(--ziony-space-2) var(--ziony-space-1) 0;
    scrollbar-color: var(--ziony-color-border-strong) transparent;
}

.bar-row[b-aprxlweuq9] {
    align-items: center;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: 7.5rem minmax(8rem, 1fr) 4.5rem;
    min-width: 0;
}

.bar-row span[b-aprxlweuq9],
.bar-row strong[b-aprxlweuq9] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    font-variant-numeric: tabular-nums;
}

.bar-row strong[b-aprxlweuq9] {
    color: var(--ziony-color-text);
    text-align: right;
}

.bar-track[b-aprxlweuq9] {
    background: var(--ziony-grid-progress-track);
    border-radius: var(--ziony-radius-pill);
    height: 0.55rem;
    min-width: 0;
    overflow: hidden;
}

.bar-fill[b-aprxlweuq9] {
    background: linear-gradient(90deg, var(--ziony-color-primary), var(--ziony-color-info));
    border-radius: inherit;
    height: 100%;
    min-width: 2px;
    transition: width var(--ziony-motion-slow) var(--ziony-ease-out);
}

.data-panel[b-aprxlweuq9] {
    overflow: hidden;
}

.data-panel[b-aprxlweuq9]  .partner-sales-grid {
    max-width: 100%;
}

.data-panel[b-aprxlweuq9]  .dxbl-grid-table-container {
    overflow-x: auto;
}

.alert[b-aprxlweuq9] {
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    font-size: 0.8rem;
    line-height: 1.45;
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.alert.error[b-aprxlweuq9] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-aprxlweuq9] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-aprxlweuq9] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-text-muted);
}

.pivot-cell[b-aprxlweuq9] {
    margin: -0.45rem -0.55rem;
    min-height: 2rem;
    padding: 0.45rem 0.55rem;
}

.number-cell[b-aprxlweuq9] {
    text-align: right;
}

@media (max-width: 1180px) {
    .analysis-filter-grid[b-aprxlweuq9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .analysis-filter-field--warehouse[b-aprxlweuq9] {
        grid-column: 1 / -1;
    }

    .partner-sales-summary-grid[b-aprxlweuq9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .partner-sales-heading[b-aprxlweuq9],
    .chart-panel-header[b-aprxlweuq9] {
        align-items: stretch;
        flex-direction: column;
    }

    .heading-actions[b-aprxlweuq9] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .analysis-filter-grid[b-aprxlweuq9] {
        grid-template-columns: 1fr;
    }

    .analysis-filter-field--warehouse[b-aprxlweuq9] {
        grid-column: auto;
    }

    .pivot-options[b-aprxlweuq9] {
        align-items: stretch;
        flex-direction: column;
        gap: var(--ziony-space-4);
    }

    .pivot-days[b-aprxlweuq9] {
        flex: 0 0 auto;
        max-width: 10rem;
    }

    .chart-mode-switch[b-aprxlweuq9] {
        align-self: flex-start;
    }
}

@media (max-width: 560px) {
    .partner-sales-summary-grid[b-aprxlweuq9] {
        grid-template-columns: 1fr;
    }

    .chart-panel-header[b-aprxlweuq9],
    .chart-tab-content[b-aprxlweuq9] {
        padding-left: var(--ziony-space-4);
        padding-right: var(--ziony-space-4);
    }

    .chart-mode-switch[b-aprxlweuq9] {
        align-items: stretch;
        display: grid;
        width: 100%;
    }

    .bar-row[b-aprxlweuq9] {
        gap: var(--ziony-space-2);
        grid-template-columns: 6.8rem minmax(5rem, 1fr) 3.5rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .analysis-filter-field select[b-aprxlweuq9],
    .pivot-days input[type="number"][b-aprxlweuq9],
    .pivot-choice[b-aprxlweuq9],
    .chart-mode-button[b-aprxlweuq9],
    .bar-fill[b-aprxlweuq9] {
        transition: none;
    }
}
/* /Components/Pages/PlanningAudit.razor.rz.scp.css */
.planning-audit-heading[b-6k562gyl9m] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.planning-audit-heading-copy[b-6k562gyl9m] {
    min-width: 0;
}

.planning-audit-page[b-6k562gyl9m] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
}

.planning-audit-feedback[b-6k562gyl9m] {
    margin: 0;
}

.planning-audit-feedback .ziony-feedback__icon img[b-6k562gyl9m] {
    height: 1.15rem;
    width: 1.15rem;
}

.planning-audit-scope[b-6k562gyl9m] {
    align-items: center;
    justify-content: space-between;
}

.planning-audit-summary-shell[b-6k562gyl9m] {
    padding: var(--ziony-space-4);
}

.planning-audit-summary-grid[b-6k562gyl9m] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.audit-summary-card[b-6k562gyl9m] {
    min-height: 5.1rem;
    padding: 0.78rem 0.88rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.audit-summary-card:hover[b-6k562gyl9m] {
    background: var(--ziony-color-surface-hover);
    border-color: color-mix(in srgb, var(--ziony-card-accent) 38%, var(--ziony-color-border));
    box-shadow: 0 8px 18px color-mix(in srgb, var(--ziony-card-accent) 12%, transparent);
    transform: translateY(-2px);
}

.audit-summary-card--violet[b-6k562gyl9m] {
    --ziony-card-accent: var(--ziony-color-accent-violet);
}

.audit-summary-card--orange[b-6k562gyl9m] {
    --ziony-card-accent: var(--ziony-color-warning);
}

.audit-summary-card .ziony-summary-card__label[b-6k562gyl9m] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.audit-summary-card .ziony-summary-card__value[b-6k562gyl9m] {
    font-size: 1.35rem;
}

.planning-audit-filters[b-6k562gyl9m] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.planning-audit-filter[b-6k562gyl9m] {
    align-items: center;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    gap: var(--ziony-space-2);
    min-height: 2.35rem;
    padding: 0.3rem 0.78rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.planning-audit-filter strong[b-6k562gyl9m] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.68rem;
    justify-content: center;
    min-height: 1.45rem;
    min-width: 1.6rem;
    padding: 0.12rem 0.42rem;
}

.planning-audit-filter:hover[b-6k562gyl9m],
.planning-audit-filter:focus-visible[b-6k562gyl9m] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 52%, var(--ziony-color-border));
    color: var(--ziony-color-primary-strong);
    outline: none;
    transform: translateY(-1px);
}

.planning-audit-filter:focus-visible[b-6k562gyl9m] {
    box-shadow: var(--ziony-focus-ring);
}

.planning-audit-filter.is-active[b-6k562gyl9m] {
    background: var(--ziony-color-primary);
    border-color: var(--ziony-color-primary);
    box-shadow: 0 7px 16px rgba(var(--ziony-color-primary-rgb), 0.18);
    color: #ffffff;
}

.planning-audit-filter.is-active strong[b-6k562gyl9m] {
    background: rgba(255, 255, 255, 0.92);
    color: var(--ziony-color-primary-strong);
}

.planning-audit-grid-panel[b-6k562gyl9m] {
    margin: 0;
}

.planning-audit-grid-count[b-6k562gyl9m] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    white-space: nowrap;
}

.planning-audit-grid-count strong[b-6k562gyl9m] {
    color: var(--ziony-color-text);
}

.planning-audit-feature[b-6k562gyl9m] {
    color: var(--ziony-color-text);
    font-weight: 750;
}

.planning-audit-severity[b-6k562gyl9m] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.69rem;
    font-weight: 750;
    justify-content: center;
    min-height: 1.65rem;
    padding: 0.15rem 0.55rem;
    white-space: nowrap;
}

.planning-audit-severity--error[b-6k562gyl9m] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.planning-audit-severity--warning[b-6k562gyl9m] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
    color: color-mix(in srgb, var(--ziony-color-warning) 78%, var(--ziony-color-text));
}

.planning-audit-severity--info[b-6k562gyl9m] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.planning-audit-issue-type[b-6k562gyl9m] {
    color: var(--ziony-color-info);
    font: 650 0.7rem/1.4 Consolas, "Courier New", monospace;
    overflow-wrap: anywhere;
}

.planning-audit-grid-state[b-6k562gyl9m] {
    min-height: 14rem;
}

.planning-audit-spinner img[b-6k562gyl9m] {
    animation: planning-audit-spin-b-6k562gyl9m 900ms linear infinite;
}

@keyframes planning-audit-spin-b-6k562gyl9m {
    to {
        transform: rotate(360deg);
    }
}

@media (min-width: 1680px) {
    .planning-audit-summary-grid[b-6k562gyl9m] {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .planning-audit-heading[b-6k562gyl9m] {
        flex-direction: column;
    }

    .planning-audit-heading .heading-actions[b-6k562gyl9m] {
        justify-content: flex-start;
    }

    .planning-audit-summary-grid[b-6k562gyl9m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .planning-audit-scope[b-6k562gyl9m] {
        align-items: stretch;
        flex-direction: column;
    }

    .planning-audit-summary-grid[b-6k562gyl9m] {
        grid-template-columns: 1fr;
    }

    .planning-audit-filter[b-6k562gyl9m] {
        flex: 1 1 calc(50% - var(--ziony-space-2));
        justify-content: space-between;
    }
}

@media (prefers-reduced-motion: reduce) {
    .audit-summary-card[b-6k562gyl9m],
    .planning-audit-filter[b-6k562gyl9m] {
        transition: none;
    }

    .audit-summary-card:hover[b-6k562gyl9m],
    .planning-audit-filter:hover[b-6k562gyl9m],
    .planning-audit-filter:focus-visible[b-6k562gyl9m] {
        transform: none;
    }

    .planning-audit-spinner img[b-6k562gyl9m] {
        animation: none;
    }
}
/* /Components/Pages/PlanningDependencies.razor.rz.scp.css */
.pd-heading[b-zettnkhkh2] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-5);
}

.pd-heading-copy[b-zettnkhkh2] {
    min-width: 0;
}

.pd-heading h1[b-zettnkhkh2] {
    margin-bottom: var(--ziony-space-2);
}

.pd-heading p[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    margin: 0;
    max-width: 58rem;
}

.pd-heading-actions[b-zettnkhkh2] {
    flex: 0 0 auto;
    margin: 0;
}

.pd-page[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
    position: relative;
}

.pd-viewbar[b-zettnkhkh2] {
    align-items: center;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    min-width: 0;
    padding: var(--ziony-space-2);
}

.pd-viewbar > div[b-zettnkhkh2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.pd-viewbar > span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.78rem;
    padding-inline: var(--ziony-space-2);
    text-align: right;
}

.pd-viewbar strong[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-weight: 650;
}

.pd-feedback[b-zettnkhkh2],
.pd-empty[b-zettnkhkh2] {
    margin: 0;
}

.pd-kpis[b-zettnkhkh2] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pd-kpis .ziony-summary-card[b-zettnkhkh2] {
    min-height: 6.6rem;
}

.pd-story[b-zettnkhkh2] {
    border-left: 3px solid var(--ziony-color-info);
    margin: 0;
    min-height: 0;
}

.pd-story .ziony-feedback__icon[b-zettnkhkh2] {
    height: 1.25rem;
    width: 1.25rem;
}

.pd-story p[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    line-height: 1.55;
    margin: 0;
}

.pd-warnings[b-zettnkhkh2] {
    margin: var(--ziony-space-2) 0 0;
    padding-left: var(--ziony-space-5);
}

.pd-filters[b-zettnkhkh2] {
    align-items: end;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(15rem, 1.6fr) repeat(4, minmax(9.5rem, 1fr));
    padding: var(--ziony-space-3);
}

.pd-filters label[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    display: grid;
    font-size: 0.72rem;
    font-weight: 650;
    gap: 0.38rem;
    letter-spacing: 0.01em;
    min-width: 0;
}

.pd-filters input[b-zettnkhkh2],
.pd-filters select[b-zettnkhkh2] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    height: var(--ziony-control-height-compact);
    min-width: 0;
    outline: none;
    padding: 0 var(--ziony-space-3);
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.pd-filters input:focus[b-zettnkhkh2],
.pd-filters select:focus[b-zettnkhkh2] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.pd-filters input:disabled[b-zettnkhkh2],
.pd-filters select:disabled[b-zettnkhkh2] {
    background: var(--ziony-color-control-disabled);
    color: var(--ziony-color-text-muted);
    cursor: not-allowed;
}

.pd-search-control[b-zettnkhkh2] {
    display: block;
    position: relative;
}

.pd-search-control > img[b-zettnkhkh2] {
    height: 1rem;
    left: var(--ziony-space-3);
    opacity: 0.62;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
}

.pd-search-control input[b-zettnkhkh2] {
    padding-left: 2.15rem;
    padding-right: 4rem;
}

.pd-search-control button[b-zettnkhkh2] {
    background: transparent;
    border: 0;
    color: var(--ziony-color-primary);
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0.35rem;
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
}

.pd-search-control button:hover[b-zettnkhkh2] {
    color: var(--ziony-color-primary-strong);
}

.pd-path[b-zettnkhkh2] {
    align-items: stretch;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(0, 1fr) 1.3rem minmax(12rem, 0.78fr) 1.3rem minmax(0, 1fr);
    padding: var(--ziony-space-3);
}

.pd-path-side[b-zettnkhkh2] {
    min-width: 0;
}

.pd-path-side > span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    display: block;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    margin-bottom: var(--ziony-space-2);
    text-transform: uppercase;
}

.pd-path-side > div[b-zettnkhkh2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.pd-path-side button[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text);
    cursor: pointer;
    font-size: 0.72rem;
    font-weight: 600;
    max-width: 100%;
    overflow: hidden;
    padding: 0.3rem 0.65rem;
    text-overflow: ellipsis;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    white-space: nowrap;
}

.pd-path-side.is-incoming button:hover[b-zettnkhkh2] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    transform: translateX(2px);
}

.pd-path-side.is-outgoing button:hover[b-zettnkhkh2] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    transform: translateX(-2px);
}

.pd-path-side small[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
}

.pd-path-arrow[b-zettnkhkh2] {
    align-self: center;
    height: 1rem;
    opacity: 0.48;
    width: 1rem;
}

.pd-path-selected[b-zettnkhkh2] {
    align-items: flex-start;
    background: var(--ziony-color-primary-soft);
    border: 1px solid rgba(var(--ziony-color-primary-rgb), 0.34);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: var(--ziony-space-3);
    text-align: left;
    transition:
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.pd-path-selected:hover[b-zettnkhkh2] {
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-2px);
}

.pd-path-selected span[b-zettnkhkh2],
.pd-path-selected small[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
}

.pd-path-selected strong[b-zettnkhkh2] {
    font-size: 0.9rem;
    line-height: 1.25;
    margin: 0.18rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.pd-workspace[b-zettnkhkh2] {
    align-items: start;
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 21rem);
    min-width: 0;
}

.pd-main[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
}

.pd-map[b-zettnkhkh2] {
    min-width: 0;
    overflow: hidden;
    padding: 0;
}

.pd-layer-scroll[b-zettnkhkh2] {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    padding: var(--ziony-space-3);
    scrollbar-color: var(--ziony-color-border-strong) transparent;
    scrollbar-width: thin;
}

.pd-layers[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(7, minmax(9.8rem, 1fr));
    min-width: 71rem;
}

.pd-layer[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    min-width: 0;
    padding: var(--ziony-space-2);
}

.pd-layer > header[b-zettnkhkh2] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-2);
    margin-bottom: var(--ziony-space-2);
    min-height: 2.35rem;
}

.pd-layer > header > span[b-zettnkhkh2] {
    align-items: center;
    background: var(--ziony-color-primary);
    border-radius: var(--ziony-radius-pill);
    color: #fff;
    display: inline-flex;
    flex: 0 0 1.35rem;
    font-size: 0.67rem;
    font-weight: 750;
    height: 1.35rem;
    justify-content: center;
    width: 1.35rem;
}

.pd-layer > header > strong[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-size: 0.7rem;
    line-height: 1.25;
}

.pd-node-list[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-2);
}

.pd-node[b-zettnkhkh2] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-left: 3px solid var(--ziony-color-neutral);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    min-height: 3.7rem;
    min-width: 0;
    padding: 0.55rem 0.58rem;
    position: relative;
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.pd-node:hover[b-zettnkhkh2] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-2px);
}

.pd-node:focus-visible[b-zettnkhkh2],
.pd-edge:focus-visible[b-zettnkhkh2],
.pd-detail-edge:focus-visible[b-zettnkhkh2],
.pd-path button:focus-visible[b-zettnkhkh2],
.pd-edge-scope button:focus-visible[b-zettnkhkh2] {
    outline: none;
    box-shadow: var(--ziony-focus-ring);
}

.pd-node.selected[b-zettnkhkh2] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
    border-left-color: var(--ziony-color-primary);
    box-shadow: inset 0 -2px 0 var(--ziony-color-primary), var(--ziony-shadow-sm);
}

.pd-node.incoming[b-zettnkhkh2] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    border-left-color: var(--ziony-color-info);
}

.pd-node.outgoing[b-zettnkhkh2] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    border-left-color: var(--ziony-color-success);
}

.pd-node.bidirectional[b-zettnkhkh2] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
    border-left-color: var(--ziony-color-warning);
}

.pd-node.muted[b-zettnkhkh2] {
    opacity: 0.58;
}

.pd-node.muted:hover[b-zettnkhkh2] {
    opacity: 1;
}

.pd-node.placeholder[b-zettnkhkh2] {
    border-style: dashed;
}

.pd-kind-feature[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-info);
}

.pd-kind-externalsystem[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-warning);
}

.pd-kind-businessoutcome[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-success);
}

.pd-kind-internaltool[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-accent-violet);
}

.pd-node-title[b-zettnkhkh2] {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.pd-node-category[b-zettnkhkh2],
.pd-node-meta[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.62rem;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pd-node-meta[b-zettnkhkh2] {
    background: var(--ziony-color-neutral-soft);
    border-radius: 0.25rem;
    margin-top: 0.15rem;
    padding: 0.12rem 0.25rem;
}

.pd-map-legend[b-zettnkhkh2] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-3);
    padding: 0.65rem var(--ziony-space-3);
}

.pd-map-legend span[b-zettnkhkh2] {
    align-items: center;
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.65rem;
    gap: 0.3rem;
}

.pd-map-legend i[b-zettnkhkh2] {
    background: var(--ziony-color-neutral);
    border-radius: var(--ziony-radius-pill);
    display: inline-block;
    height: 0.46rem;
    width: 0.46rem;
}

.pd-map-legend i.is-selected[b-zettnkhkh2] {
    background: var(--ziony-color-primary);
}

.pd-map-legend i.is-incoming[b-zettnkhkh2] {
    background: var(--ziony-color-info);
}

.pd-map-legend i.is-outgoing[b-zettnkhkh2] {
    background: var(--ziony-color-success);
}

.pd-map-legend i.is-bidirectional[b-zettnkhkh2] {
    background: var(--ziony-color-warning);
}

.pd-map-legend small[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.65rem;
    margin-left: auto;
}

.pd-inline-empty[b-zettnkhkh2] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 18rem;
    padding: var(--ziony-space-8);
    text-align: center;
}

.pd-inline-empty > img[b-zettnkhkh2] {
    height: 2rem;
    margin-bottom: var(--ziony-space-3);
    opacity: 0.55;
    width: 2rem;
}

.pd-inline-empty p[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    margin: var(--ziony-space-1) 0 var(--ziony-space-4);
}

.pd-edges[b-zettnkhkh2] {
    min-width: 0;
    padding: 0;
}

.pd-section-head[b-zettnkhkh2] {
    align-items: center;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    padding: var(--ziony-space-3);
}

.pd-section-head h2[b-zettnkhkh2],
.pd-detail-head h2[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-size: 0.98rem;
    line-height: 1.25;
    margin: 0.08rem 0 0;
}

.pd-section-kicker[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    display: block;
    font-size: 0.61rem;
    font-weight: 750;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

.pd-edge-scope[b-zettnkhkh2] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    display: flex;
    gap: 0.18rem;
    padding: 0.2rem;
}

.pd-edge-scope button[b-zettnkhkh2] {
    background: transparent;
    border: 0;
    border-radius: 0.36rem;
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 650;
    padding: 0.36rem 0.55rem;
}

.pd-edge-scope button:hover[b-zettnkhkh2] {
    background: var(--ziony-color-surface);
    color: var(--ziony-color-text);
}

.pd-edge-scope button.is-active[b-zettnkhkh2] {
    background: var(--ziony-color-primary);
    color: #fff;
}

.pd-edge-scope > span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.65rem;
    padding: 0 0.45rem;
}

.pd-edge-list[b-zettnkhkh2] {
    display: grid;
}

.pd-edge[b-zettnkhkh2] {
    align-items: center;
    background: var(--ziony-color-surface);
    border: 0;
    border-bottom: 1px solid var(--ziony-color-border);
    border-left: 3px solid transparent;
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(7rem, 0.75fr) 1rem minmax(7rem, 0.75fr) minmax(12rem, 1.7fr) auto;
    min-width: 0;
    padding: 0.68rem var(--ziony-space-3);
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out);
}

.pd-edge:last-child[b-zettnkhkh2] {
    border-bottom: 0;
}

.pd-edge:hover[b-zettnkhkh2] {
    background: var(--ziony-color-surface-hover);
    border-left-color: var(--ziony-color-primary);
}

.pd-edge.incoming[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-info);
}

.pd-edge.outgoing[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-success);
}

.pd-edge-source[b-zettnkhkh2],
.pd-edge-target[b-zettnkhkh2] {
    font-size: 0.72rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pd-edge > img[b-zettnkhkh2] {
    height: 0.9rem;
    opacity: 0.52;
    width: 0.9rem;
}

.pd-edge-desc[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.69rem;
    line-height: 1.35;
}

.pd-edge-meta[b-zettnkhkh2] {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    font-size: 0.6rem;
    padding: 0.25rem 0.45rem;
    white-space: nowrap;
}

.pd-edge-empty[b-zettnkhkh2] {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 7rem;
    justify-content: center;
    padding: var(--ziony-space-5);
}

.pd-edge-empty strong[b-zettnkhkh2] {
    font-size: 0.82rem;
}

.pd-edge-empty span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    margin-top: var(--ziony-space-1);
}

.pd-detail[b-zettnkhkh2] {
    max-height: calc(100vh - var(--ziony-topbar-height) - 2rem);
    overflow: auto;
    padding: var(--ziony-space-4);
    position: sticky;
    scrollbar-color: var(--ziony-color-border-strong) transparent;
    scrollbar-width: thin;
    top: calc(var(--ziony-topbar-height) + var(--ziony-space-3));
}

.pd-detail-head[b-zettnkhkh2] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-3);
    justify-content: space-between;
}

.pd-pill[b-zettnkhkh2] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid rgba(var(--ziony-color-primary-rgb), 0.28);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary-strong);
    flex: 0 0 auto;
    font-size: 0.62rem;
    font-weight: 700;
    padding: 0.25rem 0.48rem;
}

.pd-detail-desc[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    line-height: 1.5;
    margin: var(--ziony-space-3) 0;
}

.pd-internal[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-2);
    margin: 0 0 var(--ziony-space-4);
    padding: var(--ziony-space-3);
}

.pd-internal div[b-zettnkhkh2] {
    display: grid;
    gap: 0.1rem;
}

.pd-internal dt[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.6rem;
    font-weight: 650;
}

.pd-internal dd[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-size: 0.72rem;
    margin: 0;
    overflow-wrap: anywhere;
}

.pd-source[b-zettnkhkh2],
.pd-detail-section[b-zettnkhkh2] {
    border-top: 1px solid var(--ziony-color-border);
    margin-top: var(--ziony-space-4);
    padding-top: var(--ziony-space-4);
}

.pd-source h3[b-zettnkhkh2],
.pd-detail-section h3[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-size: 0.8rem;
    margin: 0.16rem 0 var(--ziony-space-3);
}

.pd-detail-section h3 small[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.65rem;
    font-weight: 600;
}

.pd-source-block[b-zettnkhkh2] {
    margin-bottom: var(--ziony-space-3);
}

.pd-source-block > span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    display: block;
    font-size: 0.62rem;
    font-weight: 650;
    margin-bottom: 0.2rem;
}

.pd-source-block strong[b-zettnkhkh2],
.pd-source-block p[b-zettnkhkh2] {
    color: var(--ziony-color-text);
    font-size: 0.7rem;
    line-height: 1.45;
    margin: 0;
}

.pd-source-chip-row[b-zettnkhkh2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.pd-source-chip[b-zettnkhkh2] {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    font-size: 0.6rem;
    padding: 0.22rem 0.4rem;
}

.pd-source-actions[b-zettnkhkh2],
.pd-source-docs[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-2);
}

.pd-source-actions[b-zettnkhkh2] {
    margin-bottom: var(--ziony-space-3);
}

.pd-source-actions[b-zettnkhkh2]  .pd-planning-link {
    justify-content: flex-start;
    width: 100%;
}

.pd-source-doc-button[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding: var(--ziony-space-2);
    text-align: left;
}

.pd-source-doc-button:hover[b-zettnkhkh2] {
    background: var(--ziony-color-surface-hover);
    border-color: var(--ziony-color-primary);
}

.pd-source-doc-button span[b-zettnkhkh2] {
    color: var(--ziony-color-primary);
    font-size: 0.65rem;
    font-weight: 700;
}

.pd-source-doc-button code[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.57rem;
    overflow-wrap: anywhere;
}

.pd-source-doc-invalid[b-zettnkhkh2] {
    color: var(--ziony-color-danger);
    font-size: 0.68rem;
}

.pd-detail-list[b-zettnkhkh2] {
    display: grid;
    gap: var(--ziony-space-2);
}

.pd-detail-edge[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-left: 3px solid var(--ziony-color-neutral);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    gap: 0.2rem;
    padding: 0.58rem 0.65rem;
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.pd-detail-edge.is-outgoing[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-success);
}

.pd-detail-edge.is-incoming[b-zettnkhkh2] {
    border-left-color: var(--ziony-color-info);
}

.pd-detail-edge:hover[b-zettnkhkh2] {
    background: var(--ziony-color-surface-hover);
    border-color: var(--ziony-color-primary);
    transform: translateX(2px);
}

.pd-detail-edge strong[b-zettnkhkh2] {
    font-size: 0.7rem;
}

.pd-detail-edge span[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.64rem;
    line-height: 1.35;
}

.pd-detail-edge em[b-zettnkhkh2] {
    color: var(--ziony-color-warning);
    font-size: 0.58rem;
    font-style: normal;
    font-weight: 700;
}

.pd-detail .muted[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    line-height: 1.4;
    margin: 0;
}

.pd-warning-panel[b-zettnkhkh2] {
    background: var(--ziony-color-warning-soft);
    border: 1px solid var(--ziony-color-warning-border);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-text);
    padding: var(--ziony-space-4);
}

.pd-warning-panel h2[b-zettnkhkh2] {
    font-size: 0.9rem;
    margin: 0 0 var(--ziony-space-2);
}

.pd-warning-panel ul[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    margin: 0;
    padding-left: var(--ziony-space-5);
}

.pd-document-panel[b-zettnkhkh2] {
    padding: var(--ziony-space-4);
}

.pd-document-header[b-zettnkhkh2] {
    align-items: flex-start;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-4);
    padding-bottom: var(--ziony-space-3);
}

.pd-document-header h2[b-zettnkhkh2] {
    font-size: 0.98rem;
    margin: 0;
}

.pd-document-header p[b-zettnkhkh2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
    margin: var(--ziony-space-1) 0 0;
    overflow-wrap: anywhere;
}

.pd-document-meta[b-zettnkhkh2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    margin-bottom: var(--ziony-space-3);
}

.pd-document-meta span[b-zettnkhkh2] {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    font-size: 0.65rem;
    padding: 0.24rem 0.48rem;
}

.pd-document-pre[b-zettnkhkh2],
.pd-document-markdown[b-zettnkhkh2] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font-size: 0.76rem;
    line-height: 1.6;
    max-height: 42rem;
    overflow: auto;
    padding: var(--ziony-space-4);
    white-space: pre-wrap;
}

.pd-document-markdown[b-zettnkhkh2]  h1,
.pd-document-markdown[b-zettnkhkh2]  h2,
.pd-document-markdown[b-zettnkhkh2]  h3,
.pd-document-markdown[b-zettnkhkh2]  h4,
.pd-document-markdown[b-zettnkhkh2]  h5,
.pd-document-markdown[b-zettnkhkh2]  h6 {
    color: var(--ziony-color-text);
    line-height: 1.3;
    margin: 1.2em 0 0.5em;
}

.pd-document-markdown[b-zettnkhkh2]  h1:first-child,
.pd-document-markdown[b-zettnkhkh2]  h2:first-child,
.pd-document-markdown[b-zettnkhkh2]  h3:first-child {
    margin-top: 0;
}

.pd-document-markdown[b-zettnkhkh2]  h1 {
    font-size: 1.35rem;
}

.pd-document-markdown[b-zettnkhkh2]  h2 {
    font-size: 1.12rem;
}

.pd-document-markdown[b-zettnkhkh2]  h3 {
    font-size: 0.98rem;
}

.pd-document-markdown[b-zettnkhkh2]  p,
.pd-document-markdown[b-zettnkhkh2]  ul,
.pd-document-markdown[b-zettnkhkh2]  ol {
    margin: 0.55em 0;
}

.pd-document-markdown[b-zettnkhkh2]  blockquote {
    border-left: 3px solid var(--ziony-color-info);
    color: var(--ziony-color-text-muted);
    margin: var(--ziony-space-3) 0;
    padding-left: var(--ziony-space-3);
}

.pd-document-markdown[b-zettnkhkh2]  pre {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    overflow: auto;
    padding: var(--ziony-space-3);
}

.pd-document-markdown[b-zettnkhkh2]  .pd-markdown-table-wrap {
    overflow-x: auto;
}

.pd-document-markdown[b-zettnkhkh2]  table {
    border-collapse: collapse;
    min-width: 36rem;
    width: 100%;
}

.pd-document-markdown[b-zettnkhkh2]  th,
.pd-document-markdown[b-zettnkhkh2]  td {
    border: 1px solid var(--ziony-color-border);
    padding: 0.42rem 0.55rem;
    text-align: left;
    vertical-align: top;
}

.pd-document-markdown[b-zettnkhkh2]  th {
    background: var(--ziony-grid-header-surface);
    color: var(--ziony-grid-header-text);
}

.pd-refresh-mask[b-zettnkhkh2] {
    align-items: center;
    background: var(--ziony-grid-state-overlay);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-pill);
    box-shadow: var(--ziony-shadow-md);
    color: var(--ziony-color-text);
    display: flex;
    font-size: 0.72rem;
    font-weight: 650;
    gap: var(--ziony-space-2);
    left: 50%;
    padding: 0.45rem 0.78rem;
    pointer-events: none;
    position: fixed;
    top: calc(var(--ziony-topbar-height) + var(--ziony-space-4));
    transform: translateX(-50%);
    z-index: 20;
}

.pd-refresh-mask img[b-zettnkhkh2] {
    animation: pd-spin-b-zettnkhkh2 0.85s linear infinite;
    height: 1rem;
    width: 1rem;
}

@keyframes pd-spin-b-zettnkhkh2 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1280px) {
    .pd-kpis[b-zettnkhkh2] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .pd-filters[b-zettnkhkh2] {
        grid-template-columns: minmax(14rem, 1.5fr) repeat(2, minmax(9rem, 1fr));
    }

    .pd-workspace[b-zettnkhkh2] {
        grid-template-columns: minmax(0, 1fr) minmax(17rem, 19rem);
    }

    .pd-edge[b-zettnkhkh2] {
        grid-template-columns: minmax(6rem, 0.75fr) 1rem minmax(6rem, 0.75fr) minmax(10rem, 1.5fr);
    }

    .pd-edge-meta[b-zettnkhkh2] {
        grid-column: 4;
        justify-self: start;
    }
}

@media (max-width: 980px) {
    .pd-heading[b-zettnkhkh2],
    .pd-viewbar[b-zettnkhkh2] {
        align-items: stretch;
        flex-direction: column;
    }

    .pd-viewbar > span[b-zettnkhkh2] {
        text-align: left;
    }

    .pd-kpis[b-zettnkhkh2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-filters[b-zettnkhkh2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pd-search[b-zettnkhkh2] {
        grid-column: 1 / -1;
    }

    .pd-path[b-zettnkhkh2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pd-path-arrow[b-zettnkhkh2] {
        display: none;
    }

    .pd-workspace[b-zettnkhkh2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pd-detail[b-zettnkhkh2] {
        max-height: none;
        position: static;
    }
}

@media (max-width: 680px) {
    .pd-kpis[b-zettnkhkh2],
    .pd-filters[b-zettnkhkh2] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pd-search[b-zettnkhkh2] {
        grid-column: auto;
    }

    .pd-section-head[b-zettnkhkh2] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pd-edge-scope[b-zettnkhkh2] {
        flex-wrap: wrap;
        width: 100%;
    }

    .pd-edge[b-zettnkhkh2] {
        gap: var(--ziony-space-2);
        grid-template-columns: minmax(0, 1fr) 1rem minmax(0, 1fr);
    }

    .pd-edge-desc[b-zettnkhkh2],
    .pd-edge-meta[b-zettnkhkh2] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pd-refresh-mask img[b-zettnkhkh2] {
        animation: none;
    }

    .pd-node[b-zettnkhkh2],
    .pd-edge[b-zettnkhkh2],
    .pd-detail-edge[b-zettnkhkh2],
    .pd-path button[b-zettnkhkh2] {
        transition-duration: 0.01ms;
    }
}
/* /Components/Pages/PlanningHealth.razor.rz.scp.css */
.page-heading[b-17i61v516t] {
    margin-bottom: 1.5rem;
}

.heading-actions[b-17i61v516t] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.data-panel[b-17i61v516t] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    margin-bottom: 1.25rem;
    padding: 1rem;
}

.health-overview-panel[b-17i61v516t] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(180px, 1.25fr) repeat(3, minmax(120px, 1fr));
}

.health-summary-grid[b-17i61v516t] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

.health-status-card[b-17i61v516t],
.summary-card[b-17i61v516t] {
    background: #f8fafc;
    border: 1px solid #dce3ea;
    border-left: 4px solid #788ca3;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 74px;
    padding: 0.85rem 1rem;
}

.health-status-card span[b-17i61v516t],
.summary-card span[b-17i61v516t] {
    color: #607083;
    font-size: 0.8rem;
    line-height: 1.25;
}

.health-status-card strong[b-17i61v516t],
.summary-card strong[b-17i61v516t] {
    color: #17202a;
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1.2;
}

.summary-card.ok[b-17i61v516t],
.status-ok[b-17i61v516t] {
    border-left-color: #16a34a;
}

.summary-card.warning[b-17i61v516t],
.status-warning[b-17i61v516t] {
    border-left-color: #d97706;
}

.summary-card.error[b-17i61v516t],
.status-error[b-17i61v516t] {
    border-left-color: #dc2626;
}

.status-info[b-17i61v516t] {
    border-left-color: #2563eb;
}

.panel-title-row[b-17i61v516t] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.panel-title-row h2[b-17i61v516t] {
    font-size: 1.2rem;
    margin: 0 0 0.25rem;
}

.muted[b-17i61v516t] {
    color: #607083;
    margin: 0;
}

.health-internal-toggle[b-17i61v516t] {
    align-items: center;
    color: #475569;
    display: inline-flex;
    font-size: 0.9rem;
    font-weight: 600;
    gap: 0.45rem;
    min-height: 2rem;
    white-space: nowrap;
}

.health-internal-toggle input[b-17i61v516t] {
    height: 1rem;
    width: 1rem;
}

.health-status-pill[b-17i61v516t] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    color: #334155;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    justify-content: center;
    min-height: 1.55rem;
    min-width: 4.5rem;
    padding: 0.1rem 0.5rem;
}

.health-status-pill.status-ok[b-17i61v516t] {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.health-status-pill.status-warning[b-17i61v516t] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #854d0e;
}

.health-status-pill.status-error[b-17i61v516t] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.health-status-pill.status-info[b-17i61v516t] {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

.health-details-cell[b-17i61v516t] {
    color: #334155;
    font-size: 0.88rem;
    line-height: 1.4;
}

.health-details-cell p[b-17i61v516t] {
    margin: 0;
}

.health-details-cell pre[b-17i61v516t] {
    background: #0f172a;
    border-radius: 6px;
    color: #e2e8f0;
    font-size: 0.78rem;
    line-height: 1.45;
    margin: 0.55rem 0 0;
    max-height: 12rem;
    overflow: auto;
    padding: 0.65rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.health-link-grid[b-17i61v516t] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.health-link-item[b-17i61v516t] {
    background: #f8fafc;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    color: #17202a;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-height: 4.25rem;
    padding: 0.8rem 0.9rem;
    text-align: left;
}

.health-link-item:hover[b-17i61v516t] {
    background: #eef6f4;
    border-color: #96b7b0;
}

.health-link-item strong[b-17i61v516t] {
    font-size: 0.95rem;
}

.health-link-item span[b-17i61v516t] {
    color: #607083;
    font-size: 0.82rem;
    line-height: 1.3;
}

@media (max-width: 900px) {
    .health-overview-panel[b-17i61v516t],
    .health-summary-grid[b-17i61v516t],
    .health-link-grid[b-17i61v516t] {
        grid-template-columns: 1fr;
    }

    .panel-title-row[b-17i61v516t] {
        flex-direction: column;
    }

    .health-internal-toggle[b-17i61v516t] {
        white-space: normal;
    }
}
/* /Components/Pages/PlanningMap.razor.rz.scp.css */
.pm-kpis[b-5u00wdz0bp] {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) repeat(3, minmax(180px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}

.pm-kpis.presentation[b-5u00wdz0bp] {
    grid-template-columns: minmax(280px, 2fr) minmax(220px, 1fr);
}

.pm-kpi-headline[b-5u00wdz0bp],
.pm-kpi-group[b-5u00wdz0bp] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pm-kpi-headline[b-5u00wdz0bp] {
    border-left: 4px solid #1d9e75;
}

.pm-kpi-group[b-5u00wdz0bp] {
    border-left: 4px solid #9aa0a6;
}

.pm-kpi-verification[b-5u00wdz0bp] {
    border-left-color: #378add;
}

.pm-kpi-audit[b-5u00wdz0bp] {
    border-left-color: #ef9f27;
}

.pm-kpi-documentation[b-5u00wdz0bp] {
    border-left-color: #9aa0a6;
}

.pm-kpi-headline > span:first-child[b-5u00wdz0bp],
.pm-kpi-group > span:first-child[b-5u00wdz0bp] {
    font-size: 12.5px;
    color: var(--bs-secondary-color, #666);
}

.pm-kpi-headline strong[b-5u00wdz0bp],
.pm-kpi-group strong[b-5u00wdz0bp] {
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.pm-kpi-detail[b-5u00wdz0bp] {
    color: var(--bs-secondary-color, #777);
    font-size: 11.5px;
    line-height: 1.35;
}

.pm-summary-bar[b-5u00wdz0bp],
.pm-bar[b-5u00wdz0bp] {
    display: block;
    overflow: hidden;
    background: var(--bs-tertiary-bg, #eee);
    border-radius: 999px;
}

.pm-summary-bar[b-5u00wdz0bp] {
    height: 7px;
    margin-top: 3px;
}

.pm-summary-bar-fill[b-5u00wdz0bp],
.pm-bar-fill[b-5u00wdz0bp] {
    display: block;
    height: 100%;
    border-radius: inherit;
}

.pm-progress-good[b-5u00wdz0bp] {
    background: #1d9e75;
}

.pm-progress-warn[b-5u00wdz0bp] {
    background: #d9901a;
}

.pm-progress-bad[b-5u00wdz0bp] {
    background: #c94d4d;
}

.pm-filters[b-5u00wdz0bp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.pm-chip[b-5u00wdz0bp] {
    border: 1px solid var(--bs-border-color, #d6d6d6);
    background: var(--bs-body-bg, #fff);
    border-radius: 999px;
    padding: 6px 14px;
    font-size: 13px;
    cursor: pointer;
    color: var(--bs-body-color, #333);
}

.pm-chip:hover[b-5u00wdz0bp] {
    background: var(--bs-tertiary-bg, #f3f3f3);
}

.pm-chip.active[b-5u00wdz0bp] {
    background: #534ab7;
    border-color: #534ab7;
    color: #fff;
}

.pm-card-style-switcher[b-5u00wdz0bp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}

.pm-card-style-label[b-5u00wdz0bp] {
    margin-right: 4px;
    color: var(--bs-secondary-color, #666);
    font-size: 12.5px;
    font-weight: 500;
}

.pm-card-style-button[b-5u00wdz0bp] {
    border: 1px solid var(--bs-border-color, #d6d6d6);
    border-radius: 999px;
    background: var(--bs-body-bg, #fff);
    color: var(--bs-body-color, #333);
    cursor: pointer;
    font-size: 12px;
    padding: 5px 11px;
}

.pm-card-style-button:hover[b-5u00wdz0bp] {
    background: var(--bs-tertiary-bg, #f3f3f3);
}

.pm-card-style-button.active[b-5u00wdz0bp] {
    border-color: #534ab7;
    background: #534ab7;
    color: #fff;
}

.pm-layout[b-5u00wdz0bp] {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

.pm-groups[b-5u00wdz0bp] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}

.pm-group[b-5u00wdz0bp] {
    min-width: 0;
}

.pm-group-header[b-5u00wdz0bp] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 9px;
}

.pm-group-dot[b-5u00wdz0bp] {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.pm-group-header h2[b-5u00wdz0bp] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
}

.pm-group-summary[b-5u00wdz0bp] {
    color: var(--bs-secondary-color, #777);
    font-size: 11.5px;
}

.pm-grid[b-5u00wdz0bp] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 12px;
    min-width: 0;
}

.pm-card[b-5u00wdz0bp] {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    text-align: left;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-radius: 12px;
    padding: 11px 13px;
    cursor: pointer;
    min-width: 0;
    min-height: 88px;
    color: var(--bs-body-color, #333);
}

.pm-card:hover[b-5u00wdz0bp] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .08);
}

.pm-card.selected[b-5u00wdz0bp] {
    outline: 2px solid #534ab7;
    outline-offset: -1px;
}

.pm-card[b-5u00wdz0bp]::before,
.pm-card[b-5u00wdz0bp]::after {
    content: "";
    position: absolute;
    z-index: 0;
    background: var(--pm-accent, #9aa0a6);
    opacity: 0;
    pointer-events: none;
}

.pm-card-style-left .pm-card[b-5u00wdz0bp]::before,
.pm-card-style-both .pm-card[b-5u00wdz0bp]::before {
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    opacity: 1;
}

.pm-card-style-both .pm-card[b-5u00wdz0bp]::after {
    top: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    opacity: 1;
}

.pm-card-style-top .pm-card[b-5u00wdz0bp]::before {
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    opacity: 1;
}

.pm-card-style-tint .pm-card[b-5u00wdz0bp] {
    background: color-mix(in srgb, var(--pm-accent, #9aa0a6) 8%, var(--bs-body-bg, #fff));
}

.pm-card > *[b-5u00wdz0bp] {
    position: relative;
    z-index: 1;
}

.pm-card-name[b-5u00wdz0bp] {
    display: -webkit-box;
    height: 32.5px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.pm-bar[b-5u00wdz0bp] {
    height: 5px;
    width: 100%;
}

.pm-card-footer[b-5u00wdz0bp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: var(--bs-secondary-color, #777);
    font-size: 11.5px;
    line-height: 1;
}

.pm-card-risk[b-5u00wdz0bp] {
    font-weight: 500;
    white-space: nowrap;
}

.pm-risk-bad[b-5u00wdz0bp] {
    color: #c94d4d;
}

.pm-risk-warn[b-5u00wdz0bp] {
    color: #b56f00;
}

.pm-risk-muted[b-5u00wdz0bp] {
    color: var(--bs-secondary-color, #777);
}

.pm-risk-good[b-5u00wdz0bp] {
    color: #1d9e75;
}

/* Detail panel */
.pm-detail[b-5u00wdz0bp] {
    flex: 0 0 340px;
    max-width: 340px;
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-radius: 10px;
    padding: 16px;
    position: sticky;
    top: 12px;
}

.pm-detail-head[b-5u00wdz0bp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.pm-detail-head h2[b-5u00wdz0bp] {
    font-size: 18px;
    margin: 0;
    word-break: break-word;
}

.pm-pill[b-5u00wdz0bp] {
    flex: 0 0 auto;
    font-size: 11.5px;
    padding: 3px 10px;
    border-radius: 999px;
    color: #fff;
    white-space: nowrap;
}

.pm-pill.pm-state-complete[b-5u00wdz0bp] {
    background: #1d9e75;
}

.pm-pill.pm-state-planned[b-5u00wdz0bp] {
    background: #378add;
}

.pm-pill.pm-state-attention[b-5u00wdz0bp] {
    background: #ef9f27;
}

.pm-pill.pm-state-noroadmap[b-5u00wdz0bp] {
    background: #9aa0a6;
}

.pm-detail-stats[b-5u00wdz0bp] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-bottom: 14px;
}

.pm-detail-stats > div[b-5u00wdz0bp] {
    display: flex;
    flex-direction: column;
}

.pm-detail-stats span[b-5u00wdz0bp] {
    font-size: 11.5px;
    color: var(--bs-secondary-color, #777);
}

.pm-detail-stats strong[b-5u00wdz0bp] {
    font-size: 18px;
    font-weight: 600;
}

.pm-open-btn[b-5u00wdz0bp] {
    width: 100%;
    margin-bottom: 14px;
}

.pm-phase-list[b-5u00wdz0bp] {
    max-height: 50vh;
    overflow: auto;
    border-top: 1px solid var(--bs-border-color, #eee);
}

.pm-phase[b-5u00wdz0bp] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 6px 2px;
    border-bottom: 1px solid var(--bs-border-color, #f0f0f0);
    font-size: 12.5px;
}

.pm-phase-code[b-5u00wdz0bp] {
    flex: 0 0 auto;
    font-family: Consolas, monospace;
    font-size: 11px;
    color: #534ab7;
    min-width: 48px;
}

.pm-phase-title[b-5u00wdz0bp] {
    flex: 1 1 auto;
    min-width: 0;
    word-break: break-word;
}

.pm-phase-status[b-5u00wdz0bp] {
    flex: 0 0 auto;
    color: var(--bs-secondary-color, #888);
    font-size: 11.5px;
    white-space: nowrap;
}

@media (max-width: 1200px) {
    .pm-kpis[b-5u00wdz0bp] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 900px) {
    .pm-kpis[b-5u00wdz0bp],
    .pm-kpis.presentation[b-5u00wdz0bp] {
        grid-template-columns: 1fr;
    }

    .pm-layout[b-5u00wdz0bp] {
        flex-direction: column;
    }

    .pm-detail[b-5u00wdz0bp] {
        flex-basis: auto;
        max-width: none;
        width: 100%;
        position: static;
    }
}
/* /Components/Pages/PlanningPresentation.razor.rz.scp.css */
.pp-hero[b-bdae1ebwz3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #534ab7 0%, #378add 100%);
    color: #fff;
    border-radius: 14px;
    padding: 26px 28px;
    margin-bottom: 18px;
}

.pp-hero-text[b-bdae1ebwz3] {
    max-width: 760px;
}

.pp-hero h1[b-bdae1ebwz3] {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
}

.pp-lead[b-bdae1ebwz3] {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    opacity: .95;
}

.pp-hero-actions[b-bdae1ebwz3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-end;
}

.pp-toggle[b-bdae1ebwz3] {
    border: 1px solid rgba(255, 255, 255, .6);
    background: rgba(255, 255, 255, .12);
    color: #fff;
    border-radius: 999px;
    padding: 7px 16px;
    font-size: 13px;
    cursor: pointer;
    white-space: nowrap;
}

.pp-toggle:hover[b-bdae1ebwz3] {
    background: rgba(255, 255, 255, .22);
}

.pp-toggle.on[b-bdae1ebwz3] {
    background: #fff;
    color: #443c9c;
    font-weight: 600;
}

.pp-metrics[b-bdae1ebwz3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.pp-metric[b-bdae1ebwz3] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-top: 4px solid #9aa0a6;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pp-metric strong[b-bdae1ebwz3] {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.pp-metric span[b-bdae1ebwz3] {
    font-size: 13px;
    color: var(--bs-secondary-color, #666);
}

.pp-metric.pp-good[b-bdae1ebwz3] {
    border-top-color: #1d9e75;
}

.pp-metric.pp-info[b-bdae1ebwz3] {
    border-top-color: #378add;
}

.pp-story[b-bdae1ebwz3] {
    background: var(--bs-tertiary-bg, #f5f6fb);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-left: 5px solid #534ab7;
    border-radius: 12px;
    padding: 16px 20px;
    margin-bottom: 24px;
}

.pp-story p[b-bdae1ebwz3] {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.55;
    color: var(--bs-body-color, #333);
}

.pp-section-title[b-bdae1ebwz3] {
    font-size: 19px;
    font-weight: 700;
    margin: 4px 0 12px;
}

.pp-cat-grid[b-bdae1ebwz3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.pp-cat[b-bdae1ebwz3] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-top: 5px solid var(--accent, #534ab7);
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pp-cat-head[b-bdae1ebwz3] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.pp-cat-head h3[b-bdae1ebwz3] {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    color: var(--accent, #333);
}

.pp-cat-count[b-bdae1ebwz3] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--bs-secondary-color, #777);
}

.pp-cat-desc[b-bdae1ebwz3] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--bs-secondary-color, #666);
}

.pp-cat-stats[b-bdae1ebwz3],
.pp-feat-stats[b-bdae1ebwz3] {
    display: flex;
    gap: 18px;
}

.pp-cat-stats > div[b-bdae1ebwz3],
.pp-feat-stats > div[b-bdae1ebwz3] {
    display: flex;
    flex-direction: column;
}

.pp-cat-stats strong[b-bdae1ebwz3],
.pp-feat-stats strong[b-bdae1ebwz3] {
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.pp-cat-stats span[b-bdae1ebwz3],
.pp-feat-stats span[b-bdae1ebwz3] {
    font-size: 11.5px;
    color: var(--bs-secondary-color, #777);
}

.pp-bar[b-bdae1ebwz3] {
    display: block;
    height: 8px;
    background: var(--bs-tertiary-bg, #eee);
    border-radius: 5px;
    overflow: hidden;
}

.pp-bar-fill[b-bdae1ebwz3] {
    display: block;
    height: 100%;
    background: var(--accent, #1d9e75);
    border-radius: 5px;
}

.pp-cat-features[b-bdae1ebwz3] {
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pp-cat-features li[b-bdae1ebwz3] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    min-width: 0;
}

.pp-dot[b-bdae1ebwz3] {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #9aa0a6;
}

.pp-feat-name[b-bdae1ebwz3] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pp-feat-meta[b-bdae1ebwz3] {
    flex: 0 0 auto;
    font-size: 11.5px;
    color: var(--bs-secondary-color, #888);
}

.pp-more[b-bdae1ebwz3] {
    font-size: 12px;
    color: var(--bs-secondary-color, #888);
    padding-left: 17px;
}

.pp-feat-grid[b-bdae1ebwz3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 16px;
    margin-bottom: 28px;
}

.pp-feat[b-bdae1ebwz3] {
    background: var(--bs-body-bg, #fff);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    border-left: 5px solid #9aa0a6;
    border-radius: 12px;
    padding: 16px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pp-feat-head h3[b-bdae1ebwz3] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.pp-feat-cat[b-bdae1ebwz3] {
    font-size: 11.5px;
    color: var(--bs-secondary-color, #888);
}

.pp-feat-desc[b-bdae1ebwz3] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--bs-secondary-color, #666);
    flex: 1 1 auto;
}

.pp-feat-foot[b-bdae1ebwz3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.pp-status[b-bdae1ebwz3] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 999px;
    color: #fff;
    background: #9aa0a6;
}

.pp-status.pp-review[b-bdae1ebwz3] {
    background: #ef9f27;
}

/* State colours shared by dots, left borders, and status pills */
.pp-state-delivered[b-bdae1ebwz3] { border-left-color: #1d9e75; }
.pp-status.pp-state-delivered[b-bdae1ebwz3] { background: #1d9e75; }
.pp-dot.pp-state-delivered[b-bdae1ebwz3] { background: #1d9e75; }

.pp-state-active[b-bdae1ebwz3] { border-left-color: #378add; }
.pp-status.pp-state-active[b-bdae1ebwz3] { background: #378add; }
.pp-dot.pp-state-active[b-bdae1ebwz3] { background: #378add; }

.pp-state-planned[b-bdae1ebwz3] { border-left-color: #9aa0a6; }
.pp-status.pp-state-planned[b-bdae1ebwz3] { background: #9aa0a6; }
.pp-dot.pp-state-planned[b-bdae1ebwz3] { background: #9aa0a6; }

.pp-internal[b-bdae1ebwz3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 8px;
}

.pp-int[b-bdae1ebwz3] {
    background: var(--bs-tertiary-bg, #f7f7f9);
    border: 1px dashed var(--bs-border-color, #cfcfcf);
    border-radius: 10px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pp-int strong[b-bdae1ebwz3] {
    font-size: 22px;
    font-weight: 700;
}

.pp-int span[b-bdae1ebwz3] {
    font-size: 12px;
    color: var(--bs-secondary-color, #777);
}

.pp-int-note[b-bdae1ebwz3] {
    font-size: 12.5px;
    margin-top: 4px;
}

@media (max-width: 640px) {
    .pp-hero[b-bdae1ebwz3] {
        flex-direction: column;
    }

    .pp-hero-actions[b-bdae1ebwz3] {
        align-items: stretch;
        width: 100%;
    }
}
/* /Components/Pages/PlanningSearch.razor.rz.scp.css */
.planning-search-heading[b-hv8rpra7d5] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-5);
}

.planning-search-heading-copy[b-hv8rpra7d5] {
    min-width: 0;
}

.planning-search-heading-copy h1[b-hv8rpra7d5] {
    margin-bottom: var(--ziony-space-1);
}

.planning-search-heading-copy p[b-hv8rpra7d5] {
    color: var(--ziony-color-text-muted);
    margin: 0;
    max-width: 52rem;
}

.planning-search-actions[b-hv8rpra7d5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.planning-search-page[b-hv8rpra7d5] {
    display: grid;
    gap: var(--ziony-space-4);
}

.planning-search-feedback[b-hv8rpra7d5] {
    align-items: center;
    box-shadow: var(--ziony-shadow-sm);
}

.planning-search-feedback[b-hv8rpra7d5]  .dxbl-btn {
    flex: 0 0 auto;
    margin-left: auto;
}

.planning-search-feedback .ziony-feedback__icon img[b-hv8rpra7d5],
.planning-search-spinner img[b-hv8rpra7d5] {
    height: 100%;
    width: 100%;
}

.planning-search-filter-card[b-hv8rpra7d5],
.planning-search-results-panel[b-hv8rpra7d5],
.planning-search-document[b-hv8rpra7d5] {
    padding: var(--ziony-space-5);
}

.planning-search-section-header[b-hv8rpra7d5] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-3);
    margin-bottom: var(--ziony-space-4);
}

.planning-search-section-header h2[b-hv8rpra7d5],
.planning-search-panel-header h2[b-hv8rpra7d5] {
    color: var(--ziony-color-text);
    font-size: 1.08rem;
    line-height: 1.25;
    margin: 0;
}

.planning-search-section-header p[b-hv8rpra7d5],
.planning-search-panel-header p[b-hv8rpra7d5] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0.2rem 0 0;
}

.planning-search-section-icon[b-hv8rpra7d5],
.planning-search-file-icon[b-hv8rpra7d5],
.planning-search-empty-icon[b-hv8rpra7d5] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.planning-search-section-icon--primary[b-hv8rpra7d5] {
    background: var(--ziony-color-primary-soft);
    border-color: rgba(var(--ziony-color-primary-rgb), 0.2);
}

.planning-search-section-icon img[b-hv8rpra7d5],
.planning-search-file-icon img[b-hv8rpra7d5],
.planning-search-empty-icon img[b-hv8rpra7d5] {
    height: 1.18rem;
    width: 1.18rem;
}

.planning-search-section-icon--primary img[b-hv8rpra7d5] {
    filter: invert(31%) sepia(93%) saturate(3804%) hue-rotate(218deg) brightness(99%) contrast(104%);
}

.planning-search-form-grid[b-hv8rpra7d5] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns:
        minmax(17rem, 2fr)
        minmax(15rem, 1.35fr)
        minmax(10rem, 0.85fr)
        minmax(9rem, 0.8fr)
        minmax(10rem, 0.9fr)
        minmax(5.5rem, 0.42fr)
        auto;
}

.planning-search-submit[b-hv8rpra7d5] {
    min-width: 5.75rem;
}

.planning-search-help[b-hv8rpra7d5] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    display: flex;
    font-size: 0.78rem;
    gap: var(--ziony-space-2);
    line-height: 1.45;
    margin-top: var(--ziony-space-4);
    padding-top: var(--ziony-space-3);
}

.planning-search-help img[b-hv8rpra7d5] {
    flex: 0 0 auto;
    height: 1rem;
    width: 1rem;
}

.planning-search-summary[b-hv8rpra7d5] {
    margin: 0;
}

.planning-search-summary .ziony-summary-card[b-hv8rpra7d5] {
    min-height: 6rem;
}

.planning-search-panel-header[b-hv8rpra7d5] {
    align-items: flex-start;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-4);
    padding-bottom: var(--ziony-space-3);
}

.planning-search-result-total[b-hv8rpra7d5],
.planning-search-match-count[b-hv8rpra7d5] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid rgba(var(--ziony-color-primary-rgb), 0.16);
    border-radius: 999px;
    color: var(--ziony-color-primary-strong);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.38rem 0.58rem;
    white-space: nowrap;
}

.planning-search-results[b-hv8rpra7d5] {
    display: grid;
    gap: var(--ziony-space-3);
}

.planning-search-result[b-hv8rpra7d5] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-left: 3px solid var(--ziony-color-info);
    border-radius: var(--ziony-radius-sm);
    box-shadow: var(--ziony-shadow-sm);
    min-width: 0;
    padding: var(--ziony-space-4);
    position: relative;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.planning-search-result[b-hv8rpra7d5]::after {
    background: var(--ziony-color-info);
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
}

.planning-search-result:hover[b-hv8rpra7d5],
.planning-search-result:focus-within[b-hv8rpra7d5] {
    background: var(--ziony-color-surface-hover);
    border-color: var(--ziony-color-info-border);
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-1px);
}

.planning-search-result header[b-hv8rpra7d5] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-3);
}

.planning-search-result-title[b-hv8rpra7d5] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-3);
    min-width: 0;
}

.planning-search-result-title > div[b-hv8rpra7d5] {
    min-width: 0;
}

.planning-search-file-icon[b-hv8rpra7d5] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    height: 2rem;
    width: 2rem;
}

.planning-search-file-icon img[b-hv8rpra7d5] {
    height: 1rem;
    width: 1rem;
}

.planning-search-file-icon--large[b-hv8rpra7d5] {
    height: 2.35rem;
    width: 2.35rem;
}

.planning-search-file-icon--large img[b-hv8rpra7d5] {
    height: 1.18rem;
    width: 1.18rem;
}

.planning-search-result h3[b-hv8rpra7d5] {
    color: var(--ziony-color-text);
    font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1.45;
    margin: 0;
    overflow-wrap: anywhere;
}

.planning-search-result-title p[b-hv8rpra7d5] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    line-height: 1.4;
    margin: 0.18rem 0 0;
}

.planning-search-result-actions[b-hv8rpra7d5] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: var(--ziony-space-2);
}

.planning-search-snippets[b-hv8rpra7d5] {
    display: grid;
    gap: var(--ziony-space-2);
    margin-left: calc(2rem + var(--ziony-space-3));
}

.planning-search-snippet[b-hv8rpra7d5] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 0.78rem;
    line-height: 1.55;
    margin: 0;
    overflow-wrap: anywhere;
    padding: 0.58rem 0.68rem;
}

.planning-search-snippet mark[b-hv8rpra7d5] {
    background: var(--ziony-color-warning-soft);
    border: 1px solid var(--ziony-color-warning-border);
    border-radius: 0.22rem;
    color: var(--ziony-color-warning);
    font-weight: 700;
    padding: 0 0.12rem;
}

.planning-search-line-number[b-hv8rpra7d5] {
    color: var(--ziony-color-neutral);
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    margin-right: var(--ziony-space-2);
    white-space: nowrap;
}

.planning-search-empty[b-hv8rpra7d5] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px dashed var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    padding: var(--ziony-space-5);
}

.planning-search-empty h3[b-hv8rpra7d5] {
    color: var(--ziony-color-text);
    font-size: 0.96rem;
    margin: 0 0 var(--ziony-space-1);
}

.planning-search-empty p[b-hv8rpra7d5] {
    color: var(--ziony-color-text-muted);
    font-size: 0.8rem;
    line-height: 1.5;
    margin: 0;
}

.planning-search-document[b-hv8rpra7d5] {
    min-width: 0;
}

.planning-search-document-header[b-hv8rpra7d5] {
    align-items: center;
}

.planning-search-document-header h2[b-hv8rpra7d5] {
    font-family: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    font-size: 0.92rem;
    overflow-wrap: anywhere;
}

.planning-search-document-content[b-hv8rpra7d5] {
    min-width: 0;
}

@keyframes planning-search-spin-b-hv8rpra7d5 {
    to {
        transform: rotate(360deg);
    }
}

.planning-search-spinner img[b-hv8rpra7d5] {
    animation: planning-search-spin-b-hv8rpra7d5 850ms linear infinite;
}

@media (max-width: 1320px) {
    .planning-search-form-grid[b-hv8rpra7d5] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .planning-search-query-field[b-hv8rpra7d5] {
        grid-column: 1 / -1;
    }

    .planning-search-submit[b-hv8rpra7d5] {
        width: 100%;
    }
}

@media (max-width: 880px) {
    .planning-search-heading[b-hv8rpra7d5] {
        flex-direction: column;
    }

    .planning-search-actions[b-hv8rpra7d5] {
        justify-content: flex-start;
    }

    .planning-search-form-grid[b-hv8rpra7d5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .planning-search-query-field[b-hv8rpra7d5] {
        grid-column: 1 / -1;
    }

    .planning-search-result header[b-hv8rpra7d5],
    .planning-search-panel-header[b-hv8rpra7d5] {
        flex-direction: column;
    }

    .planning-search-result-actions[b-hv8rpra7d5] {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .planning-search-snippets[b-hv8rpra7d5] {
        margin-left: 0;
    }
}

@media (max-width: 560px) {
    .planning-search-filter-card[b-hv8rpra7d5],
    .planning-search-results-panel[b-hv8rpra7d5],
    .planning-search-document[b-hv8rpra7d5] {
        padding: var(--ziony-space-4);
    }

    .planning-search-form-grid[b-hv8rpra7d5] {
        grid-template-columns: 1fr;
    }

    .planning-search-query-field[b-hv8rpra7d5] {
        grid-column: auto;
    }

    .planning-search-feedback[b-hv8rpra7d5] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .planning-search-feedback[b-hv8rpra7d5]  .dxbl-btn {
        margin-left: calc(1.2rem + var(--ziony-space-2));
    }

    .planning-search-result-title[b-hv8rpra7d5] {
        gap: var(--ziony-space-2);
    }

    .planning-search-empty[b-hv8rpra7d5] {
        grid-template-columns: 1fr;
    }

    .planning-search-empty-icon[b-hv8rpra7d5] {
        height: 2rem;
        width: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .planning-search-result[b-hv8rpra7d5] {
        transition: none;
    }

    .planning-search-result:hover[b-hv8rpra7d5],
    .planning-search-result:focus-within[b-hv8rpra7d5] {
        transform: none;
    }

    .planning-search-spinner img[b-hv8rpra7d5] {
        animation: none;
    }
}
/* /Components/Pages/PlanningSnapshotDiff.razor.rz.scp.css */
.page-heading[b-ym946ptf2x] {
    margin-bottom: 1.5rem;
}

.heading-actions[b-ym946ptf2x] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1rem;
}

.data-panel[b-ym946ptf2x] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    margin-bottom: 1.25rem;
    padding: 1rem;
}

.warning-panel[b-ym946ptf2x] {
    background: #fffbeb;
    border-color: #fde68a;
    color: #854d0e;
}

.warning-panel p[b-ym946ptf2x] {
    margin: 0;
}

.snapshot-selector-panel[b-ym946ptf2x] {
    margin-bottom: 1.4rem;
}

.snapshot-selectors[b-ym946ptf2x] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(220px, 1fr) minmax(220px, 1fr) auto;
}

.snapshot-selectors label[b-ym946ptf2x],
.snapshot-filters label[b-ym946ptf2x] {
    color: #475569;
    display: flex;
    flex-direction: column;
    font-size: 0.85rem;
    font-weight: 600;
    gap: 0.35rem;
}

.snapshot-selectors select[b-ym946ptf2x],
.snapshot-filters select[b-ym946ptf2x],
.snapshot-filters input[type="search"][b-ym946ptf2x] {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    color: #0f172a;
    font: inherit;
    min-height: 36px;
    padding: 6px 10px;
    width: 100%;
}

.panel-title-row[b-ym946ptf2x] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.panel-title-row h2[b-ym946ptf2x] {
    font-size: 1.2rem;
    margin: 0 0 0.25rem;
}

.snapshot-summary-grid[b-ym946ptf2x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
}

.summary-card[b-ym946ptf2x] {
    background: #f8fafc;
    border: 1px solid #dce3ea;
    border-left: 4px solid #8aa0b6;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    min-height: 74px;
    padding: 0.85rem 1rem;
}

.summary-card span[b-ym946ptf2x] {
    color: #607083;
    font-size: 0.8rem;
    line-height: 1.25;
}

.summary-card strong[b-ym946ptf2x] {
    color: #17202a;
    font-size: 1.05rem;
    font-weight: 650;
    line-height: 1.2;
}

.summary-card.added[b-ym946ptf2x] {
    border-left-color: #16a34a;
}

.summary-card.modified[b-ym946ptf2x] {
    border-left-color: #2563eb;
}

.summary-card.deleted[b-ym946ptf2x] {
    border-left-color: #dc2626;
}

.summary-card.unchanged[b-ym946ptf2x],
.summary-card.neutral[b-ym946ptf2x] {
    border-left-color: #788ca3;
}

.snapshot-filters[b-ym946ptf2x] {
    align-items: end;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(140px, 190px) minmax(150px, 190px) minmax(160px, 220px) minmax(220px, 1fr) auto;
    margin: 1.1rem 0;
}

.snapshot-internal-toggle[b-ym946ptf2x] {
    align-items: center;
    flex-direction: row !important;
    justify-content: flex-end;
    min-height: 36px;
    white-space: nowrap;
}

.snapshot-internal-toggle input[b-ym946ptf2x] {
    height: 16px;
    width: 16px;
}

.snapshot-selected-meta[b-ym946ptf2x] {
    color: #475569;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9rem;
    gap: 0.5rem;
    justify-content: flex-end;
}

.snapshot-selected-meta span[b-ym946ptf2x],
.change-kind[b-ym946ptf2x] {
    align-items: center;
    border-radius: 8px;
    display: inline-flex;
    font-size: 0.85rem;
    font-weight: 600;
    min-height: 24px;
    padding: 2px 8px;
    white-space: nowrap;
}

.snapshot-selected-meta span[b-ym946ptf2x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
}

.change-kind[b-ym946ptf2x] {
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
}

.change-added[b-ym946ptf2x] {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
}

.change-modified[b-ym946ptf2x] {
    background: #eff6ff;
    border-color: #93c5fd;
    color: #1d4ed8;
}

.change-deleted[b-ym946ptf2x] {
    background: #fef2f2;
    border-color: #fecaca;
    color: #991b1b;
}

.change-unchanged[b-ym946ptf2x] {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #475569;
}

.change-other[b-ym946ptf2x] {
    background: #faf5ff;
    border-color: #d8b4fe;
    color: #6b21a8;
}

.diff-detail-panel h3[b-ym946ptf2x] {
    color: #334155;
    font-size: 1rem;
    margin: 1rem 0 0.5rem;
}

.diff-warning[b-ym946ptf2x] {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    color: #854d0e;
    margin-bottom: 1rem;
    padding: 0.75rem 0.9rem;
}

.hash-panel[b-ym946ptf2x] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.hash-panel code[b-ym946ptf2x] {
    background: #eef3f8;
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    color: #334155;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.8rem;
    padding: 0.25rem 0.45rem;
}

.diff-lines[b-ym946ptf2x] {
    border: 1px solid #dce3ea;
    border-radius: 8px;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.82rem;
    max-height: 42rem;
    overflow: auto;
}

.diff-line[b-ym946ptf2x] {
    display: grid;
    grid-template-columns: 4.5rem 4.5rem minmax(0, 1fr);
    min-height: 1.55rem;
}

.diff-line code[b-ym946ptf2x] {
    font-family: inherit;
    padding: 0.18rem 0.5rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.line-number[b-ym946ptf2x] {
    border-right: 1px solid #dce3ea;
    color: #64748b;
    padding: 0.18rem 0.5rem;
    text-align: right;
    user-select: none;
}

.line-added[b-ym946ptf2x] {
    background: #f0fdf4;
}

.line-added code[b-ym946ptf2x] {
    color: #14532d;
}

.line-removed[b-ym946ptf2x] {
    background: #fef2f2;
}

.line-removed code[b-ym946ptf2x] {
    color: #7f1d1d;
}

.line-unchanged[b-ym946ptf2x] {
    background: #ffffff;
}

.content-compare[b-ym946ptf2x] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.content-preview[b-ym946ptf2x] {
    background: #f8fafc;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    color: #17202a;
    font-family: Consolas, "Courier New", monospace;
    font-size: 0.82rem;
    line-height: 1.45;
    margin: 0;
    max-height: 42rem;
    overflow: auto;
    padding: 0.85rem;
    white-space: pre-wrap;
    word-break: break-word;
}

.added-preview[b-ym946ptf2x] {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.deleted-preview[b-ym946ptf2x] {
    background: #fef2f2;
    border-color: #fecaca;
}

@media (max-width: 1050px) {
    .snapshot-selectors[b-ym946ptf2x],
    .snapshot-filters[b-ym946ptf2x],
    .content-compare[b-ym946ptf2x] {
        grid-template-columns: 1fr;
    }

    .panel-title-row[b-ym946ptf2x] {
        flex-direction: column;
    }

    .snapshot-selected-meta[b-ym946ptf2x],
    .snapshot-internal-toggle[b-ym946ptf2x] {
        justify-content: flex-start;
    }

    .diff-line[b-ym946ptf2x] {
        grid-template-columns: 3.5rem 3.5rem minmax(0, 1fr);
    }
}
/* /Components/Pages/PlanningSnapshots.razor.rz.scp.css */
.planning-snapshots-heading[b-rvg4iv61r0] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.planning-snapshots-heading-copy[b-rvg4iv61r0] {
    min-width: 0;
}

.planning-snapshots-actions[b-rvg4iv61r0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
    margin-top: 0;
}

.planning-snapshots-page[b-rvg4iv61r0] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
    position: relative;
}

.planning-snapshot-feedback[b-rvg4iv61r0] {
    margin: 0;
}

.planning-snapshot-feedback .ziony-feedback__icon img[b-rvg4iv61r0] {
    height: 1.15rem;
    width: 1.15rem;
}

.planning-snapshot-panel[b-rvg4iv61r0] {
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--ziony-color-primary-soft) 46%, transparent),
            transparent 34%
        ),
        var(--ziony-color-surface);
    border-color: var(--ziony-color-border);
    box-shadow: var(--ziony-shadow-sm);
    min-width: 0;
    padding: var(--ziony-space-4);
}

.planning-snapshot-section-header[b-rvg4iv61r0] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-4);
}

.planning-snapshot-section-header > div:first-child[b-rvg4iv61r0] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-3);
    min-width: 0;
}

.planning-snapshot-section-header h2[b-rvg4iv61r0] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    line-height: 1.25;
    margin: 0;
}

.planning-snapshot-section-header p[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.78rem;
    line-height: 1.45;
    margin: var(--ziony-space-1) 0 0;
}

.planning-snapshot-icon[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    display: inline-flex;
    flex: 0 0 auto;
    height: 2.35rem;
    justify-content: center;
    width: 2.35rem;
}

.planning-snapshot-icon img[b-rvg4iv61r0] {
    height: 1.2rem;
    opacity: 0.72;
    width: 1.2rem;
}

.planning-snapshot-icon--primary[b-rvg4iv61r0] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 24%, var(--ziony-color-border));
}

.planning-snapshot-icon--success[b-rvg4iv61r0] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
}

.planning-snapshot-status-grid[b-rvg4iv61r0] {
    background: var(--ziony-color-border);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    display: grid;
    gap: 1px;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    overflow: hidden;
}

.planning-snapshot-status-grid article[b-rvg4iv61r0] {
    align-content: start;
    background: color-mix(in srgb, var(--ziony-color-surface-subtle) 88%, var(--ziony-color-surface));
    display: grid;
    gap: var(--ziony-space-1);
    min-height: 4.85rem;
    min-width: 0;
    padding: 0.78rem 0.88rem;
}

.planning-snapshot-status-grid span[b-rvg4iv61r0],
.planning-snapshot-job-meta small[b-rvg4iv61r0],
.snapshot-job-counts small[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.planning-snapshot-status-grid strong[b-rvg4iv61r0],
.planning-snapshot-job-meta strong[b-rvg4iv61r0],
.snapshot-job-counts strong[b-rvg4iv61r0] {
    color: var(--ziony-color-text);
    font-size: 0.82rem;
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.snapshot-exclusions[b-rvg4iv61r0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-3);
    margin-top: var(--ziony-space-3);
}

.snapshot-exclusions > strong[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
}

.snapshot-exclusion-list[b-rvg4iv61r0] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.snapshot-exclusion-list code[b-rvg4iv61r0] {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    font: 700 0.68rem/1.2 Consolas, "Courier New", monospace;
    padding: 0.3rem 0.48rem;
}

.planning-snapshot-import-grid[b-rvg4iv61r0] {
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.planning-snapshot-upload[b-rvg4iv61r0] {
    display: flex;
    flex-direction: column;
}

.planning-snapshot-upload > .ziony-button[b-rvg4iv61r0] {
    align-self: flex-start;
    margin-top: var(--ziony-space-3);
}

.planning-snapshot-file[b-rvg4iv61r0] {
    cursor: pointer;
    display: grid;
    gap: var(--ziony-space-2);
    position: relative;
}

.planning-snapshot-file > span:first-child[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    font-weight: 750;
}

.planning-snapshot-file > input[type="file"][b-rvg4iv61r0] {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.planning-snapshot-file:focus-within .planning-snapshot-file-box[b-rvg4iv61r0] {
    box-shadow: var(--ziony-focus-ring);
}

.planning-snapshot-file-box[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px dashed var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-text-muted);
    display: flex;
    gap: var(--ziony-space-3);
    min-height: 4.15rem;
    padding: 0.75rem 0.88rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.planning-snapshot-file:hover .planning-snapshot-file-box[b-rvg4iv61r0] {
    background: var(--ziony-color-surface-hover);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 52%, var(--ziony-color-border));
    transform: translateY(-1px);
}

.planning-snapshot-file-box > img[b-rvg4iv61r0] {
    height: 1.35rem;
    opacity: 0.66;
    width: 1.35rem;
}

.planning-snapshot-file-box > span[b-rvg4iv61r0] {
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
}

.planning-snapshot-file-box strong[b-rvg4iv61r0] {
    color: var(--ziony-color-text);
    font-size: 0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planning-snapshot-file-box small[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.69rem;
    line-height: 1.35;
}

.planning-snapshot-link-grid[b-rvg4iv61r0] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.planning-snapshot-link-grid button[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 750;
    justify-content: space-between;
    min-height: 2.55rem;
    padding: 0 var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.planning-snapshot-link-grid button img[b-rvg4iv61r0] {
    height: 1rem;
    opacity: 0.52;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 1rem;
}

.planning-snapshot-link-grid button:hover[b-rvg4iv61r0],
.planning-snapshot-link-grid button:focus-visible[b-rvg4iv61r0] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 42%, var(--ziony-color-border));
    color: var(--ziony-color-primary-strong);
    outline: none;
    transform: translateX(2px);
}

.planning-snapshot-link-grid button:focus-visible[b-rvg4iv61r0] {
    box-shadow: var(--ziony-focus-ring);
}

.planning-snapshot-link-grid button:hover img[b-rvg4iv61r0],
.planning-snapshot-link-grid button:focus-visible img[b-rvg4iv61r0] {
    opacity: 0.86;
    transform: translate(1px, -1px);
}

.planning-snapshot-job[b-rvg4iv61r0] {
    border-color: color-mix(in srgb, var(--ziony-color-primary) 24%, var(--ziony-color-border));
}

.planning-snapshot-job.job-idle[b-rvg4iv61r0] {
    border-color: var(--ziony-color-border);
}

.planning-snapshot-job.job-succeeded[b-rvg4iv61r0] {
    border-color: color-mix(in srgb, var(--ziony-color-success) 30%, var(--ziony-color-border));
}

.planning-snapshot-job.job-failed[b-rvg4iv61r0] {
    border-color: var(--ziony-color-danger-border);
}

.planning-snapshot-job-meta[b-rvg4iv61r0],
.snapshot-job-counts[b-rvg4iv61r0] {
    background: var(--ziony-color-border);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    display: grid;
    gap: 1px;
    overflow: hidden;
}

.planning-snapshot-job-meta[b-rvg4iv61r0] {
    grid-template-columns: minmax(12rem, 1.4fr) repeat(3, minmax(8rem, 0.65fr));
}

.snapshot-job-counts[b-rvg4iv61r0] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-top: var(--ziony-space-3);
}

.planning-snapshot-job-meta > span[b-rvg4iv61r0],
.snapshot-job-counts > span[b-rvg4iv61r0] {
    background: color-mix(in srgb, var(--ziony-color-surface) 96%, var(--ziony-color-surface-subtle));
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
    padding: 0.68rem 0.78rem;
}

.snapshot-progress-row[b-rvg4iv61r0] {
    align-items: center;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(11rem, 1fr) auto;
    margin: var(--ziony-space-4) 0 var(--ziony-space-3);
}

.snapshot-progress-row strong[b-rvg4iv61r0] {
    color: var(--ziony-color-text);
    font-size: 0.76rem;
    min-width: 3rem;
    text-align: right;
}

.snapshot-progress-bar[b-rvg4iv61r0] {
    background: var(--ziony-grid-progress-track);
    border-radius: var(--ziony-radius-pill);
    height: 0.58rem;
    overflow: hidden;
}

.snapshot-progress-bar span[b-rvg4iv61r0] {
    background: linear-gradient(
        90deg,
        var(--ziony-color-primary),
        var(--ziony-color-success)
    );
    border-radius: inherit;
    display: block;
    height: 100%;
    min-width: 0.25rem;
    transition: width var(--ziony-motion-slow) var(--ziony-ease-out);
}

.snapshot-step-timeline[b-rvg4iv61r0] {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 0.38rem;
}

.snapshot-step-chip[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.64rem;
    font-weight: 700;
    gap: 0.32rem;
    line-height: 1.2;
    min-height: 1.75rem;
    padding: 0.25rem 0.55rem;
}

.snapshot-step-marker[b-rvg4iv61r0] {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    justify-content: center;
    min-width: 0.75rem;
}

.snapshot-step-chip.step-completed[b-rvg4iv61r0] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.snapshot-step-chip.step-current[b-rvg4iv61r0] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 42%, var(--ziony-color-border));
    box-shadow: 0 0 0 3px rgba(var(--ziony-color-primary-rgb), 0.08);
    color: var(--ziony-color-primary-strong);
}

.snapshot-step-chip.step-failed[b-rvg4iv61r0] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.snapshot-step-chip.step-unknown[b-rvg4iv61r0] {
    border-style: dashed;
}

.snapshot-stale-warning[b-rvg4iv61r0],
.snapshot-job-error[b-rvg4iv61r0] {
    border-radius: var(--ziony-radius-sm);
    font-size: 0.78rem;
    line-height: 1.45;
    margin-top: var(--ziony-space-3);
    padding: 0.72rem 0.82rem;
}

.snapshot-stale-warning[b-rvg4iv61r0] {
    background: var(--ziony-color-warning-soft);
    border: 1px solid var(--ziony-color-warning-border);
    color: color-mix(in srgb, var(--ziony-color-warning) 78%, var(--ziony-color-text));
}

.snapshot-job-error[b-rvg4iv61r0] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
    display: flex;
    flex-direction: column;
    gap: var(--ziony-space-3);
}

.snapshot-job-error pre[b-rvg4iv61r0] {
    background: var(--ziony-color-text);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-surface);
    font-size: 0.72rem;
    line-height: 1.45;
    margin: 0;
    max-height: 18rem;
    overflow: auto;
    padding: var(--ziony-space-3);
    white-space: pre-wrap;
    word-break: break-word;
}

.planning-snapshot-history[b-rvg4iv61r0],
.planning-snapshot-detail[b-rvg4iv61r0] {
    padding-bottom: var(--ziony-space-4);
}

.planning-snapshot-history .planning-snapshot-section-header[b-rvg4iv61r0] {
    margin-bottom: var(--ziony-space-3);
}

.snapshot-status[b-rvg4iv61r0],
.change-kind[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.69rem;
    font-weight: 750;
    justify-content: center;
    min-height: 1.65rem;
    padding: 0.15rem 0.55rem;
    white-space: nowrap;
}

.status-active[b-rvg4iv61r0],
.change-added[b-rvg4iv61r0] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.status-running[b-rvg4iv61r0],
.change-modified[b-rvg4iv61r0] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 28%, var(--ziony-color-border));
    color: var(--ziony-color-primary-strong);
}

.status-idle[b-rvg4iv61r0] {
    background: var(--ziony-color-neutral-soft);
    border-color: var(--ziony-color-neutral-border);
    color: var(--ziony-color-text-muted);
}

.status-superseded[b-rvg4iv61r0],
.change-unchanged[b-rvg4iv61r0] {
    background: var(--ziony-color-neutral-soft);
    border-color: var(--ziony-color-neutral-border);
    color: var(--ziony-color-text-muted);
}

.status-other[b-rvg4iv61r0],
.change-deleted[b-rvg4iv61r0] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.change-other[b-rvg4iv61r0] {
    background: color-mix(in srgb, var(--ziony-color-accent-violet) 9%, var(--ziony-color-surface));
    border-color: color-mix(in srgb, var(--ziony-color-accent-violet) 27%, var(--ziony-color-border));
    color: var(--ziony-color-accent-violet);
}

.snapshot-change-totals[b-rvg4iv61r0] {
    display: flex;
    gap: var(--ziony-space-2);
    white-space: nowrap;
}

.snapshot-change-totals b[b-rvg4iv61r0] {
    font-size: 0.68rem;
}

.snapshot-change-totals .change-added[b-rvg4iv61r0] {
    color: var(--ziony-color-success);
}

.snapshot-change-totals .change-modified[b-rvg4iv61r0] {
    color: var(--ziony-color-primary);
}

.snapshot-change-totals .change-deleted[b-rvg4iv61r0] {
    color: var(--ziony-color-danger);
}

.snapshot-actions[b-rvg4iv61r0],
.snapshot-detail-actions[b-rvg4iv61r0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.snapshot-detail-actions[b-rvg4iv61r0] {
    justify-content: flex-end;
}

.snapshot-change-summary[b-rvg4iv61r0] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-bottom: var(--ziony-space-4);
}

.change-summary-card[b-rvg4iv61r0] {
    --snapshot-summary-accent: var(--ziony-color-neutral);
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-bottom: 3px solid var(--snapshot-summary-accent);
    border-left: 3px solid var(--snapshot-summary-accent);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-1);
    min-height: 4.35rem;
    padding: 0.68rem 0.75rem;
}

.change-summary-card--added[b-rvg4iv61r0],
.change-summary-card--success[b-rvg4iv61r0] {
    --snapshot-summary-accent: var(--ziony-color-success);
}

.change-summary-card--modified[b-rvg4iv61r0],
.change-summary-card--primary[b-rvg4iv61r0] {
    --snapshot-summary-accent: var(--ziony-color-primary);
}

.change-summary-card--deleted[b-rvg4iv61r0] {
    --snapshot-summary-accent: var(--ziony-color-danger);
}

.change-summary-card span[b-rvg4iv61r0] {
    color: var(--ziony-color-text-muted);
    font-size: 0.67rem;
    font-weight: 750;
}

.change-summary-card strong[b-rvg4iv61r0] {
    color: var(--ziony-color-text);
    font-size: 1rem;
}

.snapshot-filters[b-rvg4iv61r0] {
    align-items: end;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(10rem, 0.75fr) minmax(10rem, 0.75fr) minmax(14rem, 1.5fr) auto;
    margin-bottom: var(--ziony-space-3);
}

.snapshot-filters .ziony-field[b-rvg4iv61r0] {
    gap: var(--ziony-space-2);
}

.snapshot-internal-toggle[b-rvg4iv61r0] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.74rem;
    font-weight: 700;
    gap: var(--ziony-space-2);
    min-height: var(--ziony-control-height-compact);
    padding: 0 var(--ziony-space-3);
    white-space: nowrap;
}

.snapshot-internal-toggle input[b-rvg4iv61r0] {
    accent-color: var(--ziony-color-primary);
    height: 1rem;
    width: 1rem;
}

.snapshot-history-grid[b-rvg4iv61r0],
.snapshot-changes-grid[b-rvg4iv61r0] {
    min-width: 0;
}

.planning-snapshot-spinner img[b-rvg4iv61r0] {
    animation: planning-snapshot-spin-b-rvg4iv61r0 900ms linear infinite;
}

@keyframes planning-snapshot-spin-b-rvg4iv61r0 {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1180px) {
    .planning-snapshot-status-grid[b-rvg4iv61r0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .snapshot-change-summary[b-rvg4iv61r0] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .planning-snapshots-heading[b-rvg4iv61r0] {
        flex-direction: column;
    }

    .planning-snapshots-actions[b-rvg4iv61r0] {
        justify-content: flex-start;
    }

    .planning-snapshot-import-grid[b-rvg4iv61r0] {
        grid-template-columns: 1fr;
    }

    .planning-snapshot-job-meta[b-rvg4iv61r0],
    .snapshot-job-counts[b-rvg4iv61r0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .snapshot-change-summary[b-rvg4iv61r0],
    .snapshot-filters[b-rvg4iv61r0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .planning-snapshot-section-header[b-rvg4iv61r0] {
        align-items: stretch;
        flex-direction: column;
    }

    .planning-snapshot-status-grid[b-rvg4iv61r0],
    .planning-snapshot-job-meta[b-rvg4iv61r0],
    .snapshot-job-counts[b-rvg4iv61r0],
    .snapshot-change-summary[b-rvg4iv61r0],
    .snapshot-filters[b-rvg4iv61r0] {
        grid-template-columns: 1fr;
    }

    .planning-snapshot-link-grid[b-rvg4iv61r0] {
        grid-template-columns: 1fr;
    }

    .snapshot-progress-row[b-rvg4iv61r0] {
        grid-template-columns: 1fr;
    }

    .snapshot-progress-row strong[b-rvg4iv61r0] {
        text-align: left;
    }

    .snapshot-detail-actions[b-rvg4iv61r0] {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .planning-snapshot-file-box[b-rvg4iv61r0],
    .planning-snapshot-link-grid button[b-rvg4iv61r0],
    .planning-snapshot-link-grid button img[b-rvg4iv61r0],
    .snapshot-progress-bar span[b-rvg4iv61r0] {
        transition: none;
    }

    .planning-snapshot-file:hover .planning-snapshot-file-box[b-rvg4iv61r0],
    .planning-snapshot-link-grid button:hover[b-rvg4iv61r0],
    .planning-snapshot-link-grid button:focus-visible[b-rvg4iv61r0],
    .planning-snapshot-link-grid button:hover img[b-rvg4iv61r0],
    .planning-snapshot-link-grid button:focus-visible img[b-rvg4iv61r0] {
        transform: none;
    }

    .planning-snapshot-spinner img[b-rvg4iv61r0] {
        animation: none;
    }
}
/* /Components/Pages/PlanningTimeline.razor.rz.scp.css */
.planning-timeline-heading[b-jih5dugfnj] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.planning-timeline-heading-copy[b-jih5dugfnj] {
    min-width: 0;
}

.planning-timeline-heading-actions[b-jih5dugfnj] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
    margin-top: 0;
}

.planning-timeline-page[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
    position: relative;
}

.planning-timeline-viewbar[b-jih5dugfnj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.planning-timeline-feedback[b-jih5dugfnj] {
    margin: 0;
}

.planning-timeline-feedback .ziony-feedback__icon[b-jih5dugfnj] {
    height: 1.15rem;
    width: 1.15rem;
}

.planning-timeline-feedback .planning-timeline-retry[b-jih5dugfnj] {
    flex: 0 0 auto;
    margin-left: auto;
}

.planning-timeline-kpis[b-jih5dugfnj] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.planning-timeline-kpis .ziony-summary-card[b-jih5dugfnj] {
    min-height: 5.9rem;
}

.planning-timeline-kpi-text[b-jih5dugfnj] {
    font-size: clamp(0.98rem, 1.45vw, 1.22rem);
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.planning-timeline-story[b-jih5dugfnj] {
    margin: 0;
}

.planning-timeline-filters[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(12rem, 0.9fr);
}

.planning-timeline-filters > label[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-2);
    min-width: 0;
}

.planning-timeline-filters > label > span[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-weight: 750;
    letter-spacing: 0.025em;
    padding-left: var(--ziony-space-1);
}

.planning-timeline-filters select[b-jih5dugfnj] {
    appearance: auto;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    font-size: 0.8rem;
    height: var(--ziony-control-height);
    min-width: 0;
    outline: none;
    padding: 0 var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.planning-timeline-filters select:hover:not(:disabled)[b-jih5dugfnj] {
    background: var(--ziony-color-control-hover);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 38%, var(--ziony-color-border-strong));
}

.planning-timeline-filters select:focus-visible[b-jih5dugfnj] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.planning-timeline-filters select:disabled[b-jih5dugfnj] {
    background: var(--ziony-color-control-disabled);
    color: var(--ziony-color-text-muted);
    cursor: not-allowed;
}

.planning-timeline-check[b-jih5dugfnj] {
    align-items: center;
    align-self: end;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    cursor: pointer;
    display: flex !important;
    gap: var(--ziony-space-2) !important;
    min-height: var(--ziony-control-height);
    padding: 0 var(--ziony-space-3);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out);
}

.planning-timeline-check:hover[b-jih5dugfnj] {
    background: var(--ziony-color-control-hover);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 38%, var(--ziony-color-border-strong));
}

.planning-timeline-check:focus-within[b-jih5dugfnj] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.planning-timeline-check input[b-jih5dugfnj] {
    accent-color: var(--ziony-color-primary);
    height: 1rem;
    margin: 0;
    width: 1rem;
}

.planning-timeline-check > span[b-jih5dugfnj] {
    color: var(--ziony-color-text) !important;
    font-size: 0.78rem !important;
    letter-spacing: 0 !important;
    padding: 0 !important;
}

.planning-timeline-empty[b-jih5dugfnj] {
    min-height: 7rem;
}

.planning-timeline-layout[b-jih5dugfnj] {
    align-items: start;
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: minmax(0, 1fr) minmax(14.5rem, 17rem);
    min-width: 0;
}

.planning-timeline-layout > main[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
}

.planning-timeline-panel[b-jih5dugfnj] {
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--ziony-color-primary-soft) 34%, transparent),
            transparent 28%
        ),
        var(--ziony-color-surface);
    border-color: var(--ziony-color-border);
    box-shadow: var(--ziony-shadow-sm);
    min-width: 0;
    padding: var(--ziony-space-4);
}

.planning-timeline-panel > header[b-jih5dugfnj] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-4);
}

.planning-timeline-panel > header > div[b-jih5dugfnj] {
    min-width: 0;
}

.planning-timeline-panel > header h2[b-jih5dugfnj] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    letter-spacing: -0.015em;
    line-height: 1.25;
    margin: var(--ziony-space-1) 0 0;
}

.planning-timeline-panel > header > span[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    flex: 0 0 auto;
    font-size: 0.7rem;
}

.planning-timeline-section-label[b-jih5dugfnj] {
    color: var(--ziony-color-primary);
    font-size: 0.66rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.planning-timeline-month-grid[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-auto-columns: minmax(8.5rem, 1fr);
    grid-auto-flow: column;
    overflow-x: auto;
    padding: var(--ziony-space-1) var(--ziony-space-1) var(--ziony-space-2);
    scrollbar-color: var(--ziony-color-border-strong) transparent;
}

.planning-timeline-month[b-jih5dugfnj] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--ziony-space-2);
    grid-template-rows: auto minmax(7rem, 1fr) auto;
    min-height: 11.7rem;
    min-width: 0;
    outline: none;
    padding: 0.72rem 0.62rem 0.64rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.planning-timeline-month:hover[b-jih5dugfnj],
.planning-timeline-month:focus-visible[b-jih5dugfnj],
.planning-timeline-month.is-selected[b-jih5dugfnj] {
    background: var(--ziony-color-surface-hover);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 45%, var(--ziony-color-border));
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-2px);
}

.planning-timeline-month:focus-visible[b-jih5dugfnj],
.planning-timeline-month.is-selected[b-jih5dugfnj] {
    box-shadow:
        var(--ziony-focus-ring),
        var(--ziony-shadow-md);
}

.planning-timeline-month > span:first-child[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    text-align: center;
    white-space: nowrap;
}

.planning-timeline-month-chart[b-jih5dugfnj] {
    border-bottom: 1px solid var(--ziony-color-border);
    display: grid;
    min-height: 7rem;
}

.planning-timeline-bars[b-jih5dugfnj] {
    align-items: end;
    display: flex;
    gap: var(--ziony-space-2);
    height: 100%;
    justify-content: center;
}

.planning-timeline-bar[b-jih5dugfnj] {
    border-radius: 0.35rem 0.35rem 0 0;
    display: block;
    min-height: 0.2rem;
    width: 1.25rem;
}

.planning-timeline-bar--delivered[b-jih5dugfnj] {
    background: var(--ziony-color-info);
}

.planning-timeline-bar--verified[b-jih5dugfnj] {
    background: var(--ziony-color-success);
}

.planning-timeline-month > strong[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.66rem;
    font-weight: 650;
    line-height: 1.35;
    text-align: center;
}

.planning-timeline-legend[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.7rem;
    gap: var(--ziony-space-4);
    margin-top: var(--ziony-space-3);
}

.planning-timeline-legend span[b-jih5dugfnj] {
    align-items: center;
    display: inline-flex;
    gap: var(--ziony-space-2);
}

.planning-timeline-legend i[b-jih5dugfnj] {
    background: var(--ziony-color-info);
    border-radius: 999px;
    height: 0.56rem;
    width: 0.56rem;
}

.planning-timeline-legend i.is-verified[b-jih5dugfnj] {
    background: var(--ziony-color-success);
}

.planning-timeline-cumulative[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-2);
}

.planning-timeline-cumulative-row[b-jih5dugfnj] {
    align-items: center;
    display: grid;
    font-size: 0.72rem;
    gap: var(--ziony-space-3);
    grid-template-columns: 5.5rem minmax(0, 1fr) 3rem;
}

.planning-timeline-cumulative-row > span:first-child[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
}

.planning-timeline-cumulative-track[b-jih5dugfnj] {
    background: var(--ziony-color-neutral-soft);
    border-radius: 999px;
    height: 0.58rem;
    overflow: hidden;
}

.planning-timeline-cumulative-fill[b-jih5dugfnj] {
    background: var(--ziony-color-neutral);
    border-radius: inherit;
    display: block;
    height: 100%;
    transition: width var(--ziony-motion-base) var(--ziony-ease-out);
}

.planning-timeline-cumulative-row strong[b-jih5dugfnj] {
    color: var(--ziony-color-text);
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.planning-timeline-areas[b-jih5dugfnj] {
    padding: var(--ziony-space-4);
    position: sticky;
    top: var(--ziony-space-4);
}

.planning-timeline-clear[b-jih5dugfnj] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-primary);
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 700;
    min-height: 1.9rem;
    padding: 0 var(--ziony-space-2);
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
}

.planning-timeline-clear:hover[b-jih5dugfnj],
.planning-timeline-clear:focus-visible[b-jih5dugfnj] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.planning-timeline-area-list[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-2);
    max-height: 31rem;
    overflow-y: auto;
    padding: var(--ziony-space-1);
    scrollbar-color: var(--ziony-color-border-strong) transparent;
}

.planning-timeline-area-list button[b-jih5dugfnj] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-left: 3px solid var(--ziony-color-info);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: var(--ziony-space-2);
    min-width: 0;
    padding: 0.72rem;
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.planning-timeline-area-list button:hover[b-jih5dugfnj],
.planning-timeline-area-list button:focus-visible[b-jih5dugfnj],
.planning-timeline-area-list button.is-selected[b-jih5dugfnj] {
    background: var(--ziony-color-surface-hover);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 45%, var(--ziony-color-border));
    box-shadow: var(--ziony-shadow-md);
    outline: none;
    transform: translateX(-2px);
}

.planning-timeline-area-list button:focus-visible[b-jih5dugfnj],
.planning-timeline-area-list button.is-selected[b-jih5dugfnj] {
    box-shadow:
        var(--ziony-focus-ring),
        var(--ziony-shadow-md);
}

.planning-timeline-area-list button > span[b-jih5dugfnj] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-2);
    justify-content: space-between;
}

.planning-timeline-area-list strong[b-jih5dugfnj] {
    color: var(--ziony-color-text);
    font-size: 0.76rem;
    overflow-wrap: anywhere;
}

.planning-timeline-area-list img[b-jih5dugfnj] {
    height: 1rem;
    opacity: 0.68;
    width: 1rem;
}

.planning-timeline-area-list small[b-jih5dugfnj],
.planning-timeline-area-list time[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.66rem;
    line-height: 1.35;
}

.planning-timeline-area-list time[b-jih5dugfnj] {
    color: var(--ziony-color-info);
}

.planning-timeline-recent > div[b-jih5dugfnj] {
    display: grid;
}

.planning-timeline-recent article[b-jih5dugfnj] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: 6rem minmax(15rem, 1fr) auto minmax(0, 0.9fr);
    min-height: 3.5rem;
    padding: 0.58rem 0.65rem;
    transition: background var(--ziony-motion-fast) var(--ziony-ease-out);
}

.planning-timeline-recent article:first-child[b-jih5dugfnj] {
    border-top: 0;
}

.planning-timeline-recent article:hover[b-jih5dugfnj] {
    background: var(--ziony-color-surface-hover);
}

.planning-timeline-recent time[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-variant-numeric: tabular-nums;
}

.planning-timeline-recent article > div[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
}

.planning-timeline-recent article > div strong[b-jih5dugfnj],
.planning-timeline-recent article > div span[b-jih5dugfnj] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.planning-timeline-recent article > div strong[b-jih5dugfnj] {
    color: var(--ziony-color-text);
    font-size: 0.75rem;
}

.planning-timeline-recent article > div span[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
}

.planning-timeline-status[b-jih5dugfnj] {
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 700;
    justify-self: start;
    padding: 0.3rem 0.55rem;
    white-space: nowrap;
}

.planning-timeline-status.is-success[b-jih5dugfnj] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.planning-timeline-status.is-info[b-jih5dugfnj] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.planning-timeline-status.is-warning[b-jih5dugfnj] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
    color: var(--ziony-color-warning);
}

.planning-timeline-status.is-danger[b-jih5dugfnj] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.planning-timeline-status.is-neutral[b-jih5dugfnj] {
    background: var(--ziony-color-neutral-soft);
    border-color: var(--ziony-color-neutral-border);
    color: var(--ziony-color-text-muted);
}

.planning-timeline-confidence[b-jih5dugfnj] {
    align-items: center;
    color: var(--ziony-color-text-muted);
    display: inline-flex;
    font-size: 0.65rem;
    gap: var(--ziony-space-2);
    min-width: 0;
    overflow-wrap: anywhere;
}

.planning-timeline-confidence img[b-jih5dugfnj] {
    flex: 0 0 auto;
    height: 0.9rem;
    width: 0.9rem;
}

.planning-timeline-confidence.confidence-high img[b-jih5dugfnj] {
    filter: invert(43%) sepia(50%) saturate(565%) hue-rotate(107deg);
}

.planning-timeline-confidence.confidence-medium img[b-jih5dugfnj] {
    filter: invert(43%) sepia(59%) saturate(955%) hue-rotate(166deg);
}

.planning-timeline-confidence.confidence-low img[b-jih5dugfnj],
.planning-timeline-confidence.confidence-unknown img[b-jih5dugfnj] {
    filter: invert(58%) sepia(67%) saturate(734%) hue-rotate(358deg);
}

.planning-timeline-no-results[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    margin: 0;
    padding: var(--ziony-space-5) var(--ziony-space-3);
    text-align: center;
}

.planning-timeline-internal[b-jih5dugfnj] {
    background:
        linear-gradient(
            135deg,
            color-mix(in srgb, var(--ziony-color-warning-soft) 52%, transparent),
            transparent 34%
        ),
        var(--ziony-color-surface);
    border-color: var(--ziony-color-warning-border);
}

.planning-timeline-internal-grid[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.planning-timeline-internal-grid article[b-jih5dugfnj] {
    background: color-mix(in srgb, var(--ziony-color-surface) 88%, var(--ziony-color-warning-soft));
    border: 1px solid var(--ziony-color-warning-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-1);
    padding: 0.72rem;
}

.planning-timeline-internal-grid strong[b-jih5dugfnj] {
    color: var(--ziony-color-warning);
    font-size: 1.15rem;
}

.planning-timeline-internal-grid span[b-jih5dugfnj],
.planning-timeline-internal li[b-jih5dugfnj] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    line-height: 1.45;
}

.planning-timeline-internal ul[b-jih5dugfnj] {
    display: grid;
    gap: var(--ziony-space-1);
    margin: var(--ziony-space-3) 0 0;
    padding-left: 1.2rem;
}

.planning-timeline-refresh-mask[b-jih5dugfnj] {
    align-items: flex-start;
    backdrop-filter: blur(2px);
    background: color-mix(in srgb, var(--ziony-color-canvas) 80%, transparent);
    color: var(--ziony-color-primary);
    display: flex;
    font-size: 0.76rem;
    font-weight: 700;
    gap: var(--ziony-space-2);
    inset: 3.2rem 0 0;
    justify-content: center;
    padding-top: 6rem;
    position: absolute;
    z-index: 8;
}

.planning-timeline-refresh-mask img[b-jih5dugfnj] {
    animation: planning-timeline-spin-b-jih5dugfnj 900ms linear infinite;
    height: 1rem;
    width: 1rem;
}

@keyframes planning-timeline-spin-b-jih5dugfnj {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 72rem) {
    .planning-timeline-kpis[b-jih5dugfnj] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .planning-timeline-month-grid[b-jih5dugfnj] {
        grid-auto-columns: minmax(9rem, 1fr);
    }
}

@media (max-width: 60rem) {
    .planning-timeline-filters[b-jih5dugfnj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .planning-timeline-layout[b-jih5dugfnj] {
        grid-template-columns: 1fr;
    }

    .planning-timeline-areas[b-jih5dugfnj] {
        position: static;
    }

    .planning-timeline-area-list[b-jih5dugfnj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-height: none;
    }

    .planning-timeline-recent article[b-jih5dugfnj] {
        grid-template-columns: 5.2rem minmax(12rem, 1fr) auto;
    }

    .planning-timeline-confidence[b-jih5dugfnj] {
        grid-column: 2 / -1;
    }
}

@media (max-width: 46rem) {
    .planning-timeline-heading[b-jih5dugfnj] {
        align-items: stretch;
        flex-direction: column;
    }

    .planning-timeline-heading-actions[b-jih5dugfnj] {
        justify-content: flex-start;
    }

    .planning-timeline-feedback[b-jih5dugfnj] {
        flex-wrap: wrap;
    }

    .planning-timeline-feedback .planning-timeline-retry[b-jih5dugfnj] {
        margin-left: 1.7rem;
    }

    .planning-timeline-kpis[b-jih5dugfnj],
    .planning-timeline-filters[b-jih5dugfnj],
    .planning-timeline-area-list[b-jih5dugfnj],
    .planning-timeline-internal-grid[b-jih5dugfnj] {
        grid-template-columns: 1fr;
    }

    .planning-timeline-kpis .ziony-summary-card[b-jih5dugfnj] {
        min-height: 5.25rem;
    }

    .planning-timeline-recent article[b-jih5dugfnj] {
        gap: var(--ziony-space-2);
        grid-template-columns: 1fr;
    }

    .planning-timeline-confidence[b-jih5dugfnj] {
        grid-column: 1;
    }

    .planning-timeline-cumulative-row[b-jih5dugfnj] {
        grid-template-columns: 4.4rem minmax(0, 1fr) 2.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .planning-timeline-month[b-jih5dugfnj],
    .planning-timeline-area-list button[b-jih5dugfnj],
    .planning-timeline-cumulative-fill[b-jih5dugfnj] {
        transition: none;
    }

    .planning-timeline-month:hover[b-jih5dugfnj],
    .planning-timeline-month:focus-visible[b-jih5dugfnj],
    .planning-timeline-month.is-selected[b-jih5dugfnj],
    .planning-timeline-area-list button:hover[b-jih5dugfnj],
    .planning-timeline-area-list button:focus-visible[b-jih5dugfnj],
    .planning-timeline-area-list button.is-selected[b-jih5dugfnj] {
        transform: none;
    }

    .planning-timeline-refresh-mask img[b-jih5dugfnj] {
        animation: none;
    }
}
/* /Components/Pages/PriceListReview.razor.rz.scp.css */
.price-list-review-heading[b-miejrsvxnw] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.price-list-review-heading-copy[b-miejrsvxnw] {
    min-width: 0;
}

.heading-actions[b-miejrsvxnw] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.price-list-review-filter[b-miejrsvxnw] {
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-4);
}

.price-list-review-filter label[b-miejrsvxnw] {
    display: grid;
    gap: var(--ziony-space-2);
    width: 100%;
}

.price-list-review-filter span[b-miejrsvxnw] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.price-list-review-filter select[b-miejrsvxnw] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    min-height: 2.65rem;
    padding: 0.5rem 0.7rem;
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.price-list-review-filter select:focus-visible[b-miejrsvxnw] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.price-list-review-filter select:disabled[b-miejrsvxnw] {
    background: var(--ziony-color-surface-subtle);
    color: var(--ziony-color-text-muted);
    cursor: not-allowed;
}

.price-list-review-summary-grid[b-miejrsvxnw] {
    margin-bottom: var(--ziony-space-4);
}

.data-panel[b-miejrsvxnw] {
    min-width: 0;
}

.detail-panel[b-miejrsvxnw] {
    margin-top: 1rem;
}

.detail-heading[b-miejrsvxnw] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.detail-heading h2[b-miejrsvxnw] {
    font-size: 1.15rem;
    margin: 0;
}

.detail-heading p[b-miejrsvxnw] {
    color: #667483;
    margin: 0.2rem 0 0;
}

.status-strip[b-miejrsvxnw] {
    background: #edf3f7;
    border: 1px solid #d6e0e8;
    border-radius: 6px;
    color: #253342;
    font-weight: 700;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.7rem;
}

.metric-grid[b-miejrsvxnw] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    margin-bottom: 1rem;
}

.metric[b-miejrsvxnw] {
    border: 1px solid #dce3ea;
    border-radius: 6px;
    display: grid;
    gap: 0.25rem;
    min-height: 4.25rem;
    padding: 0.65rem;
}

.metric strong[b-miejrsvxnw] {
    color: #18232f;
    font-size: 1rem;
}

.detail-tabs[b-miejrsvxnw] {
    margin-top: 0.5rem;
}

.detail-tab-content[b-miejrsvxnw] {
    padding-top: 0.75rem;
}

.detail-tab-content h3[b-miejrsvxnw] {
    font-size: 1rem;
    margin: 0 0 0.5rem;
}

.summary-text[b-miejrsvxnw] {
    background: #f7f9fb;
    border: 1px solid #dce3ea;
    border-radius: 6px;
    color: #253342;
    line-height: 1.45;
    margin: 0;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
}

.warning-text[b-miejrsvxnw] {
    color: var(--ziony-color-warning);
    font-weight: 700;
}

.compact-button[b-miejrsvxnw] {
    min-width: 6.5rem;
}

.muted[b-miejrsvxnw] {
    color: #667483;
    font-size: 0.88rem;
    margin: 0;
    padding: 1rem;
}

.alert[b-miejrsvxnw] {
    border-radius: var(--ziony-radius-sm);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.alert.error[b-miejrsvxnw] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-miejrsvxnw] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-miejrsvxnw] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

@media (max-width: 760px) {
    .price-list-review-heading[b-miejrsvxnw] {
        display: block;
    }

    .heading-actions[b-miejrsvxnw] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }
}
/* /Components/Pages/PriceListReviewDetail.razor.rz.scp.css */
.price-list-detail-heading[b-phjuaihgry] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.heading-actions[b-phjuaihgry] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.detail-panel[b-phjuaihgry] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    padding: 0.75rem;
}

.detail-heading[b-phjuaihgry] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.detail-heading h2[b-phjuaihgry] {
    font-size: 1.15rem;
    margin: 0;
}

.detail-heading p[b-phjuaihgry] {
    color: #667483;
    margin: 0.2rem 0 0;
}

.status-pill[b-phjuaihgry] {
    background: #edf3f7;
    border: 1px solid #d6e0e8;
    border-radius: 999px;
    color: #253342;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    white-space: nowrap;
}

.identity-grid[b-phjuaihgry],
.metric-grid[b-phjuaihgry] {
    display: grid;
    gap: 0.65rem;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    margin-bottom: 1rem;
}

.identity-grid > div[b-phjuaihgry],
.metric[b-phjuaihgry] {
    border: 1px solid #dce3ea;
    border-radius: 6px;
    display: grid;
    gap: 0.25rem;
    min-height: 4.25rem;
    padding: 0.65rem;
}

.identity-grid span[b-phjuaihgry],
.metric span[b-phjuaihgry] {
    color: #526173;
    font-size: 0.85rem;
    font-weight: 700;
}

.identity-grid strong[b-phjuaihgry],
.metric strong[b-phjuaihgry] {
    color: #18232f;
    font-size: 1rem;
}

.status-strip[b-phjuaihgry] {
    background: #edf3f7;
    border: 1px solid #d6e0e8;
    border-radius: 6px;
    color: #253342;
    font-weight: 700;
    margin-bottom: 0.75rem;
    padding: 0.55rem 0.7rem;
}

.detail-tabs[b-phjuaihgry] {
    margin-top: 0.5rem;
}

.detail-tab-content[b-phjuaihgry] {
    padding-top: 0.75rem;
}

.price-review-section-header[b-phjuaihgry] {
    margin-bottom: 0.5rem;
}

.summary-text[b-phjuaihgry] {
    background: #f7f9fb;
    border: 1px solid #dce3ea;
    border-radius: 6px;
    color: #253342;
    line-height: 1.45;
    margin: 0 0 1rem;
    overflow: auto;
    padding: 0.75rem;
    white-space: pre-wrap;
}

.notes-list[b-phjuaihgry] {
    margin: 0;
    padding-left: 1.25rem;
}

.muted[b-phjuaihgry] {
    color: #667483;
    font-size: 0.88rem;
    margin: 0;
    padding: 1rem;
}

.alert[b-phjuaihgry] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.alert.error[b-phjuaihgry] {
    background: #fdecec;
    border: 1px solid #f2b8b8;
    color: #8a1f1f;
}

.alert.info[b-phjuaihgry] {
    background: #eef6ff;
    border: 1px solid #b7d6f4;
    color: #224e76;
}

@media (max-width: 760px) {
    .price-list-detail-heading[b-phjuaihgry],
    .detail-heading[b-phjuaihgry] {
        display: block;
    }

    .heading-actions[b-phjuaihgry] {
        justify-content: flex-start;
        margin-top: 0.75rem;
    }
}
/* /Components/Pages/Register.razor.rz.scp.css */
.register-page[b-j2gw94vzp9] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 auto;
    height: auto;
    justify-content: center;
    min-height: 0;
    overflow: visible;
    padding: 1rem;
}

.register-card[b-j2gw94vzp9] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(20, 32, 43, 0.08);
    max-width: 32rem;
    padding: 1.75rem;
    width: 100%;
}

.brand-lockup[b-j2gw94vzp9] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.brand-mark[b-j2gw94vzp9] {
    align-items: center;
    background: var(--ziony-primary);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.35rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.eyebrow[b-j2gw94vzp9] {
    color: #5b6774;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.register-card h1[b-j2gw94vzp9] {
    color: #17202a;
    font-size: 1.65rem;
    letter-spacing: 0;
    margin-bottom: 0;
}

.step-list[b-j2gw94vzp9] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0 0 1.2rem;
    padding: 0;
}

.step-list li[b-j2gw94vzp9] {
    background: #eef3f6;
    border-radius: 6px;
    color: #536170;
    font-size: 0.85rem;
    font-weight: 800;
    padding: 0.55rem 0.7rem;
    text-align: center;
}

.step-list li.active[b-j2gw94vzp9],
.step-list li.done[b-j2gw94vzp9] {
    background: var(--ziony-primary);
    color: #ffffff;
}

.register-error[b-j2gw94vzp9],
.register-info[b-j2gw94vzp9],
.register-success[b-j2gw94vzp9] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.register-error[b-j2gw94vzp9] {
    background: #fff1f1;
    border: 1px solid #e6b8b8;
    color: #8a1f1f;
}

.register-info[b-j2gw94vzp9],
.register-success[b-j2gw94vzp9] {
    background: #eef8f5;
    border: 1px solid #aed5ca;
    color: #1d5f55;
}

.register-form[b-j2gw94vzp9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.field[b-j2gw94vzp9] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.register-form label[b-j2gw94vzp9] {
    color: #253342;
    font-weight: 700;
}

.text-input[b-j2gw94vzp9] {
    border: 1px solid #c9d3dc;
    border-radius: 6px;
    font: inherit;
    min-height: 2.8rem;
    padding: 0.75rem 0.8rem;
}

.text-input:focus[b-j2gw94vzp9] {
    border-color: var(--ziony-primary);
    outline: 2px solid rgba(var(--ziony-primary-rgb), 0.2);
}

.register-form button[b-j2gw94vzp9],
.primary-link[b-j2gw94vzp9] {
    background: var(--ziony-primary);
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-weight: 800;
    padding: 0.8rem 1rem;
    text-align: center;
    text-decoration: none;
}

.register-form button:hover[b-j2gw94vzp9],
.primary-link:hover[b-j2gw94vzp9] {
    background: var(--ziony-primary-hover);
}

.register-form button:disabled[b-j2gw94vzp9] {
    background: var(--ziony-primary-disabled);
    cursor: wait;
}

.button-row[b-j2gw94vzp9] {
    margin-top: 0.5rem;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr;
}

.register-form .secondary-button[b-j2gw94vzp9] {
    background: #e8eef2;
    color: #263642;
}

.register-form .secondary-button:hover[b-j2gw94vzp9] {
    background: #d7e1e8;
}

.register-secondary[b-j2gw94vzp9] {
    color: #536170;
    font-size: 0.95rem;
    margin: 1rem 0 0;
    text-align: center;
}

.register-secondary a[b-j2gw94vzp9] {
    color: var(--ziony-primary);
    font-weight: 800;
    text-decoration: none;
}

.register-secondary a:hover[b-j2gw94vzp9] {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .register-page[b-j2gw94vzp9] {
        align-items: flex-start;
        min-height: auto;
        padding: 0;
    }

    .register-card[b-j2gw94vzp9] {
        box-shadow: none;
        padding: 1.25rem;
    }

    .step-list[b-j2gw94vzp9] {
        grid-template-columns: 1fr;
    }

    .button-row[b-j2gw94vzp9] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ResetPassword.razor.rz.scp.css */
.register-page[b-6jr2195w34] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex: 1 0 auto;
    height: auto;
    justify-content: center;
    min-height: 0;
    overflow: visible;
    padding: 1rem;
}

.register-card[b-6jr2195w34] {
    background: #ffffff;
    border: 1px solid #dce3ea;
    border-radius: 8px;
    box-shadow: 0 18px 48px rgba(20, 32, 43, 0.08);
    max-width: 32rem;
    padding: 1.75rem;
    width: 100%;
}

.brand-lockup[b-6jr2195w34] {
    align-items: center;
    display: flex;
    gap: 0.9rem;
    margin-bottom: 1.25rem;
}

.brand-mark[b-6jr2195w34] {
    align-items: center;
    background: var(--ziony-primary);
    border-radius: 8px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.35rem;
    font-weight: 800;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.eyebrow[b-6jr2195w34] {
    color: #5b6774;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 0.15rem;
    text-transform: uppercase;
}

.register-card h1[b-6jr2195w34] {
    color: #17202a;
    font-size: 1.65rem;
    letter-spacing: 0;
    margin-bottom: 0;
}

.step-list[b-6jr2195w34] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0 0 1.2rem;
    padding: 0;
}

.step-list li[b-6jr2195w34] {
    background: #eef3f6;
    border-radius: 6px;
    color: #536170;
    font-size: 0.85rem;
    font-weight: 800;
    padding: 0.55rem 0.7rem;
    text-align: center;
}

.step-list li.active[b-6jr2195w34],
.step-list li.done[b-6jr2195w34] {
    background: var(--ziony-primary);
    color: #ffffff;
}

.register-error[b-6jr2195w34],
.register-info[b-6jr2195w34],
.register-success[b-6jr2195w34] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.75rem;
}

.register-error[b-6jr2195w34] {
    background: #fff1f1;
    border: 1px solid #e6b8b8;
    color: #8a1f1f;
}

.register-info[b-6jr2195w34],
.register-success[b-6jr2195w34] {
    background: #eef8f5;
    border: 1px solid #aed5ca;
    color: #1d5f55;
}

.register-form[b-6jr2195w34] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.field[b-6jr2195w34] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.register-form label[b-6jr2195w34] {
    color: #253342;
    font-weight: 700;
}

.text-input[b-6jr2195w34] {
    border: 1px solid #c9d3dc;
    border-radius: 6px;
    font: inherit;
    min-height: 2.8rem;
    padding: 0.75rem 0.8rem;
}

.text-input:focus[b-6jr2195w34] {
    border-color: var(--ziony-primary);
    outline: 2px solid rgba(var(--ziony-primary-rgb), 0.2);
}

.register-form button[b-6jr2195w34],
.primary-link[b-6jr2195w34] {
    background: var(--ziony-primary);
    border: 0;
    border-radius: 6px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-weight: 800;
    padding: 0.8rem 1rem;
    text-align: center;
    text-decoration: none;
}

.register-form button:hover[b-6jr2195w34],
.primary-link:hover[b-6jr2195w34] {
    background: var(--ziony-primary-hover);
}

.register-form button:disabled[b-6jr2195w34] {
    background: var(--ziony-primary-disabled);
    cursor: wait;
}

.button-row[b-6jr2195w34] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: 1fr 1fr;
}

.register-form .secondary-button[b-6jr2195w34] {
    background: #e8eef2;
    color: #263642;
}

.register-form .secondary-button:hover[b-6jr2195w34] {
    background: #d7e1e8;
}

.register-secondary[b-6jr2195w34] {
    color: #536170;
    font-size: 0.95rem;
    margin: 1rem 0 0;
    text-align: center;
}

.register-secondary a[b-6jr2195w34] {
    color: var(--ziony-primary);
    font-weight: 800;
    text-decoration: none;
}

.register-secondary a:hover[b-6jr2195w34] {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .register-page[b-6jr2195w34] {
        align-items: flex-start;
        min-height: auto;
        padding: 0;
    }

    .register-card[b-6jr2195w34] {
        box-shadow: none;
        padding: 1.25rem;
    }

    .step-list[b-6jr2195w34] {
        grid-template-columns: 1fr;
    }

    .button-row[b-6jr2195w34] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ServiceWorkOrderDetail.razor.rz.scp.css */
.service-detail-back[b-g6b35utg1k] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-primary);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    gap: var(--ziony-space-2);
    margin: 0 0 var(--ziony-space-3);
    min-height: var(--ziony-control-height-compact);
    padding: var(--ziony-space-1) var(--ziony-space-2);
    transition:
        background-color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.service-detail-back:hover:not(:disabled)[b-g6b35utg1k] {
    background: var(--ziony-color-primary-soft);
    transform: translateX(-2px);
}

.service-detail-back:focus-visible[b-g6b35utg1k] {
    outline: var(--ziony-focus-ring);
    outline-offset: 2px;
}

.service-detail-back:disabled[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    cursor: default;
}

.service-detail-back img[b-g6b35utg1k] {
    height: 1rem;
    width: 1rem;
}

.service-work-order-state[b-g6b35utg1k] {
    margin-top: var(--ziony-space-3);
    min-height: 12rem;
}

.service-work-order-state h1[b-g6b35utg1k] {
    font-size: 1.15rem;
    margin: 0 0 var(--ziony-space-1);
}

.service-work-order-state p[b-g6b35utg1k] {
    margin: 0;
}

.service-state-icon[b-g6b35utg1k] {
    height: 1.35rem;
    width: 1.35rem;
}

.service-editor-heading[b-g6b35utg1k],
.service-detail-heading[b-g6b35utg1k] {
    margin-bottom: var(--ziony-space-4);
}

.service-editor-heading > div[b-g6b35utg1k],
.service-detail-heading-copy[b-g6b35utg1k] {
    min-width: 0;
}

.service-editor-heading h1[b-g6b35utg1k],
.service-detail-heading h1[b-g6b35utg1k] {
    margin-bottom: var(--ziony-space-1);
}

.service-editor-heading p:last-child[b-g6b35utg1k],
.service-detail-heading-copy p:last-child[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    margin: 0;
}

.service-editor-layout[b-g6b35utg1k] {
    align-items: start;
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: minmax(0, 1fr) minmax(17rem, 20rem);
}

.service-editor-main[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-4);
    min-width: 0;
}

.service-form-card[b-g6b35utg1k] {
    --service-form-padding: var(--ziony-space-5);
    padding: var(--service-form-padding);
}

.service-section-heading[b-g6b35utg1k] {
    margin: calc(-1 * var(--service-form-padding))
        calc(-1 * var(--service-form-padding)) var(--ziony-space-4);
}

.edit-grid[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.field[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-2);
    min-width: 0;
}

.field > span[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.wide-field[b-g6b35utg1k] {
    grid-column: 1 / -1;
}

.form-input[b-g6b35utg1k],
.form-textarea[b-g6b35utg1k] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    min-height: var(--ziony-control-height);
    padding: var(--ziony-space-2) var(--ziony-space-3);
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.form-input:hover:not(:disabled)[b-g6b35utg1k],
.form-textarea:hover:not(:disabled)[b-g6b35utg1k] {
    border-color: var(--ziony-color-primary);
}

.form-input:focus[b-g6b35utg1k],
.form-textarea:focus[b-g6b35utg1k] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: 0;
}

.form-input:disabled[b-g6b35utg1k],
.form-textarea:disabled[b-g6b35utg1k] {
    background: var(--ziony-color-control-disabled);
    color: var(--ziony-color-text-muted);
}

.form-textarea[b-g6b35utg1k] {
    min-height: 7rem;
    resize: vertical;
}

.service-description-textarea[b-g6b35utg1k] {
    min-height: 10rem;
}

.product-groups-field[b-g6b35utg1k] {
    margin: 0;
}

.checkbox-list[b-g6b35utg1k] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-1);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: 18rem;
    overflow: auto;
    padding: var(--ziony-space-3);
}

.checkbox-row[b-g6b35utg1k] {
    align-items: center;
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    display: flex;
    gap: var(--ziony-space-2);
    min-height: 2rem;
    padding: var(--ziony-space-1) var(--ziony-space-2);
}

.checkbox-row:hover[b-g6b35utg1k] {
    background: var(--ziony-color-surface-hover);
}

.checkbox-row input[b-g6b35utg1k] {
    accent-color: var(--ziony-color-primary);
}

.service-save-rail[b-g6b35utg1k] {
    padding: var(--ziony-space-5);
    position: sticky;
    top: calc(var(--ziony-topbar-height) + var(--ziony-space-4));
}

.service-save-rail-kicker[b-g6b35utg1k],
.service-identity-label[b-g6b35utg1k] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: var(--ziony-space-2);
    text-transform: uppercase;
}

.service-save-rail h2[b-g6b35utg1k] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    margin: 0 0 var(--ziony-space-2);
}

.service-save-rail p[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.84rem;
    line-height: 1.55;
    margin: 0;
}

.form-actions[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-2);
    margin-top: var(--ziony-space-5);
}

.form-actions[b-g6b35utg1k]  .dxbl-btn {
    justify-content: center;
    width: 100%;
}

.service-detail-heading[b-g6b35utg1k] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
}

.service-detail-actions[b-g6b35utg1k] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.service-identity-banner[b-g6b35utg1k] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-5);
}

.service-identity-banner div[b-g6b35utg1k] {
    min-width: 0;
}

.service-identity-banner strong[b-g6b35utg1k] {
    color: var(--ziony-color-text);
    display: block;
    font-size: 1.05rem;
    overflow-wrap: anywhere;
}

.service-identity-banner p[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    margin: var(--ziony-space-1) 0 0;
}

.service-detail-summary-grid[b-g6b35utg1k] {
    margin-bottom: var(--ziony-space-4);
}

.service-summary-text[b-g6b35utg1k] {
    font-size: 1rem;
    overflow-wrap: anywhere;
}

.status-badge[b-g6b35utg1k] {
    align-items: center;
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-success);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 0.78rem;
    font-weight: 750;
    min-height: 1.85rem;
    padding: var(--ziony-space-1) var(--ziony-space-3);
    white-space: nowrap;
}

.service-detail-sections[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-4);
    margin-bottom: var(--ziony-space-4);
}

.service-detail-section[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-audit);
    --service-section-text: var(--ziony-color-section-audit-text);
    margin-bottom: var(--ziony-space-4);
    padding: 0;
}

.service-detail-section--document[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-customer);
    --service-section-text: var(--ziony-color-section-customer-text);
}

.service-detail-section--description[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-delivery);
    --service-section-text: var(--ziony-color-section-delivery-text);
}

.service-detail-section--groups[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-groups);
    --service-section-text: var(--ziony-color-section-groups-text);
}

.service-detail-section--items[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-items);
    --service-section-text: var(--ziony-color-section-items-text);
}

.service-detail-section--attachments[b-g6b35utg1k] {
    --service-section-background: var(--ziony-color-section-shipments);
    --service-section-text: var(--ziony-color-section-shipments-text);
}

.service-detail-sections .service-detail-section[b-g6b35utg1k] {
    margin-bottom: 0;
}

.service-detail-section > summary[b-g6b35utg1k] {
    align-items: center;
    background: var(--service-section-background);
    color: var(--service-section-text);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    list-style: none;
    min-height: 3.75rem;
    padding: var(--ziony-space-3) var(--ziony-space-5);
    transition: background-color var(--ziony-motion-fast) var(--ziony-ease-out);
}

.service-detail-section > summary[b-g6b35utg1k]::-webkit-details-marker {
    display: none;
}

.service-section-chevron[b-g6b35utg1k] {
    filter: brightness(0);
    flex: 0 0 1rem;
    height: 1rem;
    margin-left: var(--ziony-space-3);
    width: 1rem;
    transform: rotate(-90deg);
    transition: transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.service-detail-section[open] > summary .service-section-chevron[b-g6b35utg1k] {
    transform: rotate(0);
}

.service-detail-section > summary:hover[b-g6b35utg1k] {
    background: color-mix(in srgb, var(--service-section-background) 94%, var(--service-section-text));
}

.service-detail-section > summary:focus-visible[b-g6b35utg1k] {
    outline: 2px solid var(--service-section-text);
    outline-offset: -3px;
}

.service-section-summary[b-g6b35utg1k] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    min-width: 0;
}

.service-section-summary > span[b-g6b35utg1k] {
    min-width: 0;
}

.service-section-summary img[b-g6b35utg1k] {
    filter: brightness(0);
    flex: 0 0 1.4rem;
    height: 1.4rem;
    opacity: 0.85;
    width: 1.4rem;
}

.service-section-summary strong[b-g6b35utg1k] {
    color: inherit;
    display: block;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.4;
    text-transform: uppercase;
}

.service-section-summary small[b-g6b35utg1k] {
    color: inherit;
    display: block;
    font-size: 0.76rem;
    font-weight: 500;
    margin-top: var(--ziony-space-1);
}

.detail-list[b-g6b35utg1k] {
    display: grid;
    gap: var(--ziony-space-4);
    margin: 0;
    padding: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-5);
}

.service-detail-list-grid[b-g6b35utg1k],
.audit-list[b-g6b35utg1k] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detail-list div[b-g6b35utg1k] {
    min-width: 0;
}

.detail-list dt[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    font-weight: 750;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.detail-list dd[b-g6b35utg1k] {
    color: var(--ziony-color-text);
    line-height: 1.55;
    margin: var(--ziony-space-1) 0 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.service-description-list[b-g6b35utg1k] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.service-description-list > div[b-g6b35utg1k] {
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    min-height: 8rem;
    padding: var(--ziony-space-4);
}

.service-grid-section[b-g6b35utg1k] {
    min-width: 0;
}

.service-grid-section[open] > summary[b-g6b35utg1k] {
    margin-bottom: var(--ziony-space-3);
}

.service-grid-section > :not(summary)[b-g6b35utg1k] {
    margin-left: var(--ziony-space-4);
    margin-right: var(--ziony-space-4);
}

.service-grid-section > :last-child[b-g6b35utg1k] {
    margin-bottom: var(--ziony-space-4);
}

.service-panel-toolbar[b-g6b35utg1k] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: var(--ziony-space-3);
}

.row-actions[b-g6b35utg1k] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.attachment-upload[b-g6b35utg1k] {
    align-items: end;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(16rem, 1fr) minmax(14rem, 1fr) auto;
    margin-bottom: var(--ziony-space-3);
    padding: var(--ziony-space-3);
}

.selected-file[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    margin-bottom: var(--ziony-space-3);
}

.primary-cell[b-g6b35utg1k] {
    color: var(--ziony-color-text);
    font-weight: 700;
}

.secondary-cell[b-g6b35utg1k],
.muted[b-g6b35utg1k] {
    color: var(--ziony-color-text-muted);
    font-size: 0.84rem;
}

.muted[b-g6b35utg1k] {
    margin: 0;
    padding: var(--ziony-space-4);
}

.alert[b-g6b35utg1k] {
    border-radius: var(--ziony-radius-sm);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3);
}

.alert.error[b-g6b35utg1k] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-g6b35utg1k] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-g6b35utg1k] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.item-edit-grid[b-g6b35utg1k] {
    padding: var(--ziony-space-1) 0;
}

@media (max-width: 1100px) {
    .service-editor-layout[b-g6b35utg1k] {
        grid-template-columns: minmax(0, 1fr) minmax(15rem, 17rem);
    }

    .service-detail-list-grid[b-g6b35utg1k],
    .audit-list[b-g6b35utg1k] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .service-editor-layout[b-g6b35utg1k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .service-save-rail[b-g6b35utg1k] {
        position: static;
    }

    .form-actions[b-g6b35utg1k] {
        display: flex;
        flex-wrap: wrap;
    }

    .form-actions[b-g6b35utg1k]  .dxbl-btn {
        width: auto;
    }

    .service-detail-heading[b-g6b35utg1k] {
        display: block;
    }

    .service-detail-actions[b-g6b35utg1k] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }

    .attachment-upload[b-g6b35utg1k] {
        align-items: stretch;
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 680px) {
    .service-form-card[b-g6b35utg1k] {
        --service-form-padding: var(--ziony-space-4);
    }

    .edit-grid[b-g6b35utg1k],
    .checkbox-list[b-g6b35utg1k],
    .service-detail-list-grid[b-g6b35utg1k],
    .service-description-list[b-g6b35utg1k],
    .audit-list[b-g6b35utg1k] {
        grid-template-columns: minmax(0, 1fr);
    }

    .wide-field[b-g6b35utg1k] {
        grid-column: auto;
    }

    .service-identity-banner[b-g6b35utg1k] {
        align-items: flex-start;
        display: grid;
        padding: var(--ziony-space-4);
    }

    .service-detail-section > summary[b-g6b35utg1k] {
        padding: var(--ziony-space-3) var(--ziony-space-4);
    }

    .detail-list[b-g6b35utg1k] {
        padding: var(--ziony-space-4);
    }

    .service-grid-section > :not(summary)[b-g6b35utg1k] {
        margin-left: var(--ziony-space-3);
        margin-right: var(--ziony-space-3);
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-detail-back[b-g6b35utg1k],
    .form-input[b-g6b35utg1k],
    .form-textarea[b-g6b35utg1k],
    .service-detail-section > summary[b-g6b35utg1k],
    .service-section-chevron[b-g6b35utg1k] {
        transition: none;
    }

    .service-detail-back:hover:not(:disabled)[b-g6b35utg1k] {
        transform: none;
    }
}
/* /Components/Pages/ServiceWorkOrders.razor.rz.scp.css */
.service-work-orders-heading[b-bto1s5lc25] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
}

.service-work-orders-heading-copy[b-bto1s5lc25] {
    min-width: 0;
}

.heading-actions[b-bto1s5lc25] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.service-work-orders-filter[b-bto1s5lc25] {
    margin-bottom: var(--ziony-space-4);
}

.service-filter-grid[b-bto1s5lc25] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(15rem, 1.2fr) repeat(2, minmax(11rem, 1fr));
}

.service-work-orders-summary-grid[b-bto1s5lc25] {
    margin-bottom: var(--ziony-space-4);
}

.service-status-tabs[b-bto1s5lc25] {
    margin-bottom: var(--ziony-space-3);
}

.data-panel[b-bto1s5lc25] {
    min-width: 0;
}

.primary-cell[b-bto1s5lc25] {
    color: var(--ziony-color-text);
    font-weight: 700;
}

.status-badge[b-bto1s5lc25] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: 999px;
    color: var(--ziony-color-text);
    display: inline-flex;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
    min-height: 1.75rem;
    padding: 0.28rem 0.58rem;
    white-space: nowrap;
}

.status-badge--info[b-bto1s5lc25] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.status-badge--warning[b-bto1s5lc25] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
}

.status-badge--success[b-bto1s5lc25] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.status-badge--danger[b-bto1s5lc25] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.compact-button[b-bto1s5lc25] {
    min-width: 4.5rem;
}

.alert[b-bto1s5lc25] {
    border-radius: var(--ziony-radius-sm);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3);
}

.alert.error[b-bto1s5lc25] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-bto1s5lc25] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-bto1s5lc25] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

@media (max-width: 980px) {
    .service-filter-grid[b-bto1s5lc25] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .service-filter-grid > :first-child[b-bto1s5lc25] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .service-work-orders-heading[b-bto1s5lc25] {
        display: block;
    }

    .heading-actions[b-bto1s5lc25] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }

    .service-filter-grid[b-bto1s5lc25] {
        grid-template-columns: minmax(0, 1fr);
    }

    .service-filter-grid > :first-child[b-bto1s5lc25] {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-work-orders-filter input[b-bto1s5lc25],
    .service-work-orders-filter select[b-bto1s5lc25] {
        transition: none;
    }
}
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-heading[b-upui0m6pc1] {
    margin-bottom: var(--ziony-space-5);
}

.settings-kicker[b-upui0m6pc1] {
    color: var(--ziony-color-primary-strong);
    font-size: 0.68rem;
    font-weight: 750;
    letter-spacing: 0.08em;
    margin-bottom: 0.35rem;
    text-transform: uppercase;
}

.settings-card[b-upui0m6pc1] {
    align-items: flex-start;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    display: grid;
    gap: var(--ziony-space-4);
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 54rem;
    padding: var(--ziony-space-5);
}

.settings-card-icon[b-upui0m6pc1] {
    align-items: center;
    background: var(--ziony-color-primary-soft);
    border: 1px solid rgba(20, 99, 255, 0.18);
    border-radius: var(--ziony-radius-md);
    display: flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.settings-card-icon img[b-upui0m6pc1] {
    height: 1.35rem;
    opacity: 0.78;
    width: 1.35rem;
}

.settings-card-content[b-upui0m6pc1] {
    min-width: 0;
}

.settings-card-content > header[b-upui0m6pc1] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-5);
}

.settings-card h2[b-upui0m6pc1] {
    color: var(--ziony-color-text);
    font-size: 1.08rem;
    margin-bottom: 0.38rem;
}

.settings-card header p[b-upui0m6pc1] {
    color: var(--ziony-color-text-muted);
    line-height: 1.5;
    margin: 0;
    max-width: 40rem;
}

.settings-badge[b-upui0m6pc1] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid rgba(20, 99, 255, 0.16);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary-strong);
    flex: 0 0 auto;
    font-size: 0.66rem;
    font-weight: 700;
    padding: 0.38rem 0.65rem;
}

.settings-safety-note[b-upui0m6pc1] {
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    line-height: 1.45;
    margin: var(--ziony-space-5) 0 0;
    padding-top: var(--ziony-space-3);
}

@media (max-width: 680px) {
    .settings-card[b-upui0m6pc1] {
        grid-template-columns: 1fr;
        padding: var(--ziony-space-4);
    }

    .settings-card-content > header[b-upui0m6pc1] {
        flex-direction: column;
        margin-bottom: var(--ziony-space-4);
    }
}
/* /Components/Pages/SubcontractorTasks.razor.rz.scp.css */
.subcontractor-heading[b-uo56ow8nfi] {
    align-items: flex-end;
}

.subcontractor-filters[b-uo56ow8nfi] {
    margin-bottom: 1rem;
}

.subcontractor-import[b-uo56ow8nfi] {
    margin-bottom: 1rem;
}

.subcontractor-import h2[b-uo56ow8nfi] {
    margin: 0 0 0.25rem;
}

.subcontractor-import p[b-uo56ow8nfi] {
    color: var(--ziony-muted, #667085);
    margin: 0;
}

.subcontractor-import-heading[b-uo56ow8nfi],
.subcontractor-import-actions[b-uo56ow8nfi],
.subcontractor-import-summary[b-uo56ow8nfi] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.25rem;
    justify-content: space-between;
}

.subcontractor-import-summary[b-uo56ow8nfi] {
    justify-content: flex-start;
    margin: 1rem 0;
}

.subcontractor-import-actions[b-uo56ow8nfi] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.subcontractor-import-state[b-uo56ow8nfi] {
    color: var(--ziony-muted, #667085);
    padding-top: 1rem;
}

.subcontractor-file-control[b-uo56ow8nfi] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.subcontractor-file-picker[b-uo56ow8nfi] {
    cursor: pointer;
    position: relative;
}

.subcontractor-file-picker[aria-disabled="true"][b-uo56ow8nfi] {
    cursor: default;
    opacity: 0.55;
}

.subcontractor-file-picker:focus-within[b-uo56ow8nfi] {
    box-shadow: var(--ziony-focus-ring);
}

.subcontractor-file-picker[b-uo56ow8nfi]  input[type="file"] {
    block-size: 1px;
    clip: rect(0, 0, 0, 0);
    inline-size: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
}

.subcontractor-file-name[b-uo56ow8nfi] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    max-width: 22rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.subcontractor-import-table[b-uo56ow8nfi] {
    font-size: 0.9rem;
}

.subcontractor-commits[b-uo56ow8nfi],
.subcontractor-source-detail[b-uo56ow8nfi] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    overflow-wrap: anywhere;
}

.subcontractor-source-detail[b-uo56ow8nfi] {
    color: var(--ziony-muted, #667085);
    display: block;
    font-size: 0.72rem;
    margin-top: 0.2rem;
}

.subcontractor-import-errors[b-uo56ow8nfi] {
    max-width: 24rem;
}

.subcontractor-filter-grid[b-uo56ow8nfi] {
    align-items: end;
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(12rem, 0.5fr) minmax(18rem, 1.5fr) auto;
}

.subcontractor-search-field[b-uo56ow8nfi] {
    min-width: 0;
}

.subcontractor-data-panel[b-uo56ow8nfi] {
    overflow: hidden;
}

.subcontractor-table-wrap[b-uo56ow8nfi] {
    overflow-x: auto;
}

.subcontractor-table[b-uo56ow8nfi] {
    border-collapse: collapse;
    width: 100%;
}

.subcontractor-table th[b-uo56ow8nfi],
.subcontractor-table td[b-uo56ow8nfi] {
    border-bottom: 1px solid var(--ziony-border, #dfe4ea);
    padding: 0.85rem 0.75rem;
    text-align: left;
    vertical-align: top;
}

.subcontractor-table th[b-uo56ow8nfi] {
    color: var(--ziony-muted, #5f6b7a);
    font-size: 0.78rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.subcontractor-description[b-uo56ow8nfi] {
    max-width: 30rem;
    white-space: pre-wrap;
}

.subcontractor-actions-column[b-uo56ow8nfi] {
    min-width: 18rem;
}

.subcontractor-row-actions[b-uo56ow8nfi] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.row-action[b-uo56ow8nfi] {
    background: transparent;
    border: 1px solid var(--ziony-border, #cfd6df);
    border-radius: 0.4rem;
    color: inherit;
    cursor: pointer;
    font: inherit;
    padding: 0.35rem 0.55rem;
}

.row-action:hover:not(:disabled)[b-uo56ow8nfi] {
    background: rgba(30, 96, 170, 0.08);
}

.row-action--danger[b-uo56ow8nfi] {
    color: #a52a2a;
}

.row-action:disabled[b-uo56ow8nfi] {
    cursor: default;
    opacity: 0.55;
}

.subcontractor-status[b-uo56ow8nfi] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 650;
    padding: 0.25rem 0.6rem;
}

.subcontractor-status--open[b-uo56ow8nfi] {
    background: rgba(38, 110, 190, 0.12);
    color: #185895;
}

.subcontractor-status--progress[b-uo56ow8nfi] {
    background: rgba(193, 126, 18, 0.14);
    color: #8a5708;
}

.subcontractor-status--done[b-uo56ow8nfi] {
    background: rgba(37, 139, 84, 0.14);
    color: #176b3c;
}

.subcontractor-empty[b-uo56ow8nfi] {
    color: var(--ziony-muted, #667085);
    padding: 2rem 1rem;
    text-align: center;
}

.subcontractor-pager[b-uo56ow8nfi] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 1rem 0.75rem 0;
}

.subcontractor-pager > div[b-uo56ow8nfi] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
}

[b-uo56ow8nfi] .subcontractor-dialog-form {
    display: grid;
    gap: 1rem;
}

@media (max-width: 760px) {
    .subcontractor-import-heading[b-uo56ow8nfi] {
        align-items: flex-start;
        flex-direction: column;
    }

    .subcontractor-filter-grid[b-uo56ow8nfi] {
        grid-template-columns: 1fr;
    }

    .subcontractor-table thead[b-uo56ow8nfi] {
        display: none;
    }

    .subcontractor-table[b-uo56ow8nfi],
    .subcontractor-table tbody[b-uo56ow8nfi],
    .subcontractor-table tr[b-uo56ow8nfi],
    .subcontractor-table td[b-uo56ow8nfi] {
        display: block;
        width: 100%;
    }

    .subcontractor-table tr[b-uo56ow8nfi] {
        border-bottom: 1px solid var(--ziony-border, #dfe4ea);
        padding: 0.6rem 0;
    }

    .subcontractor-table td[b-uo56ow8nfi] {
        border: 0;
        padding: 0.45rem 0.75rem;
    }

    .subcontractor-table td[b-uo56ow8nfi]::before {
        color: var(--ziony-muted, #667085);
        content: attr(data-label);
        display: block;
        font-size: 0.75rem;
        font-weight: 650;
        margin-bottom: 0.15rem;
        text-transform: uppercase;
    }

    .subcontractor-pager[b-uo56ow8nfi] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.8rem;
    }

    .subcontractor-pager > div[b-uo56ow8nfi] {
        justify-content: space-between;
    }
}
/* /Components/Pages/TaskManager.razor.rz.scp.css */
.tasks-heading[b-bmw1wdrz9a] {
    margin-bottom: var(--ziony-space-4);
}

.page-kicker[b-bmw1wdrz9a] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.09em;
    margin-bottom: 0.32rem;
}

.tasks-heading h1[b-bmw1wdrz9a] {
    margin-bottom: 0.28rem;
}

.tasks-heading p[b-bmw1wdrz9a] {
    margin-bottom: 0;
}

.heading-actions[b-bmw1wdrz9a],
.task-board-controls[b-bmw1wdrz9a] {
    align-items: stretch;
    display: flex;
    flex-wrap: nowrap;
    gap: var(--ziony-space-2);
    margin-top: var(--ziony-space-4);
}

.board-user-picker[b-bmw1wdrz9a],
.lane-style-switcher[b-bmw1wdrz9a],
.finished-filter[b-bmw1wdrz9a],
.task-refresh-button[b-bmw1wdrz9a],
.task-add-lane-button[b-bmw1wdrz9a] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    box-shadow: var(--ziony-shadow-sm);
    min-height: 2.62rem;
}

.board-user-picker[b-bmw1wdrz9a],
.finished-filter[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-2);
    padding: 0.28rem 0.58rem 0.28rem 0.7rem;
    position: relative;
}

.board-user-picker > span:first-child[b-bmw1wdrz9a],
.lane-style-label[b-bmw1wdrz9a],
.finished-filter-label[b-bmw1wdrz9a] {
    color: var(--ziony-color-text);
    font-size: 0.72rem;
    font-weight: 750;
    white-space: nowrap;
}

.board-user-avatar[b-bmw1wdrz9a] {
    align-items: center;
    background: linear-gradient(145deg, #0b7fff, var(--ziony-color-primary-strong));
    border-radius: var(--ziony-radius-pill);
    box-shadow: 0 5px 12px rgba(var(--ziony-color-primary-rgb), 0.2);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 1.78rem;
    font-size: 0.62rem;
    font-weight: 800;
    height: 1.78rem;
    justify-content: center;
    letter-spacing: 0.02em;
}

.board-user-picker select[b-bmw1wdrz9a],
.finished-filter select[b-bmw1wdrz9a] {
    appearance: none;
    background: transparent;
    border: 0;
    color: #2c3a51;
    cursor: pointer;
    font: inherit;
    font-size: 0.72rem;
    min-height: 1.8rem;
    outline: none;
    padding: 0 1.4rem 0 0;
}

.board-user-picker select[b-bmw1wdrz9a] {
    min-width: 12.6rem;
}

.finished-filter select[b-bmw1wdrz9a] {
    min-width: 4rem;
}

.control-chevron[b-bmw1wdrz9a] {
    height: 0.92rem;
    pointer-events: none;
    position: absolute;
    right: 0.55rem;
    width: 0.92rem;
}

.board-user-picker:focus-within[b-bmw1wdrz9a],
.finished-filter:focus-within[b-bmw1wdrz9a] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
}

.board-user-picker select:disabled[b-bmw1wdrz9a],
.finished-filter select:disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
    opacity: 0.62;
}

.lane-style-switcher[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    gap: 0.1rem;
    padding: 0.25rem;
}

.lane-style-label[b-bmw1wdrz9a] {
    padding: 0 var(--ziony-space-2);
}

.lane-style-button[b-bmw1wdrz9a] {
    background: transparent;
    border: 0;
    border-radius: 0.42rem;
    color: #3a4960;
    cursor: pointer;
    font: inherit;
    font-size: 0.69rem;
    min-height: 2rem;
    padding: 0 0.5rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    white-space: nowrap;
}

.lane-style-button:hover:not(:disabled)[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary-soft);
    color: var(--ziony-color-primary-strong);
    transform: translateY(-1px);
}

.lane-style-button.active[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary);
    box-shadow: 0 5px 12px rgba(var(--ziony-color-primary-rgb), 0.22);
    color: #ffffff;
}

.lane-style-button:focus-visible[b-bmw1wdrz9a] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.lane-style-button:disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
    opacity: 0.6;
}

.finished-filter-count[b-bmw1wdrz9a],
.finished-filter-unit[b-bmw1wdrz9a] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: 0.38rem;
    color: var(--ziony-color-text);
    font: inherit;
    font-size: 0.7rem;
    min-height: 1.85rem;
    padding: 0.15rem 0.38rem;
}

.finished-filter-count[b-bmw1wdrz9a] {
    width: 3.5rem;
}

.finished-filter:has(.finished-filter-count) .control-chevron[b-bmw1wdrz9a] {
    display: none;
}

.task-action-buttons[b-bmw1wdrz9a] {
    display: flex;
    gap: var(--ziony-space-2);
    white-space: nowrap;
}

.data-panel[b-bmw1wdrz9a] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    padding: var(--ziony-space-5);
}

.muted[b-bmw1wdrz9a] {
    color: var(--ziony-color-text-muted);
}

.alert[b-bmw1wdrz9a] {
    border-radius: var(--ziony-radius-sm);
    margin-bottom: var(--ziony-space-4);
    padding: 0.75rem 0.9rem;
}

.alert.error[b-bmw1wdrz9a] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-bmw1wdrz9a] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.modal-alert[b-bmw1wdrz9a] {
    margin-bottom: var(--ziony-space-4);
}

.task-board-shell[b-bmw1wdrz9a] {
    min-height: 0;
}

.task-board-scroll[b-bmw1wdrz9a] {
    height: max(22rem, calc(100dvh - 15.8rem));
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    padding: 0.18rem 0.18rem 0.8rem;
    scrollbar-color: #9eabc0 transparent;
    scrollbar-width: thin;
}

.task-board[b-bmw1wdrz9a] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
    min-height: 100%;
}

.task-board[b-bmw1wdrz9a]  .task-lane-sortable {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    gap: 0.5rem;
    min-height: 100%;
}

.task-lane[b-bmw1wdrz9a] {
    background: #f7f9fc;
    border: 1px solid #dce4ef;
    border-radius: 0.62rem;
    box-shadow: var(--ziony-shadow-sm);
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 21.5rem;
    overflow: hidden;
    position: relative;
    transition:
        background var(--ziony-motion-base) var(--ziony-ease-out),
        border-color var(--ziony-motion-base) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out);
}

.task-lane:focus-within[b-bmw1wdrz9a] {
    box-shadow: 0 10px 24px rgba(25, 50, 92, 0.09);
}

.task-lane-accent[b-bmw1wdrz9a] {
    background: var(--lane-color, var(--ziony-color-neutral));
    flex: 0 0 0.23rem;
    height: 0.23rem;
}

.task-board.lane-style-border .task-lane[b-bmw1wdrz9a] {
    border-color: var(--lane-color, var(--ziony-color-neutral));
    border-width: 2px;
}

.task-board.lane-style-tint .task-lane[b-bmw1wdrz9a] {
    background: color-mix(in srgb, var(--lane-color, var(--ziony-color-neutral)) 12%, #f8fafc);
    border-color: color-mix(in srgb, var(--lane-color, var(--ziony-color-neutral)) 42%, #dce4ef);
}

.task-board.lane-style-border .task-lane-accent[b-bmw1wdrz9a],
.task-board.lane-style-tint .task-lane-accent[b-bmw1wdrz9a] {
    display: none;
}

.task-board.lane-style-topbottom .task-lane[b-bmw1wdrz9a]::after {
    background: var(--lane-color, var(--ziony-color-neutral));
    bottom: 0;
    content: "";
    height: 0.23rem;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
}

.task-lane-header[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    gap: 0.36rem;
    min-height: 3.05rem;
    padding: 0.48rem 0.48rem 0.42rem;
    -webkit-user-select: none;
    user-select: none;
}

.task-drag-handle[b-bmw1wdrz9a] {
    align-items: center;
    align-self: stretch;
    border-radius: 0.38rem;
    color: #9aabc1;
    cursor: grab;
    display: inline-flex;
    flex: 0 0 1.2rem;
    justify-content: center;
    touch-action: none;
}

.task-drag-handle img[b-bmw1wdrz9a] {
    height: 1rem;
    opacity: 0.78;
    width: 1rem;
}

.task-drag-handle:hover[b-bmw1wdrz9a] {
    background: rgba(var(--ziony-color-primary-rgb), 0.08);
}

.task-drag-handle:active[b-bmw1wdrz9a] {
    cursor: grabbing;
}

.task-lane-title-area[b-bmw1wdrz9a] {
    flex: 1 1 auto;
    min-width: 0;
}

.lane-title-button[b-bmw1wdrz9a] {
    background: transparent;
    border: 0;
    color: var(--ziony-color-text);
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 750;
    line-height: 1.25;
    max-width: 100%;
    overflow-wrap: anywhere;
    padding: 0;
    text-align: left;
}

.lane-title-button:hover[b-bmw1wdrz9a] {
    color: var(--ziony-color-primary-strong);
}

.lane-title-button:focus-visible[b-bmw1wdrz9a] {
    border-radius: 0.25rem;
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.lane-count[b-bmw1wdrz9a] {
    color: #75839a;
    display: block;
    font-size: 0.63rem;
    margin-top: 0.12rem;
}

.lane-badges[b-bmw1wdrz9a] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin-top: 0.2rem;
}

.lane-badge[b-bmw1wdrz9a] {
    background: #dff5ff;
    border: 1px solid #8dd7f5;
    border-radius: 0.32rem;
    color: #05628d;
    font-size: 0.56rem;
    font-weight: 800;
    line-height: 1.15;
    padding: 0.1rem 0.3rem;
}

.lane-title-input[b-bmw1wdrz9a],
.task-add-card input[b-bmw1wdrz9a],
.form-control[b-bmw1wdrz9a] {
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    font: inherit;
    min-height: 2.35rem;
    padding: 0.48rem 0.62rem;
    width: 100%;
}

input[b-bmw1wdrz9a],
textarea[b-bmw1wdrz9a],
.lane-title-input[b-bmw1wdrz9a] {
    -webkit-user-select: text;
    user-select: text;
}

.lane-title-input:focus[b-bmw1wdrz9a],
.task-add-card input:focus[b-bmw1wdrz9a],
.form-control:focus[b-bmw1wdrz9a] {
    border-color: var(--ziony-color-primary);
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.task-lane-select-shell[b-bmw1wdrz9a] {
    display: block;
    position: relative;
}

.task-lane-select[b-bmw1wdrz9a] {
    appearance: none;
    cursor: pointer;
    padding-right: 2.25rem;
}

.task-lane-select:disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
}

.task-lane-select-chevron[b-bmw1wdrz9a] {
    height: 1rem;
    pointer-events: none;
    position: absolute;
    right: 0.72rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
}

.lane-title-actions[b-bmw1wdrz9a] {
    display: flex;
    gap: 0.32rem;
    margin-top: 0.38rem;
}

.lane-header-actions[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 0.3rem;
}

.lane-color-picker[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
}

.lane-color-picker input[b-bmw1wdrz9a],
.color-field input[type="color"][b-bmw1wdrz9a] {
    background: transparent;
    border: 1px solid rgba(18, 35, 60, 0.24);
    border-radius: 0.18rem;
    cursor: pointer;
    height: 1.8rem;
    padding: 0;
    width: 1.95rem;
}

.lane-color-picker input:hover[b-bmw1wdrz9a],
.color-field input[type="color"]:hover[b-bmw1wdrz9a] {
    box-shadow: 0 6px 12px rgba(24, 48, 84, 0.12);
    transform: translateY(-1px);
}

.lane-settings-button[b-bmw1wdrz9a] {
    align-items: center;
    background: var(--ziony-color-control);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: 0.44rem;
    color: var(--ziony-color-text-muted);
    cursor: pointer;
    display: inline-flex;
    height: 1.8rem;
    justify-content: center;
    padding: 0;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 1.8rem;
}

.lane-settings-button img[b-bmw1wdrz9a] {
    height: 0.95rem;
    width: 0.95rem;
}

.lane-settings-button:hover:not(:disabled)[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary-soft);
    box-shadow: 0 6px 12px rgba(24, 48, 84, 0.1);
    transform: translateY(-1px) scale(1.03);
}

.lane-settings-button:focus-visible[b-bmw1wdrz9a] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.lane-settings-button:disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
    opacity: 0.6;
}

.sr-only[b-bmw1wdrz9a] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.task-lane[b-bmw1wdrz9a]  .task-sortable-list {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 0.36rem;
    min-height: 1.6rem;
    overflow-y: auto;
    padding: 0 0.48rem 0.48rem;
}

.task-card[b-bmw1wdrz9a] {
    background: var(--ziony-color-surface);
    border: 1px solid #dfe5ed;
    border-radius: 0.5rem;
    box-shadow: 0 3px 10px rgba(26, 46, 78, 0.05);
    color: var(--ziony-color-text);
    cursor: grab;
    display: grid;
    gap: 0.3rem;
    grid-template-columns: 0.24rem minmax(0, 1fr);
    min-height: 2.8rem;
    padding: 0.44rem 0.48rem 0.44rem 0.34rem;
    text-align: left;
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
}

.task-card:hover[b-bmw1wdrz9a] {
    border-color: color-mix(in srgb, var(--ziony-color-primary) 35%, #dfe5ed);
    box-shadow: 0 12px 24px rgba(25, 50, 92, 0.11);
    transform: translateY(-2px);
}

.task-card:focus-visible[b-bmw1wdrz9a] {
    box-shadow: var(--ziony-focus-ring), 0 12px 24px rgba(25, 50, 92, 0.11);
    outline: none;
    transform: translateY(-2px);
}

.task-card:active[b-bmw1wdrz9a] {
    cursor: grabbing;
}

.task-card.completed[b-bmw1wdrz9a] {
    opacity: 0.76;
}

.task-card-color[b-bmw1wdrz9a] {
    align-self: stretch;
    background: var(--lane-color, var(--ziony-color-neutral));
    border-radius: var(--ziony-radius-pill);
    grid-row: 1 / span 2;
    min-height: 1.7rem;
}

.task-card-title[b-bmw1wdrz9a] {
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.3;
    min-width: 0;
    overflow-wrap: anywhere;
}

.task-card-meta[b-bmw1wdrz9a] {
    color: #61718a;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.58rem;
    gap: 0.2rem;
    min-width: 0;
}

.task-card-meta > span[b-bmw1wdrz9a] {
    background: #eef3f9;
    border: 1px solid #dbe4ef;
    border-radius: 0.34rem;
    padding: 0.08rem 0.25rem;
}

.task-card-meta .task-card-email-badge[b-bmw1wdrz9a] {
    align-items: center;
    display: inline-flex;
    font-weight: 800;
    gap: 0.18rem;
}

.task-card-email-badge img[b-bmw1wdrz9a] {
    height: 0.7rem;
    width: 0.7rem;
}

.task-add-card[b-bmw1wdrz9a] {
    border-top: 1px solid rgba(128, 146, 173, 0.22);
    display: flex;
    gap: 0.32rem;
    margin: auto 0.48rem 0;
    padding: 0.46rem 0 0.48rem;
}

.task-add-card input[b-bmw1wdrz9a] {
    font-size: 0.66rem;
    min-height: 2rem;
    min-width: 0;
    padding: 0 0.52rem;
}

.task-lane-resize[b-bmw1wdrz9a] {
    background: transparent;
    border: 0;
    bottom: 0.35rem;
    cursor: ew-resize;
    position: absolute;
    right: 0;
    top: 0.35rem;
    width: 0.42rem;
    z-index: 2;
}

.task-lane-resize:hover[b-bmw1wdrz9a]::after {
    background: var(--ziony-color-primary);
    border-radius: var(--ziony-radius-pill);
    content: "";
    display: block;
    height: 100%;
    margin: 0 auto;
    opacity: 0.45;
    width: 2px;
}

.task-button[b-bmw1wdrz9a],
.icon-button[b-bmw1wdrz9a] {
    align-items: center;
    border: 1px solid var(--ziony-color-primary);
    border-radius: var(--ziony-radius-sm);
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    gap: 0.42rem;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.38rem 0.72rem;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.task-button img[b-bmw1wdrz9a] {
    height: 1rem;
    width: 1rem;
}

.task-button.primary[b-bmw1wdrz9a],
.task-button[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary);
    color: #ffffff;
}

.task-button.secondary[b-bmw1wdrz9a],
.muted-button[b-bmw1wdrz9a] {
    background: var(--ziony-color-control);
    border-color: var(--ziony-color-border-strong);
    color: #334155;
}

.task-button.danger[b-bmw1wdrz9a] {
    background: var(--ziony-color-danger);
    border-color: var(--ziony-color-danger);
    color: #ffffff;
}

.task-button:hover:not(:disabled)[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary-strong);
    border-color: var(--ziony-color-primary-strong);
    box-shadow: 0 8px 18px rgba(var(--ziony-color-primary-rgb), 0.2);
    transform: translateY(-1px);
}

.task-button.secondary:hover:not(:disabled)[b-bmw1wdrz9a],
.muted-button:hover:not(:disabled)[b-bmw1wdrz9a] {
    background: var(--ziony-color-primary-soft);
    border-color: color-mix(in srgb, var(--ziony-color-primary) 36%, var(--ziony-color-border-strong));
    color: var(--ziony-color-primary-strong);
}

.task-button.danger:hover:not(:disabled)[b-bmw1wdrz9a] {
    background: var(--ziony-color-danger-strong);
    border-color: var(--ziony-color-danger-strong);
    box-shadow: 0 8px 18px rgba(180, 35, 47, 0.18);
}

.task-button:focus-visible[b-bmw1wdrz9a],
.icon-button:focus-visible[b-bmw1wdrz9a] {
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.task-button.compact[b-bmw1wdrz9a],
.icon-button[b-bmw1wdrz9a] {
    font-size: 0.66rem;
    min-height: 2rem;
    padding: 0.3rem 0.5rem;
}

.text-button[b-bmw1wdrz9a] {
    background: var(--ziony-color-control);
    color: var(--ziony-color-primary);
}

.task-button:disabled[b-bmw1wdrz9a],
.icon-button:disabled[b-bmw1wdrz9a],
.lane-title-button:disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
    opacity: 0.6;
}

.task-refresh-button[b-bmw1wdrz9a],
.task-add-lane-button[b-bmw1wdrz9a] {
    padding-inline: 0.82rem;
}

.task-refresh-button .is-spinning[b-bmw1wdrz9a] {
    animation: task-spin-b-bmw1wdrz9a 850ms linear infinite;
}

.task-modal-host[b-bmw1wdrz9a]  .modal {
    z-index: 1055;
}

.task-modal-host[b-bmw1wdrz9a]  .modal-dialog {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.task-card-modal-host[b-bmw1wdrz9a]  .modal-dialog {
    max-width: min(61.25rem, calc(100vw - 2rem));
}

.task-lane-modal-host[b-bmw1wdrz9a]  .modal-dialog {
    max-width: min(45rem, calc(100vw - 2rem));
}

.task-add-lane-modal-host[b-bmw1wdrz9a]  .modal-dialog {
    max-width: min(30rem, calc(100vw - 2rem));
}

.task-modal-host[b-bmw1wdrz9a]  .modal-content {
    border: 1px solid rgba(255, 255, 255, 0.62);
    border-radius: var(--ziony-radius-lg);
    box-shadow: var(--ziony-shadow-dialog);
    color: var(--ziony-color-text);
    overflow: hidden;
}

.task-modal-host[b-bmw1wdrz9a]  .modal.show .modal-dialog {
    animation: task-dialog-in-b-bmw1wdrz9a var(--ziony-motion-base) var(--ziony-ease-out) both;
}

.task-modal-host[b-bmw1wdrz9a]  .modal-header {
    align-items: center;
    background: var(--ziony-color-surface);
    border-bottom: 1px solid var(--ziony-color-border);
    min-height: 4rem;
    padding: 0.9rem 1.35rem;
}

.task-modal-host[b-bmw1wdrz9a]  .modal-title {
    color: var(--ziony-color-text);
    font-size: 1.08rem;
    font-weight: 750;
    letter-spacing: -0.015em;
}

.task-modal-host[b-bmw1wdrz9a]  .btn-close {
    border-radius: var(--ziony-radius-sm);
    opacity: 0.58;
}

.task-modal-host[b-bmw1wdrz9a]  .btn-close:focus-visible {
    box-shadow: var(--ziony-focus-ring);
}

.task-modal-host[b-bmw1wdrz9a]  .modal-body {
    background: var(--ziony-color-surface);
    padding: 1.15rem 1.35rem;
}

.task-modal-host[b-bmw1wdrz9a]  .modal-footer {
    background: var(--ziony-color-surface);
    border-top: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-2);
    padding: 0.75rem 1.35rem;
}

.card-edit-grid[b-bmw1wdrz9a] {
    display: grid;
    gap: 0.9rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-field[b-bmw1wdrz9a] {
    color: #31405a;
    display: grid;
    font-size: 0.72rem;
    font-weight: 750;
    gap: 0.42rem;
}

.form-field.span-2[b-bmw1wdrz9a] {
    grid-column: 1 / -1;
}

.form-field textarea[b-bmw1wdrz9a] {
    line-height: 1.52;
    min-height: 9.25rem;
    resize: vertical;
}

.color-field[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
}

.color-value[b-bmw1wdrz9a] {
    color: var(--ziony-color-text-muted);
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.lane-settings-form[b-bmw1wdrz9a],
.add-lane-form[b-bmw1wdrz9a] {
    display: grid;
    gap: 1rem;
}

.add-lane-form > p[b-bmw1wdrz9a] {
    color: var(--ziony-color-text-muted);
    font-size: 0.76rem;
    line-height: 1.6;
    margin-bottom: 0;
}

.lane-settings-form textarea[b-bmw1wdrz9a] {
    min-height: 9.25rem;
}

.settings-checkbox[b-bmw1wdrz9a] {
    align-items: center;
    color: #31405a;
    cursor: pointer;
    display: flex;
    font-size: 0.76rem;
    font-weight: 650;
    gap: 0.62rem;
}

.settings-checkbox input[b-bmw1wdrz9a] {
    accent-color: var(--ziony-color-primary);
    flex: 0 0 auto;
    height: 1.05rem;
    margin: 0;
    width: 1.05rem;
}

.task-attachments[b-bmw1wdrz9a] {
    border-top: 1px solid var(--ziony-color-border);
    margin-top: 1.05rem;
    padding-top: 1rem;
}

.task-attachments-header[b-bmw1wdrz9a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    margin-bottom: 0.72rem;
}

.task-attachments-header h2[b-bmw1wdrz9a] {
    color: var(--ziony-color-text);
    font-size: 0.88rem;
    margin: 0;
}

.task-file-picker[b-bmw1wdrz9a] {
    margin: 0;
}

.task-file-picker.disabled[b-bmw1wdrz9a] {
    cursor: not-allowed;
    opacity: 0.6;
}

.task-attachments-empty[b-bmw1wdrz9a] {
    border: 1px dashed var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    margin: 0;
    padding: 1rem;
    text-align: center;
}

.task-attachment-list[b-bmw1wdrz9a] {
    display: grid;
    gap: 0.48rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.task-attachment-row[b-bmw1wdrz9a] {
    align-items: center;
    background: var(--ziony-color-surface-subtle);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    display: grid;
    gap: var(--ziony-space-2);
    grid-template-columns: minmax(0, 1fr) auto auto auto auto;
    padding: 0.52rem 0.62rem;
}

.task-attachment-name[b-bmw1wdrz9a] {
    font-size: 0.72rem;
    font-weight: 700;
    min-width: 0;
    overflow-wrap: anywhere;
}

.task-attachment-size[b-bmw1wdrz9a] {
    color: var(--ziony-color-text-muted);
    font-size: 0.66rem;
    white-space: nowrap;
}

.task-email-overlay[b-bmw1wdrz9a] {
    align-items: center;
    background: var(--ziony-color-overlay);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: var(--ziony-space-4);
    position: fixed;
    z-index: 1100;
}

.task-email-modal[b-bmw1wdrz9a] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-lg);
    box-shadow: var(--ziony-shadow-dialog);
    display: flex;
    flex-direction: column;
    max-height: calc(100dvh - 2rem);
    max-width: 62.5rem;
    overflow: hidden;
    width: min(100%, 62.5rem);
}

.task-email-modal-header[b-bmw1wdrz9a] {
    align-items: center;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    justify-content: space-between;
    padding: 0.8rem 1rem;
}

.task-email-modal-header h2[b-bmw1wdrz9a] {
    color: var(--ziony-color-text);
    font-size: 1rem;
    margin: 0;
}

.task-email-headers[b-bmw1wdrz9a] {
    background: var(--ziony-color-surface-subtle);
    border-bottom: 1px solid var(--ziony-color-border);
    display: grid;
    font-size: 0.76rem;
    gap: 0.25rem;
    overflow-wrap: anywhere;
    padding: 0.75rem 1rem;
}

.task-email-frame[b-bmw1wdrz9a] {
    border: 0;
    height: 60vh;
    width: 100%;
}

.modal-footer-spacer[b-bmw1wdrz9a] {
    flex: 1 1 auto;
}

.task-lane[b-bmw1wdrz9a]  .task-sortable-list .list-group-item {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0.18rem 0.48rem;
}

.task-lane[b-bmw1wdrz9a]  .task-sortable-list .list-group-item[draggable="false"] {
    color: var(--ziony-color-text-muted);
    cursor: default;
    font-size: 0.68rem;
}

.task-board[b-bmw1wdrz9a]  .task-lane-sortable > .list-group-item,
.task-board[b-bmw1wdrz9a]  .task-lane-sortable > .bb-sortable-list-item {
    background: transparent;
    border: 0;
    display: flex;
    padding: 0;
}

.task-board[b-bmw1wdrz9a]  .sortable-ghost {
    opacity: 0.48;
}

.task-board[b-bmw1wdrz9a]  .sortable-chosen .task-card,
.task-board[b-bmw1wdrz9a]  .sortable-chosen .task-lane {
    box-shadow: var(--ziony-shadow-lg);
}

.task-board[b-bmw1wdrz9a]  .sortable-ghost .task-drag-handle,
.task-board[b-bmw1wdrz9a]  .sortable-chosen .task-drag-handle {
    cursor: grabbing;
}

@keyframes task-spin-b-bmw1wdrz9a {
    to {
        transform: rotate(360deg);
    }
}

@keyframes task-dialog-in-b-bmw1wdrz9a {
    from {
        opacity: 0;
        transform: translateY(0.75rem) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 1380px) {
    .task-board-controls[b-bmw1wdrz9a] {
        flex-wrap: wrap;
    }

    .lane-style-switcher[b-bmw1wdrz9a] {
        order: 5;
        overflow-x: auto;
        width: 100%;
    }
}

@media (max-width: 720px) {
    .task-board-controls[b-bmw1wdrz9a] {
        align-items: stretch;
    }

    .board-user-picker[b-bmw1wdrz9a],
    .finished-filter[b-bmw1wdrz9a],
    .task-action-buttons[b-bmw1wdrz9a] {
        width: 100%;
    }

    .board-user-picker select[b-bmw1wdrz9a] {
        flex: 1;
        min-width: 0;
    }

    .task-action-buttons > button[b-bmw1wdrz9a] {
        flex: 1 1 0;
    }

    .lane-style-switcher[b-bmw1wdrz9a] {
        align-items: stretch;
    }

    .lane-style-label[b-bmw1wdrz9a] {
        align-items: center;
        display: flex;
    }

    .task-board-scroll[b-bmw1wdrz9a] {
        height: max(20rem, calc(100dvh - 20rem));
    }

    .task-lane[b-bmw1wdrz9a] {
        min-width: min(17.5rem, 84vw) !important;
        width: min(17.5rem, 84vw) !important;
    }

    .card-edit-grid[b-bmw1wdrz9a] {
        grid-template-columns: 1fr;
    }

    .form-field.span-2[b-bmw1wdrz9a] {
        grid-column: auto;
    }

    .task-add-card[b-bmw1wdrz9a] {
        flex-direction: column;
    }

    .task-attachment-row[b-bmw1wdrz9a] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .task-attachment-row .task-button[b-bmw1wdrz9a] {
        width: 100%;
    }

    .task-modal-host[b-bmw1wdrz9a]  .modal-dialog {
        margin: 0.5rem;
        max-width: calc(100vw - 1rem);
    }

    .task-modal-host[b-bmw1wdrz9a]  .modal-header,
    .task-modal-host[b-bmw1wdrz9a]  .modal-body,
    .task-modal-host[b-bmw1wdrz9a]  .modal-footer {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .task-modal-host[b-bmw1wdrz9a]  .modal-footer {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .task-modal-host[b-bmw1wdrz9a]  .modal-footer .task-button {
        flex: 1 1 auto;
    }

    .modal-footer-spacer[b-bmw1wdrz9a] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lane-style-button[b-bmw1wdrz9a],
    .lane-color-picker input[b-bmw1wdrz9a],
    .lane-settings-button[b-bmw1wdrz9a],
    .task-card[b-bmw1wdrz9a],
    .task-button[b-bmw1wdrz9a],
    .task-modal-host[b-bmw1wdrz9a]  .modal.show .modal-dialog,
    .task-refresh-button .is-spinning[b-bmw1wdrz9a] {
        animation: none;
        transition-duration: 0.01ms;
    }

    .lane-style-button:hover[b-bmw1wdrz9a],
    .lane-color-picker input:hover[b-bmw1wdrz9a],
    .lane-settings-button:hover[b-bmw1wdrz9a],
    .task-card:hover[b-bmw1wdrz9a],
    .task-card:focus-visible[b-bmw1wdrz9a],
    .task-button:hover[b-bmw1wdrz9a] {
        transform: none;
    }
}
/* /Components/Pages/Warehouse.razor.rz.scp.css */
.warehouse-hub-heading[b-krk6m1rn1a] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.warehouse-hub-heading-copy[b-krk6m1rn1a] {
    min-width: 0;
}

.warehouse-hub-actions[b-krk6m1rn1a] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.warehouse-hub-summary[b-krk6m1rn1a] {
    margin-bottom: var(--ziony-space-5);
}

.warehouse-hub-feedback[b-krk6m1rn1a] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-5);
}

.warehouse-hub-feedback p[b-krk6m1rn1a] {
    margin: var(--ziony-space-1) 0 0;
}

.warehouse-hub-navigation[b-krk6m1rn1a] {
    margin-bottom: var(--ziony-space-5);
}

.warehouse-section-heading[b-krk6m1rn1a] {
    align-items: end;
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    margin-bottom: var(--ziony-space-3);
}

.warehouse-section-heading h2[b-krk6m1rn1a] {
    color: var(--ziony-color-text);
    font-size: 1.05rem;
    margin: 0.1rem 0 0;
}

.warehouse-section-heading > span[b-krk6m1rn1a],
.warehouse-activity-heading > a[b-krk6m1rn1a] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
}

.warehouse-activity-heading > a[b-krk6m1rn1a] {
    font-weight: 700;
    text-decoration: none;
}

.warehouse-activity-heading > a:hover[b-krk6m1rn1a] {
    color: var(--ziony-color-primary);
}

.warehouse-section-kicker[b-krk6m1rn1a] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.warehouse-navigation-grid[b-krk6m1rn1a] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.warehouse-navigation-card[b-krk6m1rn1a] {
    --warehouse-card-accent: var(--ziony-color-primary);
    align-items: flex-start;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-lg);
    box-shadow: var(--ziony-shadow-sm);
    color: var(--ziony-color-text);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 10.5rem;
    overflow: hidden;
    padding: var(--ziony-space-4);
    position: relative;
    text-decoration: none;
    transition:
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-base) var(--ziony-ease-out),
        transform var(--ziony-motion-base) var(--ziony-ease-out);
}

.warehouse-navigation-card[b-krk6m1rn1a]::before,
.warehouse-navigation-card[b-krk6m1rn1a]::after {
    background: var(--warehouse-card-accent);
    content: "";
    position: absolute;
}

.warehouse-navigation-card[b-krk6m1rn1a]::before {
    bottom: 0;
    left: 0;
    top: 0;
    width: 3px;
}

.warehouse-navigation-card[b-krk6m1rn1a]::after {
    bottom: 0;
    height: 3px;
    left: 0;
    right: 0;
}

.warehouse-navigation-card:hover[b-krk6m1rn1a] {
    border-color: color-mix(in srgb, var(--warehouse-card-accent) 45%, var(--ziony-color-border));
    box-shadow: var(--ziony-shadow-md);
    transform: translateY(-3px);
}

.warehouse-navigation-card:focus-visible[b-krk6m1rn1a] {
    box-shadow: var(--ziony-focus-ring), var(--ziony-shadow-md);
    outline: none;
}

.warehouse-navigation-card--success[b-krk6m1rn1a] {
    --warehouse-card-accent: var(--ziony-color-success);
}

.warehouse-navigation-card--warning[b-krk6m1rn1a] {
    --warehouse-card-accent: var(--ziony-color-warning);
}

.warehouse-navigation-card--info[b-krk6m1rn1a] {
    --warehouse-card-accent: var(--ziony-color-info);
}

.warehouse-navigation-icon[b-krk6m1rn1a] {
    align-items: center;
    background: color-mix(in srgb, var(--warehouse-card-accent) 12%, var(--ziony-color-surface));
    border-radius: var(--ziony-radius-md);
    display: inline-flex;
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.warehouse-navigation-icon img[b-krk6m1rn1a],
.warehouse-navigation-arrow[b-krk6m1rn1a] {
    filter: none;
    height: 1.35rem;
    width: 1.35rem;
}

.warehouse-navigation-icon img[b-krk6m1rn1a] {
    opacity: 0.82;
}

.warehouse-navigation-arrow[b-krk6m1rn1a] {
    opacity: 0.48;
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out);
}

.warehouse-navigation-card:hover .warehouse-navigation-arrow[b-krk6m1rn1a] {
    opacity: 0.9;
    transform: translate(2px, -2px);
}

.warehouse-navigation-copy[b-krk6m1rn1a] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.warehouse-navigation-copy strong[b-krk6m1rn1a] {
    font-size: 0.98rem;
}

.warehouse-navigation-copy > span[b-krk6m1rn1a] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
    line-height: 1.45;
    margin-top: var(--ziony-space-2);
}

.warehouse-navigation-copy small[b-krk6m1rn1a] {
    color: var(--warehouse-card-accent);
    font-size: 0.75rem;
    font-weight: 800;
    margin-top: auto;
    padding-top: var(--ziony-space-3);
}

.warehouse-activity-card[b-krk6m1rn1a] {
    padding: var(--ziony-space-5);
}

.warehouse-activity-heading[b-krk6m1rn1a] {
    align-items: center;
    margin-bottom: var(--ziony-space-2);
}

.warehouse-activity-list[b-krk6m1rn1a] {
    display: grid;
}

.warehouse-activity-row[b-krk6m1rn1a] {
    align-items: center;
    border-top: 1px solid var(--ziony-color-border);
    color: var(--ziony-color-text);
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: auto minmax(12rem, 1.35fr) minmax(8rem, 0.75fr) minmax(8rem, 0.7fr) auto auto;
    padding: var(--ziony-space-3) var(--ziony-space-2);
    text-decoration: none;
    transition: background var(--ziony-motion-fast) var(--ziony-ease-out);
}

.warehouse-activity-row:hover[b-krk6m1rn1a] {
    background: var(--ziony-color-surface-hover);
}

.warehouse-activity-row:focus-visible[b-krk6m1rn1a] {
    border-radius: var(--ziony-radius-sm);
    box-shadow: var(--ziony-focus-ring);
    outline: none;
}

.warehouse-activity-marker[b-krk6m1rn1a] {
    background: var(--ziony-color-primary);
    border-radius: var(--ziony-radius-pill);
    height: 0.55rem;
    width: 0.55rem;
}

.warehouse-activity-order[b-krk6m1rn1a] {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
}

.warehouse-activity-order strong[b-krk6m1rn1a],
.warehouse-activity-order span[b-krk6m1rn1a] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.warehouse-activity-order span[b-krk6m1rn1a],
.warehouse-activity-progress[b-krk6m1rn1a],
.warehouse-activity-row time[b-krk6m1rn1a] {
    color: var(--ziony-color-text-muted);
    font-size: 0.8rem;
}

.warehouse-activity-status[b-krk6m1rn1a] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary-strong);
    font-size: 0.75rem;
    font-weight: 700;
    justify-self: start;
    padding: 0.24rem 0.52rem;
}

.warehouse-activity-row > img[b-krk6m1rn1a] {
    height: 1rem;
    opacity: 0.55;
    width: 1rem;
}

.warehouse-activity-state[b-krk6m1rn1a] {
    align-items: center;
    color: var(--ziony-color-text-muted);
    display: flex;
    gap: var(--ziony-space-3);
    min-height: 9rem;
    padding: var(--ziony-space-5);
}

.warehouse-activity-state img[b-krk6m1rn1a] {
    height: 1.6rem;
    opacity: 0.68;
    width: 1.6rem;
}

.warehouse-activity-state strong[b-krk6m1rn1a] {
    color: var(--ziony-color-text);
}

.warehouse-activity-state p[b-krk6m1rn1a] {
    margin: var(--ziony-space-1) 0 0;
}

.warehouse-activity-state--error[b-krk6m1rn1a] {
    background: var(--ziony-color-danger-soft);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-danger-strong);
}

.warehouse-activity-state--error > :last-child[b-krk6m1rn1a] {
    margin-left: auto;
}

@media (max-width: 1180px) {
    .warehouse-navigation-grid[b-krk6m1rn1a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .warehouse-activity-row[b-krk6m1rn1a] {
        grid-template-columns: auto minmax(10rem, 1fr) auto;
    }

    .warehouse-activity-status[b-krk6m1rn1a],
    .warehouse-activity-progress[b-krk6m1rn1a] {
        display: none;
    }
}

@media (max-width: 760px) {
    .warehouse-hub-heading[b-krk6m1rn1a],
    .warehouse-hub-feedback[b-krk6m1rn1a] {
        align-items: stretch;
        display: grid;
    }

    .warehouse-hub-actions[b-krk6m1rn1a] {
        justify-content: flex-start;
    }

    .warehouse-section-heading[b-krk6m1rn1a] {
        align-items: flex-start;
    }

    .warehouse-section-heading > span[b-krk6m1rn1a] {
        display: none;
    }

    .warehouse-navigation-grid[b-krk6m1rn1a] {
        grid-template-columns: 1fr;
    }

    .warehouse-navigation-card[b-krk6m1rn1a] {
        min-height: 9rem;
    }
}

@media (max-width: 560px) {
    .warehouse-activity-card[b-krk6m1rn1a] {
        padding: var(--ziony-space-4);
    }

    .warehouse-activity-heading[b-krk6m1rn1a] {
        align-items: flex-start;
    }

    .warehouse-activity-row[b-krk6m1rn1a] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .warehouse-activity-row time[b-krk6m1rn1a] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-navigation-card[b-krk6m1rn1a],
    .warehouse-navigation-arrow[b-krk6m1rn1a] {
        transition: none;
    }

    .warehouse-navigation-card:hover[b-krk6m1rn1a],
    .warehouse-navigation-card:hover .warehouse-navigation-arrow[b-krk6m1rn1a] {
        transform: none;
    }
}
/* /Components/Pages/WarehouseOrderDetail.razor.rz.scp.css */
.warehouse-detail-back[b-ggqw1njwx1] {
    margin-bottom: var(--ziony-space-3);
}

.warehouse-delivery-note-download[b-ggqw1njwx1] {
    border: 0;
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0;
}

.warehouse-detail-heading[b-ggqw1njwx1] {
    align-items: flex-start;
    display: flex;
    gap: var(--ziony-space-5);
    justify-content: space-between;
}

.warehouse-detail-heading-copy[b-ggqw1njwx1] {
    min-width: 0;
}

.warehouse-detail-action-groups[b-ggqw1njwx1] {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-4);
    justify-content: flex-end;
}

.warehouse-detail-action-group[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-1);
}

.warehouse-detail-action-group--danger[b-ggqw1njwx1] {
    border-left: 1px solid var(--ziony-color-border);
    padding-left: var(--ziony-space-4);
}

.warehouse-detail-action-label[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.warehouse-detail-actions[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
    justify-content: flex-end;
}

.warehouse-detail-actions[b-ggqw1njwx1]  .warehouse-copy-button {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.warehouse-detail-action-group--danger[b-ggqw1njwx1]  .warehouse-cancel-button {
    background: transparent;
    border-color: var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.warehouse-detail-action-group--danger[b-ggqw1njwx1]  .warehouse-cancel-button:hover:not(:disabled) {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger);
    color: var(--ziony-color-danger-strong);
}

.warehouse-workflow[b-ggqw1njwx1] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-lg);
    box-shadow: var(--ziony-shadow-sm);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-4) var(--ziony-space-5);
    position: relative;
}

.warehouse-workflow-heading[b-ggqw1njwx1] {
    align-items: center;
    border-bottom: 1px solid var(--ziony-color-border);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    padding-bottom: var(--ziony-space-3);
}

.warehouse-workflow-heading > div[b-ggqw1njwx1] {
    display: grid;
    gap: 0.12rem;
}

.warehouse-workflow-heading > div > span[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.warehouse-workflow-heading strong[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    font-size: 0.94rem;
}

.warehouse-workflow-progress[b-ggqw1njwx1] {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: var(--ziony-space-4) var(--ziony-space-2);
}

.warehouse-workflow-progress li[b-ggqw1njwx1] {
    align-items: center;
    display: grid;
    gap: var(--ziony-space-2);
    justify-items: center;
    min-width: 0;
    position: relative;
    text-align: center;
}

.warehouse-workflow-progress li:not(:last-child)[b-ggqw1njwx1]::after {
    border-top: 2px solid var(--ziony-color-border-strong);
    content: "";
    left: calc(50% + 1.35rem);
    position: absolute;
    right: calc(-50% + 1.35rem);
    top: 1.08rem;
    z-index: 0;
}

.warehouse-workflow-progress li.is-complete:not(:last-child)[b-ggqw1njwx1]::after {
    border-top-color: var(--ziony-color-success);
}

.warehouse-workflow-progress li.is-current:not(:last-child)[b-ggqw1njwx1]::after,
.warehouse-workflow-progress li.is-available:not(:last-child)[b-ggqw1njwx1]::after,
.warehouse-workflow-progress li.is-upcoming:not(:last-child)[b-ggqw1njwx1]::after {
    border-top-color: var(--ziony-color-warning-border);
}

.warehouse-workflow-node[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 2px solid var(--ziony-color-border-strong);
    border-radius: 50%;
    display: inline-flex;
    height: 2.25rem;
    justify-content: center;
    position: relative;
    width: 2.25rem;
    z-index: 1;
}

.warehouse-workflow-node img[b-ggqw1njwx1] {
    height: 1.08rem;
    opacity: 0.65;
    width: 1.08rem;
}

.warehouse-workflow-progress li.is-complete .warehouse-workflow-node[b-ggqw1njwx1] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success);
}

.warehouse-workflow-progress li.is-complete .warehouse-workflow-node img[b-ggqw1njwx1] {
    filter: invert(43%) sepia(40%) saturate(1107%) hue-rotate(104deg) brightness(87%) contrast(91%);
    opacity: 1;
}

.warehouse-workflow-progress li.is-available .warehouse-workflow-node[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
}

.warehouse-workflow-progress li.is-available .warehouse-workflow-node img[b-ggqw1njwx1] {
    filter: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(4540%) hue-rotate(218deg) brightness(102%) contrast(103%);
    opacity: 1;
}

.warehouse-workflow-progress li.is-current .warehouse-workflow-node[b-ggqw1njwx1] {
    background: var(--ziony-color-primary);
    border-color: var(--ziony-color-primary);
    box-shadow: 0 0 0 4px rgba(var(--ziony-color-primary-rgb), 0.16);
}

.warehouse-workflow-progress li.is-current .warehouse-workflow-node img[b-ggqw1njwx1] {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.warehouse-workflow-progress li.is-upcoming .warehouse-workflow-node[b-ggqw1njwx1] {
    background: var(--ziony-color-warning-soft);
    border-color: var(--ziony-color-warning-border);
}

.warehouse-workflow-progress li.is-upcoming .warehouse-workflow-node img[b-ggqw1njwx1] {
    filter: brightness(0) saturate(100%) invert(48%) sepia(96%) saturate(1323%) hue-rotate(5deg) brightness(96%) contrast(95%);
    opacity: 0.82;
}

.warehouse-workflow-progress li.is-stopped .warehouse-workflow-node[b-ggqw1njwx1] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
}

.warehouse-workflow-step-copy[b-ggqw1njwx1] {
    display: grid;
    gap: 0.08rem;
    min-width: 0;
}

.warehouse-workflow-step-copy strong[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    font-size: 0.8rem;
    line-height: 1.25;
}

.warehouse-workflow-step-copy small[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-weight: 650;
}

.warehouse-workflow-progress li.is-current .warehouse-workflow-step-copy small[b-ggqw1njwx1],
.warehouse-workflow-progress li.is-available .warehouse-workflow-step-copy small[b-ggqw1njwx1] {
    color: var(--ziony-color-primary);
}

.warehouse-workflow-progress li.is-complete .warehouse-workflow-step-copy small[b-ggqw1njwx1] {
    color: var(--ziony-color-success);
}

.warehouse-workflow-progress li.is-upcoming .warehouse-workflow-step-copy strong[b-ggqw1njwx1],
.warehouse-workflow-progress li.is-upcoming .warehouse-workflow-step-copy small[b-ggqw1njwx1] {
    color: var(--ziony-color-warning);
}

.warehouse-workflow-actions[b-ggqw1njwx1] {
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-md);
    display: grid;
    grid-template-columns: minmax(0, 4fr) minmax(12rem, 1fr);
}

.warehouse-workflow-status-actions[b-ggqw1njwx1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-width: 0;
}

.warehouse-workflow-action[b-ggqw1njwx1] {
    min-width: 0;
    outline: none;
    position: relative;
}

.warehouse-workflow-status-actions .warehouse-workflow-action:not(:last-child)[b-ggqw1njwx1] {
    border-right: 1px solid var(--ziony-color-border-strong);
}

.warehouse-workflow-action button[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 0;
    color: var(--ziony-color-text-muted);
    display: flex;
    font-family: var(--ziony-font-sans);
    gap: var(--ziony-space-3);
    justify-content: center;
    min-height: 5.35rem;
    padding: var(--ziony-space-3);
    text-align: left;
    transition:
        background var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out),
        color var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 100%;
}

.warehouse-workflow-action button:disabled[b-ggqw1njwx1] {
    cursor: not-allowed;
    opacity: 1;
}

.warehouse-workflow-action button > img[b-ggqw1njwx1] {
    flex: 0 0 1.45rem;
    height: 1.45rem;
    opacity: 0.62;
    width: 1.45rem;
}

.warehouse-workflow-action button > span[b-ggqw1njwx1] {
    display: grid;
    gap: 0.16rem;
    min-width: 0;
}

.warehouse-workflow-action button strong[b-ggqw1njwx1] {
    font-size: 0.82rem;
    line-height: 1.2;
}

.warehouse-workflow-action button small[b-ggqw1njwx1] {
    color: inherit;
    font-size: 0.68rem;
    line-height: 1.3;
    opacity: 0.86;
}

.warehouse-workflow-action.is-current button[b-ggqw1njwx1] {
    background: var(--ziony-color-primary);
    color: #ffffff;
    cursor: pointer;
}

.warehouse-workflow-action.is-current button:hover[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-strong);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.28);
}

.warehouse-workflow-action.is-current button > img[b-ggqw1njwx1] {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.warehouse-workflow-action.is-complete button[b-ggqw1njwx1] {
    background: var(--ziony-color-success-soft);
    color: var(--ziony-color-success);
}

.warehouse-workflow-action.is-complete button > img[b-ggqw1njwx1] {
    filter: invert(43%) sepia(40%) saturate(1107%) hue-rotate(104deg) brightness(87%) contrast(91%);
    opacity: 1;
}

.warehouse-workflow-action.is-reusable button[b-ggqw1njwx1] {
    cursor: pointer;
}

.warehouse-workflow-action.is-reusable button:hover[b-ggqw1njwx1] {
    background: color-mix(in srgb, var(--ziony-color-success-soft) 78%, var(--ziony-color-success-border));
}

.warehouse-workflow-action.is-blocked button[b-ggqw1njwx1] {
    background: var(--ziony-color-warning-soft);
    color: var(--ziony-color-text-muted);
}

.warehouse-workflow-status-actions .warehouse-workflow-action.is-future button[b-ggqw1njwx1] {
    background: var(--ziony-color-warning-soft);
    color: var(--ziony-color-warning);
}

.warehouse-workflow-status-actions .warehouse-workflow-action.is-future button > img[b-ggqw1njwx1] {
    filter: brightness(0) saturate(100%) invert(48%) sepia(96%) saturate(1323%) hue-rotate(5deg) brightness(96%) contrast(95%);
    opacity: 0.82;
}

.warehouse-workflow-action.is-editing button[b-ggqw1njwx1] {
    background: var(--ziony-color-primary);
    color: #ffffff;
    cursor: pointer;
}

.warehouse-workflow-action.is-editing button:hover[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-strong);
}

.warehouse-workflow-action.is-editing button > img[b-ggqw1njwx1] {
    filter: brightness(0) invert(1);
    opacity: 1;
}

.warehouse-workflow-action:focus-visible[b-ggqw1njwx1],
.warehouse-workflow-action:focus-within[b-ggqw1njwx1] {
    box-shadow: inset 0 0 0 3px rgba(var(--ziony-color-primary-rgb), 0.28);
    z-index: 5;
}

.warehouse-workflow-save[b-ggqw1njwx1] {
    border-left: 1px solid var(--ziony-color-border-strong);
    padding-top: 1.15rem;
}

.warehouse-workflow-save-label[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.62rem;
    font-weight: 800;
    left: var(--ziony-space-3);
    letter-spacing: 0.08em;
    position: absolute;
    text-transform: uppercase;
    top: 0.38rem;
    z-index: 1;
}

.warehouse-workflow-save button[b-ggqw1njwx1] {
    min-height: 4.2rem;
}

.warehouse-workflow-tooltip[b-ggqw1njwx1] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    bottom: calc(100% + 0.65rem);
    box-shadow: var(--ziony-shadow-lg);
    color: var(--ziony-color-text);
    display: grid;
    gap: var(--ziony-space-1);
    left: 50%;
    line-height: 1.45;
    max-width: calc(100vw - 2rem);
    opacity: 0;
    padding: var(--ziony-space-3);
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 0.35rem);
    transition:
        opacity var(--ziony-motion-fast) var(--ziony-ease-out),
        transform var(--ziony-motion-fast) var(--ziony-ease-out),
        visibility var(--ziony-motion-fast) var(--ziony-ease-out);
    visibility: hidden;
    width: 18rem;
    z-index: 20;
}

.warehouse-workflow-tooltip strong[b-ggqw1njwx1] {
    font-size: 0.82rem;
}

.warehouse-workflow-tooltip > span[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.74rem;
}

.warehouse-workflow-action:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-action:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-action:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1] {
    opacity: 1;
    transform: translate(-50%, 0);
    visibility: visible;
}

.warehouse-workflow-status-actions .warehouse-workflow-action:first-child .warehouse-workflow-tooltip[b-ggqw1njwx1] {
    left: 0;
    transform: translate(0, 0.35rem);
}

.warehouse-workflow-status-actions .warehouse-workflow-action:first-child:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-status-actions .warehouse-workflow-action:first-child:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-status-actions .warehouse-workflow-action:first-child:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1] {
    transform: translate(0, 0);
}

.warehouse-workflow-save .warehouse-workflow-tooltip[b-ggqw1njwx1] {
    left: auto;
    right: 0;
    transform: translate(0, 0.35rem);
}

.warehouse-workflow-save:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-save:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
.warehouse-workflow-save:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1] {
    transform: translate(0, 0);
}

.warehouse-workflow-guidance[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text-muted);
    display: flex;
    gap: var(--ziony-space-3);
    margin-top: var(--ziony-space-3);
    padding: var(--ziony-space-2) var(--ziony-space-3);
}

.warehouse-workflow-guidance > img[b-ggqw1njwx1] {
    flex: 0 0 1.3rem;
    height: 1.3rem;
    opacity: 0.72;
    width: 1.3rem;
}

.warehouse-workflow-guidance > div[b-ggqw1njwx1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
}

.warehouse-workflow-guidance strong[b-ggqw1njwx1],
.warehouse-workflow-guidance span[b-ggqw1njwx1] {
    font-size: 0.75rem;
    line-height: 1.45;
}

.warehouse-workflow-guidance.is-actionable[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
    color: var(--ziony-color-primary);
}

.warehouse-workflow-guidance.is-actionable > img[b-ggqw1njwx1] {
    filter: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(4540%) hue-rotate(218deg) brightness(102%) contrast(103%);
    opacity: 1;
}

.warehouse-workflow-guidance.is-complete[b-ggqw1njwx1] {
    background: var(--ziony-color-success-soft);
    border-color: var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.warehouse-workflow-guidance.is-complete > img[b-ggqw1njwx1] {
    filter: invert(43%) sepia(40%) saturate(1107%) hue-rotate(104deg) brightness(87%) contrast(91%);
    opacity: 1;
}

.warehouse-workflow-guidance.is-editing[b-ggqw1njwx1] {
    background: var(--ziony-color-info-soft);
    border-color: var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

.warehouse-detail-state[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    min-height: 11rem;
}

.warehouse-detail-state-icon[b-ggqw1njwx1] {
    height: 1.75rem;
    opacity: 0.7;
    width: 1.75rem;
}

.warehouse-order-overview[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-areas: "identity lines quantity value status";
    grid-template-columns: minmax(20rem, 1.8fr) minmax(9rem, 0.7fr) minmax(11rem, 0.85fr) minmax(20rem, 1.55fr) minmax(9rem, 0.7fr);
    margin-bottom: var(--ziony-space-4);
}

.warehouse-overview-card[b-ggqw1njwx1] {
    --ziony-card-accent: #2166f3;
    background: #f8fbff;
    border-color: #d5e3fb;
    min-height: 7.6rem;
    min-width: 0;
}

.warehouse-overview-card.ziony-card--accent[b-ggqw1njwx1]::after {
    display: none;
}

.warehouse-overview-card--identity[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    grid-area: identity;
    justify-content: flex-start;
    padding: var(--ziony-space-5);
}

.warehouse-order-identity-copy[b-ggqw1njwx1] {
    min-width: 0;
}

.warehouse-order-identity-label[b-ggqw1njwx1] {
    color: var(--ziony-color-primary);
    display: block;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-bottom: var(--ziony-space-1);
    text-transform: uppercase;
}

.warehouse-order-identity-copy > strong[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    display: block;
    font-size: 1.35rem;
    letter-spacing: -0.02em;
}

.warehouse-order-identity-copy p[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.84rem;
    margin: var(--ziony-space-1) 0 0;
}

.warehouse-overview-card--lines[b-ggqw1njwx1] {
    grid-area: lines;
}

.warehouse-overview-card--quantity[b-ggqw1njwx1] {
    grid-area: quantity;
}

.warehouse-overview-card--value[b-ggqw1njwx1] {
    grid-area: value;
    padding: var(--ziony-space-4);
}

.warehouse-order-values[b-ggqw1njwx1] {
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
    width: 100%;
}

.warehouse-order-values caption[b-ggqw1njwx1] {
    color: var(--ziony-color-primary);
    font-size: 0.76rem;
    font-weight: 700;
    padding-bottom: var(--ziony-space-1);
    text-align: left;
}

.warehouse-order-values thead th[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.68rem;
    font-weight: 700;
    padding: 0 0 var(--ziony-space-1) var(--ziony-space-2);
    text-align: right;
}

.warehouse-order-values thead th:first-child[b-ggqw1njwx1] {
    padding-left: 0;
}

.warehouse-order-values tbody th[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    font-size: 0.75rem;
    font-weight: 700;
    padding: var(--ziony-space-1) 0;
    text-align: left;
}

.warehouse-order-values tbody td[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    font-size: 0.82rem;
    font-weight: 750;
    padding: var(--ziony-space-1) 0 var(--ziony-space-1) var(--ziony-space-2);
    text-align: right;
    white-space: nowrap;
}

.warehouse-order-values tbody tr + tr > *[b-ggqw1njwx1] {
    border-top: 1px solid #d7e5fb;
}

.warehouse-order-value-unit[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.64rem;
    font-weight: 650;
}

.warehouse-overview-card--status[b-ggqw1njwx1] {
    align-items: flex-start;
    gap: var(--ziony-space-3);
    grid-area: status;
}

.warehouse-overview-card--status .status-badge[b-ggqw1njwx1] {
    font-size: 0.76rem;
    margin-top: 0;
}

.party-panels[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-bottom: var(--ziony-space-4);
}

.party-panel[b-ggqw1njwx1] {
    min-width: 0;
    padding: 0 !important;
}

.customer-party-panel[b-ggqw1njwx1] {
    --ziony-card-accent: #7c3aed;
    border-color: #dfd0fa;
}

.delivery-party-panel[b-ggqw1njwx1] {
    --ziony-card-accent: #f06b24;
    border-color: #f5c09e;
}

.party-panel.ziony-card--accent[b-ggqw1njwx1]::after {
    display: none;
}

.party-panel h2[b-ggqw1njwx1],
.warehouse-detail-section-heading h2[b-ggqw1njwx1] {
    color: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}

.warehouse-section-kicker[b-ggqw1njwx1] {
    color: inherit;
    display: block;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.party-panel-header[b-ggqw1njwx1] {
    align-items: center;
    border-bottom: 1px solid;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-3);
    justify-content: space-between;
    margin: 0;
    min-height: 3.25rem;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.customer-party-panel .party-panel-header[b-ggqw1njwx1] {
    background: var(--ziony-color-section-customer);
    border-bottom-color: var(--ziony-color-section-customer);
    color: var(--ziony-color-section-customer-text);
}

.delivery-party-panel .party-panel-header[b-ggqw1njwx1] {
    background: var(--ziony-color-section-delivery);
    border-bottom-color: var(--ziony-color-section-delivery);
    color: var(--ziony-color-section-delivery-text);
}

.warehouse-section-heading-main[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    min-width: 0;
}

.warehouse-section-icon[b-ggqw1njwx1] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 1.4rem;
    height: 1.4rem;
    justify-content: center;
    width: 1.4rem;
}

.warehouse-section-icon img[b-ggqw1njwx1] {
    filter: brightness(0);
    height: 1.4rem;
    opacity: 0.85;
    width: 1.4rem;
}

.warehouse-customer-edit[b-ggqw1njwx1] {
    background: transparent;
    border: 0;
    display: grid;
    gap: var(--ziony-space-3);
    margin: 0;
    padding: var(--ziony-space-4) var(--ziony-space-5) 0;
}

.warehouse-customer-edit label[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-1);
}

.warehouse-customer-edit label > span[b-ggqw1njwx1],
.warehouse-customer-edit small[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.warehouse-order-stock-input[b-ggqw1njwx1] {
    background: transparent;
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    min-height: 2.35rem;
    padding: 0.45rem 0.65rem;
    width: 100%;
}

.warehouse-order-stock-input[readonly][b-ggqw1njwx1] {
    background: var(--ziony-color-surface-subtle);
    color: var(--ziony-color-text-muted);
}

.detail-list[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-2) var(--ziony-space-5);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    padding: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-5);
}

.detail-list div[b-ggqw1njwx1] {
    border-top: 1px solid var(--ziony-color-border);
    display: grid;
    gap: 0.18rem;
    min-width: 0;
    padding-top: var(--ziony-space-2);
}

.detail-list dt[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.7rem;
    font-weight: 700;
}

.detail-list dd[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    margin: 0;
    overflow-wrap: anywhere;
}

.empty-panel-message[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    margin: 0;
    padding: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-5);
}

.recipient-edit-grid[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: var(--ziony-space-4) var(--ziony-space-5) var(--ziony-space-5);
}

.recipient-edit-grid label[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
}

.recipient-edit-grid label > span[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.recipient-address-choice small[b-ggqw1njwx1] {
    color: #8c5b3d;
    font-size: 0.7rem;
    font-weight: 500;
}

.party-panel[b-ggqw1njwx1]  .dxbl-text-edit {
    --dxbl-text-edit-font-size: 1rem;
    --dxbl-text-edit-bg: #ffffff;
    --dxbl-text-edit-border-color: #cbd5e1;
    --dxbl-text-edit-border-radius: 0.5rem;
    --dxbl-text-edit-border-width: 1px;
    --dxbl-text-edit-box-shadow: none;
    --dxbl-text-edit-btn-bg: transparent;
    --dxbl-text-edit-btn-hover-bg: #f8fafc;
    --dxbl-text-edit-btn-padding-x: 0.65rem;
    --dxbl-text-edit-btn-padding-y: 0.5rem;
    --dxbl-text-edit-padding-x: 0.75rem;
    --dxbl-text-edit-padding-y: 0.5rem;
    min-height: 2.5rem;
}

.party-panel[b-ggqw1njwx1]  .dxbl-text-edit > .dxbl-btn,
.party-panel[b-ggqw1njwx1]  .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn {
    border: 0;
}

.party-panel[b-ggqw1njwx1]  .dxbl-text-edit:hover:not(.dxbl-disabled):not(:focus-within):not(.dxbl-focused) {
    --dxbl-text-edit-border-color: #94a3b8;
}

.customer-party-panel[b-ggqw1njwx1]  .dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #7c3aed;
    --dxbl-text-edit-focus-shadow-blur: 0;
    --dxbl-text-edit-focus-shadow-color: rgba(124, 58, 237, 0.14);
    --dxbl-text-edit-focus-shadow-spread: 3px;
}

.delivery-party-panel[b-ggqw1njwx1]  .dxbl-text-edit {
    --dxbl-text-edit-focus-border-color: #d95313;
    --dxbl-text-edit-focus-shadow-blur: 0;
    --dxbl-text-edit-focus-shadow-color: rgba(217, 83, 19, 0.14);
    --dxbl-text-edit-focus-shadow-spread: 3px;
}

.recipient-note-field[b-ggqw1njwx1] {
    grid-column: 1 / -1;
}

.recipient-address-choice[b-ggqw1njwx1] {
    grid-column: 1 / -1;
}

.warehouse-read-only-note[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: var(--ziony-radius-md);
    color: var(--ziony-color-text-muted);
    display: flex;
    font-size: 0.82rem;
    gap: var(--ziony-space-2);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.warehouse-read-only-note img[b-ggqw1njwx1] {
    height: 1rem;
    opacity: 0.65;
    width: 1rem;
}

.warehouse-items-panel[b-ggqw1njwx1] {
    background: var(--ziony-color-surface);
    border: 1px solid #b9e4dc;
    border-left: 3px solid #159989;
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    min-width: 0;
    overflow: hidden;
}

.warehouse-detail-section-heading[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-section-items);
    border-bottom: 1px solid var(--ziony-color-section-items);
    color: var(--ziony-color-section-items-text);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    min-height: 3.25rem;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.warehouse-detail-section-heading p[b-ggqw1njwx1] {
    color: inherit;
    font-size: 0.8rem;
    margin: var(--ziony-space-1) 0 0;
}

.warehouse-detail-section-heading > span[b-ggqw1njwx1] {
    color: inherit;
    flex-shrink: 0;
    font-size: 0.78rem;
}

.warehouse-order-item-entry[b-ggqw1njwx1] {
    align-items: end;
    background: #fbfefd;
    border-top: 0;
    border-bottom: 1px solid #dceeea;
    display: grid;
    gap: var(--ziony-space-3);
    grid-template-columns: minmax(14rem, 1fr) 9rem 9rem auto;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.warehouse-order-item-entry__field[b-ggqw1njwx1] {
    display: grid;
    gap: var(--ziony-space-1);
    min-width: 0;
}

.warehouse-order-item-entry__item[b-ggqw1njwx1] {
    grid-column: 1 / -1;
}

.warehouse-order-item-entry__field > span[b-ggqw1njwx1],
.warehouse-order-item-entry__label[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.72rem;
    font-weight: 700;
}

.warehouse-order-item-entry__label[b-ggqw1njwx1] {
    margin: 0;
}

.warehouse-item-search-target[b-ggqw1njwx1] {
    min-width: 0;
    width: 100%;
}

.warehouse-order-item-entry__item[b-ggqw1njwx1]  .warehouse-item-lookup-toggle-image {
    height: 1rem;
    width: 1rem;
}

.warehouse-order-item-entry[b-ggqw1njwx1]  .warehouse-order-item-entry__button {
    min-height: 2.5rem;
    min-width: 7rem;
    white-space: nowrap;
}

.warehouse-order-item-entry__actions[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: var(--ziony-space-2);
}

.warehouse-items-panel[b-ggqw1njwx1]  .items-grid {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    min-height: 12rem;
}

.warehouse-items-panel[b-ggqw1njwx1]  .items-grid.dxbl-grid {
    --dxbl-grid-border-radius: 0;
}

.primary-cell[b-ggqw1njwx1] {
    color: var(--ziony-color-text);
    font-weight: 700;
}

.secondary-cell[b-ggqw1njwx1],
.muted[b-ggqw1njwx1],
.read-only-note[b-ggqw1njwx1] {
    color: var(--ziony-color-text-muted);
    font-size: 0.82rem;
}

.muted[b-ggqw1njwx1] {
    margin: 0;
    padding: var(--ziony-space-4);
}

.status-badge[b-ggqw1njwx1],
.row-state[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-soft);
    border: 1px solid var(--ziony-color-info-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-primary-strong);
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 700;
    padding: 0.24rem 0.55rem;
    white-space: nowrap;
}

.row-state-stack[b-ggqw1njwx1] {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.dirty-badge[b-ggqw1njwx1] {
    background: var(--ziony-color-warning-soft);
    border: 1px solid var(--ziony-color-warning-border);
    border-radius: var(--ziony-radius-pill);
    color: var(--ziony-color-warning);
    display: inline-block;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 0.18rem 0.5rem;
    white-space: nowrap;
}

.quantity-editor[b-ggqw1njwx1] {
    max-width: 7rem;
}

.note-editor[b-ggqw1njwx1] {
    min-width: 14rem;
    width: 100%;
}

.note-editor--required[b-ggqw1njwx1] {
    border: 2px solid var(--ziony-color-danger-strong);
    border-radius: var(--ziony-radius-sm);
}

.row-error[b-ggqw1njwx1] {
    color: var(--ziony-color-danger-strong);
    font-size: 0.78rem;
    font-weight: 700;
    margin-top: var(--ziony-space-1);
}

.compact-button[b-ggqw1njwx1] {
    min-width: 4.5rem;
}

.row-actions[b-ggqw1njwx1] {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    gap: 0.35rem;
    justify-content: center;
}

.warehouse-row-action-tooltip[b-ggqw1njwx1] {
    display: inline-flex;
}

.warehouse-row-action[b-ggqw1njwx1] {
    align-items: center;
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border-strong);
    border-radius: var(--ziony-radius-sm);
    color: var(--ziony-color-text);
    cursor: pointer;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    padding: 0;
    transition:
        background-color var(--ziony-motion-fast) var(--ziony-ease-out),
        border-color var(--ziony-motion-fast) var(--ziony-ease-out),
        box-shadow var(--ziony-motion-fast) var(--ziony-ease-out);
    width: 2rem;
}

.warehouse-row-action:hover:not(:disabled)[b-ggqw1njwx1] {
    background: var(--ziony-color-primary-soft);
    border-color: var(--ziony-color-primary);
}

.warehouse-row-action:focus-visible[b-ggqw1njwx1] {
    box-shadow: 0 0 0 3px rgba(var(--ziony-color-primary-rgb), 0.2);
    outline: none;
}

.warehouse-row-action:disabled[b-ggqw1njwx1] {
    cursor: not-allowed;
    opacity: 0.45;
}

.warehouse-row-action img[b-ggqw1njwx1] {
    height: 1rem;
    width: 1rem;
}

.warehouse-row-action--danger:hover:not(:disabled)[b-ggqw1njwx1] {
    background: var(--ziony-color-danger-soft);
    border-color: var(--ziony-color-danger-border);
}

.warehouse-row-action--danger img[b-ggqw1njwx1] {
    filter: brightness(0) saturate(100%) invert(28%) sepia(85%) saturate(2081%) hue-rotate(340deg) brightness(92%) contrast(91%);
}

.alert[b-ggqw1njwx1] {
    border-radius: var(--ziony-radius-sm);
    margin-bottom: var(--ziony-space-4);
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.alert.error[b-ggqw1njwx1] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-ggqw1njwx1] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-ggqw1njwx1] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

@media (max-width: 1180px) {
    .warehouse-workflow-actions[b-ggqw1njwx1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .warehouse-workflow-save[b-ggqw1njwx1] {
        border-left: 0;
        border-top: 1px solid var(--ziony-color-border-strong);
    }

    .warehouse-order-item-entry[b-ggqw1njwx1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warehouse-order-item-entry__item[b-ggqw1njwx1],
    .warehouse-order-item-entry__actions[b-ggqw1njwx1] {
        grid-column: span 2;
    }
}

@media (max-width: 980px) {
    .warehouse-detail-heading[b-ggqw1njwx1] {
        display: grid;
    }

    .warehouse-detail-action-groups[b-ggqw1njwx1] {
        justify-content: flex-start;
    }

    .warehouse-detail-actions[b-ggqw1njwx1] {
        justify-content: flex-start;
    }

    .party-panels[b-ggqw1njwx1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .warehouse-workflow[b-ggqw1njwx1] {
        padding: var(--ziony-space-4);
    }

    .warehouse-workflow-progress[b-ggqw1njwx1] {
        gap: var(--ziony-space-3);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-inline: 0;
    }

    .warehouse-workflow-progress li[b-ggqw1njwx1] {
        grid-template-columns: auto minmax(0, 1fr);
        justify-items: start;
        text-align: left;
    }

    .warehouse-workflow-progress li:not(:last-child)[b-ggqw1njwx1]::after {
        display: none;
    }

    .warehouse-workflow-status-actions[b-ggqw1njwx1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .warehouse-workflow-status-actions .warehouse-workflow-action:not(:last-child)[b-ggqw1njwx1] {
        border-right: 0;
    }

    .warehouse-workflow-status-actions .warehouse-workflow-action:nth-child(odd)[b-ggqw1njwx1] {
        border-right: 1px solid var(--ziony-color-border-strong);
    }

    .warehouse-workflow-status-actions .warehouse-workflow-action:nth-child(-n + 2)[b-ggqw1njwx1] {
        border-bottom: 1px solid var(--ziony-color-border-strong);
    }
}

@media (max-width: 1320px) {
    .warehouse-order-overview[b-ggqw1njwx1] {
        grid-template-areas:
            "identity identity status"
            "lines quantity value";
        grid-template-columns: minmax(9rem, 0.8fr) minmax(12rem, 1fr) minmax(20rem, 1.45fr);
    }
}

@media (max-width: 800px) {
    .warehouse-order-overview[b-ggqw1njwx1] {
        grid-template-areas:
            "identity status"
            "lines quantity"
            "value value";
        grid-template-columns: minmax(0, 1.6fr) minmax(9rem, 0.9fr);
    }
}

@media (max-width: 680px) {
    .warehouse-detail-action-groups[b-ggqw1njwx1] {
        align-items: stretch;
        display: grid;
        width: 100%;
    }

    .warehouse-detail-action-group--danger[b-ggqw1njwx1] {
        border-left: 0;
        border-top: 1px solid var(--ziony-color-border);
        padding-left: 0;
        padding-top: var(--ziony-space-3);
    }

    .warehouse-workflow-heading[b-ggqw1njwx1] {
        align-items: flex-start;
        display: grid;
    }

    .warehouse-workflow-status-actions[b-ggqw1njwx1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .warehouse-workflow-status-actions .warehouse-workflow-action:nth-child(odd)[b-ggqw1njwx1],
    .warehouse-workflow-status-actions .warehouse-workflow-action:not(:last-child)[b-ggqw1njwx1] {
        border-bottom: 1px solid var(--ziony-color-border-strong);
        border-right: 0;
    }

    .warehouse-workflow-action button[b-ggqw1njwx1] {
        justify-content: flex-start;
    }

    .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-status-actions .warehouse-workflow-action:first-child .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-save .warehouse-workflow-tooltip[b-ggqw1njwx1] {
        bottom: calc(100% + 0.4rem);
        left: 0;
        right: auto;
        transform: translate(0, 0.35rem);
        width: min(18rem, calc(100vw - 3rem));
    }

    .warehouse-workflow-action:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-action:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-action:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-status-actions .warehouse-workflow-action:first-child:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-status-actions .warehouse-workflow-action:first-child:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-status-actions .warehouse-workflow-action:first-child:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-save:hover .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-save:focus .warehouse-workflow-tooltip[b-ggqw1njwx1],
    .warehouse-workflow-save:focus-within .warehouse-workflow-tooltip[b-ggqw1njwx1] {
        transform: translate(0, 0);
    }

    .warehouse-overview-card--identity[b-ggqw1njwx1] {
        align-items: flex-start;
        padding: var(--ziony-space-4);
    }

    .detail-list[b-ggqw1njwx1],
    .recipient-edit-grid[b-ggqw1njwx1] {
        grid-template-columns: 1fr;
    }

    .warehouse-detail-section-heading[b-ggqw1njwx1] {
        align-items: flex-start;
        display: grid;
    }

    .warehouse-order-item-entry[b-ggqw1njwx1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .warehouse-order-item-entry__item[b-ggqw1njwx1],
    .warehouse-order-item-entry__actions[b-ggqw1njwx1] {
        grid-column: auto;
    }
}

@media (max-width: 500px) {
    .warehouse-order-overview[b-ggqw1njwx1] {
        grid-template-areas:
            "identity"
            "status"
            "lines"
            "quantity"
            "value";
        grid-template-columns: minmax(0, 1fr);
    }

    .warehouse-overview-card--identity[b-ggqw1njwx1] {
        display: grid;
    }
}

@media (prefers-reduced-motion: reduce) {
    .warehouse-detail-actions .is-busy[b-ggqw1njwx1] {
        animation: none;
    }

    .warehouse-workflow-action button[b-ggqw1njwx1],
    .warehouse-workflow-tooltip[b-ggqw1njwx1] {
        transition: none;
    }
}
/* /Components/Pages/WarehouseOrders.razor.rz.scp.css */
.warehouse-heading[b-ta9j5unlq4] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.warehouse-heading-copy[b-ta9j5unlq4] {
    min-width: 0;
}

.heading-actions[b-ta9j5unlq4] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.warehouse-summary-grid[b-ta9j5unlq4] {
    margin-bottom: var(--ziony-space-4);
}

.data-panel[b-ta9j5unlq4] {
    min-width: 0;
}

.warehouse-status-tabs[b-ta9j5unlq4] {
    margin-bottom: 0.75rem;
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete > td {
    background-color: var(--ziony-color-success-soft);
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete:hover > td {
    background-color: #e4f5ed;
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete.dxbl-grid-focused-row > td,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete.dxbl-grid-selected-row > td,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete[aria-selected="true"] > td {
    background-color: var(--ziony-grid-row-selected);
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete.dxbl-grid-focused-row > td:first-child,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete.dxbl-grid-selected-row > td:first-child,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-complete[aria-selected="true"] > td:first-child {
    box-shadow: inset 3px 0 0 var(--ziony-color-primary);
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial > td {
    background-color: var(--ziony-color-warning-soft);
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial:hover > td {
    background-color: #fff0d5;
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial.dxbl-grid-focused-row > td,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial.dxbl-grid-selected-row > td,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial[aria-selected="true"] > td {
    background-color: var(--ziony-grid-row-selected);
}

.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial.dxbl-grid-focused-row > td:first-child,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial.dxbl-grid-selected-row > td:first-child,
.data-panel[b-ta9j5unlq4]  .warehouse-grid .warehouse-row-partial[aria-selected="true"] > td:first-child {
    box-shadow: inset 3px 0 0 var(--ziony-color-primary);
}

.primary-cell[b-ta9j5unlq4] {
    color: var(--ziony-color-text);
    font-weight: 700;
}

.muted[b-ta9j5unlq4] {
    color: var(--ziony-color-text-muted);
    font-size: 0.88rem;
    margin: 0;
    padding: 1rem;
}

.status-badge[b-ta9j5unlq4] {
    background: var(--ziony-color-neutral-soft);
    border: 1px solid var(--ziony-color-neutral-border);
    border-radius: 999px;
    color: var(--ziony-color-text);
    display: inline-block;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
}

.progress-bar[b-ta9j5unlq4] {
    background: var(--ziony-grid-progress-track);
    border-radius: 999px;
    height: 0.45rem;
    margin-top: 0.35rem;
    overflow: hidden;
}

.progress-bar span[b-ta9j5unlq4] {
    background: var(--ziony-color-success);
    display: block;
    height: 100%;
}

.compact-button[b-ta9j5unlq4] {
    min-width: 4.5rem;
}

.alert[b-ta9j5unlq4] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.alert.error[b-ta9j5unlq4] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

.alert.success[b-ta9j5unlq4] {
    background: var(--ziony-color-success-soft);
    border: 1px solid var(--ziony-color-success-border);
    color: var(--ziony-color-success);
}

.alert.info[b-ta9j5unlq4] {
    background: var(--ziony-color-info-soft);
    border: 1px solid var(--ziony-color-info-border);
    color: var(--ziony-color-info);
}

@media (max-width: 760px) {
    .warehouse-heading[b-ta9j5unlq4] {
        display: block;
    }

    .heading-actions[b-ta9j5unlq4] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }
}
/* /Components/Pages/WarehouseOrderShipments.razor.rz.scp.css */
.warehouse-shipments-panel[b-mx7mpi9pue] {
    background: var(--ziony-color-surface);
    border: 1px solid #f2c8c5;
    border-left: 3px solid #dc4d47;
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    margin-top: var(--ziony-space-4);
    min-width: 0;
    overflow: hidden;
}

.warehouse-shipments-heading[b-mx7mpi9pue] {
    align-items: center;
    background: var(--ziony-color-section-shipments);
    border-bottom: 1px solid var(--ziony-color-section-shipments);
    color: var(--ziony-color-section-shipments-text);
    display: flex;
    gap: var(--ziony-space-4);
    justify-content: space-between;
    min-height: 3.25rem;
    padding: var(--ziony-space-3) var(--ziony-space-4);
}

.warehouse-shipments-heading-main[b-mx7mpi9pue] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-3);
    min-width: 0;
}

.warehouse-shipments-icon[b-mx7mpi9pue] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 1.4rem;
    height: 1.4rem;
    justify-content: center;
    width: 1.4rem;
}

.warehouse-shipments-icon img[b-mx7mpi9pue] {
    filter: brightness(0);
    height: 1.4rem;
    opacity: 0.85;
    width: 1.4rem;
}

.warehouse-shipments-heading h2[b-mx7mpi9pue] {
    color: inherit;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0;
    text-transform: uppercase;
}

.warehouse-shipments-heading p[b-mx7mpi9pue],
.warehouse-shipments-heading > span[b-mx7mpi9pue] {
    color: inherit;
    font-size: 0.8rem;
    margin: var(--ziony-space-1) 0 0;
}

.warehouse-shipments-heading > span[b-mx7mpi9pue] {
    flex-shrink: 0;
}

.warehouse-shipments-guidance[b-mx7mpi9pue],
.warehouse-shipments-error[b-mx7mpi9pue],
.warehouse-shipments-success[b-mx7mpi9pue] {
    margin: 0 var(--ziony-space-4) var(--ziony-space-3);
    padding: var(--ziony-space-3);
}

.warehouse-shipments-guidance[b-mx7mpi9pue] {
    background: var(--ziony-color-neutral-soft);
    color: var(--ziony-color-text-muted);
}

.warehouse-shipments-error[b-mx7mpi9pue] {
    background: var(--ziony-color-danger-soft);
    color: var(--ziony-color-danger-strong);
}

.warehouse-shipments-success[b-mx7mpi9pue] {
    background: var(--ziony-color-success-soft);
    color: var(--ziony-color-success);
}

.warehouse-shipments-panel[b-mx7mpi9pue]  .warehouse-shipments-grid {
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    min-height: 12rem;
}

.warehouse-shipments-panel[b-mx7mpi9pue]  .warehouse-shipments-grid.dxbl-grid {
    --dxbl-grid-border-radius: 0;
}

.warehouse-shipments-panel[b-mx7mpi9pue]  .warehouse-shipments-grid .dxbl-grid-toolbar-container {
    padding: var(--ziony-space-4) var(--ziony-space-5);
}

.warehouse-shipment-input[b-mx7mpi9pue] {
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-sm);
    min-height: 2.25rem;
    padding: 0.45rem 0.65rem;
    width: 100%;
}

.warehouse-shipment-note[b-mx7mpi9pue] {
    min-height: 4.5rem;
    resize: vertical;
}

.warehouse-tracking-link[b-mx7mpi9pue] {
    align-items: center;
    display: flex;
    gap: var(--ziony-space-2);
    width: 100%;
}

.warehouse-tracking-link a[b-mx7mpi9pue] {
    flex-shrink: 0;
}

@media (max-width: 680px) {
    .warehouse-shipments-heading[b-mx7mpi9pue],
    .warehouse-tracking-link[b-mx7mpi9pue] {
        align-items: flex-start;
        display: grid;
    }

    .warehouse-shipments-panel[b-mx7mpi9pue]  .warehouse-shipments-grid .dxbl-grid-toolbar-container {
        padding: var(--ziony-space-3);
    }

    .warehouse-shipments-panel[b-mx7mpi9pue]  .ziony-grid-toolbar-button {
        flex: 1 1 9.5rem;
    }
}
/* /Components/Pages/WarehouseStock.razor.rz.scp.css */
.warehouse-stock-heading[b-3ekx9lcgc2] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
}

.warehouse-stock-heading-copy[b-3ekx9lcgc2] {
    min-width: 0;
}

.heading-actions[b-3ekx9lcgc2] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-end;
}

.warehouse-stock-toolbar[b-3ekx9lcgc2] {
    background: var(--ziony-color-surface);
    border: 1px solid var(--ziony-color-border);
    border-radius: var(--ziony-radius-md);
    box-shadow: var(--ziony-shadow-sm);
    margin-bottom: 1rem;
    padding: var(--ziony-space-4);
}

.warehouse-stock-filter[b-3ekx9lcgc2] {
    display: grid;
    gap: var(--ziony-space-2);
    min-width: 0;
}

.warehouse-stock-filter span[b-3ekx9lcgc2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.85rem;
    font-weight: 700;
}

.warehouse-stock-filter[b-3ekx9lcgc2]  .dxbl-tag-box {
    width: 100%;
}

.warehouse-stock-summary-grid[b-3ekx9lcgc2] {
    margin-bottom: var(--ziony-space-4);
}

.data-panel[b-3ekx9lcgc2] {
    min-width: 0;
}

.muted[b-3ekx9lcgc2] {
    color: var(--ziony-color-text-muted);
    font-size: 0.88rem;
    margin: 0;
    padding: 1rem;
}

.alert[b-3ekx9lcgc2] {
    border-radius: 6px;
    margin-bottom: 1rem;
    padding: 0.8rem 0.9rem;
}

.alert.error[b-3ekx9lcgc2] {
    background: var(--ziony-color-danger-soft);
    border: 1px solid var(--ziony-color-danger-border);
    color: var(--ziony-color-danger-strong);
}

@media (max-width: 760px) {
    .warehouse-stock-heading[b-3ekx9lcgc2] {
        display: block;
    }

    .heading-actions[b-3ekx9lcgc2] {
        justify-content: flex-start;
        margin-top: var(--ziony-space-3);
    }

    .warehouse-stock-toolbar[b-3ekx9lcgc2] {
        padding: var(--ziony-space-3);
    }
}
/* /Components/PlanningDocumentContentViewer.razor.rz.scp.css */
.planning-document-markdown[b-02q2zevxp4] {
    color: var(--bs-body-color, #333);
    line-height: 1.55;
    max-height: 680px;
    overflow: auto;
    padding-right: 4px;
}

.planning-document-markdown h1[b-02q2zevxp4],
.planning-document-markdown h2[b-02q2zevxp4],
.planning-document-markdown h3[b-02q2zevxp4],
.planning-document-markdown h4[b-02q2zevxp4],
.planning-document-markdown h5[b-02q2zevxp4],
.planning-document-markdown h6[b-02q2zevxp4] {
    color: #17202a;
    font-weight: 700;
    line-height: 1.25;
    margin: 1rem 0 .45rem;
}

.planning-document-markdown h1[b-02q2zevxp4] {
    font-size: 1.45rem;
}

.planning-document-markdown h2[b-02q2zevxp4] {
    font-size: 1.2rem;
}

.planning-document-markdown h3[b-02q2zevxp4] {
    font-size: 1rem;
}

.planning-document-markdown p[b-02q2zevxp4],
.planning-document-markdown ul[b-02q2zevxp4],
.planning-document-markdown ol[b-02q2zevxp4],
.planning-document-markdown blockquote[b-02q2zevxp4] {
    margin: 0 0 .75rem;
}

.planning-document-markdown ul[b-02q2zevxp4],
.planning-document-markdown ol[b-02q2zevxp4] {
    padding-left: 1.4rem;
}

.planning-document-markdown li[b-02q2zevxp4] {
    margin-bottom: .2rem;
}

.planning-document-markdown blockquote[b-02q2zevxp4] {
    border-left: 4px solid #d8e2ec;
    color: #475569;
    padding: .2rem 0 .2rem .85rem;
}

.planning-document-markdown pre[b-02q2zevxp4],
.planning-document-pre[b-02q2zevxp4] {
    background: #0f172a;
    border-radius: 8px;
    color: #e2e8f0;
    font-family: Consolas, "Courier New", monospace;
    font-size: 12.5px;
    line-height: 1.5;
    overflow: auto;
    padding: 12px;
    white-space: pre-wrap;
    word-break: break-word;
}

.planning-document-pre[b-02q2zevxp4] {
    max-height: 680px;
}

.planning-markdown-table-wrap[b-02q2zevxp4] {
    border: 1px solid #d8e2ec;
    border-radius: 8px;
    margin: 0 0 .85rem;
    overflow-x: auto;
}

.planning-document-markdown table[b-02q2zevxp4] {
    border-collapse: collapse;
    min-width: 100%;
}

.planning-document-markdown th[b-02q2zevxp4],
.planning-document-markdown td[b-02q2zevxp4] {
    border-bottom: 1px solid #e2e8f0;
    font-size: 12.5px;
    padding: 7px 9px;
    text-align: left;
    vertical-align: top;
}

.planning-document-markdown th[b-02q2zevxp4] {
    background: #f8fafc;
    color: #334155;
    font-weight: 700;
}

.planning-document-markdown tr:last-child td[b-02q2zevxp4] {
    border-bottom: 0;
}
/* /Components/Shared/CustomerMasterDataRelated.razor.rz.scp.css */
.customer-related-panel[b-atf5dwjyom] { margin-top: 1rem; }
.customer-related-heading[b-atf5dwjyom] { margin-bottom: .85rem; }
.customer-related-panel[b-atf5dwjyom]  .customer-related-grid { --ziony-grid-embedded-height: clamp(18rem, 42dvh, 28rem); }
.customer-related-actions[b-atf5dwjyom] { display: flex; align-items: center; gap: .45rem; }
.customer-file-picker[b-atf5dwjyom] { cursor: pointer; }
.customer-file-picker[b-atf5dwjyom]  input[type="file"] { position: absolute; inline-size: 1px; block-size: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.customer-download[b-atf5dwjyom] { display: inline-flex; align-items: center; min-height: 2.1rem; padding: .35rem .7rem; border: 1px solid var(--ziony-color-border); border-radius: var(--ziony-radius-sm); color: var(--ziony-color-primary); text-decoration: none; }
.customer-address-form[b-atf5dwjyom] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.customer-address-form label[b-atf5dwjyom] { display: grid; gap: .35rem; }
.customer-address-form input[b-atf5dwjyom], .customer-address-form select[b-atf5dwjyom], .customer-address-form textarea[b-atf5dwjyom] { width: 100%; }
.customer-address-wide[b-atf5dwjyom] { grid-column: 1 / -1; }
.customer-address-default[b-atf5dwjyom] { display: flex !important; grid-auto-flow: column; grid-template-columns: auto 1fr; align-items: center; justify-content: start; }
@media (max-width: 720px) { .customer-address-form[b-atf5dwjyom] { grid-template-columns: 1fr; } .customer-address-wide[b-atf5dwjyom] { grid-column: auto; } }
/* /Components/Shared/DetailValue.razor.rz.scp.css */
.detail-value[b-k4chia19ik] { min-width: 0; padding: .9rem 1rem; border: 1px solid var(--ziony-border, #dbe2ea); border-radius: .65rem; background: var(--ziony-surface-soft, #f8fafc); }
.detail-value--wide[b-k4chia19ik] { grid-column: 1 / -1; }
.detail-value > span[b-k4chia19ik] { display: block; color: var(--ziony-text-muted, #64748b); font-size: .82rem; margin-bottom: .3rem; }
.detail-value > strong[b-k4chia19ik] { display: block; overflow-wrap: anywhere; }
.detail-value--pre[b-k4chia19ik] { white-space: pre-wrap; font-family: inherit; font-weight: 500; }
@media (max-width: 760px) { .detail-value--wide[b-k4chia19ik] { grid-column: auto; } }
/* /Components/Shared/ProductGroupResponsibleOrganisations.razor.rz.scp.css */
.product-group-responsibility-panel[b-lynfewj6qc] { margin-top: 1rem; }
.product-group-responsibility-heading h2[b-lynfewj6qc] { margin: 0; }
.product-group-responsibility-heading p[b-lynfewj6qc] { margin: .3rem 0 .85rem; }
.product-group-organisation-select[b-lynfewj6qc], .product-group-note[b-lynfewj6qc] { width: 100%; min-width: 14rem; }
.product-group-assignment-actions[b-lynfewj6qc] { display: flex; gap: .45rem; }
.product-group-assignment-ok[b-lynfewj6qc] { color: #15803d; }
.product-group-assignment-warning[b-lynfewj6qc] { color: #b45309; }