/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ===== Page & Main layout ===== */
.page[b-llh52chi5s] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: var(--kendo-color-app-surface, #ffffff);
    color: var(--kendo-color-on-app-surface, #272727);
}

main[b-llh52chi5s] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.main-container[b-llh52chi5s] {
    display: flex;
    flex: 1;
    overflow: hidden;
    min-height: 0;
}

/* ===== Sidebar base ===== */
.sidebar[b-llh52chi5s] {
    background-color: var(--kendo-color-surface-alt, #1a1a2e);
    overflow-y: auto;
    border-right: 1px solid var(--kendo-color-border, #d6d5d5);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: width 0.2s ease;
}

/* Sidebar header */
.sidebar-header[b-llh52chi5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0.75rem 0.5rem 3.5rem;
    border-bottom: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
    flex-shrink: 0;
}

.sidebar-title[b-llh52chi5s] {
    font-weight: 600;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--kendo-color-subtle, #666);
}

/* Cycle button (replaces old close button) */
.sidebar-cycle-btn[b-llh52chi5s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: transparent;
    color: var(--kendo-color-subtle, #666);
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.2s;
}

.sidebar-cycle-btn:hover[b-llh52chi5s] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    color: var(--kendo-color-on-app-surface, #272727);
}

/* ===== 3-state sidebar via data-sidebar attribute ===== */

/* Hidden: unauthenticated */
.main-container[data-sidebar="hidden"] .sidebar[b-llh52chi5s],
.main-container[data-sidebar="hidden"] .sidebar-edge-strip[b-llh52chi5s] {
    display: none;
}

/* Closed: sidebar hidden, edge strip visible */
.main-container[data-sidebar="closed"] .sidebar[b-llh52chi5s] {
    display: none;
}

/* Icons-only mode */
.main-container[data-sidebar="iconsonly"] .sidebar[b-llh52chi5s] {
    width: 56px;
}

.main-container[data-sidebar="iconsonly"] .sidebar-header[b-llh52chi5s] {
    justify-content: center;
    padding: 0.5rem 0.25rem;
}

/* Expanded mode: width controlled by inline style / CSS var */
.main-container[data-sidebar="expanded"] .sidebar[b-llh52chi5s] {
    width: var(--sidebar-width, 250px);
}

/* ===== Edge strip (Closed state) ===== */
.sidebar-edge-strip[b-llh52chi5s] {
    width: 44px;
    flex-shrink: 0;
    background-color: var(--kendo-color-surface-alt, #f8f9fa);
    border-right: 1px solid var(--kendo-color-border, #d6d5d5);
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}

.sidebar-toggle-btn[b-llh52chi5s] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s;
    margin-top: 0.5rem;
}

.sidebar-toggle-btn:hover[b-llh52chi5s] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.08));
    color: var(--kendo-color-primary, #0d6efd);
}

/* ===== Drag resize handle (Expanded mode) ===== */
.sidebar-resize-handle[b-llh52chi5s] {
    position: absolute;
    right: -3px;
    top: 0;
    bottom: 0;
    width: 6px;
    cursor: col-resize;
    z-index: 10;
    background: transparent;
    transition: background-color 0.15s;
}

.sidebar-resize-handle:hover[b-llh52chi5s],
.sidebar-resize-handle:active[b-llh52chi5s] {
    background-color: var(--kendo-color-primary, #0d6efd);
    opacity: 0.4;
}

/* ===== Content area ===== */
.content[b-llh52chi5s] {
    flex: 1;
    padding: 1.5rem;
    overflow: auto;
    background-color: var(--kendo-color-app-surface, #ffffff);
    color: var(--kendo-color-on-app-surface, #272727);
    min-height: 0;
    min-width: 0;
}

/* ===== Mobile ===== */
@media (max-width: 640.98px) {
    .sidebar-edge-strip[b-llh52chi5s] {
        display: none;
    }

    .main-container[data-sidebar="expanded"] .sidebar[b-llh52chi5s],
    .main-container[data-sidebar="iconsonly"] .sidebar[b-llh52chi5s] {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        z-index: 1000;
        box-shadow: 4px 0 12px rgba(0, 0, 0, 0.15);
    }
}

@media (min-width: 641px) {
    article[b-llh52chi5s] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* Fix dla komponentów Telerik które rozciągają rodzica */
.content .k-gantt[b-llh52chi5s],
.content .k-grid[b-llh52chi5s] {
    max-height: 100%;
}

/* Zawartość .content nie może rozciągać layoutu */
.content > *[b-llh52chi5s] {
    max-width: 100%;
}

/* ===== Error UI ===== */
#blazor-error-ui[b-llh52chi5s] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    /* Pasek fatalnego błędu obwodu musi przykrywać KAŻDY overlay stron (panele planowania
       załogi 1010/1020, CTI 1060) — inaczej po śmierci obwodu przy otwartym panelu użytkownik
       nie widzi „Reload". 10000 wzorem CookieConsent. */
    z-index: 10000;
}

    #blazor-error-ui .dismiss[b-llh52chi5s] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-1rbmw3g29m] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-1rbmw3g29m] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-1rbmw3g29m] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-1rbmw3g29m] {
    font-size: 1.1rem;
}

.bi[b-1rbmw3g29m] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-1rbmw3g29m] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-scrollable[b-1rbmw3g29m] {
    display: block;
    height: 100%;
    min-height: 0;
    overflow-y: auto;
}

.menu[b-1rbmw3g29m] {
    min-width: 0;
    padding: 0.5rem;
}

[b-1rbmw3g29m] .k-panelbar {
    border-style: none !important;
    background: transparent !important;
}

[b-1rbmw3g29m] .k-panelbar-item {
    border: none !important;
}

/*
 * PanelBar owns the semantic state colors on the whole link. Keep the text/icon
 * transparent and inheriting so a selected link can use primary/on-primary as a pair.
 * Never target `li:hover .text`: a hovered parent also matches every nested label.
 */
[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link {
    color: var(--kendo-color-on-app-surface, #272727) !important;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link > .k-panelbar-item-text {
    color: inherit !important;
    background-color: transparent !important;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link .k-svg-icon,
[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link .k-panelbar-toggle {
    color: inherit !important;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link:not(.k-selected):hover,
[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link.k-hover:not(.k-selected) {
    color: var(--kendo-color-on-app-surface, #272727) !important;
    background-color: var(--kendo-color-base-active, var(--kendo-color-base-hover, rgba(0,0,0,0.08))) !important;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item > .k-link.k-selected {
    color: var(--kendo-color-on-primary, #ffffff) !important;
    background-color: var(--kendo-color-primary, #006bb7) !important;
}

/*
 * Podmenu: odcięcie od listy głównej. Tło = kolor tekstu z niską alfą, więc
 * przyciemnia na jasnym motywie i rozjaśnia na ciemnym; zagnieżdżone grupy
 * nakładają kolejną warstwę i głębsze poziomy różnią się same z siebie.
 * Linia z lewej prowadzi wzrok od rodzica do dzieci.
 */
[b-1rbmw3g29m] .k-panelbar .k-panelbar-group {
    background-color: color-mix(in srgb, var(--kendo-color-on-app-surface, #272727) 8%, transparent) !important;
    border-left: 3px solid color-mix(in srgb, var(--kendo-color-on-app-surface, #272727) 25%, transparent);
}

/* Wcięcia per poziom zostawiamy motywowi (reguły .k-level-N w bundlu liczą
   narastający padding) — nadpisanie własnym stałym paddingiem SPŁASZCZAŁO
   hierarchię, bo dzieci lądowały płycej niż rodzic (24px vs 36px). */

/* Sekcje najwyższego poziomu odróżnia od dzieci mocniejszy krój. */
[b-1rbmw3g29m] .k-panelbar > .k-panelbar-header > .k-link > .k-panelbar-item-text {
    font-weight: 600;
}

/*
 * Liść (bez dzieci): brak wskaźnika rozwijania. Konwerter daje Items=null,
 * więc PanelBar nie renderuje strzałki — reguła zostaje jako zabezpieczenie,
 * gdyby item dostał pustą kolekcję inną drogą.
 */
[b-1rbmw3g29m] .k-panelbar-item.nav-leaf > .k-link .k-panelbar-toggle {
    display: none !important;
}

[b-1rbmw3g29m] .k-panelbar-item.nav-subsection > .k-link {
    margin-top: 0.35rem;
    border-top: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}

[b-1rbmw3g29m] .k-panelbar-item.nav-subsection > .k-link:not(.k-selected) {
    color: var(--kendo-color-subtle, #666) !important;
}

[b-1rbmw3g29m] .k-panelbar-item.nav-subsection > .k-link > .k-panelbar-item-text {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.selected > .k-link {
    color: var(--kendo-color-primary-on-subtle, var(--kendo-color-on-app-surface, #272727)) !important;
    background-color: var(--kendo-color-primary-subtle, rgba(0,107,183,0.12)) !important;
    font-weight: 600;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.selected > .k-link:hover,
[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.selected > .k-link.k-hover {
    background-color: var(--kendo-color-primary-subtle-hover, var(--kendo-color-primary-subtle, rgba(0,107,183,0.16))) !important;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.active-path > .k-link {
    color: var(--kendo-color-on-app-surface, #272727) !important;
    background-color: var(--kendo-color-base-hover, rgba(0,0,0,0.04)) !important;
    box-shadow: inset 3px 0 0 var(--kendo-color-primary-on-surface, var(--kendo-color-primary, #006bb7));
    font-weight: 600;
}

[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.active-path > .k-link:hover,
[b-1rbmw3g29m] .k-panelbar .k-panelbar-item.active-path > .k-link.k-hover {
    background-color: var(--kendo-color-base-active, var(--kendo-color-base-hover, rgba(0,0,0,0.08))) !important;
}

[b-1rbmw3g29m] .k-panelbar .k-link:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

.nav-item[b-1rbmw3g29m] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-1rbmw3g29m] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-1rbmw3g29m] {
        padding-bottom: 1rem;
    }

    .nav-item[b-1rbmw3g29m]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
        text-decoration: none;
    }

.nav-item[b-1rbmw3g29m]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-1rbmw3g29m]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}
/* /Components/Layout/NavMenuIcons.razor.rz.scp.css */
/* === Icon navigation strip (IconsOnly mode) === */
.icon-nav[b-otlt5odc07] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.25rem 0;
    overflow-y: auto;
    flex: 1;
}

.icon-nav-item-wrapper[b-otlt5odc07] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.icon-nav-item[b-otlt5odc07] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.15s ease;
    margin: 2px 0;
}

.icon-nav-item:hover[b-otlt5odc07] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.08));
    color: var(--kendo-color-primary-on-surface, var(--kendo-color-on-app-surface, #272727));
}

.icon-nav-item.active[b-otlt5odc07] {
    background-color: var(--kendo-color-primary-subtle, rgba(0, 107, 183, 0.12));
    color: var(--kendo-color-primary-on-subtle, var(--kendo-color-on-app-surface, #272727));
}

/* === Flyout submenu === */
.icon-flyout[b-otlt5odc07] {
    position: fixed;
    min-width: 220px;
    max-width: min(340px, calc(100vw - 72px));
    background: var(--kendo-color-surface, #ffffff);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    z-index: 10000;
    padding: 0.25rem 0;
    animation: flyoutIn 0.15s ease-out;
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}

@@keyframes flyoutIn {
    from[b-otlt5odc07] {
        opacity: 0;
        transform: translateX(-8px);
    }
    to[b-otlt5odc07] {
        opacity: 1;
        transform: translateX(0);
    }
}

.icon-flyout-header[b-otlt5odc07] {
    padding: 0.5rem 0.75rem;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--kendo-color-subtle, #666);
    border-bottom: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}

.icon-flyout-item[b-otlt5odc07] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    color: var(--kendo-color-on-app-surface, #272727);
    text-decoration: none;
    font-size: 0.875rem;
    transition: background-color 0.1s;
    cursor: pointer;
    white-space: normal;
}

.icon-flyout-group[b-otlt5odc07] {
    padding: 0.2rem 0 0.35rem;
}

.icon-flyout-group + .icon-flyout-group[b-otlt5odc07] {
    border-top: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
}

.icon-flyout-group-label[b-otlt5odc07] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.55rem 0.75rem 0.25rem;
    color: var(--kendo-color-subtle, #666);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.icon-flyout-group-label.active[b-otlt5odc07] {
    color: var(--kendo-color-primary-on-surface, var(--kendo-color-on-app-surface, #272727));
}

.icon-flyout-item-nested[b-otlt5odc07] {
    padding-left: 1.55rem;
}

.icon-nav-item:focus-visible[b-otlt5odc07],
.icon-flyout-item:focus-visible[b-otlt5odc07] {
    outline: 2px solid currentColor;
    outline-offset: -2px;
}

.icon-flyout-item:hover[b-otlt5odc07] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    color: var(--kendo-color-primary-on-surface, var(--kendo-color-on-app-surface, #272727));
    text-decoration: none;
}

.icon-flyout-item.active[b-otlt5odc07] {
    background-color: var(--kendo-color-primary-subtle, rgba(0, 107, 183, 0.12));
    color: var(--kendo-color-primary-on-subtle, var(--kendo-color-on-app-surface, #272727));
}

/* Transparent backdrop to catch outside clicks */
.icon-flyout-backdrop[b-otlt5odc07] {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: transparent;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2cevoi2fp4],
.components-reconnect-repeated-attempt-visible[b-2cevoi2fp4],
.components-reconnect-failed-visible[b-2cevoi2fp4],
.components-pause-visible[b-2cevoi2fp4],
.components-resume-failed-visible[b-2cevoi2fp4],
.components-rejoining-animation[b-2cevoi2fp4] {
    display: none;
}

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


#components-reconnect-modal[b-2cevoi2fp4] {
    color: var(--kendo-color-on-app-surface, #272727);
    background-color: var(--kendo-color-surface, #ffffff);
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 1px solid var(--kendo-color-border, rgba(0, 0, 0, 0.08));
    border-radius: 0.5rem;
    box-shadow: var(--kendo-elevation-4, 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-2cevoi2fp4 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-2cevoi2fp4] {
    border: 1px solid var(--kendo-color-primary, #006bb7);
    background-color: var(--kendo-color-primary, #006bb7);
    color: var(--kendo-color-on-primary, #ffffff);
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2cevoi2fp4] {
        border-color: var(--kendo-color-primary-hover, #005a9e);
        background-color: var(--kendo-color-primary-hover, #005a9e);
    }

    #components-reconnect-modal button:active[b-2cevoi2fp4] {
        border-color: var(--kendo-color-primary-active, #004b85);
        background-color: var(--kendo-color-primary-active, #004b85);
    }

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TopBar.razor.rz.scp.css */
/* EFPEKA AppBar Styles - responds to theme changes */

/* === Collapse / Expand animation === */
.topbar-wrapper[b-56zipnpszj] {
    position: relative;
    /* NIE używaj transform: translateY(0) — tworzy nowy containing block,
       który blokuje position:fixed dropdownów (z-index nie działa globalnie) */
    opacity: 1;
    max-height: 200px;
    overflow: visible;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.topbar-wrapper.topbar-collapsed[b-56zipnpszj] {
    transform: translateY(-100%);
    opacity: 0;
    max-height: 0;
    pointer-events: none;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1),
                opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
}

.topbar-peek-btn[b-56zipnpszj] {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 200;
    pointer-events: all;
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 2px 24px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    color: var(--kendo-color-on-app-surface, #272727);
    transition: background-color 0.2s;
    opacity: 1;
}

.topbar-peek-btn:hover[b-56zipnpszj] {
    background: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
}

/* Fixed user button — visible when topbar is collapsed */
.topbar-fixed-user[b-56zipnpszj] {
    position: fixed;
    top: 8px;
    right: 10px;
    z-index: 300;
}

.topbar-fixed-user-btn[b-56zipnpszj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: none;
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.15s ease, box-shadow 0.2s;
    padding: 0;
}

.topbar-fixed-user-btn:hover[b-56zipnpszj] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    color: var(--kendo-color-primary, #0d6efd);
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.topbar-fixed-user-btn:active[b-56zipnpszj] {
    transform: scale(0.92);
}

.topbar-collapse-btn[b-56zipnpszj] {
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 101;
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 0 0 6px 6px;
    padding: 0 16px 2px;
    cursor: pointer;
    color: var(--kendo-color-subtle, #6c757d);
    opacity: 0;
    transition: opacity 0.2s;
    line-height: 1;
}

.topbar-wrapper.topbar-collapsible:hover .topbar-collapse-btn[b-56zipnpszj] {
    opacity: 1;
}

.topbar-collapse-btn:hover[b-56zipnpszj] {
    color: var(--kendo-color-primary, #0d6efd);
    background: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
}

/* === Base AppBar styles === */
[b-56zipnpszj] .efpeka-appbar {
    position: sticky;
    top: 0;
    z-index: 100;
    overflow: visible;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    transition: background 0.3s ease, color 0.3s ease;
}

/* === Mode: Glass (frosted glass effect) === */
/* Wrapper div has .topbar-glass and [b-xyz], so ::deep reaches .k-appbar inside */
.topbar-glass[b-56zipnpszj]  .k-appbar {
    background: rgba(255, 255, 255, 0.65) !important;
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
    color: var(--kendo-color-on-app-surface, #272727);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.08);
}

:global(.k-dark) .topbar-glass[b-56zipnpszj]  .k-appbar {
    background: rgba(30, 30, 46, 0.7) !important;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

/* === Mode: Dark (always dark, independent of the active light/dark swatch) === */
.topbar-dark[b-56zipnpszj]  .k-appbar {
    --topbar-dark-foreground: #f8fafc;
    --topbar-dark-hover: rgba(255, 255, 255, 0.14);
    background: #1f2937 !important;
    color: var(--topbar-dark-foreground) !important;
    border-bottom-color: rgba(255, 255, 255, 0.22) !important;
}

.topbar-dark[b-56zipnpszj]  .k-appbar .k-appbar-separator {
    border-color: rgba(255, 255, 255, 0.28) !important;
}

.topbar-dark[b-56zipnpszj]  .k-appbar .k-button-flat,
.topbar-dark[b-56zipnpszj]  .k-appbar .k-svg-icon,
.topbar-dark[b-56zipnpszj]  .k-appbar .user-name,
.topbar-dark[b-56zipnpszj]  .k-appbar .brand-text,
.topbar-dark[b-56zipnpszj]  .k-appbar .app-brand,
.topbar-dark[b-56zipnpszj]  .k-appbar .user-menu-button,
.topbar-dark[b-56zipnpszj]  .k-appbar .dark-mode-toggle {
    color: var(--topbar-dark-foreground) !important;
}

.topbar-dark[b-56zipnpszj]  .k-appbar svg {
    color: var(--topbar-dark-foreground) !important;
    stroke: currentColor;
}

.topbar-dark[b-56zipnpszj]  .k-appbar .k-svg-icon {
    fill: currentColor;
}

.topbar-dark[b-56zipnpszj]  .k-appbar .k-button-flat:hover,
.topbar-dark[b-56zipnpszj]  .k-appbar .app-brand:hover,
.topbar-dark[b-56zipnpszj]  .k-appbar .user-menu-button:hover,
.topbar-dark[b-56zipnpszj]  .k-appbar .dark-mode-toggle:hover {
    background-color: var(--topbar-dark-hover) !important;
    color: #ffffff !important;
}

/* === Mode: CustomColor === */
.topbar-custom-color[b-56zipnpszj]  .k-appbar {
    background: var(--topbar-custom-bg, #0d6efd) !important;
    color: #ffffff !important;
    border-bottom-color: transparent;
}

.topbar-custom-color[b-56zipnpszj]  .k-appbar .k-appbar-separator {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.topbar-custom-color[b-56zipnpszj]  .k-appbar .k-button-flat,
.topbar-custom-color[b-56zipnpszj]  .k-appbar .k-svg-icon,
.topbar-custom-color[b-56zipnpszj]  .k-appbar .user-name,
.topbar-custom-color[b-56zipnpszj]  .k-appbar .brand-text,
.topbar-custom-color[b-56zipnpszj]  .k-appbar .app-brand {
    color: #ffffff !important;
}

.topbar-custom-color[b-56zipnpszj]  .k-appbar svg {
    stroke: #ffffff;
}

.topbar-custom-color[b-56zipnpszj]  .k-appbar .k-button-flat:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

/* === Mode: CustomImage (background PNG/JPG) === */
.topbar-custom-image[b-56zipnpszj]  .k-appbar {
    background-image: var(--topbar-custom-bg-image) !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    color: #ffffff !important;
    border-bottom-color: transparent;
    position: relative;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 0;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar > * {
    position: relative;
    z-index: 1;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar .k-appbar-separator {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar .k-button-flat,
.topbar-custom-image[b-56zipnpszj]  .k-appbar .k-svg-icon,
.topbar-custom-image[b-56zipnpszj]  .k-appbar .user-name,
.topbar-custom-image[b-56zipnpszj]  .k-appbar .brand-text,
.topbar-custom-image[b-56zipnpszj]  .k-appbar .app-brand {
    color: #ffffff !important;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar svg {
    stroke: #ffffff;
}

.topbar-custom-image[b-56zipnpszj]  .k-appbar .k-button-flat:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: #ffffff !important;
}

[b-56zipnpszj] .efpeka-appbar .k-appbar-separator {
    border-color: var(--kendo-color-border, #dee2e6);
}

[b-56zipnpszj] .efpeka-appbar .k-button-flat {
    color: var(--kendo-color-on-app-surface, #272727);
}

[b-56zipnpszj] .efpeka-appbar .k-button-flat:hover {
    color: var(--kendo-color-primary, #0d6efd) !important;
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06)) !important;
}

[b-56zipnpszj] .efpeka-appbar .k-button-flat:hover .k-svg-icon,
[b-56zipnpszj] .efpeka-appbar .k-button-flat:hover svg {
    color: var(--kendo-color-primary, #0d6efd) !important;
    fill: var(--kendo-color-primary, #0d6efd) !important;
}

[b-56zipnpszj] .efpeka-appbar .k-svg-icon {
    color: var(--kendo-color-on-app-surface, #272727);
}

[b-56zipnpszj] .efpeka-appbar .k-appbar-section {
    gap: 0.5rem;
}

/* A page can contribute compact, contextual controls through SectionOutlet. */
[b-56zipnpszj] .efpeka-appbar .page-topbar-section {
    min-width: 0;
    flex: 0 1 auto;
}

@media (max-width: 1600px) {
    [b-56zipnpszj] .efpeka-appbar:has(.board-topbar) {
        flex-wrap: wrap;
    }

    [b-56zipnpszj] .efpeka-appbar .page-topbar-section:has(.board-topbar) {
        width: 100%;
        flex: 1 0 100%;
        order: 10;
        padding-block-start: .25rem;
    }
}

/* Brand / Logo */
.app-brand[b-56zipnpszj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: var(--kendo-color-on-app-surface, #272727);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.app-brand:hover[b-56zipnpszj] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    text-decoration: none;
    color: var(--kendo-color-primary, #0d6efd);
}

.brand-text[b-56zipnpszj] {
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 0.5px;
    color: var(--kendo-color-on-app-surface, #272727);
}

.topbar-tenant-logo[b-56zipnpszj] {
    max-height: 36px;
    max-width: 160px;
    object-fit: contain;
}

/* User info section */
.user-info-section[b-56zipnpszj] {
    position: relative;
    z-index: 9999;
}

.user-menu-button[b-56zipnpszj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    background: transparent;
    border: none;
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.user-menu-button:hover[b-56zipnpszj] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06)) !important;
    color: var(--kendo-color-primary, #0d6efd) !important;
}

.user-menu-button:hover .k-svg-icon[b-56zipnpszj],
.user-menu-button:hover svg[b-56zipnpszj] {
    color: var(--kendo-color-primary, #0d6efd) !important;
    fill: var(--kendo-color-primary, #0d6efd) !important;
}

.user-name[b-56zipnpszj] {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--kendo-color-on-app-surface, #272727);
}

/* User dropdown */
.user-dropdown-container[b-56zipnpszj] {
    position: fixed;
    right: 1rem;
    top: 50px;
    z-index: 99999;
}

.user-dropdown[b-56zipnpszj] {
    background: var(--kendo-color-surface, #ffffff);
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    min-width: 280px;
}

.user-dropdown-header[b-56zipnpszj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: linear-gradient(135deg, var(--kendo-color-primary, #0d6efd) 0%, var(--kendo-color-primary-hover, #0b5ed7) 100%);
    color: white;
}

.user-avatar[b-56zipnpszj] {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-avatar-img[b-56zipnpszj] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: cover;
}

.user-avatar-img-lg[b-56zipnpszj] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    object-fit: cover;
}

.user-details[b-56zipnpszj] {
    flex: 1;
    min-width: 0;
}

.user-fullname[b-56zipnpszj] {
    font-weight: 600;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-email[b-56zipnpszj] {
    font-size: 0.8rem;
    opacity: 0.9;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-role[b-56zipnpszj] {
    font-size: 0.75rem;
    opacity: 0.8;
    margin-top: 0.25rem;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.125rem 0.5rem;
    border-radius: 12px;
    display: inline-block;
}

.user-dropdown-divider[b-56zipnpszj] {
    height: 1px;
    background: var(--kendo-color-border, #dee2e6);
}

.user-dropdown-menu[b-56zipnpszj] {
    padding: 0.5rem 0;
}

.user-dropdown-item[b-56zipnpszj] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 1rem;
    color: var(--kendo-color-on-app-surface, #272727) !important;
    text-decoration: none;
    transition: background-color 0.15s, color 0.15s;
    cursor: pointer;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
}

.user-dropdown-item:hover[b-56zipnpszj] {
    background: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06)) !important;
    text-decoration: none !important;
    color: var(--kendo-color-primary, #0d6efd) !important;
}

.user-dropdown-item[b-56zipnpszj]  .k-svg-icon,
.user-dropdown-item[b-56zipnpszj]  svg {
    color: var(--kendo-color-on-app-surface, #272727) !important;
    fill: var(--kendo-color-on-app-surface, #272727) !important;
    transition: color 0.15s, fill 0.15s;
}

.user-dropdown-item:hover[b-56zipnpszj]  .k-svg-icon,
.user-dropdown-item:hover[b-56zipnpszj]  svg {
    color: var(--kendo-color-primary, #0d6efd) !important;
    fill: var(--kendo-color-primary, #0d6efd) !important;
}

.user-dropdown-footer[b-56zipnpszj] {
    padding: 0.5rem 0;
}

.logout-button[b-56zipnpszj] {
    color: var(--kendo-color-error, #dc3545) !important;
}

/* Dropdown section label */
.dropdown-section-label[b-56zipnpszj] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--kendo-color-subtle, #6c757d) !important;
}

.dropdown-section-label[b-56zipnpszj]  .k-svg-icon,
.dropdown-section-label[b-56zipnpszj]  svg {
    color: var(--kendo-color-subtle, #6c757d) !important;
    fill: var(--kendo-color-subtle, #6c757d) !important;
}

/* Active language item */
.user-dropdown-item.active[b-56zipnpszj] {
    background: var(--kendo-color-primary-subtle, rgba(13, 110, 253, 0.08)) !important;
    color: var(--kendo-color-primary, #0d6efd) !important;
    font-weight: 600;
}

.lang-flag[b-56zipnpszj] {
    font-size: 1.1rem;
    line-height: 1;
}

/* Login dropdown */
.login-dropdown-container[b-56zipnpszj] {
    position: fixed;
    right: 1rem;
    top: 56px;
    z-index: 999999;
    background: var(--kendo-color-surface, #fff);
    border-radius: 8px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
    min-width: 200px;
    overflow: visible;
}

/* Dark mode toggle */
[b-56zipnpszj] .dark-mode-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: transparent;
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s;
    padding: 0;
}

[b-56zipnpszj] .dark-mode-toggle:hover {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    color: var(--kendo-color-primary, #0d6efd);
    transform: scale(1.1);
}

[b-56zipnpszj] .dark-mode-toggle:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    transform: none;
}

/* Sidebar hamburger button — fixed top-left corner, always visible */
.sidebar-hamburger-btn[b-56zipnpszj] {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border: none;
    background: var(--kendo-color-surface, #fff);
    color: var(--kendo-color-on-app-surface, #272727);
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, transform 0.15s ease, box-shadow 0.2s;
    padding: 0;
}

.sidebar-hamburger-btn:hover[b-56zipnpszj] {
    background-color: var(--kendo-color-base-hover, rgba(0, 0, 0, 0.06));
    color: var(--kendo-color-primary, #0d6efd);
    transform: scale(1.08);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.sidebar-hamburger-btn:active[b-56zipnpszj] {
    transform: scale(0.92);
}

/* Spacer inside AppBar to reserve space for the fixed hamburger */
.sidebar-hamburger-spacer[b-56zipnpszj] {
    display: inline-block;
    width: 36px;
    flex-shrink: 0;
}

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .sidebar-hamburger-btn[b-56zipnpszj] {
        transition: none;
    }
}

[b-56zipnpszj] .dark-mode-toggle:active {
    transform: scale(0.95);
}

[b-56zipnpszj] .dark-mode-toggle svg {
    transition: transform 0.3s ease;
}

[b-56zipnpszj] .dark-mode-toggle:hover svg {
    transform: rotate(15deg);
}

.logout-button:hover[b-56zipnpszj] {
    background: rgba(220, 53, 69, 0.1) !important;
    color: var(--kendo-color-error, #dc3545) !important;
}

/* Responsive */
@media (max-width: 768px) {
    .brand-text[b-56zipnpszj] {
        display: none;
    }

    .user-name[b-56zipnpszj] {
        display: none;
    }

    .user-dropdown-container[b-56zipnpszj] {
        right: 0.5rem;
    }
}
/* /Components/Pages/Accounting/KsefHealthDashboard.razor.rz.scp.css */
.ksef-health-dashboard[b-s8bnogs9yi] {
    --kendo-icon-size: 1rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ksef-health-dashboard[b-s8bnogs9yi]  .k-svg-icon {
    width: var(--kendo-icon-size, 1rem);
    height: var(--kendo-icon-size, 1rem);
    min-width: var(--kendo-icon-size, 1rem);
    min-height: var(--kendo-icon-size, 1rem);
    flex: 0 0 auto;
}

.ksef-health-dashboard[b-s8bnogs9yi]  .k-svg-icon > svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
}

.health-toolbar[b-s8bnogs9yi] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--kendo-color-border, #ddd);
    border-radius: 8px;
    background: var(--kendo-color-surface-alt, #f8f9fa);
}

.health-filter[b-s8bnogs9yi] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.health-filter label[b-s8bnogs9yi] {
    font-size: 0.75rem;
    color: var(--kendo-color-subtle, #666);
    font-weight: 600;
}

.health-actions[b-s8bnogs9yi] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.health-loading[b-s8bnogs9yi] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.25rem;
}

.health-grid[b-s8bnogs9yi] {
    display: grid;
    grid-template-columns: minmax(250px, 1fr) minmax(250px, 1fr) minmax(260px, 1fr) minmax(300px, 1.3fr);
    gap: 0.75rem;
}

.health-panel[b-s8bnogs9yi] {
    border: 1px solid var(--kendo-color-border, #ddd);
    border-radius: 8px;
    padding: 0.85rem;
    background: var(--kendo-color-surface, #fff);
    min-width: 0;
}

.panel-heading[b-s8bnogs9yi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}

.panel-heading > span:first-of-type[b-s8bnogs9yi] {
    flex: 1;
}

.panel-text[b-s8bnogs9yi] {
    margin: 0 0 0.65rem 0;
    color: var(--kendo-color-subtle, #666);
    font-size: 0.9rem;
}

.kv-grid[b-s8bnogs9yi] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.35rem 0.75rem;
    font-size: 0.86rem;
}

.kv-grid span[b-s8bnogs9yi] {
    color: var(--kendo-color-subtle, #666);
}

.kv-grid strong[b-s8bnogs9yi] {
    overflow-wrap: anywhere;
}

.counts-row[b-s8bnogs9yi] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
}

.counts-row div[b-s8bnogs9yi] {
    padding: 0.55rem;
    border-radius: 6px;
    background: var(--kendo-color-surface-alt, #f8f9fa);
    text-align: center;
}

.counts-row strong[b-s8bnogs9yi] {
    display: block;
    font-size: 1.4rem;
    line-height: 1.1;
}

.counts-row span[b-s8bnogs9yi] {
    font-size: 0.72rem;
    color: var(--kendo-color-subtle, #666);
}

.risk-list[b-s8bnogs9yi],
.highlight-list[b-s8bnogs9yi] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.risk-row[b-s8bnogs9yi],
.highlight-item[b-s8bnogs9yi],
.last-error-row[b-s8bnogs9yi],
.readiness-result[b-s8bnogs9yi] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.risk-row div[b-s8bnogs9yi],
.highlight-item div[b-s8bnogs9yi],
.last-error-row div[b-s8bnogs9yi],
.readiness-result[b-s8bnogs9yi] {
    min-width: 0;
}

.risk-row strong[b-s8bnogs9yi],
.highlight-item strong[b-s8bnogs9yi],
.last-error-row strong[b-s8bnogs9yi] {
    display: block;
    font-size: 0.88rem;
}

.risk-row span[b-s8bnogs9yi],
.highlight-item span[b-s8bnogs9yi],
.last-error-row span[b-s8bnogs9yi],
.readiness-result span[b-s8bnogs9yi] {
    display: block;
    color: var(--kendo-color-subtle, #666);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.last-error-row[b-s8bnogs9yi] {
    border-left: 4px solid var(--kendo-color-error, #d32f2f);
    border-radius: 8px;
    padding: 0.8rem;
    background: rgba(211, 47, 47, 0.07);
}

.last-error-actions[b-s8bnogs9yi],
.row-actions[b-s8bnogs9yi] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.health-columns[b-s8bnogs9yi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.75rem;
}

.wide-panel[b-s8bnogs9yi] {
    min-height: 390px;
}

.ksef-grid-wrapper[b-s8bnogs9yi] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.ksef-grid-wrapper[b-s8bnogs9yi]  .k-grid {
    min-width: 760px;
}

.ksef-grid-wrapper[b-s8bnogs9yi]  .k-grid td,
.ksef-grid-wrapper[b-s8bnogs9yi]  .k-grid th {
    white-space: nowrap;
}

.mono[b-s8bnogs9yi] {
    font-family: Consolas, Monaco, monospace;
    font-size: 0.78rem;
}

@media (max-width: 1200px) {
    .health-grid[b-s8bnogs9yi],
    .health-columns[b-s8bnogs9yi] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/AutomationAccess.razor.rz.scp.css */
.automation-access-page[b-wjed0y4s8x] {
    width: min(100%, 1500px);
    margin: 0 auto;
    padding-block: 0.5rem 2rem;
}

.page-header[b-wjed0y4s8x] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
}

.page-header h1[b-wjed0y4s8x] {
    margin: 0.15rem 0 0.35rem;
    font-size: clamp(1.5rem, 3vw, 2rem);
}

.page-header p[b-wjed0y4s8x] {
    max-width: 52rem;
    margin: 0;
    color: var(--kendo-color-subtle, #606060);
}

.eyebrow[b-wjed0y4s8x] {
    color: var(--kendo-color-primary, #0d6efd);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.refresh-button[b-wjed0y4s8x],
.decision-button[b-wjed0y4s8x],
.cancel-button[b-wjed0y4s8x],
.confirm-button[b-wjed0y4s8x] {
    min-height: 2.35rem;
    padding: 0.45rem 0.8rem;
    border-radius: 0.4rem;
    font-weight: 700;
    cursor: pointer;
}

.refresh-button[b-wjed0y4s8x] {
    flex-shrink: 0;
    border: 1px solid var(--kendo-color-primary, #0d6efd);
    background: var(--kendo-color-primary, #0d6efd);
    color: #fff;
}

.environment-notice[b-wjed0y4s8x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border: 2px solid;
    border-radius: 0.5rem;
}

.environment-notice strong[b-wjed0y4s8x] {
    padding: 0.2rem 0.45rem;
    border-radius: 0.25rem;
    background: #161616;
    color: #fff;
    font-size: 0.77rem;
    letter-spacing: 0.06em;
}

.environment-notice.production[b-wjed0y4s8x] {
    border-color: #c1121f;
    background: #fff1f1;
    color: #610b12;
}

.environment-notice.non-production[b-wjed0y4s8x] {
    border-color: #16794b;
    background: #effaf4;
    color: #0e5233;
}

.message[b-wjed0y4s8x] {
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
    border: 1px solid;
    border-radius: 0.5rem;
}

.message.error[b-wjed0y4s8x] {
    border-color: #c1121f;
    background: #fff1f1;
    color: #610b12;
}

.message.success[b-wjed0y4s8x] {
    border-color: #16794b;
    background: #effaf4;
    color: #0e5233;
}

.approval-panel[b-wjed0y4s8x] {
    overflow: hidden;
    border: 1px solid var(--kendo-color-border, #d8d8d8);
    border-radius: 0.65rem;
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}

.panel-header[b-wjed0y4s8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

.panel-header > div[b-wjed0y4s8x] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.panel-header h2[b-wjed0y4s8x] {
    margin: 0;
    font-size: 1.05rem;
}

.panel-header small[b-wjed0y4s8x] {
    color: var(--kendo-color-subtle, #666);
}

.pending-count[b-wjed0y4s8x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.65rem;
    min-height: 1.65rem;
    padding-inline: 0.35rem;
    border-radius: 999px;
    background: #fff3bf;
    color: #634900;
    font-size: 0.78rem;
    font-weight: 800;
}

.empty-state[b-wjed0y4s8x] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    padding: 3rem 1rem;
    text-align: center;
    color: var(--kendo-color-subtle, #666);
}

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

table[b-wjed0y4s8x] {
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
}

th[b-wjed0y4s8x],
td[b-wjed0y4s8x] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--kendo-color-border, #e8e8e8);
    text-align: left;
    vertical-align: top;
}

th[b-wjed0y4s8x] {
    background: var(--kendo-color-surface-alt, #f7f7f7);
    color: var(--kendo-color-subtle, #5f5f5f);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

td[b-wjed0y4s8x] {
    font-size: 0.82rem;
}

tbody tr:last-child td[b-wjed0y4s8x] {
    border-bottom: 0;
}

code[b-wjed0y4s8x] {
    color: inherit;
    font-size: 0.77rem;
    overflow-wrap: anywhere;
}

.date-cell span[b-wjed0y4s8x],
.date-cell small[b-wjed0y4s8x] {
    display: block;
    white-space: nowrap;
}

.date-cell small[b-wjed0y4s8x] {
    margin-top: 0.25rem;
    color: #9a1924;
    font-weight: 600;
}

.long-value[b-wjed0y4s8x] {
    min-width: 12rem;
    max-width: 22rem;
    overflow-wrap: anywhere;
}

.actions-cell[b-wjed0y4s8x] {
    display: flex;
    align-items: stretch;
    gap: 0.4rem;
    white-space: nowrap;
}

.decision-button[b-wjed0y4s8x] {
    min-height: 2rem;
    padding: 0.3rem 0.55rem;
    border: 1px solid;
    background: transparent;
    font-size: 0.75rem;
}

.decision-button.approve[b-wjed0y4s8x] {
    border-color: #16794b;
    color: #0e623c;
}

.decision-button.reject[b-wjed0y4s8x] {
    border-color: #b51d2a;
    color: #9a1924;
}

.decision-button.approve:hover:not(:disabled)[b-wjed0y4s8x] {
    background: #16794b;
    color: #fff;
}

.decision-button.reject:hover:not(:disabled)[b-wjed0y4s8x] {
    background: #b51d2a;
    color: #fff;
}

button:disabled[b-wjed0y4s8x] {
    cursor: not-allowed;
    opacity: 0.48;
}

.decision-confirmation[b-wjed0y4s8x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 3px solid;
    border-radius: 0.65rem;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}

.decision-confirmation.approve[b-wjed0y4s8x] {
    border-color: #c1121f;
    background: #fff1f1;
}

.decision-confirmation.reject[b-wjed0y4s8x] {
    border-color: #7c7c7c;
    background: #f5f5f5;
}

.decision-confirmation h2[b-wjed0y4s8x] {
    margin: 0.15rem 0 0.35rem;
    font-size: 1.15rem;
}

.decision-confirmation p[b-wjed0y4s8x] {
    margin: 0;
    overflow-wrap: anywhere;
}

.confirmation-actions[b-wjed0y4s8x] {
    display: flex;
    flex-shrink: 0;
    gap: 0.55rem;
}

.cancel-button[b-wjed0y4s8x] {
    border: 1px solid var(--kendo-color-border-alt, #6b6b6b);
    background: var(--kendo-color-surface, #ffffff);
    color: var(--kendo-color-on-app-surface, #333333);
}

.confirm-button[b-wjed0y4s8x] {
    border: 1px solid transparent;
    color: #fff;
}

.confirm-button.approve[b-wjed0y4s8x] {
    background: #a30f1a;
}

.confirm-button.reject[b-wjed0y4s8x] {
    background: #4c4c4c;
}

@media (max-width: 760px) {
    .page-header[b-wjed0y4s8x],
    .environment-notice[b-wjed0y4s8x],
    .decision-confirmation[b-wjed0y4s8x] {
        align-items: stretch;
        flex-direction: column;
    }

    .refresh-button[b-wjed0y4s8x] {
        width: 100%;
    }

    .panel-header[b-wjed0y4s8x] {
        align-items: flex-start;
        flex-direction: column;
    }

    .confirmation-actions[b-wjed0y4s8x] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Admin/B2BCetelTestScenario.razor.rz.scp.css */
.scenario-page[b-m8r7cgfqam] { max-width: 1120px; }
.scenario-touch[b-m8r7cgfqam] { min-height: 44px; }
.scenario-summary[b-m8r7cgfqam] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.scenario-summary > div[b-m8r7cgfqam] { padding: .8rem; border-radius: .65rem; background: var(--bs-tertiary-bg); }
.scenario-summary dt[b-m8r7cgfqam] { color: var(--bs-secondary-color); font-size: .8rem; }
.scenario-summary dd[b-m8r7cgfqam] { margin: .25rem 0 0; }
.scenario-backdrop[b-m8r7cgfqam] { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 1rem; background: rgba(0,0,0,.52); }
.scenario-confirm[b-m8r7cgfqam] { width: min(100%, 520px); padding: 1.25rem; border-radius: .85rem; background: var(--bs-body-bg); box-shadow: 0 1rem 3rem rgba(0,0,0,.28); }
.scenario-touch:focus-visible[b-m8r7cgfqam] { outline: 3px solid color-mix(in srgb, var(--bs-primary) 38%, transparent); outline-offset: 2px; }
.scenario-actions > .scenario-touch[b-m8r7cgfqam] { flex: 1 1 190px; }
@media (max-width: 700px) { .scenario-summary[b-m8r7cgfqam] { grid-template-columns: 1fr; } .scenario-touch[b-m8r7cgfqam] { width: 100%; } .scenario-actions[b-m8r7cgfqam] { display: grid !important; grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/TenantsManagement.razor.rz.scp.css */
.tenants-management-container[b-ylt6ppv693] {
    --tenant-surface: var(--kendo-color-surface, #ffffff);
    --tenant-inset: var(--kendo-color-base, #f8fafc);
    --tenant-hover: var(--kendo-color-base-hover, #f8fbff);
    --tenant-ink: var(--kendo-color-on-app-surface, #111827);
    --tenant-muted: var(--kendo-color-subtle, #64748b);
    --tenant-line: var(--kendo-color-border, #dbe3ea);
    --tenant-line-strong: var(--kendo-color-border-alt, #d1d5db);
    padding: 1rem;
}

.toolbar[b-ylt6ppv693] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.loading-indicator[b-ylt6ppv693] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
}

/* ===== Kafelki-filtry ===== */
.tenant-tiles[b-ylt6ppv693] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.1rem;
    align-items: flex-start;
}

.tile-group[b-ylt6ppv693] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.tile-group-label[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.tile-row[b-ylt6ppv693] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.filter-tile[b-ylt6ppv693] {
    align-items: center;
    background: var(--tenant-surface);
    border: 1px solid var(--tenant-line-strong);
    border-radius: 6px;
    color: var(--tenant-ink);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.78rem;
    gap: 0.4rem;
    line-height: 1.1;
    padding: 0.3rem 0.55rem;
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
    white-space: nowrap;
}

.filter-tile:hover[b-ylt6ppv693] {
    background: var(--tenant-hover);
    border-color: var(--kendo-color-primary, #2589d8);
}

.filter-tile:focus-visible[b-ylt6ppv693] {
    outline: 2px solid var(--kendo-color-primary, #2589d8);
    outline-offset: 1px;
}

.tile-count[b-ylt6ppv693] {
    font-size: 0.86rem;
    font-weight: 700;
    min-width: 1.1rem;
    text-align: center;
}

.tile-label[b-ylt6ppv693] {
    white-space: nowrap;
}

.filter-tile.tile-active[b-ylt6ppv693] {
    background: var(--kendo-color-primary, #2589d8);
    border-color: var(--kendo-color-primary, #2589d8);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--kendo-color-primary, #2589d8) 40%, transparent);
    color: var(--kendo-color-on-primary, #ffffff);
}

.filter-tile.tile-active .tile-count[b-ylt6ppv693] {
    color: inherit;
}

.filter-tile.tile-zero:not(.tile-active)[b-ylt6ppv693] {
    opacity: 0.55;
}

/* Akcenty tematyczne per grupa — kolor licznika */
.tile-group-state .filter-tile:not(.tile-active) .tile-count[b-ylt6ppv693] {
    color: var(--kendo-color-success, #2e9e6b);
}

.tile-group-type .filter-tile:not(.tile-active) .tile-count[b-ylt6ppv693] {
    color: var(--kendo-color-info, #2589d8);
}

.tile-group-ceidg .filter-tile:not(.tile-active) .tile-count[b-ylt6ppv693] {
    color: var(--kendo-color-warning, #c47f17);
}

.tile-group-watch .filter-tile:not(.tile-active) .tile-count[b-ylt6ppv693] {
    color: #a855f7;
}

@media (max-width: 900px) {
    .tenant-tiles[b-ylt6ppv693] {
        gap: 0.5rem 0.75rem;
    }
}

.alert[b-ylt6ppv693] {
    padding: 1rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-success[b-ylt6ppv693] {
    background-color: var(--kendo-color-success-subtle, #d4edda);
    border: 1px solid var(--kendo-color-success-emphasis, #c3e6cb);
    color: var(--kendo-color-success-on-subtle, #155724);
}

.alert-danger[b-ylt6ppv693] {
    background-color: var(--kendo-color-error-subtle, #f8d7da);
    border: 1px solid var(--kendo-color-error-emphasis, #f5c6cb);
    color: var(--kendo-color-error-on-subtle, #721c24);
}

.alert-info[b-ylt6ppv693] {
    background-color: var(--kendo-color-info-subtle, #d1ecf1);
    border: 1px solid var(--kendo-color-info-emphasis, #bee5eb);
    color: var(--kendo-color-info-on-subtle, #0c5460);
}

.tenant-grid-toolbar[b-ylt6ppv693] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
}

.tenant-grid-toolbar span[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

[b-ylt6ppv693] .tenants-grid {
    border-color: var(--tenant-line);
    color: var(--tenant-ink);
    min-height: 380px;
}

[b-ylt6ppv693] .tenants-grid .k-grid-content {
    background: var(--tenant-surface);
}

[b-ylt6ppv693] .tenants-grid .k-grid-header {
    background: var(--tenant-inset);
    border-bottom-color: var(--tenant-line);
}

[b-ylt6ppv693] .tenants-grid .k-grid-header th {
    color: var(--tenant-ink);
    font-size: 0.76rem;
    font-weight: 650;
    letter-spacing: 0;
    text-transform: uppercase;
}

[b-ylt6ppv693] .tenants-grid .k-table-td {
    border-bottom-color: var(--tenant-line);
    color: var(--tenant-ink);
    vertical-align: middle;
}

[b-ylt6ppv693] .tenants-grid .k-table-row:hover .k-table-td {
    background: var(--tenant-hover);
}

[b-ylt6ppv693] .tenants-grid .k-selected .k-table-td,
[b-ylt6ppv693] .tenants-grid .k-table-row.k-selected:hover .k-table-td {
    background: var(--kendo-color-primary-subtle, #e8f2ff);
    color: var(--kendo-color-primary-on-subtle, var(--tenant-ink));
}

.tenant-cell-main[b-ylt6ppv693],
.tenant-registry-cell[b-ylt6ppv693],
.tenant-contact-cell[b-ylt6ppv693] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.tenant-name-line[b-ylt6ppv693] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

.tenant-name[b-ylt6ppv693] {
    color: var(--tenant-ink);
    flex: 1 1 auto;
    font-weight: 650;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-dot[b-ylt6ppv693] {
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    height: 0.5rem;
    width: 0.5rem;
}

.tenant-dot-active[b-ylt6ppv693] {
    background: var(--kendo-color-success, #3fcf8e);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-success, #3fcf8e) 16%, transparent);
}

.tenant-dot-inactive[b-ylt6ppv693] {
    background: var(--kendo-color-warning, #f2a65a);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--kendo-color-warning, #f2a65a) 16%, transparent);
}

.tenant-subline[b-ylt6ppv693],
.tenant-meta-line[b-ylt6ppv693],
.tenant-muted[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.78rem;
}

.tenant-meta-line[b-ylt6ppv693] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tenant-contact-inline[b-ylt6ppv693] {
    color: var(--tenant-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.76rem;
    gap: 0.5rem;
    min-width: 0;
}

.tenant-contact-inline span[b-ylt6ppv693] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-registry-cell span[b-ylt6ppv693],
.tenant-contact-cell span[b-ylt6ppv693] {
    color: var(--tenant-ink);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tenant-registry-cell strong[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.68rem;
    font-weight: 700;
    margin-right: 0.25rem;
}

.tenant-status-pill[b-ylt6ppv693] {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    padding: 0.22rem 0.42rem;
}

.tenant-status-active[b-ylt6ppv693] {
    background: var(--kendo-color-success-subtle, #e8f8ef);
    color: var(--kendo-color-success-on-subtle, #087f47);
}

.tenant-status-inactive[b-ylt6ppv693] {
    background: var(--kendo-color-warning-subtle, #fff3e6);
    color: var(--kendo-color-warning-on-subtle, #a75308);
}

.tenant-chip-list[b-ylt6ppv693],
.tenant-actions[b-ylt6ppv693] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.tenant-actions[b-ylt6ppv693] {
    justify-content: flex-start;
}

.tenant-count-pill[b-ylt6ppv693] {
    align-items: center;
    background: var(--kendo-color-primary-subtle, #eff6ff);
    border: 1px solid var(--kendo-color-primary-emphasis, #bfdbfe);
    border-radius: 999px;
    color: var(--kendo-color-primary-on-subtle, #1d4ed8);
    display: inline-flex;
    font-size: 0.82rem;
    font-weight: 700;
    justify-content: center;
    min-width: 2rem;
    padding: 0.15rem 0.55rem;
}

@media (max-width: 900px) {
    [b-ylt6ppv693] .tenants-grid colgroup col:nth-child(3),
    [b-ylt6ppv693] .tenants-grid colgroup col:nth-child(4),
    [b-ylt6ppv693] .tenants-grid .k-grid-header th:nth-child(3),
    [b-ylt6ppv693] .tenants-grid .k-grid-header th:nth-child(4),
    [b-ylt6ppv693] .tenants-grid .k-table-td:nth-child(3),
    [b-ylt6ppv693] .tenants-grid .k-table-td:nth-child(4) {
        display: none;
    }

    .tenant-grid-toolbar[b-ylt6ppv693] {
        align-items: stretch;
        flex-direction: column;
    }

    .tenant-grid-toolbar span[b-ylt6ppv693] {
        white-space: normal;
    }
}

[b-ylt6ppv693] .tenant-create-dialog .k-dialog {
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 48px);
}

[b-ylt6ppv693] .tenant-edit-dialog .k-dialog {
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 48px);
}

[b-ylt6ppv693] .tenant-create-dialog .k-dialog-titlebar {
    padding: 0.85rem 1.25rem;
}

[b-ylt6ppv693] .tenant-edit-dialog .k-dialog-titlebar {
    padding: 0.85rem 1.25rem;
}

[b-ylt6ppv693] .tenant-create-dialog .k-dialog-content {
    padding: 0;
    overflow: hidden;
}

[b-ylt6ppv693] .tenant-edit-dialog .k-dialog-content {
    padding: 0;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

[b-ylt6ppv693] .tenant-create-dialog .k-dialog-buttongroup {
    padding: 0.75rem 1.25rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.create-tenant-shell[b-ylt6ppv693] {
    background: var(--tenant-surface);
    color: var(--tenant-ink);
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    padding: 1rem 1.25rem 1.15rem;
}

.edit-tenant-shell[b-ylt6ppv693] {
    max-height: none;
    overflow: visible;
}

.create-tenant-compact-form[b-ylt6ppv693] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.edit-sync-panel[b-ylt6ppv693] {
    align-items: stretch;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(0, 1fr) auto;
}

.edit-sync-actions[b-ylt6ppv693],
.edit-inline-actions[b-ylt6ppv693] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.tenant-edit-dialog-actions[b-ylt6ppv693] {
    align-items: center;
    background: var(--tenant-surface);
    border-top: 1px solid var(--tenant-line-strong);
    bottom: max(34px, calc((100vh - 820px) / 2 + 12px));
    box-sizing: border-box;
    display: grid;
    gap: 0.75rem;
    grid-template-columns: auto auto minmax(8rem, 1fr) minmax(8rem, 1fr);
    left: max(36px, calc(50% - 500px));
    padding: 0.75rem 1.25rem;
    position: fixed;
    right: max(36px, calc(50% - 500px));
    z-index: 10050;
}

.sharepoint-action-result[b-ylt6ppv693] {
    bottom: calc(100% + 0.55rem);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    left: 0;
    margin: 0;
    padding: 0.5rem 0.7rem;
    position: absolute;
    width: min(520px, calc(100vw - 72px));
}

@media (max-width: 720px) {
    [b-ylt6ppv693] .tenant-edit-dialog--sharepoint .edit-tenant-shell {
        padding-bottom: 7rem;
    }

    .tenant-edit-dialog-actions[b-ylt6ppv693] {
        background: var(--tenant-surface);
        border: 1px solid var(--tenant-line-strong);
        border-radius: 8px;
        bottom: 36px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        left: 24px;
        padding: 0.5rem;
        right: 24px;
    }

    .sharepoint-action-result[b-ylt6ppv693] {
        width: 100%;
    }
}

.edit-lookup-section[b-ylt6ppv693] {
    border-top: 1px solid var(--tenant-line-strong);
    padding-top: 0.85rem;
}

.edit-registry-diff[b-ylt6ppv693] {
    background: var(--tenant-inset);
    border: 1px solid var(--tenant-line);
    border-radius: 6px;
    padding: 0.8rem;
}

.registry-diff-table[b-ylt6ppv693] {
    border: 1px solid var(--tenant-line);
    border-radius: 4px;
    overflow: hidden;
}

.registry-diff-row[b-ylt6ppv693] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: minmax(130px, 0.6fr) minmax(0, 1fr) minmax(0, 1fr);
    padding: 0.5rem 0.65rem;
}

.registry-diff-row:nth-child(odd)[b-ylt6ppv693] {
    background: var(--tenant-inset);
}

.registry-diff-row strong[b-ylt6ppv693] {
    color: var(--tenant-ink);
    font-size: 0.78rem;
}

.registry-diff-row span[b-ylt6ppv693] {
    color: var(--tenant-ink);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

.registry-diff-row span:first-of-type[b-ylt6ppv693] {
    color: var(--tenant-muted);
}

.edit-password-flags[b-ylt6ppv693] {
    display: grid;
    gap: 0.35rem 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.create-tenant-grid[b-ylt6ppv693] {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
    gap: 0.85rem;
}

.create-tenant-section[b-ylt6ppv693] {
    border-top: 1px solid var(--tenant-line);
    padding-top: 0.85rem;
}

.create-tenant-section:first-child[b-ylt6ppv693],
.create-tenant-grid + .create-tenant-section[b-ylt6ppv693] {
    border-top-color: var(--tenant-line-strong);
}

.section-heading[b-ylt6ppv693] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.section-heading span[b-ylt6ppv693] {
    color: var(--tenant-ink);
    font-size: 0.98rem;
    font-weight: 650;
}

.section-heading small[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.78rem;
}

.compact-fields[b-ylt6ppv693] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.55rem 0.75rem;
}

.compact-fields-three[b-ylt6ppv693] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.compact-fields-contact[b-ylt6ppv693] {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.compact-fields-registry[b-ylt6ppv693] {
    grid-template-columns: 140px 140px minmax(0, 1fr);
}

.compact-field[b-ylt6ppv693] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 0;
}

.compact-field span[b-ylt6ppv693],
.compact-field > span[b-ylt6ppv693] {
    color: var(--tenant-ink);
    font-size: 0.78rem;
    font-weight: 600;
}

.compact-field small[b-ylt6ppv693] {
    color: var(--tenant-muted);
    font-size: 0.72rem;
    line-height: 1.2;
}

.create-registry-summary[b-ylt6ppv693] {
    align-items: flex-start;
    background: var(--kendo-color-primary-subtle, #eef6ff);
    border: 1px solid var(--kendo-color-primary-emphasis, #bfdbfe);
    border-radius: 6px;
    color: var(--kendo-color-primary-on-subtle, #1e3a5f);
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 0.85rem;
}

.create-registry-summary strong[b-ylt6ppv693],
.create-registry-summary span[b-ylt6ppv693] {
    display: block;
}

.create-registry-summary strong[b-ylt6ppv693] {
    color: inherit;
    font-size: 0.9rem;
    line-height: 1.25;
}

.create-registry-summary span[b-ylt6ppv693] {
    color: inherit;
    font-size: 0.78rem;
    line-height: 1.35;
    margin-top: 0.1rem;
}

.registry-summary-icon[b-ylt6ppv693] {
    align-items: center;
    background: var(--kendo-color-primary-subtle-hover, #dbeafe);
    border-radius: 999px;
    color: var(--kendo-color-primary-on-subtle, #0f66bd);
    display: inline-flex;
    flex: 0 0 auto;
    height: 1.75rem;
    justify-content: center;
    width: 1.75rem;
}

.registry-readonly-field[b-ylt6ppv693] {
    align-items: center;
    background: var(--tenant-inset);
    border: 1px solid var(--tenant-line-strong);
    border-radius: 4px;
    color: var(--tenant-ink) !important;
    display: inline-flex;
    font-size: 0.82rem !important;
    font-weight: 650 !important;
    min-height: 32px;
    padding: 0.25rem 0.55rem;
}

.compact-field-wide[b-ylt6ppv693] {
    grid-column: 1 / -1;
}

.compact-field-street[b-ylt6ppv693] {
    grid-column: span 3;
}

.compact-field-number[b-ylt6ppv693] {
    grid-column: span 1;
}

.compact-field-country[b-ylt6ppv693] {
    max-width: 110px;
}

.compact-fields-contact > .compact-field:not(.compact-field-street):not(.compact-field-number):not(.compact-field-country)[b-ylt6ppv693] {
    grid-column: span 2;
}

.compact-toggle-row[b-ylt6ppv693] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-height: 2rem;
}

.compact-toggle-row label[b-ylt6ppv693] {
    color: var(--tenant-ink);
    margin: 0;
    font-size: 0.86rem;
}

.create-tenant-compact-form[b-ylt6ppv693]  .form-control,
.create-tenant-compact-form[b-ylt6ppv693]  .k-input,
.create-tenant-compact-form[b-ylt6ppv693]  .k-picker,
.create-tenant-compact-form[b-ylt6ppv693]  .k-multiselect {
    background-color: var(--kendo-color-surface-alt, var(--tenant-surface));
    border-color: var(--tenant-line-strong);
    color: var(--tenant-ink);
    min-height: 32px;
}

.create-tenant-compact-form[b-ylt6ppv693]  .form-control:focus,
.create-tenant-compact-form[b-ylt6ppv693]  .k-input:focus {
    border-color: var(--kendo-color-primary-on-surface, var(--kendo-color-primary, #2589d8));
    box-shadow: 0 0 0 0.15rem color-mix(in srgb, var(--kendo-color-primary-on-surface, #2589d8) 24%, transparent);
}

.create-tenant-compact-form[b-ylt6ppv693]  input::placeholder {
    color: var(--tenant-muted);
    opacity: 1;
}

@media (max-width: 900px) {
    .create-tenant-grid[b-ylt6ppv693],
    .compact-fields[b-ylt6ppv693],
    .compact-fields-three[b-ylt6ppv693],
    .compact-fields-contact[b-ylt6ppv693],
    .compact-fields-registry[b-ylt6ppv693] {
        grid-template-columns: 1fr;
    }

    .compact-field[b-ylt6ppv693],
    .compact-field-street[b-ylt6ppv693],
    .compact-field-number[b-ylt6ppv693],
    .compact-field-country[b-ylt6ppv693],
    .compact-fields-contact > .compact-field:not(.compact-field-street):not(.compact-field-number):not(.compact-field-country)[b-ylt6ppv693] {
        grid-column: 1 / -1;
        max-width: none;
    }

    .section-heading[b-ylt6ppv693] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.15rem;
    }

    .edit-sync-panel[b-ylt6ppv693],
    .registry-diff-row[b-ylt6ppv693],
    .edit-password-flags[b-ylt6ppv693] {
        grid-template-columns: 1fr;
    }
}

[b-ylt6ppv693] .tenant-user-window .k-window {
    max-height: calc(100vh - 56px);
    max-width: calc(100vw - 32px);
}

[b-ylt6ppv693] .tenant-user-window .k-window-content {
    padding: 0;
    overflow: hidden;
}

.add-user-shell[b-ylt6ppv693] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    max-height: calc(100vh - 124px);
    overflow-y: auto;
    padding: 1rem 1.25rem;
}

.add-user-modebar[b-ylt6ppv693] {
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    gap: 0.5rem;
    padding-bottom: 0.8rem;
}

.add-user-modebar span[b-ylt6ppv693] {
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.8rem;
    margin-left: auto;
}

.add-user-content[b-ylt6ppv693] {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: minmax(0, 1fr);
}

.add-user-section[b-ylt6ppv693] {
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    padding-top: 0.75rem;
}

.add-user-section:first-child[b-ylt6ppv693] {
    border-top: 0;
    padding-top: 0;
}

.add-user-identity-grid[b-ylt6ppv693] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.add-user-role-grid[b-ylt6ppv693] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.add-user-alert[b-ylt6ppv693] {
    margin: 0;
    padding: 0.65rem 0.75rem;
}

.field-error-inline[b-ylt6ppv693] {
    align-items: flex-start;
    background: rgba(220, 53, 69, 0.14);
    border: 1px solid rgba(220, 53, 69, 0.32);
    border-radius: 4px;
    color: #f2b8c0;
    display: flex;
    font-size: 0.8rem;
    gap: 0.45rem;
    line-height: 1.35;
    margin-top: 0.45rem;
    padding: 0.55rem 0.65rem;
}

.add-user-invite-row[b-ylt6ppv693] {
    margin-top: 0.7rem;
}

.add-user-actions[b-ylt6ppv693] {
    border-top: 1px solid rgba(255, 255, 255, 0.14);
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    padding-top: 0.85rem;
}

@media (max-width: 760px) {
    .add-user-modebar[b-ylt6ppv693] {
        align-items: stretch;
        flex-direction: column;
    }

    .add-user-modebar span[b-ylt6ppv693] {
        margin-left: 0;
    }

    .add-user-identity-grid[b-ylt6ppv693],
    .add-user-role-grid[b-ylt6ppv693] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/UsersManagement.razor.rz.scp.css */
.users-management-container[b-w4mekkku44] {
    padding: 1rem;
}

.page-header[b-w4mekkku44] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.page-header h1[b-w4mekkku44] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.25rem;
}

.header-actions[b-w4mekkku44] {
    display: flex;
    gap: 0.5rem;
}

/* ===== Kafelki-filtry (małe, klikalne) ===== */
.stat-tiles[b-w4mekkku44] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    align-items: center;
}

.filter-tile[b-w4mekkku44] {
    align-items: center;
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border-alt, #d1d5db);
    border-radius: 6px;
    color: var(--kendo-color-on-app-surface, #111827);
    cursor: pointer;
    display: inline-flex;
    font-size: 0.78rem;
    gap: 0.4rem;
    line-height: 1.1;
    padding: 0.3rem 0.55rem;
    transition: border-color 0.12s ease, background 0.12s ease, box-shadow 0.12s ease;
    white-space: nowrap;
}

.filter-tile:hover[b-w4mekkku44] {
    background: var(--kendo-color-base-hover, #f8fbff);
    border-color: var(--kendo-color-primary, #2589d8);
}

.filter-tile:focus-visible[b-w4mekkku44] {
    outline: 2px solid var(--kendo-color-primary, #2589d8);
    outline-offset: 1px;
}

.tile-count[b-w4mekkku44] {
    font-size: 0.86rem;
    font-weight: 700;
    min-width: 1.1rem;
    text-align: center;
}

.filter-tile.tile-active[b-w4mekkku44] {
    background: var(--kendo-color-primary, #2589d8);
    border-color: var(--kendo-color-primary, #2589d8);
    box-shadow: 0 1px 4px color-mix(in srgb, var(--kendo-color-primary, #2589d8) 40%, transparent);
    color: var(--kendo-color-on-primary, #ffffff);
}

.filter-tile.tile-active .tile-count[b-w4mekkku44] {
    color: inherit;
}

.filter-tile.tile-zero:not(.tile-active)[b-w4mekkku44] {
    opacity: 0.55;
}

/* Akcenty tematyczne — kolor licznika */
.filter-tile.tile-total:not(.tile-active) .tile-count[b-w4mekkku44] { color: var(--kendo-color-primary, #0d6efd); }
.filter-tile.tile-ok:not(.tile-active) .tile-count[b-w4mekkku44] { color: var(--kendo-color-success, #198754); }
.filter-tile.tile-warn:not(.tile-active) .tile-count[b-w4mekkku44] { color: var(--kendo-color-warning, #c47f17); }
.filter-tile.tile-danger:not(.tile-active) .tile-count[b-w4mekkku44] { color: var(--kendo-color-error, #dc3545); }
.filter-tile.tile-info:not(.tile-active) .tile-count[b-w4mekkku44] { color: var(--kendo-color-info, #6610f2); }

/* Filter Toolbar */
.filter-toolbar[b-w4mekkku44] {
    background: var(--kendo-color-surface, #fff);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 8px;
    padding: 1rem;
}

.filter-row[b-w4mekkku44] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-group[b-w4mekkku44] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.filter-group label[b-w4mekkku44] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--kendo-color-subtle, #6c757d);
}

/* Loading */
.loading-indicator[b-w4mekkku44] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
}

/* Alerts */
.alert[b-w4mekkku44] {
    padding: 0.75rem 1rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-success[b-w4mekkku44] {
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
}

.alert-danger[b-w4mekkku44] {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

/* Grid tweaks */
[b-w4mekkku44] .users-grid {
    min-height: 380px;
}

.user-name.inactive[b-w4mekkku44] {
    color: var(--kendo-color-subtle, #6c757d);
    text-decoration: line-through;
}

[b-w4mekkku44] .text-success { color: #198754 !important; }
[b-w4mekkku44] .text-danger { color: #dc3545 !important; }

/* User Detail Panel */
.user-detail-panel[b-w4mekkku44] {
    padding: 0.5rem;
}

.user-info-header[b-w4mekkku44] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    margin-bottom: 1rem;
}

.user-info-main h3[b-w4mekkku44] {
    margin: 0 0 0.25rem;
}

.user-info-badges[b-w4mekkku44] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.detail-tab-content[b-w4mekkku44] {
    padding: 1rem 0;
}

/* Security Grid */
.security-grid[b-w4mekkku44] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.security-row[b-w4mekkku44] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--kendo-color-border-alt, #f0f0f0);
}

.security-label[b-w4mekkku44] {
    font-weight: 600;
    min-width: 180px;
    color: var(--kendo-color-subtle, #6c757d);
}

/* Activity Info */
.activity-info-grid[b-w4mekkku44] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.activity-info-row[b-w4mekkku44] {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--kendo-color-border-alt, #f0f0f0);
}

.activity-label[b-w4mekkku44] {
    font-weight: 600;
    min-width: 180px;
    color: var(--kendo-color-subtle, #6c757d);
}

/* Empty State */
.empty-state[b-w4mekkku44] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 2rem;
    color: var(--kendo-color-subtle, #6c757d);
}
/* /Components/Pages/Automation/Launch.razor.rz.scp.css */
.automation-launch[b-fvwaobzw5e] {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 2rem;
    background: #111827;
    color: #f9fafb;
}

.automation-launch section[b-fvwaobzw5e] {
    width: min(34rem, 100%);
    padding: 2rem;
    border: 1px solid #374151;
    border-radius: 0.75rem;
    background: #1f2937;
    box-shadow: 0 1rem 2.5rem rgb(0 0 0 / 35%);
}

.automation-launch h1[b-fvwaobzw5e] {
    margin: 0 0 0.75rem;
    font-size: 1.4rem;
}

.automation-launch p[b-fvwaobzw5e] {
    margin: 0;
    color: #d1d5db;
}
/* /Components/Pages/B2BResourcePlanning/Cetels.razor.rz.scp.css */
.cetel-provider-workspace[b-kioe8180as] { max-width: 1500px; }
.cetel-provider-layout[b-kioe8180as] { display: grid; grid-template-columns: minmax(17rem, 22rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.cetel-list[b-kioe8180as] { display: grid; gap: .5rem; }
.cetel-list-item[b-kioe8180as] { min-height: 56px; width: 100%; display: flex; justify-content: space-between; align-items: center; gap: .75rem; padding: .75rem; text-align: left; color: inherit; background: var(--kendo-color-surface, #fff); border: 1px solid #dbe3ec; border-radius: .75rem; }
.cetel-list-item span:first-child[b-kioe8180as] { display: grid; gap: .15rem; }
.cetel-list-item small[b-kioe8180as] { color: #64748b; }
.cetel-list-item:hover[b-kioe8180as], .cetel-list-item.is-selected[b-kioe8180as] { border-color: #2563eb; background: #eff6ff; }
.cetel-list-item:focus-visible[b-kioe8180as], .cetel-touch:focus-visible[b-kioe8180as] { outline: 3px solid #2563eb; outline-offset: 2px; }
.cetel-summary[b-kioe8180as] { display: grid; grid-template-columns: repeat(4, minmax(8rem, 1fr)); gap: .75rem; margin: 0 0 1rem; }
.cetel-summary > div[b-kioe8180as] { padding: .75rem; background: var(--kendo-color-base, #f8fafc); border-radius: .65rem; }
.cetel-summary dt[b-kioe8180as] { color: #64748b; font-size: .8rem; font-weight: 600; }
.cetel-summary dd[b-kioe8180as] { margin: .15rem 0 0; font-weight: 700; }
.cetel-provider-actions[b-kioe8180as] { display: flex; flex-wrap: wrap; gap: .5rem; }
.cetel-reason[b-kioe8180as] { display: grid; grid-template-columns: minmax(13rem, .75fr) minmax(16rem, 1.25fr); gap: .75rem; align-items: end; }
.cetel-projection[b-kioe8180as] { padding-top: 1rem; border-top: 1px solid #e2e8f0; }
.cetel-projection-summary[b-kioe8180as] { display: grid; grid-template-columns: repeat(5, minmax(7rem, 1fr)); gap: .65rem; }
.cetel-projection-summary article[b-kioe8180as] { min-height: 72px; display: grid; align-content: center; gap: .2rem; padding: .75rem; border: 1px solid #dbe3ec; border-radius: .65rem; background: var(--kendo-color-base, #f8fafc); }
.cetel-projection-summary article span[b-kioe8180as] { color: #64748b; font-size: .78rem; font-weight: 600; }
.cetel-projection-summary article strong[b-kioe8180as] { font-size: 1.35rem; }
.cetel-projection-summary article.is-ready[b-kioe8180as] { border-color: #86efac; background: #f0fdf4; }
.cetel-projection-summary article.is-missing[b-kioe8180as] { border-color: #fcd34d; background: #fffbeb; }
.cetel-projection-summary article.is-terminal[b-kioe8180as] { border-color: #cbd5e1; background: var(--kendo-color-base, #f8fafc); }
.cetel-projection-retries[b-kioe8180as] { display: grid; gap: .5rem; }
.cetel-projection-retry[b-kioe8180as] { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .5rem .65rem; border: 1px solid #fde68a; border-radius: .6rem; background: var(--kendo-color-surface, #fff); }
.cetel-touch[b-kioe8180as] { min-height: 44px; }
.cetel-confirm-backdrop[b-kioe8180as] { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 1rem; background: rgba(15, 23, 42, .55); }
.cetel-confirm[b-kioe8180as] { width: min(32rem, 100%); padding: 1.25rem; background: var(--kendo-color-surface, #fff); border-radius: .85rem; box-shadow: 0 20px 50px rgba(15, 23, 42, .25); }

@media (max-width: 800px) {
    .cetel-provider-layout[b-kioe8180as] { grid-template-columns: 1fr; }
    .cetel-summary[b-kioe8180as] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cetel-reason[b-kioe8180as] { grid-template-columns: 1fr; }
    .cetel-projection-summary[b-kioe8180as] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cetel-provider-actions > *[b-kioe8180as] { flex: 1 1 100%; }
}

@media (max-width: 480px) {
    .cetel-summary[b-kioe8180as] { grid-template-columns: 1fr; }
    .cetel-projection-summary[b-kioe8180as] { grid-template-columns: 1fr; }
    .cetel-projection-retry[b-kioe8180as] { align-items: stretch; flex-direction: column; }
    .cetel-projection-retry .btn[b-kioe8180as] { width: 100%; }
}
/* /Components/Pages/B2BResourcePlanning/InvoiceReady.razor.rz.scp.css */
.invoice-ready-workspace[b-upr2laghi8] { max-width: 1500px; }
.invoice-ready-layout[b-upr2laghi8] { display: grid; grid-template-columns: minmax(18rem, 23rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.invoice-group-list[b-upr2laghi8], .invoice-settlement-list[b-upr2laghi8] { display: grid; gap: .6rem; }
.invoice-group[b-upr2laghi8] { min-height: 72px; display: grid; gap: .2rem; width: 100%; padding: .75rem; text-align: left; color: inherit; background: var(--kendo-color-surface, #fff); border: 1px solid #dbe3ec; border-radius: .75rem; }
.invoice-group span[b-upr2laghi8] { color: #64748b; font-size: .85rem; }
.invoice-group:hover[b-upr2laghi8], .invoice-group.is-selected[b-upr2laghi8] { border-color: #2563eb; background: #eff6ff; }
.invoice-group:focus-visible[b-upr2laghi8], .invoice-touch:focus-visible[b-upr2laghi8], .invoice-settlement:focus-within[b-upr2laghi8] { outline: 3px solid #2563eb; outline-offset: 2px; }
.invoice-settlement[b-upr2laghi8] { min-height: 56px; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .75rem; padding: .7rem; border: 1px solid #dbe3ec; border-radius: .7rem; cursor: pointer; }
.invoice-settlement input[b-upr2laghi8] { width: 1.25rem; height: 1.25rem; }
.invoice-settlement span:nth-child(2)[b-upr2laghi8] { display: grid; gap: .1rem; }
.invoice-settlement small[b-upr2laghi8] { color: #64748b; }
.invoice-amount[b-upr2laghi8] { font-weight: 700; white-space: nowrap; }
.invoice-policy[b-upr2laghi8] { display: grid; grid-template-columns: minmax(12rem, 18rem) auto; gap: .75rem; align-items: end; }
.invoice-policy-summary[b-upr2laghi8] { display: grid; grid-template-columns: repeat(4, minmax(8rem, 1fr)); gap: .7rem; }
.invoice-policy-summary > div[b-upr2laghi8] { padding: .75rem; background: var(--kendo-color-base, #f8fafc); border-radius: .65rem; }
.invoice-policy-summary dt[b-upr2laghi8] { color: #64748b; font-size: .8rem; }
.invoice-policy-summary dd[b-upr2laghi8] { margin: .2rem 0 0; font-weight: 700; }
.invoice-preview[b-upr2laghi8] { border-top: 1px solid #e2e8f0; padding-top: 1rem; }
.invoice-touch[b-upr2laghi8] { min-height: 44px; }
.invoice-ksef-state[b-upr2laghi8] { min-height: 44px; display: inline-flex; align-items: center; padding: .55rem .8rem; color: #14532d; background: #dcfce7; border-radius: .6rem; font-weight: 700; }
.invoice-confirm-backdrop[b-upr2laghi8] { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 1rem; background: rgba(15, 23, 42, .55); }
.invoice-confirm[b-upr2laghi8] { width: min(34rem, 100%); padding: 1.25rem; background: var(--kendo-color-surface, #fff); border-radius: .85rem; box-shadow: 0 20px 50px rgba(15, 23, 42, .25); }

@media (max-width: 800px) {
    .invoice-ready-layout[b-upr2laghi8] { grid-template-columns: 1fr; }
    .invoice-policy-summary[b-upr2laghi8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px) {
    .invoice-policy[b-upr2laghi8] { grid-template-columns: 1fr; }
    .invoice-policy-summary[b-upr2laghi8] { grid-template-columns: 1fr; }
    .invoice-settlement[b-upr2laghi8] { grid-template-columns: auto minmax(0, 1fr); }
    .invoice-amount[b-upr2laghi8] { grid-column: 2; }
    .invoice-preview .btn[b-upr2laghi8] { width: 100%; }
}
/* /Components/Pages/B2BResourcePlanning/KsefSubmissions.razor.rz.scp.css */
.ksef-submissions-workspace[b-7cdly328sx] { max-width: 1200px; }
.ksef-submissions-layout[b-7cdly328sx] { display: grid; grid-template-columns: minmax(18rem, 24rem) minmax(0, 1fr); gap: 1rem; align-items: start; }
.ksef-submission-list[b-7cdly328sx] { display: grid; gap: .65rem; }
.ksef-submission-card[b-7cdly328sx] { min-height: 64px; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem; text-align: left; color: inherit; background: var(--kendo-color-surface, #fff); border: 1px solid #dbe3ec; border-radius: .75rem; }
.ksef-submission-card:hover[b-7cdly328sx], .ksef-submission-card.is-selected[b-7cdly328sx] { border-color: #2563eb; background: #eff6ff; }
.ksef-submission-card:focus-visible[b-7cdly328sx], .ksef-touch:focus-visible[b-7cdly328sx] { outline: 3px solid #2563eb; outline-offset: 2px; }
.ksef-submission-name[b-7cdly328sx] { font-weight: 700; }
.ksef-status[b-7cdly328sx] { padding: .35rem .55rem; border-radius: 999px; font-size: .78rem; font-weight: 700; background: #e2e8f0; }
.ksef-status-queued[b-7cdly328sx], .ksef-status-leaseclaimed[b-7cdly328sx] { color: #1e3a8a; background: #dbeafe; }
.ksef-status-presendfailed[b-7cdly328sx], .ksef-status-reconcilerequired[b-7cdly328sx] { color: #7c2d12; background: #ffedd5; }
.ksef-status-sendstarted[b-7cdly328sx] { color: #713f12; background: #fef3c7; }
.ksef-status-submitted[b-7cdly328sx] { color: #14532d; background: #dcfce7; }
.ksef-status-panel[b-7cdly328sx] { display: grid; gap: .65rem; padding: 1rem; background: var(--kendo-color-base, #f8fafc); border-radius: .75rem; }
.ksef-touch[b-7cdly328sx] { min-height: 44px; }

@media (max-width: 760px) {
    .ksef-submissions-layout[b-7cdly328sx] { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .ksef-submission-card[b-7cdly328sx] { align-items: flex-start; flex-direction: column; }
    .ksef-submissions-workspace header .btn[b-7cdly328sx] { width: 100%; justify-content: center; }
}
/* /Components/Pages/B2BResourcePlanning/PurchaseReconciliation.razor.rz.scp.css */
.reconciliation-workspace[b-wd4kgfani0] {
    max-width: 1440px;
    margin: 0 auto;
}

.reconciliation-layout[b-wd4kgfani0] {
    display: grid;
    grid-template-columns: minmax(280px, 0.8fr) minmax(0, 1.6fr);
    gap: 1rem;
    align-items: start;
}

.reconciliation-list[b-wd4kgfani0],
.reconciliation-options[b-wd4kgfani0] {
    display: grid;
    gap: .75rem;
}

.reconciliation-list-item[b-wd4kgfani0],
.reconciliation-option[b-wd4kgfani0] {
    width: 100%;
    min-height: 44px;
    padding: .85rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    text-align: left;
    display: grid;
    gap: .3rem;
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.reconciliation-list-item:hover:not(:disabled)[b-wd4kgfani0],
.reconciliation-option:hover:not(:disabled)[b-wd4kgfani0],
.reconciliation-list-item.is-selected[b-wd4kgfani0],
.reconciliation-option.is-selected[b-wd4kgfani0] {
    border-color: var(--bs-primary);
    background: color-mix(in srgb, var(--bs-primary) 6%, var(--bs-body-bg));
}

.reconciliation-list-item:focus-visible[b-wd4kgfani0],
.reconciliation-option:focus-visible[b-wd4kgfani0],
.reconciliation-touch:focus-visible[b-wd4kgfani0] {
    outline: 3px solid color-mix(in srgb, var(--bs-primary) 38%, transparent);
    outline-offset: 2px;
}

.reconciliation-touch[b-wd4kgfani0] {
    min-height: 44px;
}

.reconciliation-status[b-wd4kgfani0] {
    width: fit-content;
    padding: .2rem .55rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 700;
    background: var(--bs-secondary-bg);
}

.status-automatched[b-wd4kgfani0],
.status-accepted[b-wd4kgfani0] {
    border-color: var(--bs-success) !important;
    background: color-mix(in srgb, var(--bs-success) 10%, var(--bs-body-bg));
}

.status-needsreview[b-wd4kgfani0],
.status-not-started[b-wd4kgfani0] {
    border-color: var(--bs-warning) !important;
    background: color-mix(in srgb, var(--bs-warning) 12%, var(--bs-body-bg));
}

.status-disputed[b-wd4kgfani0],
.status-no-candidate[b-wd4kgfani0] {
    border-color: var(--bs-danger) !important;
    background: color-mix(in srgb, var(--bs-danger) 8%, var(--bs-body-bg));
}

.status-corrected[b-wd4kgfani0] {
    border-color: var(--bs-info) !important;
    background: color-mix(in srgb, var(--bs-info) 10%, var(--bs-body-bg));
}

.reconciliation-invoice-summary[b-wd4kgfani0],
.reconciliation-trace-grid[b-wd4kgfani0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.reconciliation-invoice-summary > div[b-wd4kgfani0],
.reconciliation-trace-grid > div[b-wd4kgfani0] {
    padding: .8rem;
    border-radius: .65rem;
    background: var(--bs-tertiary-bg);
    display: grid;
    gap: .25rem;
}

.reconciliation-invoice-summary span[b-wd4kgfani0],
.reconciliation-trace-grid span[b-wd4kgfani0] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
}

.reconciliation-status-panel[b-wd4kgfani0] {
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    display: grid;
    gap: .75rem;
}

.reconciliation-discrepancies[b-wd4kgfani0] {
    margin-bottom: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: .35rem;
}

.reconciliation-dispute[b-wd4kgfani0] {
    padding: 1rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    background: var(--bs-tertiary-bg);
}

.reconciliation-confirm-backdrop[b-wd4kgfani0] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .52);
}

.reconciliation-confirm[b-wd4kgfani0] {
    width: min(100%, 520px);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.25rem;
    border-radius: .85rem;
    background: var(--bs-body-bg);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .28);
}

@media (max-width: 820px) {
    .reconciliation-layout[b-wd4kgfani0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .reconciliation-workspace[b-wd4kgfani0] {
        padding-inline: .75rem !important;
    }

    .reconciliation-invoice-summary[b-wd4kgfani0],
    .reconciliation-trace-grid[b-wd4kgfani0] {
        grid-template-columns: 1fr;
    }

    .reconciliation-touch[b-wd4kgfani0] {
        width: 100%;
    }
}
/* /Components/Pages/B2BResourcePlanning/ResourceSharing.razor.rz.scp.css */
.resource-sharing-workspace[b-hcpktbwujs] {
    --sharing-ink: var(--kendo-color-on-app-surface, #172033);
    --sharing-muted: var(--kendo-color-subtle, #67738a);
    --sharing-line: var(--kendo-color-border, #dfe5ef);
    --sharing-line-strong: var(--kendo-color-border-alt, #ccd5e2);
    --sharing-surface: var(--kendo-color-surface, #fff);
    --sharing-inset: var(--kendo-color-base, #f4f7fb);
    --sharing-hover: var(--kendo-color-base-hover, #f8faff);
    --sharing-accent: var(--kendo-color-primary-on-surface, #155eef);
}

.resource-sharing-workspace button:focus-visible[b-hcpktbwujs],
.resource-sharing-workspace a:focus-visible[b-hcpktbwujs],
.resource-sharing-workspace input:focus-visible[b-hcpktbwujs] {
    outline: 3px solid var(--sharing-accent);
    outline-offset: 2px;
}

.sharing-hero[b-hcpktbwujs] {
    align-items: center;
    background: linear-gradient(120deg, #11233f 0%, #173963 58%, #155eef 140%);
    border-radius: 1.25rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 1.75rem 2rem;
    position: relative;
}

.sharing-hero[b-hcpktbwujs]::after {
    background: radial-gradient(circle, rgba(255,255,255,.18), transparent 68%);
    content: "";
    height: 18rem;
    position: absolute;
    right: -7rem;
    top: -10rem;
    width: 18rem;
}

.sharing-hero > *[b-hcpktbwujs] { position: relative; z-index: 1; }
.sharing-hero p[b-hcpktbwujs] { color: #d6e4ff; max-width: 52rem; }
.sharing-kicker[b-hcpktbwujs], .eyebrow[b-hcpktbwujs] { font-size: .7rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.sharing-kicker[b-hcpktbwujs] { color: #a9c7ff; margin-bottom: .45rem; }

.privacy-gate[b-hcpktbwujs] {
    align-items: center;
    background: var(--kendo-color-primary-subtle, #f2f7ff);
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary, #155eef) 28%, var(--sharing-line));
    border-radius: 1rem;
    color: var(--kendo-color-primary-on-subtle, #263b60);
    display: flex;
    gap: .85rem;
    padding: .95rem 1.15rem;
}

.privacy-gate > div > div[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .88rem; margin-top: .15rem; }
.privacy-icon[b-hcpktbwujs] { align-items: center; background: var(--kendo-color-primary-subtle-hover, #dce9ff); border-radius: .75rem; color: var(--kendo-color-primary-on-subtle, #155eef); display: flex; height: 2.6rem; justify-content: center; min-width: 2.6rem; }

.sharing-metrics[b-hcpktbwujs] { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.metric-card[b-hcpktbwujs] { background: var(--sharing-surface); border: 1px solid var(--sharing-line); border-radius: 1rem; display: flex; flex-direction: column; padding: 1rem 1.1rem; }
.metric-card > span[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .75rem; font-weight: 700; text-transform: uppercase; }
.metric-card strong[b-hcpktbwujs] { color: var(--sharing-ink); font-size: 1.55rem; margin: .15rem 0; }
.metric-card small[b-hcpktbwujs] { color: var(--sharing-muted); }
.metric-card--accent[b-hcpktbwujs] { background: #15233b; border-color: #15233b; }
.metric-card--accent > span[b-hcpktbwujs], .metric-card--accent small[b-hcpktbwujs] { color: #aebbd1; }
.metric-card--accent strong[b-hcpktbwujs] { color: #fff; }

.sharing-tabs[b-hcpktbwujs] { border-bottom: 1px solid var(--sharing-line); display: flex; gap: 1.5rem; }
.sharing-tab[b-hcpktbwujs] { background: none; border: 0; border-bottom: 3px solid transparent; color: var(--sharing-muted); font-weight: 700; padding: .8rem .1rem; }
.sharing-tab span[b-hcpktbwujs], .count-pill[b-hcpktbwujs] { background: var(--sharing-inset); border-radius: 999px; color: var(--sharing-muted); font-size: .72rem; margin-left: .35rem; padding: .2rem .5rem; }
.sharing-tab.active[b-hcpktbwujs] { border-bottom-color: var(--sharing-accent); color: var(--sharing-accent); }

.sharing-panel[b-hcpktbwujs] { background: var(--sharing-surface); border: 1px solid var(--sharing-line); border-radius: 1rem; box-shadow: 0 8px 24px rgba(27, 42, 75, .045); overflow: hidden; }
.panel-heading[b-hcpktbwujs] { align-items: center; border-bottom: 1px solid var(--sharing-line); display: flex; justify-content: space-between; padding: 1rem 1.15rem; }
.panel-heading > svg[b-hcpktbwujs] { color: var(--sharing-accent); }
.panel-body[b-hcpktbwujs] { padding: 1.15rem; }
.eyebrow[b-hcpktbwujs] { color: var(--sharing-muted); display: block; margin-bottom: .25rem; }
.empty-inline[b-hcpktbwujs] { background: var(--sharing-inset); border: 1px dashed var(--sharing-line-strong); border-radius: .75rem; color: var(--sharing-muted); font-size: .88rem; padding: .9rem; }
.recipient-preview[b-hcpktbwujs] { background: var(--sharing-inset); border-radius: .65rem; display: flex; flex-direction: column; padding: .55rem .7rem; }
.recipient-preview span[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .7rem; text-transform: uppercase; }

.package-list[b-hcpktbwujs] { max-height: 42rem; overflow: auto; }
.client-group-label[b-hcpktbwujs] { align-items: center; background: var(--sharing-inset); border-bottom: 1px solid var(--sharing-line); color: var(--sharing-muted); display: flex; font-size: .7rem; font-weight: 800; justify-content: space-between; letter-spacing: .06em; padding: .45rem 1rem; position: sticky; text-transform: uppercase; top: 0; z-index: 1; }
.client-group-label strong[b-hcpktbwujs] { background: var(--kendo-color-base-active, #e5eaf2); border-radius: 999px; font-size: .65rem; padding: .1rem .4rem; }
.package-row[b-hcpktbwujs] { align-items: center; background: var(--sharing-surface); border: 0; border-bottom: 1px solid var(--sharing-line); color: var(--sharing-ink); display: flex; gap: .7rem; justify-content: space-between; padding: .9rem 1rem; text-align: left; width: 100%; }
.package-row:hover[b-hcpktbwujs] { background: var(--sharing-hover); }
.package-row.active[b-hcpktbwujs] { background: var(--kendo-color-primary-subtle, #eef4ff); color: var(--kendo-color-primary-on-subtle, var(--sharing-ink)); box-shadow: inset 3px 0 0 var(--sharing-accent); }
.package-row-main[b-hcpktbwujs], .package-row-meta[b-hcpktbwujs] { display: flex; flex-direction: column; min-width: 0; }
.package-row-main strong[b-hcpktbwujs], .package-row-main small[b-hcpktbwujs] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.package-row-main[b-hcpktbwujs] { flex: 1; }
.package-row-main small[b-hcpktbwujs], .package-row-meta small[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .73rem; margin-top: .15rem; }
.package-row-meta[b-hcpktbwujs] { align-items: flex-end; flex-shrink: 0; }
.status-dot[b-hcpktbwujs] { font-size: .7rem; font-weight: 800; }
.status-dot[b-hcpktbwujs]::before { background: currentColor; border-radius: 50%; content: ""; display: inline-block; height: .45rem; margin-right: .3rem; width: .45rem; }

.draft[b-hcpktbwujs] { color: var(--sharing-muted); }
.active[b-hcpktbwujs] { color: var(--kendo-color-success-on-surface, #087a55); }
.suspended[b-hcpktbwujs] { color: var(--kendo-color-warning-on-surface, #a15c00); }
.closed[b-hcpktbwujs] { color: var(--kendo-color-error-on-surface, #a03b49); }
.status-badge[b-hcpktbwujs], .revision-badge[b-hcpktbwujs], .privacy-chip[b-hcpktbwujs] { border-radius: 999px; display: inline-flex; font-size: .72rem; font-weight: 800; padding: .3rem .6rem; }
.status-badge.draft[b-hcpktbwujs] { background: var(--sharing-inset); }
.status-badge.active[b-hcpktbwujs] { background: var(--kendo-color-success-subtle, #dcf7ec); color: var(--kendo-color-success-on-subtle, #087a55); }
.status-badge.suspended[b-hcpktbwujs] { background: var(--kendo-color-warning-subtle, #fff0d5); color: var(--kendo-color-warning-on-subtle, #a15c00); }
.status-badge.closed[b-hcpktbwujs] { background: var(--kendo-color-error-subtle, #fde7ea); color: var(--kendo-color-error-on-subtle, #a03b49); }
.revision-badge[b-hcpktbwujs] { background: var(--sharing-inset); color: var(--sharing-muted); }
.privacy-chip[b-hcpktbwujs] { align-items: center; background: var(--kendo-color-primary-subtle, #edf4ff); color: var(--kendo-color-primary-on-subtle, #2a5eae); gap: .3rem; }

.empty-selection[b-hcpktbwujs] { align-items: center; color: var(--sharing-muted); display: flex; flex-direction: column; justify-content: center; min-height: 24rem; padding: 3rem; text-align: center; }
.empty-selection > svg[b-hcpktbwujs] { color: var(--sharing-muted); height: 3rem; margin-bottom: 1rem; width: 3rem; }
.empty-selection.compact[b-hcpktbwujs] { min-height: 16rem; }
.detail-heading[b-hcpktbwujs] { align-items: flex-start; background: linear-gradient(115deg, var(--sharing-inset), var(--sharing-surface)); display: flex; gap: 1rem; justify-content: space-between; padding: 1.35rem; }
.detail-heading p[b-hcpktbwujs] { color: var(--sharing-muted); }
.detail-actions[b-hcpktbwujs] { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.detail-facts[b-hcpktbwujs] { border-top: 1px solid var(--sharing-line); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.detail-facts > div[b-hcpktbwujs] { border-right: 1px solid var(--sharing-line); display: flex; flex-direction: column; padding: .85rem 1rem; }
.detail-facts > div:last-child[b-hcpktbwujs] { border-right: 0; }
.detail-facts span[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .7rem; text-transform: uppercase; }
.detail-facts strong[b-hcpktbwujs] { font-size: .82rem; margin-top: .2rem; }

.worker-search[b-hcpktbwujs] { display: flex; gap: .6rem; }
.worker-results[b-hcpktbwujs] { border: 1px solid var(--sharing-line); border-radius: .75rem; max-height: 14rem; overflow: auto; }
.worker-result[b-hcpktbwujs] { align-items: center; background: var(--sharing-surface); border: 0; border-bottom: 1px solid var(--sharing-line); color: var(--sharing-ink); display: flex; gap: .65rem; padding: .7rem .8rem; text-align: left; width: 100%; }
.worker-result:last-child[b-hcpktbwujs] { border-bottom: 0; }
.worker-result:hover[b-hcpktbwujs], .worker-result.active[b-hcpktbwujs] { background: var(--kendo-color-primary-subtle, #f0f5ff); color: var(--kendo-color-primary-on-subtle, var(--sharing-ink)); }
.worker-result > span:nth-child(2)[b-hcpktbwujs] { display: flex; flex: 1; flex-direction: column; }
.worker-result small[b-hcpktbwujs] { color: var(--sharing-muted); }
.worker-result > svg[b-hcpktbwujs] { color: transparent; }
.worker-result.active > svg[b-hcpktbwujs] { color: var(--kendo-color-success-on-surface, #087a55); }
.avatar[b-hcpktbwujs] { align-items: center; background: var(--kendo-color-primary-subtle, #e9effa); border-radius: .65rem; color: var(--kendo-color-primary-on-subtle, #315682); display: inline-flex; flex-shrink: 0; font-size: .72rem; font-weight: 800; height: 2.35rem; justify-content: center; width: 2.35rem; }
.member-window-editor[b-hcpktbwujs] { background: var(--sharing-inset); border: 1px solid var(--sharing-line); border-radius: .8rem; padding: 1rem; }
.selected-worker-banner[b-hcpktbwujs] { align-items: center; display: flex; gap: .65rem; margin-bottom: 1rem; }
.selected-worker-banner > div[b-hcpktbwujs] { display: flex; flex-direction: column; }
.selected-worker-banner span[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .72rem; text-transform: uppercase; }

.member-list[b-hcpktbwujs] { display: flex; flex-direction: column; }
.member-operation-editor[b-hcpktbwujs] { background: var(--kendo-color-primary-subtle, #f5f9ff); border-bottom: 1px solid var(--sharing-line); padding: 1rem 1.15rem; }
.member-operation-editor.move-editor[b-hcpktbwujs] { background: var(--kendo-color-warning-subtle, #fffaf0); border-bottom-color: var(--kendo-color-warning-emphasis, #eedcad); }
.operation-title[b-hcpktbwujs] { align-items: center; display: flex; justify-content: space-between; margin-bottom: .75rem; }
.operation-title > div[b-hcpktbwujs] { display: flex; flex-direction: column; }
.operation-title > button[b-hcpktbwujs] { background: none; border: 0; color: var(--sharing-muted); font-size: 1.25rem; }
.move-preview[b-hcpktbwujs] { background: color-mix(in srgb, var(--sharing-surface) 75%, transparent); border: 1px solid var(--kendo-color-warning-emphasis, #efdfb8); border-radius: .6rem; color: var(--kendo-color-warning-on-subtle, #725b1f); font-size: .76rem; margin-bottom: .8rem; padding: .55rem .7rem; }
.member-card[b-hcpktbwujs] { align-items: center; border-bottom: 1px solid var(--sharing-line); display: grid; gap: 1rem; grid-template-columns: minmax(13rem, 1fr) minmax(15rem, 1.4fr) auto; padding: 1rem 1.15rem; }
.member-card:last-child[b-hcpktbwujs] { border-bottom: 0; }
.member-card.withdrawn[b-hcpktbwujs] { opacity: .55; }
.member-person[b-hcpktbwujs] { align-items: center; display: flex; gap: .7rem; min-width: 0; }
.member-person > div[b-hcpktbwujs] { display: flex; flex-direction: column; min-width: 0; }
.member-person span[b-hcpktbwujs], .member-person small[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .76rem; }
.window-stack[b-hcpktbwujs] { display: flex; flex-wrap: wrap; gap: .45rem; }
.window-chip[b-hcpktbwujs] { align-items: center; background: var(--kendo-color-primary-subtle, #edf4ff); border-radius: .6rem; color: var(--kendo-color-primary-on-subtle, #315682); display: flex; font-size: .75rem; gap: .45rem; padding: .45rem .55rem; }
.window-chip > span[b-hcpktbwujs] { display: flex; flex-direction: column; }
.window-chip small[b-hcpktbwujs] { color: var(--sharing-muted); }
.window-chip.revoked[b-hcpktbwujs] { background: var(--sharing-inset); opacity: .55; text-decoration: line-through; }
.window-revoke[b-hcpktbwujs] { align-items: center; background: color-mix(in srgb, var(--sharing-accent) 8%, transparent); border: 0; border-radius: 50%; color: var(--sharing-accent); display: inline-flex; font-size: 1rem; height: 1.35rem; justify-content: center; line-height: 1; margin-left: .2rem; padding: 0; width: 1.35rem; }
.window-revoke:hover[b-hcpktbwujs] { background: var(--kendo-color-error-subtle, #fde7ea); color: var(--kendo-color-error-on-subtle, #a03b49); }
.member-actions[b-hcpktbwujs] { align-items: flex-end; display: flex; flex-direction: column; gap: .35rem; }
.member-status[b-hcpktbwujs] { color: var(--kendo-color-success-on-surface, #087a55); font-size: .72rem; font-weight: 800; }
.member-secondary[b-hcpktbwujs] { background: none; border: 0; color: var(--sharing-accent); font-size: .72rem; padding: 0; text-decoration: underline; }
.member-withdraw[b-hcpktbwujs] { background: none; border: 0; color: var(--kendo-color-error-on-surface, #a03b49); font-size: .72rem; padding: 0; text-decoration: underline; }

.audit-list[b-hcpktbwujs] { padding: .4rem 1.15rem .8rem; }
.audit-row[b-hcpktbwujs] { align-items: flex-start; display: flex; gap: .65rem; padding: .65rem 0; }
.audit-row > div[b-hcpktbwujs] { display: flex; flex-direction: column; }
.audit-row small[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .73rem; }
.audit-mark[b-hcpktbwujs] { background: var(--kendo-color-primary, #a8c5f7); border: 3px solid var(--kendo-color-primary-subtle, #edf4ff); border-radius: 50%; height: .75rem; margin-top: .25rem; width: .75rem; }

.received-grid[b-hcpktbwujs] { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1rem; }
.received-card[b-hcpktbwujs] { border: 1px solid var(--sharing-line); border-radius: .85rem; overflow: hidden; }
.received-heading[b-hcpktbwujs] { align-items: flex-start; display: flex; justify-content: space-between; padding: 1rem; }
.received-heading span:first-child[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .72rem; text-transform: uppercase; }
.received-heading h3[b-hcpktbwujs] { margin: .25rem 0 0; }
.received-project[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .76rem; padding: 0 1rem .6rem; }
.received-range[b-hcpktbwujs] { align-items: center; background: var(--sharing-inset); color: var(--sharing-muted); display: flex; font-size: .8rem; gap: .4rem; padding: .6rem 1rem; }
.received-member[b-hcpktbwujs] { align-items: center; border-top: 1px solid var(--sharing-line); display: flex; gap: .6rem; padding: .7rem 1rem; }
.received-member > div[b-hcpktbwujs] { display: flex; flex: 1; flex-direction: column; }
.received-member small[b-hcpktbwujs], .received-member > span:last-child[b-hcpktbwujs] { color: var(--sharing-muted); font-size: .72rem; }
.received-windows[b-hcpktbwujs] { display: flex; flex-direction: column; gap: .35rem; padding: 0 1rem .7rem 3.95rem; }
.received-windows > div[b-hcpktbwujs] { align-items: center; background: var(--kendo-color-primary-subtle, #edf4ff); border-radius: .55rem; color: var(--kendo-color-primary-on-subtle, #315682); display: flex; font-size: .72rem; gap: .4rem; padding: .4rem .5rem; }
.received-windows > div > span[b-hcpktbwujs] { display: flex; flex-direction: column; }
.received-windows small[b-hcpktbwujs] { color: var(--sharing-muted); }
.recipient-boundary[b-hcpktbwujs] { background: var(--kendo-color-warning-subtle, #fff9e9); border-top: 1px solid var(--kendo-color-warning-emphasis, #f3e4b5); color: var(--kendo-color-warning-on-subtle, #725b1f); font-size: .74rem; padding: .65rem 1rem; }

.collaboration-crew-panel[b-hcpktbwujs] { border-color: var(--kendo-color-primary-emphasis, #b7cef5); }
.collaboration-crew-grid[b-hcpktbwujs] { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.collaboration-crew-card[b-hcpktbwujs] { background: var(--sharing-inset); border: 1px solid var(--sharing-line); border-radius: .85rem; padding: 1rem; }
.collaboration-crew-card h3[b-hcpktbwujs] { margin: .35rem 0 1rem; }
.collaboration-action[b-hcpktbwujs] { min-height: 44px; }

@media (max-width: 1199.98px) {
    .sharing-metrics[b-hcpktbwujs] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767.98px) {
    .sharing-hero[b-hcpktbwujs] { align-items: flex-start; flex-direction: column; gap: 1rem; padding: 1.25rem; }
    .sharing-metrics[b-hcpktbwujs], .received-grid[b-hcpktbwujs], .collaboration-crew-grid[b-hcpktbwujs] { grid-template-columns: 1fr; }
    .sharing-tabs[b-hcpktbwujs] { gap: .5rem; overflow-x: auto; }
    .sharing-tab[b-hcpktbwujs] { min-width: max-content; }
    .detail-heading[b-hcpktbwujs], .privacy-gate[b-hcpktbwujs] { align-items: flex-start; flex-direction: column; }
    .detail-actions[b-hcpktbwujs] { justify-content: flex-start; }
    .detail-facts[b-hcpktbwujs] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .detail-facts > div:nth-child(2)[b-hcpktbwujs] { border-right: 0; }
    .member-card[b-hcpktbwujs] { align-items: flex-start; grid-template-columns: 1fr; }
    .worker-search[b-hcpktbwujs] { flex-direction: column; }
}

@media (forced-colors: active) {
    .resource-sharing-workspace[b-hcpktbwujs] {
        --sharing-ink: CanvasText;
        --sharing-muted: CanvasText;
        --sharing-line: CanvasText;
        --sharing-line-strong: CanvasText;
        --sharing-surface: Canvas;
        --sharing-inset: Canvas;
        --sharing-hover: Highlight;
        --sharing-accent: Highlight;
    }

    .sharing-hero[b-hcpktbwujs],
    .metric-card--accent[b-hcpktbwujs] {
        color: CanvasText;
        background: Canvas;
        border: 1px solid CanvasText;
    }
}
/* /Components/Pages/B2BResourcePlanning/SettlementScopes.razor.rz.scp.css */
.scope-workspace[b-qypvqv6k01] {
    max-width: 1500px;
}

.scope-grid[b-qypvqv6k01] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1rem;
}

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

.member-choice[b-qypvqv6k01] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 44px;
    padding: .7rem .8rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .6rem;
    cursor: pointer;
}

.empty-state[b-qypvqv6k01] {
    padding: 2rem;
    border: 1px dashed var(--bs-border-color);
    border-radius: .75rem;
    color: var(--bs-secondary-color);
    text-align: center;
}

.scope-dialog-backdrop[b-qypvqv6k01] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(0, 0, 0, .45);
}

.scope-dialog[b-qypvqv6k01] {
    width: min(100%, 520px);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    padding: 1.25rem;
    border-radius: .8rem;
    background: var(--bs-body-bg);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .25);
}

.scope-dialog-wide[b-qypvqv6k01] {
    width: min(100%, 720px);
}

@media (max-width: 575.98px) {
    .scope-workspace[b-qypvqv6k01] {
        padding-inline: .75rem;
    }

    .scope-grid[b-qypvqv6k01],
    .member-grid[b-qypvqv6k01] {
        grid-template-columns: 1fr;
    }

    .scope-dialog[b-qypvqv6k01] {
        padding: 1rem;
    }
}
/* /Components/Pages/Brigades/BrigadeToday.razor.rz.scp.css */
.brigade-today[b-8n1hztsc0h] { max-width: 84rem; padding-block: 1.25rem 2rem; }
.brigade-today__header[b-8n1hztsc0h], .panel-heading[b-8n1hztsc0h], .brigade-context__heading[b-8n1hztsc0h] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.brigade-today__header[b-8n1hztsc0h] { margin-bottom: 1.25rem; }
.brigade-today__header h1[b-8n1hztsc0h], .brigade-context h2[b-8n1hztsc0h], .workspace-panel h3[b-8n1hztsc0h] { margin: 0; }
.brigade-today__header h1[b-8n1hztsc0h] { font-size: clamp(1.75rem, 5vw, 2.5rem); }
.brigade-today__eyebrow[b-8n1hztsc0h], .brigade-context__label[b-8n1hztsc0h] { margin: 0 0 .25rem; color: var(--kendo-color-primary, #0d6efd); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.brigade-today__date[b-8n1hztsc0h], .text-muted[b-8n1hztsc0h] { color: var(--kendo-color-subtle, #64748b); }
.brigade-today__state[b-8n1hztsc0h] { min-height: 18rem; display: grid; place-items: center; align-content: center; gap: .75rem; padding: 2rem; border: 1px dashed #cbd5e1; border-radius: 1rem; background: var(--kendo-color-base, #f8fafc); text-align: center; }
.brigade-today__state--error[b-8n1hztsc0h] { color: #b91c1c; }
.brigade-today__contexts[b-8n1hztsc0h] { display: grid; gap: 1rem; }
.brigade-context[b-8n1hztsc0h] { overflow: hidden; border: 1px solid #dbe3ec; border-radius: 1rem; background: var(--kendo-color-surface, #fff); box-shadow: 0 .35rem 1rem rgb(15 23 42 / 7%); }
.brigade-context__heading[b-8n1hztsc0h], .workspace-panel[b-8n1hztsc0h], .confirmation-panel[b-8n1hztsc0h] { padding: 1rem 1.15rem; }
.brigade-context__heading p[b-8n1hztsc0h] { margin: .35rem 0 0; }
.brigade-context__capabilities[b-8n1hztsc0h] { display: flex; flex-wrap: wrap; gap: .4rem; padding: .75rem 1.15rem; border-block: 1px solid #e2e8f0; background: var(--kendo-color-base, #f8fafc); }
.brigade-capability[b-8n1hztsc0h], .status-badge[b-8n1hztsc0h], .source-badge[b-8n1hztsc0h] { display: inline-flex; align-items: center; min-height: 1.75rem; padding: .2rem .55rem; border-radius: 999px; font-size: .8rem; font-weight: 700; }
.brigade-capability[b-8n1hztsc0h], .status-badge[b-8n1hztsc0h] { color: #075985; background: #e0f2fe; }
.status-badge--missing[b-8n1hztsc0h] { color: #991b1b; background: #fee2e2; }
.source-badge[b-8n1hztsc0h] { color: #334155; background: #f1f5f9; }
.workspace-panel + .workspace-panel[b-8n1hztsc0h], .confirmation-panel[b-8n1hztsc0h] { border-top: 1px solid #e2e8f0; }
.plan-grid[b-8n1hztsc0h] { display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: .75rem; margin-top: .75rem; }
.plan-item[b-8n1hztsc0h], .worker-card[b-8n1hztsc0h], .confirmation-panel[b-8n1hztsc0h] { border: 1px solid #e2e8f0; border-radius: .75rem; background: var(--kendo-color-surface, #fff); }
.plan-item[b-8n1hztsc0h] { display: grid; gap: .35rem; padding: .8rem; }
.plan-item dl[b-8n1hztsc0h] { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: .35rem 0 0; }
.plan-item dl div[b-8n1hztsc0h] { padding: .5rem; border-radius: .5rem; background: var(--kendo-color-base, #f8fafc); }
.plan-item dt[b-8n1hztsc0h] { color: #64748b; font-size: .75rem; }
.plan-item dd[b-8n1hztsc0h] { margin: 0; font-weight: 700; }
.roster-list[b-8n1hztsc0h] { display: grid; gap: .65rem; margin-top: .75rem; }
.worker-card[b-8n1hztsc0h] { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(10rem, auto) minmax(12rem, auto); align-items: center; gap: .75rem; padding: .8rem; }
.worker-card__identity[b-8n1hztsc0h], .worker-card__times[b-8n1hztsc0h] { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; }
.worker-card__identity[b-8n1hztsc0h] { flex-direction: column; align-items: flex-start; }
.worker-card__times[b-8n1hztsc0h] { color: #475569; font-size: .875rem; }
.worker-card__actions[b-8n1hztsc0h], .assignment-controls[b-8n1hztsc0h], .confirmation-panel__actions[b-8n1hztsc0h] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.assignment-controls[b-8n1hztsc0h] { grid-column: 2 / -1; }
.assignment-controls .form-select[b-8n1hztsc0h] { flex: 1 1 13rem; }
.interval-list[b-8n1hztsc0h] { grid-column: 1 / -1; margin: 0; padding-left: 1.5rem; color: #475569; }
.interval-list li[b-8n1hztsc0h] { min-height: 2.75rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.confirmation-panel[b-8n1hztsc0h] { margin: .75rem 1.15rem; background: #fffdf4; }
.confirmation-panel label[b-8n1hztsc0h] { display: grid; gap: .25rem; margin-top: .65rem; font-weight: 600; }
.confirmation-panel__actions[b-8n1hztsc0h] { margin-top: .75rem; justify-content: flex-start; }
.correction-grid[b-8n1hztsc0h] { display: grid; grid-template-columns: repeat(2, minmax(12rem, 1fr)); gap: .65rem; }
.touch-action[b-8n1hztsc0h], button[b-8n1hztsc0h], select[b-8n1hztsc0h], input[b-8n1hztsc0h] { min-height: 44px; }
button:focus-visible[b-8n1hztsc0h], select:focus-visible[b-8n1hztsc0h], input:focus-visible[b-8n1hztsc0h], textarea:focus-visible[b-8n1hztsc0h] { outline: 3px solid #2563eb; outline-offset: 2px; }

@media (max-width: 720px) {
    .brigade-today[b-8n1hztsc0h] { padding: .75rem .6rem 1.5rem; }
    .brigade-today__header[b-8n1hztsc0h], .panel-heading[b-8n1hztsc0h], .brigade-context__heading[b-8n1hztsc0h] { align-items: stretch; flex-direction: column; }
    .brigade-today__header .btn[b-8n1hztsc0h], .panel-heading .btn[b-8n1hztsc0h] { width: 100%; }
    .worker-card[b-8n1hztsc0h] { grid-template-columns: 1fr; }
    .worker-card__actions[b-8n1hztsc0h], .assignment-controls[b-8n1hztsc0h], .confirmation-panel__actions[b-8n1hztsc0h] { grid-column: 1; justify-content: stretch; }
    .worker-card__actions > *[b-8n1hztsc0h], .assignment-controls > *[b-8n1hztsc0h], .confirmation-panel__actions > *[b-8n1hztsc0h] { flex: 1 1 100%; }
    .correction-grid[b-8n1hztsc0h] { grid-template-columns: 1fr; }
    .confirmation-panel[b-8n1hztsc0h] { margin-inline: .65rem; }
}
/* /Components/Pages/Clients/ClientDetails.razor.rz.scp.css */
.client-workspace[b-y750lldest] {
    --dossier-ink: var(--bs-body-color, #172033);
    --dossier-muted: var(--bs-secondary-color, #64748b);
    --dossier-border: var(--bs-border-color, #dde4ee);
    --dossier-surface: var(--bs-body-bg, #fff);
    --dossier-subtle: var(--bs-tertiary-bg, #f5f7fb);
    width: min(100%, 2280px);
    margin-inline: auto;
    padding: 1.25rem clamp(.85rem, 2vw, 2rem) 3rem;
    color: var(--dossier-ink);
}

.client-breadcrumbs[b-y750lldest] {
    margin-bottom: .8rem;
    font-size: .76rem;
}

.client-breadcrumbs a[b-y750lldest] {
    color: var(--dossier-muted);
    text-decoration: none;
}

.client-breadcrumbs a:hover[b-y750lldest] {
    color: var(--bs-primary, #2563eb);
}

.client-hero[b-y750lldest] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.35rem, 2.6vw, 2.25rem);
    border: 1px solid color-mix(in srgb, var(--bs-primary, #2563eb) 17%, var(--dossier-border));
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 88% 5%, rgba(56, 189, 248, .18), transparent 25rem),
        radial-gradient(circle at 4% 100%, rgba(99, 102, 241, .15), transparent 23rem),
        linear-gradient(135deg, color-mix(in srgb, var(--dossier-surface) 94%, #dbeafe), var(--dossier-surface));
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, .08);
}

.client-hero[b-y750lldest]::after {
    position: absolute;
    top: -5rem;
    right: -4rem;
    width: 14rem;
    height: 14rem;
    border: 1px solid rgba(99, 102, 241, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.client-hero__identity[b-y750lldest] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 1.15rem;
}

.client-avatar[b-y750lldest] {
    display: grid;
    width: clamp(3.4rem, 6vw, 4.8rem);
    height: clamp(3.4rem, 6vw, 4.8rem);
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 1.25rem;
    background: linear-gradient(145deg, #2563eb, #4f46e5 58%, #7c3aed);
    box-shadow: 0 .8rem 1.8rem rgba(37, 99, 235, .24);
    color: #fff;
    font-size: clamp(1rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: .04em;
}

.client-hero__copy[b-y750lldest] {
    min-width: 0;
}

.client-hero__eyebrow[b-y750lldest],
.client-hero__meta[b-y750lldest] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .75rem;
}

.client-hero__eyebrow > span:first-child[b-y750lldest],
.client-section-eyebrow[b-y750lldest] {
    color: var(--dossier-muted);
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.client-hero h1[b-y750lldest] {
    max-width: 50rem;
    margin: .35rem 0 .55rem;
    overflow-wrap: anywhere;
    color: var(--bs-heading-color, #111827);
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.client-status[b-y750lldest] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.client-status > span[b-y750lldest] {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, currentColor 16%, transparent);
}

.client-status--active[b-y750lldest] {
    border-color: rgba(16, 185, 129, .2);
    background: rgba(16, 185, 129, .1);
    color: #059669;
}

.client-status--inactive[b-y750lldest] {
    border-color: var(--dossier-border);
    background: var(--dossier-subtle);
    color: var(--dossier-muted);
}

.client-status--prospect[b-y750lldest] {
    border-color: rgba(245, 158, 11, .25);
    background: rgba(245, 158, 11, .12);
    color: #b45309;
}

.client-hero__meta[b-y750lldest] {
    color: var(--dossier-muted);
    font-size: .78rem;
}

.client-hero__meta > span[b-y750lldest] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.client-hero__meta strong[b-y750lldest] {
    color: var(--dossier-ink);
    font-size: .68rem;
    letter-spacing: .035em;
}

.client-hero__actions[b-y750lldest] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.client-hero__actions[b-y750lldest]  .k-button {
    min-height: 2.55rem;
    padding-inline: .9rem;
    border-radius: .75rem;
    font-weight: 650;
}

.client-kpis[b-y750lldest] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin: 1rem 0 1.25rem;
}

.client-kpi[b-y750lldest] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .7rem .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--dossier-border);
    border-radius: 1rem;
    background: var(--dossier-surface);
    box-shadow: 0 .35rem 1.2rem rgba(15, 23, 42, .04);
}

.client-kpi__icon[b-y750lldest] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    grid-row: span 2;
    place-items: center;
    border-radius: .75rem;
}

.client-kpi__icon--blue[b-y750lldest] { background: rgba(37, 99, 235, .1); color: #2563eb; }
.client-kpi__icon--amber[b-y750lldest] { background: rgba(245, 158, 11, .12); color: #d97706; }
.client-kpi__icon--teal[b-y750lldest] { background: rgba(20, 184, 166, .11); color: #0f766e; }
.client-kpi__icon--violet[b-y750lldest] { background: rgba(124, 58, 237, .1); color: #7c3aed; }

.client-kpi > div[b-y750lldest] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: .35rem;
}

.client-kpi strong[b-y750lldest] {
    overflow: hidden;
    color: var(--bs-heading-color, #111827);
    font-size: 1.25rem;
    font-weight: 780;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-kpi > div span[b-y750lldest] {
    overflow: hidden;
    color: var(--dossier-muted);
    font-size: .73rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-kpi small[b-y750lldest] {
    overflow: hidden;
    color: var(--dossier-muted);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-content-grid > *[b-y750lldest] {
    min-width: 0;
}

.client-actionbar[b-y750lldest] {
    margin-bottom: 1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--dossier-border);
    border-radius: 1.15rem;
    background: var(--dossier-surface);
    box-shadow: 0 .65rem 1.8rem rgba(15, 23, 42, .05);
}

.client-actionbar__heading[b-y750lldest] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.client-actionbar__heading h2[b-y750lldest] {
    margin: .12rem 0 0;
    color: var(--bs-heading-color, #111827);
    font-size: 1.05rem;
    font-weight: 750;
}

.client-readonly-badge[b-y750lldest] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .32rem .55rem;
    border-radius: 999px;
    background: var(--dossier-subtle);
    color: var(--dossier-muted);
    font-size: .68rem;
    font-weight: 700;
}

.client-actionbar__buttons[b-y750lldest] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.client-actionbar__buttons[b-y750lldest]  .k-button,
.client-actionbar__buttons > .k-button[b-y750lldest] {
    min-height: 2.4rem;
    border-radius: .7rem;
    font-size: .77rem;
    font-weight: 650;
}

.client-registry-hint[b-y750lldest] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    margin-top: .8rem;
    padding: .65rem .75rem;
    border-radius: .75rem;
    background: var(--dossier-subtle);
    color: var(--dossier-muted);
    font-size: .7rem;
}

.client-registry-hint > svg[b-y750lldest] {
    color: var(--bs-primary, #2563eb);
}

.client-registry-hint strong[b-y750lldest] {
    color: var(--dossier-ink);
}

.client-registry-hint small[b-y750lldest] {
    white-space: nowrap;
}

.client-sync-message[b-y750lldest] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .75rem;
    padding: .75rem .85rem;
    border: 1px solid transparent;
    border-radius: .8rem;
    font-size: .75rem;
}

.client-sync-message--success[b-y750lldest] {
    border-color: rgba(16, 185, 129, .23);
    background: rgba(16, 185, 129, .09);
    color: #047857;
}

.client-sync-message--warning[b-y750lldest] {
    border-color: rgba(245, 158, 11, .25);
    background: rgba(245, 158, 11, .09);
    color: #a16207;
}

.client-sync-message--error[b-y750lldest] {
    border-color: rgba(239, 68, 68, .22);
    background: rgba(239, 68, 68, .08);
    color: #b91c1c;
}

.client-main-column[b-y750lldest]  .client-tabs {
    overflow: hidden;
    border: 1px solid var(--dossier-border);
    border-radius: 1.15rem;
    background: var(--dossier-surface);
    box-shadow: 0 .8rem 2rem rgba(15, 23, 42, .05);
}

.client-main-column[b-y750lldest]  .client-tabs > .k-tabstrip-items-wrapper {
    padding: .45rem .55rem 0;
    border-bottom: 1px solid var(--dossier-border);
    background: color-mix(in srgb, var(--dossier-subtle) 72%, transparent);
}

.client-main-column[b-y750lldest]  .client-tabs .k-tabstrip-item {
    margin-right: .2rem;
    border: 0;
    border-radius: .7rem .7rem 0 0;
    color: var(--dossier-muted);
    font-size: .78rem;
    font-weight: 650;
}

.client-main-column[b-y750lldest]  .client-tabs .k-tabstrip-item.k-active {
    background: var(--dossier-surface);
    color: var(--bs-primary, #2563eb);
}

/* Telerik 14 renderuje kontener treści jako .k-tabstrip-content (nie .k-content) —
   stary selektor był martwy i zakładka dublowała padding motywu z .client-tab-content */
.client-main-column[b-y750lldest]  .client-tabs > .k-tabstrip-content {
    padding: 0;
    border: 0;
    background: transparent;
}

.client-tab-content[b-y750lldest] {
    display: grid;
    gap: .85rem;
    padding: 1rem;
}

.client-tab-content[b-y750lldest]  .k-card {
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid var(--dossier-border) !important;
    border-radius: .9rem;
    background: var(--dossier-surface);
    box-shadow: none;
}

.client-tab-content[b-y750lldest]  .k-card-header {
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--dossier-border);
    background: transparent !important;
}

.client-tab-content[b-y750lldest]  .k-card-title {
    margin: 0;
    color: var(--bs-heading-color, #111827);
    font-size: .84rem;
    font-weight: 730;
}

.client-tab-content[b-y750lldest]  .k-card-body {
    font-size: .78rem;
}

.client-tab-content[b-y750lldest]  .list-group-item {
    border-color: var(--dossier-border);
    background: transparent;
}

.client-empty-state[b-y750lldest] {
    display: flex;
    min-height: 18rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.client-empty-state__icon[b-y750lldest] {
    display: grid;
    width: 3rem;
    height: 3rem;
    margin-bottom: .85rem;
    place-items: center;
    border-radius: .9rem;
    background: var(--dossier-subtle);
    color: var(--bs-primary, #2563eb);
}

.client-empty-state h3[b-y750lldest] {
    margin: 0 0 .35rem;
    font-size: 1rem;
}

.client-empty-state p[b-y750lldest] {
    max-width: 31rem;
    margin: 0 0 1rem;
    color: var(--dossier-muted);
    font-size: .78rem;
}

.timeline-item:last-child[b-y750lldest] {
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

@media (max-width: 1399.98px) {
    .client-kpis[b-y750lldest] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .client-profile-column[b-y750lldest] {
        order: 2;
    }

    .client-main-column[b-y750lldest] {
        order: 1;
    }
}

@media (max-width: 899.98px) {
    .client-hero[b-y750lldest] {
        align-items: flex-start;
        flex-direction: column;
    }

    .client-hero__actions[b-y750lldest] {
        width: 100%;
        justify-content: flex-start;
    }

    .client-registry-hint[b-y750lldest] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .client-registry-hint small[b-y750lldest] {
        grid-column: 2;
    }
}

@media (max-width: 639.98px) {
    .client-workspace[b-y750lldest] {
        padding-inline: .7rem;
    }

    .client-kpis[b-y750lldest] {
        grid-template-columns: 1fr;
    }

    .client-hero[b-y750lldest] {
        border-radius: 1.15rem;
    }

    .client-hero__identity[b-y750lldest] {
        align-items: flex-start;
    }

    .client-hero__meta[b-y750lldest] {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
    }

    .client-hero__actions[b-y750lldest]  .k-button,
    .client-actionbar__buttons[b-y750lldest]  .k-button,
    .client-actionbar__buttons > .k-button[b-y750lldest] {
        width: 100%;
        justify-content: center;
    }

    .client-actionbar__buttons > .k-button[b-y750lldest] {
        display: inline-flex;
    }

    .client-tab-content[b-y750lldest] {
        padding: .7rem;
    }
}
/* /Components/Pages/Clients/Components/ClientDeOperationsCard.razor.rz.scp.css */
.de-operations[b-9jk6fak50g] {
    overflow: hidden;
    border: 1px solid var(--dossier-border, #dbe2ea);
    border-radius: 1rem;
    background: var(--dossier-surface, #fff);
}

.de-operations__header[b-9jk6fak50g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--dossier-border, #dbe2ea);
}

.de-operations__heading[b-9jk6fak50g] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .8rem;
}

.de-operations__heading-icon[b-9jk6fak50g] {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 11%, transparent);
    color: var(--bs-primary, #2563eb);
    font-size: 1.1rem;
}

.de-operations__heading h2[b-9jk6fak50g] {
    margin: 0;
    color: var(--bs-heading-color, #111827);
    font-size: 1rem;
    font-weight: 760;
    letter-spacing: -.015em;
}

.de-operations__heading p[b-9jk6fak50g] {
    margin: .15rem 0 0;
    color: var(--dossier-muted, #64748b);
    font-size: .78rem;
}

.de-operations__summary[b-9jk6fak50g] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
}

.de-operations__summary > span[b-9jk6fak50g] {
    display: inline-flex;
    align-items: baseline;
    gap: .25rem;
    padding: .35rem .55rem;
    border-radius: 999px;
    background: var(--dossier-subtle, #f5f7fb);
    color: var(--dossier-muted, #64748b);
    font-size: .72rem;
    white-space: nowrap;
}

.de-operations__summary strong[b-9jk6fak50g] {
    color: var(--dossier-ink, #172033);
    font-size: .8rem;
}

.de-operations__loading[b-9jk6fak50g],
.de-operations__empty[b-9jk6fak50g] {
    display: flex;
    min-height: 12rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 2rem;
    color: var(--dossier-muted, #64748b);
    text-align: center;
}

.de-operations__loading[b-9jk6fak50g] {
    flex-direction: row;
}

.de-operations__empty > span[b-9jk6fak50g] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: .9rem;
    background: var(--dossier-subtle, #f5f7fb);
    color: var(--bs-primary, #2563eb);
    font-size: 1.15rem;
}

.de-operations__empty h3[b-9jk6fak50g] {
    margin: .2rem 0 0;
    color: var(--bs-heading-color, #111827);
    font-size: 1rem;
}

.de-operations__empty p[b-9jk6fak50g] {
    max-width: 30rem;
    margin: 0;
    font-size: .8rem;
}

.de-operations__notice[b-9jk6fak50g] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: .85rem 1rem 0;
    padding: .65rem .75rem;
    border: 1px solid rgba(245, 158, 11, .24);
    border-radius: .7rem;
    background: rgba(245, 158, 11, .08);
    color: #a16207;
    font-size: .76rem;
}

.de-operations__list[b-9jk6fak50g] {
    display: grid;
    gap: .75rem;
    padding: 1rem;
}

.de-operation[b-9jk6fak50g] {
    overflow: hidden;
    border: 1px solid var(--dossier-border, #dbe2ea);
    border-radius: .9rem;
    background: var(--dossier-surface, #fff);
}

.de-operation__header[b-9jk6fak50g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem .7rem;
}

.de-operation__identity[b-9jk6fak50g] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .7rem;
}

.de-operation__icon[b-9jk6fak50g] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .7rem;
}

.de-operation__icon--blue[b-9jk6fak50g] { background: rgba(37, 99, 235, .1); color: #2563eb; }
.de-operation__icon--teal[b-9jk6fak50g] { background: rgba(20, 184, 166, .11); color: #0f766e; }
.de-operation__icon--violet[b-9jk6fak50g] { background: rgba(124, 58, 237, .1); color: #7c3aed; }
.de-operation__icon--slate[b-9jk6fak50g] { background: var(--dossier-subtle, #f5f7fb); color: var(--dossier-muted, #64748b); }

.de-operation__title-block[b-9jk6fak50g] {
    min-width: 0;
}

.de-operation__eyebrow[b-9jk6fak50g],
.de-operation__section-label[b-9jk6fak50g] {
    color: var(--dossier-muted, #64748b);
    font-size: .66rem;
    font-weight: 750;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.de-operation__title-line[b-9jk6fak50g],
.de-case__title-line[b-9jk6fak50g] {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .6rem;
}

.de-operation__title-line h3[b-9jk6fak50g] {
    margin: .15rem 0 0;
    overflow-wrap: anywhere;
    color: var(--bs-heading-color, #111827);
    font-size: .95rem;
    font-weight: 740;
    line-height: 1.25;
}

.de-operation__status[b-9jk6fak50g] {
    display: inline-flex;
    align-items: center;
    padding: .23rem .48rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
    white-space: nowrap;
}

.de-operation__status--primary[b-9jk6fak50g] { background: rgba(37, 99, 235, .11); color: #1d4ed8; }
.de-operation__status--success[b-9jk6fak50g] { background: rgba(16, 185, 129, .11); color: #047857; }
.de-operation__status--warning[b-9jk6fak50g] { background: rgba(245, 158, 11, .12); color: #a16207; }
.de-operation__status--neutral[b-9jk6fak50g] { background: var(--dossier-subtle, #f5f7fb); color: var(--dossier-muted, #64748b); }

.de-operation__primary-link[b-9jk6fak50g],
.de-case__link[b-9jk6fak50g],
.de-operations__new[b-9jk6fak50g],
.de-operations__secondary[b-9jk6fak50g],
.de-operations__toggle[b-9jk6fak50g] {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    border-radius: .65rem;
    font-size: .74rem;
    font-weight: 680;
    text-decoration: none;
}

.de-operation__primary-link[b-9jk6fak50g],
.de-case__link[b-9jk6fak50g] {
    flex: 0 0 auto;
    padding: .45rem .7rem;
    border: 1px solid color-mix(in srgb, var(--bs-primary, #2563eb) 25%, var(--dossier-border, #dbe2ea));
    color: var(--bs-primary, #2563eb);
}

.de-operation__primary-link:hover[b-9jk6fak50g],
.de-case__link:hover[b-9jk6fak50g] {
    border-color: var(--bs-primary, #2563eb);
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 7%, transparent);
}

.de-operation__primary-link:focus-visible[b-9jk6fak50g],
.de-case__link:focus-visible[b-9jk6fak50g],
.de-operation__reference:focus-visible[b-9jk6fak50g],
.de-operations__new:focus-visible[b-9jk6fak50g],
.de-operations__secondary:focus-visible[b-9jk6fak50g],
.de-operations__toggle:focus-visible[b-9jk6fak50g] {
    outline: 3px solid color-mix(in srgb, var(--bs-primary, #2563eb) 35%, transparent);
    outline-offset: 2px;
}

.de-operation__order-meta[b-9jk6fak50g],
.de-case__meta[b-9jk6fak50g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem .85rem;
    padding: 0 1rem .8rem 4.05rem;
    color: var(--dossier-muted, #64748b);
    font-size: .74rem;
}

.de-operation__order-meta > span[b-9jk6fak50g],
.de-case__meta > span[b-9jk6fak50g] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.de-operation__reference[b-9jk6fak50g] {
    display: inline-flex;
    align-items: baseline;
    gap: .32rem;
    color: var(--bs-primary, #2563eb);
    font-family: var(--bs-font-monospace, monospace);
    font-weight: 680;
    text-decoration: none;
}

.de-operation__reference span[b-9jk6fak50g] {
    color: var(--dossier-muted, #64748b);
    font-family: var(--bs-body-font-family, sans-serif);
    font-size: .67rem;
    font-weight: 650;
    text-transform: uppercase;
}

.de-operation__reference:hover[b-9jk6fak50g] {
    text-decoration: underline;
}

.de-operation__metrics[b-9jk6fak50g] {
    max-width: 25rem;
    padding: 0 1rem .9rem 4.05rem;
}

.de-progress[b-9jk6fak50g] {
    min-width: 0;
}

.de-progress__label[b-9jk6fak50g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .3rem;
    color: var(--dossier-muted, #64748b);
    font-size: .72rem;
}

.de-progress__label strong[b-9jk6fak50g] {
    color: var(--dossier-ink, #172033);
    font-size: .72rem;
}

.de-progress__track[b-9jk6fak50g] {
    height: .38rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--dossier-border, #dbe2ea) 70%, transparent);
}

.de-progress__track > span[b-9jk6fak50g] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--bs-primary, #2563eb);
}

.de-operation__cases[b-9jk6fak50g],
.de-operation__deliverables[b-9jk6fak50g] {
    margin: 0 .75rem .75rem;
    padding: .8rem;
    border-radius: .75rem;
    background: color-mix(in srgb, var(--dossier-subtle, #f5f7fb) 82%, transparent);
}

.de-operation__section-label[b-9jk6fak50g] {
    display: flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .55rem;
}

.de-operation__case-list[b-9jk6fak50g],
.de-deliverables[b-9jk6fak50g] {
    display: grid;
    gap: .55rem;
}

.de-case[b-9jk6fak50g] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--dossier-border, #dbe2ea) 86%, transparent);
    border-radius: .7rem;
    background: var(--dossier-surface, #fff);
}

.de-case__main[b-9jk6fak50g] {
    min-width: 0;
}

.de-case__title-line h4[b-9jk6fak50g] {
    margin: 0;
    overflow-wrap: anywhere;
    color: var(--bs-heading-color, #111827);
    font-size: .86rem;
    font-weight: 710;
    line-height: 1.25;
}

.de-case__title-line[b-9jk6fak50g]  .badge {
    font-size: .64rem;
}

.de-case__meta[b-9jk6fak50g] {
    padding: .35rem 0 .55rem;
}

.de-case__progress[b-9jk6fak50g] {
    max-width: 22rem;
}

.de-operation__relation-note[b-9jk6fak50g],
.de-operation__missing[b-9jk6fak50g] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: 0 .75rem .75rem;
    padding: .65rem .75rem;
    border-radius: .65rem;
    background: var(--dossier-subtle, #f5f7fb);
    color: var(--dossier-muted, #64748b);
    font-size: .74rem;
}

.de-operation__missing[b-9jk6fak50g] {
    border: 1px solid rgba(245, 158, 11, .2);
    background: rgba(245, 158, 11, .07);
    color: #92400e;
}

.de-operation__more[b-9jk6fak50g] {
    flex: 0 0 auto;
    padding: .08rem .35rem;
    border-radius: 999px;
    background: rgba(245, 158, 11, .14);
    font-weight: 700;
}

.de-deliverable[b-9jk6fak50g] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .65rem .75rem;
    border: 1px solid color-mix(in srgb, var(--dossier-border, #dbe2ea) 86%, transparent);
    border-radius: .65rem;
    background: var(--dossier-surface, #fff);
    color: var(--dossier-muted, #64748b);
    font-size: .74rem;
}

.de-deliverable strong[b-9jk6fak50g] {
    color: var(--dossier-ink, #172033);
}

.de-deliverable__meta[b-9jk6fak50g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem .7rem;
}

.de-deliverable__status[b-9jk6fak50g] {
    padding: .2rem .43rem;
    border-radius: 999px;
    font-size: .66rem;
    font-weight: 700;
}

.de-deliverable__status--success[b-9jk6fak50g] { background: rgba(16, 185, 129, .11); color: #047857; }
.de-deliverable__status--warning[b-9jk6fak50g] { background: rgba(245, 158, 11, .12); color: #a16207; }
.de-deliverable__status--danger[b-9jk6fak50g] { background: rgba(239, 68, 68, .1); color: #b91c1c; }
.de-deliverable__status--neutral[b-9jk6fak50g] { background: var(--dossier-subtle, #f5f7fb); color: var(--dossier-muted, #64748b); }

.de-operations__toggle[b-9jk6fak50g] {
    width: calc(100% - 2rem);
    margin: 0 1rem 1rem;
    border: 1px dashed var(--dossier-border, #dbe2ea);
    background: transparent;
    color: var(--bs-primary, #2563eb);
    cursor: pointer;
}

.de-operations__toggle:hover[b-9jk6fak50g] {
    border-color: var(--bs-primary, #2563eb);
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 5%, transparent);
}

.de-operations__footer[b-9jk6fak50g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
    padding: .8rem 1rem;
    border-top: 1px solid var(--dossier-border, #dbe2ea);
    background: color-mix(in srgb, var(--dossier-subtle, #f5f7fb) 68%, transparent);
}

.de-operations__new[b-9jk6fak50g] {
    padding: .45rem .75rem;
    background: var(--bs-primary, #2563eb);
    color: #fff;
}

.de-operations__new:hover[b-9jk6fak50g] {
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 88%, #000);
    color: #fff;
}

.de-operations__secondary[b-9jk6fak50g] {
    padding: .45rem .65rem;
    color: var(--dossier-muted, #64748b);
}

.de-operations__secondary:hover[b-9jk6fak50g] {
    background: var(--dossier-surface, #fff);
    color: var(--bs-primary, #2563eb);
}

@media (max-width: 899.98px) {
    .de-operations__header[b-9jk6fak50g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .de-operations__summary[b-9jk6fak50g] {
        justify-content: flex-start;
    }

    .de-operation__header[b-9jk6fak50g] {
        align-items: flex-start;
    }

    .de-operation__order-meta[b-9jk6fak50g],
    .de-operation__metrics[b-9jk6fak50g] {
        padding-left: 1rem;
    }
}

@media (max-width: 639.98px) {
    .de-operations__header[b-9jk6fak50g],
    .de-operations__list[b-9jk6fak50g] {
        padding-inline: .75rem;
    }

    .de-operations__summary[b-9jk6fak50g] {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .de-operations__summary > span[b-9jk6fak50g] {
        justify-content: center;
        white-space: normal;
    }

    .de-operation__header[b-9jk6fak50g] {
        flex-direction: column;
    }

    .de-operation__identity[b-9jk6fak50g] {
        align-items: flex-start;
    }

    .de-operation__primary-link[b-9jk6fak50g] {
        width: 100%;
        min-height: 2.75rem;
    }

    .de-operation__order-meta[b-9jk6fak50g] {
        align-items: flex-start;
        flex-direction: column;
        gap: .35rem;
    }

    .de-operation__cases[b-9jk6fak50g],
    .de-operation__deliverables[b-9jk6fak50g] {
        margin-inline: .5rem;
        padding: .6rem;
    }

    .de-case[b-9jk6fak50g] {
        grid-template-columns: 1fr;
    }

    .de-case__link[b-9jk6fak50g] {
        width: 100%;
        min-height: 2.75rem;
    }

    .de-deliverable[b-9jk6fak50g] {
        align-items: flex-start;
        flex-direction: column;
    }

    .de-deliverable__meta[b-9jk6fak50g] {
        justify-content: flex-start;
    }

    .de-operations__footer[b-9jk6fak50g] {
        align-items: stretch;
        flex-direction: column;
    }

    .de-operations__footer > a[b-9jk6fak50g] {
        width: 100%;
        min-height: 2.75rem;
    }
}
/* /Components/Pages/Clients/Components/ClientProfileSidebar.razor.rz.scp.css */
.client-profile[b-4v1ea01ruc] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
    border: 1px solid var(--bs-border-color, #e2e8f0);
    border-radius: 1.25rem;
    background: var(--bs-body-bg, #fff);
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, .07);
}

.client-profile__header[b-4v1ea01ruc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.25rem .85rem;
}

.client-profile__eyebrow[b-4v1ea01ruc] {
    display: block;
    margin-bottom: .2rem;
    color: var(--bs-secondary-color, #64748b);
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.client-profile__header h2[b-4v1ea01ruc] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 750;
}

.client-profile__score[b-4v1ea01ruc] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: 1.1;
}

.client-profile__score strong[b-4v1ea01ruc] {
    color: var(--bs-primary, #2563eb);
    font-size: 1rem;
}

.client-profile__score span[b-4v1ea01ruc] {
    color: var(--bs-secondary-color, #64748b);
    font-size: .67rem;
}

.client-profile__progress[b-4v1ea01ruc] {
    height: 3px;
    background: var(--bs-tertiary-bg, #f1f5f9);
}

.client-profile__progress span[b-4v1ea01ruc] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #2563eb, #14b8a6);
    transition: width .25s ease;
}

.client-profile__section[b-4v1ea01ruc] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--bs-border-color, #e2e8f0);
}

.client-profile__section h3[b-4v1ea01ruc] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .85rem;
    color: var(--bs-heading-color, #0f172a);
    font-size: .8rem;
    font-weight: 750;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.client-profile__section h3 svg[b-4v1ea01ruc] {
    color: var(--bs-primary, #2563eb);
}

.client-profile__row[b-4v1ea01ruc] {
    display: grid;
    grid-template-columns: minmax(6rem, .7fr) minmax(0, 1.3fr);
    gap: .7rem;
    padding: .35rem 0;
    font-size: .82rem;
}

.client-profile__row > span[b-4v1ea01ruc],
.client-profile__note > span[b-4v1ea01ruc] {
    color: var(--bs-secondary-color, #64748b);
}

.client-profile__row > :last-child[b-4v1ea01ruc] {
    overflow-wrap: anywhere;
    color: var(--bs-body-color, #1e293b);
    font-weight: 600;
    text-align: right;
}

.client-profile__row a[b-4v1ea01ruc] {
    color: var(--bs-primary, #2563eb);
    text-decoration: none;
}

.client-profile__row a:hover[b-4v1ea01ruc] {
    text-decoration: underline;
}

.client-profile__group[b-4v1ea01ruc] {
    border-bottom: 1px solid var(--bs-border-color, #e2e8f0);
}

.client-profile__group summary[b-4v1ea01ruc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .85rem 1.25rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
}

.client-profile__group summary[b-4v1ea01ruc]::-webkit-details-marker {
    display: none;
}

.client-profile__summary-title[b-4v1ea01ruc] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    font-size: .82rem;
    font-weight: 700;
}

.client-profile__summary-title svg[b-4v1ea01ruc] {
    color: var(--bs-primary, #2563eb);
}

.client-profile__count[b-4v1ea01ruc] {
    display: inline-grid;
    min-width: 1.45rem;
    height: 1.45rem;
    place-items: center;
    border-radius: 999px;
    background: var(--bs-tertiary-bg, #f1f5f9);
    color: var(--bs-secondary-color, #64748b);
    font-size: .7rem;
    font-weight: 750;
}

.client-profile__group-content[b-4v1ea01ruc] {
    display: grid;
    gap: .65rem;
    padding: 0 1.25rem 1rem;
}

.client-profile__list-item[b-4v1ea01ruc] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .7rem .8rem;
    border-radius: .75rem;
    background: var(--bs-tertiary-bg, #f8fafc);
    font-size: .78rem;
}

.client-profile__list-item a[b-4v1ea01ruc] {
    overflow-wrap: anywhere;
    color: var(--bs-primary, #2563eb);
    text-decoration: none;
}

.client-profile__list-item small[b-4v1ea01ruc] {
    color: var(--bs-secondary-color, #64748b);
}

.client-profile__list-item code[b-4v1ea01ruc] {
    overflow-wrap: anywhere;
    color: inherit;
    font-size: .75rem;
}

.client-profile__item-heading[b-4v1ea01ruc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.client-profile__tag[b-4v1ea01ruc],
.client-profile__tags span[b-4v1ea01ruc] {
    border-radius: 999px;
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 11%, transparent);
    color: var(--bs-primary, #2563eb);
    font-size: .65rem;
    font-weight: 700;
}

.client-profile__tag[b-4v1ea01ruc] {
    padding: .16rem .45rem;
}

.client-profile__financial-grid[b-4v1ea01ruc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    padding-top: .25rem;
}

.client-profile__financial-grid > div[b-4v1ea01ruc] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    padding: .55rem .65rem;
    border: 1px solid var(--bs-border-color, #e2e8f0);
    border-radius: .65rem;
    font-size: .72rem;
}

.client-profile__financial-grid span[b-4v1ea01ruc] {
    color: var(--bs-secondary-color, #64748b);
}

.client-profile__tags[b-4v1ea01ruc] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.client-profile__tags span[b-4v1ea01ruc] {
    padding: .25rem .55rem;
}

.client-profile__empty[b-4v1ea01ruc] {
    padding: .7rem .8rem;
    border: 1px dashed var(--bs-border-color, #cbd5e1);
    border-radius: .7rem;
    color: var(--bs-secondary-color, #64748b);
    font-size: .76rem;
    text-align: center;
}

.client-profile__section--secondary[b-4v1ea01ruc] {
    background: var(--bs-tertiary-bg, #f8fafc);
}

.client-profile__note[b-4v1ea01ruc] {
    font-size: .78rem;
}

.client-profile__note p[b-4v1ea01ruc] {
    margin: .3rem 0 0;
    white-space: pre-wrap;
}

.client-profile__footer[b-4v1ea01ruc] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding: .85rem 1.25rem;
    color: var(--bs-secondary-color, #64748b);
    font-size: .68rem;
}

@media (max-width: 1199.98px) {
    .client-profile[b-4v1ea01ruc] {
        position: static;
    }
}

@media (max-width: 479.98px) {
    .client-profile__row[b-4v1ea01ruc] {
        grid-template-columns: 1fr;
        gap: .1rem;
    }

    .client-profile__row > :last-child[b-4v1ea01ruc] {
        text-align: left;
    }
}

@media (prefers-reduced-motion: reduce) {
    .client-profile__progress span[b-4v1ea01ruc] {
        transition: none;
    }
}
/* /Components/Pages/Clients/ContractorHub.razor.rz.scp.css */
/* Teczka kontrahenta 360° — układ i wygląd celowo spójne z ClientDetails.razor.css
   (teczka klienta tax-compliance); zmiany wprowadzaj równolegle w obu plikach. */

.contractor-hub[b-v7xu0yossu] {
    --dossier-ink: var(--bs-body-color, #172033);
    --dossier-muted: var(--bs-secondary-color, #64748b);
    --dossier-border: var(--bs-border-color, #dde4ee);
    --dossier-surface: var(--bs-body-bg, #fff);
    --dossier-subtle: var(--bs-tertiary-bg, #f5f7fb);
    width: min(100%, 2280px);
    margin-inline: auto;
    padding: 1.25rem clamp(.85rem, 2vw, 2rem) 3rem;
    color: var(--dossier-ink);
}

.client-breadcrumbs[b-v7xu0yossu] {
    margin-bottom: .8rem;
    font-size: .76rem;
}

.client-breadcrumbs a[b-v7xu0yossu] {
    color: var(--dossier-muted);
    text-decoration: none;
}

.client-breadcrumbs a:hover[b-v7xu0yossu] {
    color: var(--bs-primary, #2563eb);
}

.client-hero[b-v7xu0yossu] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    overflow: hidden;
    padding: clamp(1.35rem, 2.6vw, 2.25rem);
    border: 1px solid color-mix(in srgb, var(--bs-primary, #2563eb) 17%, var(--dossier-border));
    border-radius: 1.5rem;
    background:
        radial-gradient(circle at 88% 5%, rgba(56, 189, 248, .18), transparent 25rem),
        radial-gradient(circle at 4% 100%, rgba(99, 102, 241, .15), transparent 23rem),
        linear-gradient(135deg, color-mix(in srgb, var(--dossier-surface) 94%, #dbeafe), var(--dossier-surface));
    box-shadow: 0 1.2rem 3rem rgba(15, 23, 42, .08);
}

.client-hero[b-v7xu0yossu]::after {
    position: absolute;
    top: -5rem;
    right: -4rem;
    width: 14rem;
    height: 14rem;
    border: 1px solid rgba(99, 102, 241, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.client-hero__identity[b-v7xu0yossu] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 1.15rem;
}

.client-avatar[b-v7xu0yossu] {
    display: grid;
    width: clamp(3.4rem, 6vw, 4.8rem);
    height: clamp(3.4rem, 6vw, 4.8rem);
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .32);
    border-radius: 1.25rem;
    background: linear-gradient(145deg, #2563eb, #4f46e5 58%, #7c3aed);
    box-shadow: 0 .8rem 1.8rem rgba(37, 99, 235, .24);
    color: #fff;
    font-size: clamp(1rem, 2vw, 1.45rem);
    font-weight: 800;
    letter-spacing: .04em;
}

.client-hero__copy[b-v7xu0yossu] {
    min-width: 0;
}

.client-hero__eyebrow[b-v7xu0yossu],
.client-hero__meta[b-v7xu0yossu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem .75rem;
}

.client-hero__eyebrow > span:first-child[b-v7xu0yossu],
.client-section-eyebrow[b-v7xu0yossu] {
    color: var(--dossier-muted);
    font-size: .7rem;
    font-weight: 750;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.client-hero h1[b-v7xu0yossu] {
    max-width: 50rem;
    margin: .35rem 0 .55rem;
    overflow-wrap: anywhere;
    color: var(--bs-heading-color, #111827);
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    font-weight: 780;
    letter-spacing: -.035em;
    line-height: 1.08;
}

.client-status[b-v7xu0yossu] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .25rem .55rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}

.client-status > span[b-v7xu0yossu] {
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 .2rem color-mix(in srgb, currentColor 16%, transparent);
}

.client-status--active[b-v7xu0yossu] {
    border-color: rgba(16, 185, 129, .2);
    background: rgba(16, 185, 129, .1);
    color: #059669;
}

.client-status--inactive[b-v7xu0yossu] {
    border-color: var(--dossier-border);
    background: var(--dossier-subtle);
    color: var(--dossier-muted);
}

.client-status--role[b-v7xu0yossu] {
    border-color: color-mix(in srgb, var(--bs-primary, #2563eb) 25%, transparent);
    background: color-mix(in srgb, var(--bs-primary, #2563eb) 10%, transparent);
    color: var(--bs-primary, #2563eb);
}

.client-status--foreign[b-v7xu0yossu] {
    border-color: rgba(245, 158, 11, .25);
    background: rgba(245, 158, 11, .12);
    color: #b45309;
}

.client-hero__meta[b-v7xu0yossu] {
    color: var(--dossier-muted);
    font-size: .78rem;
}

.client-hero__meta > span[b-v7xu0yossu] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.client-hero__meta strong[b-v7xu0yossu] {
    color: var(--dossier-ink);
    font-size: .68rem;
    letter-spacing: .035em;
}

.client-hero__meta a[b-v7xu0yossu] {
    color: var(--bs-primary, #2563eb);
    text-decoration: none;
}

.client-hero__meta a:hover[b-v7xu0yossu] {
    text-decoration: underline;
}

.client-hero__actions[b-v7xu0yossu] {
    position: relative;
    z-index: 1;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.client-hero__actions[b-v7xu0yossu]  .k-button {
    min-height: 2.55rem;
    padding-inline: .9rem;
    border-radius: .75rem;
    font-weight: 650;
}

.client-kpis[b-v7xu0yossu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin: 1rem 0 1.25rem;
}

.client-kpi[b-v7xu0yossu] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .7rem .8rem;
    min-width: 0;
    padding: .9rem 1rem;
    border: 1px solid var(--dossier-border);
    border-radius: 1rem;
    background: var(--dossier-surface);
    box-shadow: 0 .35rem 1.2rem rgba(15, 23, 42, .04);
}

.client-kpi__icon[b-v7xu0yossu] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    grid-row: span 2;
    place-items: center;
    border-radius: .75rem;
}

.client-kpi__icon--blue[b-v7xu0yossu] { background: rgba(37, 99, 235, .1); color: #2563eb; }
.client-kpi__icon--amber[b-v7xu0yossu] { background: rgba(245, 158, 11, .12); color: #d97706; }
.client-kpi__icon--teal[b-v7xu0yossu] { background: rgba(20, 184, 166, .11); color: #0f766e; }
.client-kpi__icon--violet[b-v7xu0yossu] { background: rgba(124, 58, 237, .1); color: #7c3aed; }

.client-kpi > div[b-v7xu0yossu] {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: .35rem;
}

.client-kpi strong[b-v7xu0yossu] {
    overflow: hidden;
    color: var(--bs-heading-color, #111827);
    font-size: 1.25rem;
    font-weight: 780;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-kpi > div span[b-v7xu0yossu] {
    overflow: hidden;
    color: var(--dossier-muted);
    font-size: .73rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-kpi small[b-v7xu0yossu] {
    overflow: hidden;
    color: var(--dossier-muted);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-content-grid > *[b-v7xu0yossu] {
    min-width: 0;
}

.client-actionbar[b-v7xu0yossu] {
    margin-bottom: 1rem;
    padding: 1.15rem 1.25rem;
    border: 1px solid var(--dossier-border);
    border-radius: 1.15rem;
    background: var(--dossier-surface);
    box-shadow: 0 .65rem 1.8rem rgba(15, 23, 42, .05);
}

.client-actionbar__heading[b-v7xu0yossu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.client-actionbar__heading h2[b-v7xu0yossu] {
    margin: .12rem 0 0;
    color: var(--bs-heading-color, #111827);
    font-size: 1.05rem;
    font-weight: 750;
}

.client-actionbar__buttons[b-v7xu0yossu] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.client-actionbar__buttons[b-v7xu0yossu]  .k-button {
    min-height: 2.4rem;
    border-radius: .7rem;
    font-size: .77rem;
    font-weight: 650;
}

.client-main-column[b-v7xu0yossu]  .client-tabs {
    overflow: hidden;
    border: 1px solid var(--dossier-border);
    border-radius: 1.15rem;
    background: var(--dossier-surface);
    box-shadow: 0 .8rem 2rem rgba(15, 23, 42, .05);
}

.client-main-column[b-v7xu0yossu]  .client-tabs > .k-tabstrip-items-wrapper {
    padding: .45rem .55rem 0;
    border-bottom: 1px solid var(--dossier-border);
    background: color-mix(in srgb, var(--dossier-subtle) 72%, transparent);
}

.client-main-column[b-v7xu0yossu]  .client-tabs .k-tabstrip-item {
    margin-right: .2rem;
    border: 0;
    border-radius: .7rem .7rem 0 0;
    color: var(--dossier-muted);
    font-size: .78rem;
    font-weight: 650;
}

.client-main-column[b-v7xu0yossu]  .client-tabs .k-tabstrip-item.k-active {
    background: var(--dossier-surface);
    color: var(--bs-primary, #2563eb);
}

.client-main-column[b-v7xu0yossu]  .client-tabs > .k-tabstrip-content {
    padding: .35rem 1rem 1rem;
    border: 0;
    background: transparent;
}

/* === Tablica kanban (zakładka Tablica) === */

.board-filter[b-v7xu0yossu] {
    max-width: 420px;
}

.kanban-board[b-v7xu0yossu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(240px, 1fr));
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .5rem;
}

.kanban-column[b-v7xu0yossu] {
    background: var(--dossier-subtle);
    border: 1px solid var(--dossier-border);
    border-radius: 6px;
    min-width: 240px;
}

.kanban-column header[b-v7xu0yossu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .75rem;
    border-bottom: 1px solid var(--dossier-border);
    font-weight: 700;
}

.kanban-cards[b-v7xu0yossu] {
    display: grid;
    gap: .75rem;
    padding: .75rem;
}

.task-card[b-v7xu0yossu] {
    background: var(--dossier-surface);
    border: 1px solid var(--dossier-border);
    border-radius: 6px;
    padding: .75rem;
}

.task-overdue[b-v7xu0yossu] {
    border-color: var(--bs-danger, #dc3545);
}

.task-description[b-v7xu0yossu] {
    color: var(--dossier-ink);
    font-size: .9rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.empty-column[b-v7xu0yossu] {
    color: var(--dossier-muted);
    font-size: .9rem;
    padding: 1rem .5rem;
    text-align: center;
}

/* === Dialog „Edycja kontrahenta" === */

.contractor-edit-modal[b-v7xu0yossu] {
    background: rgba(15, 23, 42, .58);
}

.contractor-edit-modal .modal-dialog[b-v7xu0yossu] {
    max-width: min(1120px, calc(100vw - 2rem));
}

.contractor-edit-modal .modal-content[b-v7xu0yossu] {
    border: 0;
    border-radius: 8px;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .25);
}

.edit-metadata[b-v7xu0yossu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.edit-metadata div[b-v7xu0yossu] {
    display: grid;
    gap: .15rem;
    min-width: 0;
    padding: .7rem .85rem;
    border: 1px solid var(--dossier-border);
    border-radius: 6px;
    background: var(--dossier-subtle);
}

.edit-metadata span[b-v7xu0yossu],
.edit-list-item .form-label[b-v7xu0yossu] {
    color: var(--dossier-muted);
}

.edit-metadata strong[b-v7xu0yossu] {
    overflow-wrap: anywhere;
}

/* Klasa .contractor-edit-tabs siedzi na komponencie Telerika (element bez atrybutu scope),
   więc kotwicą selektora musi być element z pliku (.modal-body) + ::deep */
.contractor-edit-modal .modal-body[b-v7xu0yossu]  .contractor-edit-tabs .k-tabstrip-content {
    min-height: 360px;
}

.edit-section-toolbar[b-v7xu0yossu] {
    display: flex;
    justify-content: flex-end;
}

.edit-list[b-v7xu0yossu] {
    display: grid;
    gap: .85rem;
    margin-top: .85rem;
}

.edit-list-item[b-v7xu0yossu] {
    border: 1px solid var(--dossier-border);
    border-radius: 8px;
    padding: .85rem;
    background: var(--dossier-surface);
}

.edit-list-header[b-v7xu0yossu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .75rem;
}

.edit-check-row[b-v7xu0yossu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 38px;
}

.edit-check-row-compact[b-v7xu0yossu] {
    min-height: 32px;
}

.edit-checkbox-grid[b-v7xu0yossu] {
    display: grid;
    grid-template-columns: repeat(5, minmax(140px, 1fr));
    gap: .75rem;
}

.edit-checkbox-grid label[b-v7xu0yossu] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .7rem .85rem;
    border: 1px solid var(--dossier-border);
    border-radius: 6px;
    background: var(--dossier-subtle);
}

/* === Responsywność === */

@media (max-width: 1399.98px) {
    .client-kpis[b-v7xu0yossu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    .client-profile-column[b-v7xu0yossu] {
        order: 2;
    }

    .client-main-column[b-v7xu0yossu] {
        order: 1;
    }
}

@media (max-width: 991.98px) {
    .edit-metadata[b-v7xu0yossu],
    .edit-checkbox-grid[b-v7xu0yossu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kanban-board[b-v7xu0yossu] {
        grid-template-columns: repeat(4, 260px);
    }
}

@media (max-width: 899.98px) {
    .client-hero[b-v7xu0yossu] {
        align-items: flex-start;
        flex-direction: column;
    }

    .client-hero__actions[b-v7xu0yossu] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 639.98px) {
    .contractor-hub[b-v7xu0yossu] {
        padding-inline: .7rem;
    }

    .client-kpis[b-v7xu0yossu] {
        grid-template-columns: 1fr;
    }

    .client-hero[b-v7xu0yossu] {
        border-radius: 1.15rem;
    }

    .client-hero__identity[b-v7xu0yossu] {
        align-items: flex-start;
    }

    .client-hero__meta[b-v7xu0yossu] {
        align-items: flex-start;
        flex-direction: column;
        gap: .25rem;
    }

    .client-hero__actions[b-v7xu0yossu]  .k-button,
    .client-actionbar__buttons[b-v7xu0yossu]  .k-button {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 575.98px) {
    .contractor-edit-modal .modal-dialog[b-v7xu0yossu] {
        max-width: 100vw;
        margin: 0;
        min-height: 100vh;
    }

    .contractor-edit-modal .modal-content[b-v7xu0yossu] {
        min-height: 100vh;
        border-radius: 0;
    }

    .edit-metadata[b-v7xu0yossu],
    .edit-checkbox-grid[b-v7xu0yossu] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Collaboration/Absences.razor.rz.scp.css */
.absence-calendar-scroll[b-c66mbnlcqg] {
    --absence-calendar-worker-width: clamp(11rem, 18vw, 16rem);
    --absence-calendar-day-width: clamp(
        var(--absence-calendar-day-min, 40px),
        3vw,
        var(--absence-calendar-day-max, 56px)
    );

    max-width: 100%;
    max-height: min(65vh, 42rem);
    overflow: auto;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: .375rem;
    background: var(--bs-body-bg, #fff);
}

.absence-calendar-table[b-c66mbnlcqg] {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
    table-layout: fixed;
}

.absence-calendar-table thead th[b-c66mbnlcqg] {
    position: sticky;
    top: 0;
    z-index: 4;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.absence-calendar-worker-cell[b-c66mbnlcqg] {
    position: sticky;
    left: 0;
    z-index: 3;
    width: var(--absence-calendar-worker-width);
    min-width: var(--absence-calendar-worker-width);
    max-width: var(--absence-calendar-worker-width);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: var(--bs-body-bg, #fff);
    box-shadow: 1px 0 0 var(--bs-border-color, #dee2e6);
}

.absence-calendar-table thead .absence-calendar-worker-cell[b-c66mbnlcqg] {
    z-index: 5;
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.absence-calendar-day-cell[b-c66mbnlcqg] {
    width: var(--absence-calendar-day-width);
    min-width: var(--absence-calendar-day-width);
    max-width: var(--absence-calendar-day-width);
    height: 2rem;
    font-size: .75rem;
    vertical-align: middle;
}

.absence-calendar-table tbody .absence-calendar-day-cell[b-c66mbnlcqg] {
    height: 2.25rem;
}

.absence-calendar-weekend[b-c66mbnlcqg] {
    background-color: var(--bs-secondary-bg, #e9ecef);
}

.absence-calendar-absence[b-c66mbnlcqg] {
    cursor: pointer;
}

.absence-calendar-absence span[b-c66mbnlcqg] {
    color: #fff;
    font-size: .65rem;
    line-height: 1;
}
/* /Components/Pages/Dashboard/ClientDashboard.razor.rz.scp.css */
/* === Dashboard Layout === */

.client-dashboard[b-5wsiy02e34] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 8px;
}

/* === Header === */

.dashboard-header[b-5wsiy02e34] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.dashboard-header__title[b-5wsiy02e34] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--kendo-color-on-app-surface, #2d3748);
    margin-bottom: 4px;
}

.dashboard-header__subtitle[b-5wsiy02e34] {
    color: var(--kendo-color-subtle, #718096);
    margin: 0;
    font-size: 1rem;
}

.dashboard-header__actions[b-5wsiy02e34] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

/* === KPI Row === */

.dashboard-kpi-row[b-5wsiy02e34] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

.dashboard-kpi[b-5wsiy02e34] {
    flex: 1 1 120px;
    min-width: 120px;
    max-width: 200px;
    text-align: center;
    padding: 16px 12px;
    border-radius: 12px;
    background: var(--kendo-color-surface, white);
    border: 1px solid var(--kendo-color-border, #e2e8f0);
}

.dashboard-kpi__value[b-5wsiy02e34] {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
}

.dashboard-kpi__label[b-5wsiy02e34] {
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #718096);
    margin-top: 4px;
}

.dashboard-kpi--danger .dashboard-kpi__value[b-5wsiy02e34] { color: var(--bs-danger, #dc3545); }
.dashboard-kpi--warning .dashboard-kpi__value[b-5wsiy02e34] { color: var(--bs-warning, #ffc107); }
.dashboard-kpi--success .dashboard-kpi__value[b-5wsiy02e34] { color: var(--bs-success, #198754); }
.dashboard-kpi--info .dashboard-kpi__value[b-5wsiy02e34] { color: var(--bs-info, #0dcaf0); }
.dashboard-kpi--primary .dashboard-kpi__value[b-5wsiy02e34] { color: var(--bs-primary, #0d6efd); }

/* === Section === */

.dashboard-section[b-5wsiy02e34] {
    margin-bottom: 32px;
}

.dashboard-section__header[b-5wsiy02e34] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    flex-wrap: wrap;
    gap: 8px;
}

.dashboard-section__title[b-5wsiy02e34] {
    font-size: 1.15rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #2d3748);
    margin: 0;
    display: flex;
    align-items: center;
}

/* === Cards Grid — Responsive === */

.dashboard-cards-grid[b-5wsiy02e34] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 16px;
}

/* === Loader === */

.dashboard-loader[b-5wsiy02e34] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    color: var(--kendo-color-subtle, #718096);
}

/* === Empty State === */

.dashboard-empty[b-5wsiy02e34] {
    text-align: center;
    padding: 80px 20px;
}

/* === Customize Dialog Items === */

.customize-item[b-5wsiy02e34] {
    background: var(--kendo-color-surface, white);
    transition: background-color 0.15s;
}

.customize-item:hover[b-5wsiy02e34] {
    background-color: var(--kendo-color-surface-alt, #f7fafc);
}

/* === Responsive === */

@media (max-width: 768px) {
    .dashboard-header[b-5wsiy02e34] {
        flex-direction: column;
    }

    .dashboard-header__title[b-5wsiy02e34] {
        font-size: 1.4rem;
    }

    .dashboard-header__actions[b-5wsiy02e34] {
        width: 100%;
        justify-content: flex-end;
    }

    .dashboard-kpi-row[b-5wsiy02e34] {
        gap: 8px;
    }

    .dashboard-kpi[b-5wsiy02e34] {
        flex: 1 1 80px;
        min-width: 80px;
        padding: 12px 8px;
    }

    .dashboard-kpi__value[b-5wsiy02e34] {
        font-size: 1.5rem;
    }

    .dashboard-kpi__label[b-5wsiy02e34] {
        font-size: 0.7rem;
    }

    [b-5wsiy02e34] .dashboard-cards-grid {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {
    [b-5wsiy02e34] .dashboard-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1025px) {
    [b-5wsiy02e34] .dashboard-cards-grid {
        grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    }
}
/* /Components/Pages/Finance/Components/InvoicePrintPreview.razor.rz.scp.css */
.invoice-pdf-preview[b-tkvljlm90j] {
    --invoice-border: #94a3b8;
    --invoice-header-bg: #e2e8f0;
    --invoice-text: #111827;
    box-sizing: border-box;
    background: #fff;
    color: var(--invoice-text);
    font-size: 13px;
    line-height: 1.34;
    max-width: 794px;
    margin: 0 auto 18px;
    padding: 42px;
    border: 1px solid var(--invoice-border);
    box-shadow: 0 8px 28px rgba(17, 24, 39, 0.08);
}

.invoice-preview-box[b-tkvljlm90j],
.invoice-preview-table[b-tkvljlm90j] {
    border: 1px solid var(--invoice-border);
}

.invoice-preview-box[b-tkvljlm90j] {
    margin-bottom: 12px;
    background: #fff;
}

.invoice-preview-title-row[b-tkvljlm90j],
.invoice-preview-box-title[b-tkvljlm90j] {
    background: var(--invoice-header-bg);
    border-bottom: 1px solid var(--invoice-border);
}

.invoice-preview-title-row[b-tkvljlm90j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 38px;
    padding: 9px 14px;
}

.invoice-preview-title[b-tkvljlm90j] {
    display: flex;
    gap: 24px;
    align-items: baseline;
}

.invoice-preview-date-grid[b-tkvljlm90j] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    padding: 14px;
}

.invoice-preview-date-grid span[b-tkvljlm90j] {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}

.invoice-preview-badges[b-tkvljlm90j] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 14px 12px;
}

.invoice-preview-badges span[b-tkvljlm90j] {
    border: 1px solid var(--invoice-border);
    background: var(--invoice-header-bg);
    padding: 2px 7px;
    font-size: 12px;
}

.invoice-preview-parties[b-tkvljlm90j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px;
    border-top: 1px solid var(--invoice-border);
    margin: 0 14px;
    padding: 14px 0 26px;
}

.invoice-preview-parties h3[b-tkvljlm90j] {
    font-size: 13px;
    margin: 0 0 8px;
    font-weight: 700;
}

.invoice-preview-strong[b-tkvljlm90j] {
    font-weight: 700;
}

.invoice-preview-table-wrap[b-tkvljlm90j] {
    overflow-x: auto;
    margin-bottom: 12px;
}

.invoice-preview-table[b-tkvljlm90j] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #fff;
    margin: 0;
}

.invoice-preview-table th[b-tkvljlm90j],
.invoice-preview-table td[b-tkvljlm90j] {
    border: 1px solid var(--invoice-border);
    padding: 8px 7px;
    vertical-align: top;
}

.invoice-preview-table th[b-tkvljlm90j] {
    background: var(--invoice-header-bg);
    font-size: 12px;
    font-weight: 700;
}

.invoice-preview-lines-table th:nth-child(1)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(1)[b-tkvljlm90j] { width: 36px; }
.invoice-preview-lines-table th:nth-child(2)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(2)[b-tkvljlm90j] { width: 32%; }
.invoice-preview-lines-table th:nth-child(3)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(3)[b-tkvljlm90j] { width: 13%; white-space: pre-line; }
.invoice-preview-lines-table th:nth-child(4)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(4)[b-tkvljlm90j] { width: 8%; }
.invoice-preview-lines-table th:nth-child(5)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(5)[b-tkvljlm90j] { width: 7%; }
.invoice-preview-lines-table th:nth-child(6)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(6)[b-tkvljlm90j] { width: 12%; }
.invoice-preview-lines-table th:nth-child(7)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(7)[b-tkvljlm90j] { width: 7%; }
.invoice-preview-lines-table th:nth-child(8)[b-tkvljlm90j],
.invoice-preview-lines-table td:nth-child(8)[b-tkvljlm90j] { width: 13%; }

.invoice-preview-number[b-tkvljlm90j] {
    text-align: right;
    white-space: nowrap;
}

.invoice-preview-amount-stack[b-tkvljlm90j] {
    display: grid;
    gap: 2px;
}

.invoice-preview-pln-amount[b-tkvljlm90j] {
    color: #6c757d;
    font-size: 12px;
    font-weight: 400;
}

.invoice-preview-pln-warning[b-tkvljlm90j] {
    color: #856404;
    font-size: 12px;
}

.invoice-preview-center[b-tkvljlm90j] {
    text-align: center;
}

.invoice-preview-muted[b-tkvljlm90j] {
    color: #6c757d;
    font-style: italic;
    margin-top: 3px;
}

.invoice-preview-box-title[b-tkvljlm90j] {
    padding: 10px 14px;
    font-weight: 700;
}

.invoice-preview-vat-table th[b-tkvljlm90j],
.invoice-preview-vat-table td[b-tkvljlm90j] {
    text-align: center;
}

.invoice-preview-vat-table .invoice-preview-number[b-tkvljlm90j] {
    text-align: right;
}

.invoice-preview-rows[b-tkvljlm90j] {
    border-top: 1px solid var(--invoice-border);
    margin-bottom: 12px;
}

.invoice-preview-row[b-tkvljlm90j] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    gap: 12px;
    border-bottom: 1px solid var(--invoice-border);
    padding: 7px 8px;
}

.invoice-preview-total-section[b-tkvljlm90j] {
    display: grid;
    grid-template-columns: 1fr 360px;
    gap: 24px;
    align-items: end;
    border-top: 1px solid var(--invoice-border);
    border-bottom: 1px solid var(--invoice-border);
    padding: 14px 8px 12px;
    margin-bottom: 12px;
}

.invoice-preview-total-box[b-tkvljlm90j] {
    display: grid;
    gap: 7px;
}

.invoice-preview-total-row[b-tkvljlm90j] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    font-size: 14px;
}

.invoice-preview-total-amount[b-tkvljlm90j] {
    text-align: right;
}

.invoice-preview-words[b-tkvljlm90j] {
    font-size: 12px;
}

.invoice-preview-paid[b-tkvljlm90j] {
    align-self: center;
}

.invoice-preview-text-box[b-tkvljlm90j] {
    padding-bottom: 10px;
}

.invoice-preview-text-box > :not(.invoice-preview-box-title)[b-tkvljlm90j] {
    padding: 0 14px;
    margin-top: 8px;
}

.invoice-preview-preline[b-tkvljlm90j] {
    white-space: pre-wrap;
}

.invoice-preview-ksef-content[b-tkvljlm90j] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px;
    gap: 18px;
    min-height: 132px;
    align-items: center;
    padding: 16px 14px;
}

.invoice-preview-ksef-content img[b-tkvljlm90j] {
    width: 120px;
    height: 120px;
    justify-self: center;
}

@media (max-width: 720px) {
    .invoice-pdf-preview[b-tkvljlm90j] {
        padding: 12px;
    }

    .invoice-preview-date-grid[b-tkvljlm90j],
    .invoice-preview-parties[b-tkvljlm90j],
    .invoice-preview-total-section[b-tkvljlm90j],
    .invoice-preview-ksef-content[b-tkvljlm90j] {
        grid-template-columns: 1fr;
    }

    .invoice-preview-row[b-tkvljlm90j] {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .invoice-preview-total-section[b-tkvljlm90j] {
        gap: 12px;
    }
}

@media print {
    .invoice-pdf-preview[b-tkvljlm90j] {
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        box-shadow: none;
    }
}
/* /Components/Pages/Finance/Components/KsefXmlInvoicePreview.razor.rz.scp.css */
.ksef-xml-preview-sheet[b-whbi4jr4no] {
    width: min(100%, 1120px);
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    color: #172033;
    border: 1px solid #dfe5ee;
    border-radius: 14px;
    font-size: 14px;
    line-height: 1.45;
    box-shadow: 0 18px 48px rgba(20, 31, 45, .10);
}
.ksef-xml-preview-header[b-whbi4jr4no] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
    gap: 32px;
    padding: 30px 34px;
    color: #fff;
    background: linear-gradient(135deg, #142a4b 0%, #1f4b7a 65%, #176b73 100%);
}
.ksef-xml-preview-heading[b-whbi4jr4no] { display: flex; flex-direction: column; align-items: flex-start; }
.ksef-xml-preview-direction[b-whbi4jr4no], .ksef-xml-preview-source[b-whbi4jr4no] {
    display: inline-flex;
    padding: 5px 10px;
    border: 1px solid rgba(255,255,255,.34);
    border-radius: 999px;
    background: rgba(255,255,255,.12);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.ksef-xml-preview-source[b-whbi4jr4no] { margin-top: 14px; letter-spacing: 0; text-transform: none; }
.ksef-xml-preview-title[b-whbi4jr4no] { margin-top: 16px; font-size: 30px; font-weight: 800; letter-spacing: -.02em; }
.ksef-xml-preview-number[b-whbi4jr4no] { margin-top: 3px; font-size: 20px; font-weight: 650; overflow-wrap: anywhere; }
.ksef-xml-preview-meta[b-whbi4jr4no] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.ksef-xml-preview-meta div[b-whbi4jr4no] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 11px 12px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 9px;
    background: rgba(255,255,255,.09);
}
.ksef-xml-preview-meta span[b-whbi4jr4no] { color: rgba(255,255,255,.74); font-size: 11px; }
.ksef-xml-preview-ksef-row[b-whbi4jr4no] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .4fr);
    gap: 24px;
    margin: 0 34px;
    padding: 20px 0;
    border-bottom: 1px solid #dfe5ee;
}
.ksef-xml-preview-ksef-row div[b-whbi4jr4no], .ksef-xml-preview-summary div[b-whbi4jr4no] { display: flex; justify-content: space-between; gap: 16px; }
.ksef-xml-preview-ksef-row span[b-whbi4jr4no], .ksef-xml-preview-summary span[b-whbi4jr4no] { color: #657080; }
.ksef-xml-preview-ksef-row strong[b-whbi4jr4no] { text-align: right; overflow-wrap: anywhere; }
.ksef-xml-preview-correction[b-whbi4jr4no] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 22px 34px 0;
    padding: 18px;
    border: 1px solid #fed7aa;
    border-radius: 10px;
    background: #fff8ed;
}
.ksef-xml-preview-correction h3[b-whbi4jr4no], .ksef-xml-preview-parties h3[b-whbi4jr4no], .ksef-xml-preview-section-title[b-whbi4jr4no] {
    margin: 0 0 10px;
    color: #52606d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}
.ksef-xml-preview-correction h3[b-whbi4jr4no] { color: #8a4b13; }
.ksef-xml-preview-correction > div > div[b-whbi4jr4no] { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.ksef-xml-preview-correction span[b-whbi4jr4no] { color: #a16207; }
.ksef-xml-preview-correction strong[b-whbi4jr4no] { text-align: right; overflow-wrap: anywhere; }
.ksef-xml-preview-parties[b-whbi4jr4no] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 24px 34px 0;
}
.ksef-xml-preview-parties > div[b-whbi4jr4no] {
    min-height: 142px;
    padding: 20px;
    border: 1px solid #dfe5ee;
    border-radius: 11px;
    background: #f8fafc;
    box-shadow: inset 4px 0 0 #2b6fa5;
}
.ksef-xml-preview-parties strong[b-whbi4jr4no] { margin-bottom: 5px; font-size: 15px; }
.ksef-xml-preview-parties strong[b-whbi4jr4no], .ksef-xml-preview-parties span[b-whbi4jr4no] { display: block; overflow-wrap: anywhere; }
.ksef-xml-preview-flags[b-whbi4jr4no] { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 34px 0; }
.ksef-xml-preview-flags span[b-whbi4jr4no] {
    padding: 5px 10px;
    border: 1px solid #9fb3c8;
    border-radius: 999px;
    color: #334e68;
    background: #f0f5fa;
    font-size: 11px;
    font-weight: 700;
}
.ksef-xml-preview-items[b-whbi4jr4no] { margin: 28px 34px 0; }
.ksef-xml-preview-table-wrap[b-whbi4jr4no] { overflow-x: auto; border: 1px solid #dfe5ee; border-radius: 10px; }
.ksef-xml-preview-lines[b-whbi4jr4no] { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; }
.ksef-xml-preview-lines th[b-whbi4jr4no], .ksef-xml-preview-lines td[b-whbi4jr4no] { padding: 11px 10px; vertical-align: top; border-bottom: 1px solid #e7ebf1; overflow-wrap: anywhere; }
.ksef-xml-preview-lines tbody tr:last-child td[b-whbi4jr4no] { border-bottom: 0; }
.ksef-xml-preview-lines tbody tr:nth-child(even)[b-whbi4jr4no] { background: #fbfcfe; }
.ksef-xml-preview-lines th[b-whbi4jr4no] { background: #eef3f8; color: #3e4c59; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.ksef-xml-preview-lines th:nth-child(1)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(1)[b-whbi4jr4no] { width: 46px; text-align: center; }
.ksef-xml-preview-lines th:nth-child(2)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(2)[b-whbi4jr4no] { width: auto; }
.ksef-xml-preview-lines th:nth-child(3)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(3)[b-whbi4jr4no] { width: 82px; text-align: right; }
.ksef-xml-preview-lines th:nth-child(4)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(4)[b-whbi4jr4no] { width: 58px; text-align: center; }
.ksef-xml-preview-lines th:nth-child(5)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(5)[b-whbi4jr4no],
.ksef-xml-preview-lines th:nth-child(6)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(6)[b-whbi4jr4no],
.ksef-xml-preview-lines th:nth-child(8)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(8)[b-whbi4jr4no] { width: 112px; text-align: right; font-variant-numeric: tabular-nums; }
.ksef-xml-preview-lines th:nth-child(7)[b-whbi4jr4no], .ksef-xml-preview-lines td:nth-child(7)[b-whbi4jr4no] { width: 68px; text-align: right; }
.ksef-xml-preview-lines small[b-whbi4jr4no] { display: block; margin-top: 4px; color: #657080; }
.ksef-xml-preview-empty[b-whbi4jr4no] { padding: 20px; border: 1px dashed #cbd5e1; border-radius: 10px; color: #657080; }
.ksef-xml-preview-summary[b-whbi4jr4no] {
    display: grid;
    width: min(430px, calc(100% - 68px));
    margin: 26px 34px 0 auto;
    padding: 18px 20px;
    border: 1px solid #dfe5ee;
    border-radius: 11px;
    background: #f8fafc;
}
.ksef-xml-preview-summary div[b-whbi4jr4no] { padding: 8px 0; border-bottom: 1px solid #dfe5ee; }
.ksef-xml-preview-summary div:last-child[b-whbi4jr4no] { border-bottom: 0; }
.ksef-xml-preview-summary .ksef-xml-preview-total[b-whbi4jr4no] { margin-top: 4px; padding-top: 13px; color: #102a43; font-size: 18px; }
.ksef-xml-preview-exchange[b-whbi4jr4no] { margin-bottom: 32px; background: #f3f8fb; }
@media (max-width: 820px) {
    .ksef-xml-preview-header[b-whbi4jr4no], .ksef-xml-preview-ksef-row[b-whbi4jr4no], .ksef-xml-preview-correction[b-whbi4jr4no], .ksef-xml-preview-parties[b-whbi4jr4no] { grid-template-columns: 1fr; }
    .ksef-xml-preview-header[b-whbi4jr4no] { padding: 24px 20px; }
    .ksef-xml-preview-ksef-row[b-whbi4jr4no], .ksef-xml-preview-parties[b-whbi4jr4no], .ksef-xml-preview-items[b-whbi4jr4no], .ksef-xml-preview-correction[b-whbi4jr4no] { margin-left: 20px; margin-right: 20px; }
    .ksef-xml-preview-summary[b-whbi4jr4no] { width: auto; margin-left: 20px; margin-right: 20px; }
}
@media print {
    @page { size: A4 landscape; margin: 12mm; }
    .ksef-xml-preview-sheet[b-whbi4jr4no] { width: 100%; border: 0; border-radius: 0; box-shadow: none; font-size: 11px; }
    .ksef-xml-preview-header[b-whbi4jr4no] { padding: 14px 0; color: #172033; background: #fff; border-bottom: 2px solid #172033; }
    .ksef-xml-preview-direction[b-whbi4jr4no], .ksef-xml-preview-source[b-whbi4jr4no], .ksef-xml-preview-meta div[b-whbi4jr4no] { border-color: #94a3b8; background: #fff; }
    .ksef-xml-preview-meta span[b-whbi4jr4no] { color: #657080; }
    .ksef-xml-preview-table-wrap[b-whbi4jr4no] { overflow: visible; }
    .ksef-xml-preview-lines[b-whbi4jr4no] { min-width: 0; }
    .ksef-xml-preview-lines tr[b-whbi4jr4no], .ksef-xml-preview-parties > div[b-whbi4jr4no], .ksef-xml-preview-summary[b-whbi4jr4no] { break-inside: avoid; }
}
/* /Components/Pages/PrivacyPolicy.razor.rz.scp.css */
.privacy-policy-container[b-yflzwe3jh0] {
    max-width: 900px;
    margin: 0 auto;
    padding: 24px;
}

.privacy-policy-content[b-yflzwe3jh0] {
    background: var(--kendo-color-surface, #ffffff);
    border-radius: 8px;
    padding: 32px 40px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.privacy-policy-content h1[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
    font-size: 2rem;
    margin-bottom: 8px;
    border-bottom: 3px solid var(--kendo-color-primary, #006bb7);
    padding-bottom: 16px;
}

.last-updated[b-yflzwe3jh0] {
    color: var(--kendo-color-subtle, #666666);
    font-size: 0.9rem;
    margin-bottom: 32px;
}

.privacy-policy-content h2[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
    font-size: 1.4rem;
    margin-top: 32px;
    margin-bottom: 16px;
    padding-bottom: 8px;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

.privacy-policy-content h3[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
    font-size: 1.1rem;
    margin-top: 24px;
    margin-bottom: 12px;
}

.privacy-policy-content p[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
    line-height: 1.7;
    margin-bottom: 16px;
}

.privacy-policy-content ul[b-yflzwe3jh0] {
    margin-bottom: 16px;
    padding-left: 24px;
}

.privacy-policy-content li[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
    line-height: 1.7;
    margin-bottom: 8px;
}

.info-box[b-yflzwe3jh0] {
    background: var(--kendo-color-surface-alt, #f5f5f5);
    border-left: 4px solid var(--kendo-color-primary, #006bb7);
    padding: 16px 20px;
    margin: 16px 0;
    border-radius: 0 8px 8px 0;
}

.info-box p[b-yflzwe3jh0] {
    margin-bottom: 8px;
}

.info-box p:last-child[b-yflzwe3jh0] {
    margin-bottom: 0;
}

.cookie-table[b-yflzwe3jh0] {
    overflow-x: auto;
    margin: 16px 0;
}

.cookie-table table[b-yflzwe3jh0] {
    width: 100%;
    border-collapse: collapse;
    background: var(--kendo-color-surface, #ffffff);
    border: 1px solid var(--kendo-color-border, #e0e0e0);
}

.cookie-table th[b-yflzwe3jh0],
.cookie-table td[b-yflzwe3jh0] {
    padding: 12px 16px;
    text-align: left;
    border-bottom: 1px solid var(--kendo-color-border, #e0e0e0);
}

.cookie-table th[b-yflzwe3jh0] {
    background: var(--kendo-color-surface-alt, #f5f5f5);
    font-weight: 600;
    color: var(--kendo-color-on-surface, #272727);
}

.cookie-table td[b-yflzwe3jh0] {
    color: var(--kendo-color-on-surface, #272727);
}

.cookie-table tr:last-child td[b-yflzwe3jh0] {
    border-bottom: none;
}

.cookie-settings-link[b-yflzwe3jh0] {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 2px solid var(--kendo-color-border, #e0e0e0);
    text-align: center;
}

.cookie-settings-link p[b-yflzwe3jh0] {
    margin-bottom: 16px;
}

section[b-yflzwe3jh0] {
    scroll-margin-top: 80px;
}

a[b-yflzwe3jh0] {
    color: var(--kendo-color-primary, #006bb7);
    text-decoration: none;
}

a:hover[b-yflzwe3jh0] {
    text-decoration: underline;
}

/* Dark theme */
:global(.k-dark) .privacy-policy-content[b-yflzwe3jh0] {
    background: var(--kendo-color-surface, #1e1e1e);
}

:global(.k-dark) .info-box[b-yflzwe3jh0] {
    background: var(--kendo-color-surface-alt, #2d2d2d);
}

:global(.k-dark) .cookie-table table[b-yflzwe3jh0] {
    background: var(--kendo-color-surface, #1e1e1e);
}

:global(.k-dark) .cookie-table th[b-yflzwe3jh0] {
    background: var(--kendo-color-surface-alt, #2d2d2d);
}

/* Responsive */
@media (max-width: 768px) {
    .privacy-policy-content[b-yflzwe3jh0] {
        padding: 24px 20px;
    }

    .privacy-policy-content h1[b-yflzwe3jh0] {
        font-size: 1.5rem;
    }

    .privacy-policy-content h2[b-yflzwe3jh0] {
        font-size: 1.2rem;
    }

    .cookie-table th[b-yflzwe3jh0],
    .cookie-table td[b-yflzwe3jh0] {
        padding: 8px 12px;
        font-size: 0.9rem;
    }
}
/* /Components/Pages/Projects/Components/ProjectBrigadeSchedule.razor.rz.scp.css */
.brigade-schedule[b-ba5z03wlma] {
    --crew-column: clamp(16rem, 20vw, 19rem);
    color: var(--kendo-color-on-app-surface, #212529);
}

.brigade-schedule__scroll[b-ba5z03wlma] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    border: 1px solid var(--kendo-color-border, #d9dee3);
    border-radius: .75rem;
    background: var(--kendo-color-surface, #fff);
    box-shadow: 0 .2rem .65rem rgb(33 37 41 / 6%);
    scrollbar-gutter: stable;
    overscroll-behavior-inline: contain;
}

.brigade-schedule__scroll:focus-visible[b-ba5z03wlma] {
    outline: 3px solid color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 45%, transparent);
    outline-offset: 2px;
}

.brigade-schedule__canvas[b-ba5z03wlma] {
    display: grid;
    grid-template-columns: var(--crew-column) minmax(var(--timeline-min-width), 1fr);
    width: 100%;
    min-width: calc(var(--crew-column) + var(--timeline-min-width));
}

.brigade-schedule__corner[b-ba5z03wlma],
.brigade-schedule__crew[b-ba5z03wlma] {
    position: sticky;
    left: 0;
    z-index: 3;
    width: var(--crew-column);
    background: var(--kendo-color-surface, #fff);
    border-right: 1px solid var(--kendo-color-border, #d9dee3);
}

.brigade-schedule__corner[b-ba5z03wlma] {
    top: 0;
    z-index: 5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 6.6rem;
    padding: .75rem 1rem;
    background: var(--kendo-color-surface-alt, #f6f8fa);
    font-size: .8rem;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: .035em;
}

.brigade-schedule__corner small[b-ba5z03wlma] {
    margin-top: .15rem;
    color: var(--kendo-color-subtle, #68727d);
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.brigade-schedule__axis[b-ba5z03wlma] {
    position: sticky;
    top: 0;
    z-index: 4;
    min-width: var(--timeline-min-width);
    background: var(--kendo-color-surface-alt, #f6f8fa);
}

.brigade-schedule__months[b-ba5z03wlma],
.brigade-schedule__weeks[b-ba5z03wlma],
.brigade-schedule__days[b-ba5z03wlma] {
    display: grid;
}

.brigade-schedule__months > div[b-ba5z03wlma],
.brigade-schedule__weeks > div[b-ba5z03wlma] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brigade-schedule__months > div[b-ba5z03wlma] {
    padding: .45rem .65rem .35rem;
    border-left: 1px solid var(--kendo-color-border, #d9dee3);
    color: var(--kendo-color-on-app-surface, #212529);
    font-size: .84rem;
    font-weight: 700;
    text-transform: capitalize;
}

.brigade-schedule__weeks > div[b-ba5z03wlma] {
    padding: .22rem .45rem;
    border-top: 1px solid var(--kendo-color-border-alt, #e9ecef);
    border-left: 1px solid var(--kendo-color-border, #d9dee3);
    color: var(--kendo-color-subtle, #68727d);
    font-size: .72rem;
    font-weight: 600;
}

.brigade-schedule__day[b-ba5z03wlma] {
    min-width: 0;
    padding: .28rem .08rem .35rem;
    border-top: 1px solid var(--kendo-color-border-alt, #e9ecef);
    text-align: center;
    font-size: .7rem;
    line-height: 1.15;
}

.brigade-schedule__day span[b-ba5z03wlma],
.brigade-schedule__day strong[b-ba5z03wlma] {
    display: block;
}

.brigade-schedule__day span[b-ba5z03wlma] {
    color: var(--kendo-color-subtle, #68727d);
    font-weight: 500;
    text-transform: lowercase;
}

.brigade-schedule__day strong[b-ba5z03wlma] {
    margin-top: .1rem;
    font-size: .78rem;
    font-weight: 700;
}

.brigade-schedule__day.is-weekend[b-ba5z03wlma] {
    background: color-mix(in srgb, var(--kendo-color-subtle, #68727d) 7%, transparent);
}

.brigade-schedule__day.is-week-start[b-ba5z03wlma] {
    border-left: 1px solid var(--kendo-color-border, #c8ced4);
}

.brigade-schedule__day.is-today[b-ba5z03wlma] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 15%, transparent);
    color: var(--kendo-color-primary, #0d6efd);
    box-shadow: inset 2px 0 0 var(--kendo-color-primary, #0d6efd);
}

.brigade-schedule__crew[b-ba5z03wlma] {
    display: flex;
    min-height: 4.5rem;
    flex-direction: column;
    justify-content: center;
    gap: .22rem;
    padding: .65rem 1rem;
    border-top: 1px solid var(--kendo-color-border-alt, #e9ecef);
    overflow: hidden;
}

.brigade-schedule__crew strong[b-ba5z03wlma] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--kendo-color-on-app-surface, #212529);
    font-size: .86rem;
    font-weight: 700;
    line-height: 1.24;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.brigade-schedule__crew span[b-ba5z03wlma] {
    display: block;
    overflow: hidden;
    color: var(--kendo-color-subtle, #68727d);
    font-size: .74rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brigade-schedule__crew span.is-missing[b-ba5z03wlma] {
    font-style: italic;
}

.brigade-schedule__track[b-ba5z03wlma] {
    position: relative;
    display: grid;
    min-width: var(--timeline-min-width);
    min-height: 4.5rem;
    grid-template-rows: repeat(2, 2.1rem);
    align-items: center;
    border-top: 1px solid var(--kendo-color-border-alt, #e9ecef);
    isolation: isolate;
}

.brigade-schedule__ticks[b-ba5z03wlma] {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: grid;
}

.brigade-schedule__ticks .brigade-schedule__day[b-ba5z03wlma] {
    padding: 0;
    border-top: 0;
}

.brigade-schedule__ticks .is-weekend[b-ba5z03wlma] {
    background: color-mix(in srgb, var(--kendo-color-subtle, #68727d) 5%, transparent);
}

.brigade-schedule__ticks .is-week-start[b-ba5z03wlma] {
    border-left: 1px solid var(--kendo-color-border-alt, #e2e6ea);
}

.brigade-schedule__ticks .is-today[b-ba5z03wlma] {
    background: color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 9%, transparent);
    box-shadow: inset 2px 0 0 color-mix(in srgb, var(--kendo-color-primary, #0d6efd) 65%, transparent);
}

.brigade-schedule__segment[b-ba5z03wlma] {
    z-index: 2;
    align-self: center;
    height: 1.55rem;
    min-width: .35rem;
    margin-inline: 2px;
    padding: 0 .55rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: .42rem;
    color: #fff;
    font-size: .72rem;
    font-weight: 650;
    line-height: calc(1.55rem - 2px);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgb(33 37 41 / 18%);
}

.brigade-schedule__segment span[b-ba5z03wlma] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.brigade-schedule__segment.is-default[b-ba5z03wlma],
.brigade-schedule__legend i.is-default[b-ba5z03wlma] {
    background: #16794b;
}

.brigade-schedule__segment.is-rotation[b-ba5z03wlma],
.brigade-schedule__legend i.is-rotation[b-ba5z03wlma] {
    background: #68469c;
}

.brigade-schedule__segment.is-cancelled[b-ba5z03wlma] {
    border-color: #343a40;
    background: repeating-linear-gradient(135deg, #48515a 0 5px, #59636e 5px 10px);
    text-decoration: line-through;
    box-shadow: none;
}

.brigade-schedule__legend i.is-cancelled[b-ba5z03wlma] {
    background: repeating-linear-gradient(135deg, #59636e 0 4px, #b9c0c7 4px 8px);
}

.brigade-schedule__legend[b-ba5z03wlma],
.brigade-schedule__summary[b-ba5z03wlma] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem 1rem;
    margin-top: .7rem;
    color: var(--kendo-color-subtle, #68727d);
    font-size: .78rem;
}

.brigade-schedule__legend span[b-ba5z03wlma] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
}

.brigade-schedule__legend i[b-ba5z03wlma] {
    width: 1.65rem;
    height: .55rem;
    border-radius: .28rem;
}

.brigade-schedule__legend small[b-ba5z03wlma] {
    flex-basis: 100%;
}

.brigade-schedule__empty[b-ba5z03wlma] {
    padding: 2rem 1rem;
    border: 1px dashed var(--kendo-color-border, #dee2e6);
    border-radius: .75rem;
    color: var(--kendo-color-subtle, #68727d);
    text-align: center;
}

@media (max-width: 900px) {
    .brigade-schedule[b-ba5z03wlma] {
        --crew-column: 14.5rem;
    }
}

@media (max-width: 640px) {
    .brigade-schedule[b-ba5z03wlma] {
        --crew-column: 11.5rem;
    }

    .brigade-schedule__corner[b-ba5z03wlma],
    .brigade-schedule__crew[b-ba5z03wlma] {
        position: static;
        padding-left: .65rem;
        padding-right: .65rem;
    }

    .brigade-schedule__corner small[b-ba5z03wlma] {
        display: none;
    }

    .brigade-schedule__crew[b-ba5z03wlma],
    .brigade-schedule__track[b-ba5z03wlma] {
        min-height: 5.75rem;
    }

    .brigade-schedule__track[b-ba5z03wlma] {
        grid-template-rows: repeat(2, 2.6rem);
    }

    .brigade-schedule__crew strong[b-ba5z03wlma] {
        -webkit-line-clamp: 3;
    }
}

@media (prefers-reduced-motion: reduce) {
    .brigade-schedule *[b-ba5z03wlma] {
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    .brigade-schedule__segment[b-ba5z03wlma],
    .brigade-schedule__scroll[b-ba5z03wlma],
    .brigade-schedule__day.is-week-start[b-ba5z03wlma] {
        border: 1px solid CanvasText;
    }

    .brigade-schedule__day.is-today[b-ba5z03wlma],
    .brigade-schedule__ticks .is-today[b-ba5z03wlma] {
        outline: 2px solid Highlight;
        outline-offset: -2px;
    }
}
/* /Components/Pages/Projects/CrewPlanning.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════════
   Planowanie załogi — oś czasu brygada→pracownik (design_handoff_planowanie_zalogi).
   Wyłącznie tokeny Kendo przez aliasy domenowe --cp-* (kontrakt docs/ui-theme-system.md);
   Industrial Dark działa bez zmian w markupie. Geometria: lewa kolumna 276px,
   kolumna dnia 92px (zoom Dzień), wiersz 38px, pasek 26px/6px radius.
   ═══════════════════════════════════════════════════════════════════════════════ */

.planning-hub[b-e7ifzgn6h6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 16px 22px 0;
    background: var(--kendo-color-app-surface, #E7E2D8);
}

.planning-hub__item[b-e7ifzgn6h6] {
    display: grid;
    gap: 2px;
    padding: 12px 14px;
    border: 1px solid var(--kendo-color-border, #C9C2B0);
    border-radius: var(--kendo-border-radius-lg, 12px);
    color: var(--kendo-color-on-app-surface, #191712);
    background: var(--kendo-color-surface, #FBFAF6);
    text-decoration: none;
}

.planning-hub__item:hover[b-e7ifzgn6h6] {
    border-color: var(--kendo-color-primary, #F2B705);
}

.planning-hub__item.is-active[b-e7ifzgn6h6] {
    border-color: var(--kendo-color-primary, #F2B705);
    box-shadow: inset 4px 0 0 var(--kendo-color-primary, #F2B705);
}

.planning-hub__item span[b-e7ifzgn6h6] {
    color: var(--kendo-color-subtle, #625C4E);
    font-size: .82rem;
}

@media (max-width: 900px) {
    .planning-hub[b-e7ifzgn6h6] {
        grid-template-columns: 1fr;
    }
}

.crew-plan[b-e7ifzgn6h6] {
    /* ── Warstwy neutralne ─────────────────────────────────────────────────── */
    --cp-canvas: var(--kendo-color-app-surface, #E7E2D8);
    --cp-surface: var(--kendo-color-surface, #FBFAF6);
    --cp-inset: var(--kendo-color-base, #F0EDE4);
    --cp-inset-hover: var(--kendo-color-base-hover, #E7E2D8);
    --cp-ink: var(--kendo-color-on-app-surface, #191712);
    --cp-muted: var(--kendo-color-subtle, #625C4E);
    --cp-line: var(--kendo-color-border, #C9C2B0);
    --cp-line-strong: var(--kendo-color-border-alt, #B7AF9A);

    /* ── Rodziny semantyczne (pary tekst–tło wg kontraktu) ─────────────────── */
    --cp-primary: var(--kendo-color-primary, #F2B705);
    --cp-on-primary: var(--kendo-color-on-primary, #191712);
    --cp-primary-subtle: var(--kendo-color-primary-subtle, #FFF5CC);
    --cp-primary-on-subtle: var(--kendo-color-primary-on-subtle, #705900);
    --cp-accent: var(--kendo-color-primary-on-surface, #705900);
    --cp-primary-emphasis: var(--kendo-color-primary-emphasis, #B88A00);
    --cp-error: var(--kendo-color-error, #B3402E);
    --cp-error-subtle: var(--kendo-color-error-subtle, #F5E1DD);
    --cp-error-on-subtle: var(--kendo-color-error-on-subtle, #5A2118);
    --cp-warning: var(--kendo-color-warning, #C0761F);
    --cp-warning-subtle: var(--kendo-color-warning-subtle, #F8EAD8);
    --cp-warning-on-subtle: var(--kendo-color-warning-on-subtle, #5D390F);
    --cp-success: var(--kendo-color-success, #3E7C4F);
    --cp-success-subtle: var(--kendo-color-success-subtle, #E7F1E9);
    --cp-success-on-subtle: var(--kendo-color-success-on-subtle, #24472D);

    /* ── Serie projektów (wyłącznie do kolorowania pasków) ─────────────────── */
    --cp-series-a: var(--kendo-color-series-a, #2E6BD6);
    --cp-series-b: var(--kendo-color-series-b, #E08A2E);
    --cp-series-c: var(--kendo-color-series-c, #8B5CD6);
    --cp-series-d: var(--kendo-color-series-d, #3E7C4F);
    --cp-series-e: var(--kendo-color-series-e, #C0761F);
    --cp-series-f: var(--kendo-color-series-f, #B3402E);

    /* ── Promienie, cienie, typografia, geometria ──────────────────────────── */
    --cp-radius-card: var(--kendo-border-radius-lg, 14px);
    --cp-radius-ctrl: 8px;
    --cp-radius-bar: 6px;
    --cp-shadow-1: var(--kendo-elevation-1, 0 1px 2px rgba(0, 0, 0, .05));
    --cp-shadow-2: var(--kendo-elevation-2, 0 3px 12px rgba(0, 0, 0, .10));
    --cp-font-sans: var(--efpeka-font-sans, var(--kendo-font-family, system-ui, sans-serif));
    --cp-font-mono: var(--efpeka-font-mono, var(--kendo-font-family-monospace, monospace));
    --cp-left: 276px;

    padding: 18px 22px 26px;
    background: var(--cp-canvas);
    color: var(--cp-ink);
    font-family: var(--cp-font-sans);
    min-height: 100%;
}

.crew-plan *[b-e7ifzgn6h6],
.crew-plan[b-e7ifzgn6h6]  * {
    box-sizing: border-box;
}

.cp-card[b-e7ifzgn6h6] {
    background: var(--cp-surface);
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-card);
    box-shadow: var(--cp-shadow-2);
    overflow: hidden;
}

/* ═══ Toolbar (wiersz 1) ═══════════════════════════════════════════════════ */

.cp-toolbar[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-bottom: 1px solid var(--cp-line);
    flex-wrap: wrap;
}

.cp-toolbar__divider[b-e7ifzgn6h6] {
    width: 1px;
    height: 26px;
    background: var(--cp-line);
}

.cp-toolbar__spacer[b-e7ifzgn6h6] {
    flex: 1;
}

.cp-segment[b-e7ifzgn6h6] {
    display: flex;
    background: var(--cp-inset);
    border: 1px solid var(--cp-line);
    border-radius: 9px;
    padding: 2px;
    gap: 2px;
}

.cp-segment__item[b-e7ifzgn6h6] {
    padding: 5px 12px;
    border-radius: 7px;
    font: 500 12px var(--cp-font-sans);
    color: var(--cp-muted);
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
}

.cp-segment__item.is-active[b-e7ifzgn6h6] {
    font-weight: 600;
    background: var(--cp-surface);
    border-color: var(--cp-line);
    box-shadow: var(--cp-shadow-1);
    color: var(--cp-ink);
}

.cp-segment__item.is-primary[b-e7ifzgn6h6] {
    font-weight: 700;
    background: var(--cp-primary);
    color: var(--cp-on-primary);
    border-color: var(--cp-primary-emphasis);
}

.cp-datenav[b-e7ifzgn6h6] {
    display: flex;
    gap: 4px;
    align-items: center;
}

.cp-btn[b-e7ifzgn6h6] {
    padding: 5px 12px;
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-surface);
    font: 600 12px var(--cp-font-sans);
    color: var(--cp-ink);
    cursor: pointer;
}

.cp-iconbtn[b-e7ifzgn6h6] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cp-ink);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}

.cp-btn:hover[b-e7ifzgn6h6],
.cp-iconbtn:hover[b-e7ifzgn6h6],
.cp-chip:hover[b-e7ifzgn6h6] {
    background: var(--cp-inset-hover);
}

.cp-range[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 600 12px var(--cp-font-mono);
    color: var(--cp-ink);
    white-space: nowrap;
}

.cp-range__weeks[b-e7ifzgn6h6] {
    color: var(--cp-muted);
    font-weight: 500;
}

/* ═══ Pasek filtrów (wiersz 2) ═════════════════════════════════════════════ */

.cp-filterbar[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border-bottom: 1px solid var(--cp-line);
    background: color-mix(in srgb, var(--cp-inset) 55%, var(--cp-surface));
    flex-wrap: wrap;
}

.cp-search[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 7px;
    width: 210px;
    padding: 0 10px;
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-surface);
}

.cp-search__icon[b-e7ifzgn6h6] {
    color: var(--cp-muted);
    font-size: 13px;
}

.cp-search__input[b-e7ifzgn6h6] {
    flex: 1;
    min-width: 0;
    border: 0;
    padding: 6px 0;
    background: transparent;
    font: 400 11.5px var(--cp-font-sans);
    color: var(--cp-ink);
    outline: none;
}

.cp-search__input[b-e7ifzgn6h6]::placeholder {
    color: var(--cp-muted);
}

.cp-chip[b-e7ifzgn6h6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border: 1px solid var(--cp-line);
    border-radius: 999px;
    background: var(--cp-surface);
    color: var(--cp-ink);
    font: 500 11px var(--cp-font-sans);
    white-space: nowrap;
    cursor: pointer;
}

.cp-chip__count[b-e7ifzgn6h6] {
    font: 600 10px var(--cp-font-mono);
    color: var(--cp-muted);
}

.cp-chip.is-active[b-e7ifzgn6h6] {
    background: var(--cp-primary-subtle);
    border-color: var(--cp-primary-emphasis);
    color: var(--cp-primary-on-subtle);
    font-weight: 600;
}

/* Przycisk „Filtry" z aktywnymi kryteriami panelu — ten sam język wizualny co chipy. */
.cp-btn.is-active[b-e7ifzgn6h6] {
    background: var(--cp-primary-subtle);
    border-color: var(--cp-primary-emphasis);
    color: var(--cp-primary-on-subtle);
    font-weight: 600;
}

.cp-btn.is-active .cp-chip__count[b-e7ifzgn6h6] {
    color: var(--cp-primary-on-subtle);
    margin-left: 4px;
}

.cp-chip.is-active .cp-chip__count[b-e7ifzgn6h6] {
    color: var(--cp-primary-on-subtle);
}

.cp-chip--error.is-active[b-e7ifzgn6h6] {
    background: var(--cp-error-subtle);
    border: 1.5px solid var(--cp-error);
    color: var(--cp-error-on-subtle);
}

.cp-chip--error.is-active .cp-chip__count[b-e7ifzgn6h6] {
    color: var(--cp-error-on-subtle);
}

.cp-legend[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.cp-legend__item[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 5px;
    font: 500 10.5px var(--cp-font-sans);
    color: var(--cp-muted);
    white-space: nowrap;
}

.cp-legend__swatch[b-e7ifzgn6h6] {
    width: 16px;
    height: 11px;
    border-radius: 3px;
}

.cp-legend__swatch--confirmed[b-e7ifzgn6h6] {
    background: color-mix(in srgb, var(--cp-series-a) 16%, var(--cp-surface));
    border: 1.5px solid color-mix(in srgb, var(--cp-series-a) 50%, var(--cp-line));
}

.cp-legend__swatch--reserved[b-e7ifzgn6h6] {
    background: color-mix(in srgb, var(--cp-series-a) 8%, var(--cp-surface));
    border: 1.5px dashed color-mix(in srgb, var(--cp-series-a) 55%, var(--cp-line));
}

.cp-legend__swatch--absence[b-e7ifzgn6h6] {
    background: repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--cp-muted) 30%, transparent) 4px 6px);
    border: 1px dashed var(--cp-line-strong);
}

.cp-legend__swatch--conflict[b-e7ifzgn6h6] {
    background: var(--cp-error-subtle);
    border: 1.5px solid var(--cp-error);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cp-error) 30%, transparent);
}

.cp-legend__swatch--transfer[b-e7ifzgn6h6] {
    background: var(--cp-primary-subtle);
    border: 1.5px solid var(--cp-primary-emphasis);
}

/* ═══ Stany strony ═════════════════════════════════════════════════════════ */

.cp-loading[b-e7ifzgn6h6],
.cp-empty[b-e7ifzgn6h6] {
    padding: 48px 16px;
    text-align: center;
    font: 500 12.5px var(--cp-font-sans);
    color: var(--cp-muted);
}

.cp-empty[b-e7ifzgn6h6] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.cp-empty__clear[b-e7ifzgn6h6] {
    align-self: center;
}

.cp-footer[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 8px 14px;
    border-top: 1px solid var(--cp-line);
    background: var(--cp-inset);
}

.cp-footer__meta[b-e7ifzgn6h6] {
    font: 500 10px var(--cp-font-mono);
    letter-spacing: .06em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

/* ═══ Oś czasu (CrewTimeline — style przez ::deep) ═════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .ct-scroll {
    overflow: auto;
    max-height: calc(100vh - 260px);
    outline: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-inner {
    min-width: 100%;
}

.crew-plan[b-e7ifzgn6h6]  .ct-header {
    display: flex;
    position: sticky;
    top: 0;
    z-index: 5;
    background: var(--cp-inset);
    border-bottom: 1px solid var(--cp-line);
}

.crew-plan[b-e7ifzgn6h6]  .ct-corner {
    width: var(--cp-left);
    flex: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 12px;
    border-right: 1px solid var(--cp-line);
    position: sticky;
    left: 0;
    background: var(--cp-inset);
    z-index: 6;
}

.crew-plan[b-e7ifzgn6h6]  .ct-corner__label,
.crew-plan[b-e7ifzgn6h6]  .ct-corner__count {
    font: 600 9.5px var(--cp-font-mono);
    letter-spacing: .1em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .ct-corner__count {
    font-weight: 500;
}

.crew-plan[b-e7ifzgn6h6]  .ct-days {
    display: flex;
}

.crew-plan[b-e7ifzgn6h6]  .ct-day {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
    padding: 4px 0 5px;
    border-left: 1px solid color-mix(in srgb, var(--cp-line) 45%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-day__dow {
    font: 500 9px var(--cp-font-mono);
    letter-spacing: .08em;
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .ct-day.is-weekend .ct-day__dow {
    color: color-mix(in srgb, var(--cp-muted) 55%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-day__num {
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 10px var(--cp-font-mono);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .ct-day.is-weekend .ct-day__num {
    color: color-mix(in srgb, var(--cp-muted) 70%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-day__num.is-today {
    background: var(--cp-primary);
    color: var(--cp-on-primary);
}

.crew-plan[b-e7ifzgn6h6]  .ct-week {
    flex: none;
    display: flex;
    align-items: baseline;
    gap: 6px;
    padding: 8px 8px 9px;
    border-left: 1px solid color-mix(in srgb, var(--cp-line) 45%, transparent);
    overflow: hidden;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .ct-week__label {
    font: 600 10px var(--cp-font-mono);
    letter-spacing: .08em;
    color: var(--cp-ink);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .ct-week__range {
    font: 500 9px var(--cp-font-mono);
    color: var(--cp-muted);
}

/* ── Ciało osi ─────────────────────────────────────────────────────────────── */

.crew-plan[b-e7ifzgn6h6]  .ct-body {
    position: relative;
}

.crew-plan[b-e7ifzgn6h6]  .ct-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    pointer-events: none;
    z-index: 0;
}

.crew-plan[b-e7ifzgn6h6]  .ct-overlay__weekend {
    position: absolute;
    top: 0;
    bottom: 0;
    background: color-mix(in srgb, var(--cp-ink) 4.5%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-overlay__today {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 2px;
    background: var(--cp-primary-emphasis);
    opacity: .85;
    z-index: 4;
}

/* ── Nagłówek grupy ────────────────────────────────────────────────────────── */

.crew-plan[b-e7ifzgn6h6]  .ct-group {
    display: flex;
    align-items: stretch;
    background: color-mix(in srgb, var(--cp-ink) 6%, var(--cp-surface));
    border-top: 1px solid var(--cp-line);
    position: relative;
    z-index: 2;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__left {
    width: var(--cp-left);
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px 9px 12px;
    border-right: 1px solid var(--cp-line);
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    background: inherit;
    position: sticky;
    left: 0;
    z-index: 3;
    cursor: pointer;
    text-align: left;
    font-family: var(--cp-font-sans);
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__caret {
    font-size: 10px;
    color: var(--cp-muted);
    width: 11px;
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__code {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .08em;
    padding: 2px 6px;
    border: 1px solid var(--cp-line-strong);
    border-radius: 4px;
    color: var(--cp-muted);
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__name {
    font: 700 12.5px var(--cp-font-sans);
    color: var(--cp-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__count {
    font: 500 10px var(--cp-font-mono);
    color: var(--cp-muted);
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__meta {
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    min-width: 0;
    overflow: hidden;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__chip {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .06em;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cp-ink) 8%, transparent);
    color: var(--cp-muted);
    white-space: nowrap;
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__chip--leader {
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__chip--warning {
    background: var(--cp-warning-subtle);
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__spacer {
    flex: 1;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__sum {
    font: 500 10px var(--cp-font-mono);
    letter-spacing: .04em;
    color: var(--cp-muted);
    white-space: nowrap;
}

/* ── Wiersz zwiniętej brygady ──────────────────────────────────────────────── */

.crew-plan[b-e7ifzgn6h6]  .ct-collapsed {
    display: flex;
    align-items: stretch;
    border-top: 1px solid color-mix(in srgb, var(--cp-line) 55%, transparent);
    position: relative;
    z-index: 1;
}

.crew-plan[b-e7ifzgn6h6]  .ct-collapsed__left {
    width: var(--cp-left);
    flex: none;
    display: flex;
    align-items: center;
    padding: 8px 12px 8px 31px;
    border-right: 1px solid var(--cp-line);
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    background: var(--cp-surface);
    position: sticky;
    left: 0;
    z-index: 3;
    font: 400 10.5px var(--cp-font-sans);
    font-style: italic;
    color: var(--cp-muted);
    cursor: pointer;
    text-align: left;
}

.crew-plan[b-e7ifzgn6h6]  .ct-collapsed__canvas {
    position: relative;
    flex: none;
    height: 46px;
}

.crew-plan[b-e7ifzgn6h6]  .ct-aggbar {
    position: absolute;
    top: 7px;
    height: 32px;
    border-radius: 7px;
    background: color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 12%, var(--cp-surface));
    border: 1.5px solid color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 45%, var(--cp-line));
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    overflow: hidden;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .ct-aggbar__label {
    font: 700 11px var(--cp-font-sans);
    color: var(--cp-ink);
    overflow: hidden;
    text-overflow: ellipsis;
}

.crew-plan[b-e7ifzgn6h6]  .ct-aggbar__hours {
    margin-left: auto;
    font: 500 9.5px var(--cp-font-mono);
    color: var(--cp-muted);
}

/* ── Wiersz pracownika ─────────────────────────────────────────────────────── */

/* Duże plany (>400 pozycji, .ct-body.is-large): przeglądarka pomija layout/paint wierszy
   poza ekranem, scroll pozostaje w 100% natywny (zero round-tripów obwodu w trakcie gestu).
   Geometria scrolla jest dokładna, bo każdy .ct-row ma JAWNE inline height (38+(pasy-1)*28)
   — dlatego nie potrzeba contain-intrinsic-size; nagłówki grup i zwinięte brygady celowo
   BEZ content-visibility (jest ich mało, a mają być zawsze żywe jako cele drag&drop). */
.crew-plan[b-e7ifzgn6h6]  .ct-body.is-large > .ct-row {
    content-visibility: auto;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row {
    display: flex;
    align-items: stretch;
    border-top: 1px solid color-mix(in srgb, var(--cp-line) 50%, transparent);
    position: relative;
    z-index: 1;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row:hover {
    background: color-mix(in srgb, var(--cp-ink) 3%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__left {
    width: var(--cp-left);
    flex: none;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 14px;
    border-right: 1px solid var(--cp-line);
    position: sticky;
    left: 0;
    background: var(--cp-surface);
    z-index: 3;
}

.crew-plan[b-e7ifzgn6h6]  .ct-avatar {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cp-ink) 9%, var(--cp-inset));
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 9px var(--cp-font-mono);
    color: var(--cp-ink);
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__id {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__nameline,
.crew-plan[b-e7ifzgn6h6]  .ct-row__metaline {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__name {
    font: 600 12px var(--cp-font-sans);
    color: var(--cp-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Ikona stanowiska w brygadzie (👷 brygadzisty albo rola z katalogu /settings/crew-roles). */
.crew-plan[b-e7ifzgn6h6]  .ct-role-icon {
    flex: none;
    font-size: 11px;
    line-height: 1;
}

.crew-plan[b-e7ifzgn6h6]  .ct-rolechip {
    font: 700 8px var(--cp-font-mono);
    letter-spacing: .06em;
    padding: 2px 5px;
    border-radius: 4px;
    background: color-mix(in srgb, var(--cp-ink) 8%, transparent);
    color: var(--cp-muted);
    flex: none;
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .ct-rolechip--leader {
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__meta {
    font: 500 8.5px var(--cp-font-mono);
    letter-spacing: .05em;
    text-transform: uppercase;
    color: var(--cp-muted);
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__warn {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font: 700 8.5px var(--cp-font-mono);
    color: var(--cp-error);
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__transfer {
    font: 700 8.5px var(--cp-font-mono);
    padding: 1px 5px;
    border: 0;
    border-radius: 4px;
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
    white-space: nowrap;
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__canvas {
    position: relative;
    flex: none;
}

/* ── Paski ─────────────────────────────────────────────────────────────────── */

.crew-plan[b-e7ifzgn6h6]  .ct-bar {
    position: absolute;
    height: 26px;
    border-radius: var(--cp-radius-bar);
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    overflow: hidden;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .series-a { --bar-series: var(--cp-series-a); }
.crew-plan[b-e7ifzgn6h6]  .series-b { --bar-series: var(--cp-series-b); }
.crew-plan[b-e7ifzgn6h6]  .series-c { --bar-series: var(--cp-series-c); }
.crew-plan[b-e7ifzgn6h6]  .series-d { --bar-series: var(--cp-series-d); }
.crew-plan[b-e7ifzgn6h6]  .series-e { --bar-series: var(--cp-series-e); }
.crew-plan[b-e7ifzgn6h6]  .series-f { --bar-series: var(--cp-series-f); }

.crew-plan[b-e7ifzgn6h6]  .ct-bar--confirmed {
    background: color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 16%, var(--cp-surface));
    border: 1.5px solid color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 50%, var(--cp-line));
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--reserved {
    background: color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 8%, var(--cp-surface));
    border: 1.5px dashed color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 55%, var(--cp-line));
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--ended {
    background: color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 8%, var(--cp-surface));
    border: 1.5px solid color-mix(in srgb, var(--bar-series, var(--cp-series-a)) 30%, var(--cp-line));
    opacity: .65;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--cancelled {
    background: transparent;
    border: 1.5px dashed var(--cp-line-strong);
    opacity: .55;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--absence {
    background: repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--cp-muted) 26%, transparent) 5px 7px);
    border: 1px dashed var(--cp-line-strong);
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--transfer {
    background: var(--cp-primary-subtle);
    border: 1.5px solid var(--cp-primary-emphasis);
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--free {
    background: transparent;
    border: 1.5px dashed var(--cp-line-strong);
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-conflict {
    border: 1.5px solid var(--cp-error);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cp-error) 32%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar__dot {
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--bar-series, var(--cp-series-a));
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar__label {
    font: 600 10.5px var(--cp-font-sans);
    color: var(--cp-ink);
    flex: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--free .ct-bar__label,
.crew-plan[b-e7ifzgn6h6]  .ct-bar--absence .ct-bar__label {
    color: var(--cp-muted);
    font-weight: 600;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar--transfer .ct-bar__label {
    color: var(--cp-primary-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar__sub {
    font: 400 9.5px var(--cp-font-sans);
    color: var(--cp-muted);
    overflow: hidden;
    text-overflow: ellipsis;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar__hours {
    margin-left: auto;
    font: 500 9.5px var(--cp-font-mono);
    color: var(--cp-muted);
}

/* Zoom Tydzień/Miesiąc: pasek pokazuje tylko etykietę główną. */
.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-compact .ct-bar__sub,
.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-compact .ct-bar__hours {
    display: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-compact {
    padding: 0 5px;
    gap: 4px;
}

/* ═══ Akcje toolbara (Nowy przydział, Zapisz zmiany) ═══════════════════════ */

.cp-newassignment[b-e7ifzgn6h6] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--cp-primary-emphasis);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
    font: 600 12px var(--cp-font-sans);
    cursor: pointer;
}

.cp-savechanges[b-e7ifzgn6h6] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 12px;
    border: 1px solid var(--cp-primary-emphasis);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-primary);
    color: var(--cp-on-primary);
    font: 700 12px var(--cp-font-sans);
    box-shadow: var(--cp-shadow-1);
    cursor: pointer;
}

.cp-savechanges:disabled[b-e7ifzgn6h6] {
    opacity: .6;
    cursor: progress;
}

.cp-savechanges__count[b-e7ifzgn6h6] {
    background: color-mix(in srgb, var(--cp-ink) 16%, transparent);
    border-radius: 999px;
    padding: 1px 7px;
    font: 700 10.5px var(--cp-font-mono);
}

.cp-applyerror[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 14px;
    border-bottom: 1px solid color-mix(in srgb, var(--cp-error) 35%, var(--cp-line));
    background: var(--cp-error-subtle);
    color: var(--cp-error-on-subtle);
    font: 500 12px var(--cp-font-sans);
}

/* Pasek z niezapisaną zmianą lokalną. */
.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-pending {
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--cp-primary-emphasis) 55%, transparent);
    border-style: dashed;
}

.crew-plan[b-e7ifzgn6h6]  .ct-bar.is-clickable {
    cursor: pointer;
}

/* ═══ Panel boczny (CrewDrawer, 1c) ════════════════════════════════════════ */

/* Overlaye MUSZĄ leżeć nad appbarem (.efpeka-appbar, sticky z-index 100) i mobilnym
   sidebar-em (1000) — inaczej górne „✕" panelu jest przykryte nagłówkiem, a klik otwiera
   menu profilu, które przechwytuje kolejne kliknięcia (walidacja 2026-08-10; menu ma
   dodatkowo własny click-away backdrop w TopBar). Jednocześnie muszą zostać PONIŻEJ
   screen-popa CTI (.cti-screen-pop-stack, 1060) — karta przychodzącego połączenia ma być
   widoczna nad otwartym panelem. Stąd pasmo 1010/1020. */
.crew-plan[b-e7ifzgn6h6]  .cd-backdrop {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--cp-ink) 25%, transparent);
    z-index: 1010;
}

.crew-plan[b-e7ifzgn6h6]  .cd-drawer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 432px;
    max-width: 96vw;
    background: var(--cp-surface);
    border-left: 1px solid var(--cp-line);
    box-shadow: var(--cp-shadow-2);
    z-index: 1020;
    display: flex;
    flex-direction: column;
    outline: none;
}

.crew-plan[b-e7ifzgn6h6]  .cd-header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--cp-line);
    background: var(--cp-inset);
}

.crew-plan[b-e7ifzgn6h6]  .cd-header__eyebrow {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .12em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cd-statuschip {
    font: 700 8.5px var(--cp-font-mono);
    letter-spacing: .06em;
    padding: 3px 8px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--cp-series-a) 14%, var(--cp-surface));
    color: var(--cp-ink);
    border: 1px solid color-mix(in srgb, var(--cp-series-a) 45%, var(--cp-line));
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cd-statuschip--new {
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
    border-color: var(--cp-primary-emphasis);
}

.crew-plan[b-e7ifzgn6h6]  .cd-header__spacer,
.crew-plan[b-e7ifzgn6h6]  .cd-footer__spacer {
    flex: 1;
}

.crew-plan[b-e7ifzgn6h6]  .cd-header__id {
    font: 500 9.5px var(--cp-font-mono);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .cd-iconbtn {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cp-muted);
    border: 1px solid var(--cp-line);
    background: var(--cp-surface);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .cd-worker {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-bottom: 1px solid var(--cp-line);
}

.crew-plan[b-e7ifzgn6h6]  .cd-worker .cd-avatar {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: color-mix(in srgb, var(--cp-ink) 9%, var(--cp-inset));
    display: flex;
    align-items: center;
    justify-content: center;
    font: 600 11px var(--cp-font-mono);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .cd-worker__id {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .cd-worker__name {
    font: 700 14px var(--cp-font-sans);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .cd-worker__meta {
    font: 500 9px var(--cp-font-mono);
    letter-spacing: .05em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cd-body {
    flex: 1;
    overflow-y: auto;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.crew-plan[b-e7ifzgn6h6]  .cd-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .cd-field__label {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .1em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cd-fieldrow {
    display: flex;
    gap: 10px;
}

.crew-plan[b-e7ifzgn6h6]  .cd-field--wide {
    flex: 1.6;
}

.crew-plan[b-e7ifzgn6h6]  .cd-fieldrow .cd-field:not(.cd-field--wide) {
    flex: 1;
}

.crew-plan[b-e7ifzgn6h6]  .cd-daterange {
    display: flex;
    align-items: center;
    gap: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .cd-daterange__sep {
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .cd-readonly {
    padding: 8px 10px;
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-inset);
    font: 600 12.5px var(--cp-font-mono);
    color: var(--cp-ink);
    text-align: center;
}

.crew-plan[b-e7ifzgn6h6]  .cd-error {
    padding: 9px 10px;
    border: 1.5px solid var(--cp-error);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-error-subtle);
    color: var(--cp-error-on-subtle);
    font: 500 11.5px var(--cp-font-sans);
}

.crew-plan[b-e7ifzgn6h6]  .cd-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 14px;
    border-top: 1px solid var(--cp-line);
    background: var(--cp-inset);
}

.crew-plan[b-e7ifzgn6h6]  .cd-cancelentry {
    padding: 7px 12px;
    border: 1px solid transparent;
    border-radius: var(--cp-radius-ctrl);
    background: transparent;
    font: 600 12px var(--cp-font-sans);
    color: var(--cp-error);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .cd-save {
    padding: 7px 16px;
    border: 1px solid var(--cp-primary-emphasis);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-primary);
    color: var(--cp-on-primary);
    font: 700 12px var(--cp-font-sans);
    box-shadow: var(--cp-shadow-1);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .cd-endconfirm {
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .cd-footnote {
    padding: 8px 14px;
    background: var(--cp-inset);
    border-top: 1px solid color-mix(in srgb, var(--cp-line) 50%, transparent);
    font: 500 9px var(--cp-font-mono);
    letter-spacing: .06em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

/* Podpowiedź pod polem (np. skutki „Zdejmij z brygady"). */
.crew-plan[b-e7ifzgn6h6]  .cd-field__hint {
    display: block;
    margin-top: 4px;
    font: 400 10.5px/1.4 var(--cp-font-sans);
    color: var(--cp-muted);
}

/* Notka o pasku obsady brygadowej (drawer otwarty z paska bez AllocationId). */
.crew-plan[b-e7ifzgn6h6]  .cd-participation-note {
    margin-bottom: 12px;
    padding: 8px 10px;
    background: var(--cp-warn-subtle, var(--cp-inset));
    border: 1px solid var(--cp-warn, var(--cp-line));
    border-radius: 8px;
    font: 500 11px/1.45 var(--cp-font-sans);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .cd-drawer button:focus-visible {
    outline: 2px solid var(--cp-primary-emphasis);
    outline-offset: 1px;
}

/* ═══ Strefa dni konfliktu na osi (1e) ═════════════════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .ct-zone {
    position: absolute;
    top: 0;
    bottom: 0;
    background: color-mix(in srgb, var(--cp-error) 7%, transparent);
    border-left: 1.5px dashed var(--cp-error);
    border-right: 1.5px dashed var(--cp-error);
    pointer-events: none;
}

.crew-plan[b-e7ifzgn6h6]  .ct-zone__badge {
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    padding: 1px 7px;
    border-radius: 999px;
    background: var(--cp-error);
    color: var(--cp-surface);
    font: 700 8.5px var(--cp-font-mono);
    letter-spacing: .05em;
    box-shadow: var(--cp-shadow-1);
    white-space: nowrap;
}

/* ═══ Karta konfliktu (ConflictCard, 1e) ═══════════════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .cc-backdrop {
    position: fixed;
    inset: 0;
    background: color-mix(in srgb, var(--cp-ink) 25%, transparent);
    z-index: 1010;
}

.crew-plan[b-e7ifzgn6h6]  .cc-card {
    position: fixed;
    top: 50%;
    right: 32px;
    transform: translateY(-50%);
    width: 400px;
    max-width: 94vw;
    background: var(--cp-surface);
    border: 1.5px solid var(--cp-error);
    border-radius: 12px;
    box-shadow: var(--cp-shadow-2);
    z-index: 1020;
    overflow: hidden;
    outline: none;
}

.crew-plan[b-e7ifzgn6h6]  .cc-card--soft {
    border-color: var(--cp-warning);
}

.crew-plan[b-e7ifzgn6h6]  .cc-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 14px;
    background: var(--cp-error-subtle);
    border-bottom: 1px solid color-mix(in srgb, var(--cp-error) 35%, var(--cp-line));
}

.crew-plan[b-e7ifzgn6h6]  .cc-card--soft .cc-header {
    background: var(--cp-warning-subtle);
    border-bottom-color: color-mix(in srgb, var(--cp-warning) 35%, var(--cp-line));
}

.crew-plan[b-e7ifzgn6h6]  .cc-header__icon {
    color: var(--cp-error);
    font-size: 14px;
}

.crew-plan[b-e7ifzgn6h6]  .cc-header__title {
    font: 700 13px var(--cp-font-sans);
    color: var(--cp-error-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .cc-card--soft .cc-header__title {
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .cc-header__badge {
    margin-left: auto;
    font: 600 9px var(--cp-font-mono);
    color: var(--cp-error-on-subtle);
    text-transform: uppercase;
    letter-spacing: .05em;
}

.crew-plan[b-e7ifzgn6h6]  .cc-card--soft .cc-header__badge {
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .cc-body {
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.crew-plan[b-e7ifzgn6h6]  .cc-row {
    display: flex;
    gap: 8px;
}

.crew-plan[b-e7ifzgn6h6]  .cc-row__label {
    width: 118px;
    flex: none;
    font: 600 8.5px var(--cp-font-mono);
    letter-spacing: .08em;
    color: var(--cp-muted);
    padding-top: 2px;
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cc-row__value {
    font: 500 11.5px var(--cp-font-sans);
    color: var(--cp-ink);
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .cc-row__value--mono {
    font: 600 11.5px var(--cp-font-mono);
}

.crew-plan[b-e7ifzgn6h6]  .cc-row__value--error {
    font: 600 11.5px var(--cp-font-sans);
    color: var(--cp-error-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .cc-row__muted {
    color: var(--cp-muted);
    font-weight: 500;
}

.crew-plan[b-e7ifzgn6h6]  .cc-fixes {
    padding: 4px 14px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .cc-fixes__header {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .1em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .cc-fix {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-surface);
    font: 600 11.5px var(--cp-font-sans);
    color: var(--cp-ink);
    cursor: pointer;
    text-align: left;
}

.crew-plan[b-e7ifzgn6h6]  .cc-fix:hover {
    background: var(--cp-inset-hover);
}

.crew-plan[b-e7ifzgn6h6]  .cc-fix__arrow {
    margin-left: auto;
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .cc-fix--danger {
    border-color: transparent;
    color: var(--cp-error);
}

.crew-plan[b-e7ifzgn6h6]  .cc-footer {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid var(--cp-line);
    background: var(--cp-inset);
}

.crew-plan[b-e7ifzgn6h6]  .cc-footer__note {
    flex: 1;
    font: 400 10px/1.5 var(--cp-font-sans);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .cc-card button:focus-visible {
    outline: 2px solid var(--cp-primary-emphasis);
    outline-offset: 1px;
}

/* ═══ Przenoszenie między brygadami (1d) ═══════════════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .ct-row__left[draggable="true"] {
    cursor: grab;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row.is-dragging {
    opacity: .55;
    background: repeating-linear-gradient(135deg, transparent 0 6px, color-mix(in srgb, var(--cp-muted) 12%, transparent) 6px 9px);
}

.crew-plan[b-e7ifzgn6h6]  .ct-group.is-droptarget {
    outline: 2px dashed var(--cp-primary-emphasis);
    outline-offset: -2px;
}

.crew-plan[b-e7ifzgn6h6]  .ct-group.is-drophover {
    background: var(--cp-primary-subtle);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--cp-primary) 22%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .td-dialog {
    width: 460px;
}

.crew-plan[b-e7ifzgn6h6]  .td-subject {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-bottom: 1px solid var(--cp-line);
}

.crew-plan[b-e7ifzgn6h6]  .td-subject__arrow {
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .td-radios {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .td-radio {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-ctrl);
    font: 500 12px var(--cp-font-sans);
    color: var(--cp-ink);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .td-radio.is-active {
    border: 1.5px solid var(--cp-primary-emphasis);
    background: var(--cp-primary-subtle);
    font-weight: 600;
}

.crew-plan[b-e7ifzgn6h6]  .td-textarea {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-surface);
    font: 400 11.5px var(--cp-font-sans);
    color: var(--cp-ink);
    resize: vertical;
}

.crew-plan[b-e7ifzgn6h6]  .td-updateproject {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 9px 10px;
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-inset);
    font: 400 11px/1.5 var(--cp-font-sans);
    color: var(--cp-ink);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .td-impact {
    display: flex;
    gap: 10px;
}

.crew-plan[b-e7ifzgn6h6]  .td-impact__card {
    flex: 1;
    padding: 9px 10px;
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-ctrl);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.crew-plan[b-e7ifzgn6h6]  .td-impact__value {
    font: 700 13px var(--cp-font-sans);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .td-impact__delta {
    font: 600 10px var(--cp-font-mono);
    border-radius: 4px;
    padding: 1px 5px;
}

.crew-plan[b-e7ifzgn6h6]  .td-impact__delta--minus {
    background: var(--cp-warning-subtle);
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .td-impact__delta--plus {
    background: var(--cp-success-subtle);
    color: var(--cp-success-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .td-note {
    margin: 0;
    font: 400 10.5px/1.5 var(--cp-font-sans);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .tm-card {
    border-color: var(--cp-primary-emphasis);
}

.crew-plan[b-e7ifzgn6h6]  .tm-header {
    background: var(--cp-primary-subtle);
    border-bottom-color: var(--cp-primary-emphasis);
}

.crew-plan[b-e7ifzgn6h6]  .tm-header .cc-header__title,
.crew-plan[b-e7ifzgn6h6]  .tm-header .cc-header__badge {
    color: var(--cp-primary-on-subtle);
}

/* ═══ Warstwa „Wynik dzienny" (1b) ═════════════════════════════════════════ */

.cp-legend__swatch--rok[b-e7ifzgn6h6] {
    background: var(--cp-success-subtle);
    border: 1px solid var(--cp-success);
}

.cp-legend__swatch--rover[b-e7ifzgn6h6] {
    background: var(--cp-error-subtle);
    border: 1px solid var(--cp-error);
}

.cp-legend__swatch--ronabsence[b-e7ifzgn6h6] {
    background: var(--cp-warning-subtle);
    border: 1px solid var(--cp-warning);
}

.crew-plan[b-e7ifzgn6h6]  .dr-corner {
    width: 230px;
}

.crew-plan[b-e7ifzgn6h6]  .dr-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 12px;
    background: color-mix(in srgb, var(--cp-ink) 6%, var(--cp-surface));
    border-top: 1px solid var(--cp-line);
    position: sticky;
    left: 0;
}

.crew-plan[b-e7ifzgn6h6]  .dr-group__meta {
    font: 500 10px var(--cp-font-mono);
    color: var(--cp-muted);
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .dr-chip {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font: 600 9.5px var(--cp-font-mono);
    padding: 2px 8px;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.crew-plan[b-e7ifzgn6h6]  .dr-chip--ok {
    background: var(--cp-success-subtle);
    color: var(--cp-success-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .dr-chip--warning {
    background: var(--cp-warning-subtle);
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .dr-row {
    display: flex;
    border-top: 1px solid color-mix(in srgb, var(--cp-line) 45%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .dr-row__left {
    width: 230px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 1px;
    justify-content: center;
    padding: 5px 12px;
    border-right: 1px solid var(--cp-line);
    position: sticky;
    left: 0;
    background: var(--cp-surface);
    z-index: 2;
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell {
    height: 38px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid color-mix(in srgb, var(--cp-line) 40%, transparent);
    font: 600 11px var(--cp-font-mono);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell.is-clickable {
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--ok {
    background: var(--cp-success-subtle);
    color: var(--cp-success-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--ok:empty {
    background: transparent;
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--over {
    background: var(--cp-error-subtle);
    color: var(--cp-error-on-subtle);
    font-weight: 700;
    box-shadow: inset 0 0 0 1.5px var(--cp-error);
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--onabsence {
    background: var(--cp-warning-subtle);
    color: var(--cp-warning-on-subtle);
    font-weight: 700;
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--absent {
    background: repeating-linear-gradient(135deg, transparent 0 5px, color-mix(in srgb, var(--cp-muted) 26%, transparent) 5px 7px);
}

.crew-plan[b-e7ifzgn6h6]  .dr-cell--off {
    color: color-mix(in srgb, var(--cp-muted) 55%, transparent);
    font-weight: 500;
}

.crew-plan[b-e7ifzgn6h6]  .dr-footnote {
    padding: 8px 12px;
    background: var(--cp-inset);
    border-top: 1px solid var(--cp-line);
    font: 500 9.5px var(--cp-font-mono);
    letter-spacing: .06em;
    color: var(--cp-muted);
    text-transform: uppercase;
    position: sticky;
    left: 0;
}

/* ═══ Selekcja + pasek operacji zbiorczych (1f) ════════════════════════════ */

.cp-btn.is-active-toggle[b-e7ifzgn6h6] {
    background: var(--cp-primary-subtle);
    border-color: var(--cp-primary-emphasis);
    color: var(--cp-primary-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .ct-row__check {
    width: 14px;
    height: 14px;
    accent-color: var(--cp-primary);
    flex: none;
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .ct-row.is-selected,
.crew-plan[b-e7ifzgn6h6]  .ct-row.is-selected .ct-row__left {
    background: color-mix(in srgb, var(--cp-primary) 10%, var(--cp-surface));
}

.crew-plan[b-e7ifzgn6h6]  .ct-group__selectall {
    border: 0;
    background: transparent;
    font: 600 10px var(--cp-font-sans);
    color: var(--cp-accent);
    cursor: pointer;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-bar {
    position: fixed;
    left: 50%;
    bottom: 18px;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 8px;
    max-width: min(1200px, 94vw);
    padding: 10px 14px;
    background: var(--kendo-color-inverse, #191712);
    border-radius: 12px;
    box-shadow: var(--cp-shadow-2);
    z-index: 30;
    flex-wrap: wrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-count {
    font: 700 12px var(--cp-font-sans);
    color: var(--cp-surface);
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-divider {
    width: 1px;
    height: 20px;
    background: color-mix(in srgb, var(--cp-surface) 25%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .bb-btn {
    padding: 6px 11px;
    border: 1px solid color-mix(in srgb, var(--cp-surface) 35%, transparent);
    border-radius: var(--cp-radius-ctrl);
    background: transparent;
    font: 600 11.5px var(--cp-font-sans);
    color: var(--cp-surface);
    cursor: pointer;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-btn:hover {
    background: color-mix(in srgb, var(--cp-surface) 12%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .bb-spacer {
    flex: 1;
}

.crew-plan[b-e7ifzgn6h6]  .bb-clear {
    border: 0;
    background: transparent;
    font: 500 10px var(--cp-font-sans);
    color: color-mix(in srgb, var(--cp-surface) 70%, transparent);
    cursor: pointer;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-proceed {
    padding: 6px 14px;
    border: 1px solid var(--cp-primary-emphasis);
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-primary);
    color: var(--cp-on-primary);
    font: 700 12px var(--cp-font-sans);
    cursor: pointer;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .bb-dialog {
    width: 430px;
}

.crew-plan[b-e7ifzgn6h6]  .bb-dialog .cc-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

/* ═══ Podgląd przed zapisem (1g) ═══════════════════════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .pp-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 788px;
    max-width: 96vw;
    max-height: 92vh;
    overflow-y: auto;
    background: var(--cp-surface);
    border: 1px solid var(--cp-line);
    border-radius: var(--cp-radius-card);
    box-shadow: var(--cp-shadow-2);
    z-index: 1020;
    outline: none;
}

.crew-plan[b-e7ifzgn6h6]  .pp-title {
    font: 700 14px var(--cp-font-sans);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .pp-stats {
    display: flex;
    gap: 10px;
    padding: 14px 16px 4px;
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid var(--cp-line);
    border-radius: 10px;
    background: var(--cp-surface);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat--warning {
    border: 1.5px solid var(--cp-warning);
    background: var(--cp-warning-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat__value {
    font: 700 19px var(--cp-font-sans);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat--warning .pp-stat__value {
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat__label {
    font: 600 8.5px var(--cp-font-mono);
    letter-spacing: .08em;
    color: var(--cp-muted);
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .pp-stat--warning .pp-stat__label {
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-section {
    padding: 10px 16px 4px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip {
    display: flex;
    gap: 3px;
    flex-wrap: wrap;
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell {
    flex: 1;
    min-width: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 6px 0;
    border-radius: 6px;
    background: var(--cp-inset);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell--ok {
    background: var(--cp-success-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell--over {
    background: var(--cp-error-subtle);
    box-shadow: inset 0 0 0 1.5px var(--cp-error);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell--onabsence {
    background: var(--cp-warning-subtle);
    box-shadow: inset 0 0 0 1.5px var(--cp-warning);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__hours {
    font: 700 12px var(--cp-font-mono);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell--ok .pp-strip__hours {
    color: var(--cp-success-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__cell--over .pp-strip__hours {
    color: var(--cp-error-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-strip__day {
    font: 500 8px var(--cp-font-mono);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .pp-warning {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid color-mix(in srgb, var(--cp-warning) 45%, var(--cp-line));
    border-radius: var(--cp-radius-ctrl);
    background: var(--cp-warning-subtle);
    font: 400 11px/1.45 var(--cp-font-sans);
    color: var(--cp-warning-on-subtle);
}

.crew-plan[b-e7ifzgn6h6]  .pp-warning__exclude {
    margin-left: auto;
    border: 0;
    background: transparent;
    font: 600 10.5px var(--cp-font-sans);
    color: var(--cp-accent);
    cursor: pointer;
    white-space: nowrap;
}

.crew-plan[b-e7ifzgn6h6]  .pp-dialog .cc-footer {
    margin-top: 10px;
}

.crew-plan[b-e7ifzgn6h6]  .pp-dialog .cd-save:disabled {
    opacity: .55;
    cursor: not-allowed;
}

/* ═══ Historia (1h), filtry (1i), uprawnienia (1j) ═════════════════════════ */

.crew-plan[b-e7ifzgn6h6]  .hp-panel,
.crew-plan[b-e7ifzgn6h6]  .fp-panel {
    width: 520px;
}

.crew-plan[b-e7ifzgn6h6]  .hp-body {
    gap: 0;
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry {
    display: flex;
    gap: 10px;
    padding: 11px 0;
    border-bottom: 1px solid color-mix(in srgb, var(--cp-line) 55%, transparent);
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__when {
    width: 74px;
    flex: none;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__date {
    font: 600 10px var(--cp-font-mono);
    color: var(--cp-ink);
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__time {
    font: 500 9px var(--cp-font-mono);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__title {
    font: 600 11.5px var(--cp-font-sans);
    color: var(--cp-ink);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.crew-plan[b-e7ifzgn6h6]  .hp-badge {
    font: 600 9px var(--cp-font-mono);
    background: var(--cp-primary-subtle);
    color: var(--cp-primary-on-subtle);
    border-radius: 4px;
    padding: 1px 5px;
    text-transform: uppercase;
}

.crew-plan[b-e7ifzgn6h6]  .hp-badge--neutral {
    background: color-mix(in srgb, var(--cp-ink) 8%, transparent);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .hp-badge--error {
    background: var(--cp-error-subtle);
    color: var(--cp-error-on-subtle);
    font-weight: 700;
}

.crew-plan[b-e7ifzgn6h6]  .hp-entry__reason,
.crew-plan[b-e7ifzgn6h6]  .hp-entry__meta {
    font: 400 10.5px var(--cp-font-sans);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .cd-historylink {
    align-self: flex-start;
}

.crew-plan[b-e7ifzgn6h6]  .fp-chiprow {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .fp-savedchip {
    gap: 4px;
    padding-right: 6px;
}

.crew-plan[b-e7ifzgn6h6]  .fp-savedchip__apply,
.crew-plan[b-e7ifzgn6h6]  .fp-savedchip__remove {
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    cursor: pointer;
    padding: 0;
}

.crew-plan[b-e7ifzgn6h6]  .fp-savedchip__remove {
    color: var(--cp-muted);
    font-size: 9px;
}

.crew-plan[b-e7ifzgn6h6]  .fp-switches {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.crew-plan[b-e7ifzgn6h6]  .fp-switch {
    display: flex;
    align-items: center;
    gap: 6px;
    font: 500 11px var(--cp-font-sans);
    color: var(--cp-ink);
    cursor: pointer;
}

.crew-plan[b-e7ifzgn6h6]  .fp-switch input {
    accent-color: var(--cp-primary);
}

.crew-plan[b-e7ifzgn6h6]  .fp-nameinput {
    border: 1px solid var(--cp-line-strong);
    border-radius: var(--cp-radius-ctrl);
    padding: 6px 10px;
}

.cp-permbar[b-e7ifzgn6h6] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-top: 1px solid color-mix(in srgb, var(--cp-line) 50%, transparent);
    background: var(--cp-surface);
    flex-wrap: wrap;
}

.cp-permbar__label[b-e7ifzgn6h6] {
    font: 600 9px var(--cp-font-mono);
    letter-spacing: .06em;
    color: var(--cp-muted);
    text-transform: uppercase;
    flex: none;
}

.cp-permchip[b-e7ifzgn6h6] {
    font: 600 9.5px var(--cp-font-mono);
    padding: 2px 7px;
    border-radius: 999px;
    background: var(--cp-inset);
    color: var(--cp-muted);
    border: 1px dashed var(--cp-line-strong);
    text-transform: uppercase;
}

.cp-permchip--ok[b-e7ifzgn6h6] {
    background: var(--cp-success-subtle);
    color: var(--cp-success-on-subtle);
    border: 0;
}

.crew-plan[b-e7ifzgn6h6]  .pp-locked {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    border: 1px solid var(--cp-line);
    border-radius: 10px;
    background: var(--cp-inset);
    font: 400 11px/1.45 var(--cp-font-sans);
    color: var(--cp-muted);
}

.crew-plan[b-e7ifzgn6h6]  .pp-locked .cp-btn {
    margin-left: auto;
    background: var(--kendo-disabled-bg, var(--cp-inset));
    border-color: var(--kendo-disabled-border, var(--cp-line));
    color: var(--kendo-disabled-text, var(--cp-muted));
    cursor: not-allowed;
}

/* ═══ Dostępność ═══════════════════════════════════════════════════════════ */

.crew-plan button:focus-visible[b-e7ifzgn6h6],
.crew-plan input:focus-visible[b-e7ifzgn6h6],
.crew-plan[b-e7ifzgn6h6]  button:focus-visible,
.crew-plan[b-e7ifzgn6h6]  .ct-scroll:focus-visible {
    outline: 2px solid var(--cp-primary-emphasis);
    outline-offset: 1px;
}

@media (forced-colors: active) {
    .crew-plan[b-e7ifzgn6h6]  .ct-bar,
    .crew-plan[b-e7ifzgn6h6]  .ct-aggbar,
    .cp-chip[b-e7ifzgn6h6],
    .cp-segment__item.is-active[b-e7ifzgn6h6],
    .cp-segment__item.is-primary[b-e7ifzgn6h6] {
        forced-color-adjust: none;
        border: 1px solid CanvasText;
        background: Canvas;
        color: CanvasText;
    }

    .crew-plan[b-e7ifzgn6h6]  .ct-overlay__today {
        background: Highlight;
    }
}
/* /Components/Pages/Projects/Overview/ProjectOverviewCrewSchedule.razor.rz.scp.css */
.crew-schedule[b-srguktelbi] {
    --schedule-bg: var(--kendo-color-app-surface, #e7e2d8);
    --schedule-zone: color-mix(in srgb, var(--kendo-color-surface-alt, #dbd5c7) 88%, var(--kendo-color-border, #c9c2b0));
    --schedule-card: var(--kendo-color-surface, #fbfaf6);
    --schedule-line: var(--kendo-color-border, #c9c2b0);
    --schedule-line-strong: var(--kendo-color-border-alt, #b7af9a);
    --schedule-ink: var(--kendo-color-on-app-surface, #191712);
    --schedule-muted: var(--kendo-color-subtle, #625c4e);
    --schedule-accent: var(--efpeka-color-accent, var(--kendo-color-primary, #f2b705));
    --schedule-accent-ink: var(--kendo-color-on-primary, #191712);
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    background: var(--schedule-bg);
    color: var(--schedule-ink);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family, "Archivo", sans-serif));
    font-variant-numeric: tabular-nums;
}

.crew-schedule :is(button, a)[b-srguktelbi] {
    font: inherit;
}

.crew-schedule__guide[b-srguktelbi] {
    display: flex;
    min-height: 2rem;
    flex: 0 0 auto;
    align-items: center;
    gap: .45rem 1rem;
    padding: .32rem .75rem;
    border-block: 1px solid var(--schedule-line);
    overflow-x: auto;
    background: var(--schedule-card);
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .62rem;
    scrollbar-width: thin;
    white-space: nowrap;
}

.crew-schedule__guide strong[b-srguktelbi] {
    color: var(--schedule-ink);
    font-weight: 700;
}

.schedule-legend[b-srguktelbi] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}

.schedule-legend i[b-srguktelbi] {
    display: inline-block;
    width: .9rem;
    height: .6rem;
    border: 1px solid var(--schedule-line);
    border-radius: 2px;
}

.schedule-legend i.is-working[b-srguktelbi] {
    border-color: color-mix(in srgb, var(--schedule-accent) 80%, var(--schedule-line));
    background: var(--schedule-accent);
}

.schedule-legend i.is-off[b-srguktelbi] {
    background: repeating-linear-gradient(45deg, var(--schedule-line) 0 3px, transparent 3px 7px);
}

.crew-schedule__empty[b-srguktelbi] {
    display: grid;
    min-height: 20rem;
    flex: 1 1 auto;
    place-content: center;
    justify-items: center;
    gap: .45rem;
    padding: 2rem;
    color: var(--schedule-muted);
    text-align: center;
}

.crew-schedule__empty .k-svg-icon[b-srguktelbi] {
    width: 2.4rem;
    height: 2.4rem;
    color: var(--schedule-accent);
}

.crew-schedule__empty strong[b-srguktelbi] {
    color: var(--schedule-ink);
    font-size: 1.05rem;
}

.crew-schedule__empty span[b-srguktelbi] {
    max-width: 34rem;
    font-size: .82rem;
}

.crew-schedule__scroll[b-srguktelbi] {
    width: 100%;
    min-width: 0;
    min-height: 24rem;
    flex: 1 1 auto;
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-color: var(--schedule-line-strong) var(--schedule-zone);
}

.crew-schedule__scroll:focus-visible[b-srguktelbi] {
    outline: 3px solid color-mix(in srgb, var(--schedule-accent) 45%, transparent);
    outline-offset: -3px;
}

.crew-schedule__canvas[b-srguktelbi] {
    position: relative;
    min-height: 100%;
}

.crew-schedule__days[b-srguktelbi] {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    height: 2.55rem;
    border-bottom: 1px solid var(--schedule-line-strong);
    background: var(--schedule-card);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--schedule-ink) 9%, transparent);
}

.crew-schedule__day[b-srguktelbi] {
    display: flex;
    width: 46px;
    min-width: 46px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid var(--schedule-line);
    color: var(--schedule-ink);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    line-height: 1;
}

.crew-schedule__day span[b-srguktelbi] {
    color: var(--schedule-muted);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .06em;
}

.crew-schedule__day strong[b-srguktelbi] {
    margin-top: .2rem;
    font-size: .67rem;
}

.crew-schedule__day.is-weekend[b-srguktelbi] {
    background: color-mix(in srgb, var(--schedule-zone) 82%, var(--schedule-card));
}

.crew-schedule__day.is-weekend span[b-srguktelbi] {
    color: color-mix(in srgb, var(--schedule-muted) 86%, var(--schedule-accent));
}

.crew-schedule__day.is-today[b-srguktelbi] {
    background: var(--schedule-accent);
    color: var(--schedule-accent-ink);
}

.crew-schedule__day.is-today span[b-srguktelbi] {
    color: var(--schedule-accent-ink);
}

.crew-schedule__body[b-srguktelbi] {
    position: relative;
    min-height: calc(100% - 2.55rem);
    padding: .75rem 0 4rem;
    background-image: repeating-linear-gradient(
        to right,
        transparent 0,
        transparent 45px,
        color-mix(in srgb, var(--schedule-line) 60%, transparent) 45px,
        color-mix(in srgb, var(--schedule-line) 60%, transparent) 46px);
}

.crew-schedule__today-line[b-srguktelbi] {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--schedule-accent);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--schedule-accent) 22%, transparent);
    pointer-events: none;
}

.crew-schedule__drop-layer[b-srguktelbi] {
    position: sticky;
    z-index: 35;
    top: 0;
    height: 0;
}

.crew-schedule__drop-targets[b-srguktelbi] {
    position: absolute;
    right: 0;
    left: 0;
    display: grid;
    gap: .2rem;
    max-height: min(55vh, 28rem);
    margin: 0;
    padding: .38rem 0 .45rem;
    border-block: 1px solid var(--schedule-line-strong);
    overflow-x: clip;
    overflow-y: auto;
    background: color-mix(in srgb, var(--schedule-card) 96%, transparent);
    box-shadow: 0 4px 12px color-mix(in srgb, var(--schedule-ink) 10%, transparent);
}

.crew-schedule__drop-title[b-srguktelbi] {
    position: relative;
    width: max-content;
    max-width: calc(100vw - 2rem);
    margin-left: .55rem;
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .52rem;
    letter-spacing: .08em;
    transform: translateX(var(--schedule-scroll-left, 0));
}

.crew-schedule__drop-row[b-srguktelbi] {
    position: relative;
    display: flex;
    box-sizing: border-box;
    width: 100%;
    min-height: 1.85rem;
    align-items: center;
    border-block: 1px dashed var(--schedule-line-strong);
    background: color-mix(in srgb, var(--schedule-zone) 72%, transparent);
}

.crew-schedule__drop-row.is-active[b-srguktelbi] {
    border-color: var(--schedule-accent);
    background: color-mix(in srgb, var(--schedule-accent) 18%, var(--schedule-card));
}

.crew-schedule__drop-row > span[b-srguktelbi] {
    position: relative;
    max-width: min(18rem, calc(100vw - 2rem));
    margin-left: .55rem;
    padding: .2rem .38rem;
    overflow: hidden;
    border: 1px solid var(--schedule-line);
    border-radius: 5px;
    background: var(--schedule-card);
    font-size: .6rem;
    font-weight: 800;
    pointer-events: none;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transform: translateX(var(--schedule-scroll-left, 0));
    white-space: nowrap;
}

.crew-schedule__lane[b-srguktelbi] {
    position: relative;
    z-index: 3;
    display: flex;
    min-height: 3.5rem;
    align-items: flex-start;
    padding-bottom: .72rem;
}

.crew-schedule__lane-placeholder[b-srguktelbi] {
    width: 100%;
    min-height: inherit;
    pointer-events: none;
}

.crew-schedule__project-slot[b-srguktelbi] {
    flex: 0 0 auto;
    box-sizing: border-box;
    align-self: flex-start;
}

.crew-schedule__project-placeholder[b-srguktelbi] {
    width: 100%;
    border: 1px solid transparent;
    border-radius: var(--efpeka-radius-lg, 12px);
    pointer-events: none;
}

.crew-schedule__project[b-srguktelbi] {
    position: relative;
    width: 100%;
    flex: 0 0 auto;
    box-sizing: border-box;
    min-height: 3.45rem;
    padding: .42rem 0 .55rem;
    border: 1px solid var(--schedule-line);
    border-radius: var(--efpeka-radius-lg, 12px);
    background: var(--schedule-zone);
    content-visibility: auto;
    contain-intrinsic-size: auto 270px;
}

.crew-schedule__project.is-collapsed[b-srguktelbi] {
    padding-bottom: .28rem;
}

.crew-schedule__project.is-drop-target[b-srguktelbi] {
    outline: 3px dashed var(--schedule-accent);
    outline-offset: -4px;
}

.crew-schedule__project-heading[b-srguktelbi] {
    position: sticky;
    left: .5rem;
    z-index: 12;
    display: inline-flex;
    max-width: calc(100% - 1rem);
    min-height: 1.75rem;
    align-items: center;
    gap: .38rem;
    padding: .1rem .4rem .34rem .08rem;
    border-radius: 7px;
    background: var(--schedule-zone);
    white-space: nowrap;
}

.schedule-chevron[b-srguktelbi],
.crew-schedule__project-name[b-srguktelbi],
.crew-move-handle[b-srguktelbi],
.crew-drag-handle[b-srguktelbi],
.crew-resize-handle[b-srguktelbi] {
    border: 0;
    background: transparent;
    color: inherit;
}

.schedule-chevron[b-srguktelbi] {
    display: grid;
    width: 1.1rem;
    height: 1.35rem;
    flex: 0 0 1.1rem;
    place-items: center;
    padding: 0;
    color: var(--schedule-muted);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, monospace);
    font-size: .65rem;
}

.crew-schedule__project-name[b-srguktelbi] {
    min-width: 0;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.crew-schedule__project-name:hover[b-srguktelbi],
.crew-schedule__project-name:focus-visible[b-srguktelbi] {
    color: var(--kendo-color-primary-on-surface, var(--schedule-ink));
}

.crew-schedule__project-meta[b-srguktelbi] {
    overflow: hidden;
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .54rem;
    text-overflow: ellipsis;
}

.crew-schedule__crews[b-srguktelbi] {
    display: flex;
    flex-direction: column;
    gap: .36rem;
}

.crew-schedule__crew[b-srguktelbi] {
    position: relative;
    min-height: 3.5rem;
    flex: 0 0 auto;
    box-sizing: border-box;
    overflow: clip;
    border: 1px solid color-mix(in srgb, var(--schedule-accent) 78%, var(--schedule-line));
    border-radius: 9px;
}

.crew-schedule__crew.is-collapsed[b-srguktelbi] {
    min-height: 3.25rem;
}

.crew-schedule__crew-days[b-srguktelbi] {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: flex;
}

.crew-schedule__crew-days span[b-srguktelbi] {
    width: 46px;
    min-width: 46px;
    border-right: 1px solid color-mix(in srgb, var(--schedule-line) 48%, transparent);
}

.crew-schedule__crew-days .is-working[b-srguktelbi] {
    background: var(--schedule-accent);
}

.crew-schedule__crew-days .is-off[b-srguktelbi] {
    background: repeating-linear-gradient(
        45deg,
        color-mix(in srgb, var(--schedule-line) 82%, transparent) 0 3px,
        color-mix(in srgb, var(--schedule-card) 35%, transparent) 3px 7px);
}

.crew-schedule__crew-days .is-weekend[b-srguktelbi] {
    filter: saturate(.72) brightness(.97);
}

.crew-schedule__crew-card[b-srguktelbi] {
    position: sticky;
    left: .5rem;
    z-index: 8;
    width: min(198px, calc(100% - .55rem));
    min-width: min(198px, calc(100% - .55rem));
    margin: .24rem;
    padding: .36rem .42rem .42rem;
    border: 1px solid var(--schedule-line);
    border-radius: 8px;
    background: var(--schedule-card);
    box-shadow: 0 2px 8px color-mix(in srgb, var(--schedule-ink) 12%, transparent);
}

.crew-schedule__crew-heading[b-srguktelbi] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .24rem;
    color: var(--schedule-ink);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
}

.crew-schedule__crew-heading > strong[b-srguktelbi] {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    font-size: .58rem;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.crew-schedule__crew-heading > span[b-srguktelbi] {
    flex: 0 0 auto;
    color: var(--schedule-muted);
    font-size: .5rem;
}

.crew-schedule__crew-heading > .crew-source[b-srguktelbi] {
    padding: .1rem .22rem;
    border: 1px solid color-mix(in srgb, var(--schedule-muted) 32%, transparent);
    border-radius: 999px;
    font-size: .42rem;
    font-weight: 700;
    letter-spacing: .025em;
    line-height: 1.1;
    text-transform: uppercase;
}

.crew-schedule__crew-heading > .crew-source.is-inherited[b-srguktelbi] {
    color: color-mix(in srgb, var(--schedule-accent) 76%, var(--schedule-ink));
    background: color-mix(in srgb, var(--schedule-accent) 10%, transparent);
}

.crew-schedule__crew-heading > .crew-source.is-direct[b-srguktelbi] {
    color: var(--schedule-warning, #9b5c00);
    background: color-mix(in srgb, var(--schedule-warning, #9b5c00) 10%, transparent);
}

.crew-move-handle[b-srguktelbi] {
    width: 1.05rem;
    height: 1.35rem;
    padding: 0;
    color: var(--schedule-muted);
    cursor: grab;
    font-family: var(--efpeka-font-mono, monospace);
    font-size: .68rem;
    touch-action: none;
}

.crew-move-handle:active[b-srguktelbi],
.crew-drag-handle:active[b-srguktelbi] {
    cursor: grabbing;
}

.crew-move-handle:disabled[b-srguktelbi],
.crew-resize-handle:disabled[b-srguktelbi] {
    cursor: not-allowed;
    opacity: .38;
}

.crew-drag-handle[b-srguktelbi] {
    flex: 0 0 auto;
    padding: 0 .1rem;
    border: 0;
    background: transparent;
    color: var(--schedule-muted);
    cursor: grab;
    font-size: .78rem;
}

.crew-drag-handle:disabled[b-srguktelbi] {
    cursor: not-allowed;
    opacity: .38;
}

.crew-schedule__calendar[b-srguktelbi] {
    margin: .14rem 0 .28rem 1.34rem;
    color: var(--kendo-color-primary-on-surface, #705900);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .5rem;
    font-weight: 700;
}

.crew-schedule__people[b-srguktelbi] {
    display: flex;
    flex-direction: column;
    gap: .18rem;
}

.crew-person[b-srguktelbi] {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 2rem;
    align-items: center;
    gap: .32rem;
    padding: .25rem .35rem;
    border: 1px solid var(--schedule-line);
    border-radius: 7px;
    background: color-mix(in srgb, var(--schedule-card) 88%, var(--schedule-zone));
    color: var(--schedule-ink);
    cursor: pointer;
    text-align: left;
}

.crew-person:hover[b-srguktelbi],
.crew-person:focus-visible[b-srguktelbi] {
    border-color: var(--schedule-line-strong);
    background: var(--schedule-card);
}

.crew-person.is-leader[b-srguktelbi] {
    border-color: var(--schedule-accent);
    background: var(--schedule-accent);
    color: var(--schedule-accent-ink);
}

.crew-person__leader-icon[b-srguktelbi] {
    width: .75rem;
    height: .75rem;
    flex: 0 0 .75rem;
}

.crew-person__dot[b-srguktelbi] {
    width: .4rem;
    height: .4rem;
    flex: 0 0 .4rem;
    border-radius: 50%;
}

.crew-person__dot.is-full-time[b-srguktelbi] {
    background: #2e6bd6;
}

.crew-person__dot.is-external[b-srguktelbi] {
    background: #e08a2e;
}

.crew-person__dot.is-other[b-srguktelbi] {
    background: #8b5cd6;
}

.crew-person__copy[b-srguktelbi] {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
}

.crew-person__copy strong[b-srguktelbi],
.crew-person__copy small[b-srguktelbi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crew-person__copy strong[b-srguktelbi] {
    font-size: .62rem;
    line-height: 1.1;
}

.crew-person__copy small[b-srguktelbi] {
    margin-top: .08rem;
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .47rem;
    line-height: 1.1;
}

.crew-person__status[b-srguktelbi] {
    flex: 0 0 auto;
    padding: .08rem .2rem;
    border: 1px solid currentColor;
    border-radius: 4px;
    color: var(--kendo-color-error, #b3402e);
    font-family: var(--efpeka-font-mono, monospace);
    font-size: .42rem;
    font-weight: 700;
}

.crew-person__status.is-diagnostic[b-srguktelbi],
.crew-schedule__direct-plan-diagnostic[b-srguktelbi] {
    border-color: var(--kendo-color-warning, #9d6a00);
    color: var(--kendo-color-warning, #9d6a00);
}

.crew-resize-handle[b-srguktelbi] {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    width: .45rem;
    padding: 0;
    border-left: 2px solid color-mix(in srgb, var(--schedule-accent-ink) 28%, transparent);
    cursor: ew-resize;
    touch-action: none;
}

.crew-resize-handle:hover[b-srguktelbi],
.crew-resize-handle:focus-visible[b-srguktelbi] {
    background: color-mix(in srgb, var(--schedule-card) 42%, transparent);
}

.crew-schedule__drop-overlay[b-srguktelbi] {
    position: absolute;
    z-index: 30;
    inset: 0;
    border-radius: inherit;
    background: color-mix(in srgb, var(--schedule-accent) 8%, transparent);
}

.crew-schedule__pointer-capture[b-srguktelbi] {
    position: fixed;
    z-index: 2147483000;
    inset: 0;
    cursor: ew-resize;
    touch-action: none;
}

.schedule-detail[b-srguktelbi] {
    color: var(--kendo-color-on-surface, #191712);
    font-family: var(--efpeka-font-sans, "Archivo", sans-serif);
}

.schedule-detail__eyebrow[b-srguktelbi] {
    color: var(--kendo-color-subtle, #625c4e);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .6rem;
    font-weight: 700;
    letter-spacing: .14em;
}

.schedule-detail h2[b-srguktelbi] {
    margin: .25rem 0 .15rem;
    font-size: 1.25rem;
    font-weight: 800;
    text-transform: uppercase;
}

.schedule-detail > p[b-srguktelbi] {
    margin: 0 0 .9rem;
    color: var(--kendo-color-subtle, #625c4e);
    font-size: .78rem;
}

.schedule-detail dl[b-srguktelbi] {
    display: grid;
    gap: .42rem;
    margin: 0;
}

.schedule-detail dl div[b-srguktelbi] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: .36rem;
    border-bottom: 1px solid var(--kendo-color-border, #c9c2b0);
}

.schedule-detail :is(dt, dd)[b-srguktelbi] {
    margin: 0;
}

.schedule-detail dt[b-srguktelbi] {
    color: var(--kendo-color-subtle, #625c4e);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .64rem;
    font-weight: 500;
}

.schedule-detail dd[b-srguktelbi] {
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .67rem;
    font-weight: 700;
    text-align: right;
}

.schedule-detail__link[b-srguktelbi] {
    display: inline-flex;
    margin-top: 1rem;
    padding: .46rem .65rem;
    border: 1px solid var(--kendo-color-border, #c9c2b0);
    border-radius: 7px;
    color: inherit;
    font-family: var(--efpeka-font-mono, monospace);
    font-size: .62rem;
    font-weight: 700;
    text-decoration: none;
}

.schedule-chevron:focus-visible[b-srguktelbi],
.crew-move-handle:focus-visible[b-srguktelbi],
.crew-resize-handle:focus-visible[b-srguktelbi],
.crew-drag-handle:focus-visible[b-srguktelbi],
.crew-person:focus-visible[b-srguktelbi],
.crew-schedule__project-name:focus-visible[b-srguktelbi],
.schedule-detail__link:focus-visible[b-srguktelbi] {
    outline: 3px solid color-mix(in srgb, var(--schedule-accent) 48%, transparent);
    outline-offset: 2px;
}

@media (max-width: 640px) {
    .crew-schedule[b-srguktelbi] {
        min-height: 32rem;
    }

    .crew-schedule__guide[b-srguktelbi] {
        min-height: 2.75rem;
        padding-inline: .55rem;
    }

    .schedule-chevron[b-srguktelbi],
    .crew-move-handle[b-srguktelbi] {
        min-width: 2rem;
        min-height: 2rem;
    }

    .crew-schedule__project-heading[b-srguktelbi] {
        min-height: 2.35rem;
    }

    .crew-schedule__crew-card[b-srguktelbi] {
        width: min(212px, calc(100% - .55rem));
        min-width: min(212px, calc(100% - .55rem));
    }

    .crew-person[b-srguktelbi] {
        min-height: 2.75rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .crew-schedule *[b-srguktelbi],
    .crew-schedule *[b-srguktelbi]::before,
    .crew-schedule *[b-srguktelbi]::after {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

@media (forced-colors: active) {
    .crew-schedule__crew[b-srguktelbi],
    .crew-person.is-leader[b-srguktelbi],
    .crew-schedule__day.is-today[b-srguktelbi] {
        border: 2px solid CanvasText;
    }

    .crew-schedule__crew-days .is-off[b-srguktelbi] {
        background: Canvas;
    }
}

/* Canonical hierarchy: project -> participation -> dated person/direct plan. */
.crew-schedule__project-band[b-srguktelbi] {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    left: 0;
    height: .3rem;
    border-radius: inherit;
    background: var(--schedule-line-strong);
    pointer-events: none;
}

.crew-schedule__project.is-open-ended[b-srguktelbi] {
    border-right-style: dashed;
}

.crew-schedule__project.is-open-ended .crew-schedule__project-band[b-srguktelbi] {
    background: repeating-linear-gradient(
        90deg,
        var(--schedule-line-strong) 0 8px,
        transparent 8px 13px);
}

.crew-schedule__hierarchy[b-srguktelbi] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.schedule-state-badge[b-srguktelbi] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: .1rem .28rem;
    border: 1px solid var(--schedule-line-strong);
    border-radius: 999px;
    background: var(--schedule-card);
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .46rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.schedule-state-badge.is-open[b-srguktelbi] {
    border-style: dashed;
}

.schedule-state-card[b-srguktelbi] {
    position: sticky;
    left: .55rem;
    display: flex;
    width: min(21rem, calc(100% - 1.1rem));
    min-height: 2.55rem;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    gap: .12rem;
    margin: .15rem .55rem;
    padding: .4rem .55rem;
    border: 1px dashed var(--schedule-line-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--schedule-card) 92%, var(--schedule-zone));
    color: var(--schedule-ink);
}

.schedule-state-card strong[b-srguktelbi] {
    font-size: .62rem;
}

.schedule-state-card span[b-srguktelbi] {
    color: var(--schedule-muted);
    font-size: .54rem;
}

.schedule-state-card.is-crew-empty[b-srguktelbi] {
    left: .25rem;
    width: min(18rem, calc(100% - .5rem));
    margin: .18rem .25rem .38rem;
}

.crew-schedule__people[b-srguktelbi] {
    position: relative;
    z-index: 2;
    align-items: flex-start;
    padding: 0 0 .35rem;
}

.crew-person[b-srguktelbi] {
    position: relative;
    display: block;
    min-width: 46px;
    min-height: 2.35rem;
    box-sizing: border-box;
    padding: 0;
    overflow: clip;
    border-color: color-mix(in srgb, var(--schedule-accent) 55%, var(--schedule-line));
    background: var(--schedule-card);
}

.crew-person__days[b-srguktelbi] {
    position: absolute;
    z-index: 0;
    inset: 0;
    display: flex;
}

.crew-person__days > i[b-srguktelbi] {
    width: 46px;
    min-width: 46px;
    border-right: 1px solid color-mix(in srgb, var(--schedule-line) 60%, transparent);
}

.crew-person__days > .is-working[b-srguktelbi] {
    background: color-mix(in srgb, var(--schedule-accent) 65%, var(--schedule-card));
}

.crew-person__days > .is-off[b-srguktelbi] {
    background: repeating-linear-gradient(
        45deg,
        color-mix(in srgb, var(--schedule-line) 72%, transparent) 0 3px,
        color-mix(in srgb, var(--schedule-card) 78%, transparent) 3px 7px);
}

.crew-person__days > .is-unavailable[b-srguktelbi],
.schedule-legend .is-unavailable[b-srguktelbi] {
    background: repeating-linear-gradient(
        135deg,
        color-mix(in srgb, var(--kendo-color-error, #b3402e) 42%, var(--schedule-card)) 0 4px,
        var(--schedule-card) 4px 8px);
}

.crew-person__card[b-srguktelbi] {
    position: sticky;
    left: .2rem;
    z-index: 2;
    display: flex;
    width: min(188px, calc(100% - .35rem));
    min-height: 1.82rem;
    box-sizing: border-box;
    align-items: center;
    gap: .32rem;
    margin: .2rem;
    padding: .23rem .32rem;
    border: 1px solid var(--schedule-line);
    border-radius: 6px;
    background: color-mix(in srgb, var(--schedule-card) 94%, transparent);
    color: var(--schedule-ink);
    text-align: left;
}

.crew-person.is-leader[b-srguktelbi] {
    background: transparent;
}

.crew-person.is-leader .crew-person__card[b-srguktelbi] {
    border-color: var(--schedule-accent);
    background: var(--schedule-accent);
    color: var(--schedule-accent-ink);
}

.is-start-clipped[b-srguktelbi] {
    border-left-style: dashed !important;
}

.is-end-clipped[b-srguktelbi] {
    border-right-style: dashed !important;
}

.crew-schedule__direct-plans[b-srguktelbi] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.crew-schedule__direct-plans > h3[b-srguktelbi] {
    position: sticky;
    left: .55rem;
    width: max-content;
    max-width: calc(100% - 1.1rem);
    margin: .1rem .55rem 0;
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .52rem;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.crew-schedule__direct-plan[b-srguktelbi] {
    position: relative;
    display: block;
    min-width: 46px;
    min-height: 2.45rem;
    box-sizing: border-box;
    padding: 0;
    overflow: clip;
    border: 1px dashed var(--schedule-line-strong);
    border-radius: 8px;
    background: color-mix(in srgb, var(--kendo-color-info, #2e6bd6) 14%, var(--schedule-card));
    color: var(--schedule-ink);
}

.crew-schedule__direct-plan-card[b-srguktelbi] {
    position: sticky;
    left: .2rem;
    display: grid;
    width: min(205px, calc(100% - .4rem));
    min-height: 1.9rem;
    grid-template-columns: 1rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-items: center;
    gap: .05rem .3rem;
    margin: .22rem;
    padding: .22rem .34rem;
    border: 1px solid var(--schedule-line);
    border-radius: 6px;
    border: 0;
    background: var(--schedule-card);
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.crew-schedule__allocation-edit[b-srguktelbi] {
    position: absolute;
    z-index: 4;
    top: .2rem;
    right: .2rem;
    min-height: 2rem;
    padding: .28rem .45rem;
    border: 1px solid color-mix(in srgb, var(--schedule-accent) 34%, transparent);
    border-radius: 6px;
    background: var(--schedule-card);
    color: var(--schedule-accent-ink);
    font-size: .5rem;
    font-weight: 700;
}

.crew-schedule__allocation-edit:focus-visible[b-srguktelbi] {
    outline: 3px solid color-mix(in srgb, var(--schedule-accent) 48%, transparent);
    outline-offset: 2px;
}

.crew-schedule__direct-plan-card > svg[b-srguktelbi] {
    grid-row: 1 / span 2;
}

.crew-schedule__direct-plan-card strong[b-srguktelbi],
.crew-schedule__direct-plan-card small[b-srguktelbi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crew-schedule__direct-plan-diagnostic[b-srguktelbi] {
    position: absolute;
    top: .22rem;
    right: .28rem;
    display: grid;
    width: 1rem;
    height: 1rem;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: var(--schedule-card);
    font-size: .55rem;
    font-weight: 800;
}

.crew-schedule__direct-plan-card strong[b-srguktelbi] {
    font-size: .6rem;
}

.crew-schedule__direct-plan-card small[b-srguktelbi] {
    color: var(--schedule-muted);
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    font-size: .47rem;
}

.schedule-allocation-editor[b-srguktelbi] {
    display: grid;
    gap: .65rem;
}

.schedule-allocation-editor > p[b-srguktelbi] {
    margin: 0;
    color: var(--schedule-muted);
}

.schedule-allocation-editor > label[b-srguktelbi] {
    font-weight: 700;
}

.schedule-allocation-editor__error[b-srguktelbi] {
    color: var(--kendo-color-error, #b42318);
    font-weight: 700;
}

.schedule-allocation-editor__actions[b-srguktelbi] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
    margin-top: .35rem;
}

.schedule-diagnostics[b-srguktelbi] {
    position: sticky;
    left: .55rem;
    display: flex;
    width: min(28rem, calc(100% - 1.1rem));
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    gap: .28rem;
    margin: .2rem .55rem;
    padding: .32rem .42rem;
    border: 1px solid var(--kendo-color-warning, #9d6a00);
    border-radius: 7px;
    background: color-mix(in srgb, var(--kendo-color-warning, #9d6a00) 12%, var(--schedule-card));
    color: var(--schedule-ink);
    font-size: .52rem;
}

.schedule-diagnostics > strong[b-srguktelbi] {
    font-family: var(--efpeka-font-mono, "IBM Plex Mono", monospace);
    text-transform: uppercase;
}

.schedule-diagnostics > span:not(:last-child)[b-srguktelbi]::after {
    content: " ·";
}

.schedule-diagnostics.is-crew[b-srguktelbi] {
    left: .25rem;
    width: min(24rem, calc(100% - .5rem));
    margin-inline: .25rem;
}

.schedule-diagnostics.is-global[b-srguktelbi] {
    position: sticky;
    z-index: 24;
    top: .4rem;
    left: .55rem;
    margin-bottom: .55rem;
    box-shadow: 0 2px 8px color-mix(in srgb, var(--schedule-ink) 10%, transparent);
}

@media (max-width: 640px) {
    .crew-schedule__guide[b-srguktelbi] {
        flex-wrap: wrap;
        height: auto;
        min-height: 3.6rem;
    }

    .crew-schedule__project-meta[b-srguktelbi] {
        display: none;
    }

    .schedule-state-card[b-srguktelbi],
    .schedule-diagnostics[b-srguktelbi] {
        width: min(17rem, calc(100% - 1.1rem));
    }

    .crew-person__card[b-srguktelbi],
    .crew-schedule__direct-plan-card[b-srguktelbi] {
        width: min(205px, calc(100% - .4rem));
        min-height: 2.25rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .crew-schedule__project[b-srguktelbi],
    .crew-person[b-srguktelbi],
    .crew-schedule__direct-plan[b-srguktelbi] {
        animation: none !important;
        scroll-behavior: auto !important;
    }
}

@media (forced-colors: active) {
    .crew-schedule__project-band[b-srguktelbi],
    .crew-person__days[b-srguktelbi],
    .crew-schedule__crew-days[b-srguktelbi] {
        forced-color-adjust: none;
    }

    .crew-schedule__project[b-srguktelbi],
    .crew-schedule__direct-plan[b-srguktelbi],
    .schedule-state-card[b-srguktelbi],
    .schedule-diagnostics[b-srguktelbi],
    .crew-person[b-srguktelbi] {
        border-color: CanvasText;
    }

    .crew-person__days > .is-working[b-srguktelbi],
    .crew-schedule__crew-days .is-working[b-srguktelbi] {
        background: Highlight;
    }

    .crew-person__days > .is-unavailable[b-srguktelbi] {
        background: Mark;
    }
}
/* /Components/Pages/Projects/Overview/ProjectOverviewMap.razor.rz.scp.css */
.project-overview-map[b-xg0gpmy53d] {
    display: grid;
    gap: var(--kendo-spacing-3, .75rem);
    min-width: 0;
    color: var(--kendo-color-on-surface);
    font-family: var(--kendo-font-family);
}

.project-map__canvas[b-xg0gpmy53d] {
    position: relative;
    min-width: 0;
    height: clamp(30rem, 62vh, 42rem);
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-lg);
    background: var(--kendo-color-surface-alt);
    box-shadow: var(--kendo-elevation-1);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__telerik,
.project-map__canvas[b-xg0gpmy53d]  .k-map {
    width: 100%;
    height: 100%;
    border: 0;
    color: var(--kendo-color-on-surface);
    background: var(--kendo-color-surface-alt);
    font-family: var(--kendo-font-family);
}

/* Wszystkie warstwy punktowe maja wlasne, centrowane szablony zamiast ksztaltu pinezki. */
.project-map__canvas[b-xg0gpmy53d]  .k-map .k-marker {
    transform: translate(-50%, -50%);
    overflow: visible;
}

.project-map__canvas[b-xg0gpmy53d]  .k-map .k-attribution {
    display: block;
    max-width: calc(100% - 1rem);
    border: 1px solid color-mix(in srgb, var(--kendo-color-border) 72%, transparent);
    border-radius: var(--kendo-border-radius-sm, .25rem);
    color: var(--kendo-color-on-surface);
    background: color-mix(in srgb, var(--kendo-color-surface) 92%, transparent);
    font-family: var(--kendo-font-family-monospace);
    font-size: .62rem;
}

.project-map__canvas[b-xg0gpmy53d]  .k-map .k-attribution a {
    color: inherit;
    text-decoration: underline;
}

.project-map__canvas[b-xg0gpmy53d]  .k-map-controls .k-button {
    border-color: var(--kendo-color-border);
    color: var(--kendo-color-on-surface);
    background: color-mix(in srgb, var(--kendo-color-surface) 94%, transparent);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node {
    position: relative;
    display: grid;
    width: var(--project-node-size);
    height: var(--project-node-size);
    place-items: center;
    padding: 0;
    border: 0;
    color: var(--kendo-color-on-surface);
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__bubble {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    border: 3px solid var(--kendo-color-border-alt);
    border-radius: var(--kendo-border-radius-full, 50%);
    color: var(--kendo-color-on-surface);
    background: color-mix(in srgb, var(--kendo-color-surface) 94%, transparent);
    box-shadow: var(--kendo-elevation-2);
    transition: transform var(--kendo-transition-rapid), box-shadow var(--kendo-transition-rapid);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__count {
    font-family: var(--kendo-font-family-monospace);
    font-size: clamp(.75rem, calc(var(--project-node-size) / 4), 1rem);
    font-weight: var(--kendo-font-weight-bold, 700);
    font-variant-numeric: tabular-nums;
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__source-marker {
    position: absolute;
    inset-inline-end: -.2rem;
    inset-block-start: -.45rem;
    display: grid;
    width: 1.2rem;
    height: 1.2rem;
    place-items: center;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-full, 50%);
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface-alt);
    font-family: var(--kendo-font-family-monospace);
    font-size: .58rem;
    font-weight: var(--kendo-font-weight-bold, 700);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node-label {
    position: absolute;
    inset-block-start: calc(100% + .3rem);
    inset-inline-start: 50%;
    display: flex;
    max-width: 13rem;
    align-items: baseline;
    padding: .18rem .48rem;
    overflow: hidden;
    transform: translateX(-50%);
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    color: var(--kendo-color-on-surface);
    background: color-mix(in srgb, var(--kendo-color-surface) 94%, transparent);
    box-shadow: var(--kendo-elevation-1);
    font-family: var(--kendo-font-family-monospace);
    font-size: .64rem;
    font-weight: var(--kendo-font-weight-semibold, 600);
    letter-spacing: .025em;
    white-space: nowrap;
    pointer-events: none;
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node-label > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node-label strong {
    flex: none;
    margin-inline-start: .25rem;
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node.is-low .project-map__bubble,
.project-map__mobile-item.is-low .project-map__mobile-ring[b-xg0gpmy53d],
.project-map__legend-ring.is-low[b-xg0gpmy53d] {
    border-color: var(--kendo-color-warning);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node.is-mid .project-map__bubble,
.project-map__mobile-item.is-mid .project-map__mobile-ring[b-xg0gpmy53d],
.project-map__legend-ring.is-mid[b-xg0gpmy53d] {
    border-color: var(--kendo-color-primary);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node.is-high .project-map__bubble,
.project-map__mobile-item.is-high .project-map__mobile-ring[b-xg0gpmy53d],
.project-map__legend-ring.is-high[b-xg0gpmy53d] {
    border-color: var(--kendo-color-success);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node.is-unknown .project-map__bubble,
.project-map__mobile-item.is-unknown .project-map__mobile-ring[b-xg0gpmy53d],
.project-map__legend-ring.is-unknown[b-xg0gpmy53d] {
    border-style: dashed;
    border-color: var(--kendo-color-border-alt);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node:hover .project-map__bubble {
    transform: translateY(-.12rem);
    box-shadow: var(--kendo-elevation-3);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__node:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--kendo-color-primary) 72%, transparent);
    outline-offset: .2rem;
    border-radius: var(--kendo-border-radius-full, 50%);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__task-point {
    position: relative;
    display: grid;
    width: .72rem;
    height: .72rem;
    place-items: center;
    border: 2px solid var(--kendo-color-surface);
    border-radius: var(--kendo-border-radius-full, 50%);
    color: var(--kendo-color-on-primary);
    background: var(--kendo-color-info);
    box-shadow: 0 0 0 1px var(--kendo-color-border), var(--kendo-elevation-1);
    font-family: var(--kendo-font-family-monospace);
    font-size: .5rem;
    font-weight: var(--kendo-font-weight-bold, 700);
}

.project-map__canvas[b-xg0gpmy53d]  .project-map__task-point.has-count {
    width: 1.2rem;
    height: 1.2rem;
}

.project-map__legend[b-xg0gpmy53d] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem 1rem;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: .55rem .75rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface);
    font-family: var(--kendo-font-family-monospace);
    font-size: .64rem;
    letter-spacing: .045em;
}

.project-map__legend-copy[b-xg0gpmy53d] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.project-map__legend-bubble[b-xg0gpmy53d],
.project-map__legend-ring[b-xg0gpmy53d],
.project-map__legend-task[b-xg0gpmy53d] {
    display: inline-block;
    width: .8rem;
    height: .8rem;
    flex: none;
    border: 3px solid var(--kendo-color-border-alt);
    border-radius: var(--kendo-border-radius-full, 50%);
    background: var(--kendo-color-surface);
}

.project-map__legend-bubble[b-xg0gpmy53d] {
    width: 1.05rem;
    height: 1.05rem;
    border-width: 2px;
}

.project-map__legend-task[b-xg0gpmy53d] {
    width: .58rem;
    height: .58rem;
    border: 2px solid var(--kendo-color-surface);
    background: var(--kendo-color-info);
    box-shadow: 0 0 0 1px var(--kendo-color-border);
}

.project-map__mobile-list[b-xg0gpmy53d] {
    display: none;
}

.project-map__missing[b-xg0gpmy53d] {
    display: grid;
    gap: .55rem;
    padding: .75rem;
    border: 1px dashed var(--kendo-color-border-alt);
    border-radius: var(--kendo-border-radius-lg);
    color: var(--kendo-color-on-surface);
    background: var(--kendo-color-surface-alt);
}

.project-map__missing h3[b-xg0gpmy53d] {
    margin: 0;
    color: var(--kendo-color-subtle);
    font-family: var(--kendo-font-family-monospace);
    font-size: .7rem;
    font-weight: var(--kendo-font-weight-bold, 700);
    letter-spacing: .1em;
    text-transform: uppercase;
}

.project-map__missing-list[b-xg0gpmy53d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: .45rem;
}

.project-map__missing-list button[b-xg0gpmy53d] {
    display: grid;
    gap: .15rem;
    width: 100%;
    min-height: 2.75rem;
    padding: .5rem .65rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--kendo-border-radius-md);
    color: var(--kendo-color-on-surface);
    background: var(--kendo-color-surface);
    font: inherit;
    text-align: start;
    cursor: pointer;
}

.project-map__missing-list button:focus-visible[b-xg0gpmy53d] {
    outline: 3px solid color-mix(in srgb, var(--kendo-color-primary) 72%, transparent);
    outline-offset: 2px;
}

.project-map__missing-list span[b-xg0gpmy53d] {
    overflow: hidden;
    color: var(--kendo-color-subtle);
    font-family: var(--kendo-font-family-monospace);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-map__empty[b-xg0gpmy53d] {
    display: grid;
    min-height: 14rem;
    place-items: center;
    padding: var(--kendo-spacing-4, 1rem);
    border: 1px dashed var(--kendo-color-border-alt);
    border-radius: var(--kendo-border-radius-lg);
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface);
    text-align: center;
}

@media (max-width: 640px) {
    .project-map__canvas[b-xg0gpmy53d] {
        height: 25rem;
    }

    .project-map__canvas[b-xg0gpmy53d]  .project-map__node-label {
        display: none;
    }

    .project-map__canvas[b-xg0gpmy53d]  .k-navigator {
        display: none;
    }

    .project-map__legend[b-xg0gpmy53d] {
        width: 100%;
    }

    .project-map__mobile-list[b-xg0gpmy53d] {
        display: grid;
        gap: .45rem;
    }

    .project-map__mobile-item[b-xg0gpmy53d] {
        display: grid;
        grid-template-columns: 2.75rem minmax(0, 1fr) auto;
        gap: .65rem;
        width: 100%;
        min-height: 3.25rem;
        align-items: center;
        padding: .45rem .6rem;
        border: 1px solid var(--kendo-color-border);
        border-radius: var(--kendo-border-radius-md);
        color: var(--kendo-color-on-surface);
        background: var(--kendo-color-surface);
        font: inherit;
        text-align: start;
        cursor: pointer;
    }

    .project-map__mobile-item:focus-visible[b-xg0gpmy53d] {
        outline: 3px solid color-mix(in srgb, var(--kendo-color-primary) 72%, transparent);
        outline-offset: 2px;
    }

    .project-map__mobile-ring[b-xg0gpmy53d] {
        display: grid;
        width: 2.5rem;
        height: 2.5rem;
        place-items: center;
        border: 3px solid var(--kendo-color-border-alt);
        border-radius: var(--kendo-border-radius-full, 50%);
        font-family: var(--kendo-font-family-monospace);
        font-size: .75rem;
        font-weight: var(--kendo-font-weight-bold, 700);
    }

    .project-map__mobile-copy[b-xg0gpmy53d] {
        display: grid;
        min-width: 0;
        gap: .1rem;
    }

    .project-map__mobile-copy strong[b-xg0gpmy53d],
    .project-map__mobile-copy span[b-xg0gpmy53d] {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .project-map__mobile-copy strong[b-xg0gpmy53d] {
        font-size: .82rem;
    }

    .project-map__mobile-copy span[b-xg0gpmy53d],
    .project-map__mobile-progress[b-xg0gpmy53d] {
        color: var(--kendo-color-subtle);
        font-family: var(--kendo-font-family-monospace);
        font-size: .65rem;
    }

    .project-map__mobile-copy em[b-xg0gpmy53d] {
        font-style: normal;
    }

    .project-map__mobile-progress[b-xg0gpmy53d] {
        font-weight: var(--kendo-font-weight-bold, 700);
        font-variant-numeric: tabular-nums;
    }
}

@media (prefers-reduced-motion: reduce) {
    .project-map__canvas[b-xg0gpmy53d]  .project-map__bubble {
        transition: none;
    }
}

@media (forced-colors: active) {
    .project-map__canvas[b-xg0gpmy53d]  .project-map__node,
    .project-map__mobile-item[b-xg0gpmy53d],
    .project-map__missing-list button[b-xg0gpmy53d] {
        forced-color-adjust: auto;
    }

    .project-map__canvas[b-xg0gpmy53d]  .project-map__bubble,
    .project-map__mobile-ring[b-xg0gpmy53d],
    .project-map__legend-ring[b-xg0gpmy53d],
    .project-map__canvas[b-xg0gpmy53d]  .project-map__task-point {
        border-color: ButtonText;
    }
}
/* /Components/Pages/Projects/Overview/ProjectOverviewMatrix.razor.rz.scp.css */
.overview-matrix[b-ol4ekrngh6] {
    min-width: 0;
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family));
}

.overview-matrix__scroll[b-ol4ekrngh6] {
    max-width: 100%;
    overflow-x: auto;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--efpeka-radius-lg, var(--kendo-border-radius-lg));
    background: var(--kendo-color-surface);
    box-shadow: var(--efpeka-shadow-1, var(--kendo-elevation-1));
    scrollbar-gutter: stable;
}

.overview-matrix__scroll:focus-visible[b-ol4ekrngh6] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 3px;
}

[b-ol4ekrngh6] .project-overview-matrix__grid {
    min-width: 78rem;
    border: 0;
    border-radius: inherit;
    background: var(--kendo-color-surface);
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family));
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-grid-header,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-grid-header-wrap,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-thead,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-filter-row {
    background: var(--kendo-color-surface-alt);
    color: var(--kendo-color-subtle);
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-grid-header .k-cell-inner,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-column-title {
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.63rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-th,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-td,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-filter-row td {
    border-color: var(--kendo-color-border);
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-row {
    background: var(--kendo-color-surface);
    color: var(--kendo-color-on-surface);
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-row:hover,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-row.k-hover {
    background: var(--kendo-color-base-hover);
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-table-td {
    font-size: 0.78rem;
    vertical-align: middle;
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-filter-row .k-input,
[b-ol4ekrngh6] .project-overview-matrix__grid .k-filter-row .k-picker {
    border-color: var(--kendo-color-border);
    background: var(--kendo-color-surface);
    color: var(--kendo-color-on-surface);
}

[b-ol4ekrngh6] .project-overview-matrix__grid .k-pager {
    border-color: var(--kendo-color-border);
    background: var(--kendo-color-surface-alt);
    color: var(--kendo-color-on-surface);
}

.matrix-worker[b-ol4ekrngh6] {
    width: 100%;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin: -0.45rem 0;
    padding: 0.45rem 0;
    border: 0;
    background: transparent;
    color: var(--kendo-color-on-surface);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.matrix-worker:hover[b-ol4ekrngh6] {
    color: var(--kendo-color-primary-on-surface);
}

.matrix-worker:focus-visible[b-ol4ekrngh6] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 2px;
}

.matrix-worker__dot[b-ol4ekrngh6] {
    width: 0.55rem;
    aspect-ratio: 1;
    flex: none;
    border-radius: 50%;
    background: var(--kendo-color-primary);
}

.matrix-worker__dot--full-time[b-ol4ekrngh6] {
    background: var(--kendo-color-info);
}

.matrix-worker__dot--external[b-ol4ekrngh6] {
    background: var(--kendo-color-warning);
}

.matrix-status[b-ol4ekrngh6] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.22rem 0.5rem;
    overflow: hidden;
    border: 1px solid currentColor;
    border-radius: var(--efpeka-radius-pill, var(--kendo-border-radius-full));
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    line-height: 1.25;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.matrix-status--planned[b-ol4ekrngh6],
.matrix-status--reserve[b-ol4ekrngh6] {
    color: var(--kendo-color-warning);
    background: color-mix(in srgb, var(--kendo-color-warning) 9%, var(--kendo-color-surface));
}

.matrix-status--confirmed[b-ol4ekrngh6],
.matrix-status--scheduled[b-ol4ekrngh6],
.matrix-status--completed[b-ol4ekrngh6] {
    color: var(--kendo-color-success);
    background: color-mix(in srgb, var(--kendo-color-success) 9%, var(--kendo-color-surface));
}

.matrix-status--unavailable[b-ol4ekrngh6] {
    color: var(--kendo-color-warning);
    background: color-mix(in srgb, var(--kendo-color-warning) 9%, var(--kendo-color-surface));
}

.matrix-status--conflict[b-ol4ekrngh6],
.matrix-status--cancelled[b-ol4ekrngh6] {
    color: var(--kendo-color-error);
    background: color-mix(in srgb, var(--kendo-color-error) 9%, var(--kendo-color-surface));
}

.matrix-status--neutral[b-ol4ekrngh6] {
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface-alt);
}

.overview-matrix__empty[b-ol4ekrngh6] {
    min-height: 8rem;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    text-align: center;
}

@media (max-width: 48rem) {
    .overview-matrix__scroll[b-ol4ekrngh6] {
        border-radius: var(--efpeka-radius-md, var(--kendo-border-radius-md));
    }
}
/* /Components/Pages/Projects/Overview/ProjectOverviewProjects.razor.rz.scp.css */
.overview-projects[b-0rurlmhgf1] {
    min-width: 0;
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family));
}

.overview-projects__grid[b-0rurlmhgf1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
    gap: clamp(0.75rem, 1.5vw, 1rem);
    align-items: start;
}

.overview-projects__empty[b-0rurlmhgf1] {
    min-height: 8rem;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    border: 1px dashed var(--kendo-color-border-alt);
    border-radius: var(--efpeka-radius-lg, var(--kendo-border-radius-lg));
    background: var(--kendo-color-surface);
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    text-align: center;
}

.project-overview-card[b-0rurlmhgf1] {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--efpeka-radius-lg, var(--kendo-border-radius-lg));
    background: var(--kendo-color-surface);
    box-shadow: var(--efpeka-shadow-1, var(--kendo-elevation-1));
}

.project-overview-card__hero[b-0rurlmhgf1] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: clamp(0.75rem, 2vw, 1rem);
    align-items: center;
    padding: clamp(0.875rem, 2vw, 1.125rem);
}

.project-overview-card__identity[b-0rurlmhgf1] {
    min-width: 0;
    min-height: 2.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.3rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.project-overview-card__identity--static[b-0rurlmhgf1] {
    cursor: default;
}

.project-overview-card__identity:not(.project-overview-card__identity--static):hover .project-overview-card__title[b-0rurlmhgf1] {
    color: var(--kendo-color-primary-on-surface);
}

.project-overview-card__identity:focus-visible[b-0rurlmhgf1],
.team-toggle:focus-visible[b-0rurlmhgf1],
.project-worker:focus-visible[b-0rurlmhgf1] {
    outline: 2px solid var(--kendo-color-primary);
    outline-offset: 3px;
}

.project-overview-card__title-row[b-0rurlmhgf1] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.project-overview-card__title[b-0rurlmhgf1] {
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--kendo-color-on-surface);
    font-size: clamp(0.95rem, 2vw, 1.05rem);
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.2;
    text-transform: uppercase;
    transition: color 140ms ease;
}

.project-overview-card__subtitle[b-0rurlmhgf1] {
    min-width: 0;
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.68rem;
    line-height: 1.45;
}

.project-status[b-0rurlmhgf1],
.worker-state[b-0rurlmhgf1] {
    flex: none;
    border: 1px solid currentColor;
    border-radius: var(--efpeka-radius-pill, var(--kendo-border-radius-full));
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-transform: uppercase;
}

.project-status[b-0rurlmhgf1] {
    padding: 0.2rem 0.45rem;
}

.project-status--planning[b-0rurlmhgf1] {
    color: var(--kendo-color-info);
    background: color-mix(in srgb, var(--kendo-color-info) 9%, var(--kendo-color-surface));
}

.project-status--active[b-0rurlmhgf1] {
    color: var(--kendo-color-success);
    background: color-mix(in srgb, var(--kendo-color-success) 9%, var(--kendo-color-surface));
}

.project-status--on-hold[b-0rurlmhgf1] {
    color: var(--kendo-color-warning);
    background: color-mix(in srgb, var(--kendo-color-warning) 9%, var(--kendo-color-surface));
}

.project-status--completed[b-0rurlmhgf1] {
    color: var(--kendo-color-subtle);
    background: var(--kendo-color-surface-alt);
}

.project-status--cancelled[b-0rurlmhgf1] {
    color: var(--kendo-color-error);
    background: color-mix(in srgb, var(--kendo-color-error) 9%, var(--kendo-color-surface));
}

.project-progress-ring[b-0rurlmhgf1] {
    --overview-ring-color: var(--kendo-color-primary);
    position: relative;
    width: clamp(3.75rem, 8vw, 4.5rem);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    flex: none;
    border-radius: 50%;
    background: conic-gradient(var(--overview-ring-color) var(--overview-progress-angle), var(--kendo-color-border) 0);
}

.project-progress-ring[b-0rurlmhgf1]::before {
    content: "";
    position: absolute;
    inset: 0.42rem;
    border-radius: inherit;
    background: var(--kendo-color-surface);
}

.project-progress-ring span[b-0rurlmhgf1] {
    position: relative;
    z-index: 1;
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.75rem;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.project-progress-ring--low[b-0rurlmhgf1] {
    --overview-ring-color: var(--kendo-color-warning);
}

.project-progress-ring--middle[b-0rurlmhgf1] {
    --overview-ring-color: var(--kendo-color-primary);
}

.project-progress-ring--high[b-0rurlmhgf1] {
    --overview-ring-color: var(--kendo-color-success);
}

.project-progress-ring--none[b-0rurlmhgf1] {
    --overview-ring-color: var(--kendo-color-border);
}

.project-overview-card__facts[b-0rurlmhgf1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
    border-block: 1px solid var(--kendo-color-border);
    background: var(--kendo-color-border);
}

.project-overview-card__facts > div[b-0rurlmhgf1] {
    min-width: 0;
    padding: 0.7rem 0.75rem;
    background: var(--kendo-color-surface-alt);
}

.project-overview-card__facts dt[b-0rurlmhgf1] {
    overflow: hidden;
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    line-height: 1.35;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.project-overview-card__facts dd[b-0rurlmhgf1] {
    min-width: 0;
    margin: 0.24rem 0 0;
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    line-height: 1.35;
}

.task-overdue[b-0rurlmhgf1] {
    display: inline-flex;
    margin-left: 0.25rem;
    padding: 0.08rem 0.28rem;
    border-radius: var(--efpeka-radius-pill, var(--kendo-border-radius-full));
    background: color-mix(in srgb, var(--kendo-color-error) 12%, var(--kendo-color-surface-alt));
    color: var(--kendo-color-error);
    font-size: 0.6rem;
}

.team-toggle[b-0rurlmhgf1] {
    width: calc(100% - 1.5rem);
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin: 0.75rem;
    padding: 0.65rem 0.8rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--efpeka-radius-md, var(--kendo-border-radius-md));
    background: var(--kendo-color-base);
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.team-toggle:hover[b-0rurlmhgf1] {
    border-color: var(--kendo-color-border-alt);
    background: var(--kendo-color-base-hover);
    color: var(--kendo-color-on-surface);
}

.project-team[b-0rurlmhgf1] {
    padding: 0 0.75rem 0.75rem;
}

.project-team__list[b-0rurlmhgf1] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.project-team__item[b-0rurlmhgf1] {
    min-width: 0;
}

.project-team__empty[b-0rurlmhgf1] {
    margin: 0;
    padding: 1rem;
    border: 1px dashed var(--kendo-color-border-alt);
    border-radius: var(--efpeka-radius-md, var(--kendo-border-radius-md));
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.68rem;
    text-align: center;
}

.project-worker[b-0rurlmhgf1] {
    width: 100%;
    min-height: 2.75rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.65rem;
    align-items: center;
    padding: 0.55rem 0.7rem;
    border: 1px solid var(--kendo-color-border);
    border-radius: var(--efpeka-radius-md, var(--kendo-border-radius-md));
    background: var(--kendo-color-surface-alt);
    color: var(--kendo-color-on-surface);
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.project-worker:hover[b-0rurlmhgf1] {
    border-color: var(--kendo-color-border-alt);
    background: var(--kendo-color-base-hover);
}

.worker-dot[b-0rurlmhgf1] {
    width: 0.55rem;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--kendo-color-primary);
}

.worker-dot--full-time[b-0rurlmhgf1] {
    background: var(--kendo-color-info);
}

.worker-dot--external[b-0rurlmhgf1] {
    background: var(--kendo-color-warning);
}

.project-worker__copy[b-0rurlmhgf1] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.project-worker__copy strong[b-0rurlmhgf1],
.project-worker__copy span[b-0rurlmhgf1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-worker__copy strong[b-0rurlmhgf1] {
    font-size: 0.78rem;
    font-weight: 700;
}

.project-worker__copy span[b-0rurlmhgf1] {
    color: var(--kendo-color-subtle);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
    font-size: 0.62rem;
}

.project-worker__copy .project-worker__rate[b-0rurlmhgf1] {
    color: var(--kendo-color-on-surface);
    font-weight: 700;
}

.worker-state[b-0rurlmhgf1] {
    padding: 0.18rem 0.38rem;
}

.worker-state--absent[b-0rurlmhgf1],
.worker-state--planned[b-0rurlmhgf1] {
    color: var(--kendo-color-warning);
    background: color-mix(in srgb, var(--kendo-color-warning) 9%, var(--kendo-color-surface-alt));
}

.worker-state--conflict[b-0rurlmhgf1] {
    color: var(--kendo-color-error);
    background: color-mix(in srgb, var(--kendo-color-error) 9%, var(--kendo-color-surface-alt));
}

.project-overview-card--pool[b-0rurlmhgf1] {
    border-style: dashed;
}

.project-overview-card--pool.is-reserve[b-0rurlmhgf1] {
    border-color: var(--kendo-color-info);
}

.project-overview-card--pool.is-unavailable[b-0rurlmhgf1] {
    border-color: var(--kendo-color-warning);
}

.project-overview-card__hero--pool[b-0rurlmhgf1] {
    min-height: 6rem;
}

.pool-count[b-0rurlmhgf1] {
    min-width: 3.75rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 0.38rem solid var(--kendo-color-border);
    border-radius: 50%;
    background: var(--kendo-color-surface);
    color: var(--kendo-color-on-surface);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace));
}

.is-reserve .pool-count[b-0rurlmhgf1] {
    border-color: var(--kendo-color-info);
}

.is-unavailable .pool-count[b-0rurlmhgf1] {
    border-color: var(--kendo-color-warning);
}

.pool-count strong[b-0rurlmhgf1] {
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
}

@media (max-width: 44rem) {
    .project-overview-card__facts[b-0rurlmhgf1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 25rem) {
    .project-overview-card__hero[b-0rurlmhgf1] {
        align-items: start;
    }

    .project-progress-ring[b-0rurlmhgf1] {
        width: 3.5rem;
    }

    .project-worker[b-0rurlmhgf1] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .worker-state[b-0rurlmhgf1] {
        grid-column: 2;
        justify-self: start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .project-overview-card__title[b-0rurlmhgf1] {
        transition: none;
    }
}
/* /Components/Pages/Projects/Planning/Lookahead/ProjectLookaheadTaskCard.razor.rz.scp.css */
.lookahead-task-card[b-i4eubmixdg] {
    --task-panel: var(--lookahead-panel, var(--kendo-color-app-surface, var(--bs-body-bg, #fff)));
    --task-raised: var(--lookahead-raised, var(--kendo-color-surface-alt, var(--bs-tertiary-bg, #fff)));
    --task-ink: var(--lookahead-ink, var(--kendo-color-on-app-surface, var(--bs-body-color, #183247)));
    --task-muted: var(--lookahead-muted, var(--kendo-color-subtle, var(--bs-secondary-color, #586d7b)));
    --task-line: var(--lookahead-line, var(--kendo-color-border, var(--bs-border-color, #dce5e9)));
    --task-line-strong: var(--lookahead-line-strong, var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aebfc8)));
    --task-focus: var(--lookahead-focus, var(--kendo-color-info-on-subtle, #00637c));
    --task-focus-ring: var(--lookahead-focus-ring, color-mix(in srgb, var(--task-focus) 38%, transparent));
    --task-accent: var(--lookahead-neutral, #4d5f6d);
    --task-shadow: var(--lookahead-shadow, var(--kendo-elevation-2, 0 5px 15px rgba(23, 50, 74, .08)));
    position: relative;
    display: flex;
    width: 100%;
    min-height: 44px;
    min-width: 0;
    flex-direction: column;
    gap: .55rem;
    padding: .82rem .82rem .78rem 1rem;
    overflow: hidden;
    border: 1px solid var(--task-line);
    border-radius: 13px;
    background: var(--task-panel);
    color: var(--task-ink);
    text-align: left;
    box-shadow: var(--task-shadow);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lookahead-task-card:hover[b-i4eubmixdg] {
    border-color: var(--task-line-strong);
    background: color-mix(in srgb, var(--task-accent) 4%, var(--task-panel));
    box-shadow: var(--kendo-elevation-3, 0 10px 24px rgba(23, 50, 74, .12));
    transform: translateY(-1px);
}

.lookahead-task-card:focus-visible[b-i4eubmixdg] {
    outline: 3px solid var(--task-focus);
    outline-offset: 2px;
}

.lookahead-task-card.selected[b-i4eubmixdg] {
    border-color: var(--task-focus);
    box-shadow: 0 0 0 2px var(--task-focus-ring), var(--task-shadow);
}

.lookahead-task-card.ready[b-i4eubmixdg] { --task-accent: var(--lookahead-ready, var(--kendo-color-success-on-subtle, #146c43)); }
.lookahead-task-card.warning[b-i4eubmixdg] { --task-accent: var(--lookahead-warning, var(--kendo-color-warning-on-subtle, #7a4500)); }
.lookahead-task-card.blocked[b-i4eubmixdg] { --task-accent: var(--lookahead-blocked, var(--kendo-color-error-on-subtle, #b02a37)); }
.lookahead-task-card.unknown[b-i4eubmixdg] { --task-accent: var(--lookahead-unknown, var(--kendo-color-tertiary-on-subtle, #62408c)); }

.task-accent[b-i4eubmixdg] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--task-accent);
}

.task-card-heading[b-i4eubmixdg] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

.task-card-heading strong[b-i4eubmixdg] {
    min-width: 0;
    flex: 1 1 8rem;
    overflow: hidden;
    font-size: .88rem;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.readiness-badge[b-i4eubmixdg] {
    flex: 0 0 auto;
    padding: .22rem .42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--task-accent) 12%, var(--task-panel));
    color: var(--task-accent);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .02em;
    line-height: 1.2;
    white-space: nowrap;
}

.task-card-dates[b-i4eubmixdg],
.task-card-resource[b-i4eubmixdg],
.task-card-metrics[b-i4eubmixdg],
.task-card-issue[b-i4eubmixdg] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .38rem;
    color: var(--task-muted);
    font-size: .72rem;
}

.task-card-dates[b-i4eubmixdg]  svg,
.task-card-resource[b-i4eubmixdg]  svg,
.task-card-metrics[b-i4eubmixdg]  svg,
.task-card-issue[b-i4eubmixdg]  svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.task-card-resource span[b-i4eubmixdg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-card-metrics[b-i4eubmixdg] {
    justify-content: space-between;
}

.task-card-metrics > span[b-i4eubmixdg] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.task-card-issue[b-i4eubmixdg] {
    padding-top: .55rem;
    border-top: 1px solid var(--task-line);
    color: var(--task-accent);
    font-weight: 650;
}

.task-card-issue > span[b-i4eubmixdg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-card-issue small[b-i4eubmixdg] {
    margin-left: auto;
    padding: .15rem .32rem;
    border-radius: 999px;
    background: var(--task-raised);
    color: var(--task-ink);
    font-weight: 800;
}

@media (prefers-reduced-motion: reduce) {
    .lookahead-task-card[b-i4eubmixdg] {
        transition-duration: .01ms;
    }

    .lookahead-task-card:hover[b-i4eubmixdg] {
        transform: none;
    }
}

:global(.k-dark) .lookahead-task-card[b-i4eubmixdg] {
    --task-panel: var(--lookahead-panel, var(--kendo-color-surface-alt, var(--bs-body-bg, #212529)));
    --task-raised: var(--lookahead-raised, var(--kendo-color-surface, var(--bs-tertiary-bg, #2b3035)));
    --task-ink: var(--lookahead-ink, var(--kendo-color-on-app-surface, var(--bs-body-color, #dee2e6)));
    --task-muted: var(--lookahead-muted, var(--kendo-color-subtle, var(--bs-secondary-color, #adb5bd)));
    --task-line: var(--lookahead-line, var(--kendo-color-border, var(--bs-border-color, rgba(222, 226, 230, .24))));
    --task-line-strong: var(--lookahead-line-strong, var(--kendo-color-border-alt, var(--bs-border-color-translucent, rgba(255, 255, 255, .34))));
    --task-focus: var(--lookahead-focus, #6edff6);
}

@media (forced-colors: active) {
    .lookahead-task-card[b-i4eubmixdg] {
        --task-panel: ButtonFace;
        --task-raised: ButtonFace;
        --task-ink: ButtonText;
        --task-muted: ButtonText;
        --task-line: ButtonText;
        --task-line-strong: ButtonText;
        --task-focus: Highlight;
        --task-focus-ring: transparent;
        --task-accent: Highlight;
        forced-color-adjust: auto;
        border-color: ButtonText;
        background: ButtonFace;
        color: ButtonText;
        box-shadow: none;
    }

    .lookahead-task-card.selected[b-i4eubmixdg] {
        outline: 2px solid Highlight;
        outline-offset: -2px;
        box-shadow: none;
    }

    .lookahead-task-card:focus-visible[b-i4eubmixdg] {
        outline: 3px solid Highlight;
        outline-offset: 2px;
    }

    .task-accent[b-i4eubmixdg] {
        background: Highlight;
    }
}
/* /Components/Pages/Projects/Planning/Lookahead/ProjectLookaheadWorkspace.razor.rz.scp.css */
.lookahead-page[b-76ea5807i8] {
    --lookahead-app: var(--kendo-color-app-surface, var(--bs-body-bg, #f5f7f8));
    --lookahead-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --lookahead-raised: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --lookahead-soft: var(--kendo-color-base, var(--bs-tertiary-bg, #f1f5f7));
    --lookahead-soft-hover: var(--kendo-color-base-hover, var(--bs-secondary-bg, #e8eef1));
    --lookahead-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #17324a));
    --lookahead-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #596f7d));
    --lookahead-line: var(--kendo-color-border, var(--bs-border-color, #d7e1e6));
    --lookahead-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #b7c7cf));
    --lookahead-orange: var(--kendo-color-warning-on-subtle, #7a4500);
    --lookahead-action-orange: #a94312;
    --lookahead-action-bg: #123f57;
    --lookahead-action-ink: #fff;
    --lookahead-orange-soft: color-mix(in srgb, var(--lookahead-orange) 12%, var(--lookahead-panel));
    --lookahead-ready: var(--kendo-color-success-on-subtle, #146c43);
    --lookahead-warning: var(--kendo-color-warning-on-subtle, #7a4500);
    --lookahead-blocked: var(--kendo-color-error-on-subtle, #b02a37);
    --lookahead-unknown: var(--kendo-color-tertiary-on-subtle, #62408c);
    --lookahead-info: var(--kendo-color-info-on-subtle, #1b617c);
    --lookahead-neutral: var(--kendo-color-base-on-surface, #4d5f6d);
    --lookahead-ready-soft: color-mix(in srgb, var(--lookahead-ready) 12%, var(--lookahead-panel));
    --lookahead-warning-soft: color-mix(in srgb, var(--lookahead-warning) 12%, var(--lookahead-panel));
    --lookahead-blocked-soft: color-mix(in srgb, var(--lookahead-blocked) 11%, var(--lookahead-panel));
    --lookahead-unknown-soft: color-mix(in srgb, var(--lookahead-unknown) 11%, var(--lookahead-panel));
    --lookahead-info-soft: color-mix(in srgb, var(--lookahead-info) 11%, var(--lookahead-panel));
    --lookahead-neutral-soft: color-mix(in srgb, var(--lookahead-neutral) 10%, var(--lookahead-panel));
    --lookahead-focus: var(--kendo-color-info-on-subtle, #00637c);
    --lookahead-focus-ring: color-mix(in srgb, var(--lookahead-focus) 42%, transparent);
    --lookahead-shadow: var(--kendo-elevation-2, 0 7px 18px rgba(23, 50, 74, .08));
    --lookahead-shadow-lg: var(--kendo-elevation-4, 0 16px 40px rgba(23, 50, 74, .12));
    container-name: project-lookahead;
    container-type: inline-size;
    min-width: 0;
    padding: 1rem clamp(.75rem, 2vw, 1.75rem) 2rem;
    color: var(--lookahead-ink);
}

.lookahead-state[b-76ea5807i8] {
    display: flex;
    width: min(760px, calc(100% - 2rem));
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: clamp(3rem, 10vh, 8rem) auto;
    padding: 1.5rem;
    border: 1px solid var(--lookahead-line);
    border-radius: 18px;
    background: var(--lookahead-panel);
    box-shadow: 0 16px 40px rgba(23, 50, 74, .08);
}

.lookahead-state[b-76ea5807i8] >  svg {
    width: 34px;
    height: 34px;
    color: #687f90;
}

.lookahead-state > div[b-76ea5807i8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .28rem;
}

.lookahead-state strong[b-76ea5807i8] {
    font-size: 1.05rem;
}

.lookahead-state span[b-76ea5807i8] {
    color: var(--lookahead-muted);
    font-size: .85rem;
}

.lookahead-state.error[b-76ea5807i8] >  svg {
    color: var(--lookahead-blocked);
}

.lookahead-state.access-denied[b-76ea5807i8] >  svg {
    color: var(--lookahead-unknown);
}

.state-action[b-76ea5807i8] {
    padding: .7rem 1rem;
    border-radius: 10px;
    background: var(--lookahead-action-bg);
    color: #fff;
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
    white-space: nowrap;
}

.lookahead-hero[b-76ea5807i8] {
    position: relative;
    display: flex;
    min-height: 146px;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.45rem clamp(1rem, 2.5vw, 2rem);
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(112deg, rgba(10, 32, 48, .97), rgba(25, 62, 78, .94)),
        repeating-linear-gradient(90deg, transparent 0 38px, rgba(255,255,255,.03) 38px 39px);
    color: #fff;
    box-shadow: 0 18px 38px rgba(16, 44, 63, .18);
}

.lookahead-hero[b-76ea5807i8]::after {
    position: absolute;
    right: -75px;
    bottom: -110px;
    width: 330px;
    height: 230px;
    border: 42px solid rgba(223, 107, 36, .15);
    border-radius: 50%;
    content: "";
    transform: rotate(-18deg);
}

.hero-copy[b-76ea5807i8],
.hero-actions[b-76ea5807i8] {
    position: relative;
    z-index: 1;
}

.hero-eyebrow[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .48rem;
    margin-bottom: .58rem;
    color: #b8c8d1;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.eyebrow-separator[b-76ea5807i8] {
    color: #eb8d51;
}

.read-only-pill[b-76ea5807i8] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-left: .2rem;
    padding: .25rem .45rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #dce7ec;
    font-size: .61rem;
    letter-spacing: .02em;
}

.read-only-pill[b-76ea5807i8]  svg {
    width: 13px;
    height: 13px;
}

.hero-copy h1[b-76ea5807i8] {
    margin: 0;
    font-size: clamp(1.55rem, 3vw, 2.45rem);
    font-weight: 780;
    letter-spacing: -.035em;
}

.hero-meta[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1.1rem;
    margin-top: .7rem;
    color: #c5d3da;
    font-size: .77rem;
}

.hero-meta span[b-76ea5807i8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.hero-meta[b-76ea5807i8]  svg {
    width: 15px;
    height: 15px;
    color: #eb8d51;
}

.hero-actions[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .65rem;
}

.hero-action[b-76ea5807i8] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .68rem .9rem;
    border: 1px solid transparent;
    border-radius: 11px;
    font-size: .78rem;
    font-weight: 760;
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.hero-action:hover[b-76ea5807i8] {
    transform: translateY(-1px);
}

.hero-action.secondary[b-76ea5807i8] {
    border-color: rgba(255,255,255,.24);
    background: rgba(255,255,255,.08);
    color: #fff;
}

.hero-action.secondary:hover[b-76ea5807i8] {
    background: rgba(255,255,255,.14);
}

.hero-action.primary[b-76ea5807i8] {
    background: var(--lookahead-orange);
    color: #fff;
}

.hero-action:disabled[b-76ea5807i8] {
    cursor: wait;
    opacity: .7;
    transform: none;
}

.hero-action[b-76ea5807i8]  svg {
    width: 16px;
    height: 16px;
}

.make-ready-context[b-76ea5807i8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    margin: .85rem 0;
    padding: .8rem 1rem;
    border: 1px solid var(--lookahead-line);
    border-radius: 14px;
    background: linear-gradient(90deg, var(--lookahead-ready-soft), var(--lookahead-panel));
}

.context-icon[b-76ea5807i8] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: var(--lookahead-ready-soft);
    color: var(--lookahead-ready);
}

.make-ready-context strong[b-76ea5807i8] {
    font-size: .84rem;
}

.make-ready-context p[b-76ea5807i8] {
    margin: .18rem 0 0;
    color: #607681;
    font-size: .73rem;
}

.generated-at[b-76ea5807i8] {
    color: #67808a;
    font-size: .68rem;
    white-space: nowrap;
}

.lookahead-kpis[b-76ea5807i8] {
    display: grid;
    grid-template-columns: repeat(6, minmax(130px, 1fr));
    gap: .6rem;
    margin-bottom: .85rem;
}

.lookahead-kpi[b-76ea5807i8] {
    --kpi-color: #617788;
    display: flex;
    min-height: 76px;
    align-items: center;
    gap: .65rem;
    padding: .68rem .72rem;
    border: 1px solid var(--lookahead-line);
    border-radius: 14px;
    background: var(--lookahead-panel);
    color: var(--lookahead-ink);
    text-align: left;
    box-shadow: 0 7px 18px rgba(23, 50, 74, .05);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.lookahead-kpi:hover[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--kpi-color) 45%, #dce5e9);
    transform: translateY(-1px);
}

.lookahead-kpi.selected[b-76ea5807i8] {
    border-color: var(--kpi-color);
    box-shadow: inset 0 -3px 0 var(--kpi-color), 0 8px 20px rgba(23, 50, 74, .07);
}

.lookahead-kpi.ready[b-76ea5807i8] { --kpi-color: var(--lookahead-ready); }
.lookahead-kpi.warning[b-76ea5807i8] { --kpi-color: var(--lookahead-warning); }
.lookahead-kpi.blocked[b-76ea5807i8] { --kpi-color: var(--lookahead-blocked); }
.lookahead-kpi.unknown[b-76ea5807i8] { --kpi-color: var(--lookahead-unknown); }
.lookahead-kpi.carry-over[b-76ea5807i8] { --kpi-color: #3d7593; }
.lookahead-kpi.unscheduled[b-76ea5807i8] { --kpi-color: #697c89; }

.kpi-icon[b-76ea5807i8] {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 10px;
    background: color-mix(in srgb, var(--kpi-color) 11%, var(--lookahead-panel));
    color: var(--kpi-color);
}

.kpi-icon[b-76ea5807i8]  svg {
    width: 17px;
    height: 17px;
}

.lookahead-kpi > span:last-child[b-76ea5807i8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.lookahead-kpi strong[b-76ea5807i8] {
    color: var(--kpi-color);
    font-size: 1.35rem;
    line-height: 1;
}

.lookahead-kpi small[b-76ea5807i8] {
    margin-top: .28rem;
    overflow: hidden;
    color: var(--lookahead-muted);
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lookahead-controls[b-76ea5807i8] {
    margin-bottom: .85rem;
    border: 1px solid var(--lookahead-line);
    border-radius: 16px;
    background: var(--lookahead-panel);
    box-shadow: 0 8px 22px rgba(23, 50, 74, .05);
}

.window-controls[b-76ea5807i8],
.filter-controls[b-76ea5807i8] {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    gap: .55rem;
    padding: .72rem .8rem;
}

.filter-controls[b-76ea5807i8] {
    align-items: center;
    border-top: 1px solid #edf1f3;
    background: var(--lookahead-soft);
}

.control-field[b-76ea5807i8],
.search-field[b-76ea5807i8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
}

.control-field label[b-76ea5807i8],
.field-label[b-76ea5807i8],
.search-field > span:first-child[b-76ea5807i8] {
    color: #667b89;
    font-size: .65rem;
    font-weight: 750;
}

.status-date-field[b-76ea5807i8] {
    width: 155px;
    flex: 0 0 155px;
}

.horizon-field[b-76ea5807i8] {
    margin-left: .45rem;
}

.control-button[b-76ea5807i8] {
    min-height: 38px;
    padding: .52rem .7rem;
    border: 1px solid #bdcbd2;
    border-radius: 9px;
    background: var(--lookahead-soft);
    color: #29485b;
    font-size: .72rem;
    font-weight: 750;
}

.control-button.apply-date[b-76ea5807i8] {
    border-color: #244a60;
    background: var(--lookahead-action-bg);
    color: #fff;
}

.control-button.quiet[b-76ea5807i8] {
    background: var(--lookahead-raised);
}

.control-button:disabled[b-76ea5807i8] {
    cursor: wait;
    opacity: .58;
}

.horizon-switch[b-76ea5807i8],
.readiness-filters[b-76ea5807i8] {
    display: inline-flex;
    padding: .2rem;
    border: 1px solid #d4dfe4;
    border-radius: 10px;
    background: var(--lookahead-soft);
}

.horizon-switch button[b-76ea5807i8],
.readiness-filters button[b-76ea5807i8] {
    min-height: 31px;
    padding: .38rem .58rem;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #5b7180;
    font-size: .68rem;
    font-weight: 750;
    white-space: nowrap;
}

.horizon-switch button.active[b-76ea5807i8],
.readiness-filters button.active[b-76ea5807i8] {
    background: var(--lookahead-raised);
    color: #17324a;
    box-shadow: 0 2px 8px rgba(23, 50, 74, .12);
}

.search-field[b-76ea5807i8] {
    width: min(360px, 32vw);
    flex: 0 1 360px;
}

.search-box[b-76ea5807i8] {
    display: flex;
    height: 38px;
    min-width: 0;
    align-items: center;
    gap: .42rem;
    padding: 0 .65rem;
    border: 1px solid #cbd8df;
    border-radius: 9px;
    background: var(--lookahead-raised);
    color: #738692;
}

.search-box:focus-within[b-76ea5807i8] {
    border-color: #1f6f8b;
    box-shadow: 0 0 0 3px rgba(31, 111, 139, .12);
}

.search-box[b-76ea5807i8]  svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.search-box input[b-76ea5807i8] {
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #17324a;
    font-size: .74rem;
}

.readiness-filters[b-76ea5807i8] {
    max-width: 100%;
    overflow-x: auto;
}

.filter-result[b-76ea5807i8] {
    display: flex;
    align-items: center;
    gap: .3rem;
    margin-left: auto;
    color: #6e818d;
    font-size: .69rem;
    white-space: nowrap;
}

.filter-result strong[b-76ea5807i8] {
    color: #17324a;
}

.filter-result button[b-76ea5807i8] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-left: .25rem;
    padding: .35rem .45rem;
    border: 0;
    border-radius: 7px;
    background: var(--lookahead-soft-hover);
    color: #325266;
    font-size: .65rem;
    font-weight: 750;
}

.filter-result button[b-76ea5807i8]  svg {
    width: 13px;
    height: 13px;
}

.quality-banner[b-76ea5807i8],
.interruption-strip[b-76ea5807i8] {
    display: flex;
    gap: .75rem;
    margin-bottom: .85rem;
    padding: .75rem .85rem;
    border: 1px solid #ddd5ec;
    border-radius: 14px;
    background: var(--lookahead-unknown-soft);
    color: #614b82;
}

.quality-banner[b-76ea5807i8] >  svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    margin-top: .08rem;
}

.quality-banner strong[b-76ea5807i8] {
    font-size: .76rem;
}

.quality-banner ul[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    gap: .25rem 1.2rem;
    margin: .25rem 0 0;
    padding-left: 1rem;
    color: #725f8d;
    font-size: .68rem;
}

.interruption-strip[b-76ea5807i8] {
    align-items: stretch;
    border-color: #f0d4b6;
    background: var(--lookahead-warning-soft);
    color: #8e5418;
}

.strip-heading[b-76ea5807i8] {
    display: flex;
    min-width: 175px;
    align-items: center;
    gap: .55rem;
    padding-right: .8rem;
    border-right: 1px solid #edd9c3;
}

.strip-heading[b-76ea5807i8]  svg {
    width: 18px;
    height: 18px;
}

.strip-heading span[b-76ea5807i8] {
    display: flex;
    flex-direction: column;
}

.strip-heading strong[b-76ea5807i8] {
    font-size: .72rem;
}

.strip-heading small[b-76ea5807i8] {
    color: #a27242;
    font-size: .61rem;
}

.interruption-list[b-76ea5807i8] {
    display: flex;
    min-width: 0;
    gap: .45rem;
    overflow-x: auto;
}

.interruption-list article[b-76ea5807i8] {
    display: grid;
    min-width: 190px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .18rem .55rem;
    padding: .48rem .58rem;
    border: 1px solid #efdcc8;
    border-radius: 9px;
    background: color-mix(in srgb, var(--lookahead-panel) 88%, transparent);
}

.interruption-list strong[b-76ea5807i8],
.interruption-list span[b-76ea5807i8] {
    font-size: .66rem;
}

.interruption-list span[b-76ea5807i8] {
    color: #9a6a38;
}

.interruption-list small[b-76ea5807i8] {
    grid-column: 1 / -1;
    overflow: hidden;
    color: #a17244;
    font-size: .61rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exception-lanes[b-76ea5807i8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-bottom: .85rem;
}

.exception-lane[b-76ea5807i8] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid #d7e1e6;
    border-radius: 15px;
    background: var(--lookahead-info-soft);
}

.exception-lane.unscheduled-lane[b-76ea5807i8] {
    border-color: #e1e2e4;
    background: var(--lookahead-neutral-soft);
}

.exception-lane > header[b-76ea5807i8] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .55rem;
}

.lane-icon[b-76ea5807i8] {
    display: grid;
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    place-items: center;
    border-radius: 8px;
    background: var(--lookahead-info-soft);
    color: #3d7593;
}

.unscheduled-lane .lane-icon[b-76ea5807i8] {
    background: var(--lookahead-neutral-soft);
    color: #647681;
}

.lane-icon[b-76ea5807i8]  svg {
    width: 15px;
    height: 15px;
}

.exception-lane > header > span:nth-child(2)[b-76ea5807i8] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.exception-lane header strong[b-76ea5807i8] {
    font-size: .78rem;
}

.exception-lane header small[b-76ea5807i8] {
    margin-top: .1rem;
    overflow: hidden;
    color: #738590;
    font-size: .61rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.exception-lane header b[b-76ea5807i8] {
    margin-left: auto;
    padding: .2rem .42rem;
    border-radius: 999px;
    background: var(--lookahead-raised);
    color: #46667a;
    font-size: .67rem;
}

.lane-cards[b-76ea5807i8] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
    gap: .5rem;
    max-height: 305px;
    overflow-y: auto;
    scrollbar-width: thin;
}

.lane-empty[b-76ea5807i8] {
    padding: .8rem;
    border: 1px dashed #ccd8de;
    border-radius: 10px;
    color: #81909a;
    font-size: .67rem;
    text-align: center;
}

.planning-layout[b-76ea5807i8] {
    display: grid;
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 340px);
    align-items: start;
    gap: .85rem;
}

.weekly-board[b-76ea5807i8],
.task-inspector[b-76ea5807i8] {
    min-width: 0;
    border: 1px solid var(--lookahead-line);
    border-radius: 17px;
    background: var(--lookahead-panel);
    box-shadow: 0 10px 26px rgba(23, 50, 74, .06);
}

.board-heading[b-76ea5807i8] {
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .82rem 1rem;
    border-bottom: 1px solid #e6ecef;
}

.section-eyebrow[b-76ea5807i8] {
    color: #df6b24;
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .13em;
}

.board-heading h2[b-76ea5807i8],
.task-inspector h2[b-76ea5807i8] {
    margin: .1rem 0;
    color: #17324a;
    font-size: 1.02rem;
}

.board-heading p[b-76ea5807i8] {
    margin: 0;
    color: #70838f;
    font-size: .66rem;
}

.board-legend[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .32rem .65rem;
    color: #687c89;
    font-size: .61rem;
}

.board-legend span[b-76ea5807i8] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.board-legend span[b-76ea5807i8]::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lookahead-neutral);
    content: "";
}

.board-legend .ready[b-76ea5807i8]::before { background: var(--lookahead-ready); }
.board-legend .warning[b-76ea5807i8]::before { background: var(--lookahead-warning); }
.board-legend .blocked[b-76ea5807i8]::before { background: var(--lookahead-blocked); }
.board-legend .unknown[b-76ea5807i8]::before { background: var(--lookahead-unknown); }

.week-scroll[b-76ea5807i8] {
    max-width: 100%;
    padding: .75rem;
    overflow-x: auto;
    outline: none;
    scrollbar-color: #aebdc5 #eef2f4;
    scrollbar-width: thin;
}

.week-scroll:focus-visible[b-76ea5807i8] {
    box-shadow: inset 0 0 0 3px rgba(31, 111, 139, .16);
}

.week-grid[b-76ea5807i8] {
    display: grid;
    min-width: max-content;
    align-items: stretch;
    gap: .55rem;
}

.week-column[b-76ea5807i8] {
    width: 100%;
    min-width: 244px;
    min-height: 410px;
    padding: .52rem;
    border: 1px solid #dde5e9;
    border-radius: 13px;
    background: var(--lookahead-soft);
}

.week-column.current[b-76ea5807i8] {
    border-color: #b8d2dc;
    background: var(--lookahead-info-soft);
    box-shadow: inset 0 3px 0 #1f6f8b;
}

.week-column > header[b-76ea5807i8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    padding: .3rem .2rem .56rem;
}

.week-index[b-76ea5807i8] {
    color: #1f5971;
    font-size: .78rem;
    font-weight: 850;
}

.week-range[b-76ea5807i8] {
    color: #71848f;
    font-size: .64rem;
}

.week-column header b[b-76ea5807i8] {
    display: grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 7px;
    background: var(--lookahead-soft-hover);
    color: #4d6574;
    font-size: .63rem;
}

.week-cards[b-76ea5807i8] {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}

.week-empty[b-76ea5807i8] {
    display: grid;
    min-height: 82px;
    place-items: center;
    border: 1px dashed #ccd7dc;
    border-radius: 10px;
    color: #8a989f;
    font-size: .65rem;
}

.task-inspector[b-76ea5807i8] {
    position: sticky;
    top: .75rem;
    overflow: hidden;
}

.task-inspector > header[b-76ea5807i8] {
    padding: 1rem;
    border-bottom: 1px solid var(--lookahead-line);
    background: linear-gradient(145deg, var(--lookahead-raised), var(--lookahead-soft));
}

.task-inspector h2[b-76ea5807i8] {
    margin: .22rem 0 .55rem;
    font-size: 1.08rem;
    line-height: 1.3;
}

.inspector-badges[b-76ea5807i8] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.inspector-badges span[b-76ea5807i8] {
    padding: .24rem .42rem;
    border-radius: 999px;
    background: var(--lookahead-neutral-soft);
    color: #607480;
    font-size: .61rem;
    font-weight: 750;
}

.inspector-badges .readiness.ready[b-76ea5807i8] { background: var(--lookahead-ready-soft); color: var(--lookahead-ready); }
.inspector-badges .readiness.warning[b-76ea5807i8] { background: var(--lookahead-warning-soft); color: var(--lookahead-warning); }
.inspector-badges .readiness.blocked[b-76ea5807i8] { background: var(--lookahead-blocked-soft); color: var(--lookahead-blocked); }
.inspector-badges .readiness.unknown[b-76ea5807i8] { background: var(--lookahead-unknown-soft); color: var(--lookahead-unknown); }

.task-facts[b-76ea5807i8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin: 0;
    padding: .9rem 1rem;
}

.task-facts div[b-76ea5807i8] {
    min-width: 0;
}

.task-facts dt[b-76ea5807i8] {
    margin-bottom: .13rem;
    color: #778994;
    font-size: .58rem;
    font-weight: 750;
    text-transform: uppercase;
}

.task-facts dd[b-76ea5807i8] {
    margin: 0;
    overflow: hidden;
    color: #28485b;
    font-size: .7rem;
    font-weight: 700;
    text-overflow: ellipsis;
}

.coverage-panel[b-76ea5807i8],
.issues-panel[b-76ea5807i8] {
    margin: 0 .8rem .8rem;
    padding: .75rem;
    border: 1px solid #dfe7eb;
    border-radius: 12px;
    background: var(--lookahead-soft);
}

.coverage-heading[b-76ea5807i8],
.coverage-meta[b-76ea5807i8],
.panel-heading[b-76ea5807i8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
}

.coverage-heading[b-76ea5807i8] {
    color: #526b7b;
    font-size: .67rem;
}

.coverage-heading strong[b-76ea5807i8] {
    color: #1f6f8b;
    font-size: .82rem;
}

.coverage-track[b-76ea5807i8] {
    height: 7px;
    margin: .5rem 0 .35rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--lookahead-line);
}

.coverage-track span[b-76ea5807i8] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #1f6f8b, #3b9a81);
}

.coverage-meta[b-76ea5807i8],
.coverage-panel small[b-76ea5807i8] {
    color: #768893;
    font-size: .58rem;
}

.coverage-panel small[b-76ea5807i8] {
    display: block;
    margin-top: .35rem;
    color: #ad671c;
}

.panel-heading strong[b-76ea5807i8] {
    font-size: .72rem;
}

.panel-heading span[b-76ea5807i8] {
    display: grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    border-radius: 7px;
    background: var(--lookahead-soft-hover);
    color: #526a79;
    font-size: .61rem;
    font-weight: 800;
}

.issues-panel ul[b-76ea5807i8] {
    display: flex;
    flex-direction: column;
    gap: .38rem;
    margin: .55rem 0 0;
    padding: 0;
    list-style: none;
}

.issues-panel li[b-76ea5807i8],
.all-clear[b-76ea5807i8] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    padding: .48rem .52rem;
    border-radius: 8px;
    background: var(--lookahead-raised);
    color: #596f7d;
    font-size: .64rem;
    line-height: 1.35;
}

.issues-panel li[b-76ea5807i8]  svg,
.all-clear[b-76ea5807i8]  svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    margin-top: .05rem;
}

.issues-panel li.blocker[b-76ea5807i8] { background: var(--lookahead-blocked-soft); color: var(--lookahead-blocked); }
.issues-panel li.warning[b-76ea5807i8] { background: var(--lookahead-warning-soft); color: var(--lookahead-warning); }
.issues-panel li.unknown[b-76ea5807i8] { background: var(--lookahead-unknown-soft); color: var(--lookahead-unknown); }

.all-clear[b-76ea5807i8] {
    margin-top: .55rem;
    background: var(--lookahead-ready-soft);
    color: #287453;
}

.inspector-action[b-76ea5807i8] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin: 0 .8rem .8rem;
    padding: .65rem .75rem;
    border-radius: 9px;
    background: var(--lookahead-action-bg);
    color: #fff;
    font-size: .7rem;
    font-weight: 750;
    text-decoration: none;
}

.inspector-action[b-76ea5807i8]  svg {
    width: 15px;
    height: 15px;
}

.inspector-empty[b-76ea5807i8] {
    display: flex;
    min-height: 300px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .45rem;
    padding: 1.5rem;
    color: #748792;
    text-align: center;
}

.inspector-empty[b-76ea5807i8]  svg {
    width: 30px;
    height: 30px;
    color: #7f93a0;
}

.inspector-empty strong[b-76ea5807i8] {
    color: #385569;
    font-size: .82rem;
}

.inspector-empty span[b-76ea5807i8] {
    max-width: 220px;
    font-size: .67rem;
    line-height: 1.45;
}

.lookahead-empty[b-76ea5807i8] {
    display: flex;
    min-height: 310px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: .5rem;
    padding: 2rem;
    border: 1px solid var(--lookahead-line);
    border-radius: 17px;
    background: var(--lookahead-panel);
    text-align: center;
}

.lookahead-empty > span[b-76ea5807i8] {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    border-radius: 15px;
    background: var(--lookahead-info-soft);
    color: #466b80;
}

.lookahead-empty h2[b-76ea5807i8] {
    margin: .2rem 0 0;
    font-size: 1.05rem;
}

.lookahead-empty p[b-76ea5807i8] {
    max-width: 530px;
    margin: 0;
    color: var(--lookahead-muted);
    font-size: .75rem;
}

.lookahead-empty a[b-76ea5807i8],
.lookahead-empty button[b-76ea5807i8] {
    margin-top: .35rem;
    padding: .6rem .8rem;
    border: 0;
    border-radius: 9px;
    background: var(--lookahead-action-bg);
    color: #fff;
    font-size: .7rem;
    font-weight: 750;
    text-decoration: none;
}

.lookahead-empty.compact[b-76ea5807i8] {
    min-height: 230px;
}

button:focus-visible[b-76ea5807i8],
a:focus-visible[b-76ea5807i8] {
    outline: 3px solid rgba(31, 111, 139, .28);
    outline-offset: 2px;
}

@media (max-width: 1450px) {
    .lookahead-kpis[b-76ea5807i8] {
        grid-template-columns: repeat(3, minmax(150px, 1fr));
    }

    .filter-controls[b-76ea5807i8] {
        flex-wrap: wrap;
    }

    .search-field[b-76ea5807i8] {
        width: min(420px, 100%);
        flex-basis: 330px;
    }
}

@media (max-width: 1120px) {
    .planning-layout[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .task-inspector[b-76ea5807i8] {
        position: static;
        display: grid;
        grid-template-columns: minmax(240px, .8fr) minmax(300px, 1.2fr);
    }

    .task-inspector > header[b-76ea5807i8] {
        grid-row: span 2;
    }

    .task-facts[b-76ea5807i8] {
        align-self: center;
    }

    .coverage-panel[b-76ea5807i8],
    .issues-panel[b-76ea5807i8],
    .inspector-action[b-76ea5807i8] {
        grid-column: 2;
    }

    .inspector-action[b-76ea5807i8] {
        align-self: end;
    }
}

@media (max-width: 850px) {
    .lookahead-page[b-76ea5807i8] {
        padding-inline: .65rem;
    }

    .lookahead-hero[b-76ea5807i8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-actions[b-76ea5807i8] {
        width: 100%;
        justify-content: flex-start;
    }

    .make-ready-context[b-76ea5807i8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .generated-at[b-76ea5807i8] {
        grid-column: 2;
    }

    .lookahead-kpis[b-76ea5807i8] {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }

    .window-controls[b-76ea5807i8] {
        flex-wrap: wrap;
    }

    .horizon-field[b-76ea5807i8] {
        width: 100%;
        margin-left: 0;
    }

    .exception-lanes[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .task-inspector[b-76ea5807i8] {
        display: block;
    }

    .task-inspector > header[b-76ea5807i8] {
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    .lookahead-page[b-76ea5807i8] {
        padding: .5rem .4rem 1.25rem;
    }

    .lookahead-hero[b-76ea5807i8] {
        min-height: 0;
        padding: 1rem;
        border-radius: 15px;
    }

    .hero-actions[b-76ea5807i8],
    .hero-action[b-76ea5807i8] {
        width: 100%;
    }

    .make-ready-context[b-76ea5807i8] {
        align-items: start;
        padding: .7rem;
    }

    .lookahead-kpis[b-76ea5807i8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .4rem;
    }

    .lookahead-kpi[b-76ea5807i8] {
        min-height: 66px;
        gap: .45rem;
        padding: .55rem;
    }

    .kpi-icon[b-76ea5807i8] {
        width: 29px;
        height: 29px;
        flex-basis: 29px;
    }

    .lookahead-kpi strong[b-76ea5807i8] {
        font-size: 1.12rem;
    }

    .window-controls[b-76ea5807i8],
    .filter-controls[b-76ea5807i8] {
        padding: .6rem;
    }

    .status-date-field[b-76ea5807i8] {
        width: 100%;
        flex-basis: 100%;
    }

    .control-button.apply-date[b-76ea5807i8],
    .control-button.quiet[b-76ea5807i8] {
        flex: 1;
    }

    .search-field[b-76ea5807i8],
    .readiness-filters[b-76ea5807i8],
    .filter-result[b-76ea5807i8] {
        width: 100%;
        flex-basis: 100%;
    }

    .filter-result[b-76ea5807i8] {
        margin-left: 0;
        justify-content: space-between;
    }

    .quality-banner[b-76ea5807i8],
    .interruption-strip[b-76ea5807i8] {
        flex-direction: column;
    }

    .strip-heading[b-76ea5807i8] {
        padding: 0 0 .55rem;
        border-right: 0;
        border-bottom: 1px solid #edd9c3;
    }

    .board-heading[b-76ea5807i8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .board-legend[b-76ea5807i8] {
        justify-content: flex-start;
    }

    .week-column[b-76ea5807i8] {
        min-width: min(82vw, 280px);
    }

    .task-facts[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .lookahead-state[b-76ea5807i8] {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-action[b-76ea5807i8],
    .lookahead-kpi[b-76ea5807i8] {
        transition: none;
    }
}

/* Theme bridge: Kendo is the source of truth, Bootstrap variables are the fallback
   used while the application shell is loading. Domain colours stay intentionally
   construction-like (navy, safety orange), but are tuned for WCAG AA text contrast. */
:global(.k-dark) .lookahead-page[b-76ea5807i8] {
    --lookahead-app: var(--kendo-color-app-surface, var(--bs-body-bg, #212529));
    --lookahead-panel: var(--kendo-color-surface-alt, var(--bs-body-bg, #212529));
    --lookahead-raised: var(--kendo-color-surface, var(--bs-tertiary-bg, #2b3035));
    --lookahead-soft: color-mix(in srgb, var(--kendo-color-surface, #2b3035) 76%, var(--lookahead-panel));
    --lookahead-soft-hover: var(--kendo-color-base-subtle-hover, var(--bs-secondary-bg, #495057));
    --lookahead-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #dee2e6));
    --lookahead-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #adb5bd));
    --lookahead-line: var(--kendo-color-border, var(--bs-border-color, rgba(222, 226, 230, .24)));
    --lookahead-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, rgba(255, 255, 255, .34)));
    --lookahead-orange: #ff9f68;
    --lookahead-action-orange: #a94312;
    --lookahead-action-bg: #075a70;
    --lookahead-ready: #75b798;
    --lookahead-warning: #ffda6a;
    --lookahead-blocked: #ea868f;
    --lookahead-unknown: #c5a3e6;
    --lookahead-info: #6edff6;
    --lookahead-neutral: #ced4da;
    --lookahead-focus: #6edff6;
    --lookahead-shadow: var(--kendo-elevation-2, 0 7px 18px rgba(0, 0, 0, .24));
    --lookahead-shadow-lg: var(--kendo-elevation-4, 0 16px 40px rgba(0, 0, 0, .34));
    color-scheme: dark;
}

.lookahead-state[b-76ea5807i8],
.lookahead-kpi[b-76ea5807i8],
.lookahead-controls[b-76ea5807i8],
.weekly-board[b-76ea5807i8],
.task-inspector[b-76ea5807i8],
.lookahead-empty[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-panel);
    color: var(--lookahead-ink);
    box-shadow: var(--lookahead-shadow);
}

.lookahead-state[b-76ea5807i8] {
    box-shadow: var(--lookahead-shadow-lg);
}

.lookahead-state[b-76ea5807i8] >  svg,
.lookahead-state span[b-76ea5807i8],
.make-ready-context p[b-76ea5807i8],
.generated-at[b-76ea5807i8],
.control-field label[b-76ea5807i8],
.field-label[b-76ea5807i8],
.search-field > span:first-child[b-76ea5807i8],
.filter-result[b-76ea5807i8],
.strip-heading small[b-76ea5807i8],
.interruption-list span[b-76ea5807i8],
.interruption-list small[b-76ea5807i8],
.exception-lane header small[b-76ea5807i8],
.board-heading p[b-76ea5807i8],
.board-legend[b-76ea5807i8],
.week-range[b-76ea5807i8],
.task-facts dt[b-76ea5807i8],
.coverage-heading[b-76ea5807i8],
.coverage-meta[b-76ea5807i8],
.coverage-panel small[b-76ea5807i8],
.inspector-empty[b-76ea5807i8],
.lookahead-empty p[b-76ea5807i8] {
    color: var(--lookahead-muted);
}

.state-action[b-76ea5807i8],
.control-button.apply-date[b-76ea5807i8],
.inspector-action[b-76ea5807i8],
.lookahead-empty a[b-76ea5807i8],
.lookahead-empty button[b-76ea5807i8] {
    background: var(--lookahead-action-bg);
    color: var(--lookahead-action-ink);
}

.hero-action.primary[b-76ea5807i8] {
    background: var(--lookahead-action-orange);
    color: #fff;
}

.section-eyebrow[b-76ea5807i8] {
    color: var(--lookahead-orange);
}

.make-ready-context[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-ready) 30%, var(--lookahead-line));
    background: linear-gradient(90deg, var(--lookahead-ready-soft), var(--lookahead-panel));
}

.context-icon[b-76ea5807i8] {
    background: var(--lookahead-ready-soft);
    color: var(--lookahead-ready);
}

.lookahead-kpis[b-76ea5807i8] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.75rem), 1fr));
}

.lookahead-kpi[b-76ea5807i8] {
    min-height: 76px;
}

.lookahead-kpi:hover[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--kpi-color) 55%, var(--lookahead-line));
    background: color-mix(in srgb, var(--kpi-color) 4%, var(--lookahead-panel));
}

.lookahead-kpi.selected[b-76ea5807i8] {
    border-color: var(--kpi-color);
    box-shadow: inset 0 -3px 0 var(--kpi-color), var(--lookahead-shadow);
}

.lookahead-kpi.ready[b-76ea5807i8] { --kpi-color: var(--lookahead-ready); }
.lookahead-kpi.warning[b-76ea5807i8] { --kpi-color: var(--lookahead-warning); }
.lookahead-kpi.blocked[b-76ea5807i8] { --kpi-color: var(--lookahead-blocked); }
.lookahead-kpi.unknown[b-76ea5807i8] { --kpi-color: var(--lookahead-unknown); }
.lookahead-kpi.carry-over[b-76ea5807i8] { --kpi-color: var(--lookahead-info); }
.lookahead-kpi.unscheduled[b-76ea5807i8] { --kpi-color: var(--lookahead-neutral); }

.kpi-icon[b-76ea5807i8] {
    background: color-mix(in srgb, var(--kpi-color) 13%, var(--lookahead-panel));
    color: var(--kpi-color);
}

.lookahead-kpi > span:last-child[b-76ea5807i8],
.lookahead-kpi small[b-76ea5807i8] {
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.lookahead-kpi small[b-76ea5807i8] {
    color: var(--lookahead-muted);
    line-height: 1.25;
}

.filter-controls[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-soft);
}

.control-button[b-76ea5807i8] {
    border-color: var(--lookahead-line-strong);
    background: var(--lookahead-soft);
    color: var(--lookahead-ink);
}

.control-button.quiet[b-76ea5807i8] {
    background: var(--lookahead-raised);
}

.horizon-switch[b-76ea5807i8],
.readiness-filters[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-soft);
}

.horizon-switch button[b-76ea5807i8],
.readiness-filters button[b-76ea5807i8] {
    color: var(--lookahead-muted);
}

.horizon-switch button:hover[b-76ea5807i8],
.readiness-filters button:hover[b-76ea5807i8],
.filter-result button:hover[b-76ea5807i8],
.control-button:hover:not(:disabled)[b-76ea5807i8] {
    background: var(--lookahead-soft-hover);
    color: var(--lookahead-ink);
}

.horizon-switch button.active[b-76ea5807i8],
.readiness-filters button.active[b-76ea5807i8] {
    background: var(--lookahead-raised);
    color: var(--lookahead-ink);
    box-shadow: var(--kendo-elevation-2, 0 2px 8px rgba(23, 50, 74, .12));
}

.search-box[b-76ea5807i8] {
    border-color: var(--lookahead-line-strong);
    background: var(--lookahead-raised);
    color: var(--lookahead-muted);
}

.search-box input[b-76ea5807i8] {
    color: var(--lookahead-ink);
}

.search-box input[b-76ea5807i8]::placeholder {
    color: var(--lookahead-muted);
    opacity: 1;
}

.search-box:focus-within[b-76ea5807i8] {
    border-color: var(--lookahead-focus);
    box-shadow: 0 0 0 3px var(--lookahead-focus-ring);
}

.filter-result strong[b-76ea5807i8] {
    color: var(--lookahead-ink);
}

.filter-result button[b-76ea5807i8] {
    background: var(--lookahead-soft-hover);
    color: var(--lookahead-ink);
}

.status-date-field[b-76ea5807i8]  .k-input {
    min-height: 44px;
    border-color: var(--lookahead-line-strong);
    background: var(--lookahead-raised);
    color: var(--lookahead-ink);
}

.status-date-field[b-76ea5807i8]  .k-input-inner {
    min-height: 42px;
    color: var(--lookahead-ink);
}

.status-date-field[b-76ea5807i8]  .k-input-button {
    min-width: 44px;
    min-height: 42px;
}

.quality-banner[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-unknown) 36%, var(--lookahead-line));
    background: var(--lookahead-unknown-soft);
    color: var(--lookahead-unknown);
}

.quality-banner ul[b-76ea5807i8] {
    color: var(--lookahead-unknown);
}

.interruption-strip[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-warning) 36%, var(--lookahead-line));
    background: var(--lookahead-warning-soft);
    color: var(--lookahead-warning);
}

.strip-heading[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-warning) 28%, var(--lookahead-line));
}

.interruption-list article[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-warning) 28%, var(--lookahead-line));
    background: color-mix(in srgb, var(--lookahead-panel) 88%, transparent);
}

.interruption-list span[b-76ea5807i8],
.interruption-list small[b-76ea5807i8],
.strip-heading small[b-76ea5807i8] {
    color: var(--lookahead-warning);
}

.exception-lane[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-info) 25%, var(--lookahead-line));
    background: var(--lookahead-info-soft);
}

.exception-lane.unscheduled-lane[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-neutral-soft);
}

.lane-icon[b-76ea5807i8] {
    background: var(--lookahead-info-soft);
    color: var(--lookahead-info);
}

.unscheduled-lane .lane-icon[b-76ea5807i8] {
    background: var(--lookahead-neutral-soft);
    color: var(--lookahead-neutral);
}

.exception-lane header b[b-76ea5807i8] {
    background: var(--lookahead-raised);
    color: var(--lookahead-ink);
}

.lane-cards[b-76ea5807i8] {
    scrollbar-color: var(--lookahead-line-strong) transparent;
}

.lane-empty[b-76ea5807i8],
.week-empty[b-76ea5807i8] {
    border-color: var(--lookahead-line-strong);
    color: var(--lookahead-muted);
}

.weekly-board[b-76ea5807i8],
.task-inspector[b-76ea5807i8] {
    box-shadow: var(--lookahead-shadow);
}

.board-heading[b-76ea5807i8],
.task-inspector > header[b-76ea5807i8] {
    border-color: var(--lookahead-line);
}

.board-heading h2[b-76ea5807i8],
.task-inspector h2[b-76ea5807i8],
.inspector-empty strong[b-76ea5807i8],
.lookahead-empty h2[b-76ea5807i8] {
    color: var(--lookahead-ink);
}

.board-legend span[b-76ea5807i8]::before {
    background: var(--lookahead-neutral);
}

.week-scroll[b-76ea5807i8] {
    scrollbar-color: var(--lookahead-line-strong) var(--lookahead-soft);
}

.week-scroll:focus-visible[b-76ea5807i8] {
    outline: 3px solid var(--lookahead-focus);
    outline-offset: -3px;
    box-shadow: none;
}

.week-column[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-soft);
}

.week-column.current[b-76ea5807i8] {
    border-color: color-mix(in srgb, var(--lookahead-info) 52%, var(--lookahead-line));
    background: var(--lookahead-info-soft);
    box-shadow: inset 0 3px 0 var(--lookahead-info);
}

.week-index[b-76ea5807i8] {
    color: var(--lookahead-info);
}

.week-column header b[b-76ea5807i8],
.panel-heading span[b-76ea5807i8] {
    background: var(--lookahead-soft-hover);
    color: var(--lookahead-ink);
}

.task-inspector[b-76ea5807i8] {
    max-height: calc(100dvh - 1.5rem);
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: var(--lookahead-line-strong) var(--lookahead-panel);
    scrollbar-width: thin;
}

.task-inspector > header[b-76ea5807i8] {
    background: linear-gradient(145deg, var(--lookahead-raised), var(--lookahead-soft));
}

.inspector-badges span[b-76ea5807i8] {
    background: var(--lookahead-neutral-soft);
    color: var(--lookahead-neutral);
}

.inspector-badges .readiness.ready[b-76ea5807i8] { background: var(--lookahead-ready-soft); color: var(--lookahead-ready); }
.inspector-badges .readiness.warning[b-76ea5807i8] { background: var(--lookahead-warning-soft); color: var(--lookahead-warning); }
.inspector-badges .readiness.blocked[b-76ea5807i8] { background: var(--lookahead-blocked-soft); color: var(--lookahead-blocked); }
.inspector-badges .readiness.unknown[b-76ea5807i8] { background: var(--lookahead-unknown-soft); color: var(--lookahead-unknown); }

.task-facts dd[b-76ea5807i8] {
    color: var(--lookahead-ink);
}

.coverage-panel[b-76ea5807i8],
.issues-panel[b-76ea5807i8] {
    border-color: var(--lookahead-line);
    background: var(--lookahead-soft);
}

.coverage-heading strong[b-76ea5807i8] {
    color: var(--lookahead-info);
}

.coverage-track[b-76ea5807i8] {
    background: var(--lookahead-line);
}

.coverage-track span[b-76ea5807i8] {
    background: linear-gradient(90deg, var(--lookahead-info), var(--lookahead-ready));
}

.coverage-panel small[b-76ea5807i8] {
    color: var(--lookahead-warning);
}

.issues-panel li[b-76ea5807i8],
.all-clear[b-76ea5807i8] {
    background: var(--lookahead-raised);
    color: var(--lookahead-muted);
}

.issues-panel li.blocker[b-76ea5807i8] { background: var(--lookahead-blocked-soft); color: var(--lookahead-blocked); }
.issues-panel li.warning[b-76ea5807i8] { background: var(--lookahead-warning-soft); color: var(--lookahead-warning); }
.issues-panel li.unknown[b-76ea5807i8] { background: var(--lookahead-unknown-soft); color: var(--lookahead-unknown); }
.all-clear[b-76ea5807i8] { background: var(--lookahead-ready-soft); color: var(--lookahead-ready); }

.inspector-empty[b-76ea5807i8]  svg {
    color: var(--lookahead-muted);
}

.lookahead-empty > span[b-76ea5807i8] {
    background: var(--lookahead-info-soft);
    color: var(--lookahead-info);
}

/* Every direct action has at least the WCAG recommended 44px touch target. */
.state-action[b-76ea5807i8],
.hero-action[b-76ea5807i8],
.lookahead-kpi[b-76ea5807i8],
.control-button[b-76ea5807i8],
.horizon-switch button[b-76ea5807i8],
.readiness-filters button[b-76ea5807i8],
.filter-result button[b-76ea5807i8],
.inspector-action[b-76ea5807i8],
.lookahead-empty a[b-76ea5807i8],
.lookahead-empty button[b-76ea5807i8] {
    min-height: 44px;
}

.filter-result button[b-76ea5807i8],
.lookahead-empty button[b-76ea5807i8] {
    min-width: 44px;
}

button:focus-visible[b-76ea5807i8],
a:focus-visible[b-76ea5807i8],
input:focus-visible[b-76ea5807i8] {
    outline: 3px solid var(--lookahead-focus);
    outline-offset: 2px;
}

/* The shell sidebar changes the real workspace width. Container queries therefore
   own the board layout; viewport queries above remain only as a legacy fallback. */
@container project-lookahead (max-width: 1120px) {
    .planning-layout[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .task-inspector[b-76ea5807i8] {
        position: static;
        display: grid;
        max-height: none;
        grid-template-columns: minmax(240px, .8fr) minmax(300px, 1.2fr);
        overflow: visible;
    }

    .task-inspector > header[b-76ea5807i8] {
        grid-row: span 2;
    }

    .task-facts[b-76ea5807i8] {
        align-self: center;
    }

    .coverage-panel[b-76ea5807i8],
    .issues-panel[b-76ea5807i8],
    .inspector-action[b-76ea5807i8] {
        grid-column: 2;
    }

    .inspector-action[b-76ea5807i8] {
        align-self: end;
    }
}

@container project-lookahead (max-width: 850px) {
    .lookahead-hero[b-76ea5807i8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .hero-actions[b-76ea5807i8] {
        width: 100%;
        justify-content: flex-start;
    }

    .make-ready-context[b-76ea5807i8] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .generated-at[b-76ea5807i8] {
        grid-column: 2;
        white-space: normal;
    }

    .window-controls[b-76ea5807i8],
    .filter-controls[b-76ea5807i8] {
        flex-wrap: wrap;
    }

    .horizon-field[b-76ea5807i8] {
        width: 100%;
        margin-left: 0;
    }

    .search-field[b-76ea5807i8] {
        width: min(420px, 100%);
        flex-basis: 330px;
    }

    .exception-lanes[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }

    .task-inspector[b-76ea5807i8] {
        display: block;
    }

    .task-inspector > header[b-76ea5807i8] {
        grid-row: auto;
    }

    .coverage-panel[b-76ea5807i8],
    .issues-panel[b-76ea5807i8],
    .inspector-action[b-76ea5807i8] {
        grid-column: auto;
    }
}

@container project-lookahead (max-width: 700px) {
    .hero-actions[b-76ea5807i8],
    .hero-action[b-76ea5807i8] {
        width: 100%;
    }

    .status-date-field[b-76ea5807i8],
    .search-field[b-76ea5807i8],
    .readiness-filters[b-76ea5807i8],
    .filter-result[b-76ea5807i8] {
        width: 100%;
        flex-basis: 100%;
    }

    .control-button.apply-date[b-76ea5807i8],
    .control-button.quiet[b-76ea5807i8] {
        flex: 1;
    }

    .filter-result[b-76ea5807i8] {
        margin-left: 0;
        justify-content: space-between;
        white-space: normal;
    }

    .quality-banner[b-76ea5807i8],
    .interruption-strip[b-76ea5807i8] {
        flex-direction: column;
    }

    .strip-heading[b-76ea5807i8] {
        padding: 0 0 .55rem;
        border-right: 0;
        border-bottom: 1px solid color-mix(in srgb, var(--lookahead-warning) 28%, var(--lookahead-line));
    }

    .board-heading[b-76ea5807i8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .board-legend[b-76ea5807i8] {
        justify-content: flex-start;
    }

    /* Mobile users must see the complete carry-over/backlog lane in page flow. */
    .lane-cards[b-76ea5807i8] {
        max-height: none;
        overflow-y: visible;
    }
}

@container project-lookahead (max-width: 520px) {
    .lookahead-hero[b-76ea5807i8] {
        min-height: 0;
        padding: 1rem;
        border-radius: 15px;
    }

    .make-ready-context[b-76ea5807i8] {
        align-items: start;
        padding: .7rem;
    }

    .lookahead-kpis[b-76ea5807i8] {
        gap: .45rem;
    }

    .lookahead-kpi[b-76ea5807i8] {
        min-height: 70px;
        align-items: flex-start;
        gap: .45rem;
        padding: .6rem;
    }

    .week-column[b-76ea5807i8] {
        min-width: min(84cqw, 280px);
    }

    .task-facts[b-76ea5807i8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-height: 720px) {
    .task-inspector[b-76ea5807i8] {
        position: static;
        max-height: none;
        overflow: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .lookahead-page *[b-76ea5807i8],
    .lookahead-page *[b-76ea5807i8]::before,
    .lookahead-page *[b-76ea5807i8]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }

    .hero-action:hover[b-76ea5807i8],
    .lookahead-kpi:hover[b-76ea5807i8] {
        transform: none;
    }
}

@media (forced-colors: active) {
    .lookahead-page[b-76ea5807i8] {
        --lookahead-app: Canvas;
        --lookahead-panel: Canvas;
        --lookahead-raised: Canvas;
        --lookahead-soft: Canvas;
        --lookahead-soft-hover: Canvas;
        --lookahead-ink: CanvasText;
        --lookahead-muted: CanvasText;
        --lookahead-line: CanvasText;
        --lookahead-line-strong: CanvasText;
        --lookahead-orange: Highlight;
        --lookahead-action-orange: Highlight;
        --lookahead-action-bg: ButtonFace;
        --lookahead-action-ink: ButtonText;
        --lookahead-ready: CanvasText;
        --lookahead-warning: CanvasText;
        --lookahead-blocked: CanvasText;
        --lookahead-unknown: CanvasText;
        --lookahead-info: CanvasText;
        --lookahead-neutral: CanvasText;
        --lookahead-focus: Highlight;
        --lookahead-focus-ring: transparent;
        forced-color-adjust: auto;
    }

    .lookahead-hero[b-76ea5807i8],
    .make-ready-context[b-76ea5807i8],
    .quality-banner[b-76ea5807i8],
    .interruption-strip[b-76ea5807i8],
    .exception-lane[b-76ea5807i8],
    .week-column[b-76ea5807i8],
    .task-inspector > header[b-76ea5807i8] {
        border: 1px solid CanvasText;
        background: Canvas;
        color: CanvasText;
        box-shadow: none;
    }

    .lookahead-hero[b-76ea5807i8]::after {
        display: none;
    }

    .lookahead-kpi.selected[b-76ea5807i8],
    .week-column.current[b-76ea5807i8] {
        outline: 2px solid Highlight;
        outline-offset: -2px;
        box-shadow: none;
    }

    .board-legend span[b-76ea5807i8]::before,
    .coverage-track span[b-76ea5807i8],
    .context-icon[b-76ea5807i8],
    .lane-icon[b-76ea5807i8] {
        background: Highlight;
        color: HighlightText;
    }

    button:focus-visible[b-76ea5807i8],
    a:focus-visible[b-76ea5807i8],
    input:focus-visible[b-76ea5807i8],
    .week-scroll:focus-visible[b-76ea5807i8] {
        outline: 3px solid Highlight;
        outline-offset: 2px;
        box-shadow: none;
    }
}
/* /Components/Pages/Projects/Planning/Schedule/ProjectScheduleWorkspace.razor.rz.scp.css */
.project-schedule-page[b-uk901ts9xs] {
    --schedule-navy: #132f45;
    --schedule-navy-2: #1f465f;
    --schedule-steel: #58748a;
    --schedule-orange: #b84f12;
    --schedule-red: #bf3d42;
    --schedule-amber: #d89823;
    --schedule-green: #238269;
    --schedule-violet: #7656a8;
    --schedule-ink: var(--kendo-color-on-app-surface, #142b3d);
    --schedule-muted: var(--kendo-color-subtle, #586d7a);
    --schedule-line: var(--kendo-color-border, #dfe7eb);
    --schedule-line-strong: var(--kendo-color-border-alt, #c8d5db);
    --schedule-surface: var(--kendo-color-surface, #fff);
    --schedule-canvas: var(--kendo-color-app-surface, #f3f6f7);
    --schedule-inset: var(--kendo-color-base, #f8fafb);
    --schedule-hover: var(--kendo-color-base-hover, #f5f8f9);
    --schedule-primary: var(--kendo-color-primary, #b84f12);
    --schedule-on-primary: var(--kendo-color-on-primary, #fff);
    --schedule-accent: var(--kendo-color-primary-on-surface, #7a4500);
    --schedule-success-fill: var(--kendo-color-success, #238269);
    --schedule-success-text: var(--kendo-color-success-on-surface, #16634f);
    --schedule-success-soft: var(--kendo-color-success-subtle, #edf8f3);
    --schedule-on-success-soft: var(--kendo-color-success-on-subtle, #16634f);
    --schedule-warning-fill: var(--kendo-color-warning, #d89823);
    --schedule-warning-text: var(--kendo-color-warning-on-surface, #8a5a17);
    --schedule-warning-soft: var(--kendo-color-warning-subtle, #fff5df);
    --schedule-on-warning-soft: var(--kendo-color-warning-on-subtle, #7a4500);
    --schedule-error-fill: var(--kendo-color-error, #bf3d42);
    --schedule-error-text: var(--kendo-color-error-on-surface, #9d2e35);
    --schedule-error-soft: var(--kendo-color-error-subtle, #fff0f0);
    --schedule-on-error-soft: var(--kendo-color-error-on-subtle, #9d2e35);
    --schedule-conflict-fill: var(--kendo-color-tertiary, #7656a8);
    --schedule-conflict-text: var(--kendo-color-tertiary-on-surface, #684c91);
    --schedule-conflict-soft: var(--kendo-color-tertiary-subtle, #f2edf8);
    --schedule-on-conflict-soft: var(--kendo-color-tertiary-on-subtle, #684c91);
    min-width: 0;
    padding: 1rem 1.1rem 2rem;
    color: var(--schedule-ink);
    background:
        radial-gradient(circle at 94% 2%, rgba(65, 111, 139, .09), transparent 24rem),
        var(--schedule-canvas);
}

.project-schedule-page button:focus-visible[b-uk901ts9xs],
.project-schedule-page a:focus-visible[b-uk901ts9xs] {
    outline: 3px solid var(--schedule-accent);
    outline-offset: 2px;
}

.schedule-loading[b-uk901ts9xs],
.schedule-error[b-uk901ts9xs] {
    display: flex;
    min-height: 320px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border: 1px solid var(--schedule-line);
    border-radius: 18px;
    background: var(--schedule-surface);
}

.schedule-loading > div[b-uk901ts9xs],
.schedule-error > div[b-uk901ts9xs] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.schedule-loading span[b-uk901ts9xs],
.schedule-error span[b-uk901ts9xs] {
    color: var(--schedule-muted);
}

.schedule-error[b-uk901ts9xs] {
    min-height: 180px;
    padding: 2rem;
    color: var(--schedule-error-text);
}

.schedule-hero[b-uk901ts9xs] {
    position: relative;
    display: flex;
    min-height: 112px;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    padding: 1.2rem 1.45rem;
    overflow: hidden;
    border-radius: 20px;
    background:
        linear-gradient(118deg, rgba(255, 255, 255, .045) 0 1px, transparent 1px 14px),
        linear-gradient(135deg, #10283b 0%, #173a52 58%, #1d5367 100%);
    box-shadow: 0 16px 38px rgba(12, 36, 53, .16);
    color: #fff;
}

.schedule-hero[b-uk901ts9xs]::after {
    position: absolute;
    right: -70px;
    bottom: -120px;
    width: 330px;
    height: 250px;
    border: 42px solid rgba(255, 255, 255, .04);
    border-radius: 50%;
    content: "";
}

.hero-copy[b-uk901ts9xs],
.hero-actions[b-uk901ts9xs] {
    position: relative;
    z-index: 1;
}

.hero-eyebrow[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #b8cad4;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .12em;
}

.eyebrow-separator[b-uk901ts9xs] {
    color: var(--schedule-primary);
}

.read-only-pill[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    margin-left: .4rem;
    padding: .24rem .5rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    color: #d9e5eb;
    font-size: .62rem;
    letter-spacing: .04em;
}

.schedule-hero h1[b-uk901ts9xs] {
    margin: .55rem 0 .55rem;
    font-size: clamp(1.55rem, 2.4vw, 2.25rem);
    font-weight: 720;
    letter-spacing: -.025em;
}

.hero-meta[b-uk901ts9xs] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem 1rem;
    color: #c8d6de;
    font-size: .78rem;
}

.hero-meta span[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
}

.hero-actions[b-uk901ts9xs] {
    display: flex;
    flex: 0 0 auto;
    gap: .6rem;
}

.hero-action[b-uk901ts9xs] {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    gap: .45rem;
    padding: .65rem .9rem;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: .8rem;
    font-weight: 700;
    text-decoration: none;
    transition: transform .15s ease, background-color .15s ease;
}

.hero-action:hover[b-uk901ts9xs] {
    transform: translateY(-1px);
}

.hero-action.primary[b-uk901ts9xs] {
    border-color: var(--schedule-primary);
    background: var(--schedule-primary);
    color: var(--schedule-on-primary);
    box-shadow: 0 8px 20px rgba(205, 85, 22, .3);
}

.hero-action.secondary[b-uk901ts9xs] {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
    color: #fff;
}

.schedule-kpis[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: 1.28fr repeat(4, minmax(155px, 1fr));
    gap: .7rem;
    margin: .8rem 0;
}

.schedule-kpi[b-uk901ts9xs] {
    display: grid;
    min-height: 88px;
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr auto;
    align-items: center;
    gap: .25rem .65rem;
    padding: .9rem 1rem;
    border: 1px solid var(--schedule-line);
    border-radius: 14px;
    background: var(--schedule-surface);
    box-shadow: 0 5px 16px rgba(20, 50, 70, .045);
    color: var(--schedule-ink);
    text-align: left;
}

button.schedule-kpi[b-uk901ts9xs] {
    cursor: pointer;
    transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}

button.schedule-kpi:hover[b-uk901ts9xs],
button.schedule-kpi.selected[b-uk901ts9xs] {
    border-color: var(--schedule-line-strong);
    box-shadow: 0 8px 22px rgba(20, 50, 70, .1);
    transform: translateY(-1px);
}

button.schedule-kpi.selected[b-uk901ts9xs] {
    outline: 2px solid color-mix(in srgb, var(--schedule-accent) 22%, transparent);
}

.progress-kpi[b-uk901ts9xs] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

.kpi-topline[b-uk901ts9xs] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    color: var(--schedule-muted);
    font-size: .72rem;
    font-weight: 700;
}

.kpi-topline strong[b-uk901ts9xs] {
    color: var(--schedule-ink);
    font-size: 1.45rem;
}

.kpi-progress-track[b-uk901ts9xs] {
    height: 7px;
    margin: .38rem 0 .3rem;
    overflow: hidden;
    border-radius: 99px;
    background: var(--schedule-inset);
}

.kpi-progress-track span[b-uk901ts9xs] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--schedule-success-fill), var(--kendo-color-success-hover, #39a080));
}

.progress-kpi > small[b-uk901ts9xs],
.kpi-detail[b-uk901ts9xs] {
    color: var(--schedule-muted);
    font-size: .65rem;
}

.kpi-icon[b-uk901ts9xs] {
    display: grid;
    width: 34px;
    height: 34px;
    grid-row: 1;
    place-items: center;
    border-radius: 10px;
}

.kpi-icon.danger[b-uk901ts9xs] { background: var(--schedule-error-soft); color: var(--schedule-on-error-soft); }
.kpi-icon.amber[b-uk901ts9xs] { background: var(--schedule-warning-soft); color: var(--schedule-on-warning-soft); }
.kpi-icon.violet[b-uk901ts9xs] { background: var(--schedule-conflict-soft); color: var(--schedule-on-conflict-soft); }
.kpi-icon.steel[b-uk901ts9xs] { background: var(--schedule-inset); color: var(--schedule-ink); }

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

.kpi-copy strong[b-uk901ts9xs] {
    font-size: 1.18rem;
    line-height: 1;
}

.kpi-copy small[b-uk901ts9xs] {
    margin-top: .2rem;
    overflow: hidden;
    color: var(--schedule-muted);
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-detail[b-uk901ts9xs] {
    grid-column: 1 / -1;
}

.operation-banner[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .7rem;
    padding: .6rem .75rem;
    border: 1px solid var(--kendo-color-success-emphasis, #b8ddce);
    border-radius: 10px;
    background: var(--schedule-success-soft);
    color: var(--schedule-on-success-soft);
    font-size: .76rem;
}

.operation-banner.error[b-uk901ts9xs] {
    border-color: var(--kendo-color-error-emphasis, #efc5c7);
    background: var(--schedule-error-soft);
    color: var(--schedule-on-error-soft);
}

.operation-banner button[b-uk901ts9xs] {
    display: grid;
    margin-left: auto;
    padding: .2rem;
    border: 0;
    background: transparent;
    color: inherit;
}

.schedule-workbench[b-uk901ts9xs] {
    overflow: hidden;
    border: 1px solid var(--schedule-line);
    border-radius: 18px;
    background: var(--schedule-surface);
    box-shadow: 0 12px 34px rgba(20, 49, 69, .08);
}

.schedule-command-bar[b-uk901ts9xs] {
    position: sticky;
    z-index: 4;
    top: 0;
    padding: .85rem 1rem .7rem;
    border-bottom: 1px solid var(--schedule-line);
    background: var(--schedule-surface);
}

.command-filters[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: minmax(190px, 1.1fr) minmax(220px, 1.25fr) minmax(120px, .67fr) minmax(115px, .62fr) minmax(145px, .8fr);
    gap: .65rem;
}

.field[b-uk901ts9xs] {
    min-width: 0;
}

.field label[b-uk901ts9xs] {
    display: block;
    margin: 0 0 .28rem .08rem;
    color: var(--schedule-muted);
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.search-control[b-uk901ts9xs] {
    position: relative;
    display: block;
}

.search-control > :first-child[b-uk901ts9xs] {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: .7rem;
    color: var(--schedule-muted);
    transform: translateY(-50%);
}

.search-control[b-uk901ts9xs]  .k-input-inner {
    padding-left: 2.15rem;
}

.command-row-secondary[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-top: .7rem;
}

.filter-chips[b-uk901ts9xs],
.timeline-controls[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .36rem;
}

.timeline-controls[b-uk901ts9xs] {
    flex: 0 0 auto;
}

.filter-chip[b-uk901ts9xs],
.control-button[b-uk901ts9xs],
.icon-control[b-uk901ts9xs],
.view-switch button[b-uk901ts9xs] {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    padding: .34rem .58rem;
    border: 1px solid var(--schedule-line);
    border-radius: 8px;
    background: var(--schedule-surface);
    color: var(--schedule-ink);
    font-size: .72rem;
    font-weight: 680;
    white-space: nowrap;
}

.filter-chip:hover[b-uk901ts9xs],
.control-button:hover[b-uk901ts9xs],
.icon-control:hover[b-uk901ts9xs],
.view-switch button:hover[b-uk901ts9xs] {
    border-color: var(--schedule-line-strong);
    background: var(--schedule-hover);
}

.filter-chip.active[b-uk901ts9xs],
.control-button.active[b-uk901ts9xs],
.view-switch button.active[b-uk901ts9xs] {
    border-color: var(--schedule-primary);
    background: var(--schedule-primary);
    color: var(--schedule-on-primary);
}

.filter-chip.clear[b-uk901ts9xs] {
    border-style: dashed;
    color: var(--schedule-accent);
}

.filter-result[b-uk901ts9xs] {
    margin-left: .2rem;
    color: var(--schedule-muted);
    font-size: .65rem;
    white-space: nowrap;
}

.control-divider[b-uk901ts9xs] {
    width: 1px;
    height: 24px;
    margin: 0 .15rem;
    background: var(--schedule-line);
}

.view-switch[b-uk901ts9xs] {
    display: inline-flex;
    padding: 2px;
    border: 1px solid var(--schedule-line);
    border-radius: 9px;
    background: var(--schedule-inset);
}

.view-switch button[b-uk901ts9xs] {
    width: 34px;
    min-height: 32px;
    padding: 0;
    border: 0;
    background: transparent;
}

.view-switch button.active[b-uk901ts9xs] {
    box-shadow: 0 2px 6px rgba(15, 43, 61, .18);
}

.icon-control[b-uk901ts9xs] {
    width: 36px;
    padding: 0;
}

.icon-control:disabled[b-uk901ts9xs] {
    cursor: wait;
    opacity: .55;
}

.gantt-shell[b-uk901ts9xs] {
    min-width: 0;
    overflow: hidden;
    background: var(--schedule-surface);
}

.gantt-shell[b-uk901ts9xs]  .k-gantt {
    border: 0;
    color: var(--schedule-ink);
    font-size: .75rem;
}

.gantt-shell[b-uk901ts9xs]  .k-gantt-toolbar {
    min-height: 42px;
    padding: .4rem .75rem;
    border-bottom-color: var(--schedule-line);
    background: var(--schedule-inset);
}

.gantt-shell[b-uk901ts9xs]  .k-gantt-treelist,
.gantt-shell[b-uk901ts9xs]  .k-gantt-timeline {
    border-color: var(--schedule-line);
}

.gantt-shell[b-uk901ts9xs]  .k-table-th {
    border-color: var(--schedule-line);
    background: var(--schedule-inset);
    color: var(--schedule-ink);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.gantt-shell[b-uk901ts9xs]  .k-table-td {
    padding-top: .35rem;
    padding-bottom: .35rem;
    border-color: var(--schedule-line);
    background: var(--schedule-surface);
}

.gantt-shell[b-uk901ts9xs]  .k-table-row:hover .k-table-td {
    background: var(--schedule-hover);
}

.gantt-shell[b-uk901ts9xs]  .k-gantt-timeline .k-grid-content tr:nth-child(even),
.gantt-shell[b-uk901ts9xs]  .k-gantt-timeline .k-table-row:nth-child(even) {
    background: color-mix(in srgb, var(--schedule-inset) 42%, transparent);
}

.gantt-shell[b-uk901ts9xs]  .k-gantt-timeline .k-header,
.gantt-shell[b-uk901ts9xs]  .k-gantt-timeline .k-scheduler-header {
    background: var(--schedule-inset);
}

.gantt-shell[b-uk901ts9xs]  .k-gantt .k-current-time,
.gantt-shell[b-uk901ts9xs]  .k-gantt .k-current-time-arrow {
    border-color: var(--schedule-accent);
    color: var(--schedule-accent);
}

.gantt-shell[b-uk901ts9xs]  .k-task-template {
    padding: 0;
    overflow: visible;
    border-color: transparent;
    background: transparent;
}

.gantt-shell[b-uk901ts9xs]  .k-task-summary {
    border-color: var(--schedule-primary);
    background: var(--schedule-primary);
    color: var(--schedule-on-primary);
}

.gantt-shell[b-uk901ts9xs]  .k-task-milestone {
    border-color: var(--schedule-primary);
    background: var(--schedule-primary);
    color: var(--schedule-on-primary);
}

.gantt-shell.is-read-only[b-uk901ts9xs]  .k-task-actions,
.gantt-shell.is-read-only[b-uk901ts9xs]  .k-task-delete,
.gantt-shell.is-read-only[b-uk901ts9xs]  .k-resize-handle,
.gantt-shell.is-read-only[b-uk901ts9xs]  .k-task-draghandle,
.gantt-shell.is-read-only[b-uk901ts9xs]  .k-task-dot {
    display: none !important;
}

.gantt-shell.is-read-only[b-uk901ts9xs]  .k-task-wrap {
    pointer-events: none;
}

.task-cell[b-uk901ts9xs],
.resource-cell[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .48rem;
}

.task-health-dot[b-uk901ts9xs] {
    display: inline-block;
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
    border: 2px solid transparent;
    border-radius: 50%;
    background: var(--kendo-color-base-emphasis, #8ca1ad);
}

.task-health-dot.healthy[b-uk901ts9xs] { background: var(--schedule-success-fill); }
.task-health-dot.completed[b-uk901ts9xs] { border-color: var(--schedule-success-fill); background: var(--schedule-success-soft); }
.task-health-dot.risk[b-uk901ts9xs] { background: var(--schedule-warning-fill); }
.task-health-dot.danger[b-uk901ts9xs] { background: var(--schedule-error-fill); box-shadow: 0 0 0 3px color-mix(in srgb, var(--schedule-error-fill) 12%, transparent); }
.task-health-dot.conflict[b-uk901ts9xs] { background: var(--schedule-conflict-fill); box-shadow: 0 0 0 3px color-mix(in srgb, var(--schedule-conflict-fill) 12%, transparent); }
.task-health-dot.critical[b-uk901ts9xs] { border-color: var(--schedule-error-fill); background: var(--schedule-surface); }

.task-cell-copy[b-uk901ts9xs],
.resource-copy[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.task-cell-copy strong[b-uk901ts9xs],
.resource-copy strong[b-uk901ts9xs] {
    overflow: hidden;
    color: var(--schedule-ink);
    font-size: .74rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-cell-copy small[b-uk901ts9xs],
.resource-copy small[b-uk901ts9xs],
.date-cell small[b-uk901ts9xs] {
    display: flex;
    gap: .4rem;
    margin-top: .18rem;
    overflow: hidden;
    color: var(--schedule-muted);
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-cell-copy small span + span[b-uk901ts9xs]::before {
    margin-right: .4rem;
    color: var(--schedule-line-strong);
    content: "•";
}

.resource-avatar[b-uk901ts9xs] {
    display: grid;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    place-items: center;
    border: 2px solid color-mix(in srgb, var(--resource-color) 76%, var(--schedule-surface));
    border-radius: 8px;
    background: color-mix(in srgb, var(--resource-color) 13%, var(--schedule-surface));
    color: color-mix(in srgb, var(--resource-color) 84%, var(--schedule-ink));
    font-size: .58rem;
    font-weight: 850;
}

.resource-warning[b-uk901ts9xs] {
    margin-left: auto;
    color: var(--schedule-conflict-text);
}

.unassigned-label[b-uk901ts9xs] {
    display: inline-flex;
    padding: .2rem .42rem;
    border: 1px dashed var(--kendo-color-warning-emphasis, #d5a25e);
    border-radius: 6px;
    background: var(--schedule-warning-soft);
    color: var(--schedule-on-warning-soft);
    font-size: .62rem;
}

.date-cell[b-uk901ts9xs] {
    display: flex;
    flex-direction: column;
}

.date-cell strong[b-uk901ts9xs] {
    color: var(--schedule-ink);
    font-size: .68rem;
}

.date-cell.unscheduled strong[b-uk901ts9xs] {
    color: var(--schedule-warning-text);
}

.progress-cell[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: .3rem;
}

.progress-cell > span[b-uk901ts9xs] {
    height: 5px;
    overflow: hidden;
    border-radius: 9px;
    background: var(--schedule-inset);
}

.progress-cell i[b-uk901ts9xs] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--schedule-success-fill);
}

.progress-cell strong[b-uk901ts9xs] {
    color: var(--schedule-muted);
    font-size: .62rem;
}

.row-action[b-uk901ts9xs] {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: var(--schedule-muted);
}

.row-action:hover[b-uk901ts9xs] {
    border-color: var(--schedule-line-strong);
    background: var(--schedule-hover);
    color: var(--schedule-ink);
}

.timeline-task[b-uk901ts9xs] {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 25px;
    align-items: center;
    overflow: hidden;
    border: 1px solid #173d53;
    border-left: 5px solid var(--task-resource);
    border-radius: 6px;
    background: #28536b;
    box-shadow: 0 2px 5px rgba(13, 42, 60, .14);
    color: #fff;
}

.timeline-task-progress[b-uk901ts9xs] {
    position: absolute;
    inset: 0 auto 0 0;
    background: rgba(4, 28, 43, .22);
}

.timeline-task-label[b-uk901ts9xs] {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .28rem;
    padding: 0 .48rem;
    overflow: hidden;
    font-size: .65rem;
    font-weight: 700;
    text-overflow: ellipsis;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .26);
    white-space: nowrap;
}

.timeline-task.is-critical[b-uk901ts9xs] {
    border: 2px solid #a92f35;
    box-shadow: 0 0 0 1px rgba(169, 47, 53, .14), 0 3px 7px rgba(54, 18, 21, .2);
}

.timeline-task.is-risk:not(.is-critical)[b-uk901ts9xs] {
    border-color: #b36c10;
}

.timeline-task.has-conflict[b-uk901ts9xs] {
    outline: 2px solid rgba(118, 86, 168, .72);
    outline-offset: 1px;
}

.timeline-task.status-completed[b-uk901ts9xs] {
    opacity: .66;
    filter: saturate(.7);
}

.timeline-task.status-onhold[b-uk901ts9xs] {
    background: repeating-linear-gradient(135deg, #a66e18 0 7px, #c08a31 7px 14px);
}

.timeline-task.is-external[b-uk901ts9xs] {
    border-style: dashed;
}

.timeline-task.is-unscheduled[b-uk901ts9xs] {
    border-color: #7c6a5f;
    border-left-color: #b84f12;
    background: repeating-linear-gradient(135deg, #5f6f78 0 7px, #4e5e68 7px 14px);
}

.gantt-native-toolbar[b-uk901ts9xs] {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.gantt-native-toolbar > div[b-uk901ts9xs],
.gantt-legend[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.gantt-native-toolbar button[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    min-height: 34px;
    padding: .35rem .55rem;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--schedule-muted);
    font-size: .7rem;
    font-weight: 700;
}

.gantt-native-toolbar button:hover[b-uk901ts9xs] {
    background: var(--schedule-hover);
}

.gantt-legend span[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: var(--schedule-muted);
    font-size: .61rem;
    white-space: nowrap;
}

.legend-dot[b-uk901ts9xs] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
}

.legend-dot.healthy[b-uk901ts9xs] { background: var(--schedule-success-fill); }
.legend-dot.risk[b-uk901ts9xs] { background: var(--schedule-warning-fill); }
.legend-line[b-uk901ts9xs] { width: 16px; height: 4px; border-radius: 4px; }
.legend-line.critical[b-uk901ts9xs] { border: 1px solid var(--schedule-error-fill); background: var(--schedule-error-fill); }
.legend-line.conflict[b-uk901ts9xs] { outline: 1px solid var(--schedule-conflict-fill); background: var(--schedule-conflict-fill); }

.schedule-tooltip[b-uk901ts9xs] {
    width: min(340px, 76vw);
    padding: .25rem;
    color: var(--schedule-ink);
}

.tooltip-heading[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    gap: .55rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid var(--schedule-line);
}

.tooltip-heading > div[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.tooltip-heading strong[b-uk901ts9xs] {
    overflow: hidden;
    font-size: .82rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-heading small[b-uk901ts9xs] {
    margin-top: .16rem;
    color: var(--schedule-muted);
    font-size: .65rem;
}

.tooltip-grid[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .7rem;
    padding: .7rem 0;
}

.tooltip-grid span[b-uk901ts9xs] {
    display: flex;
    flex-direction: column;
    color: var(--schedule-muted);
    font-size: .61rem;
}

.tooltip-grid strong[b-uk901ts9xs] {
    margin-top: .18rem;
    overflow: hidden;
    color: var(--schedule-ink);
    font-size: .69rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tooltip-health[b-uk901ts9xs] {
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .5rem;
    border-radius: 7px;
    background: var(--schedule-success-soft);
    color: var(--schedule-on-success-soft);
    font-size: .66rem;
    font-weight: 700;
}

.tooltip-health.risk[b-uk901ts9xs] { background: var(--schedule-warning-soft); color: var(--schedule-on-warning-soft); }
.tooltip-health.danger[b-uk901ts9xs] { background: var(--schedule-error-soft); color: var(--schedule-on-error-soft); }
.tooltip-health.conflict[b-uk901ts9xs] { background: var(--schedule-conflict-soft); color: var(--schedule-on-conflict-soft); }
.tooltip-health.critical[b-uk901ts9xs] { background: var(--schedule-error-soft); color: var(--schedule-on-error-soft); }

.schedule-empty[b-uk901ts9xs] {
    display: flex;
    min-height: 410px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2rem;
    text-align: center;
}

.schedule-empty.compact[b-uk901ts9xs] {
    min-height: 300px;
}

.empty-icon[b-uk901ts9xs] {
    display: grid;
    width: 58px;
    height: 58px;
    place-items: center;
    border-radius: 17px;
    background: var(--schedule-inset);
    color: var(--schedule-accent);
}

.schedule-empty h2[b-uk901ts9xs] {
    margin: 1rem 0 .35rem;
    font-size: 1.15rem;
}

.schedule-empty p[b-uk901ts9xs] {
    max-width: 520px;
    margin: 0 0 1rem;
    color: var(--schedule-muted);
    font-size: .78rem;
}

.empty-action[b-uk901ts9xs] {
    padding: .58rem .8rem;
    border: 0;
    border-radius: 8px;
    background: var(--schedule-primary);
    color: var(--schedule-on-primary);
    font-size: .75rem;
    font-weight: 700;
    text-decoration: none;
}

.resource-readiness[b-uk901ts9xs] {
    padding: 1rem;
    border-top: 1px solid var(--schedule-line);
    background: var(--schedule-inset);
}

.resource-panel-heading[b-uk901ts9xs] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .75rem;
}

.section-kicker[b-uk901ts9xs] {
    color: var(--schedule-accent);
    font-size: .59rem;
    font-weight: 850;
    letter-spacing: .1em;
}

.resource-panel-heading h2[b-uk901ts9xs] {
    margin: .18rem 0 0;
    font-size: 1rem;
}

.resource-panel-heading a[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--schedule-accent);
    font-size: .69rem;
    font-weight: 700;
    text-decoration: none;
}

.brigade-strip[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
    gap: .6rem;
}

.resource-panel-empty[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .85rem;
    border: 1px dashed var(--schedule-line-strong);
    border-radius: 12px;
    background: var(--schedule-surface);
}

.resource-panel-empty-icon[b-uk901ts9xs] {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 10px;
    background: var(--schedule-inset);
    color: var(--schedule-accent);
}

.resource-panel-empty strong[b-uk901ts9xs] {
    color: var(--schedule-navy);
    font-size: .82rem;
}

.resource-panel-empty p[b-uk901ts9xs] {
    margin: .18rem 0 0;
    color: var(--schedule-muted);
    font-size: .7rem;
}

.resource-panel-empty a[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: var(--schedule-accent);
    font-size: .72rem;
    font-weight: 750;
    text-decoration: none;
}

.brigade-card[b-uk901ts9xs] {
    padding: .75rem;
    border: 1px solid var(--schedule-line);
    border-top: 3px solid var(--brigade-color);
    border-radius: 11px;
    background: var(--schedule-surface);
}

.brigade-card-top[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .5rem;
}

.brigade-mark[b-uk901ts9xs] {
    display: grid;
    width: 31px;
    height: 31px;
    place-items: center;
    border-radius: 9px;
    background: color-mix(in srgb, var(--brigade-color) 14%, var(--schedule-surface));
    color: var(--brigade-color);
}

.brigade-card-top > div[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.brigade-card-top strong[b-uk901ts9xs] {
    overflow: hidden;
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brigade-card-top small[b-uk901ts9xs] {
    margin-top: .14rem;
    color: var(--schedule-muted);
    font-size: .6rem;
}

.brigade-conflict[b-uk901ts9xs] {
    padding: .2rem .35rem;
    border-radius: 5px;
    background: var(--schedule-conflict-soft);
    color: var(--schedule-on-conflict-soft);
    font-size: .58rem;
    font-weight: 750;
}

.brigade-stats[b-uk901ts9xs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .4rem;
    margin-top: .65rem;
    padding-top: .6rem;
    border-top: 1px solid var(--schedule-line);
}

.brigade-stats span[b-uk901ts9xs] {
    color: var(--schedule-muted);
    font-size: .58rem;
    text-align: center;
}

.brigade-stats strong[b-uk901ts9xs] {
    display: block;
    margin-bottom: .08rem;
    color: var(--schedule-ink);
    font-size: .72rem;
}

.mobile-schedule-list[b-uk901ts9xs] {
    display: none;
}

.mobile-task-card[b-uk901ts9xs] {
    padding: .85rem;
    border: 1px solid var(--schedule-line);
    border-left: 4px solid var(--schedule-steel);
    border-radius: 12px;
    background: var(--schedule-surface);
}

.mobile-task-card.danger[b-uk901ts9xs] { border-left-color: var(--schedule-error-fill); }
.mobile-task-card.risk[b-uk901ts9xs] { border-left-color: var(--schedule-warning-fill); }
.mobile-task-card.conflict[b-uk901ts9xs] { border-left-color: var(--schedule-conflict-fill); }
.mobile-task-card.critical[b-uk901ts9xs] { border-left-color: var(--schedule-error-fill); }
.mobile-task-card.completed[b-uk901ts9xs] { border-left-color: var(--schedule-success-fill); opacity: .76; }

.mobile-task-heading[b-uk901ts9xs],
.mobile-task-meta[b-uk901ts9xs] {
    display: flex;
    align-items: center;
}

.mobile-task-heading[b-uk901ts9xs] {
    gap: .55rem;
}

.mobile-task-heading > div[b-uk901ts9xs] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.mobile-task-heading strong[b-uk901ts9xs] {
    overflow: hidden;
    font-size: .88rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-task-heading small[b-uk901ts9xs],
.mobile-task-health[b-uk901ts9xs] {
    color: var(--schedule-muted);
    font-size: .72rem;
}

.mobile-task-heading button[b-uk901ts9xs] {
    display: grid;
    width: 40px;
    height: 40px;
    place-items: center;
    border: 1px solid var(--schedule-line);
    border-radius: 9px;
    background: var(--schedule-surface);
    color: var(--schedule-accent);
}

.mobile-task-meta[b-uk901ts9xs] {
    flex-wrap: wrap;
    gap: .4rem .8rem;
    margin: .7rem 0 .45rem 1rem;
    color: var(--schedule-muted);
    font-size: .72rem;
}

.mobile-task-meta span[b-uk901ts9xs] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

@media (max-width: 1420px) {
    .schedule-kpis[b-uk901ts9xs] {
        grid-template-columns: 1.15fr repeat(4, minmax(135px, 1fr));
    }

    .progress-kpi[b-uk901ts9xs] {
        grid-row: auto;
    }

    .command-row-secondary[b-uk901ts9xs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timeline-controls[b-uk901ts9xs] {
        width: 100%;
        overflow-x: auto;
    }
}

@media (max-width: 1050px) {
    .project-schedule-page[b-uk901ts9xs] {
        padding: .75rem;
    }

    .schedule-hero[b-uk901ts9xs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .schedule-kpis[b-uk901ts9xs] {
        display: flex;
        overflow-x: auto;
        padding-bottom: .2rem;
    }

    .schedule-kpi[b-uk901ts9xs] {
        min-width: 185px;
    }

    .gantt-shell[b-uk901ts9xs]  .k-gantt-treelist {
        width: 360px !important;
        flex-basis: 360px !important;
    }

    .command-filters[b-uk901ts9xs] {
        grid-template-columns: 1fr 1fr;
    }

    .gantt-legend[b-uk901ts9xs] {
        display: none;
    }
}

@media (max-width: 720px) {
    .schedule-kpis[b-uk901ts9xs] {
        display: flex;
        overflow-x: auto;
        padding-bottom: .2rem;
    }

    .schedule-kpi[b-uk901ts9xs] {
        min-width: 190px;
    }

    .progress-kpi[b-uk901ts9xs] {
        min-width: 210px;
    }

    .command-filters[b-uk901ts9xs] {
        grid-template-columns: 1fr;
    }

    .filter-chips[b-uk901ts9xs] {
        width: 100%;
        overflow-x: auto;
    }

    .hero-actions[b-uk901ts9xs] {
        width: 100%;
    }

    .hero-action[b-uk901ts9xs] {
        flex: 1;
        justify-content: center;
    }

    .resource-toggle[b-uk901ts9xs] {
        display: none;
    }

    .gantt-shell[b-uk901ts9xs] {
        display: none;
    }

    .mobile-schedule-list[b-uk901ts9xs] {
        display: grid;
        gap: .65rem;
        padding: .75rem;
        background: var(--schedule-hover);
    }

    .resource-panel-empty[b-uk901ts9xs] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .resource-panel-empty a[b-uk901ts9xs] {
        grid-column: 1 / -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero-action[b-uk901ts9xs],
    button.schedule-kpi[b-uk901ts9xs] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .project-schedule-page[b-uk901ts9xs] {
        --schedule-ink: CanvasText;
        --schedule-muted: CanvasText;
        --schedule-line: CanvasText;
        --schedule-line-strong: CanvasText;
        --schedule-surface: Canvas;
        --schedule-canvas: Canvas;
        --schedule-inset: Canvas;
        --schedule-hover: Highlight;
        --schedule-primary: Highlight;
        --schedule-on-primary: HighlightText;
        --schedule-accent: Highlight;
        background: Canvas;
    }

    .schedule-hero[b-uk901ts9xs] {
        border: 1px solid CanvasText;
        color: CanvasText;
        background: Canvas;
        box-shadow: none;
    }
}
/* /Components/Pages/Projects/Planning/WeeklyPlan/ProjectWeeklyPlanWorkspace.razor.rz.scp.css */
.weekly-plan-page[b-jtrufis7ky] {
    --weekly-app: var(--kendo-color-app-surface, var(--bs-body-bg, #f5f7f8));
    --weekly-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --weekly-raised: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --weekly-soft: var(--kendo-color-base, var(--bs-tertiary-bg, #eef3f5));
    --weekly-soft-hover: var(--kendo-color-base-hover, var(--bs-secondary-bg, #e5ecef));
    --weekly-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #17324a));
    --weekly-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #5d7280));
    --weekly-line: var(--kendo-color-border, var(--bs-border-color, #d6e0e5));
    --weekly-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #b8c7cf));
    --weekly-primary: var(--kendo-color-primary, #0f607d);
    --weekly-on-primary: var(--kendo-color-on-primary, #fff);
    --weekly-accent: var(--kendo-color-primary-on-surface, var(--weekly-primary));
    --weekly-ready: var(--kendo-color-success-on-subtle, #146c43);
    --weekly-warning: var(--kendo-color-warning-on-subtle, #7a4500);
    --weekly-error: var(--kendo-color-error-on-subtle, #a52a35);
    --weekly-info: var(--kendo-color-info-on-subtle, #1b617c);
    --weekly-focus: var(--kendo-color-info-on-subtle, #00637c);
    --weekly-chart-ppc: #146c43;
    --weekly-chart-variance: #a94312;
    --weekly-shadow: var(--kendo-elevation-2, 0 7px 18px rgba(23, 50, 74, .08));
    --weekly-shadow-lg: var(--kendo-elevation-4, 0 16px 40px rgba(23, 50, 74, .12));
    container-name: project-weekly-plan;
    container-type: inline-size;
    min-width: 0;
    padding: 1rem clamp(.75rem, 2vw, 1.75rem) 2.5rem;
    color: var(--weekly-ink);
}

.weekly-plan-page button[b-jtrufis7ky],
.weekly-plan-page a[b-jtrufis7ky],
.weekly-plan-page[b-jtrufis7ky]  .k-button,
.weekly-plan-page[b-jtrufis7ky]  input,
.weekly-plan-page[b-jtrufis7ky]  textarea {
    min-height: 44px;
}

.weekly-plan-page button:focus-visible[b-jtrufis7ky],
.weekly-plan-page a:focus-visible[b-jtrufis7ky],
.taskboard-desktop:focus-visible[b-jtrufis7ky],
.candidate-card:focus-within[b-jtrufis7ky],
.analytics-table-wrap:focus-within[b-jtrufis7ky] {
    outline: 3px solid var(--weekly-focus);
    outline-offset: 2px;
}

.weekly-plan-state[b-jtrufis7ky] {
    display: flex;
    width: min(780px, calc(100% - 2rem));
    min-height: 150px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: clamp(3rem, 10vh, 8rem) auto;
    padding: 1.5rem;
    border: 1px solid var(--weekly-line);
    border-radius: 18px;
    background: var(--weekly-panel);
    box-shadow: var(--weekly-shadow-lg);
}

.weekly-plan-state[b-jtrufis7ky] >  svg {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
    color: var(--weekly-info);
}

.weekly-plan-state.error[b-jtrufis7ky] >  svg {
    color: var(--weekly-error);
}

.weekly-plan-state.access-denied[b-jtrufis7ky] >  svg {
    color: var(--weekly-warning);
}

.weekly-plan-state > div[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: .28rem;
}

.weekly-plan-state strong[b-jtrufis7ky] {
    font-size: 1.05rem;
}

.weekly-plan-state span[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .85rem;
}

.state-action[b-jtrufis7ky] {
    display: inline-flex;
    align-items: center;
    padding: .7rem 1rem;
    border-radius: 10px;
    background: var(--weekly-primary);
    color: var(--weekly-on-primary);
    font-size: .82rem;
    font-weight: 750;
    text-decoration: none;
}

.weekly-plan-hero[b-jtrufis7ky] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1rem;
    padding: clamp(1rem, 2vw, 1.55rem);
    border: 1px solid var(--weekly-line);
    border-radius: 20px;
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--weekly-primary) 9%, transparent), transparent 55%),
        var(--weekly-panel);
    box-shadow: var(--weekly-shadow);
}

.hero-copy[b-jtrufis7ky] {
    min-width: 0;
}

.hero-eyebrow[b-jtrufis7ky],
.hero-meta[b-jtrufis7ky],
.hero-actions[b-jtrufis7ky],
.read-only-pill[b-jtrufis7ky],
.partner-view-pill[b-jtrufis7ky],
.hero-action[b-jtrufis7ky] {
    display: flex;
    align-items: center;
}

.hero-eyebrow[b-jtrufis7ky] {
    flex-wrap: wrap;
    gap: .42rem;
    margin-bottom: .45rem;
    color: var(--weekly-accent);
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.read-only-pill[b-jtrufis7ky],
.partner-view-pill[b-jtrufis7ky] {
    gap: .3rem;
    margin-left: .2rem;
    padding: .24rem .5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--weekly-info) 10%, var(--weekly-panel));
    color: var(--weekly-info);
    letter-spacing: 0;
}

.partner-view-pill[b-jtrufis7ky] {
    border: 1px solid color-mix(in srgb, var(--weekly-accent) 45%, var(--weekly-line));
    background: color-mix(in srgb, var(--weekly-primary) 9%, var(--weekly-panel));
    color: var(--weekly-accent);
}

.read-only-pill[b-jtrufis7ky]  svg,
.partner-view-pill[b-jtrufis7ky]  svg {
    width: 13px;
    height: 13px;
}

.confirmation-reason[b-jtrufis7ky] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: .85rem;
    color: var(--weekly-muted);
    font-size: .72rem;
    font-weight: 750;
}

.weekly-plan-hero h1[b-jtrufis7ky] {
    margin: 0;
    font-size: clamp(1.45rem, 3vw, 2.25rem);
    line-height: 1.08;
    letter-spacing: -.025em;
}

.weekly-plan-hero p[b-jtrufis7ky] {
    max-width: 760px;
    margin: .6rem 0 .8rem;
    color: var(--weekly-muted);
    font-size: .88rem;
    line-height: 1.5;
}

.hero-meta[b-jtrufis7ky] {
    flex-wrap: wrap;
    gap: .55rem 1rem;
    color: var(--weekly-muted);
    font-size: .74rem;
}

.hero-meta span[b-jtrufis7ky],
.hero-action[b-jtrufis7ky] {
    gap: .35rem;
}

.hero-meta[b-jtrufis7ky]  svg,
.hero-action[b-jtrufis7ky]  svg {
    width: 15px;
    height: 15px;
}

.hero-actions[b-jtrufis7ky] {
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .55rem;
}

.hero-action[b-jtrufis7ky] {
    justify-content: center;
    min-height: 44px;
    padding: .62rem .78rem;
    border: 1px solid var(--weekly-line-strong);
    border-radius: 10px;
    font-size: .76rem;
    font-weight: 780;
    text-decoration: none;
}

.hero-action.secondary[b-jtrufis7ky] {
    background: var(--weekly-panel);
    color: var(--weekly-ink);
}

.hero-action.primary[b-jtrufis7ky] {
    border-color: var(--weekly-primary);
    background: var(--weekly-primary);
    color: var(--weekly-on-primary);
}

.hero-action:disabled[b-jtrufis7ky] {
    opacity: .58;
    cursor: wait;
}

.week-toolbar[b-jtrufis7ky],
.plan-command-bar[b-jtrufis7ky],
.meeting-note[b-jtrufis7ky],
.quality-banner[b-jtrufis7ky],
.recall-banner[b-jtrufis7ky],
.cancellation-banner[b-jtrufis7ky],
.no-plan-state[b-jtrufis7ky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    border: 1px solid var(--weekly-line);
    border-radius: 16px;
    background: var(--weekly-panel);
    box-shadow: var(--weekly-shadow);
}

.week-toolbar h2[b-jtrufis7ky],
.plan-command-bar h2[b-jtrufis7ky],
.meeting-note h2[b-jtrufis7ky],
.quality-banner h2[b-jtrufis7ky],
.recall-banner h2[b-jtrufis7ky],
.cancellation-banner h2[b-jtrufis7ky],
.no-plan-state h2[b-jtrufis7ky] {
    margin: 0;
    font-size: .95rem;
}

.week-toolbar p[b-jtrufis7ky],
.plan-command-bar p[b-jtrufis7ky],
.meeting-note p[b-jtrufis7ky],
.recall-banner p[b-jtrufis7ky],
.cancellation-banner p[b-jtrufis7ky],
.no-plan-state p[b-jtrufis7ky] {
    margin: .18rem 0 0;
    color: var(--weekly-muted);
    font-size: .73rem;
}

.week-controls[b-jtrufis7ky] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-end;
    gap: .45rem;
}

.week-picker-field[b-jtrufis7ky] {
    display: flex;
    flex-direction: column;
    gap: .25rem;
    color: var(--weekly-muted);
    font-size: .69rem;
    font-weight: 700;
}

.quality-banner[b-jtrufis7ky] {
    align-items: flex-start;
    justify-content: flex-start;
    border-color: color-mix(in srgb, var(--weekly-warning) 35%, var(--weekly-line));
    background: color-mix(in srgb, var(--weekly-warning) 7%, var(--weekly-panel));
}

.quality-banner[b-jtrufis7ky] >  svg {
    flex: 0 0 auto;
    margin-top: .1rem;
    color: var(--weekly-warning);
}

.quality-banner ul[b-jtrufis7ky] {
    margin: .35rem 0 0;
    padding-left: 1.15rem;
    color: var(--weekly-muted);
    font-size: .75rem;
}

.recall-banner[b-jtrufis7ky],
.cancellation-banner[b-jtrufis7ky] {
    justify-content: flex-start;
    align-items: flex-start;
}

.recall-banner[b-jtrufis7ky] {
    border-color: color-mix(in srgb, var(--weekly-warning) 35%, var(--weekly-line));
    background: color-mix(in srgb, var(--weekly-warning) 7%, var(--weekly-panel));
}

.cancellation-banner[b-jtrufis7ky] {
    border-color: color-mix(in srgb, var(--weekly-error) 35%, var(--weekly-line));
    background: color-mix(in srgb, var(--weekly-error) 7%, var(--weekly-panel));
}

.recall-banner[b-jtrufis7ky] >  svg,
.cancellation-banner[b-jtrufis7ky] >  svg {
    flex: 0 0 auto;
    margin-top: .1rem;
}

.recall-banner[b-jtrufis7ky] >  svg { color: var(--weekly-warning); }
.cancellation-banner[b-jtrufis7ky] >  svg { color: var(--weekly-error); }

.recall-banner small[b-jtrufis7ky],
.cancellation-banner small[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .7rem;
}

.no-plan-state[b-jtrufis7ky] {
    min-height: 180px;
    justify-content: flex-start;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.no-plan-state .empty-icon[b-jtrufis7ky] {
    display: grid;
    width: 58px;
    height: 58px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 16px;
    background: color-mix(in srgb, var(--weekly-primary) 10%, var(--weekly-panel));
    color: var(--weekly-accent);
}

.no-plan-state .empty-icon[b-jtrufis7ky]  svg {
    width: 28px;
    height: 28px;
}

.no-plan-state > div[b-jtrufis7ky] {
    flex: 1;
}

.read-only-callout[b-jtrufis7ky] {
    max-width: 300px;
    color: var(--weekly-muted);
    font-size: .76rem;
}

.plan-status-copy[b-jtrufis7ky],
.plan-actions[b-jtrufis7ky],
.plan-status[b-jtrufis7ky] {
    display: flex;
    align-items: center;
}

.plan-status-copy[b-jtrufis7ky] {
    min-width: 0;
    gap: .8rem;
}

.plan-status[b-jtrufis7ky] {
    flex: 0 0 auto;
    gap: .35rem;
    min-height: 34px;
    padding: .35rem .65rem;
    border-radius: 999px;
    background: var(--weekly-soft);
    color: var(--weekly-muted);
    font-size: .68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.plan-status.draft[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-info) 11%, var(--weekly-panel));
    color: var(--weekly-info);
}

.plan-status.committed[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-warning) 11%, var(--weekly-panel));
    color: var(--weekly-warning);
}

.plan-status.offered[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-warning) 11%, var(--weekly-panel));
    color: var(--weekly-warning);
}

.plan-status.closed[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-ready) 11%, var(--weekly-panel));
    color: var(--weekly-ready);
}

.plan-status.cancelled[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-error) 11%, var(--weekly-panel));
    color: var(--weekly-error);
}

.plan-status[b-jtrufis7ky]  svg {
    width: 15px;
    height: 15px;
}

.plan-actions[b-jtrufis7ky] {
    flex: 0 0 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.weekly-plan-kpis[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: .65rem;
    margin-bottom: 1rem;
}

.weekly-plan-kpis article[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .65rem;
    padding: .85rem;
    border: 1px solid var(--weekly-line);
    border-radius: 14px;
    background: var(--weekly-panel);
    box-shadow: var(--weekly-shadow);
}

.weekly-plan-kpis article.attention[b-jtrufis7ky] {
    border-color: color-mix(in srgb, var(--weekly-warning) 40%, var(--weekly-line));
}

.weekly-plan-kpis article.ppc[b-jtrufis7ky] {
    border-color: color-mix(in srgb, var(--weekly-ready) 35%, var(--weekly-line));
}

.kpi-icon[b-jtrufis7ky] {
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 10px;
    background: var(--weekly-soft);
    color: var(--weekly-accent);
}

.kpi-icon[b-jtrufis7ky]  svg {
    width: 18px;
    height: 18px;
}

.weekly-plan-kpis div[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.weekly-plan-kpis strong[b-jtrufis7ky] {
    font-size: 1.25rem;
    line-height: 1;
}

.weekly-plan-kpis small[b-jtrufis7ky] {
    margin-top: .2rem;
    overflow: hidden;
    color: var(--weekly-muted);
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meeting-note[b-jtrufis7ky] {
    align-items: flex-end;
}

.meeting-note > div[b-jtrufis7ky] {
    flex: 0 0 230px;
}

.meeting-note[b-jtrufis7ky]  .k-textarea {
    min-width: 260px;
    flex: 1;
}

.weekly-planning-layout[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, 350px);
    align-items: start;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.promise-board[b-jtrufis7ky],
.commitment-inspector[b-jtrufis7ky],
.candidate-panel[b-jtrufis7ky],
.weekly-analytics[b-jtrufis7ky] {
    min-width: 0;
    border: 1px solid var(--weekly-line);
    border-radius: 18px;
    background: var(--weekly-panel);
    box-shadow: var(--weekly-shadow);
}

.promise-board[b-jtrufis7ky] {
    overflow: hidden;
}

.section-heading[b-jtrufis7ky],
.candidate-panel-heading[b-jtrufis7ky],
.inspector-heading[b-jtrufis7ky] {
    padding: 1rem;
    border-bottom: 1px solid var(--weekly-line);
}

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

.section-eyebrow[b-jtrufis7ky] {
    display: block;
    margin-bottom: .25rem;
    color: var(--weekly-accent);
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.section-heading h2[b-jtrufis7ky],
.candidate-panel-heading h2[b-jtrufis7ky],
.inspector-heading h2[b-jtrufis7ky] {
    margin: 0;
    font-size: 1.02rem;
    line-height: 1.2;
}

.section-heading p[b-jtrufis7ky],
.candidate-panel-heading p[b-jtrufis7ky],
.inspector-heading p[b-jtrufis7ky] {
    margin: .3rem 0 0;
    color: var(--weekly-muted);
    font-size: .72rem;
    line-height: 1.45;
}

.board-legend[b-jtrufis7ky] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: .35rem;
}

.board-legend span[b-jtrufis7ky] {
    padding: .25rem .48rem;
    border-radius: 999px;
    background: var(--weekly-soft);
    color: var(--weekly-muted);
    font-size: .62rem;
    font-weight: 800;
}

.board-legend .ready[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-ready) 11%, var(--weekly-panel));
    color: var(--weekly-ready);
}

.board-legend .warning[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-warning) 11%, var(--weekly-panel));
    color: var(--weekly-warning);
}

.board-legend .missed[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-error) 10%, var(--weekly-panel));
    color: var(--weekly-error);
}

.board-empty[b-jtrufis7ky],
.inspector-empty[b-jtrufis7ky],
.candidate-empty[b-jtrufis7ky] {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 1.5rem;
    color: var(--weekly-muted);
    text-align: center;
}

.board-empty[b-jtrufis7ky]  svg,
.inspector-empty[b-jtrufis7ky]  svg,
.candidate-empty[b-jtrufis7ky]  svg {
    width: 30px;
    height: 30px;
    color: var(--weekly-info);
}

.board-empty h3[b-jtrufis7ky],
.inspector-empty h2[b-jtrufis7ky] {
    margin: 0;
    color: var(--weekly-ink);
    font-size: .95rem;
}

.board-empty p[b-jtrufis7ky],
.inspector-empty p[b-jtrufis7ky],
.candidate-empty p[b-jtrufis7ky] {
    max-width: 390px;
    margin: 0;
    font-size: .75rem;
    line-height: 1.45;
}

.taskboard-desktop[b-jtrufis7ky] {
    min-width: 0;
    overflow-x: auto;
    padding: .75rem;
    scrollbar-color: var(--weekly-line-strong) transparent;
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard {
    min-width: 1810px;
    border: 0;
    background: transparent;
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard-content {
    gap: .55rem;
    overflow-x: visible;
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard-column {
    border: 1px solid var(--weekly-line);
    border-radius: 13px;
    background: var(--weekly-soft);
    box-shadow: none;
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard-column-header {
    padding: .7rem;
    border-bottom-color: var(--weekly-line);
    background: var(--weekly-panel);
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard-column-cards-container {
    padding: .55rem;
}

.taskboard-desktop[b-jtrufis7ky]  .k-taskboard-card {
    margin-bottom: .55rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.day-column-header[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: baseline;
    gap: .15rem .45rem;
}

.day-column-header strong[b-jtrufis7ky] {
    overflow: hidden;
    font-size: .78rem;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.day-column-header > span[b-jtrufis7ky] {
    color: var(--weekly-accent);
    font-size: .7rem;
    font-weight: 800;
}

.day-column-header small[b-jtrufis7ky] {
    grid-column: 1 / -1;
    color: var(--weekly-muted);
    font-size: .62rem;
}

.taskboard-mobile[b-jtrufis7ky] {
    display: none;
}

.weekly-plan-side-stack[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 1rem;
}

.commitment-inspector[b-jtrufis7ky] {
    position: sticky;
    top: 1rem;
    overflow: hidden;
}

.inspector-heading[b-jtrufis7ky] {
    position: relative;
    padding-right: 7rem;
}

.outcome-badge[b-jtrufis7ky] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    max-width: 105px;
    padding: .22rem .42rem;
    border-radius: 999px;
    background: var(--weekly-soft);
    color: var(--weekly-muted);
    font-size: .59rem;
    font-weight: 850;
    text-align: center;
}

.outcome-badge.outcome-completedaspromised[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-ready) 11%, var(--weekly-panel));
    color: var(--weekly-ready);
}

.outcome-badge.acceptance-accepted[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-ready) 11%, var(--weekly-panel));
    color: var(--weekly-ready);
}

.outcome-badge.acceptance-pending[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-warning) 11%, var(--weekly-panel));
    color: var(--weekly-warning);
}

.outcome-badge.outcome-missed[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-error) 10%, var(--weekly-panel));
    color: var(--weekly-error);
}

.inspector-facts[b-jtrufis7ky],
.outcome-section dl[b-jtrufis7ky] {
    display: grid;
    gap: 0;
    margin: 0;
}

.inspector-facts > div[b-jtrufis7ky],
.outcome-section dl > div[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: minmax(105px, .8fr) minmax(0, 1.2fr);
    gap: .65rem;
    padding: .62rem 1rem;
    border-bottom: 1px solid var(--weekly-line);
}

.inspector-facts dt[b-jtrufis7ky],
.outcome-section dt[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .66rem;
    font-weight: 700;
}

.inspector-facts dd[b-jtrufis7ky],
.outcome-section dd[b-jtrufis7ky] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .7rem;
    font-weight: 700;
}

.inspector-section[b-jtrufis7ky] {
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--weekly-line);
}

.inspector-section h3[b-jtrufis7ky] {
    margin: 0 0 .35rem;
    color: var(--weekly-muted);
    font-size: .66rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.inspector-section p[b-jtrufis7ky],
.inspector-section li[b-jtrufis7ky] {
    margin: 0;
    font-size: .72rem;
    line-height: 1.45;
}

.inspector-section ul[b-jtrufis7ky] {
    margin: 0;
    padding-left: 1.1rem;
}

.issue-section[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-warning) 6%, var(--weekly-panel));
}

.acceptance-note[b-jtrufis7ky] {
    margin-top: .55rem !important;
    padding: .55rem;
    border-left: 3px solid var(--weekly-warning);
    background: var(--weekly-panel);
    color: var(--weekly-muted);
}

.acceptance-section[b-jtrufis7ky] {
    background: color-mix(in srgb, var(--weekly-ready) 6%, var(--weekly-panel));
}

.outcome-section[b-jtrufis7ky] {
    background: var(--weekly-soft);
}

.outcome-section > p + p[b-jtrufis7ky] {
    margin-top: .4rem;
}

.outcome-section dl[b-jtrufis7ky] {
    margin: .55rem -.3rem -.3rem;
    border: 1px solid var(--weekly-line);
    border-radius: 9px;
    background: var(--weekly-panel);
}

.outcome-section dl > div[b-jtrufis7ky] {
    padding: .5rem .6rem;
}

.inspector-actions[b-jtrufis7ky] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    padding: 1rem;
}

.candidate-panel[b-jtrufis7ky] {
    overflow: hidden;
}

.candidate-list[b-jtrufis7ky] {
    display: flex;
    max-height: 620px;
    flex-direction: column;
    gap: .65rem;
    overflow-y: auto;
    padding: .75rem;
}

.candidate-card[b-jtrufis7ky] {
    padding: .75rem;
    border: 1px solid var(--weekly-line);
    border-left: 4px solid var(--weekly-ready);
    border-radius: 12px;
    background: var(--weekly-raised);
}

.candidate-card.warning[b-jtrufis7ky] {
    border-left-color: var(--weekly-warning);
}

.candidate-topline[b-jtrufis7ky] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    color: var(--weekly-ready);
    font-size: .62rem;
    font-weight: 850;
    text-transform: uppercase;
}

.candidate-card.warning .candidate-topline[b-jtrufis7ky] {
    color: var(--weekly-warning);
}

.candidate-card h3[b-jtrufis7ky] {
    margin: .42rem 0;
    font-size: .84rem;
    line-height: 1.3;
}

.candidate-meta[b-jtrufis7ky] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    margin: 0 0 .5rem;
    color: var(--weekly-muted);
    font-size: .67rem;
}

.candidate-meta span[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .3rem;
}

.candidate-meta[b-jtrufis7ky]  svg {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
}

.candidate-card ul[b-jtrufis7ky] {
    margin: .45rem 0;
    padding-left: 1.05rem;
    color: var(--weekly-muted);
    font-size: .65rem;
    line-height: 1.4;
}

.candidate-empty[b-jtrufis7ky] {
    min-height: 180px;
}

.candidate-empty a[b-jtrufis7ky] {
    color: var(--weekly-accent);
    font-size: .72rem;
    font-weight: 800;
}

.weekly-analytics[b-jtrufis7ky] {
    overflow: hidden;
}

.analytics-grid[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    padding: 1rem;
}

.analytics-panel[b-jtrufis7ky] {
    min-width: 0;
    padding: .85rem;
    border: 1px solid var(--weekly-line);
    border-radius: 14px;
    background: var(--weekly-raised);
}

.analytics-panel h3[b-jtrufis7ky] {
    margin: 0 0 .65rem;
    font-size: .86rem;
}

.chart-visual[b-jtrufis7ky] {
    min-width: 0;
    overflow: hidden;
}

.analytics-table-wrap[b-jtrufis7ky] {
    overflow-x: auto;
    margin-top: .75rem;
}

.analytics-table[b-jtrufis7ky] {
    width: 100%;
    min-width: 330px;
    border-collapse: collapse;
    font-size: .69rem;
}

.analytics-table caption[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .65rem;
    text-align: left;
}

.analytics-table th[b-jtrufis7ky],
.analytics-table td[b-jtrufis7ky] {
    padding: .48rem .55rem;
    border-bottom: 1px solid var(--weekly-line);
    text-align: left;
}

.analytics-table th[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .62rem;
    text-transform: uppercase;
}

.analytics-empty[b-jtrufis7ky] {
    min-height: 160px;
    display: grid;
    place-items: center;
    margin: 0;
    color: var(--weekly-muted);
    font-size: .74rem;
    text-align: center;
}

:global(.weekly-plan-window)[b-jtrufis7ky] {
    max-height: calc(100vh - 1.5rem);
}

:global(.weekly-plan-window .k-window-content)[b-jtrufis7ky] {
    overflow-y: auto;
}

:global(.weekly-plan-window .k-window-footer)[b-jtrufis7ky] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .5rem;
}

.weekly-form[b-jtrufis7ky] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    color: var(--weekly-ink);
}

.form-intro span[b-jtrufis7ky] {
    color: var(--weekly-accent);
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.form-intro h2[b-jtrufis7ky] {
    margin: .2rem 0 .35rem;
    font-size: 1.05rem;
}

.form-intro p[b-jtrufis7ky] {
    margin: 0;
    color: var(--weekly-muted);
    font-size: .72rem;
    line-height: 1.45;
}

.form-error[b-jtrufis7ky] {
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--weekly-error) 40%, var(--weekly-line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--weekly-error) 8%, var(--weekly-panel));
    color: var(--weekly-error);
    font-size: .74rem;
}

.form-grid[b-jtrufis7ky] {
    display: grid;
    gap: .75rem;
}

.form-grid.two-columns[b-jtrufis7ky] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.weekly-form label[b-jtrufis7ky] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .32rem;
    color: var(--weekly-ink);
    font-size: .7rem;
    font-weight: 750;
}

.weekly-form label small[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .63rem;
    font-weight: 500;
    line-height: 1.4;
}

.weekly-form[b-jtrufis7ky]  .k-textarea,
.weekly-form[b-jtrufis7ky]  .k-textbox {
    width: 100%;
}

.warning-acceptance[b-jtrufis7ky] {
    padding: .8rem;
    border: 1px solid color-mix(in srgb, var(--weekly-warning) 35%, var(--weekly-line));
    border-radius: 12px;
    background: color-mix(in srgb, var(--weekly-warning) 7%, var(--weekly-panel));
}

.acceptance-summary[b-jtrufis7ky] {
    display: grid;
    gap: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid var(--weekly-line);
    border-radius: 10px;
    background: var(--weekly-soft);
}

.acceptance-summary > div[b-jtrufis7ky] {
    display: grid;
    grid-template-columns: minmax(120px, .7fr) minmax(0, 1.3fr);
    gap: .7rem;
    padding: .65rem .75rem;
    border-bottom: 1px solid var(--weekly-line);
}

.acceptance-summary > div:last-child[b-jtrufis7ky] {
    border-bottom: 0;
}

.acceptance-summary dt[b-jtrufis7ky] {
    color: var(--weekly-muted);
    font-size: .66rem;
}

.acceptance-summary dd[b-jtrufis7ky] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: .7rem;
    font-weight: 700;
}

.formal-warning[b-jtrufis7ky] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .7rem;
    border: 1px solid color-mix(in srgb, var(--weekly-info) 30%, var(--weekly-line));
    border-radius: 10px;
    background: color-mix(in srgb, var(--weekly-info) 7%, var(--weekly-panel));
    color: var(--weekly-muted);
}

.formal-warning[b-jtrufis7ky]  svg {
    flex: 0 0 auto;
    color: var(--weekly-info);
}

.formal-warning p[b-jtrufis7ky] {
    margin: 0;
    font-size: .68rem;
    line-height: 1.45;
}

.warning-acceptance h3[b-jtrufis7ky] {
    margin: 0 0 .45rem;
    color: var(--weekly-warning);
    font-size: .78rem;
}

.warning-acceptance ul[b-jtrufis7ky] {
    margin: 0 0 .75rem;
    padding-left: 1.1rem;
    color: var(--weekly-muted);
    font-size: .68rem;
    line-height: 1.45;
}

.confirmation-copy[b-jtrufis7ky] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    color: var(--weekly-ink);
}

.confirmation-copy[b-jtrufis7ky]  svg {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    color: var(--weekly-warning);
}

.confirmation-copy p[b-jtrufis7ky] {
    margin: 0;
    font-size: .78rem;
    line-height: 1.5;
}

:global(.k-dark) .weekly-plan-page[b-jtrufis7ky] {
    --weekly-app: var(--kendo-color-app-surface, #151412);
    --weekly-panel: var(--kendo-color-surface, #1b1a19);
    --weekly-raised: var(--kendo-color-surface-alt, #252321);
    --weekly-soft: var(--kendo-color-surface, #211f1e);
    --weekly-soft-hover: var(--kendo-color-base-subtle-hover, #302d2a);
    --weekly-ink: var(--kendo-color-on-app-surface, #f1ede8);
    --weekly-muted: var(--kendo-color-subtle, #c1b9b0);
    --weekly-line: var(--kendo-color-border, #4d4843);
    --weekly-line-strong: var(--kendo-color-border-alt, #6a625b);
    --weekly-primary: var(--kendo-color-primary, #70c9e8);
    --weekly-ready: var(--kendo-color-success-on-subtle, #7fd9a1);
    --weekly-warning: var(--kendo-color-warning-on-subtle, #f2c572);
    --weekly-error: var(--kendo-color-error-on-subtle, #ff9aa5);
    --weekly-info: var(--kendo-color-info-on-subtle, #8bd6ef);
    --weekly-focus: var(--kendo-color-info-on-subtle, #8bd6ef);
    --weekly-chart-ppc: #7fd9a1;
    --weekly-chart-variance: #ffb17a;
    --weekly-shadow: 0 7px 18px rgba(0, 0, 0, .24);
    --weekly-shadow-lg: 0 16px 40px rgba(0, 0, 0, .32);
}

:global(.k-dark .weekly-plan-window)[b-jtrufis7ky] {
    background: var(--kendo-color-surface, #1b1a19);
    color: var(--kendo-color-on-app-surface, #f1ede8);
}

@container project-weekly-plan (max-width: 1120px) {
    .weekly-planning-layout[b-jtrufis7ky] {
        grid-template-columns: minmax(0, 1fr);
    }

    .weekly-plan-side-stack[b-jtrufis7ky] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commitment-inspector[b-jtrufis7ky] {
        position: static;
    }

    .candidate-list[b-jtrufis7ky] {
        max-height: 520px;
    }

    .analytics-grid[b-jtrufis7ky] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@container project-weekly-plan (max-width: 850px) {
    .weekly-plan-hero[b-jtrufis7ky],
    .week-toolbar[b-jtrufis7ky],
    .plan-command-bar[b-jtrufis7ky],
    .meeting-note[b-jtrufis7ky],
    .no-plan-state[b-jtrufis7ky] {
        align-items: stretch;
        flex-direction: column;
    }

    .hero-actions[b-jtrufis7ky],
    .week-controls[b-jtrufis7ky],
    .plan-actions[b-jtrufis7ky] {
        justify-content: flex-start;
    }

    .meeting-note > div[b-jtrufis7ky] {
        flex: 0 0 auto;
    }

    .meeting-note[b-jtrufis7ky]  .k-textarea {
        min-width: 0;
        width: 100%;
    }
}

@container project-weekly-plan (max-width: 700px) {
    .taskboard-desktop[b-jtrufis7ky] {
        display: none;
    }

    .taskboard-mobile[b-jtrufis7ky] {
        display: flex;
        flex-direction: column;
        gap: .75rem;
        padding: .75rem;
    }

    .mobile-day[b-jtrufis7ky] {
        overflow: hidden;
        border: 1px solid var(--weekly-line);
        border-radius: 13px;
        background: var(--weekly-soft);
    }

    .mobile-day > header[b-jtrufis7ky] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .75rem;
        padding: .7rem .8rem;
        border-bottom: 1px solid var(--weekly-line);
        background: var(--weekly-panel);
    }

    .mobile-day > header h3[b-jtrufis7ky] {
        margin: 0;
        font-size: .8rem;
        text-transform: capitalize;
    }

    .mobile-day > header span[b-jtrufis7ky] {
        color: var(--weekly-muted);
        font-size: .65rem;
    }

    .mobile-day > header strong[b-jtrufis7ky] {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 999px;
        background: color-mix(in srgb, var(--weekly-primary) 10%, var(--weekly-panel));
        color: var(--weekly-accent);
        font-size: .72rem;
    }

    .mobile-day-cards[b-jtrufis7ky] {
        display: grid;
        gap: .6rem;
        padding: .6rem;
    }

    .mobile-day-empty[b-jtrufis7ky] {
        margin: 0;
        padding: .8rem;
        color: var(--weekly-muted);
        font-size: .68rem;
        text-align: center;
    }

    .weekly-plan-side-stack[b-jtrufis7ky] {
        grid-template-columns: minmax(0, 1fr);
    }

    .candidate-list[b-jtrufis7ky] {
        max-height: none;
        overflow-y: visible;
    }

    .chart-visual[b-jtrufis7ky] {
        display: none;
    }

    .analytics-table-wrap[b-jtrufis7ky] {
        margin-top: 0;
    }
}

@container project-weekly-plan (max-width: 520px) {
    .weekly-plan-page[b-jtrufis7ky] {
        padding-inline: .55rem;
    }

    .week-controls[b-jtrufis7ky],
    .hero-actions[b-jtrufis7ky],
    .plan-actions[b-jtrufis7ky],
    .inspector-actions[b-jtrufis7ky] {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .week-picker-field[b-jtrufis7ky],
    .week-picker-field[b-jtrufis7ky]  .k-datepicker,
    .week-controls[b-jtrufis7ky]  .k-button,
    .hero-action[b-jtrufis7ky],
    .plan-actions[b-jtrufis7ky]  .k-button,
    .inspector-actions[b-jtrufis7ky]  .k-button {
        width: 100% !important;
    }

    .button-copy[b-jtrufis7ky] {
        display: inline;
    }

    .section-heading[b-jtrufis7ky] {
        flex-direction: column;
    }

    .board-legend[b-jtrufis7ky] {
        justify-content: flex-start;
    }

    .form-grid.two-columns[b-jtrufis7ky] {
        grid-template-columns: minmax(0, 1fr);
    }

    .inspector-facts > div[b-jtrufis7ky],
    .outcome-section dl > div[b-jtrufis7ky],
    .acceptance-summary > div[b-jtrufis7ky] {
        grid-template-columns: minmax(0, 1fr);
        gap: .18rem;
    }
}

@media (max-height: 720px) {
    .commitment-inspector[b-jtrufis7ky] {
        position: static;
    }

    .candidate-list[b-jtrufis7ky] {
        max-height: none;
        overflow-y: visible;
    }
}

@media (prefers-reduced-motion: reduce) {
    .weekly-plan-page *[b-jtrufis7ky],
    .weekly-plan-page *[b-jtrufis7ky]::before,
    .weekly-plan-page *[b-jtrufis7ky]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media (forced-colors: active) {
    .weekly-plan-hero[b-jtrufis7ky],
    .week-toolbar[b-jtrufis7ky],
    .plan-command-bar[b-jtrufis7ky],
    .meeting-note[b-jtrufis7ky],
    .quality-banner[b-jtrufis7ky],
    .no-plan-state[b-jtrufis7ky],
    .weekly-plan-kpis article[b-jtrufis7ky],
    .promise-board[b-jtrufis7ky],
    .commitment-inspector[b-jtrufis7ky],
    .candidate-panel[b-jtrufis7ky],
    .weekly-analytics[b-jtrufis7ky],
    .candidate-card[b-jtrufis7ky],
    .analytics-panel[b-jtrufis7ky],
    .mobile-day[b-jtrufis7ky] {
        border: 1px solid CanvasText;
    }

    .plan-status[b-jtrufis7ky],
    .outcome-badge[b-jtrufis7ky],
    .board-legend span[b-jtrufis7ky] {
        border: 1px solid CanvasText;
    }
}
/* /Components/Pages/Projects/Planning/WeeklyPlan/WeeklyCommitmentCard.razor.rz.scp.css */
.weekly-commitment-card[b-bdc62mbw6a] {
    --commitment-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --commitment-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #17324a));
    --commitment-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #617583));
    --commitment-line: var(--kendo-color-border, var(--bs-border-color, #d7e1e6));
    --commitment-ready: var(--kendo-color-success-on-subtle, #146c43);
    --commitment-warning: var(--kendo-color-warning-on-subtle, #7a4500);
    --commitment-error: var(--kendo-color-error-on-subtle, #a52a35);
    --commitment-info: var(--kendo-color-info-on-subtle, #1b617c);
    --commitment-focus: var(--kendo-color-info-on-subtle, #00637c);
    display: flex;
    width: 100%;
    min-height: 156px;
    flex-direction: column;
    align-items: stretch;
    gap: .52rem;
    padding: .78rem;
    border: 1px solid var(--commitment-line);
    border-left: 4px solid var(--commitment-info);
    border-radius: 12px;
    background: var(--commitment-panel);
    color: var(--commitment-ink);
    text-align: left;
    box-shadow: var(--kendo-elevation-1, 0 3px 10px rgba(23, 50, 74, .06));
    cursor: pointer;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.weekly-commitment-card:hover[b-bdc62mbw6a] {
    border-color: color-mix(in srgb, var(--commitment-info) 50%, var(--commitment-line));
    box-shadow: var(--kendo-elevation-2, 0 7px 18px rgba(23, 50, 74, .1));
    transform: translateY(-1px);
}

.weekly-commitment-card.selected[b-bdc62mbw6a] {
    border-color: var(--commitment-info);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--commitment-focus) 28%, transparent);
}

.weekly-commitment-card.outcome-completed[b-bdc62mbw6a] {
    border-left-color: var(--commitment-ready);
}

.weekly-commitment-card.acceptance-accepted[b-bdc62mbw6a] {
    border-left-color: var(--commitment-ready);
}

.weekly-commitment-card.acceptance-pending[b-bdc62mbw6a] {
    border-left-color: var(--commitment-warning);
}

.weekly-commitment-card.outcome-missed[b-bdc62mbw6a] {
    border-left-color: var(--commitment-error);
}

.weekly-commitment-card.plan-cancelled[b-bdc62mbw6a] {
    border-left-color: var(--commitment-error);
    opacity: .82;
}

.weekly-commitment-card:focus-visible[b-bdc62mbw6a] {
    outline: 3px solid var(--commitment-focus);
    outline-offset: 2px;
}

.commitment-card__topline[b-bdc62mbw6a],
.commitment-card__meta[b-bdc62mbw6a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .45rem;
}

.commitment-card__readiness[b-bdc62mbw6a],
.commitment-card__outcome[b-bdc62mbw6a],
.commitment-card__dates[b-bdc62mbw6a],
.commitment-card__resource[b-bdc62mbw6a],
.commitment-card__signals[b-bdc62mbw6a],
.commitment-card__meta > span[b-bdc62mbw6a] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .3rem;
}

.commitment-card__readiness[b-bdc62mbw6a],
.commitment-card__outcome[b-bdc62mbw6a] {
    padding: .2rem .42rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--commitment-info) 10%, var(--commitment-panel));
    color: var(--commitment-info);
    font-size: .62rem;
    font-weight: 800;
    line-height: 1.25;
}

.commitment-card__readiness.ready[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-ready) 12%, var(--commitment-panel));
    color: var(--commitment-ready);
}

.commitment-card__readiness.warning[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-warning) 12%, var(--commitment-panel));
    color: var(--commitment-warning);
}

.outcome-completed .commitment-card__outcome[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-ready) 12%, var(--commitment-panel));
    color: var(--commitment-ready);
}

.acceptance-accepted .commitment-card__outcome[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-ready) 12%, var(--commitment-panel));
    color: var(--commitment-ready);
}

.acceptance-pending .commitment-card__outcome[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-warning) 12%, var(--commitment-panel));
    color: var(--commitment-warning);
}

.outcome-missed .commitment-card__outcome[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-error) 11%, var(--commitment-panel));
    color: var(--commitment-error);
}

.plan-cancelled .commitment-card__outcome[b-bdc62mbw6a] {
    background: color-mix(in srgb, var(--commitment-error) 11%, var(--commitment-panel));
    color: var(--commitment-error);
}

.commitment-card__topline[b-bdc62mbw6a]  svg,
.commitment-card__dates[b-bdc62mbw6a]  svg,
.commitment-card__resource[b-bdc62mbw6a]  svg,
.commitment-card__signals[b-bdc62mbw6a]  svg,
.commitment-card__meta[b-bdc62mbw6a]  svg {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
}

.commitment-card__title[b-bdc62mbw6a] {
    display: -webkit-box;
    overflow: hidden;
    font-size: .88rem;
    line-height: 1.28;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.commitment-card__dates[b-bdc62mbw6a],
.commitment-card__resource[b-bdc62mbw6a] {
    overflow: hidden;
    color: var(--commitment-muted);
    font-size: .7rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commitment-card__meta[b-bdc62mbw6a] {
    flex-wrap: wrap;
    justify-content: flex-start;
    color: var(--commitment-muted);
    font-size: .66rem;
}

.commitment-card__signals[b-bdc62mbw6a] {
    color: var(--commitment-warning);
    font-size: .66rem;
    font-weight: 750;
}

:global(.k-dark) .weekly-commitment-card[b-bdc62mbw6a] {
    --commitment-panel: var(--kendo-color-surface, #1b1a19);
    --commitment-ink: var(--kendo-color-on-app-surface, #f1ede8);
    --commitment-muted: var(--kendo-color-subtle, #c1b9b0);
    --commitment-line: var(--kendo-color-border, #4d4843);
    --commitment-ready: var(--kendo-color-success-on-subtle, #7fd9a1);
    --commitment-warning: var(--kendo-color-warning-on-subtle, #f2c572);
    --commitment-error: var(--kendo-color-error-on-subtle, #ff9aa5);
    --commitment-info: var(--kendo-color-info-on-subtle, #8bd6ef);
    --commitment-focus: var(--kendo-color-info-on-subtle, #8bd6ef);
}

@media (prefers-reduced-motion: reduce) {
    .weekly-commitment-card[b-bdc62mbw6a] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .weekly-commitment-card[b-bdc62mbw6a],
    .weekly-commitment-card.selected[b-bdc62mbw6a] {
        border: 1px solid CanvasText;
        border-left-width: 4px;
    }

    .weekly-commitment-card.selected[b-bdc62mbw6a] {
        outline: 2px solid Highlight;
    }
}
/* /Components/Pages/Projects/ProjectBoard.razor.rz.scp.css */
.board-page[b-mykq7pxqow],
.board-topbar[b-mykq7pxqow],
.drawer-backdrop[b-mykq7pxqow],
.board-drawer[b-mykq7pxqow],
.planning-form[b-mykq7pxqow] {
    --board-bg: var(--kendo-color-app-surface, var(--bs-body-bg, #f5f6f7));
    --board-zone: color-mix(
        in srgb,
        var(--kendo-color-surface-alt, var(--kendo-color-base-hover, #eef1f4)) 78%,
        var(--kendo-color-border, #d6dce2));
    --board-card: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --board-card-soft: var(--kendo-color-base, var(--kendo-color-surface-alt, #f1f3f5));
    --board-line: var(--kendo-color-border, var(--bs-border-color, #d6dce2));
    --board-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aeb8c2));
    --board-ink: var(--kendo-color-on-app-surface, var(--kendo-color-on-surface, var(--bs-body-color, #20252a)));
    --board-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #66717c));
    --board-accent: var(--efpeka-color-accent, var(--kendo-color-primary, #0d6efd));
    --board-accent-ink: var(--kendo-color-on-primary, #fff);
    --board-accent-text: var(--kendo-color-primary-on-surface, var(--kendo-color-info, var(--kendo-color-primary, #0d6efd)));
    --board-ok: var(--kendo-color-success, var(--bs-success, #198754));
    --board-warning: var(--kendo-color-warning, var(--bs-warning, #b86b00));
    --board-danger: var(--kendo-color-error, var(--bs-danger, #dc3545));
    --board-full-time: var(--kendo-color-info, var(--bs-primary, #2e6bd6));
    --board-external: var(--kendo-color-warning, #d97718);
    --board-other: var(--kendo-color-tertiary, #8056c7);
}

.board-page[b-mykq7pxqow] {
    width: 100%;
    min-width: 0;
    min-height: min(100%, calc(100dvh - 8rem));
    padding: clamp(.75rem, 1.5vw, 1.25rem) clamp(.75rem, 2vw, 1.75rem) clamp(1.5rem, 4vw, 3rem);
    background: var(--board-bg);
    color: var(--board-ink);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family, "Segoe UI", sans-serif));
}

.board-page--fill-down[b-mykq7pxqow] {
    display: block;
    height: auto;
    overflow: visible;
}

.board-page--schedule[b-mykq7pxqow] {
    height: calc(100dvh - 5.25rem);
    min-height: 36rem;
    padding: .4rem 0 0;
    overflow: hidden;
}

.board-page--schedule .board-shell[b-mykq7pxqow],
.board-page--schedule .overview-panel[b-mykq7pxqow] {
    min-height: 0;
    flex: 1 1 auto;
}

.board-page--schedule .overview-panel[b-mykq7pxqow] {
    display: flex;
    overflow: hidden;
}

.board-page :is(button, input, select, textarea)[b-mykq7pxqow] {
    font: inherit;
}

.board-shell[b-mykq7pxqow] {
    display: flex;
    width: 100%;
    flex-direction: column;
    flex: 1 1 auto;
    gap: .85rem;
    min-width: 0;
}

.board-page--fill-down .board-shell[b-mykq7pxqow] {
    min-height: 0;
}

.overview-panel[b-mykq7pxqow] {
    min-width: 0;
}

.board-page--fill-down .overview-panel[b-mykq7pxqow] {
    display: block;
    min-height: 18rem;
    overflow: visible;
}

.board-page--fill-down .project-board[b-mykq7pxqow] {
    flex: 1 1 auto;
}

.board-topbar[b-mykq7pxqow] {
    --board-card: color-mix(in srgb, currentColor 10%, transparent);
    --board-card-soft: color-mix(in srgb, currentColor 6%, transparent);
    --board-line: color-mix(in srgb, currentColor 22%, transparent);
    --board-line-strong: color-mix(in srgb, currentColor 42%, transparent);
    --board-ink: currentColor;
    --board-muted: color-mix(in srgb, currentColor 68%, transparent);
    display: flex;
    width: min(100%, 78rem);
    min-width: 0;
    align-items: center;
    gap: clamp(.35rem, .65vw, .7rem);
    color: inherit;
    font-family: var(--efpeka-font-sans, var(--kendo-font-family, "Segoe UI", sans-serif));
}

.board-topbar__identity[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    max-width: 13rem;
    flex: 0 1 13rem;
    align-items: center;
    gap: .48rem;
}

.board-topbar__mark[b-mykq7pxqow] {
    position: relative;
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    place-items: center;
    border-radius: var(--efpeka-radius-sm, 6px);
    background: var(--board-accent);
}

.board-topbar__mark[b-mykq7pxqow]::after {
    width: .62rem;
    height: .62rem;
    background: var(--board-accent-ink);
    content: "";
}

.board-topbar__copy[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.board-topbar__copy h1[b-mykq7pxqow] {
    margin: 0;
    overflow: hidden;
    color: var(--board-ink);
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .07em;
    line-height: 1.05;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.board-topbar__copy small[b-mykq7pxqow] {
    margin-top: .14rem;
    overflow: hidden;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace, Consolas, monospace));
    font-size: .57rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-tabs[b-mykq7pxqow] {
    display: flex;
    width: fit-content;
    max-width: 100%;
    min-width: 0;
    flex: 0 1 31rem;
    flex-wrap: nowrap;
    gap: .12rem;
    margin: 0;
    padding: .16rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card-soft);
}

.overview-tab[b-mykq7pxqow] {
    display: inline-flex;
    min-width: 2.1rem;
    min-height: 2.1rem;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    padding: .34rem clamp(.42rem, .7vw, .68rem);
    border: 1px solid transparent;
    border-radius: calc(var(--efpeka-radius-md, 9px) - 3px);
    background: transparent;
    color: var(--board-muted);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, var(--kendo-font-family-monospace, Consolas, monospace));
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .055em;
    line-height: 1.1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}

.overview-tab:hover[b-mykq7pxqow],
.overview-tab:focus-visible[b-mykq7pxqow] {
    color: var(--board-ink);
}

.overview-tab:focus-visible[b-mykq7pxqow] {
    outline: 3px solid color-mix(in srgb, var(--board-accent) 38%, transparent);
    outline-offset: 2px;
}

.overview-tab.active[b-mykq7pxqow],
.overview-tab[aria-selected="true"][b-mykq7pxqow] {
    border-color: var(--board-line);
    background: var(--board-card);
    color: var(--board-ink);
    box-shadow: inset 0 -3px 0 var(--board-accent);
}

.board-topbar__actions[b-mykq7pxqow] {
    display: flex;
    min-width: max-content;
    flex: 0 0 auto;
    align-items: center;
    gap: .2rem;
    margin-inline-start: auto;
}

.board-topbar-action[b-mykq7pxqow] {
    display: inline-flex;
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--board-line);
    border-radius: calc(var(--efpeka-radius-md, 9px) - 2px);
    background: var(--board-card-soft);
    color: var(--board-ink);
    cursor: pointer;
    text-decoration: none;
    transition: border-color .15s ease, background-color .15s ease, transform .15s ease;
}

.board-topbar-action:hover[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    background: var(--board-card);
    color: var(--board-ink);
    transform: translateY(-1px);
}

.board-topbar-action:focus-visible[b-mykq7pxqow],
.overview-tab:focus-visible[b-mykq7pxqow] {
    outline: 3px solid color-mix(in srgb, var(--board-accent) 42%, transparent);
    outline-offset: 2px;
}

.board-topbar-action:disabled[b-mykq7pxqow] {
    cursor: wait;
    opacity: .5;
    transform: none;
}

.board-topbar-action.active[b-mykq7pxqow],
.board-topbar-action[aria-pressed="true"][b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    background: var(--board-card);
    color: var(--board-ink);
    box-shadow: inset 0 -3px 0 var(--board-accent);
}

.board-topbar-action--status[b-mykq7pxqow] {
    cursor: help;
    opacity: .76;
}

.board-topbar-toggle[b-mykq7pxqow] {
    display: inline-flex;
    align-items: center;
    gap: .08rem;
    padding: .13rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card-soft);
}

.board-rate-switch[b-mykq7pxqow] {
    display: inline-flex;
    min-height: 2.1rem;
    align-items: center;
    gap: .42rem;
    padding: .22rem .58rem .22rem .38rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card-soft);
    color: var(--board-muted);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.board-rate-switch[b-mykq7pxqow]  .k-switch {
    font-size: .58rem;
}

.board-topbar-toggle .board-topbar-action[b-mykq7pxqow] {
    width: 1.85rem;
    height: 1.85rem;
    flex-basis: 1.85rem;
    border-color: transparent;
    background: transparent;
}

.board-topbar-toggle .board-topbar-action:is(:hover, .active, [aria-pressed="true"])[b-mykq7pxqow] {
    border-color: var(--board-line);
    background: var(--board-card);
}

.board-topbar__divider[b-mykq7pxqow] {
    width: 1px;
    height: 1.5rem;
    margin-inline: .08rem;
    background: var(--board-line);
}

.board-filter-row[b-mykq7pxqow],
.board-legends[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.industrial-button[b-mykq7pxqow],
.project-open[b-mykq7pxqow],
.clear-filters[b-mykq7pxqow] {
    border: 1px solid var(--board-line);
    color: var(--board-ink);
    cursor: pointer;
}

.industrial-button[b-mykq7pxqow] {
    display: inline-flex;
    min-height: 2.1rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .48rem .72rem;
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card-soft);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-decoration: none;
    text-transform: uppercase;
}

.industrial-button:hover[b-mykq7pxqow],
.industrial-button:focus-visible[b-mykq7pxqow],
.project-open:hover[b-mykq7pxqow],
.project-open:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    color: var(--board-ink);
}

.industrial-button--accent[b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--board-accent) 75%, var(--board-line));
    background: var(--board-accent);
    color: var(--board-accent-ink);
}

.industrial-button:disabled[b-mykq7pxqow] {
    cursor: not-allowed;
    opacity: .55;
}

span.industrial-button[b-mykq7pxqow] {
    cursor: default;
}

.board-filter-row[b-mykq7pxqow] {
    align-items: flex-end;
    column-gap: clamp(.5rem, 1vw, .85rem);
    padding: .15rem 0;
}

.board-filter[b-mykq7pxqow] {
    display: flex;
    min-width: min(100%, 9rem);
    flex: 1 1 clamp(9rem, 14vw, 13rem);
    flex-direction: column;
    gap: .22rem;
}

.board-filter--search[b-mykq7pxqow] {
    width: auto;
    flex: 2 1 clamp(15rem, 26vw, 24rem);
}

.board-filter--sort[b-mykq7pxqow] {
    flex: 1.35 1 clamp(13rem, 18vw, 18rem);
}

.board-filter--date[b-mykq7pxqow] {
    flex: 1.45 1 clamp(15rem, 20vw, 20rem);
}

.board-date-control[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    gap: .35rem;
}

.board-date-control .industrial-input[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
}

.date-today[b-mykq7pxqow] {
    flex: 0 0 auto;
    padding: 0 .65rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card-soft);
    color: var(--board-ink);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.date-today:hover[b-mykq7pxqow],
.date-today:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
}

.date-today:disabled[b-mykq7pxqow] {
    cursor: default;
    opacity: .55;
}

.board-date-slider-control[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.board-date-slider[b-mykq7pxqow] {
    width: 100%;
    height: .8rem;
    margin: .05rem 0 0;
    accent-color: var(--board-accent);
    cursor: ew-resize;
}

.board-date-slider-value[b-mykq7pxqow] {
    min-width: 5.75rem;
    color: var(--board-ink);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-align: right;
}

.board-sort-control[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    align-items: stretch;
    gap: .35rem;
}

.board-sort-control .industrial-select[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
}

.sort-direction[b-mykq7pxqow] {
    display: inline-flex;
    width: 2.25rem;
    min-height: 2.25rem;
    flex: 0 0 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card);
    color: var(--board-ink);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: 1rem;
    font-weight: 800;
}

.sort-direction:hover[b-mykq7pxqow],
.sort-direction:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
}

.sort-direction:disabled[b-mykq7pxqow] {
    cursor: wait;
    opacity: .55;
}

.sort-direction:focus-visible[b-mykq7pxqow] {
    outline: 3px solid color-mix(in srgb, var(--board-accent) 35%, transparent);
    outline-offset: 2px;
}

.board-filter label[b-mykq7pxqow],
.eyebrow[b-mykq7pxqow],
.kpi-label[b-mykq7pxqow],
.project-label[b-mykq7pxqow],
.drawer-label[b-mykq7pxqow],
.plan-label[b-mykq7pxqow] {
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.industrial-input[b-mykq7pxqow],
.industrial-select[b-mykq7pxqow] {
    width: 100%;
    min-height: 2.25rem;
    padding: .46rem .68rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    outline: none;
    background: var(--board-card);
    color: var(--board-ink);
    font-size: .78rem;
}

.industrial-input:focus[b-mykq7pxqow],
.industrial-select:focus[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--board-accent) 25%, transparent);
}

.clear-filters[b-mykq7pxqow] {
    align-self: center;
    padding: .35rem .2rem;
    border: 0;
    background: transparent;
    color: var(--board-accent-text);
    font-size: .72rem;
    font-weight: 700;
    text-decoration: underline;
}

.board-legends[b-mykq7pxqow] {
    min-width: min(100%, 12rem);
    flex: 1 1 clamp(12rem, 20vw, 22rem);
    justify-content: flex-end;
    margin-left: auto;
    align-self: center;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .63rem;
}

.legend-item[b-mykq7pxqow] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
}

.legend-dot[b-mykq7pxqow],
.worker-pin[b-mykq7pxqow] {
    width: .55rem;
    height: .55rem;
    flex: 0 0 .55rem;
    border-radius: 50%;
    background: var(--board-other);
}

.legend-dot.full-time[b-mykq7pxqow],
.worker-pin.full-time[b-mykq7pxqow] { background: var(--board-full-time); }
.legend-dot.external[b-mykq7pxqow],
.worker-pin.external[b-mykq7pxqow] { background: var(--board-external); }
.legend-dot.other[b-mykq7pxqow],
.worker-pin.other[b-mykq7pxqow] { background: var(--board-other); }

.board-kpis[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, clamp(9.75rem, 15vw, 13rem)), 1fr));
    gap: .55rem;
}

.kpi-card[b-mykq7pxqow] {
    min-width: 0;
    padding: .72rem .8rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-lg, 12px);
    background: var(--board-card);
    color: inherit;
    font: inherit;
    text-align: left;
}

.kpi-card > :is(.kpi-label, .kpi-value, .kpi-sub)[b-mykq7pxqow] {
    display: block;
}

.kpi-card--interactive[b-mykq7pxqow] {
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.kpi-card--interactive:hover[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    background: color-mix(in srgb, var(--board-card) 90%, var(--board-accent) 10%);
    transform: translateY(-1px);
}

.kpi-card--interactive:focus-visible[b-mykq7pxqow] {
    outline: 3px solid color-mix(in srgb, var(--board-accent) 42%, transparent);
    outline-offset: 2px;
}

.kpi-card--interactive[aria-pressed="true"][b-mykq7pxqow],
.kpi-card--interactive[aria-expanded="true"][b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--board-accent) 72%, var(--board-line));
    background: color-mix(in srgb, var(--board-card) 88%, var(--board-accent) 12%);
    box-shadow: inset 0 3px 0 var(--board-accent);
}

.kpi-value[b-mykq7pxqow] {
    margin-top: .18rem;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -.02em;
    line-height: 1.05;
}

.kpi-sub[b-mykq7pxqow] {
    margin-top: .18rem;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .63rem;
}

.board-loading[b-mykq7pxqow],
.board-empty[b-mykq7pxqow] {
    display: grid;
    min-height: 15rem;
    place-items: center;
    border: 1px dashed var(--board-line-strong);
    border-radius: var(--efpeka-radius-lg, 14px);
    background: color-mix(in srgb, var(--board-card) 72%, transparent);
    color: var(--board-muted);
    text-align: center;
}

.industrial-spinner[b-mykq7pxqow] {
    width: 2.2rem;
    height: 2.2rem;
    border: 3px solid var(--board-line);
    border-top-color: var(--board-accent);
    border-radius: 50%;
    animation: board-spin-b-mykq7pxqow .8s linear infinite;
}

@keyframes board-spin-b-mykq7pxqow {
    to { transform: rotate(360deg); }
}

.project-board[b-mykq7pxqow] {
    width: 100%;
    min-width: 0;
}

.project-board__projects[b-mykq7pxqow],
.project-board__rail[b-mykq7pxqow] {
    min-width: 0;
}

.project-board.side-by-side[b-mykq7pxqow] {
    display: flex;
    align-items: flex-start;
    gap: clamp(.6rem, 1vw, 1rem);
    padding: .15rem 0 .9rem;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-color: var(--board-line-strong) transparent;
}

.side-by-side .project-board__projects[b-mykq7pxqow],
.side-by-side .project-board__rail[b-mykq7pxqow] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    gap: inherit;
}

.project-board.stacked[b-mykq7pxqow] {
    display: grid;
    min-height: 18rem;
    grid-template-columns: minmax(0, 1fr) clamp(16rem, 23vw, 21rem);
    gap: clamp(.65rem, 1vw, 1rem);
    align-items: start;
}

.project-board.stacked.without-rail[b-mykq7pxqow] {
    grid-template-columns: minmax(0, 1fr);
}

.stacked .project-board__projects[b-mykq7pxqow] {
    display: grid;
    min-width: 0;
    min-height: 0;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
    grid-auto-flow: row;
    align-items: start;
    gap: clamp(.65rem, 1vw, 1rem);
    overflow: visible;
}

.stacked .project-board__rail[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    gap: clamp(.65rem, 1vw, 1rem);
    padding-inline-end: .15rem;
    overflow: visible;
}

.project-column[b-mykq7pxqow] {
    position: relative;
    min-width: 0;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-lg, 14px);
    background: var(--board-zone);
    transition: border-color .14s ease, outline-color .14s ease;
}

.side-by-side .project-column[b-mykq7pxqow] {
    width: clamp(16rem, 23vw, 21rem);
    max-width: min(90vw, 24rem);
    flex: 1 0 clamp(16rem, 23vw, 21rem);
    scroll-snap-align: start;
}

.stacked .project-board__projects > .project-column[b-mykq7pxqow] {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
}

.stacked .project-board__rail > .project-column[b-mykq7pxqow] {
    width: 100%;
    flex: 0 0 auto;
}

.stacked .project-column[b-mykq7pxqow] {
    display: flex;
    min-height: 0;
    flex-direction: column;
    overflow: visible;
}

.project-column.drop-target[b-mykq7pxqow] {
    outline: 2px dashed var(--board-accent);
    outline-offset: 3px;
}

.project-column.sortable-lifted[b-mykq7pxqow] {
    box-shadow: var(--efpeka-shadow-2, 0 14px 34px rgba(25, 23, 18, .28));
    cursor: grabbing;
    opacity: .96;
    transition: none;
    will-change: transform;
}

.sortable-placeholder[b-mykq7pxqow] {
    flex: 0 0 auto;
    border: 2px dashed var(--board-accent);
    border-radius: var(--efpeka-radius-lg, 14px);
    background: color-mix(in srgb, var(--board-accent) 7%, transparent);
}

.project-column.read-only[b-mykq7pxqow] {
    background-image: repeating-linear-gradient(-45deg, transparent 0 10px, color-mix(in srgb, var(--board-line) 22%, transparent) 10px 11px);
}

/* ── Przerwa w kolejce („pusty kafelek") ────────────────────────────────────────────────────────
   Ten sam element co kafelek (project-column), żeby przeciąganie działało bez wyjątków w JS,
   ale bez ramki i tła — ma czytać się jako odstęp z kreską, nie jako projekt bez danych. */
.project-column.queue-spacer[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    border: 0;
    border-radius: 0;
    background: none;
    gap: .4rem;
}

.stacked .project-column.queue-spacer[b-mykq7pxqow] {
    min-height: 0;
    padding: .35rem 0;
    flex-direction: row;
}

.side-by-side .project-column.queue-spacer[b-mykq7pxqow] {
    width: 3.25rem;
    max-width: 3.25rem;
    flex: 0 0 3.25rem;
    flex-direction: column;
    padding: 0 0 .5rem;
}

/* Kreska niosąca odstęp: w układzie pionowym pozioma, w poziomym pionowa. */
.project-column.queue-spacer[b-mykq7pxqow]::after {
    border-top: 2px dashed color-mix(in srgb, var(--board-line-strong) 70%, transparent);
    content: "";
    order: 3;
}

.stacked .project-column.queue-spacer[b-mykq7pxqow]::after {
    min-width: 2rem;
    flex: 1 1 auto;
}

.side-by-side .project-column.queue-spacer[b-mykq7pxqow]::after {
    width: 0;
    border-top: 0;
    border-inline-start: 2px dashed color-mix(in srgb, var(--board-line-strong) 70%, transparent);
    flex: 1 1 auto;
}

/* Uchwyt przeciągania — .project-header jest wymagany przez sortable, więc zdejmujemy z niego
   wygląd nagłówka kafelka zamiast nadawać przerwie inny znacznik. */
.project-column.queue-spacer > .project-header.queue-spacer__grip[b-mykq7pxqow] {
    width: auto;
    min-height: 0;
    margin: 0;
    padding: .15rem .3rem;
    border: 0;
    background: none;
    color: var(--board-muted);
    cursor: grab;
    font-size: .75rem;
    line-height: 1;
    order: 1;
    touch-action: none;
}

.project-column.queue-spacer > .project-header.queue-spacer__grip:hover[b-mykq7pxqow] {
    color: var(--board-ink);
}

.queue-spacer__label[b-mykq7pxqow] {
    min-width: 0;
    max-width: 14rem;
    padding: .1rem .25rem;
    border: 1px solid transparent;
    border-radius: var(--efpeka-radius-sm, 7px);
    background: none;
    color: var(--board-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .06em;
    order: 2;
    text-transform: uppercase;
}

.side-by-side .queue-spacer__label[b-mykq7pxqow] {
    width: 100%;
    max-width: none;
    text-align: center;
}

.queue-spacer__label:hover:not(:disabled)[b-mykq7pxqow],
.queue-spacer__label:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line);
    background: var(--board-card);
    color: var(--board-ink);
}

.queue-spacer__label:disabled[b-mykq7pxqow] {
    border-color: transparent;
    background: none;
}

.queue-spacer__remove[b-mykq7pxqow] {
    padding: .1rem .3rem;
    border: 1px solid transparent;
    border-radius: var(--efpeka-radius-sm, 7px);
    background: none;
    color: var(--board-muted);
    cursor: pointer;
    font-size: .7rem;
    line-height: 1;
    opacity: 0;
    order: 4;
}

/* Krzyżyk wchodzi dopiero pod kursorem/fokusem — przerwa ma być cicha, dopóki jej nie dotykasz.
   Na dotyku (brak hovera) zostaje widoczny, inaczej byłby nieosiągalny. */
.project-column.queue-spacer:hover .queue-spacer__remove[b-mykq7pxqow],
.queue-spacer__remove:focus-visible[b-mykq7pxqow] {
    opacity: 1;
}

@media (hover: none) {
    .queue-spacer__remove[b-mykq7pxqow] {
        opacity: .75;
    }
}

.queue-spacer__remove:hover:not(:disabled)[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    background: var(--board-card);
    color: var(--board-ink);
}

/* ── Paleta kolorów: akcent kafelka projektu (organizacja/osobisty) ─────────────────────────────
   Kolor przychodzi inline jako --project-color; jeden odcień obsługuje obwódkę, poświatę tła
   i listwę na nagłówku, a motyw jasny/ciemny nadal decyduje o reszcie (wzorzec --group-color). */
.project-column.tinted[b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--project-color) 45%, var(--board-line));
    background:
        linear-gradient(
            color-mix(in srgb, var(--project-color) 8%, transparent),
            color-mix(in srgb, var(--project-color) 8%, transparent)),
        var(--board-zone);
}

.project-column.tinted > .project-header[b-mykq7pxqow] {
    border-inline-start: 4px solid var(--project-color);
}

/* Wiersze edytora koloru (szuflada projektu + okno koloru półki): zakres → picker → reset. */
.color-scheme-editor[b-mykq7pxqow] {
    display: flex;
    flex-direction: column;
    gap: .45rem;
}

.color-scheme-row[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.drawer-panel .color-scheme-row + .color-scheme-row[b-mykq7pxqow] {
    margin-top: .4rem;
}

/* Wyszarzony reset znaczy „nie ma czego przywracać", a NIE „trwa zapis" — dziedziczony
   z .sort-direction:disabled kursor zajętości czytał się jak zawieszona aplikacja. */
.color-scheme-clear:disabled[b-mykq7pxqow] {
    cursor: not-allowed;
}

.color-scheme-clear:disabled[data-busy="true"][b-mykq7pxqow] {
    cursor: wait;
}

/* Błąd zapisu koloru w treści szuflady/okna: powiadomienie strony renderuje się POD szufladą. */
.color-scheme-error[b-mykq7pxqow] {
    margin-top: .4rem;
    padding: .4rem .55rem;
    border: 1px solid color-mix(in srgb, var(--efpeka-danger, #b3261e) 45%, var(--board-line));
    border-radius: var(--efpeka-radius-sm, 7px);
    background: color-mix(in srgb, var(--efpeka-danger, #b3261e) 12%, transparent);
    color: var(--board-ink);
    font-size: .78rem;
}

.color-scheme-scope[b-mykq7pxqow] {
    min-width: 8.5rem;
    color: var(--board-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.project-header[b-mykq7pxqow] {
    width: calc(100% - 1rem);
    margin: .5rem;
    padding: .72rem .78rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card);
    color: var(--board-ink);
    cursor: pointer;
    text-align: left;
}

.project-header:hover[b-mykq7pxqow],
.project-header:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
}

.project-board__projects .project-column .project-header[b-mykq7pxqow] {
    cursor: grab;
    touch-action: none;
}

.project-heading-row[b-mykq7pxqow],
.project-meta-row[b-mykq7pxqow],
.project-progress-row[b-mykq7pxqow],
.worker-row[b-mykq7pxqow],
.worker-meta[b-mykq7pxqow],
.drawer-title-row[b-mykq7pxqow],
.plan-summary[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.project-heading-row[b-mykq7pxqow] {
    align-items: flex-start;
    justify-content: space-between;
}

.project-queue-number[b-mykq7pxqow] {
    display: inline-flex;
    min-width: 1.35rem;
    height: 1.35rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 .3rem;
    border: 1px solid var(--board-line-strong);
    border-radius: 999px;
    background: var(--board-card-soft);
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .64rem;
    font-weight: 800;
    line-height: 1;
}

.queue-position-control[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .4rem;
}

.queue-position-control .industrial-input[b-mykq7pxqow] {
    width: 5.5rem;
}

.queue-position-current[b-mykq7pxqow] {
    margin: 0;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .72rem;
}

.queue-position-help[b-mykq7pxqow] {
    margin: .35rem 0 0;
    color: var(--board-muted);
    font-size: .68rem;
}

.project-name[b-mykq7pxqow] {
    min-width: 0;
    /* Keeps the name flush against the queue badge: the heading row is space-between and the
       badge is a third child, so without flex-grow short names drift into the middle. */
    flex: 1 1 auto;
    overflow: hidden;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .035em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.project-count[b-mykq7pxqow] {
    flex: 0 0 auto;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .7rem;
    font-weight: 700;
}

.project-meta-row[b-mykq7pxqow] {
    margin-top: .24rem;
    justify-content: space-between;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
}

.project-location[b-mykq7pxqow] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-meta-badges[b-mykq7pxqow] {
    display: inline-flex;
    min-width: 0;
    flex: 0 0 auto;
    align-items: center;
    gap: .3rem;
}

.project-budget[b-mykq7pxqow] {
    max-width: 8.5rem;
    overflow: hidden;
    padding: .14rem .34rem;
    border: 1px solid color-mix(in srgb, var(--board-accent) 58%, var(--board-line));
    border-radius: 999px;
    color: var(--board-accent-text);
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-status[b-mykq7pxqow] {
    flex: 0 0 auto;
    padding: .14rem .34rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: var(--board-muted);
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.project-status.active[b-mykq7pxqow] { color: var(--board-ok); }
.project-status.planning[b-mykq7pxqow] { color: var(--board-accent-text); }
.project-status.on-hold[b-mykq7pxqow] { color: var(--board-warning); }
.project-status.completed[b-mykq7pxqow] { color: var(--board-muted); }
.project-status.cancelled[b-mykq7pxqow] { color: var(--board-danger); }

.project-progress-row[b-mykq7pxqow] {
    margin-top: .6rem;
}

.progress-track[b-mykq7pxqow] {
    height: .35rem;
    min-width: 2.5rem;
    flex: 1 1 auto;
    overflow: hidden;
    border-radius: 999px;
    background: var(--board-line);
}

.progress-fill[b-mykq7pxqow] {
    height: 100%;
    border-radius: inherit;
    background: var(--board-accent);
}

.progress-value[b-mykq7pxqow] {
    flex: 0 0 auto;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .67rem;
    font-weight: 800;
}

.project-facts[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .38rem;
    margin: 0 .5rem .5rem;
}

.project-fact[b-mykq7pxqow] {
    min-width: 0;
    padding: .43rem .5rem;
    border: 1px solid color-mix(in srgb, var(--board-line) 85%, transparent);
    border-radius: var(--efpeka-radius-sm, 7px);
    background: color-mix(in srgb, var(--board-card) 82%, transparent);
}

.project-fact strong[b-mykq7pxqow],
.project-fact span[b-mykq7pxqow] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-fact strong[b-mykq7pxqow] {
    margin-top: .16rem;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .66rem;
}

.worker-list[b-mykq7pxqow] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    padding: 0 .5rem .5rem;
}

.stacked .worker-list[b-mykq7pxqow] {
    min-height: 0;
    overflow: visible;
}

.crew-toggle[b-mykq7pxqow] {
    display: flex;
    min-height: 2rem;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin: 0 .5rem .4rem;
    padding: .35rem .55rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-sm, 7px);
    background: var(--board-card-soft);
    color: var(--board-muted);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.crew-toggle:hover[b-mykq7pxqow],
.crew-toggle:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    color: var(--board-ink);
}

.crew-toggle:focus-visible[b-mykq7pxqow],
.worker-crew-toggle:focus-visible[b-mykq7pxqow],
.date-today:focus-visible[b-mykq7pxqow],
.board-date-slider:focus-visible[b-mykq7pxqow] {
    outline: 3px solid color-mix(in srgb, var(--board-accent) 35%, transparent);
    outline-offset: 2px;
}

.worker-list--collapsed[b-mykq7pxqow] {
    padding-top: .05rem;
}

.crew-no-leader[b-mykq7pxqow] {
    margin: 0 .5rem .5rem;
    padding: .48rem .55rem;
    border: 1px dashed var(--board-line-strong);
    border-radius: var(--efpeka-radius-sm, 7px);
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .6rem;
}

.worker-card.brigade-leader[b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--board-accent) 70%, var(--board-line));
    background: color-mix(in srgb, var(--board-accent) 8%, var(--board-card));
    box-shadow: inset 3px 0 0 var(--board-accent);
}

.worker-card[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .55rem;
    padding: .48rem .55rem .48rem .65rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card);
    color: var(--board-ink);
    cursor: default;
    text-align: left;
    transition: box-shadow .14s ease, transform .14s ease, border-color .14s ease;
}

.worker-card[draggable="true"][b-mykq7pxqow] {
    cursor: grab;
}

.worker-card:hover[b-mykq7pxqow],
.worker-card:focus-within[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    box-shadow: var(--efpeka-shadow-1, 0 3px 12px rgba(25, 23, 18, .14));
    transform: translateY(-1px);
}

/* W trakcie przeciągania jedyną widoczną reprezentacją pracownika jest natywny
   ghost pod kursorem; oryginał zostaje w układzie jako kreskowany slot (musi dalej
   istnieć i łapać dragenter — kotwiczy live-reorder i parkowanie hoveru). */
.worker-card.dragging[b-mykq7pxqow] {
    cursor: grabbing;
    border-style: dashed;
    border-color: var(--board-line-strong);
    background: transparent;
    box-shadow: none;
    transform: none;
}

.worker-card.dragging > *[b-mykq7pxqow] {
    visibility: hidden;
}

.worker-card.has-conflict[b-mykq7pxqow] {
    border-color: var(--board-danger);
}

/* Kolor osoby z palety (organizacja + osobiste nadpisania) — akcent jak na kafelku projektu. */
.worker-card.worker-tinted[b-mykq7pxqow] {
    border-inline-start: 4px solid var(--worker-color);
    background:
        linear-gradient(
            color-mix(in srgb, var(--worker-color) 10%, transparent),
            color-mix(in srgb, var(--worker-color) 10%, transparent)),
        var(--board-card);
}

/* Akcent brygadzisty (inset listwa) zostaje pod tintem koloru osoby. */
.worker-card.brigade-leader.worker-tinted[b-mykq7pxqow] {
    background:
        linear-gradient(
            color-mix(in srgb, var(--worker-color) 10%, transparent),
            color-mix(in srgb, var(--worker-color) 10%, transparent)),
        color-mix(in srgb, var(--board-accent) 8%, var(--board-card));
}

/* Ikona stanowiska w brygadzie (👷 funkcji brygadzisty albo rola z katalogu /settings/crew-roles). */
.worker-role-icon[b-mykq7pxqow] {
    flex: 0 0 auto;
    font-size: .8rem;
    line-height: 1;
}

/* Celowane upuszczenie między brygadami: karta, PRZED którą wyląduje przenoszona osoba —
   akcentowa listwa u góry zamiast zmiany obrysu, żeby układ nie skakał w trakcie gestu. */
.worker-card.drop-slot[b-mykq7pxqow] {
    border-color: var(--board-accent);
    box-shadow: inset 0 3px 0 var(--board-accent);
}

.worker-main[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}

.worker-name[b-mykq7pxqow] {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    font-size: .78rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.worker-meta[b-mykq7pxqow] {
    margin-top: .1rem;
    overflow: hidden;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .6rem;
    white-space: nowrap;
}

.worker-meta span[b-mykq7pxqow] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.worker-badge[b-mykq7pxqow] {
    flex: 0 0 auto;
    padding: .15rem .32rem;
    border-radius: .3rem;
    background: var(--board-card-soft);
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .54rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.worker-badge.planned[b-mykq7pxqow] {
    background: color-mix(in srgb, var(--board-accent) 22%, var(--board-card));
    color: var(--board-accent-text);
}

.worker-badge.conflict[b-mykq7pxqow] {
    background: color-mix(in srgb, var(--board-danger) 18%, var(--board-card));
    color: var(--board-danger);
}

.worker-badge.absent[b-mykq7pxqow] {
    background: color-mix(in srgb, var(--board-warning) 18%, var(--board-card));
    color: var(--board-ink);
}

.worker-badge.rate[b-mykq7pxqow] {
    background: color-mix(in srgb, var(--board-accent) 14%, var(--board-card));
    color: var(--board-ink);
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    text-transform: none;
}

/* Stawka jest ostatnim elementem drugiej linii i dosuwa się do prawej krawędzi kafelka. */
.worker-meta .worker-badge.rate[b-mykq7pxqow] {
    margin-inline-start: auto;
    padding-block: .05rem;
}

.worker-leader-action[b-mykq7pxqow] {
    display: grid;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;
    place-items: center;
    padding: 0;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-sm, 7px);
    background: var(--board-card-soft);
    color: inherit;
    cursor: pointer;
    font-family: "Segoe UI Emoji", sans-serif;
    font-size: .9rem;
    filter: grayscale(1);
    opacity: .68;
}

.worker-leader-action:hover[b-mykq7pxqow],
.worker-leader-action:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-accent);
    background: color-mix(in srgb, var(--board-accent) 12%, var(--board-card));
    filter: none;
    opacity: 1;
}

.worker-leader-action.active[b-mykq7pxqow] {
    border-color: var(--board-accent);
    background: color-mix(in srgb, var(--board-accent) 18%, var(--board-card));
    filter: none;
    opacity: 1;
}

/* Odklikniety brygadzista: wybor jest otwarty, wiec ikona traci akcent az do wskazania nastepcy. */
.worker-leader-action.active.picking[b-mykq7pxqow] {
    border-style: dashed;
    background: var(--board-card-soft);
}

.worker-leader-action:disabled[b-mykq7pxqow] {
    cursor: not-allowed;
    opacity: .55;
}

/* Licznik brygady + rozwijanie scalone z kafelkiem brygadzisty — jeden przycisk zamiast osobnego nagłówka. */
.worker-crew-toggle[b-mykq7pxqow] {
    display: inline-flex;
    height: 1.8rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: .18rem;
    padding: 0 .5rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-sm, 7px);
    background: var(--board-card-soft);
    color: var(--board-muted);
    cursor: pointer;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.worker-crew-toggle:hover[b-mykq7pxqow],
.worker-crew-toggle:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    color: var(--board-ink);
}

.empty-drop-zone[b-mykq7pxqow] {
    margin: 0 .5rem .5rem;
    padding: .9rem .55rem;
    border: 1.5px dashed var(--board-line-strong);
    border-radius: var(--efpeka-radius-md, 10px);
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .63rem;
    text-align: center;
}

.reserve-column .project-header[b-mykq7pxqow] {
    box-shadow: inset 0 3px 0 var(--board-muted);
}

.planned-column .project-header[b-mykq7pxqow] {
    box-shadow: inset 0 3px 0 var(--board-accent);
}

.unavailable-column .project-header[b-mykq7pxqow] {
    box-shadow: inset 0 3px 0 var(--board-warning);
}

.relationship-conflict-column .project-header[b-mykq7pxqow] {
    box-shadow: inset 0 3px 0 var(--board-danger);
}

.project-header--static[b-mykq7pxqow] {
    cursor: default;
}

.project-header--static:hover[b-mykq7pxqow] {
    border-color: var(--board-line);
}

.project-actions-row[b-mykq7pxqow] {
    display: flex;
    justify-content: flex-end;
    padding: 0 .5rem .5rem;
}

.project-open[b-mykq7pxqow] {
    padding: .3rem .48rem;
    border-radius: var(--efpeka-radius-sm, 7px);
    background: var(--board-card-soft);
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-decoration: none;
    text-transform: uppercase;
}

.drawer-backdrop[b-mykq7pxqow] {
    position: fixed;
    z-index: 1045;
    inset: 0;
    border: 0;
    background: color-mix(in srgb, var(--board-ink, #20252a) 34%, transparent);
    cursor: default;
}

.board-drawer[b-mykq7pxqow] {
    position: fixed;
    z-index: 1050;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    width: min(25rem, 92vw);
    flex-direction: column;
    border-left: 1px solid var(--board-line);
    background: var(--board-card);
    box-shadow: -18px 0 40px rgba(0, 0, 0, .2);
    color: var(--board-ink);
    animation: drawer-in-b-mykq7pxqow .2s ease both;
}

.board-drawer:focus[b-mykq7pxqow] {
    outline: 2px solid var(--board-accent);
    outline-offset: -2px;
}

@keyframes drawer-in-b-mykq7pxqow {
    from { opacity: 0; transform: translateX(1.5rem); }
}

.drawer-head[b-mykq7pxqow] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid var(--board-line);
}

.drawer-title-row[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
    align-items: flex-start;
}

.drawer-title[b-mykq7pxqow] {
    margin: .18rem 0 0;
    overflow-wrap: anywhere;
    font-size: 1.28rem;
    font-weight: 800;
    line-height: 1.15;
}

.drawer-close[b-mykq7pxqow] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    place-items: center;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-sm, 7px);
    background: var(--board-card-soft);
    color: var(--board-ink);
    cursor: pointer;
}

.drawer-body[b-mykq7pxqow] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: .8rem;
    padding: .9rem 1.1rem 1.5rem;
    overflow-y: auto;
}

.drawer-grid[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.drawer-stat[b-mykq7pxqow],
.drawer-panel[b-mykq7pxqow] {
    padding: .68rem .75rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card-soft);
}

.drawer-stat strong[b-mykq7pxqow] {
    display: block;
    margin-top: .2rem;
    overflow-wrap: anywhere;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .82rem;
}

.drawer-panel p[b-mykq7pxqow] {
    margin: .35rem 0 0;
    color: var(--board-ink);
    font-size: .78rem;
}

.drawer-team[b-mykq7pxqow] {
    display: flex;
    flex-direction: column;
    gap: .35rem;
    margin-top: .45rem;
}

.drawer-actions[b-mykq7pxqow] {
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
}

/* Telerik window remains global; this wrapper gives its content the same industrial language. */
.planning-form[b-mykq7pxqow] {
    display: flex;
    max-height: min(68vh, 42rem);
    max-height: min(68dvh, 42rem);
    flex-direction: column;
    gap: .85rem;
    padding-right: .2rem;
    overflow-y: auto;
    overscroll-behavior: contain;
    color: var(--board-ink);
    font-family: var(--efpeka-font-sans, var(--kendo-font-family, "Segoe UI", sans-serif));
}

.plan-summary[b-mykq7pxqow] {
    align-items: flex-start;
    padding: .7rem .8rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    background: var(--board-card-soft);
}

.plan-summary strong[b-mykq7pxqow],
.plan-summary span[b-mykq7pxqow] {
    display: block;
}

.plan-summary span[b-mykq7pxqow] {
    margin-top: .15rem;
    color: var(--board-muted);
    font-size: .76rem;
}

.plan-mode-grid[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
}

.plan-mode[b-mykq7pxqow] {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: .45rem;
    padding: .62rem .7rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    cursor: pointer;
}

.plan-mode:has(input:checked)[b-mykq7pxqow] {
    border-color: var(--board-accent);
    box-shadow: inset 0 -3px 0 var(--board-accent);
}

.plan-mode strong[b-mykq7pxqow],
.plan-mode small[b-mykq7pxqow] {
    display: block;
}

.plan-mode small[b-mykq7pxqow] {
    margin-top: .15rem;
    color: var(--board-muted);
}

.plan-fields[b-mykq7pxqow] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.plan-field[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .25rem;
}

.plan-field--wide[b-mykq7pxqow] {
    grid-column: 1 / -1;
}

.plan-hint[b-mykq7pxqow] {
    color: var(--board-ink-soft, var(--board-ink));
    font-size: .72rem;
    opacity: .8;
}

.plan-validation[b-mykq7pxqow],
.plan-conflicts[b-mykq7pxqow],
.plan-warnings[b-mykq7pxqow] {
    padding: .6rem .7rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 10px);
    font-size: .76rem;
}

.plan-conflicts[b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--board-danger) 55%, var(--board-line));
    background: color-mix(in srgb, var(--board-danger) 9%, transparent);
}

.plan-warnings[b-mykq7pxqow] {
    border-color: color-mix(in srgb, var(--board-warning) 55%, var(--board-line));
    background: color-mix(in srgb, var(--board-warning) 9%, transparent);
}

.plan-validation ul[b-mykq7pxqow],
.plan-conflicts ul[b-mykq7pxqow],
.plan-warnings ul[b-mykq7pxqow] {
    margin: .35rem 0 0;
    padding-left: 1.1rem;
}

.sr-only[b-mykq7pxqow] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

@media (max-width: 900px) {
    .board-topbar__identity[b-mykq7pxqow] {
        display: none;
    }

    .overview-tabs[b-mykq7pxqow] {
        flex: 1 1 auto;
    }

    .overview-tab__label[b-mykq7pxqow] {
        display: none;
    }

    .board-legends[b-mykq7pxqow] {
        width: 100%;
        margin-left: 0;
    }

}

@media (max-width: 640px) {
    .board-page[b-mykq7pxqow] {
        min-height: 100%;
        padding: clamp(.6rem, 3vw, .8rem) clamp(.5rem, 3vw, .75rem) 2rem;
    }

    .board-page--fill-down[b-mykq7pxqow] {
        display: block;
        height: auto;
        overflow: visible;
    }

    .board-page--schedule[b-mykq7pxqow] {
        height: auto;
        min-height: 0;
        padding-top: .35rem;
        overflow: visible;
    }

    .board-page--schedule .overview-panel[b-mykq7pxqow] {
        display: block;
        overflow: visible;
    }

    .board-page--fill-down .overview-panel[b-mykq7pxqow] {
        display: block;
        min-height: 0;
        overflow: visible;
    }

    .project-board.stacked[b-mykq7pxqow] {
        display: flex;
        min-height: 0;
        flex-direction: column;
        block-size: auto;
    }

    .stacked .project-board__projects[b-mykq7pxqow],
    .stacked .project-board__rail[b-mykq7pxqow] {
        display: flex;
        flex-flow: column nowrap;
        gap: clamp(.65rem, 1vw, 1rem);
        padding-inline-end: 0;
        overflow: visible;
    }

    .stacked .project-board__projects > .project-column[b-mykq7pxqow],
    .stacked .project-board__rail > .project-column[b-mykq7pxqow] {
        width: 100%;
        max-width: none;
        max-height: none;
    }

    .stacked .project-column[b-mykq7pxqow],
    .stacked .worker-list[b-mykq7pxqow] {
        overflow: visible;
    }

    .board-topbar[b-mykq7pxqow] {
        flex-wrap: wrap;
        gap: .28rem;
    }

    .overview-tabs[b-mykq7pxqow],
    .board-topbar__actions[b-mykq7pxqow] {
        width: 100%;
    }

    .board-topbar__actions[b-mykq7pxqow] {
        min-width: 0;
        flex-wrap: wrap;
        justify-content: center;
        margin-inline-start: 0;
    }

    .board-topbar__divider[b-mykq7pxqow] {
        display: none;
    }

    .overview-tab[b-mykq7pxqow],
    .board-topbar-action[b-mykq7pxqow],
    .sort-direction[b-mykq7pxqow],
    .worker-leader-action[b-mykq7pxqow],
    .worker-crew-toggle[b-mykq7pxqow],
    .drawer-close[b-mykq7pxqow] {
        min-height: 2.75rem;
    }

    .overview-tab[b-mykq7pxqow] {
        min-width: 2.75rem;
        padding-inline: .45rem;
    }

    .board-topbar-action[b-mykq7pxqow] {
        width: 2.75rem;
        height: 2.75rem;
        flex-basis: 2.75rem;
    }

    .sort-direction[b-mykq7pxqow] {
        width: 2.75rem;
        height: 2.75rem;
        flex-basis: 2.75rem;
    }

    .board-topbar-toggle .board-topbar-action[b-mykq7pxqow] {
        width: 2.5rem;
        height: 2.5rem;
        flex-basis: 2.5rem;
    }

    .worker-leader-action[b-mykq7pxqow],
    .drawer-close[b-mykq7pxqow] {
        width: 2.75rem;
        height: 2.75rem;
        flex-basis: 2.75rem;
    }

    .worker-crew-toggle[b-mykq7pxqow] {
        min-width: 2.75rem;
    }

    .board-filter[b-mykq7pxqow],
    .board-filter--search[b-mykq7pxqow] {
        width: 100%;
        flex-basis: 100%;
    }

    .board-kpis[b-mykq7pxqow] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kpi-card[b-mykq7pxqow] {
        padding: .62rem .68rem;
    }

    .kpi-value[b-mykq7pxqow] {
        font-size: 1.3rem;
    }

    .stacked .worker-list[b-mykq7pxqow] {
        grid-template-columns: minmax(0, 1fr);
    }

    .side-by-side .project-column[b-mykq7pxqow] {
        width: min(86vw, 21rem);
        max-width: min(86vw, 21rem);
        flex-basis: min(86vw, 21rem);
    }

    .project-facts[b-mykq7pxqow] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-fact:last-child[b-mykq7pxqow] {
        grid-column: 1 / -1;
    }

    .board-drawer[b-mykq7pxqow] {
        width: 100vw;
        max-width: 100vw;
    }

    .plan-mode-grid[b-mykq7pxqow],
    .plan-fields[b-mykq7pxqow] {
        grid-template-columns: minmax(0, 1fr);
    }

    .plan-field--wide[b-mykq7pxqow] {
        grid-column: auto;
    }

    .planning-form[b-mykq7pxqow] {
        max-height: 62vh;
        max-height: min(62dvh, calc(100dvh - 8rem));
    }
}

@media (prefers-reduced-motion: reduce) {
    .industrial-spinner[b-mykq7pxqow],
    .board-topbar-action[b-mykq7pxqow],
    .kpi-card--interactive[b-mykq7pxqow],
    .board-drawer[b-mykq7pxqow],
    .worker-card[b-mykq7pxqow] {
        animation: none;
        transition: none;
    }

    .worker-card:hover[b-mykq7pxqow] {
        transform: none;
    }

    .kpi-card--interactive:hover[b-mykq7pxqow],
    .board-topbar-action:hover[b-mykq7pxqow] {
        transform: none;
    }
}

/* ── Agregaty („kontenery”): półki grupujące kafelki projektów ─────────────────────────────────
   Kolor i krycie każdej półki przychodzą inline jako --group-color/--group-opacity (z wymiaru
   automatycznego albo z ustawień slotu). Wszystko poniżej liczy się z tych dwóch zmiennych,
   dzięki czemu jeden odcień obsługuje obwódkę, poświatę tła i pasek nagłówka — i nadal
   respektuje motyw jasny/ciemny, bo miesza się z powierzchnią, a nie zamalowuje jej. */
.board-groups[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: clamp(.55rem, .9vw, .9rem);
}

.side-by-side .board-groups[b-mykq7pxqow] {
    /* W układzie obok siebie półki nadal układają się jeden pod drugim — poziomo przewija się
       dopiero zawartość konkretnej półki. Inaczej użytkownik gubiłby nagłówki przy przewijaniu. */
    flex: 1 1 auto;
}

.board-group[b-mykq7pxqow] {
    min-width: 0;
    border: 1px solid color-mix(in srgb, var(--group-color, var(--board-accent)) 38%, var(--board-line));
    border-radius: var(--efpeka-radius-lg, 14px);
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--group-color, var(--board-accent)) calc(var(--group-opacity, .1) * 100%), transparent),
            transparent 70%),
        var(--board-bg);
    transition: border-color .14s ease;
}

.board-group--fallback[b-mykq7pxqow] {
    border-style: dashed;
}

.board-group__head[b-mykq7pxqow] {
    position: sticky;
    z-index: 3;
    top: 0;
    display: flex;
    min-width: 0;
    align-items: center;
    padding: .45rem .6rem;
    border-bottom: 1px solid color-mix(in srgb, var(--group-color, var(--board-accent)) 24%, transparent);
    border-radius: var(--efpeka-radius-lg, 14px) var(--efpeka-radius-lg, 14px) 0 0;
    background: color-mix(in srgb, var(--group-color, var(--board-accent)) 14%, var(--board-bg));
    gap: .45rem;
}

.board-group--collapsed .board-group__head[b-mykq7pxqow] {
    border-bottom-color: transparent;
    border-radius: var(--efpeka-radius-lg, 14px);
}

.board-group__toggle[b-mykq7pxqow],
.board-group__edit[b-mykq7pxqow] {
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: var(--efpeka-radius-sm, 7px);
    background: transparent;
    color: var(--board-ink);
    cursor: pointer;
}

.board-group__toggle:hover[b-mykq7pxqow],
.board-group__edit:hover[b-mykq7pxqow],
.board-group__toggle:focus-visible[b-mykq7pxqow],
.board-group__edit:focus-visible[b-mykq7pxqow] {
    border-color: var(--board-line-strong);
    background: var(--board-card);
}

.board-group__edit[b-mykq7pxqow] {
    margin-inline-start: .2rem;
}

.board-group__emoji[b-mykq7pxqow] {
    flex: 0 0 auto;
    font-size: 1.05rem;
    line-height: 1;
}

.board-group__copy[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.15;
}

.board-group__title[b-mykq7pxqow] {
    overflow: hidden;
    font-size: .92rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.board-group__subtitle[b-mykq7pxqow] {
    overflow: hidden;
    color: var(--board-muted);
    font-size: .7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.board-group__count[b-mykq7pxqow],
.board-group__people[b-mykq7pxqow],
.board-group__progress[b-mykq7pxqow] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: .1rem .42rem;
    border: 1px solid var(--board-line);
    border-radius: 999px;
    background: var(--board-card);
    color: var(--board-muted);
    font-size: .7rem;
    font-variant-numeric: tabular-nums;
    font-weight: 700;
    gap: .2rem;
}

.board-group__count[b-mykq7pxqow] {
    margin-inline-start: auto;
    border-color: color-mix(in srgb, var(--group-color, var(--board-accent)) 45%, var(--board-line));
    color: var(--board-ink);
}

.board-group .project-board__projects[b-mykq7pxqow] {
    padding: .5rem;
}

.board-group__empty[b-mykq7pxqow] {
    padding: .9rem;
    border: 1px dashed color-mix(in srgb, var(--group-color, var(--board-accent)) 45%, var(--board-line));
    border-radius: var(--efpeka-radius-md, 10px);
    color: var(--board-muted);
    font-size: .78rem;
    text-align: center;
}

/* Półka w układzie „obok siebie” przewija się poziomo we własnym obrębie; w układzie
   „jeden pod drugim” kafelki zawijają się w siatkę. */
.grouped.side-by-side .board-group .project-board__projects[b-mykq7pxqow] {
    display: flex;
    align-items: flex-start;
    gap: clamp(.6rem, 1vw, 1rem);
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-color: var(--board-line-strong) transparent;
}

.grouped.stacked .board-group .project-board__projects[b-mykq7pxqow] {
    display: grid;
    gap: clamp(.6rem, 1vw, 1rem);
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 16rem), 1fr));
}

.grouped.side-by-side[b-mykq7pxqow] {
    display: grid;
    align-items: start;
    gap: clamp(.65rem, 1vw, 1rem);
    grid-template-columns: minmax(0, 1fr) clamp(16rem, 23vw, 21rem);
    overflow-x: visible;
}

.grouped.side-by-side .project-board__rail[b-mykq7pxqow] {
    min-width: 0;
    flex-direction: column;
}

.grouped.side-by-side .project-board__rail > .project-column[b-mykq7pxqow] {
    width: 100%;
    max-width: none;
    flex: 0 0 auto;
}

.grouped.side-by-side.without-rail[b-mykq7pxqow],
.grouped.stacked.without-rail[b-mykq7pxqow] {
    grid-template-columns: minmax(0, 1fr);
}

.grouped .board-group__empty[b-mykq7pxqow] {
    grid-column: 1 / -1;
}

/* ── Edytor kontenera ─────────────────────────────────────────────────────────────────────── */
.board-drawer--container[b-mykq7pxqow] {
    width: min(32rem, 96vw);
}

.slot-editor[b-mykq7pxqow] {
    display: flex;
    flex-direction: column;
    padding: .5rem;
    border: 1px solid color-mix(in srgb, var(--group-color, var(--board-accent)) 38%, var(--board-line));
    border-radius: var(--efpeka-radius-md, 10px);
    margin-bottom: .5rem;
    background:
        linear-gradient(
            180deg,
            color-mix(in srgb, var(--group-color, var(--board-accent)) calc(var(--group-opacity, .1) * 100%), transparent),
            transparent 75%),
        var(--board-card);
    gap: .4rem;
}

.slot-editor--focus[b-mykq7pxqow] {
    outline: 2px solid var(--board-accent);
    outline-offset: 2px;
}

.slot-editor--new[b-mykq7pxqow] {
    border-style: dashed;
}

.slot-editor-row[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.slot-editor-emoji[b-mykq7pxqow] {
    width: 3.1rem;
    flex: 0 0 auto;
    text-align: center;
}

.slot-editor-name[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
}

.slot-editor-actions[b-mykq7pxqow] {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    gap: .2rem;
}

.slot-editor-delete:hover[b-mykq7pxqow] {
    border-color: var(--board-danger);
    color: var(--board-danger);
}

.slot-editor-opacity[b-mykq7pxqow] {
    display: flex;
    align-items: center;
    color: var(--board-muted);
    font-size: .72rem;
    gap: .5rem;
}

.slot-editor-opacity input[type="range"][b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
    accent-color: var(--group-color, var(--board-accent));
}

.slot-editor-count[b-mykq7pxqow] {
    color: var(--board-muted);
    font-size: .7rem;
}

.board-group-control[b-mykq7pxqow] {
    display: flex;
    min-width: 0;
    align-items: stretch;
    gap: .35rem;
}

.board-group-control .industrial-select[b-mykq7pxqow] {
    min-width: 0;
    flex: 1 1 auto;
}

@media (forced-colors: active) {
    .board-page[b-mykq7pxqow],
    .board-topbar[b-mykq7pxqow],
    .drawer-backdrop[b-mykq7pxqow],
    .board-drawer[b-mykq7pxqow],
    .planning-form[b-mykq7pxqow] {
        --board-bg: Canvas;
        --board-zone: Canvas;
        --board-card: Canvas;
        --board-card-soft: Canvas;
        --board-line: CanvasText;
        --board-line-strong: CanvasText;
        --board-ink: CanvasText;
        --board-muted: CanvasText;
        --board-accent: Highlight;
        --board-accent-ink: HighlightText;
        --board-accent-text: LinkText;
        --board-ok: CanvasText;
        --board-warning: CanvasText;
        --board-danger: CanvasText;
    }

    .board-topbar-action[aria-pressed="true"][b-mykq7pxqow],
    .overview-tab[aria-selected="true"][b-mykq7pxqow],
    .kpi-card--interactive[aria-pressed="true"][b-mykq7pxqow],
    .kpi-card--interactive[aria-expanded="true"][b-mykq7pxqow],
    .project-column.drop-target[b-mykq7pxqow] {
        outline: 2px solid Highlight;
    }
}
/* /Components/Pages/Projects/ProjectBoardWall.razor.rz.scp.css */
/* Tryb ścienny / TV (docs/claude.pm-board-roadmap.md, ETAP E).
   Pełny ekran (PublicLayout — bez sidebara/TopBara), większa typografia pod odczyt z dystansu,
   kolory na zmiennych --kendo-color-* (motyw jasny/ciemny przez cookie 'swatch' jak reszta apki). */

.wall-page[b-7l80sy1e4d] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 20px 24px;
    background: var(--kendo-color-app-surface, #f8f9fa);
    color: var(--kendo-color-on-app-surface, #2d3748);
    font-size: 1.15rem;
}

/* === Nagłówek === */

.wall-header[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

.wall-header__title[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 2rem;
    font-weight: 700;
    margin: 0;
}

.wall-header__meta[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
    font-size: 1.05rem;
}

.wall-updated[b-7l80sy1e4d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--kendo-color-subtle, #718096);
}

.wall-refresh-failed[b-7l80sy1e4d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--kendo-color-error, #dc3545);
    font-weight: 600;
}

.wall-exit[b-7l80sy1e4d] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--kendo-color-subtle, #718096);
    text-decoration: none;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 6px;
    padding: 6px 12px;
}

.wall-exit:hover[b-7l80sy1e4d] {
    color: var(--kendo-color-on-app-surface, #2d3748);
    background: var(--kendo-color-base-subtle, #e9ecef);
}

/* === Kolumny (pozioma oś z przewijaniem; @key utrzymuje DOM → scroll zostaje) === */

.wall-columns[b-7l80sy1e4d] {
    flex: 1 1 auto;
    display: flex;
    gap: 20px;
    align-items: stretch;
    overflow-x: auto;
    padding-bottom: 8px;
    min-height: 0;
}

.wall-column[b-7l80sy1e4d] {
    flex: 0 0 400px;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    max-height: calc(100vh - 120px);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 10px;
    background: var(--kendo-color-surface, #fff);
    overflow: hidden;
}

.wall-column__header[b-7l80sy1e4d] {
    padding: 14px 16px;
    border-bottom: 1px solid var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-surface-alt, #f8f9fa);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wall-column__title-row[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.wall-column__name[b-7l80sy1e4d] {
    font-size: 1.45rem;
    font-weight: 700;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wall-badge[b-7l80sy1e4d] {
    font-size: 0.95rem;
    flex-shrink: 0;
}

.wall-column__meta[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wall-column__pct[b-7l80sy1e4d] {
    font-size: 1.1rem;
    font-weight: 700;
    flex-shrink: 0;
}

/* === Karty (read-only, bez kursora akcji) === */

.wall-cards[b-7l80sy1e4d] {
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    min-height: 0;
}

.wall-card[b-7l80sy1e4d] {
    border: 1px solid var(--kendo-color-border, #e2e8f0);
    border-left: 6px solid var(--kendo-color-primary, #0d6efd);
    border-radius: 8px;
    background: var(--kendo-color-surface, #fff);
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wall-card__name[b-7l80sy1e4d] {
    font-size: 1.3rem;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wall-card__progress[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wall-card__pct[b-7l80sy1e4d] {
    font-size: 1.15rem;
    font-weight: 700;
    flex-shrink: 0;
}

.wall-card__meta[b-7l80sy1e4d] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 1rem;
    color: var(--kendo-color-subtle, #718096);
}

.wall-card__meta span[b-7l80sy1e4d] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* === Prognoza ETA obok postępu (WYMIAR Etap 7) — wyłącznie agregat/data (RODO na TV) === */

.wall-eta[b-7l80sy1e4d] {
    font-weight: 700;
    color: var(--kendo-color-primary, #0d6efd);
}

.wall-column__meta .wall-eta[b-7l80sy1e4d] {
    font-size: 1rem;
}

/* === Pasek postępu (grubszy niż na tablicy — czytelność z dystansu) === */

.wall-progress-track[b-7l80sy1e4d] {
    flex: 1 1 auto;
    height: 14px;
    border-radius: 7px;
    background: var(--kendo-color-base-subtle, #e9ecef);
    overflow: hidden;
    min-width: 60px;
}

.wall-progress-fill[b-7l80sy1e4d] {
    height: 100%;
    border-radius: 7px;
    background: var(--kendo-color-primary, #0d6efd);
}

/* === Wspólne === */

.wall-nodata[b-7l80sy1e4d] {
    font-style: italic;
    font-size: 1rem;
    color: var(--kendo-color-subtle, #718096);
}

.wall-overdue[b-7l80sy1e4d] {
    color: var(--kendo-color-error, #dc3545);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-weight: 700;
}

.wall-loading[b-7l80sy1e4d] {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
/* /Components/Pages/Projects/ProjectBoardWorkload.razor.rz.scp.css */
/* Obłożenie zasobów (docs/claude.pm-board-roadmap.md, ETAP D).
   Przewijana oś czasu ze sticky pierwszą kolumną (desktop + mobile ≤768px);
   heatmapa wolne/obłożone/przeciążone na zmiennych --kendo-color-*. */

/* === Oś czasu: kontener przewijany poziomo === */

.workload-scroll[b-6kxiuv9nke] {
    overflow-x: auto;
    border: 1px solid var(--kendo-color-border, #e2e8f0);
    border-radius: 8px;
    background: var(--kendo-color-surface, #fff);
}

.workload-table[b-6kxiuv9nke] {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    font-size: 0.85rem;
}

.workload-table th[b-6kxiuv9nke],
.workload-table td[b-6kxiuv9nke] {
    border-bottom: 1px solid var(--kendo-color-border, #e9ecef);
    border-right: 1px solid var(--kendo-color-border, #f1f3f5);
    padding: 6px 8px;
    white-space: nowrap;
}

.workload-table thead th[b-6kxiuv9nke] {
    background: var(--kendo-color-surface-alt, #f8f9fa);
    font-weight: 600;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 1;
}

/* === Sticky pierwsza kolumna (brygada) === */

.workload-sticky[b-6kxiuv9nke] {
    position: sticky;
    left: 0;
    z-index: 2;
    background: var(--kendo-color-surface, #fff);
    text-align: left;
    min-width: 180px;
    max-width: 240px;
    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.06);
}

.workload-table thead .workload-corner[b-6kxiuv9nke] {
    z-index: 3;
    background: var(--kendo-color-surface-alt, #f8f9fa);
}

.workload-brigade[b-6kxiuv9nke] {
    border-left: 4px solid var(--kendo-color-primary, #0d6efd);
    font-weight: 600;
}

.workload-brigade__name[b-6kxiuv9nke] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workload-brigade__meta[b-6kxiuv9nke] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 400;
    color: var(--kendo-color-subtle, #718096);
}

.workload-brigade__totals[b-6kxiuv9nke] {
    margin-left: 6px;
}

/* === Nagłówki dni === */

.workload-day[b-6kxiuv9nke] {
    min-width: 64px;
}

.workload-day__name[b-6kxiuv9nke] {
    display: block;
    font-size: 0.72rem;
    text-transform: uppercase;
    color: var(--kendo-color-subtle, #718096);
}

.workload-day__date[b-6kxiuv9nke] {
    display: block;
}

.workload-day--weekend[b-6kxiuv9nke] {
    color: var(--kendo-color-subtle, #718096);
}

.workload-day--today .workload-day__date[b-6kxiuv9nke] {
    color: var(--kendo-color-primary, #0d6efd);
    text-decoration: underline;
}

/* === Komórki heatmapy (wolne / obłożone / przeciążone) === */

.workload-cell[b-6kxiuv9nke] {
    text-align: center;
    cursor: pointer;
    min-width: 64px;
    height: 44px;
}

.workload-cell__hours[b-6kxiuv9nke] {
    font-weight: 600;
    margin-right: 2px;
}

.workload-cell--free[b-6kxiuv9nke] {
    background: var(--kendo-color-surface, #fff);
}

.workload-cell--free.workload-cell--weekend[b-6kxiuv9nke] {
    background: var(--kendo-color-base-subtle, #f1f3f5);
}

.workload-cell--busy[b-6kxiuv9nke] {
    background: var(--kendo-color-success-subtle, #d1e7dd);
    color: var(--kendo-color-on-app-surface, #1b4332);
}

.workload-cell--over[b-6kxiuv9nke] {
    background: var(--kendo-color-error-subtle, #f8d7da);
    color: var(--kendo-color-error, #dc3545);
}

.workload-cell:hover[b-6kxiuv9nke] {
    outline: 2px solid var(--kendo-color-primary, #0d6efd);
    outline-offset: -2px;
}

/* === Kontrolki i legenda === */

.workload-range[b-6kxiuv9nke] {
    font-size: 0.9rem;
}

.workload-legend__item[b-6kxiuv9nke] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #718096);
}

.workload-legend__chip[b-6kxiuv9nke] {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 3px;
    border: 1px solid var(--kendo-color-border, #e2e8f0);
}

/* === Okno szczegółów === */

.workload-color-dot[b-6kxiuv9nke] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: baseline;
}

.workload-details-summary[b-6kxiuv9nke] {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    font-size: 0.9rem;
}

.workload-overbooked[b-6kxiuv9nke] {
    color: var(--kendo-color-error, #dc3545);
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-weight: 600;
}

.workload-allocation[b-6kxiuv9nke] {
    padding: 6px 0;
    border-bottom: 1px solid var(--kendo-color-border, #f1f3f5);
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.workload-allocation:last-child[b-6kxiuv9nke] {
    border-bottom: none;
}

.workload-allocation__row[b-6kxiuv9nke] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
}

.workload-allocation__project[b-6kxiuv9nke] {
    font-weight: 600;
}

.workload-allocation__meta[b-6kxiuv9nke] {
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #718096);
}

/* === Mobile ≤768px: przewijana oś, ciaśniejsze komórki, węższa sticky kolumna === */

@media (max-width: 768px) {
    .workload-table[b-6kxiuv9nke] {
        font-size: 0.78rem;
    }

    .workload-sticky[b-6kxiuv9nke] {
        min-width: 120px;
        max-width: 150px;
    }

    .workload-day[b-6kxiuv9nke],
    .workload-cell[b-6kxiuv9nke] {
        min-width: 52px;
    }

    .workload-cell[b-6kxiuv9nke] {
        height: 40px;
        padding: 4px 4px;
    }

    .workload-brigade__totals[b-6kxiuv9nke] {
        display: none;
    }
}
/* /Components/Pages/Projects/ProjectDetails.razor.rz.scp.css */
.project-brigades__toolbar[b-ngv8r8r9as],
.project-brigades__schedule-controls[b-ngv8r8r9as] {
    min-width: 0;
}

.project-brigades__actions[b-ngv8r8r9as],
.project-brigades__navigation[b-ngv8r8r9as] {
    max-width: 100%;
}

@media (max-width: 768px) {
    .project-brigades__toolbar > h5[b-ngv8r8r9as],
    .project-brigades__actions[b-ngv8r8r9as],
    .project-brigades__schedule-controls > small[b-ngv8r8r9as],
    .project-brigades__navigation[b-ngv8r8r9as] {
        width: 100%;
    }

    .project-brigades__actions[b-ngv8r8r9as]  .k-button,
    .project-brigades__navigation[b-ngv8r8r9as]  .k-button {
        flex: 1 1 auto;
    }
}

@media (max-width: 420px) {
    .project-brigades__actions[b-ngv8r8r9as],
    .project-brigades__navigation[b-ngv8r8r9as] {
        display: grid !important;
        grid-template-columns: 1fr;
    }

    .project-brigades__actions > #project-brigades-add[b-ngv8r8r9as] {
        display: flex;
        width: 100%;
    }

    .project-brigades__actions > #project-brigades-add[b-ngv8r8r9as]  .k-button {
        width: 100%;
    }
}
/* /Components/Pages/Projects/ProjectExecution.razor.rz.scp.css */
.execution-review-list[b-b0ec87m2cf] { display: grid; gap: .75rem; }
.execution-review-card[b-b0ec87m2cf] { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(16rem, 2fr) auto; align-items: center; gap: 1rem; padding: .85rem; border: 1px solid #e2e8f0; border-radius: .75rem; }
.execution-review-card--exception[b-b0ec87m2cf] { grid-template-columns: minmax(12rem, 1fr) auto auto; }
.execution-review-actions[b-b0ec87m2cf] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.dispatch-return-fields[b-b0ec87m2cf] { display: grid; grid-template-columns: auto minmax(12rem, 1fr); align-items: center; gap: .25rem .5rem; }
.dispatch-return-fields .form-label[b-b0ec87m2cf] { margin: 0; }
.execution-touch[b-b0ec87m2cf] { min-height: 44px; }
.execution-touch:focus-visible[b-b0ec87m2cf] { outline: 3px solid #2563eb; outline-offset: 2px; }
.cetel-create-grid[b-b0ec87m2cf] { display: grid; grid-template-columns: minmax(18rem, 1fr) auto; align-items: end; gap: .75rem; }
.cetel-create-actions[b-b0ec87m2cf] { display: flex; align-items: end; }
.cetel-dispatch-options[b-b0ec87m2cf] { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: .65rem; }
.cetel-dispatch-option[b-b0ec87m2cf] { min-height: 56px; display: flex; align-items: center; gap: .65rem; padding: .7rem; border: 1px solid #dbe3ec; border-radius: .7rem; cursor: pointer; }
.cetel-dispatch-option span[b-b0ec87m2cf] { display: grid; gap: .1rem; }
.cetel-dispatch-option small[b-b0ec87m2cf] { color: #64748b; }
.cetel-reason-grid[b-b0ec87m2cf] { display: grid; grid-template-columns: repeat(3, minmax(12rem, 1fr)); gap: .75rem; }
.cetel-document-list[b-b0ec87m2cf] { display: grid; gap: .85rem; }
.cetel-document[b-b0ec87m2cf] { padding: 1rem; border: 1px solid #dbe3ec; border-radius: .8rem; }
.cetel-document-header[b-b0ec87m2cf] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: .75rem; }
.cetel-inline-summary[b-b0ec87m2cf] { display: flex; flex-wrap: wrap; gap: .65rem; margin: .75rem 0; }
.cetel-inline-summary > div[b-b0ec87m2cf] { min-width: 7rem; padding: .55rem .7rem; background: var(--kendo-color-base, #f8fafc); border-radius: .55rem; }
.cetel-inline-summary dt[b-b0ec87m2cf] { color: #64748b; font-size: .75rem; }
.cetel-inline-summary dd[b-b0ec87m2cf] { margin: 0; font-weight: 700; }
.cetel-confirm-backdrop[b-b0ec87m2cf] { position: fixed; inset: 0; z-index: 1080; display: grid; place-items: center; padding: 1rem; background: rgba(15, 23, 42, .55); }
.cetel-confirm[b-b0ec87m2cf] { width: min(34rem, 100%); padding: 1.25rem; background: var(--kendo-color-surface, #fff); border-radius: .85rem; box-shadow: 0 20px 50px rgba(15, 23, 42, .25); }

@media (max-width: 720px) {
    .execution-review-card[b-b0ec87m2cf], .execution-review-card--exception[b-b0ec87m2cf] { grid-template-columns: 1fr; }
    .execution-review-actions[b-b0ec87m2cf] { justify-content: stretch; }
    .execution-review-actions > *[b-b0ec87m2cf] { flex: 1 1 100%; }
    .dispatch-return-fields[b-b0ec87m2cf] { width: 100%; grid-template-columns: 1fr; }
    .cetel-create-grid[b-b0ec87m2cf], .cetel-reason-grid[b-b0ec87m2cf] { grid-template-columns: 1fr; }
    .cetel-create-actions > *[b-b0ec87m2cf], .cetel-document-header .btn[b-b0ec87m2cf] { width: 100%; }
    .cetel-document-header > div:last-child[b-b0ec87m2cf] { width: 100%; }
}
/* /Components/Pages/Projects/ProjectsDashboard.razor.rz.scp.css */
.projects-portfolio[b-gbvvwmyo4m],
.projects-portfolio-drawer[b-gbvvwmyo4m],
.project-editor[b-gbvvwmyo4m] {
    --board-bg: var(--kendo-color-app-surface, var(--bs-body-bg, #f5f6f7));
    --board-zone: color-mix(
        in srgb,
        var(--kendo-color-surface-alt, var(--kendo-color-base-hover, #eef1f4)) 78%,
        var(--kendo-color-border, #d6dce2));
    --board-card: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --board-card-soft: var(--kendo-color-base, var(--kendo-color-surface-alt, #f1f3f5));
    --board-line: var(--kendo-color-border, var(--bs-border-color, #d6dce2));
    --board-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aeb8c2));
    --board-ink: var(--kendo-color-on-app-surface, var(--kendo-color-on-surface, var(--bs-body-color, #20252a)));
    --board-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #66717c));
    --board-accent: var(--efpeka-color-accent, var(--kendo-color-primary, #0d6efd));
    --board-accent-ink: var(--kendo-color-on-primary, #fff);
    --board-accent-text: var(--kendo-color-primary-on-surface, var(--kendo-color-info, var(--kendo-color-primary, #0d6efd)));
    --board-ok: var(--kendo-color-success, var(--bs-success, #198754));
    --board-warning: var(--kendo-color-warning, var(--bs-warning, #b86b00));
    --board-danger: var(--kendo-color-error, var(--bs-danger, #dc3545));
    --board-info: var(--kendo-color-info, var(--bs-primary, #2e6bd6));
    --board-other: var(--kendo-color-tertiary, #8056c7);
}

.projects-search[b-gbvvwmyo4m] {
    flex: 2 1 clamp(15rem, 26vw, 24rem);
}

.projects-status-filter[b-gbvvwmyo4m] {
    flex: 1 1 clamp(9rem, 14vw, 13rem);
}

.projects-sort[b-gbvvwmyo4m] {
    flex: 1.35 1 clamp(13rem, 18vw, 18rem);
}

.projects-table[b-gbvvwmyo4m] {
    min-width: 68rem;
}

.projects-commercial-caption[b-gbvvwmyo4m] {
    display: block;
    margin-top: .16rem;
    color: var(--board-muted);
    font-size: .63rem;
    line-height: 1.25;
}

.project-commercial-missing[b-gbvvwmyo4m] {
    color: var(--board-warning) !important;
}

.project-commercial-legacy[b-gbvvwmyo4m] {
    color: var(--board-other) !important;
}

.projects-table__location[b-gbvvwmyo4m] {
    max-width: 15rem;
}

.projects-table__location .industrial-table__muted[b-gbvvwmyo4m] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.projects-table__progress[b-gbvvwmyo4m] {
    min-width: 8.5rem;
}

.projects-card__heading[b-gbvvwmyo4m],
.projects-card__meta[b-gbvvwmyo4m],
.projects-card__badges[b-gbvvwmyo4m] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.projects-card__heading[b-gbvvwmyo4m] {
    align-items: flex-start;
    justify-content: space-between;
}

.projects-card__title[b-gbvvwmyo4m] {
    min-width: 0;
    overflow: hidden;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .035em;
    line-height: 1.2;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.projects-card__people[b-gbvvwmyo4m] {
    flex: 0 0 auto;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .7rem;
    font-weight: 700;
}

.projects-card__meta[b-gbvvwmyo4m] {
    justify-content: space-between;
    margin-top: .24rem;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
}

.projects-card__location[b-gbvvwmyo4m] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.projects-card__badges[b-gbvvwmyo4m] {
    min-width: 0;
    flex: 0 0 auto;
    gap: .3rem;
}

.projects-card__budget[b-gbvvwmyo4m] {
    max-width: 8.5rem;
    overflow: hidden;
    padding: .14rem .34rem;
    border: 1px solid color-mix(in srgb, var(--board-accent) 55%, var(--board-line));
    border-radius: 999px;
    color: var(--board-accent-text);
    font-size: .56rem;
    font-weight: 800;
    letter-spacing: .025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.projects-card__progress[b-gbvvwmyo4m] {
    margin-top: .6rem;
}

.projects-card__description[b-gbvvwmyo4m] {
    display: -webkit-box;
    min-height: 3.15rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.projects-card__commercial[b-gbvvwmyo4m] {
    display: grid;
    gap: .16rem;
    margin-top: .6rem;
    padding-top: .55rem;
    border-top: 1px solid var(--board-line);
    font-size: .67rem;
}

.projects-card__commercial span[b-gbvvwmyo4m] {
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .56rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.projects-card__commercial strong[b-gbvvwmyo4m] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.projects-drawer__team[b-gbvvwmyo4m] {
    display: flex;
    flex-direction: column;
    gap: .38rem;
    margin-top: .5rem;
}

.projects-drawer__empty[b-gbvvwmyo4m] {
    margin: .35rem 0 0;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .65rem;
}

.project-commercial-readonly[b-gbvvwmyo4m],
.project-commercial-readonly__row[b-gbvvwmyo4m],
.project-readonly-party[b-gbvvwmyo4m] {
    display: grid;
    gap: .22rem;
}

.project-commercial-readonly[b-gbvvwmyo4m] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.project-commercial-readonly small[b-gbvvwmyo4m],
.project-readonly-party small[b-gbvvwmyo4m],
.project-readonly-hint[b-gbvvwmyo4m] {
    color: var(--board-muted);
    font-size: .66rem;
    line-height: 1.4;
}

.project-intake-kind[b-gbvvwmyo4m],
.project-commercial-section[b-gbvvwmyo4m],
.project-internal-note[b-gbvvwmyo4m] {
    margin-bottom: .75rem;
    padding: .75rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card-soft);
}

.project-kind-options[b-gbvvwmyo4m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin-top: .55rem;
}

.project-kind-option[b-gbvvwmyo4m] {
    display: grid;
    gap: .2rem;
    padding: .65rem .72rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card);
    color: var(--board-ink);
    text-align: left;
}

.project-kind-option:hover[b-gbvvwmyo4m],
.project-kind-option:focus-visible[b-gbvvwmyo4m] {
    border-color: var(--board-accent);
}

.project-kind-option.active[b-gbvvwmyo4m] {
    border-color: var(--board-accent);
    box-shadow: inset 3px 0 0 var(--board-accent);
}

.project-kind-option small[b-gbvvwmyo4m] {
    color: var(--board-muted);
    font-size: .66rem;
    line-height: 1.35;
}

.project-commercial-section[b-gbvvwmyo4m] {
    margin-top: .75rem;
}

.project-commercial-section__head h3[b-gbvvwmyo4m] {
    margin: .2rem 0;
    color: var(--board-ink);
    font-size: .95rem;
}

.project-commercial-section__head p[b-gbvvwmyo4m] {
    margin: 0 0 .7rem;
    color: var(--board-muted);
    font-size: .7rem;
    line-height: 1.45;
}

.project-commercial-grid[b-gbvvwmyo4m] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.project-commercial-span-2[b-gbvvwmyo4m] {
    grid-column: span 2;
}

.project-inline-actions[b-gbvvwmyo4m] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.project-inline-action[b-gbvvwmyo4m] {
    align-self: flex-start;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--board-accent-text);
    font-size: .67rem;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .16rem;
}

.project-optional[b-gbvvwmyo4m] {
    color: var(--board-muted);
    font-size: .64rem;
    font-weight: 400;
}

.project-foreign-company[b-gbvvwmyo4m] {
    margin-top: .75rem;
    padding: .75rem;
    border: 1px solid color-mix(in srgb, var(--board-accent) 45%, var(--board-line));
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card);
}

.project-foreign-company__head[b-gbvvwmyo4m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin-bottom: .55rem;
}

.project-order-intake[b-gbvvwmyo4m] {
    margin-top: .8rem;
    padding-top: .75rem;
    border-top: 1px solid var(--board-line);
}

.project-modal-error[b-gbvvwmyo4m] {
    margin-bottom: .75rem;
    outline: none;
}

.project-modal-error > div[b-gbvvwmyo4m] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
}

#project-contract-field .industrial-select[b-gbvvwmyo4m],
#project-vat-field .industrial-select[b-gbvvwmyo4m] {
    width: 100%;
}

#project-contract-field small[b-gbvvwmyo4m],
#project-vat-field small[b-gbvvwmyo4m] {
    line-height: 1.4;
}

.project-readonly-value[b-gbvvwmyo4m],
.project-readonly-party[b-gbvvwmyo4m] {
    min-height: 2.35rem;
    padding: .55rem .65rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card);
}

.project-readonly-hint[b-gbvvwmyo4m] {
    margin: .65rem 0 0;
}

.project-internal-note[b-gbvvwmyo4m] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    color: var(--board-muted);
    font-size: .72rem;
    line-height: 1.45;
}

.industrial-success > div[b-gbvvwmyo4m] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .75rem;
    padding: .65rem .75rem;
    border: 1px solid color-mix(in srgb, var(--board-ok) 55%, var(--board-line));
    border-radius: var(--efpeka-radius-md, 9px);
    background: color-mix(in srgb, var(--board-ok) 10%, var(--board-card));
    color: var(--board-ink);
}

.industrial-success .drawer-close[b-gbvvwmyo4m] {
    margin-left: auto;
}

.project-editor-grid[b-gbvvwmyo4m] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .6rem;
}

.industrial-form-field[b-gbvvwmyo4m] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .25rem;
}

.project-editor-span-1[b-gbvvwmyo4m] { grid-column: span 1; }
.project-editor-span-2[b-gbvvwmyo4m] { grid-column: span 2; }
.project-editor-span-3[b-gbvvwmyo4m] { grid-column: span 3; }
.project-editor-span-4[b-gbvvwmyo4m] { grid-column: span 4; }
.project-editor-span-6[b-gbvvwmyo4m] { grid-column: span 6; }

.project-editor-code[b-gbvvwmyo4m]  .k-input-inner,
.project-editor-budget[b-gbvvwmyo4m]  .k-input-inner {
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-variant-numeric: tabular-nums;
}

.project-editor-budget[b-gbvvwmyo4m]  .k-input-inner {
    text-align: right;
}

.project-editor-address[b-gbvvwmyo4m] {
    padding: .68rem .75rem;
    border: 1px solid var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card-soft);
}

.project-editor[b-gbvvwmyo4m]  .address-picker > .form-label {
    margin-bottom: .6rem;
    color: var(--board-muted);
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.project-editor[b-gbvvwmyo4m]  .address-picker .form-label.small {
    margin-bottom: .25rem;
    color: var(--board-muted) !important;
    font-family: var(--efpeka-font-mono, Consolas, monospace);
    font-size: .61rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.project-editor[b-gbvvwmyo4m]  .address-picker .row {
    row-gap: .6rem;
}

.project-editor[b-gbvvwmyo4m]  .address-picker :is(.k-input, .k-picker) {
    border-color: var(--board-line);
    border-radius: var(--efpeka-radius-md, 9px);
    background: var(--board-card);
}

.project-editor[b-gbvvwmyo4m]  .address-picker .text-muted {
    color: var(--board-muted) !important;
}

.project-delete-copy[b-gbvvwmyo4m] {
    margin: 0;
    color: var(--board-ink);
    font-size: .82rem;
    line-height: 1.5;
}

.project-delete-warning[b-gbvvwmyo4m] {
    margin: .65rem 0 0;
    color: var(--board-danger);
    font-size: .72rem;
}

.project-confirm-actions[b-gbvvwmyo4m] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

@media (max-width: 900px) {
    .projects-table[b-gbvvwmyo4m] {
        min-width: 61rem;
    }
}

@media (max-width: 640px) {
    .projects-search[b-gbvvwmyo4m],
    .projects-status-filter[b-gbvvwmyo4m],
    .projects-sort[b-gbvvwmyo4m] {
        min-width: 100%;
        flex-basis: 100%;
    }

    .project-editor-grid[b-gbvvwmyo4m] {
        grid-template-columns: 1fr;
    }

    .project-editor-span-1[b-gbvvwmyo4m],
    .project-editor-span-2[b-gbvvwmyo4m],
    .project-editor-span-3[b-gbvvwmyo4m],
    .project-editor-span-4[b-gbvvwmyo4m],
    .project-editor-span-6[b-gbvvwmyo4m] {
        grid-column: auto;
    }

    .project-kind-options[b-gbvvwmyo4m],
    .project-commercial-grid[b-gbvvwmyo4m],
    .project-commercial-readonly[b-gbvvwmyo4m] {
        grid-template-columns: 1fr;
    }

    .project-commercial-span-2[b-gbvvwmyo4m] {
        grid-column: auto;
    }

    .projects-card__meta[b-gbvvwmyo4m] {
        align-items: flex-start;
        flex-direction: column;
    }

    .projects-card__badges[b-gbvvwmyo4m] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .projects-card__description[b-gbvvwmyo4m] {
        scroll-behavior: auto;
    }
}
/* /Components/Pages/Projects/Shared/ProjectExecutionNav.razor.rz.scp.css */
.project-execution-nav[b-2x2gi5hwqd] {
    --execution-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --execution-soft: var(--kendo-color-surface-alt, var(--bs-tertiary-bg, #f3f6f8));
    --execution-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #17324a));
    --execution-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #617583));
    --execution-line: var(--kendo-color-border, var(--bs-border-color, #d7e1e6));
    --execution-active: var(--kendo-color-primary, #0f607d);
    --execution-focus: var(--kendo-color-info-on-subtle, #00637c);
    display: flex;
    width: fit-content;
    max-width: 100%;
    gap: .35rem;
    margin: .75rem 0 1rem;
    padding: .3rem;
    border: 1px solid var(--execution-line);
    border-radius: 14px;
    background: var(--execution-panel);
    box-shadow: var(--kendo-elevation-1, 0 3px 10px rgba(23, 50, 74, .05));
    container-name: project-execution-nav;
    container-type: inline-size;
}

.execution-link[b-2x2gi5hwqd] {
    display: flex;
    min-width: 190px;
    min-height: 50px;
    align-items: center;
    gap: .65rem;
    padding: .55rem .8rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--execution-ink);
    text-decoration: none;
    transition: background-color .16s ease, border-color .16s ease, color .16s ease;
}

.execution-link:hover[b-2x2gi5hwqd] {
    border-color: var(--execution-line);
    background: var(--execution-soft);
    color: var(--execution-ink);
}

.execution-link.active[b-2x2gi5hwqd] {
    border-color: color-mix(in srgb, var(--execution-active) 34%, var(--execution-line));
    background: color-mix(in srgb, var(--execution-active) 10%, var(--execution-panel));
    color: var(--execution-active);
}

.execution-link:focus-visible[b-2x2gi5hwqd] {
    outline: 3px solid var(--execution-focus);
    outline-offset: 2px;
}

.execution-link[b-2x2gi5hwqd]  svg {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
}

.execution-link span[b-2x2gi5hwqd] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .08rem;
}

.execution-link strong[b-2x2gi5hwqd] {
    font-size: .84rem;
    line-height: 1.2;
}

.execution-link small[b-2x2gi5hwqd] {
    overflow: hidden;
    color: var(--execution-muted);
    font-size: .68rem;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

:global(.k-dark) .project-execution-nav[b-2x2gi5hwqd] {
    --execution-panel: var(--kendo-color-surface, #1b1a19);
    --execution-soft: var(--kendo-color-surface-alt, #252321);
    --execution-ink: var(--kendo-color-on-app-surface, #f1ede8);
    --execution-muted: var(--kendo-color-subtle, #c1b9b0);
    --execution-line: var(--kendo-color-border, #4d4843);
    --execution-active: var(--kendo-color-primary, #70c9e8);
    --execution-focus: var(--kendo-color-info-on-subtle, #8bd6ef);
}

@container project-execution-nav (max-width: 430px) {
    .project-execution-nav[b-2x2gi5hwqd] {
        width: 100%;
        flex-direction: column;
    }

    .execution-link[b-2x2gi5hwqd] {
        width: 100%;
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .execution-link[b-2x2gi5hwqd] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .project-execution-nav[b-2x2gi5hwqd],
    .execution-link[b-2x2gi5hwqd],
    .execution-link.active[b-2x2gi5hwqd] {
        border: 1px solid CanvasText;
    }

    .execution-link.active[b-2x2gi5hwqd] {
        outline: 2px solid Highlight;
    }
}
/* /Components/Pages/Projects/Shared/ProjectWorkspaceNav.razor.rz.scp.css */
.project-workspace-nav[b-c1cjn1n7yk] {
    --workspace-panel: var(--kendo-color-app-surface, var(--bs-body-bg, #fff));
    --workspace-soft: var(--kendo-color-surface, var(--bs-tertiary-bg, #f1f5f7));
    --workspace-hover: var(--kendo-color-base-subtle-hover, var(--bs-secondary-bg, #e8eef1));
    --workspace-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #17324a));
    --workspace-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #596f7d));
    --workspace-line: var(--kendo-color-border, var(--bs-border-color, #dfe7ec));
    --workspace-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #c2d0d8));
    --workspace-accent: #a94312;
    --workspace-active-bg: #123f57;
    --workspace-active-ink: #fff;
    --workspace-focus: var(--kendo-color-info-on-subtle, #00637c);
    container-name: project-workspace-nav;
    container-type: inline-size;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 132px), 1fr));
    gap: .35rem;
    padding: .4rem;
    margin-bottom: 1rem;
    overflow-x: auto;
    border: 1px solid var(--workspace-line);
    border-radius: 16px;
    background: color-mix(in srgb, var(--workspace-panel) 94%, transparent);
    box-shadow: var(--kendo-elevation-3, 0 10px 28px rgba(20, 48, 70, .08));
    scrollbar-width: thin;
}

.workspace-link[b-c1cjn1n7yk] {
    position: relative;
    display: flex;
    min-width: 132px;
    min-height: 58px;
    align-items: center;
    gap: .65rem;
    padding: .62rem .72rem;
    overflow: hidden;
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--workspace-ink);
    text-decoration: none;
    transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.workspace-link:hover[b-c1cjn1n7yk] {
    border-color: var(--workspace-line-strong);
    background: var(--workspace-hover);
    color: var(--workspace-ink);
    transform: translateY(-1px);
}

.workspace-link.active[b-c1cjn1n7yk] {
    border-color: var(--workspace-line-strong);
    background: var(--workspace-soft);
    box-shadow: inset 0 -3px 0 var(--workspace-accent);
}

.workspace-link.active[b-c1cjn1n7yk]::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: var(--workspace-accent);
    content: "";
}

.workspace-icon[b-c1cjn1n7yk] {
    display: grid;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    place-items: center;
    border-radius: 9px;
    background: var(--workspace-soft);
    color: var(--workspace-ink);
}

.active .workspace-icon[b-c1cjn1n7yk] {
    background: var(--workspace-active-bg);
    color: var(--workspace-active-ink);
}

.workspace-copy[b-c1cjn1n7yk] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    line-height: 1.05;
}

.workspace-copy strong[b-c1cjn1n7yk] {
    font-size: .86rem;
    font-weight: 700;
    white-space: nowrap;
}

.workspace-copy small[b-c1cjn1n7yk] {
    margin-top: .28rem;
    overflow: hidden;
    color: var(--workspace-muted);
    font-size: .68rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@container project-workspace-nav (max-width: 1180px) {
    .workspace-copy small[b-c1cjn1n7yk] {
        display: none;
    }

    .workspace-link[b-c1cjn1n7yk] {
        min-width: 118px;
        min-height: 44px;
    }
}

.workspace-link:focus-visible[b-c1cjn1n7yk] {
    outline: 3px solid var(--workspace-focus);
    outline-offset: 2px;
}

:global(.k-dark) .project-workspace-nav[b-c1cjn1n7yk] {
    --workspace-panel: var(--kendo-color-surface-alt, var(--bs-body-bg, #212529));
    --workspace-soft: var(--kendo-color-surface, var(--bs-tertiary-bg, #2b3035));
    --workspace-hover: var(--kendo-color-base-subtle-hover, var(--bs-secondary-bg, #495057));
    --workspace-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #dee2e6));
    --workspace-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #adb5bd));
    --workspace-line: var(--kendo-color-border, var(--bs-border-color, rgba(222, 226, 230, .24)));
    --workspace-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, rgba(255, 255, 255, .34)));
    --workspace-accent: #ff9f68;
    --workspace-active-bg: #075a70;
    --workspace-focus: #6edff6;
}

@media (prefers-reduced-motion: reduce) {
    .workspace-link[b-c1cjn1n7yk] {
        transition-duration: .01ms;
    }

    .workspace-link:hover[b-c1cjn1n7yk] {
        transform: none;
    }
}

@media (forced-colors: active) {
    .project-workspace-nav[b-c1cjn1n7yk] {
        --workspace-panel: Canvas;
        --workspace-soft: Canvas;
        --workspace-hover: Canvas;
        --workspace-ink: CanvasText;
        --workspace-muted: CanvasText;
        --workspace-line: CanvasText;
        --workspace-line-strong: CanvasText;
        --workspace-accent: Highlight;
        --workspace-active-bg: Highlight;
        --workspace-active-ink: HighlightText;
        --workspace-focus: Highlight;
        forced-color-adjust: auto;
        border-color: CanvasText;
        background: Canvas;
        box-shadow: none;
    }

    .workspace-link.active[b-c1cjn1n7yk] {
        outline: 2px solid Highlight;
        outline-offset: -2px;
        box-shadow: none;
    }

    .workspace-link:focus-visible[b-c1cjn1n7yk] {
        outline: 3px solid Highlight;
        outline-offset: 2px;
    }
}
/* /Components/Pages/Settings/Components/StyleShowcase.razor.rz.scp.css */
.style-lab[b-3vnuc7ry1i] {
    margin-top: 2rem;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-lg, 0.5rem);
    color: var(--kendo-color-on-app-surface, #272727);
    background:
        radial-gradient(circle at 90% 0, color-mix(in srgb, var(--kendo-color-primary, #0078d4) 10%, transparent), transparent 28rem),
        var(--kendo-color-app-surface, #fff);
}

.style-lab__header[b-3vnuc7ry1i],
.style-lab__panel-heading[b-3vnuc7ry1i],
.style-lab__topbar[b-3vnuc7ry1i],
.foundation-row[b-3vnuc7ry1i],
.data-layout[b-3vnuc7ry1i] {
    display: flex;
}

.style-lab__header[b-3vnuc7ry1i],
.style-lab__panel-heading[b-3vnuc7ry1i] {
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.style-lab__header h2[b-3vnuc7ry1i] {
    margin: 0.1rem 0 0.25rem;
    font-size: clamp(1.45rem, 3vw, 2rem);
}

.style-lab__header p[b-3vnuc7ry1i],
.style-lab__topbar-caption[b-3vnuc7ry1i] {
    margin: 0;
    color: var(--kendo-color-subtle, #6c757d);
}

.style-lab__eyebrow[b-3vnuc7ry1i],
.style-lab__step[b-3vnuc7ry1i],
.style-lab__label[b-3vnuc7ry1i] {
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.style-lab__mode[b-3vnuc7ry1i] {
    display: inline-block;
    margin-inline-start: 0.4rem;
    padding: 0.1rem 0.45rem;
    border-radius: var(--kendo-border-radius-full, 50rem);
    color: var(--kendo-color-primary-on-subtle, var(--kendo-color-primary, #0078d4));
    background: var(--kendo-color-primary-subtle, rgba(0, 120, 212, 0.12));
    font-size: 0.75rem;
    font-weight: 700;
}

.style-lab__hint[b-3vnuc7ry1i] {
    max-width: 18rem;
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.78rem;
    text-align: end;
}

.style-lab__layers[b-3vnuc7ry1i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.35rem;
    margin-top: 1rem;
}

.style-lab__layers span[b-3vnuc7ry1i] {
    min-width: 0;
    padding: 0.45rem 0.55rem;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-sm, 0.25rem);
    color: var(--kendo-color-subtle, #6c757d);
    background: var(--kendo-color-surface, #fff);
    font-size: 0.7rem;
    text-align: center;
}

.style-lab__layers b[b-3vnuc7ry1i] {
    color: var(--kendo-color-primary, #0078d4);
}

.style-lab__topbar[b-3vnuc7ry1i] {
    min-height: 58px;
    margin-top: 1.25rem;
    padding: 0.7rem 1rem;
    align-items: center;
    gap: 1.25rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    box-shadow: var(--kendo-elevation-2, 0 2px 7px rgba(0, 0, 0, 0.1));
}

.style-lab__brand[b-3vnuc7ry1i],
.style-lab__profile[b-3vnuc7ry1i],
.style-lab__nav[b-3vnuc7ry1i] {
    display: flex;
    align-items: center;
}

.style-lab__brand[b-3vnuc7ry1i] {
    gap: 0.5rem;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.style-lab__brand-mark[b-3vnuc7ry1i],
.style-lab__profile > span:first-child[b-3vnuc7ry1i] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: var(--kendo-border-radius-full, 50%);
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #0078d4);
    font-size: 0.8rem;
}

.style-lab__nav[b-3vnuc7ry1i] {
    gap: 1rem;
    margin-inline-end: auto;
    font-size: 0.82rem;
    font-weight: 600;
}

.style-lab__profile[b-3vnuc7ry1i] {
    gap: 0.45rem;
}

.style-lab__collapse[b-3vnuc7ry1i] {
    font-size: 1.1rem;
}

.style-lab__topbar-caption[b-3vnuc7ry1i] {
    margin-top: 0.4rem;
    font-size: 0.72rem;
}

.style-lab__sections[b-3vnuc7ry1i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.25rem;
}

.style-lab__panel[b-3vnuc7ry1i] {
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    background: var(--kendo-color-surface, #fff);
    box-shadow: var(--kendo-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.06));
}

.style-lab__panel--full[b-3vnuc7ry1i] {
    grid-column: 1 / -1;
}

.style-lab__panel-heading[b-3vnuc7ry1i] {
    margin-bottom: 1rem;
}

.style-lab__panel-heading > div[b-3vnuc7ry1i] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
}

.style-lab__panel-heading h3[b-3vnuc7ry1i] {
    margin: 0;
    font-size: 1rem;
}

.style-lab__panel-heading > span[b-3vnuc7ry1i] {
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.72rem;
}

.style-lab__panel-actions[b-3vnuc7ry1i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
}

.style-lab__step[b-3vnuc7ry1i] {
    color: var(--kendo-color-primary, #0078d4);
}

.token-grid[b-3vnuc7ry1i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
}

.token-sample[b-3vnuc7ry1i] {
    min-height: 88px;
    padding: 0.7rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border: 1px solid color-mix(in srgb, currentColor 16%, transparent);
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    font-weight: 700;
}

.token-sample code[b-3vnuc7ry1i] {
    color: inherit;
    font-size: 0.62rem;
    font-weight: 400;
    opacity: 0.82;
}

.token-sample--primary[b-3vnuc7ry1i] {
    color: var(--kendo-color-on-primary, #fff);
    background: var(--kendo-color-primary, #0078d4);
}

.token-sample--surface[b-3vnuc7ry1i] {
    color: var(--kendo-color-on-app-surface, #272727);
    background: var(--kendo-color-surface-alt, #f5f5f5);
}

.token-sample--success[b-3vnuc7ry1i] {
    color: var(--kendo-color-on-success, #fff);
    background: var(--kendo-color-success, #198754);
}

.token-sample--warning[b-3vnuc7ry1i] {
    color: var(--kendo-color-on-warning, #111);
    background: var(--kendo-color-warning, #ffc107);
}

.token-sample--error[b-3vnuc7ry1i] {
    color: var(--kendo-color-on-error, #fff);
    background: var(--kendo-color-error, #dc3545);
}

.foundation-row[b-3vnuc7ry1i] {
    gap: 1rem;
    margin-top: 0.8rem;
}

.type-specimen[b-3vnuc7ry1i],
.shape-specimen[b-3vnuc7ry1i] {
    flex: 1 1 0;
    min-width: 0;
    padding: 0.8rem;
    border: 1px dashed var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-sm, 0.25rem);
}

.type-specimen[b-3vnuc7ry1i],
.shape-specimen[b-3vnuc7ry1i] {
    display: grid;
    gap: 0.25rem;
}

.type-specimen strong[b-3vnuc7ry1i] {
    font-family: var(--kendo-font-family, inherit);
    font-size: 1.5rem;
    line-height: 1.15;
}

.type-specimen > span:last-child[b-3vnuc7ry1i],
.shape-specimen code[b-3vnuc7ry1i],
.style-lab__help[b-3vnuc7ry1i] {
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.72rem;
}

.shape-specimen__box[b-3vnuc7ry1i] {
    width: 5rem;
    padding: 0.65rem;
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    background: var(--kendo-color-surface-alt, #f5f5f5);
    box-shadow: var(--kendo-elevation-2, 0 2px 7px rgba(0, 0, 0, 0.1));
    text-align: center;
}

.control-stack[b-3vnuc7ry1i],
.form-showcase[b-3vnuc7ry1i] {
    display: grid;
    gap: 1rem;
}

.button-row[b-3vnuc7ry1i],
.status-row[b-3vnuc7ry1i] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.4rem;
}

.style-lab__action-message[b-3vnuc7ry1i] {
    min-height: 1.2em;
    margin: 0;
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.75rem;
}

.form-showcase__field[b-3vnuc7ry1i] {
    display: grid;
    gap: 0.3rem;
}

.form-showcase__field > label[b-3vnuc7ry1i] {
    font-size: 0.8rem;
    font-weight: 650;
}

.form-showcase__field--invalid[b-3vnuc7ry1i] {
    padding: 0.65rem;
    border-inline-start: 3px solid var(--kendo-color-error, #dc3545);
    background: var(--kendo-color-error-subtle, rgba(220, 53, 69, 0.08));
}

.style-lab__error[b-3vnuc7ry1i] {
    color: var(--kendo-color-error, #dc3545);
    font-size: 0.72rem;
}

.form-showcase__toggles[b-3vnuc7ry1i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.toggle-row[b-3vnuc7ry1i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.8rem;
}

.toggle-row--disabled[b-3vnuc7ry1i] {
    grid-column: 1 / -1;
    color: var(--kendo-color-subtle, #6c757d);
}

.status-row[b-3vnuc7ry1i] {
    margin: 0 0 0.9rem;
}

.data-layout[b-3vnuc7ry1i] {
    align-items: stretch;
    gap: 1rem;
}

.data-layout__grid[b-3vnuc7ry1i] {
    min-width: 0;
    flex: 1 1 auto;
}

[b-3vnuc7ry1i] .style-lab-demo-card {
    width: min(100%, 240px);
    flex: 0 0 240px;
}

.demo-card__value[b-3vnuc7ry1i] {
    display: block;
    margin: 0.2rem 0;
    font-size: 2.15rem;
    line-height: 1.15;
}

.demo-card__trend[b-3vnuc7ry1i] {
    color: var(--kendo-color-success, #198754);
    font-size: 0.78rem;
    font-weight: 650;
}

.demo-card__progress[b-3vnuc7ry1i] {
    height: 0.4rem;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: var(--kendo-border-radius-full, 50rem);
    background: var(--kendo-color-base-subtle, #e9ecef);
}

.demo-card__progress span[b-3vnuc7ry1i] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: var(--kendo-color-primary, #0078d4);
}

.surface-bridge-layout[b-3vnuc7ry1i] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
    gap: 1rem;
    align-items: stretch;
}

.surface-stack[b-3vnuc7ry1i] {
    min-height: 220px;
    padding: 1rem;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    color: var(--kendo-color-on-app-surface, #272727);
    background: var(--kendo-color-app-surface, #f4f5f6);
}

.surface-stack__caption[b-3vnuc7ry1i],
.surface-stack__raised > span[b-3vnuc7ry1i],
.surface-stack__inset[b-3vnuc7ry1i] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    align-items: center;
    font-size: 0.78rem;
    font-weight: 650;
}

.surface-stack code[b-3vnuc7ry1i] {
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.68rem;
    font-weight: 400;
}

.surface-stack__raised[b-3vnuc7ry1i] {
    margin-top: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: var(--kendo-border-radius-md, 0.375rem);
    background: var(--kendo-color-surface, #ffffff);
    box-shadow: var(--kendo-elevation-1, 0 1px 2px rgba(0, 0, 0, 0.06));
}

.surface-stack__inset[b-3vnuc7ry1i] {
    min-height: 74px;
    margin-top: 0.75rem;
    padding: 0.75rem;
    border: 1px dashed var(--kendo-color-border-alt, #c7ccd1);
    border-radius: var(--kendo-border-radius-sm, 0.25rem);
    background: var(--kendo-color-base, #f5f5f5);
}

.bootstrap-bridge-card[b-3vnuc7ry1i] {
    min-width: 0;
    height: 100%;
}

.bootstrap-bridge-card .card-body[b-3vnuc7ry1i] {
    display: flex;
    flex-direction: column;
}

.dialog-note[b-3vnuc7ry1i] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding: 0.75rem;
    border-radius: var(--kendo-border-radius-sm, 0.25rem);
    color: var(--kendo-color-info-on-subtle, var(--kendo-color-on-app-surface, #272727));
    background: var(--kendo-color-info-subtle, #e7f5ff);
    font-size: 0.85rem;
}

[b-3vnuc7ry1i] .style-lab-invalid-control {
    border-color: var(--kendo-color-error, #dc3545);
}

@media (max-width: 840px) {
    .style-lab__sections[b-3vnuc7ry1i] {
        grid-template-columns: 1fr;
    }

    .style-lab__panel--full[b-3vnuc7ry1i] {
        grid-column: auto;
    }

    .token-grid[b-3vnuc7ry1i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .style-lab__layers[b-3vnuc7ry1i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .token-sample--surface[b-3vnuc7ry1i] {
        grid-column: span 2;
    }

    .data-layout[b-3vnuc7ry1i] {
        flex-direction: column;
    }

    .surface-bridge-layout[b-3vnuc7ry1i] {
        grid-template-columns: 1fr;
    }

    [b-3vnuc7ry1i] .style-lab-demo-card {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 560px) {
    .style-lab__header[b-3vnuc7ry1i],
    .style-lab__panel-heading[b-3vnuc7ry1i],
    .foundation-row[b-3vnuc7ry1i] {
        flex-direction: column;
    }

    .style-lab__panel-actions[b-3vnuc7ry1i] {
        justify-content: flex-start;
    }

    .style-lab__hint[b-3vnuc7ry1i] {
        max-width: none;
        text-align: start;
    }

    .style-lab__nav[b-3vnuc7ry1i] {
        display: none;
    }

    .style-lab__profile[b-3vnuc7ry1i] {
        margin-inline-start: auto;
    }

    .form-showcase__toggles[b-3vnuc7ry1i] {
        grid-template-columns: 1fr;
    }

    .token-grid[b-3vnuc7ry1i] {
        grid-template-columns: 1fr;
    }

    .style-lab__layers[b-3vnuc7ry1i] {
        grid-template-columns: 1fr;
    }

    .token-sample--surface[b-3vnuc7ry1i] {
        grid-column: auto;
    }
}
/* /Components/Pages/Settings/KsefSettings.razor.rz.scp.css */
/* ================================================
   KsefSettings — responsive / mobile fixes
   ================================================ */

/* TelerikWindow dialogs: max-width on small screens */
[b-huzrrjtc8r] .k-window {
    max-width: 95vw;
}

/* Grids: horizontal scroll on narrow viewports */
.ksef-grid-wrapper[b-huzrrjtc8r] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* Force grid to keep its natural width → scroll instead of wrapping */
.ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid {
    min-width: 900px;
}

/* Prevent text wrapping in grid cells — use ellipsis */
.ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid td,
.ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Allow wrapping only for chip/badge columns (Uprawnienia, Status) */
.ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid td .k-chip {
    white-space: nowrap;
}

/* Certificate grid — wider min-width (more columns) */
.ksef-cert-grid[b-huzrrjtc8r]  .k-grid {
    min-width: 850px;
}

/* Mobile: smaller font in grids */
@media (max-width: 768px) {
    .ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid {
        font-size: 0.875rem;
    }

    /* Profile cards — full-width on mobile */
    .ksef-profile-cards > .col-md-4[b-huzrrjtc8r],
    .ksef-profile-cards > [class*="col-"][b-huzrrjtc8r] {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .ksef-grid-wrapper[b-huzrrjtc8r]  .k-grid {
        font-size: 0.8125rem;
    }

    /* Tab strip titles — smaller on mobile */
    [b-huzrrjtc8r] .k-tabstrip .k-link {
        font-size: 0.8125rem;
        padding: 0.4rem 0.5rem;
    }
}
/* /Components/Pages/Settings/NotificationAutomation.razor.rz.scp.css */
.notification-automation[b-vzehk7q2ez] {
    max-width: 1440px;
    margin: 0 auto;
    padding: 1rem;
}

.notification-automation__heading[b-vzehk7q2ez] {
    min-width: 0;
}

.notification-automation__heading h1[b-vzehk7q2ez] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.notification-automation__stage-banner[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.75rem;
    border-left: 4px solid var(--kendo-color-info, #0dcaf0);
}

.notification-automation__stage-banner .k-svg-icon[b-vzehk7q2ez] {
    margin-top: 0.15rem;
}

.notification-automation__tabs[b-vzehk7q2ez] {
    margin-top: 1.25rem;
}

.notification-automation__tab-content[b-vzehk7q2ez] {
    padding: 1rem 0.25rem 0.25rem;
}

.notification-automation__card[b-vzehk7q2ez] {
    height: 100%;
    border-color: var(--kendo-color-border, var(--bs-border-color, #dee2e6));
    background: var(--kendo-color-surface, var(--bs-body-bg, #fff));
}

.notification-automation__card .card-body[b-vzehk7q2ez] {
    padding: 1.25rem;
}

.notification-automation__metric[b-vzehk7q2ez] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-height: 7.25rem;
}

.notification-automation__metric-value[b-vzehk7q2ez] {
    font-size: clamp(1.75rem, 3vw, 2.35rem);
    font-weight: 700;
    line-height: 1;
}

.notification-automation__channel-list[b-vzehk7q2ez] {
    display: grid;
    gap: 0.75rem;
}

.notification-automation__channel[b-vzehk7q2ez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.8rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
}

.notification-automation__master-detail[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(18rem, 0.8fr) minmax(0, 1.7fr);
    gap: 1rem;
    align-items: start;
}

.notification-automation__list-panel[b-vzehk7q2ez],
.notification-automation__editor-panel[b-vzehk7q2ez],
.notification-automation__preview-panel[b-vzehk7q2ez] {
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.6rem;
    background: var(--bs-body-bg, #fff);
}

.notification-automation__list-panel[b-vzehk7q2ez] {
    overflow: hidden;
}

.notification-automation__list-header[b-vzehk7q2ez],
.notification-automation__editor-header[b-vzehk7q2ez],
.notification-automation__preview-header[b-vzehk7q2ez] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
}

.notification-automation__list[b-vzehk7q2ez] {
    display: grid;
    max-height: 65vh;
    overflow-y: auto;
}

.notification-automation__list-item[b-vzehk7q2ez] {
    width: 100%;
    padding: 0.9rem 1rem;
    border: 0;
    border-bottom: 1px solid var(--bs-border-color, #dee2e6);
    background: transparent;
    color: inherit;
    text-align: left;
}

.notification-automation__list-item:hover[b-vzehk7q2ez],
.notification-automation__list-item:focus-visible[b-vzehk7q2ez] {
    background: var(--bs-tertiary-bg, #f8f9fa);
}

.notification-automation__list-item.is-selected[b-vzehk7q2ez] {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 10%, transparent);
    box-shadow: inset 3px 0 0 var(--bs-primary, #0d6efd);
}

.notification-automation__editor-body[b-vzehk7q2ez],
.notification-automation__preview-body[b-vzehk7q2ez] {
    padding: 1rem;
}

.notification-automation__step-list[b-vzehk7q2ez] {
    display: grid;
    gap: 0.75rem;
}

.notification-automation__step[b-vzehk7q2ez] {
    position: relative;
    padding: 1rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.5rem;
}

.notification-automation__step[b-vzehk7q2ez]::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0.75rem;
    bottom: 0.75rem;
    width: 3px;
    border-radius: 3px;
    background: var(--bs-primary, #0d6efd);
}

.notification-automation__editor-preview-grid[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(18rem, 0.8fr);
    gap: 1rem;
    align-items: start;
}

.notification-automation__preview-panel[b-vzehk7q2ez] {
    position: sticky;
    top: 1rem;
}

.notification-automation__message-preview[b-vzehk7q2ez] {
    min-height: 9rem;
    padding: 1rem;
    border-radius: 0.75rem;
    background: var(--bs-tertiary-bg, #f8f9fa);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.notification-automation__field-catalog[b-vzehk7q2ez] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.notification-automation__field-button[b-vzehk7q2ez] {
    font-family: var(--bs-font-monospace, monospace);
}

.notification-automation__validation-list[b-vzehk7q2ez] {
    margin: 0;
    padding-left: 1.25rem;
}

.notification-automation__actions[b-vzehk7q2ez] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 1rem;
}

.notification-automation__shadow-header[b-vzehk7q2ez] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.notification-automation__attention-list[b-vzehk7q2ez] {
    display: grid;
    gap: 0.75rem;
}

.notification-automation__attention-item[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 0.9rem 1rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-left: 4px solid var(--bs-warning, #ffc107);
    border-radius: 0.5rem;
}

.notification-automation__safe-code[b-vzehk7q2ez] {
    display: inline-block;
    max-width: 100%;
    overflow-wrap: anywhere;
    color: inherit;
}

.notification-automation__queue-filters[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: repeat(3, minmax(10rem, 1fr)) repeat(2, minmax(9rem, 0.75fr));
    gap: 0.75rem;
    align-items: end;
}

.notification-automation__filter-actions[b-vzehk7q2ez] {
    display: flex;
    gap: 0.65rem;
    flex-wrap: wrap;
}

.notification-automation__queue-list[b-vzehk7q2ez] {
    display: grid;
    gap: 0.75rem;
}

.notification-automation__queue-row[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.25fr) minmax(11rem, 1fr) minmax(8rem, 0.65fr) minmax(10rem, 0.8fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: 0.6rem;
    background: var(--bs-body-bg, #fff);
}

.notification-automation__queue-meta[b-vzehk7q2ez] {
    display: grid;
    gap: 0.2rem;
    min-width: 0;
}

.notification-automation__queue-actions[b-vzehk7q2ez] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.notification-automation__pagination[b-vzehk7q2ez] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.notification-automation__live-header[b-vzehk7q2ez] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.notification-automation__live-layout[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr);
    gap: 1rem;
}

.notification-automation__live-checklist[b-vzehk7q2ez] {
    display: grid;
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.notification-automation__live-check[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: .75rem;
    border: 1px solid var(--bs-border-color);
    border-radius: .65rem;
    padding: .75rem;
    background: var(--bs-body-bg);
}

.notification-automation__live-check.is-ready[b-vzehk7q2ez] {
    border-color: rgba(var(--bs-success-rgb), .45);
    background: rgba(var(--bs-success-rgb), .06);
}

.notification-automation__live-check.is-blocked[b-vzehk7q2ez] {
    border-color: rgba(var(--bs-danger-rgb), .4);
    background: rgba(var(--bs-danger-rgb), .06);
}

.notification-automation__live-check-code[b-vzehk7q2ez] {
    grid-column: 2 / -1;
    color: var(--bs-secondary-color);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.notification-automation__live-preview-grid[b-vzehk7q2ez],
.notification-automation__live-counts[b-vzehk7q2ez],
.notification-automation__live-budget-grid[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.notification-automation__live-preview-item[b-vzehk7q2ez],
.notification-automation__live-count-item[b-vzehk7q2ez] {
    border: 1px solid var(--bs-border-color);
    border-radius: .5rem;
    padding: .75rem;
}

.notification-automation__live-preview-item > span[b-vzehk7q2ez],
.notification-automation__live-count-item > span[b-vzehk7q2ez] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
    font-weight: 600;
}

.notification-automation__live-preview-item > strong[b-vzehk7q2ez],
.notification-automation__live-count-item > strong[b-vzehk7q2ez] {
    margin: .2rem 0 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.notification-automation__live-budget-bar[b-vzehk7q2ez] {
    height: .7rem;
    overflow: hidden;
    border-radius: 999px;
    background: var(--bs-secondary-bg);
}

.notification-automation__live-budget-used[b-vzehk7q2ez],
.notification-automation__live-budget-reserved[b-vzehk7q2ez] {
    display: block;
    float: left;
    height: 100%;
}

.notification-automation__live-budget-used[b-vzehk7q2ez] {
    background: var(--bs-primary);
}

.notification-automation__live-budget-reserved[b-vzehk7q2ez] {
    background: var(--bs-warning);
}

.notification-automation__live-actions-grid[b-vzehk7q2ez] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.notification-automation__live-action-card[b-vzehk7q2ez] {
    height: 100%;
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    padding: 1rem;
}

.notification-automation__live-confirmation[b-vzehk7q2ez] {
    border: 2px solid rgba(var(--bs-danger-rgb), .5);
    border-radius: .75rem;
    padding: 1rem;
    background: rgba(var(--bs-danger-rgb), .04);
}

.notification-automation__live-confirmations[b-vzehk7q2ez] {
    display: grid;
    gap: .75rem;
}

.notification-automation__live-confirmation-actions[b-vzehk7q2ez] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 1199.98px) {
    .notification-automation__master-detail[b-vzehk7q2ez],
    .notification-automation__editor-preview-grid[b-vzehk7q2ez],
    .notification-automation__live-layout[b-vzehk7q2ez],
    .notification-automation__live-actions-grid[b-vzehk7q2ez] {
        grid-template-columns: 1fr;
    }

    .notification-automation__preview-panel[b-vzehk7q2ez] {
        position: static;
    }

    .notification-automation__list[b-vzehk7q2ez] {
        max-height: 22rem;
    }

    .notification-automation__queue-filters[b-vzehk7q2ez] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notification-automation__queue-row[b-vzehk7q2ez] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .notification-automation__queue-actions[b-vzehk7q2ez] {
        justify-content: flex-start;
    }
}

@media (max-width: 575.98px) {
    .notification-automation[b-vzehk7q2ez] {
        padding-inline: 0;
    }

    .notification-automation__tab-content[b-vzehk7q2ez] {
        padding-inline: 0;
    }

    .notification-automation__channel[b-vzehk7q2ez],
    .notification-automation__list-header[b-vzehk7q2ez],
    .notification-automation__editor-header[b-vzehk7q2ez],
    .notification-automation__preview-header[b-vzehk7q2ez],
    .notification-automation__attention-item[b-vzehk7q2ez] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notification-automation__queue-filters[b-vzehk7q2ez],
    .notification-automation__queue-row[b-vzehk7q2ez],
    .notification-automation__live-preview-grid[b-vzehk7q2ez],
    .notification-automation__live-counts[b-vzehk7q2ez],
    .notification-automation__live-budget-grid[b-vzehk7q2ez] {
        grid-template-columns: 1fr;
    }

    .notification-automation__filter-actions > *[b-vzehk7q2ez],
    .notification-automation__queue-actions > *[b-vzehk7q2ez],
    .notification-automation__attention-item .btn[b-vzehk7q2ez],
    .notification-automation__live-confirmation-actions > *[b-vzehk7q2ez] {
        width: 100%;
    }

    .notification-automation__pagination[b-vzehk7q2ez] {
        align-items: stretch;
        flex-direction: column;
        text-align: center;
    }

    .notification-automation__actions > *[b-vzehk7q2ez] {
        width: 100%;
    }

    .notification-automation__live-header[b-vzehk7q2ez] {
        flex-direction: column;
    }

}
/* /Components/Pages/Settings/SmsApiIntegration.razor.rz.scp.css */
.smsapi-settings[b-u0rlikjm27] {
    max-width: 1180px;
    margin: 0 auto;
    padding: 1rem;
}

.smsapi-settings > .d-flex > .badge[b-u0rlikjm27] {
    min-width: 8rem;
    padding: 0.65rem 1rem;
    font-size: 0.9rem;
}

.smsapi-card[b-u0rlikjm27] {
    border-color: var(--kendo-color-border, #dee2e6);
    background: var(--kendo-color-surface, #fff);
}

.smsapi-card .card-body[b-u0rlikjm27] {
    padding: 1.25rem;
}

.smsapi-metadata dt[b-u0rlikjm27] {
    color: var(--kendo-color-subtle, #6c757d);
    font-weight: 500;
}

.smsapi-metadata dd[b-u0rlikjm27] {
    overflow-wrap: anywhere;
}

.smsapi-history[b-u0rlikjm27] {
    display: grid;
    gap: 0.75rem;
}

.smsapi-history__row[b-u0rlikjm27] {
    display: grid;
    gap: 0.75rem;
    padding: 1rem;
    border: 1px solid var(--kendo-color-border, #dee2e6);
    border-radius: 0.5rem;
}

.smsapi-history__badges[b-u0rlikjm27],
.smsapi-history__pagination[b-u0rlikjm27] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.smsapi-history__metadata[b-u0rlikjm27] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem 1rem;
}

.smsapi-history__metadata > div[b-u0rlikjm27] {
    min-width: 0;
}

.smsapi-history__metadata dt[b-u0rlikjm27] {
    color: var(--kendo-color-subtle, #6c757d);
    font-size: 0.8rem;
    font-weight: 500;
}

.smsapi-history__metadata dd[b-u0rlikjm27] {
    margin-bottom: 0;
    overflow-wrap: anywhere;
}

.smsapi-history__pagination[b-u0rlikjm27] {
    justify-content: space-between;
}

@media (max-width: 991.98px) {
    .smsapi-history__metadata[b-u0rlikjm27] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .smsapi-settings[b-u0rlikjm27] {
        padding-inline: 0;
    }

    .smsapi-history__metadata[b-u0rlikjm27] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Settings/TenantSettings.razor.rz.scp.css */
.tenant-settings-container[b-pnrugqz1o0] {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

.loading-indicator[b-pnrugqz1o0],
.saving-indicator[b-pnrugqz1o0] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    margin: 20px 0;
}

.success-message[b-pnrugqz1o0] {
    padding: 15px;
    margin: 15px 0;
    background-color: #d4edda;
    border: 1px solid #c3e6cb;
    border-radius: 4px;
    color: #155724;
    display: flex;
    align-items: center;
    gap: 10px;
}

.error-message[b-pnrugqz1o0] {
    padding: 15px;
    margin: 15px 0;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    color: #721c24;
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-hint[b-pnrugqz1o0] {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 0.875rem;
}

.k-form h3[b-pnrugqz1o0] {
    margin-top: 30px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
    color: #333;
}

.k-form-buttons[b-pnrugqz1o0] {
    margin-top: 30px;
    display: flex;
    gap: 10px;
}
/* /Components/Pages/TaxCompliance/InvoiceFactAssignments.razor.rz.scp.css */
.invoice-fact-dashboard[b-9y6hkwi2m7] {
    max-width: 1680px;
}

.metric-card[b-9y6hkwi2m7] {
    border-left: 4px solid var(--bs-secondary) !important;
}

.metric-card.metric-warning[b-9y6hkwi2m7] {
    border-left-color: var(--bs-warning) !important;
}

.metric-card.metric-success[b-9y6hkwi2m7] {
    border-left-color: var(--bs-success) !important;
}

.metric-card.metric-primary[b-9y6hkwi2m7] {
    border-left-color: var(--bs-primary) !important;
}

.generated-link input[b-9y6hkwi2m7] {
    font-size: .82rem;
}

.progress-cell[b-9y6hkwi2m7] {
    min-width: 230px;
}

.progress-cell .progress[b-9y6hkwi2m7] {
    height: .55rem;
}

.actions-cell[b-9y6hkwi2m7] {
    min-width: 280px;
}

@media (max-width: 767.98px) {
    .invoice-fact-dashboard[b-9y6hkwi2m7] {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .actions-cell[b-9y6hkwi2m7] {
        min-width: 220px;
    }
}
/* /Components/Pages/TaxCompliance/PersonalQuestionnaireForm.razor.rz.scp.css */
[b-pcmwzg4rxl] .step-item {
    cursor: pointer;
    position: relative;
    z-index: 1;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    min-width: 0;
}
[b-pcmwzg4rxl] .step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: 600;
    transition: all 0.3s ease;
}
[b-pcmwzg4rxl] .step-item:hover .step-circle {
    transform: scale(1.1);
}
[b-pcmwzg4rxl] .step-item::before {
    content: '';
    position: absolute;
    top: 20px;
    left: 0;
    right: 50%;
    height: 2px;
    background: #dee2e6;
    z-index: -1;
}
[b-pcmwzg4rxl] .step-item::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    right: 0;
    height: 2px;
    background: #dee2e6;
    z-index: -1;
}
[b-pcmwzg4rxl] .step-item:first-child::before,
[b-pcmwzg4rxl] .step-item:last-child::after {
    display: none;
}
[b-pcmwzg4rxl] .step-item.completed::before,
[b-pcmwzg4rxl] .step-item.completed::after,
[b-pcmwzg4rxl] .step-item.active::before {
    background: #198754;
}
.questionnaire-monitor-root[b-pcmwzg4rxl]  .questionnaire-client-active {
    border-color: #0d6efd !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .3) !important;
    transition: border-color .12s ease, box-shadow .12s ease;
}

.questionnaire-form-card[b-pcmwzg4rxl]  form {
    min-height: 34rem;
    display: flex;
    flex-direction: column;
}

[b-pcmwzg4rxl] .questionnaire-fieldset {
    display: contents;
}

.questionnaire-step-panel[b-pcmwzg4rxl] {
    flex: 1 1 auto;
    animation: questionnaire-step-enter-b-pcmwzg4rxl .22s ease-out both;
}

.questionnaire-actions[b-pcmwzg4rxl] {
    margin-top: auto;
}

.questionnaire-progress-mobile[b-pcmwzg4rxl] {
    display: none;
}

[b-pcmwzg4rxl] .questionnaire-control-group .form-label {
    line-height: 1.25;
    margin-bottom: .35rem;
}

[b-pcmwzg4rxl] .questionnaire-control-group .validation-message {
    display: block;
    line-height: 1.25;
    margin-top: .3rem;
}

[b-pcmwzg4rxl] .questionnaire-choice-invalid .form-check-input {
    border-color: var(--bs-danger, #dc3545);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .12);
}

[b-pcmwzg4rxl] .form-control.questionnaire-input-invalid,
[b-pcmwzg4rxl] .form-select.questionnaire-input-invalid {
    border-color: var(--bs-danger, #dc3545) !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .12) !important;
    background-image: none !important;
}

[b-pcmwzg4rxl] .contents {
    display: contents;
}

[b-pcmwzg4rxl] .questionnaire-conditional-enter {
    animation: questionnaire-conditional-enter-b-pcmwzg4rxl .18s ease-out both;
}

@keyframes questionnaire-step-enter-b-pcmwzg4rxl {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes questionnaire-conditional-enter-b-pcmwzg4rxl {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .questionnaire-step-panel[b-pcmwzg4rxl],
    [b-pcmwzg4rxl] .questionnaire-conditional-enter {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    .questionnaire-progress-card[b-pcmwzg4rxl] {
        margin-bottom: .75rem !important;
    }

    .questionnaire-progress-desktop[b-pcmwzg4rxl] {
        display: none !important;
    }

    .questionnaire-progress-mobile[b-pcmwzg4rxl] {
        display: block;
    }

    .questionnaire-progress-mobile .progress[b-pcmwzg4rxl] {
        height: .5rem;
    }

    .questionnaire-form-card[b-pcmwzg4rxl] {
        padding: 1rem !important;
    }

    .questionnaire-form-card[b-pcmwzg4rxl]  form {
        min-height: 0;
    }

    .questionnaire-step-panel[b-pcmwzg4rxl] {
        flex: 0 1 auto;
    }

    .questionnaire-step-panel[b-pcmwzg4rxl]  .row > *,
    .questionnaire-step-panel[b-pcmwzg4rxl]  .form-control,
    .questionnaire-step-panel[b-pcmwzg4rxl]  .form-select,
    .questionnaire-step-panel[b-pcmwzg4rxl]  .form-floating {
        min-width: 0;
        max-width: 100%;
    }

    [b-pcmwzg4rxl] .questionnaire-control-group {
        width: 100%;
    }

    [b-pcmwzg4rxl] input[type="date"].form-control {
        width: 100%;
        min-width: 0;
        font-size: 1rem;
    }

    .questionnaire-actions[b-pcmwzg4rxl] {
        margin-top: 2rem !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
    }

    .questionnaire-actions > .btn[b-pcmwzg4rxl],
    .questionnaire-actions-primary[b-pcmwzg4rxl] {
        width: 100%;
    }

    .questionnaire-actions-primary[b-pcmwzg4rxl] {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
        gap: .75rem !important;
    }

    .questionnaire-actions .btn[b-pcmwzg4rxl] {
        min-height: 2.75rem;
    }
}
/* /Components/Pages/TaxCompliance/PublicConstructionSitesForm.razor.rz.scp.css */
.invoice-facts-public[b-qmvxbfiret] {
    --public-primary: var(--kendo-color-primary, #1d4ed8);
    --public-primary-hover: var(--kendo-color-primary-hover, #1e40af);
    --public-on-primary: var(--kendo-color-on-primary, #ffffff);
    --public-accent: var(--kendo-color-primary-on-surface, #1e40af);
    --public-primary-soft: var(--kendo-color-primary-subtle, #eff6ff);
    --public-on-primary-soft: var(--kendo-color-primary-on-subtle, #253b69);
    --public-success: var(--kendo-color-success-on-surface, #047857);
    --public-success-soft: var(--kendo-color-success-subtle, #ecfdf5);
    --public-danger: var(--kendo-color-error-on-surface, #b42318);
    --public-ink: var(--kendo-color-on-app-surface, #172033);
    --public-muted: var(--kendo-color-subtle, #5d6678);
    --public-line: var(--kendo-color-border, #dce2ec);
    --public-line-strong: var(--kendo-color-border-alt, #c7d0de);
    --public-surface: var(--kendo-color-surface, #ffffff);
    --public-canvas: var(--kendo-color-app-surface, #f4f7fb);
    --public-inset: var(--kendo-color-base, #f8fafc);
    --public-hover: var(--kendo-color-base-hover, #fbfcff);
    --public-shadow: var(--kendo-elevation-3, 0 12px 34px rgba(28, 39, 64, 0.08));
    color: var(--public-ink);
    background:
        radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--public-primary) 8%, transparent), transparent 28rem),
        var(--public-canvas);
    font-size: 1rem;
}

.public-topbar[b-qmvxbfiret] {
    position: sticky;
    top: 0;
    z-index: 1030;
    min-height: 4rem;
    display: flex;
    align-items: center;
    color: #ffffff;
    background: rgba(20, 35, 65, 0.97);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.16);
    backdrop-filter: blur(12px);
}

.brand[b-qmvxbfiret] {
    font-size: 1.2rem;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.security-label[b-qmvxbfiret] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #dbeafe;
    font-size: 0.875rem;
    font-weight: 600;
}

.security-label i[b-qmvxbfiret] {
    color: #86efac;
    font-size: 1.05rem;
}

.public-content[b-qmvxbfiret] {
    width: min(100%, 72rem);
    padding-top: clamp(1.5rem, 4vw, 3.25rem);
    padding-bottom: 8.5rem;
}

.state-card[b-qmvxbfiret] {
    max-width: 38rem;
    margin: clamp(2rem, 12vh, 7rem) auto 0;
    padding: clamp(2rem, 6vw, 3.75rem);
    background: var(--public-surface);
    border: 1px solid var(--public-line);
    border-radius: 1.25rem;
    box-shadow: var(--public-shadow);
}

.state-icon[b-qmvxbfiret] {
    width: 4.25rem;
    height: 4.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    border-radius: 50%;
    font-size: 2rem;
}

.state-icon-error[b-qmvxbfiret] {
    color: var(--public-danger);
    background: var(--kendo-color-error-subtle, #fef3f2);
}

.state-icon-success[b-qmvxbfiret] {
    color: var(--public-success);
    background: var(--public-success-soft);
}

.assignment-header[b-qmvxbfiret] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 2rem;
    margin-bottom: 1.5rem;
}

.assignment-header h1[b-qmvxbfiret] {
    max-width: 48rem;
    margin: 0.35rem 0 0.6rem;
    color: var(--public-ink);
    font-size: clamp(1.85rem, 5vw, 3rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.eyebrow[b-qmvxbfiret] {
    color: var(--public-accent);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}

.lead-copy[b-qmvxbfiret] {
    max-width: 52rem;
    color: var(--public-muted);
    font-size: clamp(1rem, 2vw, 1.125rem);
    line-height: 1.65;
}

.expiry-chip[b-qmvxbfiret],
.source-badge[b-qmvxbfiret],
.status-pill[b-qmvxbfiret] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    border-radius: 999px;
    white-space: nowrap;
}

.expiry-chip[b-qmvxbfiret] {
    flex: 0 0 auto;
    padding: 0.65rem 0.85rem;
    color: var(--public-ink);
    background: color-mix(in srgb, var(--public-surface) 82%, transparent);
    border: 1px solid var(--public-line);
    font-size: 0.82rem;
    font-weight: 700;
}

.progress-card[b-qmvxbfiret],
.info-callout[b-qmvxbfiret] {
    margin-bottom: 1rem;
    background: var(--public-surface);
    border: 1px solid var(--public-line);
    border-radius: 0.9rem;
}

.progress-card[b-qmvxbfiret] {
    padding: 1rem 1.15rem;
    box-shadow: 0 5px 18px rgba(28, 39, 64, 0.04);
}

.progress-card span[b-qmvxbfiret] {
    color: var(--public-muted);
    font-size: 0.9rem;
}

.progress-card .progress[b-qmvxbfiret] {
    height: 0.6rem;
    overflow: hidden;
    background: var(--public-inset);
    border-radius: 999px;
}

.progress-card .progress-bar[b-qmvxbfiret] {
    background: linear-gradient(90deg, var(--public-primary), var(--public-primary-hover));
    border-radius: inherit;
    transition: width 240ms ease;
}

.info-callout[b-qmvxbfiret] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    color: var(--public-on-primary-soft);
    background: var(--public-primary-soft);
    border-color: color-mix(in srgb, var(--public-primary) 28%, var(--public-line));
    line-height: 1.5;
}

.info-callout i[b-qmvxbfiret] {
    flex: 0 0 auto;
    margin-top: 0.1rem;
    color: var(--public-accent);
    font-size: 1.1rem;
}

.alert[b-qmvxbfiret] {
    border-radius: 0.85rem;
}

.invoice-list[b-qmvxbfiret] {
    display: grid;
    gap: 0.9rem;
    margin-top: 1.25rem;
}

.invoice-card[b-qmvxbfiret] {
    overflow: hidden;
    background: var(--public-surface);
    border: 1px solid var(--public-line);
    border-radius: 1rem;
    box-shadow: 0 5px 20px rgba(28, 39, 64, 0.045);
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.invoice-card:hover[b-qmvxbfiret],
.invoice-card.is-open[b-qmvxbfiret] {
    border-color: color-mix(in srgb, var(--public-accent) 35%, var(--public-line));
    box-shadow: var(--public-shadow);
}

.invoice-card.is-open[b-qmvxbfiret] {
    transform: translateY(-1px);
}

.invoice-summary[b-qmvxbfiret] {
    width: 100%;
    min-height: 5rem;
    display: grid;
    grid-template-columns: auto minmax(12rem, 1fr) auto auto auto;
    align-items: center;
    gap: 0.85rem;
    padding: 1rem 1.15rem;
    color: inherit;
    text-align: left;
    background: transparent;
    border: 0;
    cursor: pointer;
}

.invoice-summary:hover[b-qmvxbfiret] {
    background: var(--public-hover);
}

.invoice-summary:focus-visible[b-qmvxbfiret],
.btn:focus-visible[b-qmvxbfiret],
.form-control:focus-visible[b-qmvxbfiret],
.form-select:focus-visible[b-qmvxbfiret],
.geo-details summary:focus-visible[b-qmvxbfiret] {
    outline: 3px solid color-mix(in srgb, var(--public-accent) 38%, transparent);
    outline-offset: 2px;
}

.invoice-state[b-qmvxbfiret] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--public-on-primary-soft);
    background: var(--public-primary-soft);
    border-radius: 0.75rem;
    font-size: 1.2rem;
}

.invoice-state.is-complete[b-qmvxbfiret] {
    color: var(--public-success);
    background: var(--public-success-soft);
}

.invoice-main[b-qmvxbfiret] {
    min-width: 0;
    display: grid;
    gap: 0.2rem;
}

.invoice-number[b-qmvxbfiret] {
    overflow: hidden;
    color: var(--public-ink);
    font-size: 1rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-meta[b-qmvxbfiret] {
    overflow: hidden;
    color: var(--public-muted);
    font-size: 0.84rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-amount[b-qmvxbfiret] {
    color: var(--public-ink);
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.source-badge[b-qmvxbfiret] {
    padding: 0.3rem 0.55rem;
    color: var(--public-on-primary-soft);
    background: var(--public-primary-soft);
    border: 1px solid color-mix(in srgb, var(--public-primary) 22%, var(--public-line));
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.03em;
}

.invoice-toggle[b-qmvxbfiret] {
    width: 2rem;
    display: inline-flex;
    justify-content: center;
    color: var(--public-muted);
}

.invoice-details[b-qmvxbfiret] {
    padding: 0 1.15rem 1.15rem;
    border-top: 1px solid var(--public-line);
}

.preview-grid[b-qmvxbfiret] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1.15rem 0;
}

.preview-grid > div[b-qmvxbfiret] {
    min-width: 0;
    padding: 0.8rem;
    background: var(--public-inset);
    border: 1px solid var(--public-line);
    border-radius: 0.75rem;
}

.preview-grid span[b-qmvxbfiret],
.service-preview > span[b-qmvxbfiret] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--public-muted);
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    text-transform: uppercase;
}

.preview-grid strong[b-qmvxbfiret] {
    display: block;
    overflow-wrap: anywhere;
    color: var(--public-ink);
    font-size: 0.9rem;
    line-height: 1.35;
}

.service-preview[b-qmvxbfiret] {
    margin-bottom: 1rem;
    padding: 0.85rem 1rem;
    background: var(--public-inset);
    border-left: 3px solid var(--public-line-strong);
    border-radius: 0.3rem 0.7rem 0.7rem 0.3rem;
}

.service-preview p[b-qmvxbfiret] {
    margin: 0;
    color: var(--public-ink);
    line-height: 1.55;
    white-space: pre-line;
}

.work-entry[b-qmvxbfiret] {
    margin-top: 1rem;
    padding: clamp(1rem, 3vw, 1.4rem);
    background: var(--public-surface);
    border: 1px solid var(--public-line);
    border-radius: 0.9rem;
}

.work-entry.was-complete[b-qmvxbfiret] {
    border-color: var(--kendo-color-success-emphasis, #a7d7c5);
    box-shadow: inset 3px 0 0 var(--kendo-color-success, #3da780);
}

.work-entry-heading[b-qmvxbfiret] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

.work-entry-heading h2[b-qmvxbfiret] {
    margin: 0.25rem 0;
    color: var(--public-ink);
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    font-weight: 750;
}

.work-entry-heading p[b-qmvxbfiret] {
    margin: 0;
    color: var(--public-muted);
    font-size: 0.85rem;
    font-variant-numeric: tabular-nums;
}

.status-pill[b-qmvxbfiret] {
    flex: 0 0 auto;
    padding: 0.42rem 0.65rem;
    color: var(--kendo-color-warning-on-subtle, #8a4b0f);
    background: var(--kendo-color-warning-subtle, #fff7e8);
    border: 1px solid var(--kendo-color-warning-emphasis, #f3d49d);
    font-size: 0.72rem;
    font-weight: 800;
}

.status-pill.ready[b-qmvxbfiret] {
    color: var(--kendo-color-success-on-subtle, var(--public-success));
    background: var(--public-success-soft);
    border-color: var(--kendo-color-success-emphasis, #a7d7c5);
}

.form-label[b-qmvxbfiret] {
    margin-bottom: 0.4rem;
    color: var(--public-ink);
    font-size: 0.86rem;
    font-weight: 700;
}

.form-control[b-qmvxbfiret],
.form-select[b-qmvxbfiret] {
    min-height: 2.85rem;
    color: var(--public-ink);
    background-color: var(--kendo-color-surface-alt, var(--public-surface));
    border-color: var(--public-line-strong);
    border-radius: 0.65rem;
}

.form-control:hover[b-qmvxbfiret],
.form-select:hover[b-qmvxbfiret] {
    border-color: var(--public-accent);
}

.form-control:focus[b-qmvxbfiret],
.form-select:focus[b-qmvxbfiret] {
    border-color: var(--public-accent);
    box-shadow: 0 0 0 0.22rem color-mix(in srgb, var(--public-accent) 22%, transparent);
}

.geo-details[b-qmvxbfiret] {
    margin-top: 0.25rem;
}

.geo-details summary[b-qmvxbfiret] {
    width: fit-content;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    color: var(--public-accent);
    font-size: 0.88rem;
    font-weight: 700;
    cursor: pointer;
}

.invoice-actions[b-qmvxbfiret] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.15rem;
    padding-top: 1.15rem;
    border-top: 1px solid var(--public-line);
}

.btn-primary[b-qmvxbfiret] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding-inline: 1.15rem;
    color: var(--public-on-primary);
    background: var(--public-primary);
    border-color: var(--public-primary);
    border-radius: 0.65rem;
    font-weight: 700;
}

.btn-primary:hover:not(:disabled)[b-qmvxbfiret] {
    background: var(--public-primary-hover);
    border-color: var(--public-primary-hover);
}

.btn:disabled[b-qmvxbfiret] {
    cursor: not-allowed;
    opacity: 0.62;
}

.sticky-submit[b-qmvxbfiret] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1020;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 0.9rem max(1rem, calc((100vw - 69.5rem) / 2));
    padding-bottom: max(0.9rem, env(safe-area-inset-bottom));
    background: color-mix(in srgb, var(--public-surface) 96%, transparent);
    border-top: 1px solid var(--public-line-strong);
    box-shadow: 0 -10px 30px rgba(28, 39, 64, 0.1);
    backdrop-filter: blur(14px);
}

.sticky-submit > div[b-qmvxbfiret] {
    min-width: 0;
    display: grid;
    gap: 0.15rem;
}

.sticky-submit strong[b-qmvxbfiret] {
    color: var(--public-ink);
    font-size: 0.95rem;
}

.sticky-submit span[b-qmvxbfiret] {
    color: var(--public-muted);
    font-size: 0.8rem;
}

.sticky-submit .btn[b-qmvxbfiret] {
    flex: 0 0 auto;
}

@media (max-width: 991.98px) {
    .assignment-header[b-qmvxbfiret] {
        flex-direction: column;
        gap: 1rem;
    }

    .expiry-chip[b-qmvxbfiret] {
        align-self: flex-start;
    }

    .preview-grid[b-qmvxbfiret] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .public-topbar[b-qmvxbfiret] {
        min-height: 3.5rem;
    }

    .public-topbar .container[b-qmvxbfiret] {
        padding-inline: 1rem;
    }

    .security-label[b-qmvxbfiret] {
        font-size: 0.75rem;
    }

    .public-content[b-qmvxbfiret] {
        padding-inline: 0.85rem;
        padding-top: 1.35rem;
        padding-bottom: 10.5rem;
    }

    .assignment-header h1[b-qmvxbfiret] {
        font-size: 2rem;
    }

    .invoice-summary[b-qmvxbfiret] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas:
            "state main toggle"
            "state amount source";
        gap: 0.35rem 0.7rem;
        padding: 0.9rem;
    }

    .invoice-state[b-qmvxbfiret] { grid-area: state; }
    .invoice-main[b-qmvxbfiret] { grid-area: main; }
    .invoice-amount[b-qmvxbfiret] { grid-area: amount; }
    .source-badge[b-qmvxbfiret] { grid-area: source; justify-self: end; }
    .invoice-toggle[b-qmvxbfiret] { grid-area: toggle; justify-self: end; }

    .invoice-details[b-qmvxbfiret] {
        padding: 0 0.85rem 0.85rem;
    }

    .work-entry-heading[b-qmvxbfiret],
    .invoice-actions[b-qmvxbfiret] {
        align-items: stretch;
        flex-direction: column;
    }

    .status-pill[b-qmvxbfiret] {
        align-self: flex-start;
    }

    .invoice-actions .btn[b-qmvxbfiret] {
        width: 100%;
    }

    .sticky-submit[b-qmvxbfiret] {
        align-items: stretch;
        flex-direction: column;
        gap: 0.65rem;
        padding: 0.75rem 0.85rem;
        padding-bottom: max(0.75rem, env(safe-area-inset-bottom));
    }

    .sticky-submit .btn[b-qmvxbfiret] {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .brand[b-qmvxbfiret] {
        font-size: 1.05rem;
    }

    .security-label[b-qmvxbfiret] {
        max-width: 12rem;
        justify-content: flex-end;
        text-align: right;
        line-height: 1.2;
    }

    .expiry-chip[b-qmvxbfiret] {
        width: 100%;
        justify-content: flex-start;
        white-space: normal;
    }

    .progress-card[b-qmvxbfiret] {
        padding: 0.9rem;
    }

    .preview-grid[b-qmvxbfiret] {
        grid-template-columns: 1fr;
        gap: 0.5rem;
    }

    .invoice-number[b-qmvxbfiret],
    .invoice-meta[b-qmvxbfiret] {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .work-entry[b-qmvxbfiret] {
        padding: 0.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .invoice-card[b-qmvxbfiret],
    .progress-card .progress-bar[b-qmvxbfiret] {
        transition: none;
    }
}

@media (forced-colors: active) {
    .invoice-card[b-qmvxbfiret],
    .work-entry[b-qmvxbfiret],
    .progress-card[b-qmvxbfiret],
    .info-callout[b-qmvxbfiret],
    .form-control[b-qmvxbfiret],
    .form-select[b-qmvxbfiret] {
        border: 1px solid CanvasText;
    }

    .invoice-summary:focus-visible[b-qmvxbfiret],
    .btn:focus-visible[b-qmvxbfiret],
    .form-control:focus-visible[b-qmvxbfiret],
    .form-select:focus-visible[b-qmvxbfiret],
    .geo-details summary:focus-visible[b-qmvxbfiret] {
        outline: 3px solid Highlight;
    }
}
/* /Components/Pages/TaxCompliance/PublicQuestionnaireForm.razor.rz.scp.css */
[b-v16ifpd7d8] .step-item {
    position: relative;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    min-width: 0;
}
[b-v16ifpd7d8] .step-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-weight: bold;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}
[b-v16ifpd7d8] .step-item.completed .step-circle {
    background-color: #28a745 !important;
}
[b-v16ifpd7d8] .step-item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 20px;
    left: 50%;
    width: 100%;
    height: 2px;
    background-color: #dee2e6;
    z-index: 0;
}
[b-v16ifpd7d8] .step-item.completed:not(:last-child)::after {
    background-color: #28a745;
}

.questionnaire-form-card[b-v16ifpd7d8]  form {
    min-height: 34rem;
    display: flex;
    flex-direction: column;
}

.questionnaire-step-panel[b-v16ifpd7d8] {
    flex: 1 1 auto;
    animation: questionnaire-step-enter-b-v16ifpd7d8 .22s ease-out both;
}

.questionnaire-actions[b-v16ifpd7d8] {
    margin-top: auto !important;
}

.questionnaire-progress-mobile[b-v16ifpd7d8] {
    display: none;
}

.questionnaire-public-page[b-v16ifpd7d8]  .questionnaire-step-panel h5 {
    color: var(--bs-emphasis-color, #212529);
    font-weight: 700;
}

[b-v16ifpd7d8] .questionnaire-control-group .form-label {
    line-height: 1.25;
    margin-bottom: .35rem;
}

[b-v16ifpd7d8] .questionnaire-control-group .validation-message {
    display: block;
    line-height: 1.25;
    margin-top: .3rem;
}

[b-v16ifpd7d8] .questionnaire-choice-invalid .form-check-input {
    border-color: var(--bs-danger, #dc3545);
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .12);
}

[b-v16ifpd7d8] .form-control.questionnaire-input-invalid,
[b-v16ifpd7d8] .form-select.questionnaire-input-invalid {
    border-color: var(--bs-danger, #dc3545) !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .12) !important;
    background-image: none !important;
}

[b-v16ifpd7d8] .contents {
    display: contents;
}

[b-v16ifpd7d8] .questionnaire-conditional-enter {
    animation: questionnaire-conditional-enter-b-v16ifpd7d8 .18s ease-out both;
}

@keyframes questionnaire-step-enter-b-v16ifpd7d8 {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes questionnaire-conditional-enter-b-v16ifpd7d8 {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .questionnaire-step-panel[b-v16ifpd7d8],
    [b-v16ifpd7d8] .questionnaire-conditional-enter {
        animation: none;
    }
}

@media (max-width: 767.98px) {
    .questionnaire-shell[b-v16ifpd7d8] {
        padding-top: .75rem !important;
        padding-bottom: 1rem !important;
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .questionnaire-progress-card[b-v16ifpd7d8] {
        position: sticky;
        top: 0;
        z-index: 900;
        margin-bottom: .75rem !important;
        background: var(--bs-body-bg, #fff);
        box-shadow: 0 .35rem 1rem rgba(15, 23, 42, .14) !important;
    }

    .questionnaire-progress-desktop[b-v16ifpd7d8] {
        display: none !important;
    }

    .questionnaire-progress-mobile[b-v16ifpd7d8] {
        display: block;
    }

    .questionnaire-progress-mobile .progress[b-v16ifpd7d8] {
        height: .5rem;
    }

    .questionnaire-form-card[b-v16ifpd7d8] {
        padding: 1rem !important;
    }

    .questionnaire-form-card[b-v16ifpd7d8]  form {
        min-height: 0;
    }

    .questionnaire-step-panel[b-v16ifpd7d8] {
        flex: 0 1 auto;
        scroll-margin-top: 6.5rem;
    }

    .questionnaire-step-panel[b-v16ifpd7d8]  .row > *,
    .questionnaire-step-panel[b-v16ifpd7d8]  .form-control,
    .questionnaire-step-panel[b-v16ifpd7d8]  .form-select,
    .questionnaire-step-panel[b-v16ifpd7d8]  .form-floating {
        min-width: 0;
        max-width: 100%;
    }

    [b-v16ifpd7d8] .questionnaire-control-group {
        width: 100%;
    }

    [b-v16ifpd7d8] input[type="date"].form-control {
        width: 100%;
        min-width: 0;
        font-size: 1rem;
    }

    .questionnaire-actions[b-v16ifpd7d8] {
        margin-top: 2rem !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: .75rem;
    }

    .questionnaire-actions > .btn[b-v16ifpd7d8],
    .questionnaire-actions-primary[b-v16ifpd7d8] {
        width: 100%;
    }

    .questionnaire-actions-primary[b-v16ifpd7d8] {
        display: grid !important;
        grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
        gap: .75rem !important;
    }

    .questionnaire-actions .btn[b-v16ifpd7d8] {
        min-height: 2.75rem;
    }

    .questionnaire-access-status[b-v16ifpd7d8] {
        flex-wrap: wrap;
        align-items: flex-start !important;
        padding: .75rem;
        margin-bottom: .75rem !important;
    }

    .questionnaire-access-status small[b-v16ifpd7d8] {
        width: 100%;
        margin-left: 1.5rem !important;
        margin-top: .35rem;
    }
}

@media (prefers-color-scheme: dark) {
    .questionnaire-public-page[b-v16ifpd7d8] {
        color-scheme: dark;
        --bs-body-color: #e5e7eb;
        --bs-body-color-rgb: 229, 231, 235;
        --bs-emphasis-color: #f8fafc;
        --bs-secondary-color: #cbd5e1;
        --bs-tertiary-color: #94a3b8;
        --bs-body-bg: #0f172a;
        --bs-body-bg-rgb: 15, 23, 42;
        --bs-secondary-bg: #1e293b;
        --bs-tertiary-bg: #243247;
        --bs-border-color: #475569;
        --bs-light: #111827;
        --bs-light-rgb: 17, 24, 39;
        --kendo-color-app-surface: #0f172a;
        --kendo-color-surface: #1e293b;
        --kendo-color-surface-alt: #273449;
        --kendo-color-on-app-surface: #e5e7eb;
        --kendo-color-on-surface: #e5e7eb;
        --kendo-color-subtle: #cbd5e1;
        --kendo-color-border: #64748b;
        background-color: #0f172a !important;
        color: #e5e7eb;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .card,
    .questionnaire-public-page[b-v16ifpd7d8]  .bg-white,
    .questionnaire-public-page[b-v16ifpd7d8]  .questionnaire-progress-card {
        background-color: #1e293b !important;
        color: #e5e7eb;
        border-color: #475569 !important;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .navbar,
    .questionnaire-public-page[b-v16ifpd7d8]  .questionnaire-access-status {
        background-color: #172033 !important;
        color: #e5e7eb;
        border-color: #475569 !important;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .text-muted,
    .questionnaire-public-page[b-v16ifpd7d8]  .form-label {
        color: #cbd5e1 !important;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .form-control,
    .questionnaire-public-page[b-v16ifpd7d8]  .form-select,
    .questionnaire-public-page[b-v16ifpd7d8]  .k-input,
    .questionnaire-public-page[b-v16ifpd7d8]  .k-picker {
        background-color: #111827 !important;
        color: #f8fafc !important;
        border-color: #64748b !important;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .form-control::placeholder,
    .questionnaire-public-page[b-v16ifpd7d8]  .k-input-inner::placeholder {
        color: #94a3b8 !important;
        opacity: 1;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .form-floating > label,
    .questionnaire-public-page[b-v16ifpd7d8]  .k-input-button,
    .questionnaire-public-page[b-v16ifpd7d8]  .k-clear-value {
        color: #cbd5e1 !important;
    }

    .questionnaire-public-page[b-v16ifpd7d8]  .alert-info {
        --bs-alert-color: #dbeafe;
        --bs-alert-bg: #172554;
        --bs-alert-border-color: #1d4ed8;
    }
}
/* /Components/Pages/TaxCompliance/QuestionnairesList.razor.rz.scp.css */
[b-35sajvjulq] .cursor-pointer {
    cursor: pointer;
}
[b-35sajvjulq] .cursor-pointer:hover {
    background-color: var(--kendo-color-base-hover, #f8f9fa);
}
[b-35sajvjulq] .avatar-circle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.875rem;
}
/* /Components/Pages/TaxCompliance/RegistrationCasesList.razor.rz.scp.css */
[b-50e8k0hzzt] .cursor-pointer {
    cursor: pointer;
}
[b-50e8k0hzzt] .cursor-pointer:hover {
    background-color: var(--kendo-color-base-hover, #f8f9fa);
}
/* /Components/Pages/TaxCompliance/VerificationCasesList.razor.rz.scp.css */
[b-8via4rylaq] .cursor-pointer {
    cursor: pointer;
}
[b-8via4rylaq] .cursor-pointer:hover {
    background-color: var(--kendo-color-base-hover, #f8f9fa);
}
/* /Components/Pages/Workers/WorkerFeedbackTimeline.razor.rz.scp.css */
.worker-feedback-timeline[b-ve0ix3xt1t] {
    --feedback-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --feedback-soft: var(--kendo-color-surface-alt, var(--bs-tertiary-bg, #f4f6f8));
    --feedback-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #20252a));
    --feedback-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #66717c));
    --feedback-line: var(--kendo-color-border, var(--bs-border-color, #d6dce2));
    --feedback-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aeb8c2));
    --feedback-primary: var(--efpeka-color-accent, var(--kendo-color-primary, #0d6efd));
    --feedback-primary-ink: var(--kendo-color-on-primary, #fff);
    --feedback-success: var(--kendo-color-success, var(--bs-success, #198754));
    --feedback-info: var(--kendo-color-info, var(--bs-info, #0b7285));
    --feedback-warning: var(--kendo-color-warning, var(--bs-warning, #b86b00));
    --feedback-danger: var(--kendo-color-error, var(--bs-danger, #dc3545));
    --feedback-tertiary: var(--kendo-color-tertiary, #8056c7);
    display: grid;
    min-width: 0;
    gap: 1rem;
    color: var(--feedback-ink);
}

.feedback-header[b-ve0ix3xt1t],
.editor-heading[b-ve0ix3xt1t],
.editor-actions[b-ve0ix3xt1t],
.feedback-message[b-ve0ix3xt1t],
.entry-header[b-ve0ix3xt1t],
.entry-footer[b-ve0ix3xt1t] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.feedback-header[b-ve0ix3xt1t],
.editor-heading[b-ve0ix3xt1t],
.entry-header[b-ve0ix3xt1t],
.entry-footer[b-ve0ix3xt1t] {
    justify-content: space-between;
}

.feedback-header h3[b-ve0ix3xt1t],
.editor-heading h4[b-ve0ix3xt1t] {
    margin: 0;
    color: var(--feedback-ink);
}

.feedback-header h3[b-ve0ix3xt1t] {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.editor-heading h4[b-ve0ix3xt1t] {
    font-size: 1.05rem;
}

.feedback-eyebrow[b-ve0ix3xt1t] {
    margin: 0 0 .25rem;
    color: var(--feedback-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.feedback-intro[b-ve0ix3xt1t] {
    max-width: 55rem;
    margin: .35rem 0 0;
    color: var(--feedback-muted);
    line-height: 1.45;
}

.feedback-action[b-ve0ix3xt1t],
.icon-action[b-ve0ix3xt1t],
.message-action[b-ve0ix3xt1t],
.clear-filters[b-ve0ix3xt1t],
.visibility-action[b-ve0ix3xt1t] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.feedback-action[b-ve0ix3xt1t] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .9rem;
    border: 1px solid var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--feedback-panel);
    font-weight: 700;
    white-space: nowrap;
}

.feedback-action.primary[b-ve0ix3xt1t] {
    border-color: var(--feedback-primary);
    background: var(--feedback-primary);
    color: var(--feedback-primary-ink);
}

.feedback-action:hover:not(:disabled)[b-ve0ix3xt1t] {
    border-color: var(--feedback-primary);
}

.feedback-action.primary:hover:not(:disabled)[b-ve0ix3xt1t] {
    filter: brightness(.94);
}

.feedback-action:disabled[b-ve0ix3xt1t],
.visibility-action:disabled[b-ve0ix3xt1t] {
    cursor: wait;
    opacity: .55;
}

.feedback-action:focus-visible[b-ve0ix3xt1t],
.icon-action:focus-visible[b-ve0ix3xt1t],
.message-action:focus-visible[b-ve0ix3xt1t],
.clear-filters:focus-visible[b-ve0ix3xt1t],
.visibility-action:focus-visible[b-ve0ix3xt1t],
.worker-feedback-timeline :is(input, select, textarea):focus-visible[b-ve0ix3xt1t] {
    outline: 3px solid color-mix(in srgb, var(--feedback-primary) 42%, transparent);
    outline-offset: 2px;
}

.feedback-message[b-ve0ix3xt1t] {
    justify-content: space-between;
    padding: .7rem .85rem;
    border: 1px solid;
    border-radius: var(--efpeka-radius-sm, .4rem);
}

.feedback-message.success[b-ve0ix3xt1t] {
    border-color: color-mix(in srgb, var(--feedback-success) 45%, var(--feedback-line));
    background: color-mix(in srgb, var(--feedback-success) 10%, var(--feedback-panel));
}

.feedback-message.error[b-ve0ix3xt1t] {
    border-color: color-mix(in srgb, var(--feedback-danger) 45%, var(--feedback-line));
    background: color-mix(in srgb, var(--feedback-danger) 9%, var(--feedback-panel));
}

.feedback-message.compact[b-ve0ix3xt1t] {
    margin-top: .85rem;
    padding: .55rem .7rem;
}

.message-action[b-ve0ix3xt1t] {
    color: var(--feedback-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.feedback-loading[b-ve0ix3xt1t],
.feedback-empty[b-ve0ix3xt1t] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 1.25rem;
    border: 1px dashed var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--feedback-soft);
    color: var(--feedback-muted);
    text-align: center;
}

.feedback-empty[b-ve0ix3xt1t] {
    flex-direction: column;
}

.loading-dot[b-ve0ix3xt1t] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--feedback-primary);
    animation: feedback-pulse-b-ve0ix3xt1t 1.1s ease-in-out infinite alternate;
}

.feedback-editor[b-ve0ix3xt1t] {
    padding: 1rem;
    border: 1px solid var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--feedback-soft);
    box-shadow: var(--kendo-elevation-2, 0 .35rem 1rem rgba(0, 0, 0, .08));
}

.icon-action[b-ve0ix3xt1t] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem;
    place-items: center;
    border: 1px solid var(--feedback-line);
    border-radius: 50%;
    background: var(--feedback-panel);
    font-size: 1.35rem;
    line-height: 1;
}

.writing-guidance[b-ve0ix3xt1t] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .85rem;
    padding: .7rem .8rem;
    border-left: .25rem solid var(--feedback-info);
    background: var(--feedback-panel);
    color: var(--feedback-muted);
    font-size: .86rem;
    line-height: 1.45;
}

.writing-guidance strong[b-ve0ix3xt1t] {
    flex: 0 0 auto;
    color: var(--feedback-ink);
}

.feedback-form-grid[b-ve0ix3xt1t] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.feedback-field[b-ve0ix3xt1t] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.feedback-field.wide-two[b-ve0ix3xt1t] {
    grid-column: span 2;
}

.feedback-field.wide[b-ve0ix3xt1t] {
    grid-column: 1 / -1;
}

.feedback-field > label:first-child[b-ve0ix3xt1t] {
    font-size: .82rem;
    font-weight: 750;
}

.feedback-field :is(.form-control, .form-select)[b-ve0ix3xt1t] {
    width: 100%;
    min-height: 2.55rem;
    border-color: var(--feedback-line-strong);
    background: var(--feedback-panel);
    color: var(--feedback-ink);
}

.feedback-field textarea.form-control[b-ve0ix3xt1t] {
    min-height: 5.25rem;
    resize: vertical;
}

.feedback-field small[b-ve0ix3xt1t] {
    color: var(--feedback-muted);
}

.validation-message[b-ve0ix3xt1t],
.validation-summary[b-ve0ix3xt1t] {
    color: var(--feedback-danger);
    font-size: .8rem;
}

.validation-summary ul[b-ve0ix3xt1t] {
    margin: .65rem 0 0;
}

.editor-actions[b-ve0ix3xt1t] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.feedback-filters[b-ve0ix3xt1t] {
    display: grid;
    grid-template-columns: minmax(12rem, 1.5fr) repeat(4, minmax(8rem, 1fr)) auto;
    gap: .65rem;
    align-items: end;
    padding: .8rem;
    border: 1px solid var(--feedback-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--feedback-soft);
}

.feedback-filters label[b-ve0ix3xt1t] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .3rem;
}

.feedback-filters label > span[b-ve0ix3xt1t] {
    color: var(--feedback-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.feedback-filters :is(input, select)[b-ve0ix3xt1t] {
    width: 100%;
    min-height: 2.4rem;
    padding: .42rem .55rem;
    border: 1px solid var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--feedback-panel);
    color: var(--feedback-ink);
}

.clear-filters[b-ve0ix3xt1t] {
    min-height: 2.4rem;
    padding: .42rem .55rem;
    border: 1px solid var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--feedback-panel);
    font-weight: 700;
    white-space: nowrap;
}

.clear-filters:hover[b-ve0ix3xt1t] {
    border-color: var(--feedback-primary);
}

.timeline-summary[b-ve0ix3xt1t] {
    display: flex;
    align-items: baseline;
    gap: .4rem;
    color: var(--feedback-muted);
    font-size: .84rem;
}

.timeline-summary strong[b-ve0ix3xt1t] {
    color: var(--feedback-ink);
    font-size: 1.05rem;
}

.feedback-timeline-list[b-ve0ix3xt1t] {
    position: relative;
    display: grid;
    gap: .85rem;
    margin: 0;
    padding: 0 0 0 1.75rem;
    list-style: none;
}

.feedback-timeline-list[b-ve0ix3xt1t]::before {
    position: absolute;
    inset: .75rem auto .75rem .55rem;
    width: 2px;
    background: var(--feedback-line-strong);
    content: "";
}

.feedback-timeline-list > li[b-ve0ix3xt1t] {
    position: relative;
    min-width: 0;
}

.feedback-entry[b-ve0ix3xt1t] {
    --entry-accent: var(--feedback-info);
    position: relative;
    min-width: 0;
    padding: 1rem;
    border: 1px solid var(--feedback-line);
    border-left: .3rem solid var(--entry-accent);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--feedback-panel);
    box-shadow: var(--kendo-elevation-1, 0 .2rem .65rem rgba(0, 0, 0, .05));
}

.feedback-entry.recognition[b-ve0ix3xt1t],
.entry-badge.type.recognition[b-ve0ix3xt1t] { --entry-accent: var(--feedback-success); }
.feedback-entry.observation[b-ve0ix3xt1t],
.entry-badge.type.observation[b-ve0ix3xt1t] { --entry-accent: var(--feedback-info); }
.feedback-entry.coaching[b-ve0ix3xt1t],
.entry-badge.type.coaching[b-ve0ix3xt1t] { --entry-accent: var(--feedback-tertiary); }
.feedback-entry.concern[b-ve0ix3xt1t],
.entry-badge.type.concern[b-ve0ix3xt1t] { --entry-accent: var(--feedback-warning); }
.feedback-entry.incident[b-ve0ix3xt1t],
.entry-badge.type.incident[b-ve0ix3xt1t] { --entry-accent: var(--feedback-danger); }
.feedback-entry.review[b-ve0ix3xt1t],
.entry-badge.type.review[b-ve0ix3xt1t] { --entry-accent: var(--feedback-primary); }

.timeline-marker[b-ve0ix3xt1t] {
    position: absolute;
    top: 1.05rem;
    left: -1.98rem;
    width: .8rem;
    height: .8rem;
    border: .18rem solid var(--feedback-panel);
    border-radius: 50%;
    background: var(--entry-accent);
    box-shadow: 0 0 0 2px var(--feedback-line-strong);
}

.entry-header[b-ve0ix3xt1t] {
    align-items: flex-start;
}

.entry-header time[b-ve0ix3xt1t] {
    color: var(--feedback-muted);
    font-size: .78rem;
    font-weight: 700;
}

.entry-header h4[b-ve0ix3xt1t] {
    margin: .2rem 0 0;
    font-size: 1.05rem;
}

.entry-header p[b-ve0ix3xt1t] {
    margin: .2rem 0 0;
    color: var(--feedback-muted);
    font-size: .84rem;
}

.entry-badges[b-ve0ix3xt1t] {
    display: flex;
    max-width: 50%;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
}

.entry-badge[b-ve0ix3xt1t] {
    display: inline-flex;
    align-items: center;
    padding: .22rem .48rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .7rem;
    font-weight: 750;
    line-height: 1.2;
}

.entry-badge.type[b-ve0ix3xt1t] {
    color: var(--entry-accent);
}

.entry-badge.visibility.private[b-ve0ix3xt1t],
.entry-badge.rating.not-rated[b-ve0ix3xt1t] {
    color: var(--feedback-muted);
}

.entry-badge.visibility.shared[b-ve0ix3xt1t] {
    color: var(--feedback-success);
}

.entry-badge.rating.rated[b-ve0ix3xt1t] {
    color: var(--feedback-primary);
}

.entry-details[b-ve0ix3xt1t] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
    margin: .9rem 0 0;
}

.entry-details > div[b-ve0ix3xt1t] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid var(--feedback-line);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--feedback-soft);
}

.entry-details dt[b-ve0ix3xt1t] {
    color: var(--feedback-muted);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.entry-details dd[b-ve0ix3xt1t] {
    margin: .35rem 0 0;
    overflow-wrap: anywhere;
    line-height: 1.48;
    white-space: pre-line;
}

.entry-footer[b-ve0ix3xt1t] {
    align-items: flex-end;
    margin-top: .8rem;
    color: var(--feedback-muted);
    font-size: .78rem;
}

.entry-footer strong[b-ve0ix3xt1t] {
    color: var(--feedback-ink);
}

.visibility-action[b-ve0ix3xt1t] {
    flex: 0 0 auto;
    padding: .38rem .55rem;
    border: 1px solid var(--feedback-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--feedback-panel);
    color: var(--feedback-primary);
    font-size: .78rem;
    font-weight: 750;
}

.visibility-action:hover:not(:disabled)[b-ve0ix3xt1t] {
    border-color: var(--feedback-primary);
}

.visibility-lock[b-ve0ix3xt1t] {
    max-width: 24rem;
    color: var(--feedback-muted);
    font-size: .75rem;
    line-height: 1.35;
}

.share-confirmation[b-ve0ix3xt1t] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
    max-width: 38rem;
    padding: .45rem .55rem;
    border: 1px solid var(--kendo-color-warning, #d97706);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: color-mix(in srgb, var(--kendo-color-warning, #d97706) 9%, transparent);
    color: var(--feedback-ink);
    font-size: .75rem;
    line-height: 1.35;
}

@keyframes feedback-pulse-b-ve0ix3xt1t {
    to { opacity: .3; transform: scale(.75); }
}

@media (max-width: 1100px) {
    .feedback-filters[b-ve0ix3xt1t] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .filter-search[b-ve0ix3xt1t] {
        grid-column: span 2;
    }
}

@media (max-width: 860px) {
    .feedback-form-grid[b-ve0ix3xt1t] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .feedback-field.wide-two[b-ve0ix3xt1t] {
        grid-column: span 1;
    }

    .entry-details[b-ve0ix3xt1t] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 640px) {
    .feedback-header[b-ve0ix3xt1t],
    .writing-guidance[b-ve0ix3xt1t],
    .entry-header[b-ve0ix3xt1t],
    .entry-footer[b-ve0ix3xt1t] {
        align-items: stretch;
        flex-direction: column;
    }

    .feedback-header .feedback-action[b-ve0ix3xt1t],
    .editor-actions .feedback-action[b-ve0ix3xt1t] {
        flex: 1 1 0;
    }

    .feedback-form-grid[b-ve0ix3xt1t],
    .feedback-filters[b-ve0ix3xt1t] {
        grid-template-columns: minmax(0, 1fr);
    }

    .feedback-field.wide[b-ve0ix3xt1t],
    .feedback-field.wide-two[b-ve0ix3xt1t],
    .filter-search[b-ve0ix3xt1t] {
        grid-column: auto;
    }

    .entry-badges[b-ve0ix3xt1t] {
        max-width: none;
        justify-content: flex-start;
    }

    .feedback-timeline-list[b-ve0ix3xt1t] {
        padding-left: 1.35rem;
    }

    .feedback-timeline-list[b-ve0ix3xt1t]::before {
        left: .35rem;
    }

    .timeline-marker[b-ve0ix3xt1t] {
        left: -1.57rem;
    }

    .visibility-action[b-ve0ix3xt1t] {
        width: 100%;
        min-height: 2.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-dot[b-ve0ix3xt1t] {
        animation: none;
    }

    .feedback-action.primary:hover:not(:disabled)[b-ve0ix3xt1t] {
        filter: none;
    }
}

@media (forced-colors: active) {
    .feedback-entry[b-ve0ix3xt1t],
    .writing-guidance[b-ve0ix3xt1t],
    .timeline-marker[b-ve0ix3xt1t] {
        border-color: CanvasText;
    }

    .feedback-timeline-list[b-ve0ix3xt1t]::before {
        background: CanvasText;
    }

    .entry-badge[b-ve0ix3xt1t],
    .feedback-action[b-ve0ix3xt1t],
    .icon-action[b-ve0ix3xt1t],
    .visibility-action[b-ve0ix3xt1t] {
        border: 1px solid ButtonText;
    }
}
/* /Components/Pages/Workers/WorkerRateHistory.razor.rz.scp.css */
.worker-rate-history[b-uaxjwu3y3f] {
    --profile-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --profile-soft: var(--kendo-color-surface-alt, var(--bs-tertiary-bg, #f4f6f8));
    --profile-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #20252a));
    --profile-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #66717c));
    --profile-line: var(--kendo-color-border, var(--bs-border-color, #d6dce2));
    --profile-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aeb8c2));
    --profile-primary: var(--efpeka-color-accent, var(--kendo-color-primary, #0d6efd));
    --profile-primary-ink: var(--kendo-color-on-primary, #fff);
    --profile-success: var(--kendo-color-success, var(--bs-success, #198754));
    --profile-warning: var(--kendo-color-warning, var(--bs-warning, #b86b00));
    --profile-danger: var(--kendo-color-error, var(--bs-danger, #dc3545));
    display: grid;
    min-width: 0;
    gap: 1rem;
    color: var(--profile-ink);
}

.rate-header[b-uaxjwu3y3f],
.editor-heading[b-uaxjwu3y3f],
.editor-actions[b-uaxjwu3y3f],
.profile-message[b-uaxjwu3y3f] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.rate-header[b-uaxjwu3y3f],
.editor-heading[b-uaxjwu3y3f] {
    justify-content: space-between;
}

.rate-header h3[b-uaxjwu3y3f],
.editor-heading h4[b-uaxjwu3y3f] {
    margin: 0;
    color: var(--profile-ink);
}

.rate-header h3[b-uaxjwu3y3f] {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.editor-heading h4[b-uaxjwu3y3f] {
    font-size: 1.05rem;
}

.rate-eyebrow[b-uaxjwu3y3f] {
    margin: 0 0 .25rem;
    color: var(--profile-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.rate-intro[b-uaxjwu3y3f] {
    max-width: 52rem;
    margin: .35rem 0 0;
    color: var(--profile-muted);
    line-height: 1.45;
}

.profile-action[b-uaxjwu3y3f],
.text-action[b-uaxjwu3y3f],
.icon-action[b-uaxjwu3y3f],
.message-action[b-uaxjwu3y3f] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.profile-action[b-uaxjwu3y3f] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .9rem;
    border: 1px solid var(--profile-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--profile-panel);
    font-weight: 700;
    white-space: nowrap;
}

.profile-action.primary[b-uaxjwu3y3f] {
    border-color: var(--profile-primary);
    background: var(--profile-primary);
    color: var(--profile-primary-ink);
}

.profile-action:disabled[b-uaxjwu3y3f],
.icon-action:disabled[b-uaxjwu3y3f] {
    cursor: wait;
    opacity: .55;
}

.profile-action:hover:not(:disabled)[b-uaxjwu3y3f] {
    border-color: var(--profile-primary);
}

.profile-action.primary:hover:not(:disabled)[b-uaxjwu3y3f] {
    filter: brightness(.94);
}

.profile-action:focus-visible[b-uaxjwu3y3f],
.text-action:focus-visible[b-uaxjwu3y3f],
.icon-action:focus-visible[b-uaxjwu3y3f],
.message-action:focus-visible[b-uaxjwu3y3f],
.worker-rate-history :is(input, select, textarea):focus-visible[b-uaxjwu3y3f] {
    outline: 3px solid color-mix(in srgb, var(--profile-primary) 42%, transparent);
    outline-offset: 2px;
}

.profile-message[b-uaxjwu3y3f] {
    justify-content: space-between;
    padding: .7rem .85rem;
    border: 1px solid;
    border-radius: var(--efpeka-radius-sm, .4rem);
}

.profile-message.success[b-uaxjwu3y3f] {
    border-color: color-mix(in srgb, var(--profile-success) 45%, var(--profile-line));
    background: color-mix(in srgb, var(--profile-success) 10%, var(--profile-panel));
}

.profile-message.error[b-uaxjwu3y3f] {
    border-color: color-mix(in srgb, var(--profile-danger) 45%, var(--profile-line));
    background: color-mix(in srgb, var(--profile-danger) 9%, var(--profile-panel));
}

.profile-message.compact[b-uaxjwu3y3f] {
    margin-top: .85rem;
    padding: .55rem .7rem;
}

.message-action[b-uaxjwu3y3f],
.text-action[b-uaxjwu3y3f] {
    color: var(--profile-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.profile-loading[b-uaxjwu3y3f],
.profile-empty[b-uaxjwu3y3f] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 1.25rem;
    border: 1px dashed var(--profile-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--profile-soft);
    color: var(--profile-muted);
    text-align: center;
}

.profile-empty[b-uaxjwu3y3f] {
    flex-direction: column;
}

.loading-dot[b-uaxjwu3y3f] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--profile-primary);
    animation: rate-pulse-b-uaxjwu3y3f 1.1s ease-in-out infinite alternate;
}

.rate-summary[b-uaxjwu3y3f] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .75rem;
}

.rate-summary-card[b-uaxjwu3y3f] {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 8.5rem;
    flex-direction: column;
    gap: .4rem;
    padding: 1rem;
    overflow: hidden;
    border: 1px solid var(--profile-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--profile-panel);
}

.rate-summary-card[b-uaxjwu3y3f]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: .25rem;
    background: var(--card-accent, var(--profile-line-strong));
    content: "";
}

.rate-summary-card.current[b-uaxjwu3y3f] { --card-accent: var(--profile-success); }
.rate-summary-card.scheduled[b-uaxjwu3y3f] { --card-accent: var(--profile-warning); }
.rate-summary-card.history[b-uaxjwu3y3f] { --card-accent: var(--profile-primary); }

.summary-label[b-uaxjwu3y3f] {
    color: var(--profile-muted);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rate-summary-card strong[b-uaxjwu3y3f] {
    font-size: 1.25rem;
    line-height: 1.2;
}

.rate-summary-card strong.muted[b-uaxjwu3y3f],
.rate-summary-card span:not(.summary-label)[b-uaxjwu3y3f] {
    color: var(--profile-muted);
}

.rate-summary-card .text-action[b-uaxjwu3y3f] {
    width: fit-content;
    margin-top: auto;
    padding: .15rem 0;
    text-align: left;
}

.rate-editor[b-uaxjwu3y3f] {
    padding: 1rem;
    border: 1px solid var(--profile-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--profile-soft);
    box-shadow: var(--kendo-elevation-2, 0 .35rem 1rem rgba(0, 0, 0, .08));
}

.rate-delete[b-uaxjwu3y3f] {
    border-color: color-mix(in srgb, var(--profile-danger) 45%, var(--profile-line-strong));
}

.rate-delete p[b-uaxjwu3y3f] {
    margin: .8rem 0 0;
    line-height: 1.45;
}

.delete-warning[b-uaxjwu3y3f] {
    color: var(--profile-danger);
    font-size: .86rem;
    font-weight: 650;
}

.text-action.danger[b-uaxjwu3y3f] {
    color: var(--profile-danger);
}

.profile-action.danger[b-uaxjwu3y3f] {
    border-color: var(--profile-danger);
    background: var(--profile-danger);
    color: var(--profile-primary-ink);
}

.profile-action.danger:hover:not(:disabled)[b-uaxjwu3y3f] {
    border-color: var(--profile-danger);
    filter: brightness(.94);
}

.actions-column[b-uaxjwu3y3f] {
    white-space: nowrap;
}

.actions-column .text-action + .text-action[b-uaxjwu3y3f] {
    margin-left: .8rem;
}

.icon-action[b-uaxjwu3y3f] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem;
    place-items: center;
    border: 1px solid var(--profile-line);
    border-radius: 50%;
    background: var(--profile-panel);
    font-size: 1.35rem;
    line-height: 1;
}

.rate-form-grid[b-uaxjwu3y3f] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.profile-field[b-uaxjwu3y3f] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.profile-field.wide[b-uaxjwu3y3f] {
    grid-column: 1 / -1;
}

.profile-field > label:first-child[b-uaxjwu3y3f] {
    font-size: .82rem;
    font-weight: 750;
}

.profile-field :is(.form-control, .form-select)[b-uaxjwu3y3f] {
    width: 100%;
    min-height: 2.55rem;
    border-color: var(--profile-line-strong);
    background: var(--profile-panel);
    color: var(--profile-ink);
}

.profile-field textarea.form-control[b-uaxjwu3y3f] {
    min-height: 5.25rem;
    resize: vertical;
}

.inline-choice[b-uaxjwu3y3f] {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    gap: .4rem;
    margin-top: .2rem;
    color: var(--profile-muted);
    cursor: pointer;
    font-size: .8rem;
}

.validation-message[b-uaxjwu3y3f],
.validation-summary[b-uaxjwu3y3f] {
    color: var(--profile-danger);
    font-size: .8rem;
}

.validation-summary ul[b-uaxjwu3y3f] {
    margin: .65rem 0 0;
}

.period-preview[b-uaxjwu3y3f] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .85rem;
    padding: .7rem .8rem;
    border-left: .25rem solid var(--profile-primary);
    background: var(--profile-panel);
    color: var(--profile-muted);
    font-size: .86rem;
    line-height: 1.45;
}

.period-preview strong[b-uaxjwu3y3f] {
    flex: 0 0 auto;
    color: var(--profile-ink);
}

.editor-actions[b-uaxjwu3y3f] {
    justify-content: flex-end;
    margin-top: 1rem;
}

.rate-table-wrap[b-uaxjwu3y3f] {
    min-width: 0;
    overflow-x: auto;
    border: 1px solid var(--profile-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--profile-panel);
}

.rate-table[b-uaxjwu3y3f] {
    width: 100%;
    min-width: 54rem;
    border-collapse: collapse;
}

.rate-table caption[b-uaxjwu3y3f] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.rate-table th[b-uaxjwu3y3f],
.rate-table td[b-uaxjwu3y3f] {
    padding: .75rem .8rem;
    border-bottom: 1px solid var(--profile-line);
    text-align: left;
    vertical-align: top;
}

.rate-table th[b-uaxjwu3y3f] {
    background: var(--profile-soft);
    color: var(--profile-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.rate-table tbody tr:last-child td[b-uaxjwu3y3f] {
    border-bottom: 0;
}

.rate-table tbody tr:hover[b-uaxjwu3y3f] {
    background: color-mix(in srgb, var(--profile-primary) 4%, var(--profile-panel));
}

.rate-table .numeric[b-uaxjwu3y3f] {
    text-align: right;
    white-space: nowrap;
}

.rate-value[b-uaxjwu3y3f] {
    font-weight: 750;
}

.status-badge[b-uaxjwu3y3f] {
    display: inline-flex;
    align-items: center;
    padding: .22rem .48rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 750;
    white-space: nowrap;
}

.status-badge.current[b-uaxjwu3y3f] {
    color: var(--profile-success);
}

.status-badge.scheduled[b-uaxjwu3y3f] {
    color: var(--profile-warning);
}

.status-badge.past[b-uaxjwu3y3f] {
    color: var(--profile-muted);
}

@keyframes rate-pulse-b-uaxjwu3y3f {
    to { opacity: .3; transform: scale(.75); }
}

@media (max-width: 860px) {
    .rate-summary[b-uaxjwu3y3f] {
        grid-template-columns: 1fr;
    }

    .rate-summary-card[b-uaxjwu3y3f] {
        min-height: 0;
    }

    .rate-form-grid[b-uaxjwu3y3f] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .rate-header[b-uaxjwu3y3f],
    .period-preview[b-uaxjwu3y3f] {
        align-items: stretch;
        flex-direction: column;
    }

    .rate-header .profile-action[b-uaxjwu3y3f],
    .editor-actions .profile-action[b-uaxjwu3y3f] {
        flex: 1 1 0;
    }

    .rate-form-grid[b-uaxjwu3y3f] {
        grid-template-columns: minmax(0, 1fr);
    }

    .profile-field.wide[b-uaxjwu3y3f] {
        grid-column: auto;
    }

    .rate-table-wrap[b-uaxjwu3y3f] {
        overflow: visible;
        border: 0;
        background: transparent;
    }

    .rate-table[b-uaxjwu3y3f],
    .rate-table tbody[b-uaxjwu3y3f],
    .rate-table tr[b-uaxjwu3y3f],
    .rate-table td[b-uaxjwu3y3f] {
        display: block;
        width: 100%;
        min-width: 0;
    }

    .rate-table thead[b-uaxjwu3y3f] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
    }

    .rate-table tr[b-uaxjwu3y3f] {
        margin-bottom: .75rem;
        padding: .45rem .75rem;
        border: 1px solid var(--profile-line);
        border-left: .25rem solid var(--profile-line-strong);
        border-radius: var(--efpeka-radius-md, .6rem);
        background: var(--profile-panel);
    }

    .rate-table tr.rate-row-current[b-uaxjwu3y3f] { border-left-color: var(--profile-success); }
    .rate-table tr.rate-row-scheduled[b-uaxjwu3y3f] { border-left-color: var(--profile-warning); }

    .rate-table td[b-uaxjwu3y3f],
    .rate-table .numeric[b-uaxjwu3y3f] {
        display: grid;
        grid-template-columns: minmax(6.5rem, .42fr) minmax(0, 1fr);
        gap: .55rem;
        padding: .48rem 0;
        border-bottom: 1px solid var(--profile-line);
        text-align: left;
    }

    .rate-table td:last-child[b-uaxjwu3y3f] {
        border-bottom: 0;
    }

    .rate-table td[b-uaxjwu3y3f]::before {
        color: var(--profile-muted);
        content: attr(data-label);
        font-size: .72rem;
        font-weight: 800;
        letter-spacing: .035em;
        text-transform: uppercase;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-dot[b-uaxjwu3y3f] {
        animation: none;
    }

    .profile-action.primary:hover:not(:disabled)[b-uaxjwu3y3f] {
        filter: none;
    }
}

@media (forced-colors: active) {
    .rate-summary-card[b-uaxjwu3y3f]::before,
    .period-preview[b-uaxjwu3y3f],
    .rate-table tr[b-uaxjwu3y3f] {
        forced-color-adjust: none;
        border-color: CanvasText;
    }

    .status-badge[b-uaxjwu3y3f],
    .profile-action[b-uaxjwu3y3f],
    .icon-action[b-uaxjwu3y3f] {
        border: 1px solid ButtonText;
    }
}
/* /Components/Pages/Workers/WorkerSkillsPanel.razor.rz.scp.css */
.worker-skills-panel[b-owx15sb62m] {
    --skills-panel: var(--kendo-color-surface, var(--bs-body-bg, #fff));
    --skills-soft: var(--kendo-color-surface-alt, var(--bs-tertiary-bg, #f4f6f8));
    --skills-ink: var(--kendo-color-on-app-surface, var(--bs-body-color, #20252a));
    --skills-muted: var(--kendo-color-subtle, var(--bs-secondary-color, #66717c));
    --skills-line: var(--kendo-color-border, var(--bs-border-color, #d6dce2));
    --skills-line-strong: var(--kendo-color-border-alt, var(--bs-border-color-translucent, #aeb8c2));
    --skills-primary: var(--efpeka-color-accent, var(--kendo-color-primary, #0d6efd));
    --skills-primary-ink: var(--kendo-color-on-primary, #fff);
    --skills-success: var(--kendo-color-success, var(--bs-success, #198754));
    --skills-warning: var(--kendo-color-warning, var(--bs-warning, #b86b00));
    --skills-danger: var(--kendo-color-error, var(--bs-danger, #dc3545));
    display: grid;
    min-width: 0;
    gap: 1rem;
    margin-top: 1.5rem;
    color: var(--skills-ink);
}

.skills-header[b-owx15sb62m],
.editor-heading[b-owx15sb62m],
.editor-actions[b-owx15sb62m],
.skills-message[b-owx15sb62m] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.skills-header[b-owx15sb62m],
.editor-heading[b-owx15sb62m] {
    justify-content: space-between;
}

.skills-header h3[b-owx15sb62m],
.editor-heading h4[b-owx15sb62m] {
    margin: 0;
    color: var(--skills-ink);
}

.skills-header h3[b-owx15sb62m] {
    font-size: clamp(1.15rem, 2vw, 1.45rem);
}

.editor-heading h4[b-owx15sb62m] {
    font-size: 1.05rem;
}

.skills-eyebrow[b-owx15sb62m] {
    margin: 0 0 .25rem;
    color: var(--skills-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.skills-intro[b-owx15sb62m] {
    max-width: 55rem;
    margin: .35rem 0 0;
    color: var(--skills-muted);
    line-height: 1.45;
}

.skills-action[b-owx15sb62m],
.icon-action[b-owx15sb62m],
.message-action[b-owx15sb62m],
.row-action[b-owx15sb62m] {
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
}

.skills-action[b-owx15sb62m] {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .9rem;
    border: 1px solid var(--skills-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--skills-panel);
    font-weight: 700;
    white-space: nowrap;
}

.skills-action.primary[b-owx15sb62m] {
    border-color: var(--skills-primary);
    background: var(--skills-primary);
    color: var(--skills-primary-ink);
}

.skills-action:hover:not(:disabled)[b-owx15sb62m] {
    border-color: var(--skills-primary);
}

.skills-action.primary:hover:not(:disabled)[b-owx15sb62m] {
    filter: brightness(.94);
}

.skills-action:disabled[b-owx15sb62m],
.row-action:disabled[b-owx15sb62m] {
    cursor: wait;
    opacity: .55;
}

.skills-action:focus-visible[b-owx15sb62m],
.icon-action:focus-visible[b-owx15sb62m],
.message-action:focus-visible[b-owx15sb62m],
.row-action:focus-visible[b-owx15sb62m],
.worker-skills-panel :is(input, select, textarea):focus-visible[b-owx15sb62m] {
    outline: 3px solid color-mix(in srgb, var(--skills-primary) 42%, transparent);
    outline-offset: 2px;
}

.skills-message[b-owx15sb62m] {
    justify-content: space-between;
    padding: .7rem .85rem;
    border: 1px solid;
    border-radius: var(--efpeka-radius-sm, .4rem);
}

.skills-message.success[b-owx15sb62m] {
    border-color: color-mix(in srgb, var(--skills-success) 45%, var(--skills-line));
    background: color-mix(in srgb, var(--skills-success) 10%, var(--skills-panel));
}

.skills-message.error[b-owx15sb62m] {
    border-color: color-mix(in srgb, var(--skills-danger) 45%, var(--skills-line));
    background: color-mix(in srgb, var(--skills-danger) 9%, var(--skills-panel));
}

.skills-message.compact[b-owx15sb62m] {
    margin-top: .85rem;
    padding: .55rem .7rem;
}

.message-action[b-owx15sb62m] {
    color: var(--skills-primary);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .18em;
}

.skills-loading[b-owx15sb62m],
.skills-empty[b-owx15sb62m] {
    display: flex;
    min-height: 6rem;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 1.25rem;
    border: 1px dashed var(--skills-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--skills-soft);
    color: var(--skills-muted);
    text-align: center;
}

.skills-empty[b-owx15sb62m] {
    flex-direction: column;
}

.loading-dot[b-owx15sb62m] {
    width: .65rem;
    height: .65rem;
    border-radius: 50%;
    background: var(--skills-primary);
    animation: skills-pulse-b-owx15sb62m 1.1s ease-in-out infinite alternate;
}

.skills-editor[b-owx15sb62m] {
    padding: 1rem;
    border: 1px solid var(--skills-line-strong);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--skills-soft);
    box-shadow: var(--kendo-elevation-2, 0 .35rem 1rem rgba(0, 0, 0, .08));
}

.icon-action[b-owx15sb62m] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    flex: 0 0 2.4rem;
    place-items: center;
    border: 1px solid var(--skills-line);
    border-radius: 50%;
    background: var(--skills-panel);
    font-size: 1.35rem;
    line-height: 1;
}

.skills-form-grid[b-owx15sb62m] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.skills-field[b-owx15sb62m] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: .35rem;
}

.skills-field.wide-two[b-owx15sb62m] {
    grid-column: span 2;
}

.skills-field.wide[b-owx15sb62m] {
    grid-column: 1 / -1;
}

.skills-field > label:first-child[b-owx15sb62m] {
    font-size: .82rem;
    font-weight: 750;
}

.skills-field :is(.form-control, .form-select)[b-owx15sb62m] {
    width: 100%;
    min-height: 2.55rem;
    border-color: var(--skills-line-strong);
    background: var(--skills-panel);
    color: var(--skills-ink);
}

.skills-field textarea.form-control[b-owx15sb62m] {
    min-height: 4.25rem;
    resize: vertical;
}

.skills-field small[b-owx15sb62m] {
    color: var(--skills-muted);
}

.validation-message[b-owx15sb62m],
.validation-summary[b-owx15sb62m] {
    color: var(--skills-danger);
    font-size: .8rem;
}

.validation-summary ul[b-owx15sb62m] {
    margin: .65rem 0 0;
}

.editor-actions[b-owx15sb62m] {
    justify-content: flex-end;
    margin-top: 1rem;
}

/* Stopka edytora: notka o widoczności i przyciski w jednym wierszu (oszczędza wysokość
   — panel bywa hostowany w modalach ograniczonych do 90vh). */
.editor-footer[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem .85rem;
    margin-top: .85rem;
}

.editor-footer .editor-visibility-note[b-owx15sb62m] {
    flex: 1 1 24rem;
    margin: 0;
}

.editor-footer .editor-actions[b-owx15sb62m] {
    margin-top: 0;
    margin-left: auto;
}

.skills-table-wrap[b-owx15sb62m] {
    overflow-x: auto;
    border: 1px solid var(--skills-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--skills-panel);
}

.skills-table[b-owx15sb62m] {
    width: 100%;
    border-collapse: collapse;
    font-size: .88rem;
}

.skills-table th[b-owx15sb62m],
.skills-table td[b-owx15sb62m] {
    padding: .55rem .7rem;
    border-bottom: 1px solid var(--skills-line);
    text-align: left;
    vertical-align: top;
}

.skills-table thead th[b-owx15sb62m] {
    background: var(--skills-soft);
    color: var(--skills-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.skills-table tbody tr:last-child td[b-owx15sb62m] {
    border-bottom: 0;
}

.skills-table .num[b-owx15sb62m] {
    text-align: right;
}

.skill-name[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .4rem;
    font-weight: 700;
}

.skill-description[b-owx15sb62m] {
    margin-top: .2rem;
    color: var(--skills-muted);
    font-size: .78rem;
    line-height: 1.35;
}

.scale-hint[b-owx15sb62m] {
    display: block;
    margin-top: .15rem;
    color: var(--skills-muted);
    font-size: .74rem;
    font-style: italic;
}

.history-context[b-owx15sb62m] {
    margin-top: .15rem;
    color: var(--skills-muted);
    font-size: .74rem;
}

.band-badge[b-owx15sb62m] {
    display: inline-block;
    margin-left: .35rem;
    padding: .1rem .45rem;
    border: 1px solid var(--skills-line-strong);
    border-radius: 999px;
    background: var(--skills-soft);
    color: var(--skills-ink);
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.scale-hint.band-current[b-owx15sb62m] {
    color: var(--skills-ink);
    font-style: normal;
}

.skill-group-row td[b-owx15sb62m] {
    padding: .55rem .75rem .35rem;
    border-bottom: 1px solid var(--skills-line-strong);
    background: var(--skills-soft);
    color: var(--skills-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.kind-badge[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.kind-badge.hard[b-owx15sb62m] {
    color: var(--skills-primary);
}

.kind-badge.soft[b-owx15sb62m] {
    color: var(--skills-muted);
}

.kind-badge.inactive[b-owx15sb62m] {
    color: var(--skills-warning);
}

.score-value[b-owx15sb62m] {
    font-weight: 800;
    white-space: nowrap;
}

.threshold-badge[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    margin-left: .4rem;
    padding: .18rem .45rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: var(--skills-success);
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.trend[b-owx15sb62m] {
    font-weight: 750;
    white-space: nowrap;
}

.trend.up[b-owx15sb62m] {
    color: var(--skills-success);
}

.trend.down[b-owx15sb62m] {
    color: var(--skills-danger);
}

.trend.flat[b-owx15sb62m],
.trend.none[b-owx15sb62m] {
    color: var(--skills-muted);
}

.mini-trend[b-owx15sb62m] {
    display: inline-flex;
    align-items: flex-end;
    gap: 2px;
    height: 24px;
}

.mini-bar[b-owx15sb62m] {
    display: inline-block;
    width: 6px;
    border-radius: 1px 1px 0 0;
    background: var(--skills-primary);
}

.row-actions[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
}

.row-action[b-owx15sb62m] {
    padding: .3rem .5rem;
    border: 1px solid var(--skills-line-strong);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: var(--skills-panel);
    color: var(--skills-primary);
    font-size: .76rem;
    font-weight: 750;
    white-space: nowrap;
}

.row-action:hover:not(:disabled)[b-owx15sb62m] {
    border-color: var(--skills-primary);
}

.row-action.danger[b-owx15sb62m] {
    color: var(--skills-danger);
}

.row-action.danger:hover:not(:disabled)[b-owx15sb62m] {
    border-color: var(--skills-danger);
}

.cert-row > td[b-owx15sb62m] {
    padding-top: 0;
    background: var(--skills-soft);
}

.cert-list[b-owx15sb62m] {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: .45rem 0 .45rem 1.1rem;
    list-style: none;
}

.cert-item[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
    font-size: .82rem;
}

.cert-name[b-owx15sb62m] {
    font-weight: 700;
}

.cert-number[b-owx15sb62m],
.cert-date[b-owx15sb62m] {
    color: var(--skills-muted);
    white-space: nowrap;
}

.cert-badge[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.cert-badge.success[b-owx15sb62m] {
    color: var(--skills-success);
}

.cert-badge.warning[b-owx15sb62m] {
    color: var(--skills-warning);
}

.cert-badge.danger[b-owx15sb62m] {
    color: var(--skills-danger);
}

.confirm-inline[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex-wrap: wrap;
    max-width: 34rem;
    padding: .4rem .55rem;
    border: 1px solid var(--kendo-color-warning, #d97706);
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: color-mix(in srgb, var(--kendo-color-warning, #d97706) 9%, transparent);
    color: var(--skills-ink);
    font-size: .74rem;
    line-height: 1.35;
}

.history-table .history-note[b-owx15sb62m] {
    max-width: 22rem;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.history-created[b-owx15sb62m] {
    color: var(--skills-muted);
    font-size: .74rem;
}

.history-badges[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-bottom: .25rem;
}

/* ── Przełącznik widoków: Macierz / Dziennik ─────────────────────────────────── */

.view-switch[b-owx15sb62m] {
    display: flex;
    width: fit-content;
    gap: .35rem;
    padding: .3rem;
    border: 1px solid var(--skills-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--skills-soft);
}

.view-tab[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .45rem .85rem;
    border: 1px solid transparent;
    border-radius: var(--efpeka-radius-sm, .4rem);
    background: transparent;
    color: var(--skills-muted);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    white-space: nowrap;
}

.view-tab:hover:not(.active)[b-owx15sb62m] {
    color: var(--skills-ink);
}

.view-tab.active[b-owx15sb62m] {
    border-color: var(--skills-line-strong);
    background: var(--skills-panel);
    color: var(--skills-ink);
}

.view-tab:focus-visible[b-owx15sb62m] {
    outline: 3px solid color-mix(in srgb, var(--skills-primary) 42%, transparent);
    outline-offset: 2px;
}

.view-count[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.4rem;
    padding: .05rem .35rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--skills-primary) 14%, transparent);
    color: var(--skills-primary);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1.3;
}

/* ── Chip kontekstu przydziału na dzień wpisu ────────────────────────────────── */

.day-context-chip[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    gap: .35rem;
    padding: .3rem .6rem;
    border: 1px solid color-mix(in srgb, var(--skills-primary) 40%, var(--skills-line));
    border-radius: 999px;
    background: color-mix(in srgb, var(--skills-primary) 9%, var(--skills-panel));
    font-size: .76rem;
    font-weight: 600;
    line-height: 1.35;
}

.day-context-chip.none[b-owx15sb62m],
.day-context-chip.pending[b-owx15sb62m] {
    border-color: var(--skills-line-strong);
    background: var(--skills-soft);
    color: var(--skills-muted);
}

.editor-visibility-note[b-owx15sb62m] {
    margin: .85rem 0 0;
    color: var(--skills-muted);
    font-size: .78rem;
    line-height: 1.4;
}

/* ── Badge typu wpisu (kolorystyka stonowana) ────────────────────────────────── */

.entry-badge[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px solid currentColor;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 750;
    line-height: 1.2;
    white-space: nowrap;
}

.entry-badge.neutral[b-owx15sb62m] {
    color: var(--skills-muted);
}

.entry-badge.positive[b-owx15sb62m] {
    color: var(--skills-success);
}

.entry-badge.caution[b-owx15sb62m] {
    color: var(--skills-warning);
}

.entry-badge.negative[b-owx15sb62m] {
    color: var(--skills-danger);
}

/* ── Badge wyniku i widoczności wpisu ────────────────────────────────────────── */

.score-badge[b-owx15sb62m] {
    font-weight: 800;
    white-space: nowrap;
}

.score-badge.none[b-owx15sb62m],
.score-none[b-owx15sb62m] {
    color: var(--skills-muted);
    font-style: italic;
    font-weight: 600;
    white-space: nowrap;
}

.visibility-badge[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    padding: .18rem .45rem;
    border: 1px dashed currentColor;
    border-radius: 999px;
    color: var(--skills-muted);
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.2;
}

.visibility-badge.shared[b-owx15sb62m] {
    border-style: solid;
    color: var(--skills-success);
}

.protected-hint[b-owx15sb62m] {
    color: var(--skills-muted);
    font-size: .74rem;
    font-style: italic;
    white-space: nowrap;
}

/* ── Dziennik: chronologiczna lista wpisów ───────────────────────────────────── */

.journal-list[b-owx15sb62m] {
    display: grid;
    gap: .65rem;
}

.journal-entry[b-owx15sb62m] {
    display: grid;
    gap: .45rem;
    padding: .8rem .95rem;
    border: 1px solid var(--skills-line);
    border-radius: var(--efpeka-radius-md, .6rem);
    background: var(--skills-panel);
}

.journal-entry-head[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .45rem;
}

.journal-date[b-owx15sb62m] {
    color: var(--skills-muted);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.journal-skill[b-owx15sb62m] {
    font-weight: 750;
}

.journal-note[b-owx15sb62m] {
    margin: 0;
    font-size: .88rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-line;
}

.journal-next-step[b-owx15sb62m] {
    margin: 0;
    font-size: .82rem;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.journal-next-step-label[b-owx15sb62m] {
    font-weight: 750;
}

.journal-entry .history-context[b-owx15sb62m] {
    margin-top: 0;
}

.journal-entry-foot[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding-top: .45rem;
    border-top: 1px dashed var(--skills-line);
}

.journal-recorded[b-owx15sb62m] {
    color: var(--skills-muted);
    font-size: .76rem;
}

.cert-file-row[b-owx15sb62m] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .5rem;
}

.cert-file-input[b-owx15sb62m] {
    max-width: 280px;
}

.cert-file-hint[b-owx15sb62m] {
    font-size: .8rem;
}

.cert-file-hint.muted[b-owx15sb62m] {
    color: var(--skills-muted);
}

.cert-remove-file[b-owx15sb62m] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .35rem;
    color: var(--skills-muted);
    font-size: .8rem;
}

@keyframes skills-pulse-b-owx15sb62m {
    to { opacity: .3; transform: scale(.75); }
}

@media (max-width: 860px) {
    .skills-form-grid[b-owx15sb62m] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .skills-field.wide-two[b-owx15sb62m] {
        grid-column: span 1;
    }

    /* Textarea w połowie szerokości robi się nieczytelna — na wąskich ekranach
       notatka i następny krok wracają do pełnego wiersza. */
    .skills-field.field-note[b-owx15sb62m] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 640px) {
    .skills-header[b-owx15sb62m] {
        align-items: stretch;
        flex-direction: column;
    }

    .skills-header .skills-action[b-owx15sb62m],
    .editor-actions .skills-action[b-owx15sb62m] {
        flex: 1 1 0;
    }

    .skills-form-grid[b-owx15sb62m] {
        grid-template-columns: minmax(0, 1fr);
    }

    .skills-field.wide[b-owx15sb62m],
    .skills-field.wide-two[b-owx15sb62m] {
        grid-column: auto;
    }

    .view-switch[b-owx15sb62m] {
        width: 100%;
    }

    .view-tab[b-owx15sb62m] {
        flex: 1 1 0;
        justify-content: center;
    }

    .journal-entry-foot[b-owx15sb62m] {
        align-items: stretch;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loading-dot[b-owx15sb62m] {
        animation: none;
    }

    .skills-action.primary:hover:not(:disabled)[b-owx15sb62m] {
        filter: none;
    }
}

@media (forced-colors: active) {
    .skills-table-wrap[b-owx15sb62m],
    .skills-editor[b-owx15sb62m] {
        border-color: CanvasText;
    }

    .kind-badge[b-owx15sb62m],
    .threshold-badge[b-owx15sb62m],
    .cert-badge[b-owx15sb62m],
    .entry-badge[b-owx15sb62m],
    .visibility-badge[b-owx15sb62m],
    .day-context-chip[b-owx15sb62m],
    .view-tab[b-owx15sb62m],
    .skills-action[b-owx15sb62m],
    .icon-action[b-owx15sb62m],
    .row-action[b-owx15sb62m] {
        border: 1px solid ButtonText;
    }

    .journal-entry[b-owx15sb62m],
    .view-switch[b-owx15sb62m] {
        border-color: CanvasText;
    }

    .mini-bar[b-owx15sb62m] {
        background: CanvasText;
    }
}
/* /Components/Shared/AddressPicker.razor.rz.scp.css */
.address-picker__hint[b-k57nd91gg6] {
    align-items: center;
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 7%, transparent);
    border: 1px solid color-mix(in srgb, var(--bs-primary, #0d6efd) 18%, transparent);
    border-radius: .5rem;
    color: var(--bs-secondary-color, #5b6470);
    display: flex;
    font-size: .82rem;
    gap: .45rem;
    margin-bottom: .65rem;
    padding: .55rem .7rem;
}

.address-picker :deep(.validation-message)[b-k57nd91gg6] {
    display: block;
    line-height: 1.25;
    margin-top: .3rem;
}

.address-picker :deep(.k-input.is-invalid)[b-k57nd91gg6],
.address-picker :deep(.is-invalid.k-input)[b-k57nd91gg6],
.address-picker :deep(.is-invalid .k-input)[b-k57nd91gg6],
.address-picker :deep(.questionnaire-input-invalid)[b-k57nd91gg6] {
    border-color: var(--bs-danger, #dc3545) !important;
    box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .12);
}

.address-picker__results-grid[b-k57nd91gg6] {
    display: grid;
    gap: .75rem;
    grid-template-columns: minmax(0, 1.15fr) minmax(17rem, .85fr);
    margin-bottom: .65rem;
}

.address-picker__results-grid--list-only[b-k57nd91gg6] {
    grid-template-columns: minmax(0, 1fr);
}

.address-picker__results[b-k57nd91gg6],
.address-picker__map[b-k57nd91gg6] {
    border: 1px solid var(--bs-border-color, #d7dbe0);
    border-radius: .55rem;
    min-width: 0;
    overflow: hidden;
}

.address-picker__results-heading[b-k57nd91gg6] {
    align-items: center;
    background: var(--bs-tertiary-bg, #f4f5f7);
    display: flex;
    font-size: .82rem;
    justify-content: space-between;
    padding: .5rem .65rem;
}

.address-picker__results-heading span[b-k57nd91gg6] {
    color: var(--bs-secondary-color, #6c757d);
}

.address-picker__results-list[b-k57nd91gg6] {
    max-height: 230px;
    overflow-y: auto;
}

.address-picker__result[b-k57nd91gg6] {
    align-items: flex-start;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--bs-border-color, #e3e5e8);
    color: inherit;
    display: flex;
    gap: .55rem;
    padding: .58rem .65rem;
    text-align: left;
    width: 100%;
}

.address-picker__result:last-child[b-k57nd91gg6] {
    border-bottom: 0;
}

.address-picker__result:hover[b-k57nd91gg6],
.address-picker__result:focus-visible[b-k57nd91gg6],
.address-picker__result.is-selected[b-k57nd91gg6] {
    background: color-mix(in srgb, var(--bs-primary, #0d6efd) 10%, transparent);
    outline: 0;
}

.address-picker__result > span[b-k57nd91gg6] {
    display: grid;
    gap: .12rem;
    min-width: 0;
}

.address-picker__result strong[b-k57nd91gg6],
.address-picker__result small[b-k57nd91gg6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-picker__result small[b-k57nd91gg6],
.address-picker__map-hint[b-k57nd91gg6] {
    color: var(--bs-secondary-color, #6c757d);
}

.address-picker__map[b-k57nd91gg6] {
    background: var(--bs-tertiary-bg, #f4f5f7);
    position: relative;
}

.address-picker__map-hint[b-k57nd91gg6] {
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 92%, transparent);
    border-radius: .35rem;
    bottom: .45rem;
    font-size: .74rem;
    left: .45rem;
    max-width: calc(100% - .9rem);
    padding: .3rem .45rem;
    pointer-events: none;
    position: absolute;
    z-index: 2;
}

@media (max-width: 900px) {
    .address-picker__results-grid[b-k57nd91gg6] {
        grid-template-columns: 1fr;
    }

    .address-picker .row > [class*="col-md-"][b-k57nd91gg6] {
        margin-bottom: .75rem;
    }
}
/* /Components/Shared/AutomationSessionBanner.razor.rz.scp.css */
.automation-session-banner[b-w8uqk9apq6] {
    display: block;
    width: 100%;
    color: #211a00;
    color-scheme: light only;
    z-index: 1100;
}

.automation-session-panel[b-w8uqk9apq6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.45rem;
    width: 100%;
    padding: 0.45rem clamp(0.75rem, 2vw, 1.5rem) 0.55rem;
    border-block: 3px solid #e0a800;
    background: #fff3bf;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.22);
    color: #211a00;
}

.write-mode .automation-session-panel[b-w8uqk9apq6] {
    border-color: #c1121f;
    background: #ffd8d8;
    color: #3d080d;
}

.production .automation-session-panel[b-w8uqk9apq6] {
    border-block-width: 4px;
    background-image: repeating-linear-gradient(
        -45deg,
        rgba(193, 18, 31, 0.07),
        rgba(193, 18, 31, 0.07) 10px,
        transparent 10px,
        transparent 20px);
}

.automation-session-heading[b-w8uqk9apq6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    margin: 0;
}

.automation-session-symbol[b-w8uqk9apq6] {
    flex-shrink: 0;
    font-size: 1.15rem;
    line-height: 1;
}

.automation-session-title[b-w8uqk9apq6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.03em;
}

.environment-badge[b-w8uqk9apq6],
.mode-badge[b-w8uqk9apq6] {
    display: inline-flex;
    align-items: center;
    min-height: 1.15rem;
    padding: 0.08rem 0.3rem;
    border-radius: 0.25rem;
    font-size: 0.61rem;
    font-weight: 900;
    letter-spacing: 0.04em;
}

.environment-badge[b-w8uqk9apq6] {
    background: #161616;
    color: #fff;
}

.mode-badge[b-w8uqk9apq6] {
    border: 1px solid currentColor;
    background: rgba(255, 255, 255, 0.55);
}

.automation-session-end[b-w8uqk9apq6] {
    margin: 0;
}

.automation-session-end button[b-w8uqk9apq6] {
    min-height: 1.85rem;
    padding: 0.28rem 0.55rem;
    border: 2px solid #8a6400;
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.7);
    color: #211a00;
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
}

.write-mode .automation-session-end button[b-w8uqk9apq6] {
    border-color: #9f101b;
    color: #6f0911;
}

.automation-session-end button:hover[b-w8uqk9apq6],
.automation-session-end button:focus-visible[b-w8uqk9apq6] {
    outline: none;
    background-color: #161616;
    border-color: #161616;
    color: #fff;
}

.write-mode .automation-session-end button:hover[b-w8uqk9apq6],
.write-mode .automation-session-end button:focus-visible[b-w8uqk9apq6] {
    background-color: #7f0b14;
    border-color: #7f0b14;
    color: #fff;
}

.automation-session-action[b-w8uqk9apq6] {
    letter-spacing: 0.01em;
}

.automation-session-details[b-w8uqk9apq6] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 0.35rem 0.8rem;
    min-width: 0;
    margin: 0;
    padding-top: 0.4rem;
    border-top: 1px solid rgba(33, 26, 0, 0.25);
}

.automation-session-details > div[b-w8uqk9apq6] {
    min-width: 0;
}

.automation-session-details .wide-detail[b-w8uqk9apq6] {
    grid-column: span 3;
}

.automation-session-details dt[b-w8uqk9apq6] {
    margin: 0;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 0.75;
}

.automation-session-details dd[b-w8uqk9apq6] {
    margin: 0;
    overflow-wrap: anywhere;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 1100px) {
    .automation-session-details[b-w8uqk9apq6] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .automation-session-heading[b-w8uqk9apq6] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .automation-session-end[b-w8uqk9apq6] {
        grid-column: 1 / -1;
    }

    .automation-session-end button[b-w8uqk9apq6] {
        width: 100%;
    }

    .automation-session-details[b-w8uqk9apq6] {
        grid-template-columns: 1fr;
    }

    .automation-session-details .wide-detail[b-w8uqk9apq6] {
        grid-column: 1;
    }
}
/* /Components/Shared/ContractorSuggestionCard.razor.rz.scp.css */
.suggestion-card[b-hw4lo95zb4] {
    margin-top: .75rem;
    border: 1px solid #c9d5e8;
    border-radius: .5rem;
    background: #eef5ff;
    color: #17365f;
    overflow: hidden;
}

.suggestion-card__title[b-hw4lo95zb4] {
    padding: .5rem 1rem .25rem;
    font-weight: 700;
    font-size: .9rem;
    text-transform: uppercase;
    letter-spacing: .03em;
    opacity: .8;
}

.suggestion-row[b-hw4lo95zb4] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .55rem 1rem;
    border-left: 5px solid #3577c7;
}

.suggestion-row + .suggestion-row[b-hw4lo95zb4] { border-top: 1px solid rgba(23, 54, 95, .12); }
.suggestion-row.is-conflict[b-hw4lo95zb4] { border-left-color: #b02a37; background: #fff1f1; color: #742029; }

.suggestion-icon[b-hw4lo95zb4] {
    display: grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: #3577c7;
    color: #fff;
    font-weight: 800;
    flex-shrink: 0;
}

.suggestion-row.is-conflict .suggestion-icon[b-hw4lo95zb4] { background: #b02a37; }

.suggestion-more[b-hw4lo95zb4] { margin-left: 1rem; }

@media (max-width: 700px) {
    .suggestion-row[b-hw4lo95zb4] { align-items: flex-start; flex-wrap: wrap; }
    .suggestion-row .btn[b-hw4lo95zb4] { margin-left: 2.5rem; }
}
/* /Components/Shared/CookieConsent.razor.rz.scp.css */
.cookie-consent-overlay[b-1sm0qd75qu] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.5);
    padding: 0;
    animation: slideUp-b-1sm0qd75qu 0.3s ease-out;
}

@keyframes slideUp-b-1sm0qd75qu {
    from {
        transform: translateY(100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.cookie-consent-banner[b-1sm0qd75qu] {
    background: var(--kendo-color-surface, #ffffff);
    border-top: 3px solid var(--kendo-color-primary, #006bb7);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
    max-width: 100%;
    margin: 0 auto;
}

.cookie-consent-content[b-1sm0qd75qu] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 24px 32px;
}

.cookie-consent-header[b-1sm0qd75qu] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.cookie-consent-header h3[b-1sm0qd75qu] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--kendo-color-on-surface, #272727);
}

.cookie-icon[b-1sm0qd75qu] {
    font-size: 1.5rem;
}

.cookie-consent-text[b-1sm0qd75qu] {
    margin: 0 0 20px 0;
    color: var(--kendo-color-subtle, #666666);
    line-height: 1.6;
    font-size: 0.95rem;
}

.cookie-consent-actions[b-1sm0qd75qu] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 16px;
}

.cookie-consent-actions[b-1sm0qd75qu]  .k-button {
    min-width: 140px;
}

.cookie-consent-links[b-1sm0qd75qu] {
    font-size: 0.85rem;
}

.cookie-consent-links a[b-1sm0qd75qu] {
    color: var(--kendo-color-primary, #006bb7);
    text-decoration: none;
}

.cookie-consent-links a:hover[b-1sm0qd75qu] {
    text-decoration: underline;
}

/* Dark theme support */
[b-1sm0qd75qu] .k-dark .cookie-consent-banner,
:global(.k-dark) .cookie-consent-banner[b-1sm0qd75qu] {
    background: var(--kendo-color-surface, #1e1e1e);
}

/* Responsive */
@media (max-width: 768px) {
    .cookie-consent-content[b-1sm0qd75qu] {
        padding: 20px 16px;
    }

    .cookie-consent-actions[b-1sm0qd75qu] {
        flex-direction: column;
    }

    .cookie-consent-actions[b-1sm0qd75qu]  .k-button {
        width: 100%;
    }
}
/* /Components/Shared/CtiScreenPopListener.razor.rz.scp.css */
.cti-screen-pop-stack[b-dshgbrrpta] {
    position: fixed;
    top: 4.75rem;
    right: 1.25rem;
    z-index: 1060;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    width: min(26rem, calc(100vw - 2rem));
    pointer-events: none;
}

.cti-screen-pop[b-dshgbrrpta] {
    pointer-events: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 0.9rem;
    border: 1px solid color-mix(in srgb, var(--kendo-color-primary-on-surface, #0d6efd) 22%, var(--kendo-color-border, transparent));
    border-left: 4px solid var(--kendo-color-primary-on-surface, #0d6efd);
    border-radius: 8px;
    background: color-mix(in srgb, var(--kendo-color-surface, #ffffff) 94%, var(--kendo-color-primary-subtle, #e7f1ff));
    box-shadow: var(--kendo-elevation-4, 0 0.75rem 1.75rem rgba(15, 23, 42, 0.18));
}

.cti-screen-pop__icon[b-dshgbrrpta] {
    display: grid;
    place-items: center;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    background: var(--kendo-color-primary-subtle, rgba(13, 110, 253, 0.12));
    color: var(--kendo-color-primary-on-subtle, #0d6efd);
    font-size: 1.1rem;
}

.cti-screen-pop__body[b-dshgbrrpta] {
    min-width: 0;
}

.cti-screen-pop__title[b-dshgbrrpta] {
    font-weight: 700;
    font-size: 0.92rem;
    line-height: 1.15;
}

.cti-screen-pop__phone[b-dshgbrrpta] {
    overflow-wrap: anywhere;
    font-size: 1rem;
    line-height: 1.25;
}

.cti-screen-pop__meta[b-dshgbrrpta] {
    overflow-wrap: anywhere;
    font-size: 0.78rem;
    color: var(--kendo-color-subtle, #6c757d);
}

.cti-screen-pop__action[b-dshgbrrpta] {
    white-space: nowrap;
}

.cti-screen-pop__close[b-dshgbrrpta] {
    align-self: start;
}

@media (max-width: 640.98px) {
    .cti-screen-pop-stack[b-dshgbrrpta] {
        top: 0.75rem;
        right: 0.75rem;
        left: 0.75rem;
        width: auto;
    }

    .cti-screen-pop[b-dshgbrrpta] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .cti-screen-pop__action[b-dshgbrrpta] {
        grid-column: 2 / 4;
        justify-self: start;
    }
}
/* /Components/Shared/DashboardCard.razor.rz.scp.css */
.dashboard-card[b-qtsg53riuc] {
    background: var(--kendo-color-surface, white);
    border-radius: 12px;
    border: 1px solid var(--kendo-color-border, #e2e8f0);
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.dashboard-card:hover[b-qtsg53riuc] {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.dashboard-card--urgent[b-qtsg53riuc] {
    border-left: 4px solid var(--bs-danger, #dc3545);
}

.dashboard-card__header[b-qtsg53riuc] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 16px 8px;
}

.dashboard-card__icon-wrapper[b-qtsg53riuc] {
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.dashboard-card__icon-wrapper--primary[b-qtsg53riuc] {
    background: rgba(var(--bs-primary-rgb, 13, 110, 253), 0.1);
    color: var(--bs-primary, #0d6efd);
}

.dashboard-card__icon-wrapper--success[b-qtsg53riuc] {
    background: rgba(var(--bs-success-rgb, 25, 135, 84), 0.1);
    color: var(--bs-success, #198754);
}

.dashboard-card__icon-wrapper--warning[b-qtsg53riuc] {
    background: rgba(var(--bs-warning-rgb, 255, 193, 7), 0.15);
    color: var(--bs-warning, #ffc107);
}

.dashboard-card__icon-wrapper--danger[b-qtsg53riuc] {
    background: rgba(var(--bs-danger-rgb, 220, 53, 69), 0.1);
    color: var(--bs-danger, #dc3545);
}

.dashboard-card__icon-wrapper--info[b-qtsg53riuc] {
    background: rgba(var(--bs-info-rgb, 13, 202, 240), 0.1);
    color: var(--bs-info, #0dcaf0);
}

.dashboard-card__icon-wrapper--secondary[b-qtsg53riuc] {
    background: rgba(var(--bs-secondary-rgb, 108, 117, 125), 0.1);
    color: var(--bs-secondary, #6c757d);
}

.dashboard-card__header-content[b-qtsg53riuc] {
    flex: 1;
    min-width: 0;
}

.dashboard-card__title[b-qtsg53riuc] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--kendo-color-on-app-surface, #2d3748);
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card__subtitle[b-qtsg53riuc] {
    display: block;
    font-size: 0.8rem;
    color: var(--kendo-color-subtle, #718096);
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-card__badge[b-qtsg53riuc] {
    flex-shrink: 0;
    font-size: 0.7rem;
    white-space: nowrap;
}

.dashboard-card__body[b-qtsg53riuc] {
    padding: 0 16px 8px;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dashboard-card__status[b-qtsg53riuc] {
    font-size: 0.8rem;
}

.dashboard-card__due-date[b-qtsg53riuc] {
    font-size: 0.8rem;
    display: flex;
    align-items: center;
}

.dashboard-card__extra[b-qtsg53riuc] {
    margin-top: 4px;
}

.dashboard-card__footer[b-qtsg53riuc] {
    padding: 8px 16px;
    border-top: 1px solid var(--kendo-color-border, #e2e8f0);
    text-align: right;
}

.dashboard-card__link[b-qtsg53riuc] {
    font-size: 0.8rem;
    color: var(--bs-primary, #0d6efd);
    font-weight: 500;
}

.dashboard-card:hover .dashboard-card__link[b-qtsg53riuc] {
    text-decoration: underline;
}
/* /Components/Shared/KsefValidationXmlPreview.razor.rz.scp.css */
.ksef-validation-xml-preview[b-dnmo1ykopo] {
    border: 1px solid var(--kendo-color-border, #d8dee6);
    border-radius: 6px;
    padding: 12px;
    background: var(--kendo-color-base, #f8fafc);
}

.ksef-validation-xml-preview-code[b-dnmo1ykopo] {
    max-height: 300px;
    overflow: auto;
    margin-bottom: 0;
    padding: 10px;
    border: 1px solid var(--kendo-color-border, #d8dee6);
    border-radius: 4px;
    background: var(--kendo-color-surface, #ffffff);
    color: var(--kendo-color-on-app-surface, #1f2933);
    font-size: 0.8rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
/* /Components/Shared/TaskKanbanBoard.razor.rz.scp.css */
.kanban-board[b-0e7iby8jor] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: .5rem;
}

.kanban-column[b-0e7iby8jor] {
    flex: 1 1 0;
    min-width: 260px;
    background: rgba(0, 0, 0, .035);
    border: 1px solid rgba(0, 0, 0, .06);
    border-radius: .6rem;
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 270px);
}

.kanban-column-dragover[b-0e7iby8jor] {
    outline: 2px dashed #0d6efd;
    outline-offset: -2px;
    background: rgba(13, 110, 253, .05);
}

.kanban-column-header[b-0e7iby8jor] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .6rem .8rem;
    border-bottom: 3px solid transparent;
}

.kanban-col-todo[b-0e7iby8jor] { border-bottom-color: #6c757d; }
.kanban-col-inprogress[b-0e7iby8jor] { border-bottom-color: #0d6efd; }
.kanban-col-onhold[b-0e7iby8jor] { border-bottom-color: #fd7e14; }
.kanban-col-completed[b-0e7iby8jor] { border-bottom-color: #198754; }

.kanban-cards[b-0e7iby8jor] {
    padding: .55rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    min-height: 140px;
}

.kanban-card[b-0e7iby8jor] {
    background: var(--kendo-color-surface, #fff);
    border: 1px solid rgba(0, 0, 0, .09);
    border-left: 4px solid rgba(0, 0, 0, .12);
    border-radius: .5rem;
    padding: .55rem .65rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
    cursor: grab;
    transition: box-shadow .12s ease, transform .12s ease;
}

.kanban-card:hover[b-0e7iby8jor] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .14);
    transform: translateY(-1px);
}

.kanban-card:active[b-0e7iby8jor] {
    cursor: grabbing;
}

.kanban-card-root[b-0e7iby8jor] {
    border-left-color: #0d6efd;
}

.kanban-card-overdue[b-0e7iby8jor] {
    border-left-color: #dc3545;
}

.kanban-card-title[b-0e7iby8jor] {
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.25;
    word-break: break-word;
}

.kanban-card-meta[b-0e7iby8jor] {
    margin-top: .25rem;
    display: flex;
    flex-wrap: wrap;
    gap: .25rem .75rem;
    font-size: .78rem;
    color: #6c757d;
}

.kanban-card-footer[b-0e7iby8jor] {
    margin-top: .35rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .78rem;
}

.kanban-card-add[b-0e7iby8jor] {
    color: #6c757d;
    line-height: 1;
}

.kanban-card-add:hover[b-0e7iby8jor] {
    color: #0d6efd;
}

.kanban-empty[b-0e7iby8jor] {
    border: 1px dashed rgba(0, 0, 0, .18);
    border-radius: .5rem;
    color: #8a8f98;
    text-align: center;
    padding: 1.1rem .5rem;
    font-size: .85rem;
}
/* /Components/Shared/WorkerColorWindow.razor.rz.scp.css */
.worker-color-scope[b-9nzqun1ygn] {
    min-width: 6.5rem;
    font-size: .85rem;
    color: var(--bs-secondary-color, #6c757d);
}