/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-bzrc5ksj21] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-bzrc5ksj21] {
    flex: 1;
}

.sidebar[b-bzrc5ksj21] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-bzrc5ksj21] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

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

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

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

    .top-row[b-bzrc5ksj21], article[b-bzrc5ksj21] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-bzrc5ksj21] {
    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%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-bzrc5ksj21] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.vma-nav[b-y5andbo5b1] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    flex: 1;
}

.vma-nav__scroll[b-y5andbo5b1] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.vma-nav__scroll[b-y5andbo5b1]::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.vma-nav__footer[b-y5andbo5b1] {
    flex-shrink: 0;
    padding-top: 1em;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.vma-nav__copyright[b-y5andbo5b1] {
    padding: 14px 10px 10px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yj6m1r07x4],
.components-reconnect-repeated-attempt-visible[b-yj6m1r07x4],
.components-reconnect-failed-visible[b-yj6m1r07x4],
.components-pause-visible[b-yj6m1r07x4],
.components-resume-failed-visible[b-yj6m1r07x4],
.components-rejoining-animation[b-yj6m1r07x4] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-yj6m1r07x4 {
    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/Pages/Account/Components/AccountFleetSection.razor.rz.scp.css */
.fleet-filters[b-wdntf91v9e] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.fleet-filter[b-wdntf91v9e] {
    background: var(--vma-accent-soft);
    border: 1px solid var(--vma-accent-border);
    color: var(--vma-text-heading);
    font-weight: 600;
    font-size: 0.82rem;
    border-radius: 12px;
    padding: 0.3rem 0.9rem;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}

.fleet-filter:hover[b-wdntf91v9e] {
    background: var(--vma-brand-muted);
    border-color: var(--vma-accent-border);
}

.fleet-filter--active[b-wdntf91v9e] {
    background: var(--vma-accent);
    border-color: var(--vma-accent);
    color: #fff;
}

.fleet-filter--active:hover[b-wdntf91v9e] {
    background: var(--vma-accent);
    border-color: var(--vma-accent);
    color: #fff;
    opacity: 0.9;
}

.fleet-filter__badge[b-wdntf91v9e] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.25);
    border-radius: 8px;
    padding: 0 0.45rem;
    font-size: 0.75rem;
    margin-left: 0.3rem;
    font-weight: 700;
}

.fleet-filter:not(.fleet-filter--active) .fleet-filter__badge[b-wdntf91v9e] {
    background: var(--vma-accent-border);
}
/* /Components/Pages/Account/Index.razor.rz.scp.css */
/* Account page – tabbed layout */

.account-tabs[b-ntdvxo44vj] {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.account-tablist[b-ntdvxo44vj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 1.75rem;
    list-style: none;
    margin-top: 0;
    background: var(--vma-bg-secondary, #f8fafc);
    border-radius: 14px;
    border: 1px solid var(--vma-border-light);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.account-tab[b-ntdvxo44vj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.account-tab:hover:not(.account-tab--active)[b-ntdvxo44vj] {
    color: var(--vma-text-primary);
    background: var(--vma-bg-card);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.account-tab:active[b-ntdvxo44vj] {
    transform: scale(0.98);
}

.account-tab--active[b-ntdvxo44vj] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border: 2px solid var(--vma-accent) !important;
    box-shadow: 0 2px 8px var(--vma-accent-soft) !important;
    font-weight: 700;
}

.account-tab--active:hover[b-ntdvxo44vj] {
    background: var(--vma-accent-hover) !important;
    box-shadow: 0 2px 10px var(--vma-accent-border) !important;
}

.account-tab:focus-visible[b-ntdvxo44vj] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.account-tabpanel[b-ntdvxo44vj] {
    padding-top: 0;
    margin-top: 0;
    animation: account-tabpanel-in-b-ntdvxo44vj 0.2s ease;
}

@keyframes account-tabpanel-in-b-ntdvxo44vj {
    from { opacity: 0.97; }
    to   { opacity: 1; }
}

.account-tabpanel:focus[b-ntdvxo44vj] {
    outline: none;
}

.account-tabpanel[hidden][b-ntdvxo44vj] {
    display: none;
}

html.dark .account-tablist[b-ntdvxo44vj] {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--vma-border-light);
}

html.dark .account-tab--active[b-ntdvxo44vj] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border-color: var(--vma-accent) !important;
}
/* /Components/Pages/Accounting/AccountingChartsSection.razor.rz.scp.css */
.acc-overview[b-d3cl1psegh] {
    overflow: hidden;
}

.acc-overview__header[b-d3cl1psegh] {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.acc-overview__heading[b-d3cl1psegh] {
    flex: 1;
    min-width: 0;
}

.acc-overview__actions[b-d3cl1psegh] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.acc-overview__year[b-d3cl1psegh] {
    width: auto;
}

.acc-overview__expand[b-d3cl1psegh] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 16px 7px 12px;
    border: 1px solid var(--vma-border-light, #e2e8f0);
    border-radius: 10px;
    background: var(--vma-bg-card, #fff);
    color: var(--vma-text-secondary, #64748b);
    font-size: 0.8125rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    -webkit-tap-highlight-color: transparent;
}

.acc-overview__expand:hover[b-d3cl1psegh] {
    background: var(--vma-accent, #3b82f6);
    border-color: var(--vma-accent, #3b82f6);
    color: #fff;
    box-shadow: 0 2px 8px rgba(59, 130, 246, 0.25);
}

.acc-overview__expand:active[b-d3cl1psegh] {
    transform: scale(0.97);
}

.acc-overview__expand-icon[b-d3cl1psegh] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: var(--vma-activity-bg, #f1f5f9);
    transition: transform 0.25s ease, background 0.2s ease;
}

.acc-overview__expand:hover .acc-overview__expand-icon[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.2);
}

.acc-overview__expand-icon[b-d3cl1psegh]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-top: -2px;
}

.acc-overview__expand--open .acc-overview__expand-icon[b-d3cl1psegh]::before {
    transform: rotate(-135deg);
    margin-top: 2px;
}

.acc-overview__expand--open[b-d3cl1psegh] {
    background: var(--vma-accent-soft, rgba(59, 130, 246, 0.08));
    border-color: var(--vma-accent, #3b82f6);
    color: var(--vma-accent, #3b82f6);
}

.acc-overview__expand--open .acc-overview__expand-icon[b-d3cl1psegh] {
    background: rgba(59, 130, 246, 0.12);
}

.acc-overview__expand--open:hover[b-d3cl1psegh] {
    background: var(--vma-accent, #3b82f6);
    color: #fff;
}

.acc-overview__expand--open:hover .acc-overview__expand-icon[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.2);
}

.acc-overview__body[b-d3cl1psegh] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--vma-border-light, #e2e8f0);
}

.acc-charts[b-d3cl1psegh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

@media (min-width: 1200px) {
    .acc-charts[b-d3cl1psegh] {
        grid-template-columns: 1fr 1fr;
    }
}

.acc-chart-card[b-d3cl1psegh] {
    min-height: 260px;
    padding: 24px 28px 20px;
}

.acc-chart-card--wide[b-d3cl1psegh] {
    grid-column: 1 / -1;
}

.acc-chart-header[b-d3cl1psegh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

.acc-chart-title[b-d3cl1psegh] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--vma-text-heading, #1e293b);
    line-height: 1.3;
}

.acc-chart-sub[b-d3cl1psegh] {
    font-size: 0.8rem;
    color: var(--vma-text-muted, #94a3b8);
    margin-top: 2px;
}

.acc-chart-badge[b-d3cl1psegh] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--vma-text-secondary, #64748b);
    background: var(--vma-bg-subtle, #f8fafc);
    border-radius: 20px;
    padding: 4px 12px;
    white-space: nowrap;
    flex-shrink: 0;
}

.acc-chart-badge__dot[b-d3cl1psegh] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.acc-chart-badge__dot--blue[b-d3cl1psegh] { background: #3b82f6; }
.acc-chart-badge__dot--green[b-d3cl1psegh] { background: #10b981; }
.acc-chart-badge__dot--amber[b-d3cl1psegh] { background: #f59e0b; }
.acc-chart-badge__dot--red[b-d3cl1psegh] { background: #ef4444; }
.acc-chart-badge__dot--purple[b-d3cl1psegh] { background: #8b5cf6; }

.acc-chart-card--clickable[b-d3cl1psegh] {
    cursor: pointer;
    transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}

.acc-chart-card--clickable:hover[b-d3cl1psegh] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    border-color: var(--vma-border-medium, #cbd5e1);
    transform: translateY(-2px);
}

.acc-chart-card--clickable:active[b-d3cl1psegh] {
    transform: translateY(0);
}

.acc-chart-scroll[b-d3cl1psegh] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

/* ── Detail modal ── */

.acc-detail-modal[b-d3cl1psegh] {
    width: min(1100px, calc(100vw - 32px));
    max-height: min(90vh, 960px);
    display: flex;
    flex-direction: column;
}

.acc-detail-modal .vma-modal__header[b-d3cl1psegh] {
    flex-shrink: 0;
}

.acc-detail-modal__body[b-d3cl1psegh] {
    padding: 24px 28px !important;
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden !important;
}

.acc-detail-chart[b-d3cl1psegh] {
    flex-shrink: 0;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
}

/* Cap chart height in modal so header + chart + table fit; table scrolls if needed */
.acc-detail-chart[b-d3cl1psegh]  .vma-area-svg {
    display: block;
    width: 100%;
    height: auto;
    max-height: min(175px, 28vh);
}

.acc-detail-chart[b-d3cl1psegh]  .vma-donut {
    gap: 1rem;
}

.acc-detail-chart[b-d3cl1psegh]  .vma-donut__ring {
    width: min(180px, 42vw);
    height: min(180px, 42vw);
}

.acc-detail-table-wrap[b-d3cl1psegh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid var(--vma-border-light, #e2e8f0);
    border-radius: 12px;
}

.acc-detail-table[b-d3cl1psegh] {
    margin-bottom: 0;
}

.acc-detail-table thead th[b-d3cl1psegh] {
    background: var(--vma-activity-bg, #f8fafc);
    font-weight: 600;
    font-size: 0.8125rem;
    color: var(--vma-text-secondary, #64748b);
    padding: 0.625rem 1rem;
    border-bottom: 1px solid var(--vma-table-border, #e2e8f0);
    white-space: nowrap;
}

.acc-detail-table tbody td[b-d3cl1psegh] {
    padding: 0.625rem 1rem;
    font-size: 0.9rem;
}

.acc-detail-table tbody tr[b-d3cl1psegh] {
    transition: background-color 0.15s ease;
}

.acc-detail-table tbody tr:hover[b-d3cl1psegh] {
    background: var(--vma-table-row-hover, rgba(59,130,246,0.04));
}

@media (max-width: 768px) {
    .acc-detail-modal[b-d3cl1psegh] {
        width: calc(100vw - 16px);
    }
    .acc-detail-modal__body[b-d3cl1psegh] {
        padding: 16px !important;
    }
}

/* ── Dark mode ── */

:global(html.dark) .acc-chart-title[b-d3cl1psegh] {
    color: #e2e8f0;
}

:global(html.dark) .acc-chart-sub[b-d3cl1psegh] {
    color: #6b7a8d;
}

:global(html.dark) .acc-chart-badge[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.06);
    color: #94a3b8;
}

:global(html.dark) .acc-overview__expand[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    color: #94a3b8;
}

:global(html.dark) .acc-overview__expand-icon[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.06);
}

:global(html.dark) .acc-overview__expand:hover[b-d3cl1psegh] {
    background: #3b82f6;
    border-color: #3b82f6;
    color: #fff;
    box-shadow: 0 2px 12px rgba(59, 130, 246, 0.35);
}

:global(html.dark) .acc-overview__expand--open[b-d3cl1psegh] {
    background: rgba(59, 130, 246, 0.12);
    border-color: rgba(96, 165, 250, 0.3);
    color: #60a5fa;
}

:global(html.dark) .acc-overview__expand--open .acc-overview__expand-icon[b-d3cl1psegh] {
    background: rgba(59, 130, 246, 0.2);
}

:global(html.dark) .acc-overview__expand--open:hover[b-d3cl1psegh] {
    background: #3b82f6;
    color: #fff;
}

:global(html.dark) .acc-overview__body[b-d3cl1psegh] {
    border-top-color: rgba(255, 255, 255, 0.08);
}

:global(html.dark) .acc-chart-card--clickable:hover[b-d3cl1psegh] {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
    border-color: rgba(255, 255, 255, 0.12);
}

/* ── Detail modal dark mode ── */

:global(html.dark) .acc-detail-modal[b-d3cl1psegh] {
    background: #1e293b;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.65);
}

:global(html.dark) .acc-detail-modal :global(.vma-modal__header)[b-d3cl1psegh] {
    border-bottom-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
}

:global(html.dark) .acc-detail-modal :global(.vma-modal__title)[b-d3cl1psegh] {
    color: #f8fafc;
}

:global(html.dark) .acc-detail-modal :global(.vma-modal__close)[b-d3cl1psegh] {
    color: #64748b;
}

:global(html.dark) .acc-detail-modal :global(.vma-modal__close):hover[b-d3cl1psegh] {
    color: #f1f5f9;
}

:global(html.dark) .acc-detail-modal__body[b-d3cl1psegh] {
    color: #f1f5f9;
}

:global(html.dark) .acc-detail-table-wrap[b-d3cl1psegh] {
    border-color: rgba(255, 255, 255, 0.08);
}

:global(html.dark) .acc-detail-table thead th[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.04);
    color: #94a3b8;
    border-bottom-color: rgba(255, 255, 255, 0.08);
}

:global(html.dark) .acc-detail-table tbody td[b-d3cl1psegh] {
    color: #e2e8f0;
    border-bottom-color: rgba(255, 255, 255, 0.05);
}

:global(html.dark) .acc-detail-table tbody tr:hover[b-d3cl1psegh] {
    background: rgba(255, 255, 255, 0.03);
}

:global(html.dark) :global(.vma-modalBackdrop)[b-d3cl1psegh] {
    background: rgba(0, 0, 0, 0.65);
}
/* /Components/Pages/ActivityFeed.razor.rz.scp.css */
/* Activity / history — full width, filters, sortable table */

.vma-activity-page[b-j3b315lbts] {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-inline: 0;
}

.vma-activity-toolbar[b-j3b315lbts] {
    padding: 12px 16px;
    margin-bottom: 16px;
}

.vma-activity-segments[b-j3b315lbts] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 4px;
    border-radius: 12px;
    background: var(--vma-bg-subtle, rgba(11, 42, 74, 0.06));
    border: 1px solid var(--vma-border-light);
}

.vma-activity-segment[b-j3b315lbts] {
    flex: 1 1 auto;
    min-width: min(140px, 100%);
    border: none;
    background: transparent;
    color: var(--vma-text-secondary);
    font-size: 14px;
    font-weight: 600;
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    text-align: center;
    line-height: 1.3;
}

.vma-activity-segment:hover[b-j3b315lbts] {
    color: var(--vma-text-heading);
    background: var(--vma-bg-card-hover, rgba(11, 42, 74, 0.04));
}

.vma-activity-segment:focus-visible[b-j3b315lbts] {
    outline: 2px solid var(--vma-accent, #1b6ec2);
    outline-offset: 2px;
}

.vma-activity-segment--active[b-j3b315lbts] {
    color: var(--vma-text-heading);
    background: var(--vma-bg-card);
    box-shadow: var(--vma-shadow-card, 0 1px 3px rgba(11, 42, 74, 0.08));
    border: 1px solid var(--vma-border-light);
}

.vma-activity-card[b-j3b315lbts] {
    padding: 0;
    overflow: hidden;
}

.vma-activity-table-toolbar[b-j3b315lbts] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px 20px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--vma-border-light);
    background: var(--vma-bg-card);
}

.vma-activity-filters[b-j3b315lbts] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 12px;
    flex: 1 1 280px;
    min-width: 0;
}

.vma-activity-filters__search[b-j3b315lbts] {
    flex: 1 1 220px;
    min-width: min(100%, 200px);
}

.vma-activity-filters__category[b-j3b315lbts] {
    flex: 0 1 220px;
    min-width: min(100%, 180px);
}

.vma-activity-search[b-j3b315lbts],
.vma-activity-category[b-j3b315lbts] {
    width: 100%;
    min-height: 42px;
}

.vma-activity-meta[b-j3b315lbts] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--vma-text-secondary);
    flex: 0 0 auto;
    align-self: center;
}

.vma-activity-filter-empty[b-j3b315lbts] {
    padding: 28px 24px;
    text-align: center;
    color: var(--vma-text-secondary);
    font-size: 14px;
}

.vma-activity-table-wrap[b-j3b315lbts] {
    border-radius: 0;
}

.table.vma-activity-table thead th[b-j3b315lbts] {
    vertical-align: bottom;
    white-space: nowrap;
}

.table.vma-activity-table tbody td[b-j3b315lbts] {
    vertical-align: top;
}

.vma-activity-sort-btn[b-j3b315lbts] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--vma-text-secondary);
    cursor: pointer;
    text-align: left;
    line-height: 1.3;
}

.vma-activity-sort-btn:hover[b-j3b315lbts] {
    color: var(--vma-text-heading);
}

.vma-activity-sort-btn:focus-visible[b-j3b315lbts] {
    outline: 2px solid var(--vma-accent, #1b6ec2);
    outline-offset: 2px;
    border-radius: 4px;
}

.vma-activity-sort-btn--active[b-j3b315lbts] {
    color: var(--vma-text-heading);
}

.vma-activity-sort-indicator[b-j3b315lbts] {
    font-size: 11px;
    opacity: 0.85;
}

.vma-activity-col-category[b-j3b315lbts] {
    width: 1%;
    white-space: nowrap;
}

.vma-activity-cell-time[b-j3b315lbts] {
    font-size: 13px;
    font-weight: 600;
    color: var(--vma-text-secondary);
    white-space: nowrap;
    width: 1%;
}

.vma-activity-cell-action[b-j3b315lbts] {
    font-size: 14px;
    font-weight: 600;
    min-width: 160px;
    max-width: 320px;
}

.vma-activity-action-text[b-j3b315lbts] {
    color: var(--vma-text-heading);
    line-height: 1.4;
}

.vma-activity-cell-category[b-j3b315lbts] {
    font-size: 13px;
}

.vma-activity-cell-who[b-j3b315lbts] {
    font-size: 13px;
    min-width: 120px;
    max-width: 200px;
}

.vma-activity-who-text[b-j3b315lbts] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: bottom;
}

.vma-activity-cell-context[b-j3b315lbts] {
    font-size: 13px;
    line-height: 1.45;
    color: var(--vma-text-secondary);
    word-break: break-word;
    min-width: 200px;
}

.vma-activity-loading[b-j3b315lbts] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 28px 24px;
    justify-content: center;
}

.vma-activity-spinner[b-j3b315lbts] {
    width: 22px;
    height: 22px;
    border: 2px solid var(--vma-border-light);
    border-top-color: var(--vma-accent, #1b6ec2);
    border-radius: 50%;
    animation: vma-activity-spin-b-j3b315lbts 0.7s linear infinite;
}

@keyframes vma-activity-spin-b-j3b315lbts {
    to {
        transform: rotate(360deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .vma-activity-spinner[b-j3b315lbts] {
        animation: none;
        border-top-color: var(--vma-accent, #1b6ec2);
        opacity: 0.7;
    }

    .vma-activity-segment[b-j3b315lbts] {
        transition: none;
    }
}

.vma-activity-empty[b-j3b315lbts] {
    text-align: center;
    padding: 40px 24px 36px;
    max-width: 420px;
    margin-inline: auto;
}

.vma-activity-empty__icon[b-j3b315lbts] {
    font-size: 40px;
    line-height: 1;
    margin-bottom: 12px;
    opacity: 0.85;
}

.vma-activity-empty__title[b-j3b315lbts] {
    font-size: 17px;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin-bottom: 8px;
}

.vma-activity-empty__hint[b-j3b315lbts] {
    font-size: 14px;
    color: var(--vma-text-secondary);
    line-height: 1.5;
    margin: 0;
}

.vma-activity-count[b-j3b315lbts] {
    font-size: 12px;
    font-weight: 600;
    color: var(--vma-text-muted);
    margin-left: 8px;
}

a.vma-activity-page-link[b-j3b315lbts] {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
    align-items: center;
    max-width: 100%;
}

a.vma-activity-page-link:hover[b-j3b315lbts] {
    color: var(--vma-accent, #1b6ec2);
    text-decoration: underline;
}

a.vma-activity-page-link:focus-visible[b-j3b315lbts] {
    outline: 2px solid var(--vma-accent, #1b6ec2);
    outline-offset: 2px;
    border-radius: 999px;
}
/* /Components/Pages/Admin/Components/AdministrationTaskActions.razor.rz.scp.css */
.admin-task-actions[b-gog0e1kjri] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-task-actions--compact[b-gog0e1kjri] {
    flex-wrap: nowrap;
    gap: 0.25rem;
    justify-content: flex-end;
    align-items: center;
}

.admin-task-actions--compact .vma-table-btn[b-gog0e1kjri] {
    white-space: nowrap;
}

.admin-task-actions__more[b-gog0e1kjri] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    min-width: 2.25rem;
}

.admin-task-actions[b-gog0e1kjri]  .dropdown-menu {
    font-size: 0.875rem;
    min-width: 11rem;
}
/* /Components/Pages/Admin/Components/AdministrationTaskPanel.razor.rz.scp.css */
.admin-task-panel__loading[b-dxhbiy4nal],
.admin-task-panel__notfound[b-dxhbiy4nal] {
    padding: 2rem 1rem;
    text-align: center;
}

.admin-task-panel__header[b-dxhbiy4nal] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.admin-task-panel__heading[b-dxhbiy4nal] {
    min-width: 0;
    flex: 1 1 320px;
}

.admin-task-panel__title[b-dxhbiy4nal] {
    margin: 0 0 0.5rem;
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--vma-text-heading);
    overflow-wrap: anywhere;
}

.admin-task-panel__pills[b-dxhbiy4nal] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    align-items: center;
}

.admin-task-panel__pills .vma-pill[b-dxhbiy4nal] {
    font-size: 0.75rem;
    padding: 3px 10px;
    font-weight: 700;
}

.admin-task-panel__project[b-dxhbiy4nal] {
    text-decoration: none;
}

.admin-task-panel__actions[b-dxhbiy4nal] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: flex-start;
}

.admin-task-panel__accept-hint[b-dxhbiy4nal] {
    margin-bottom: 1rem;
}

.admin-task-panel__reason[b-dxhbiy4nal] {
    margin-bottom: 1rem;
}

.admin-task-panel__grid[b-dxhbiy4nal] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 1.25rem;
    margin-bottom: 1.25rem;
}

@media (max-width: 767px) {
    .admin-task-panel__grid[b-dxhbiy4nal] {
        grid-template-columns: 1fr;
    }
}

.admin-task-panel__box[b-dxhbiy4nal] {
    padding: 10px 14px;
    background: var(--vma-activity-bg);
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.admin-task-panel__details[b-dxhbiy4nal] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 0.5rem;
    margin: 0;
}

.admin-task-panel__details dt[b-dxhbiy4nal] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vma-text-muted);
    margin-bottom: 2px;
}

.admin-task-panel__details dd[b-dxhbiy4nal] {
    margin: 0;
    padding: 6px 12px;
    background: var(--vma-activity-bg);
    border-radius: 8px;
    border: 1px solid var(--vma-border-light);
    font-weight: 600;
}

.admin-task-panel__meta dl[b-dxhbiy4nal] {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: 0.75rem;
    row-gap: 0.375rem;
    margin: 0 0 1rem;
    font-size: 0.875rem;
}

.admin-task-panel__meta dt[b-dxhbiy4nal] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vma-text-muted);
    align-self: start;
    padding-top: 2px;
}

.admin-task-panel__meta dd[b-dxhbiy4nal] {
    margin: 0;
    color: var(--vma-text-primary);
    overflow-wrap: anywhere;
}

.admin-task-panel__section[b-dxhbiy4nal] {
    border-top: 1px solid var(--vma-border-light);
    padding-top: 1rem;
    margin-top: 1rem;
}

.admin-task-panel__section-title[b-dxhbiy4nal] {
    font-weight: 700;
    color: var(--vma-text-heading);
    margin-bottom: 0.625rem;
}

.admin-task-panel__empty[b-dxhbiy4nal] {
    padding: 0.875rem;
    text-align: center;
    color: var(--vma-text-muted);
    background: var(--vma-activity-bg);
    border: 1px dashed var(--vma-border-light);
    border-radius: 10px;
    font-size: 0.875rem;
}

/* Obserwatorzy */
.admin-task-panel__watcher-list[b-dxhbiy4nal] {
    list-style: none;
    margin: 0 0 0.5rem;
    padding: 0;
    font-size: 0.875rem;
}

.admin-task-panel__watcher-list li[b-dxhbiy4nal] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    padding: 3px 0;
}

/* Załączniki */
.admin-task-panel__attachments[b-dxhbiy4nal] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.admin-task-panel__attachments li[b-dxhbiy4nal] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border: 1px solid var(--vma-border-light);
    border-radius: 10px;
    background: var(--vma-bg-card);
}

.admin-task-panel__attachment-body[b-dxhbiy4nal] {
    flex: 1 1 auto;
    min-width: 0;
}

.admin-task-panel__attachment-body a[b-dxhbiy4nal] {
    color: inherit;
    text-decoration: none;
    overflow-wrap: anywhere;
}

/* Oś czasu */
.admin-task-panel__timeline[b-dxhbiy4nal] {
    list-style: none;
    margin: 0 0 1rem;
    padding: 0 0 0 1.25rem;
    position: relative;
    max-height: 420px;
    overflow-y: auto;
}

.admin-task-panel__timeline[b-dxhbiy4nal]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 6px;
    bottom: 6px;
    width: 2px;
    background: var(--vma-border-light);
}

.admin-task-panel__event[b-dxhbiy4nal] {
    position: relative;
    padding: 0 0 0.75rem;
}

.admin-task-panel__event-dot[b-dxhbiy4nal] {
    position: absolute;
    left: -1.25rem;
    top: 6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--vma-text-muted);
    border: 2px solid var(--vma-bg-card);
}

.admin-task-panel__event--comment .admin-task-panel__event-dot[b-dxhbiy4nal] {
    background: #2563eb;
}

.admin-task-panel__event-head[b-dxhbiy4nal] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem 0.5rem;
    align-items: baseline;
    font-size: 0.875rem;
}

.admin-task-panel__event-what[b-dxhbiy4nal] {
    color: var(--vma-text-secondary);
}

.admin-task-panel__event-text[b-dxhbiy4nal] {
    margin-top: 0.25rem;
    padding: 8px 12px;
    background: var(--vma-activity-bg);
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 0.9375rem;
}

.admin-task-panel__event--comment .admin-task-panel__event-text[b-dxhbiy4nal] {
    border-left: 3px solid #2563eb;
}

.admin-task-panel__comment-form[b-dxhbiy4nal] {
    margin-top: 0.5rem;
}
/* /Components/Pages/Admin/Index.razor.rz.scp.css */
/* Admin hub (/admin) — task-oriented card grid, keyboard-friendly */

.admin-hub__header[b-ngear2x3py] {
    margin-bottom: 1.25rem;
}

.admin-hub__groups[b-ngear2x3py] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.admin-hub__group[b-ngear2x3py] {
    min-width: 0;
}

.admin-hub__group-title[b-ngear2x3py] {
    margin: 0 0 0.75rem;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--vma-text-muted);
    line-height: 1.3;
}

.admin-hub__grid[b-ngear2x3py] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr));
    gap: 1rem;
}

.admin-hub__cell[b-ngear2x3py] {
    margin: 0;
    min-width: 0;
}

.admin-hub-card[b-ngear2x3py] {
    display: flex;
    align-items: flex-start;
    gap: 0.875rem;
    min-height: 100%;
    padding: 1.1rem 1.15rem;
    border-radius: 12px;
    border: 1px solid var(--vma-border-light);
    background: var(--vma-bg-card);
    box-shadow: var(--vma-shadow-card, 0 1px 3px rgba(11, 42, 74, 0.08));
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.admin-hub-card:hover[b-ngear2x3py] {
    border-color: var(--vma-border-medium, rgba(11, 42, 74, 0.18));
    box-shadow: 0 4px 14px rgba(11, 42, 74, 0.1);
    background: var(--vma-bg-card-hover, var(--vma-bg-card));
}

.admin-hub-card:focus[b-ngear2x3py] {
    outline: none;
}

.admin-hub-card:focus-visible[b-ngear2x3py] {
    outline: 2px solid var(--vma-accent, #1b6ec2);
    outline-offset: 2px;
}

.admin-hub-card__icon[b-ngear2x3py] {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    border-radius: 10px;
    background: var(--vma-bg-subtle, rgba(11, 42, 74, 0.06));
    border: 1px solid var(--vma-border-light);
}

.admin-hub-card__body[b-ngear2x3py] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.admin-hub-card__title[b-ngear2x3py] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    line-height: 1.3;
}

.admin-hub-card__hint[b-ngear2x3py] {
    font-size: 0.8125rem;
    line-height: 1.4;
    color: var(--vma-text-secondary);
}

.admin-hub-card__chev[b-ngear2x3py] {
    flex-shrink: 0;
    color: var(--vma-text-muted);
    margin-top: 0.15rem;
    opacity: 0.85;
}

.admin-hub-card:hover .admin-hub-card__chev[b-ngear2x3py] {
    color: var(--vma-accent, #1b6ec2);
}

@media (prefers-reduced-motion: reduce) {
    .admin-hub-card[b-ngear2x3py] {
        transition: none;
    }
}

html.dark .admin-hub-card[b-ngear2x3py] {
    background: var(--vma-bg-tertiary, rgba(255, 255, 255, 0.04));
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

html.dark .admin-hub-card:hover[b-ngear2x3py] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.18);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

html.dark .admin-hub-card__icon[b-ngear2x3py] {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
}
/* /Components/Pages/Admin/Tasks.razor.rz.scp.css */
.admin-tasks[b-gaoqupd4qj] {
    padding-bottom: 1.5rem;
}

.admin-tasks__stats[b-gaoqupd4qj] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    margin-bottom: 1rem;
}

@media (max-width: 991px) {
    .admin-tasks__stats[b-gaoqupd4qj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .admin-tasks__stats[b-gaoqupd4qj] {
        grid-template-columns: 1fr;
    }
}

.admin-tasks__stat[b-gaoqupd4qj] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 10px;
    padding: 0.875rem 1rem;
    box-shadow: var(--vma-shadow-card);
}

.admin-tasks__stat-label[b-gaoqupd4qj] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vma-text-muted);
    line-height: 1.3;
}

.admin-tasks__stat-value[b-gaoqupd4qj] {
    margin-top: 0.25rem;
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--vma-text-heading);
}

.admin-tasks__stat-value--pending[b-gaoqupd4qj] {
    color: #92400e;
}

.admin-tasks__stat-value--progress[b-gaoqupd4qj] {
    color: #0369a1;
}

.admin-tasks__stat-value--done[b-gaoqupd4qj] {
    color: #177245;
}

.admin-tasks__filters[b-gaoqupd4qj] {
    margin-bottom: 1rem;
}

.admin-tasks__filter-grid[b-gaoqupd4qj] {
    align-items: end;
}

.admin-tasks__filter-actions[b-gaoqupd4qj] {
    display: flex;
    align-items: flex-end;
}

.admin-tasks__empty[b-gaoqupd4qj] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    color: var(--vma-text-muted);
}

.admin-tasks__loading[b-gaoqupd4qj] {
    padding: 1.25rem 1.5rem;
    color: var(--vma-text-muted);
}

/* === Tasks table === */
.admin-tasks-table[b-gaoqupd4qj] {
    min-width: 1080px;
}

.admin-tasks-table thead th[b-gaoqupd4qj] {
    background: var(--vma-bg-secondary);
    border-bottom: 1px solid var(--vma-table-border);
    padding: 11px 14px;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--vma-text-muted);
    vertical-align: middle;
    white-space: nowrap;
}

.admin-tasks-table tbody td[b-gaoqupd4qj] {
    padding: 12px 14px;
    vertical-align: middle;
}

.admin-tasks-table__th--title[b-gaoqupd4qj] {
    min-width: 10rem;
    max-width: 22rem;
}

.admin-tasks-table__title[b-gaoqupd4qj] {
    max-width: 22rem;
    overflow-wrap: anywhere;
}

.admin-tasks-table__th--project[b-gaoqupd4qj] {
    width: 7rem;
}

.admin-tasks-table__th--queue[b-gaoqupd4qj] {
    width: 5.5rem;
    text-align: center;
}

.admin-tasks-table__th--type[b-gaoqupd4qj] {
    min-width: 9rem;
}

.admin-tasks-table__th--status[b-gaoqupd4qj],
.admin-tasks-table__th--priority[b-gaoqupd4qj] {
    width: 7.5rem;
}

.admin-tasks-table__th--person[b-gaoqupd4qj] {
    min-width: 8.5rem;
}

.admin-tasks-table__th--date[b-gaoqupd4qj] {
    width: 9.5rem;
}

.admin-tasks-table__th--actions[b-gaoqupd4qj] {
    width: 1%;
    min-width: 15rem;
    text-align: right;
    padding-right: 16px !important;
}

.admin-tasks-table__title-note[b-gaoqupd4qj] {
    display: block;
    margin-top: 0.2rem;
    line-height: 1.35;
}

.admin-tasks-table__title-cell[b-gaoqupd4qj] {
    font-weight: 700;
    color: var(--vma-text-heading);
    font-size: 0.9375rem;
    line-height: 1.35;
}

.admin-tasks-table__queue-cell[b-gaoqupd4qj] {
    text-align: center;
}

.admin-tasks-table__queue[b-gaoqupd4qj] {
    font-size: 0.75rem;
    padding: 4px 10px;
    font-weight: 700;
}

.admin-tasks-table__type[b-gaoqupd4qj] {
    color: var(--vma-text-secondary);
    font-size: 0.875rem;
}

.admin-tasks-table__person[b-gaoqupd4qj] {
    font-size: 0.875rem;
    color: var(--vma-text-primary);
}

.admin-tasks-table__date[b-gaoqupd4qj] {
    font-size: 0.8125rem;
    white-space: nowrap;
    color: var(--vma-text-secondary);
}

.admin-tasks-table__actions[b-gaoqupd4qj] {
    text-align: right;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 16px !important;
}

.admin-tasks-table__actions-inner[b-gaoqupd4qj] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 6px;
}

.admin-tasks-table .vma-pill[b-gaoqupd4qj] {
    font-size: 0.75rem;
    padding: 4px 10px;
    font-weight: 700;
}

.admin-tasks__stat-footer[b-gaoqupd4qj] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    color: var(--vma-text-muted);
}

.admin-tasks-table__waiting[b-gaoqupd4qj] {
    font-size: 0.6875rem;
    margin-top: 2px;
}

.admin-tasks__stat-value--danger[b-gaoqupd4qj] {
    color: #b91c1c;
}

.admin-tasks__tabs[b-gaoqupd4qj] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-bottom: 0.75rem;
}

.admin-tasks__tab[b-gaoqupd4qj] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.875rem;
    border: 1px solid var(--vma-border-light);
    border-radius: 999px;
    background: var(--vma-bg-card);
    color: var(--vma-text-secondary);
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
}

.admin-tasks__tab--active[b-gaoqupd4qj] {
    background: var(--vma-text-heading);
    border-color: var(--vma-text-heading);
    color: #fff;
}

.admin-tasks__tab-count[b-gaoqupd4qj] {
    display: inline-block;
    min-width: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--vma-activity-bg);
    color: var(--vma-text-heading);
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.5rem;
}

.admin-tasks__tab--active .admin-tasks__tab-count[b-gaoqupd4qj] {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.admin-tasks__tab-alert[b-gaoqupd4qj] {
    display: inline-block;
    min-width: 1.5rem;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: #b91c1c;
    color: #fff;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.5rem;
}

.admin-tasks-table__row--overdue[b-gaoqupd4qj] {
    background: rgba(185, 28, 28, 0.05);
}

.admin-tasks-table__title-link[b-gaoqupd4qj] {
    color: inherit;
    text-decoration: none;
}

.admin-tasks-table__title-link:hover[b-gaoqupd4qj] {
    text-decoration: underline;
}

.admin-tasks__hint[b-gaoqupd4qj] {
    display: flex;
    align-items: flex-start;
    gap: 0.375rem;
    margin-top: 0.375rem;
    font-size: 0.8125rem;
    color: var(--vma-text-secondary);
}

.admin-tasks__hint--warn[b-gaoqupd4qj] {
    color: #92400e;
}

.admin-tasks__pager[b-gaoqupd4qj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem 0.25rem;
}

.admin-tasks__pager-info[b-gaoqupd4qj] {
    font-size: 0.8125rem;
    white-space: nowrap;
}
/* /Components/Pages/Contractors/AdminIndex.razor.rz.scp.css */
/* Scoped styles for Contractors admin page – matches Equipment/Admin tasks design */

.ctr__header[b-6rw3vflmoh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.ctr__banner[b-6rw3vflmoh] {
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.ctr__banner--error[b-6rw3vflmoh] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.ctr__banner--success[b-6rw3vflmoh] {
    background: var(--vma-alert-success-bg);
    color: var(--vma-alert-success-text);
    border: 1px solid var(--vma-alert-success-border);
}

.ctr__form[b-6rw3vflmoh] {
    border-color: var(--vma-accent);
    box-shadow: 0 0 0 2px var(--vma-accent-soft);
}

/* Toolbar */
/* Karta tabeli ma padding: 0 (vma-tableCard), więc toolbar sam dba o wewnętrzne odstępy. */
.ctr__toolbar[b-6rw3vflmoh] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
    padding: 1.125rem 1.25rem 0.875rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.ctr__filters[b-6rw3vflmoh] {
    display: flex;
    align-items: flex-end;
    gap: 1rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.ctr__filters .vma-label[b-6rw3vflmoh] {
    display: block;
    margin-bottom: 0.3rem;
}

.ctr__filter--search[b-6rw3vflmoh] {
    flex: 1;
    min-width: 220px;
    max-width: 360px;
}

.ctr__filter--inactive[b-6rw3vflmoh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    height: 38px;
    margin: 0;
    color: var(--vma-text-muted);
    cursor: pointer;
    user-select: none;
}

.ctr__filter--inactive .form-check-input[b-6rw3vflmoh] {
    margin: 0;
}

.ctr__segment[b-6rw3vflmoh] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
}

.ctr__segment-btn[b-6rw3vflmoh] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.ctr__segment-btn:hover[b-6rw3vflmoh] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.ctr__segment-btn:focus-visible[b-6rw3vflmoh] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.ctr__segment-btn--active[b-6rw3vflmoh] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.ctr__segment-count[b-6rw3vflmoh] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--vma-bg-secondary);
    color: var(--vma-text-muted);
}

.ctr__segment-btn--active .ctr__segment-count[b-6rw3vflmoh] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.ctr__segment-count--attention[b-6rw3vflmoh] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
}

/* States */
.ctr__loading[b-6rw3vflmoh] {
    padding: 1.25rem 1.5rem;
    color: var(--vma-text-muted);
}

.ctr__empty[b-6rw3vflmoh] {
    text-align: center;
    padding: 2.5rem 1.5rem;
    margin: 1rem 1.25rem 1.25rem;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    border: 1px dashed var(--vma-border-light);
}

.ctr__empty-title[b-6rw3vflmoh] {
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--vma-text-heading);
}

.ctr__empty-text[b-6rw3vflmoh] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
}

/* Table */
.ctr-table[b-6rw3vflmoh] {
    margin-bottom: 0;
}

.ctr-table th[b-6rw3vflmoh] {
    white-space: nowrap;
}

.ctr-table__th--tax[b-6rw3vflmoh] { width: 130px; }
.ctr-table__th--short[b-6rw3vflmoh] { width: 100px; }
.ctr-table__th--status[b-6rw3vflmoh] { width: 160px; }
.ctr-table__th--num[b-6rw3vflmoh] { width: 120px; }
.ctr-table__th--who[b-6rw3vflmoh] { width: 240px; }
.ctr-table__th--actions[b-6rw3vflmoh] { width: 1%; }

.ctr-table__who[b-6rw3vflmoh] {
    line-height: 1.35;
    white-space: nowrap;
}

.ctr-table__who div + div[b-6rw3vflmoh] {
    margin-top: 0.15rem;
}

.ctr-table__name[b-6rw3vflmoh] {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
}

.ctr-table__name:hover[b-6rw3vflmoh] {
    color: var(--vma-accent);
    text-decoration: underline;
}

.ctr-table__address[b-6rw3vflmoh] {
    white-space: pre-line;
    max-width: 320px;
}

.ctr-table__count[b-6rw3vflmoh] {
    font-weight: 700;
    text-decoration: none;
    color: inherit;
}

.ctr-table__count--open[b-6rw3vflmoh] {
    color: var(--vma-accent);
}

.ctr-table__count:hover[b-6rw3vflmoh] {
    text-decoration: underline;
}

.ctr-table__row--inactive td[b-6rw3vflmoh] {
    color: var(--vma-text-muted);
}

.ctr-table__actions[b-6rw3vflmoh] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    justify-content: flex-end;
    white-space: nowrap;
}

.ctr-table__primaryAction[b-6rw3vflmoh] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.6rem;
    font-size: 0.8125rem;
    margin-right: 0.25rem;
}

.ctr-table__iconBtn[b-6rw3vflmoh] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--vma-border-light);
    border-radius: 6px;
    background: var(--vma-bg-card);
    color: var(--vma-text-muted);
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease;
}

.ctr-table__iconBtn:hover:not(:disabled)[b-6rw3vflmoh] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.ctr-table__iconBtn--danger:hover:not(:disabled)[b-6rw3vflmoh] {
    color: var(--vma-alert-error-text);
    background: var(--vma-alert-error-bg);
    border-color: var(--vma-alert-error-border);
}

.ctr-table__iconBtn:disabled[b-6rw3vflmoh] {
    opacity: 0.5;
    cursor: default;
}

.ctr-table__iconBtn:focus-visible[b-6rw3vflmoh] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 1px;
}

/* Pager */
.ctr__pager[b-6rw3vflmoh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.ctr__pager-info[b-6rw3vflmoh] {
    font-size: 0.8125rem;
    white-space: nowrap;
}

@media (max-width: 575px) {
    .ctr__filter--search[b-6rw3vflmoh] {
        max-width: none;
        width: 100%;
    }

    .ctr-table__actions[b-6rw3vflmoh] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Contractors/Components/ContractorSelect.razor.rz.scp.css */
.ctr-select__labelRow[b-sg8pd3t0dy] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.ctr-select__proposeLink[b-sg8pd3t0dy] {
    border: none;
    background: transparent;
    padding: 0;
    font-size: 0.8125rem;
    color: var(--vma-accent);
    cursor: pointer;
    white-space: nowrap;
}

.ctr-select__proposeLink:hover[b-sg8pd3t0dy] {
    text-decoration: underline;
}

/* Combobox */
.ctr-select__combo[b-sg8pd3t0dy] {
    position: relative;
}

.ctr-select__searchIcon[b-sg8pd3t0dy] {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--vma-text-muted);
    pointer-events: none;
    font-size: 0.875rem;
}

.ctr-select__input[b-sg8pd3t0dy] {
    padding-left: 2.1rem;
}

.ctr-select__list[b-sg8pd3t0dy] {
    position: absolute;
    z-index: 1050;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    margin: 0;
    padding: 0.25rem;
    list-style: none;
    max-height: 320px;
    overflow-y: auto;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 8px;
    box-shadow: var(--vma-shadow-card);
}

.ctr-select__item[b-sg8pd3t0dy] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    cursor: pointer;
}

.ctr-select__item--active[b-sg8pd3t0dy],
.ctr-select__item:hover[b-sg8pd3t0dy] {
    background: var(--vma-accent-soft);
}

.ctr-select__itemName[b-sg8pd3t0dy] {
    font-weight: 600;
}

.ctr-select__empty[b-sg8pd3t0dy] {
    padding: 0.75rem;
    color: var(--vma-text-muted);
    font-size: 0.875rem;
    text-align: center;
}

/* Wybrana firma */
.ctr-select__chosen[b-sg8pd3t0dy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.625rem 0.875rem;
    border: 1px solid var(--vma-border-light);
    border-left: 3px solid var(--vma-accent);
    border-radius: 8px;
    background: var(--vma-bg-secondary);
}

.ctr-select__chosenMain[b-sg8pd3t0dy] {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem;
    min-width: 0;
}

.ctr-select__chosenIcon[b-sg8pd3t0dy] {
    color: var(--vma-accent);
    font-size: 1.125rem;
    line-height: 1.4;
}

.ctr-select__chosenText[b-sg8pd3t0dy] {
    min-width: 0;
}

.ctr-select__chosenName[b-sg8pd3t0dy] {
    font-weight: 700;
}

@media (max-width: 575px) {
    .ctr-select__chosen[b-sg8pd3t0dy] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Contractors/Details.razor.rz.scp.css */
/* Układ górny: tożsamość firmy (2/3) + kolumna boczna (statystyki, kontakt, historia) */
.ctr-details__top[b-9ycpojviw5] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.ctr-details__identity[b-9ycpojviw5],
.ctr-details__contact[b-9ycpojviw5],
.ctr-details__history[b-9ycpojviw5] {
    margin: 0;
}

.ctr-details__identityHead[b-9ycpojviw5] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    margin-bottom: 1rem;
}

.ctr-details__avatar[b-9ycpojviw5] {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: grid;
    place-items: center;
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
    font-size: 1.4rem;
    flex-shrink: 0;
}

.ctr-details__identityText[b-9ycpojviw5] {
    min-width: 0;
}

.ctr-details__name[b-9ycpojviw5] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--vma-text-heading);
}

.ctr-details__badges[b-9ycpojviw5] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
    margin-top: 0.3rem;
}

.ctr-details__blocked[b-9ycpojviw5] {
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.ctr-details__facts[b-9ycpojviw5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem 1.5rem;
    margin: 0;
}

.ctr-details__fact--wide[b-9ycpojviw5] {
    grid-column: 1 / -1;
}

.ctr-details__facts dt[b-9ycpojviw5],
.ctr-details__tlLabel[b-9ycpojviw5],
.ctr-details__sectionTitle[b-9ycpojviw5] {
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--vma-text-muted);
}

.ctr-details__facts dd[b-9ycpojviw5] {
    margin: 0.15rem 0 0;
    font-size: 0.9375rem;
    color: var(--vma-text-primary);
}

.ctr-details__preline[b-9ycpojviw5] {
    white-space: pre-line;
}

.ctr-details__side[b-9ycpojviw5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.ctr-details__stats[b-9ycpojviw5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.ctr-details__stat[b-9ycpojviw5] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.15rem;
    padding: 0.875rem 1rem;
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    background: var(--vma-bg-card);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ctr-details__stat:hover[b-9ycpojviw5],
.ctr-details__stat--active[b-9ycpojviw5] {
    border-color: var(--vma-accent);
    box-shadow: 0 0 0 2px var(--vma-accent-soft);
}

.ctr-details__statValue[b-9ycpojviw5] {
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1.1;
    color: var(--vma-text-heading);
}

.ctr-details__statValue--open[b-9ycpojviw5] {
    color: var(--vma-accent);
}

.ctr-details__statLabel[b-9ycpojviw5] {
    font-size: 0.75rem;
    color: var(--vma-text-muted);
}

.ctr-details__sectionTitle[b-9ycpojviw5] {
    margin-bottom: 0.625rem;
}

.ctr-details__contactList[b-9ycpojviw5],
.ctr-details__timeline[b-9ycpojviw5] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ctr-details__contactList li[b-9ycpojviw5] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.9rem;
    min-width: 0;
}

.ctr-details__contactList li > span[b-9ycpojviw5],
.ctr-details__contactList li > a[b-9ycpojviw5] {
    overflow-wrap: anywhere;
}

.ctr-details__contactList i[b-9ycpojviw5] {
    color: var(--vma-text-muted);
    width: 1rem;
    text-align: center;
    flex-shrink: 0;
}

.ctr-details__timeline li[b-9ycpojviw5] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 0.25rem 0.75rem;
    align-items: baseline;
    font-size: 0.875rem;
}

.ctr-details__notes[b-9ycpojviw5] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--vma-border-light);
}

@media (max-width: 991px) {
    .ctr-details__top[b-9ycpojviw5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {
    .ctr-details__facts[b-9ycpojviw5] {
        grid-template-columns: 1fr;
    }
}

.ctr-details__ordersHeader[b-9ycpojviw5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem 1.25rem 0.75rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.ctr-details__segment[b-9ycpojviw5] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
}

.ctr-details__segment-btn[b-9ycpojviw5] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
}

.ctr-details__segment-btn--active[b-9ycpojviw5] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.ctr-details__segment-count[b-9ycpojviw5] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--vma-bg-secondary);
    color: var(--vma-text-muted);
}

.ctr-details__segment-btn--active .ctr-details__segment-count[b-9ycpojviw5] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.ctr-details__table[b-9ycpojviw5] {
    margin-bottom: 0;
}

.ctr-details__table th[b-9ycpojviw5] {
    white-space: nowrap;
}

.ctr-details__row[b-9ycpojviw5] {
    cursor: pointer;
}

.ctr-details__row:hover td[b-9ycpojviw5] {
    background: var(--vma-activity-hover-bg);
}
/* /Components/Pages/CostInvoices/AdminIndex.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Cost Invoices Admin – page layout & UX
   ═══════════════════════════════════════════════════════════════ */

.cost-invoices-admin[b-08klnnmffp] {
    padding-bottom: 2rem;
}

.cost-invoices-admin__header[b-08klnnmffp] {
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.cost-invoices-admin__header-text[b-08klnnmffp] {
    max-width: 42em;
}

.cost-invoices-admin__header .vma-page__title[b-08klnnmffp] {
    margin-bottom: 0.25rem;
}

.cost-invoices-admin__header .vma-page__subtitle[b-08klnnmffp] {
    margin: 0;
    line-height: 1.5;
}

/* ── Banners ── */

.cost-invoices-admin__banner[b-08klnnmffp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    font-size: 0.875rem;
    border: 1px solid transparent;
}

.cost-invoices-admin__banner--success[b-08klnnmffp] {
    background: var(--vma-alert-success-bg);
    border-color: var(--vma-alert-success-border);
    color: var(--vma-alert-success-text);
}

.cost-invoices-admin__banner--error[b-08klnnmffp] {
    background: var(--vma-alert-error-bg);
    border-color: var(--vma-alert-error-border);
    color: var(--vma-alert-error-text);
}

.cost-invoices-admin__banner-dismiss[b-08klnnmffp] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 1.25rem;
    cursor: pointer;
    line-height: 1;
    color: inherit;
    opacity: 0.7;
    transition: opacity 0.15s;
}

.cost-invoices-admin__banner-dismiss:hover[b-08klnnmffp] {
    opacity: 1;
}

/* ── Add form ── */

.cost-invoices-admin__form-card[b-08klnnmffp] {
    margin-bottom: 1.5rem;
}

.cost-invoices-admin__form-title[b-08klnnmffp] {
    margin: 0 0 1.5rem 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--vma-text-heading, #0B2A4A);
}

.cost-invoices-admin__form-sections[b-08klnnmffp] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.cost-invoices-admin__form-section[b-08klnnmffp] {
    margin: 0;
    padding: 0;
    border: none;
}

.cost-invoices-admin__form-section-legend[b-08klnnmffp] {
    display: block;
    width: 100%;
    margin: 0 0 0.75rem 0;
    padding: 0;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vma-text-muted, #64748B);
}

.cost-invoices-admin__form-card .vma-label-hint[b-08klnnmffp] {
    font-weight: 400;
    color: var(--vma-text-muted, #64748B);
}

.cost-invoices-admin__required[b-08klnnmffp] {
    color: var(--vma-alert-error-text, #991B1B);
    font-weight: 600;
}

.cost-invoices-admin__form-grid[b-08klnnmffp] {
    gap: 0.875rem 1.25rem;
}

.cost-invoices-admin__form-grid--amount[b-08klnnmffp] {
    grid-template-columns: 1fr 1fr;
    max-width: 20em;
}

.cost-invoices-admin__form-notes-attach[b-08klnnmffp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cost-invoices-admin__form-notes[b-08klnnmffp] {
    max-width: 100%;
}

.cost-invoices-admin__form-file[b-08klnnmffp] {
    margin-top: 0.25rem;
}

.cost-invoices-admin__file-upload[b-08klnnmffp] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 44px;
    padding: 0.5rem 0.75rem;
    background: var(--vma-bg-input, #fff);
    border: 1px dashed var(--vma-border-medium, rgba(11,42,74,.18));
    border-radius: 10px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.cost-invoices-admin__file-upload:hover[b-08klnnmffp] {
    border-color: var(--vma-accent-border);
    background: var(--vma-accent-soft);
}

.cost-invoices-admin__file-input[b-08klnnmffp] {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
    font-size: 0;
}

.cost-invoices-admin__file-label[b-08klnnmffp] {
    font-size: 0.875rem;
    color: var(--vma-text-muted, #64748B);
    pointer-events: none;
}

.cost-invoices-admin__file-selected[b-08klnnmffp] {
    font-size: 0.875rem;
    margin-top: 0.5rem;
    padding: 0.35rem 0.5rem;
    background: var(--vma-bg-subtle, #f8f9fa);
    border-radius: 6px;
    color: var(--vma-text-primary, inherit);
}

.cost-invoices-admin__form-actions[b-08klnnmffp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--vma-border-light, rgba(11,42,74,.08));
}

/* ── Filter bar ── */

.cost-invoices-admin__filter[b-08klnnmffp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding: 0.75rem 1.25rem;
}

.cost-invoices-admin__filter .vma-label[b-08klnnmffp] {
    margin: 0;
    white-space: nowrap;
}

.cost-invoices-admin__filter-select[b-08klnnmffp] {
    min-width: 220px;
    max-width: 360px;
}

/* ── Table ── */

.cost-invoices-admin__table-wrap[b-08klnnmffp] {
    overflow-x: auto;
}

.cost-invoices-admin__table[b-08klnnmffp] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.cost-invoices-admin__table th[b-08klnnmffp] {
    text-align: left;
    padding: 0.5rem 0.75rem;
    border-bottom: 2px solid var(--vma-border, #dee2e6);
    font-weight: 600;
    white-space: nowrap;
    color: var(--vma-muted, #6c757d);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.cost-invoices-admin__table td[b-08klnnmffp] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--vma-border, #dee2e6);
    vertical-align: middle;
}

.cost-invoices-admin__table tbody tr:last-child td[b-08klnnmffp] {
    border-bottom: none;
}

.cost-invoices-admin__table tbody tr:hover td[b-08klnnmffp] {
    background: var(--vma-row-hover, rgba(0,0,0,0.02));
}

.cost-invoices-admin__col-amount[b-08klnnmffp] {
    text-align: right;
    white-space: nowrap;
}

.cost-invoices-admin__project-code[b-08klnnmffp] {
    font-weight: 600;
    margin-right: 0.35rem;
}

.cost-invoices-admin__project-name[b-08klnnmffp] {
    color: var(--vma-muted, #6c757d);
    font-size: 0.8rem;
}

/* ── Small buttons ── */

.cost-invoices-admin__btn-sm[b-08klnnmffp] {
    padding: 0.25rem 0.6rem;
    font-size: 0.8125rem;
}

/* ── Filter row ── */

.cost-invoices-admin__filter-row[b-08klnnmffp] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1rem;
    align-items: flex-end;
}

.cost-invoices-admin__filter-group[b-08klnnmffp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    min-width: 140px;
}

.cost-invoices-admin__filter-group--search[b-08klnnmffp] {
    flex: 1 1 200px;
    min-width: 180px;
}

/* ── KSeF status badges ── */

.cost-invoices-admin__ksef-badge[b-08klnnmffp] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.2rem 0.55rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

.cost-invoices-admin__ksef-badge--qualified[b-08klnnmffp] {
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    color: #2e7d32;
}

.cost-invoices-admin__ksef-badge--pending[b-08klnnmffp] {
    background: #fff8e1;
    border: 1px solid #ffe082;
    color: #6d4c00;
}

.cost-invoices-admin__ksef-badge--manual[b-08klnnmffp] {
    background: var(--vma-bg-subtle, #f1f3f5);
    border: 1px solid var(--vma-border, #dee2e6);
    color: var(--vma-text-muted, #64748b);
}

/* ── KSeF demo button ── */

.cost-invoices-admin__ksef-demo-btn[b-08klnnmffp] {
    font-size: 0.8rem;
    opacity: 0.75;
    border-style: dashed;
}

.cost-invoices-admin__ksef-demo-btn:hover[b-08klnnmffp] {
    opacity: 1;
}

/* ── KSeF panel ── */

.cost-invoices-admin__ksef-section[b-08klnnmffp] {
    margin-bottom: 1.25rem;
}

.cost-invoices-admin__ksef-header[b-08klnnmffp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.cost-invoices-admin__ksef-actions[b-08klnnmffp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.cost-invoices-admin__ksef-info[b-08klnnmffp] {
    margin-top: 0.75rem;
    padding: 0.6rem 0.875rem;
    background: var(--vma-warning-bg, #fff8e1);
    border: 1px solid var(--vma-warning-border, #ffe082);
    border-radius: 6px;
    font-size: 0.875rem;
    color: var(--vma-warning-text, #6d4c00);
}

.cost-invoices-admin__ksef-autosync-badge[b-08klnnmffp] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.25rem 0.65rem;
    background: #e8f5e9;
    border: 1px solid #a5d6a7;
    border-radius: 20px;
    font-size: 0.8rem;
    color: #2e7d32;
    font-weight: 500;
    white-space: nowrap;
}

.cost-invoices-admin__ksef-dot[b-08klnnmffp] {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #43a047;
    border-radius: 50%;
    animation: ksef-pulse-b-08klnnmffp 1.8s ease-in-out infinite;
}

@keyframes ksef-pulse-b-08klnnmffp {
    0%, 100% { opacity: 1; }
    50%       { opacity: 0.35; }
}

.cost-invoices-admin__btn-delete[b-08klnnmffp] {
    color: var(--vma-danger, #dc3545);
    border-color: var(--vma-danger, #dc3545);
}

.cost-invoices-admin__btn-delete:hover[b-08klnnmffp] {
    background: var(--vma-danger, #dc3545);
    color: #fff;
}

.cost-invoices-admin__confirm-delete[b-08klnnmffp] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.8rem;
    white-space: nowrap;
}

/* ── Responsive ── */

@media (max-width: 575px) {
    .cost-invoices-admin__form-grid--amount[b-08klnnmffp] {
        max-width: none;
    }
}
/* /Components/Pages/Equipment/AdminIndex.razor.rz.scp.css */
/* Scoped styles for Equipment admin page – matches Settings/Admin tasks design */

.equip__header[b-oq3z746pdf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.equip__banner[b-oq3z746pdf] {
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
}

.equip__banner--error[b-oq3z746pdf] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.equip__banner--success[b-oq3z746pdf] {
    background: var(--vma-alert-success-bg);
    color: var(--vma-alert-success-text);
    border: 1px solid var(--vma-alert-success-border);
}

.equip__form[b-oq3z746pdf] {
    border-color: var(--vma-accent);
    box-shadow: 0 0 0 2px var(--vma-accent-soft);
}

/* Toolbar */
/* Karta tabeli ma padding: 0 (vma-tableCard), więc toolbar sam dba o wewnętrzne odstępy. */
.equip__toolbar[b-oq3z746pdf] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem 1.5rem;
    flex-wrap: wrap;
    padding: 1.125rem 1.25rem 0.875rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.equip__filters[b-oq3z746pdf] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.equip__filters .vma-label[b-oq3z746pdf] {
    display: block;
    margin-bottom: 0.3rem;
}

.equip__filter--clear[b-oq3z746pdf] {
    display: flex;
    align-items: flex-end;
    height: 38px;
}

.equip__filter--search[b-oq3z746pdf] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.equip__filter--user[b-oq3z746pdf] {
    min-width: 200px;
    max-width: 280px;
}

.equip__filter--type[b-oq3z746pdf] {
    min-width: 150px;
}

.equip__segment[b-oq3z746pdf] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
}

.equip__segment-btn[b-oq3z746pdf] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.equip__segment-btn:hover[b-oq3z746pdf] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.equip__segment-btn:focus-visible[b-oq3z746pdf] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.equip__segment-btn--active[b-oq3z746pdf] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.equip__segment-count[b-oq3z746pdf] {
    font-size: 0.75rem;
    font-weight: 600;
    padding: 0 0.4rem;
    border-radius: 999px;
    background: var(--vma-bg-secondary);
    color: var(--vma-text-muted);
}

.equip__segment-btn--active .equip__segment-count[b-oq3z746pdf] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

/* States */
.equip__loading[b-oq3z746pdf] {
    padding: 1.25rem 1.5rem;
    color: var(--vma-text-muted);
}

.equip__empty[b-oq3z746pdf] {
    text-align: center;
    padding: 2.5rem 1.5rem;
    margin: 1rem 1.25rem 1.25rem;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    border: 1px dashed var(--vma-border-light);
}

.equip__empty-title[b-oq3z746pdf] {
    font-weight: 600;
    margin: 0 0 0.25rem;
    color: var(--vma-text-heading);
}

.equip__empty-text[b-oq3z746pdf] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
}

/* Table */
.equip-table__th--user[b-oq3z746pdf] { width: 220px; }
.equip-table__th--type[b-oq3z746pdf] { width: 150px; }
.equip-table__th--size[b-oq3z746pdf] { width: 110px; }
.equip-table__th--sn[b-oq3z746pdf] { width: 150px; }
.equip-table__th--date[b-oq3z746pdf] { width: 110px; }
.equip-table__th--status[b-oq3z746pdf] { width: 170px; }
.equip-table__th--actions[b-oq3z746pdf] { white-space: nowrap; }

.equip-table__nowrap[b-oq3z746pdf] {
    white-space: nowrap;
}

.equip-table__user[b-oq3z746pdf] {
    font-weight: 700;
    color: inherit;
    text-decoration: none;
}

.equip-table__user:hover[b-oq3z746pdf] {
    color: var(--vma-accent);
    text-decoration: underline;
}

.equip-table__type[b-oq3z746pdf] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    white-space: nowrap;
}

.equip-table__name[b-oq3z746pdf] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.equip-table__catalog[b-oq3z746pdf] {
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size: 0.6875rem;
}

.equip-table__row--returned td[b-oq3z746pdf] {
    color: var(--vma-text-muted);
}

.equip-table__row--returned .equip-table__user[b-oq3z746pdf] {
    color: var(--vma-text-muted);
}

.equip-table__actions[b-oq3z746pdf] {
    display: flex;
    gap: 0.4rem;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* Inline edit */
.equip-table__row--editing > td[b-oq3z746pdf] {
    background: var(--vma-bg-secondary);
    box-shadow: inset 3px 0 0 var(--vma-accent);
}

.equip-edit__badge[b-oq3z746pdf] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--vma-accent);
    margin-bottom: 0.5rem;
}

.equip-edit__grid[b-oq3z746pdf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 0.5rem 0.75rem;
}

.equip-edit__grid .vma-label[b-oq3z746pdf] {
    display: block;
    margin-bottom: 0.25rem;
}

.equip-edit__name[b-oq3z746pdf],
.equip-edit__note[b-oq3z746pdf] {
    grid-column: span 2;
}

.equip-edit__actions[b-oq3z746pdf] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

/* Pager */
.equip__pager[b-oq3z746pdf] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.equip__pager-info[b-oq3z746pdf] {
    font-size: 0.8125rem;
    white-space: nowrap;
}

@media (max-width: 575px) {
    .equip__filter--search[b-oq3z746pdf],
    .equip__filter--user[b-oq3z746pdf],
    .equip__filter--type[b-oq3z746pdf] {
        max-width: none;
        width: 100%;
    }

    .equip-edit__name[b-oq3z746pdf],
    .equip-edit__note[b-oq3z746pdf] {
        grid-column: span 1;
    }

    .equip-table__actions[b-oq3z746pdf] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Fleet/AdminIndex.razor.rz.scp.css */
/* Fleet admin – tabbed layout */

.fleet-tabs[b-czicxg4271] {
    margin-top: 1rem;
    margin-bottom: 0;
}

.fleet-tablist[b-czicxg4271] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 1.5rem;
    list-style: none;
    margin-top: 0;
    background: var(--vma-bg-secondary, #f8fafc);
    border-radius: 14px;
    border: 1px solid var(--vma-border-light);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.fleet-tab[b-czicxg4271] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.fleet-tab:hover:not(.fleet-tab--active)[b-czicxg4271] {
    color: var(--vma-text-primary);
    background: var(--vma-bg-card);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.fleet-tab:active[b-czicxg4271] {
    transform: scale(0.98);
}

.fleet-tab--active[b-czicxg4271] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border: 2px solid var(--vma-accent) !important;
    box-shadow: 0 2px 8px var(--vma-accent-soft) !important;
    font-weight: 700;
}

.fleet-tab--active:hover[b-czicxg4271] {
    background: var(--vma-accent-hover) !important;
    box-shadow: 0 2px 10px var(--vma-accent-border) !important;
}

.fleet-tab:focus-visible[b-czicxg4271] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.fleet-tabpanel[b-czicxg4271] {
    padding-top: 0;
    margin-top: 0;
    animation: fleet-tabpanel-in-b-czicxg4271 0.2s ease;
}

@keyframes fleet-tabpanel-in-b-czicxg4271 {
    from { opacity: 0.97; }
    to   { opacity: 1; }
}

.fleet-tabpanel:focus[b-czicxg4271] {
    outline: none;
}

.fleet-tabpanel[hidden][b-czicxg4271] {
    display: none;
}

html.dark .fleet-tablist[b-czicxg4271] {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--vma-border-light);
}

html.dark .fleet-tab--active[b-czicxg4271] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border-color: var(--vma-accent) !important;
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* Dashboard – home page (mock-aligned: royal blue, light cards, two-column layout) */

/* Full width like other vma-page screens (no max-width cap) */
.vma-dashboard[b-r4r3dj3pvm] {
    width: 100%;
    min-width: 0;
    max-width: none;
    margin-inline: 0;
}

.dashboard-hero[b-r4r3dj3pvm] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    margin-bottom: 1.5rem;
}

.dashboard-hero__text[b-r4r3dj3pvm] {
    min-width: 0;
}

.dashboard-hero__title[b-r4r3dj3pvm] {
    font-size: clamp(1.5rem, 2.5vw, 2rem);
    font-weight: 700;
    color: var(--vma-text-heading);
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0;
}

.dashboard-hero__subtitle[b-r4r3dj3pvm] {
    margin: 0.35rem 0 0;
    font-size: 0.95rem;
    color: var(--vma-text-muted);
}

.dashboard-hero__cta[b-r4r3dj3pvm] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.dashboard-hero__cta svg[b-r4r3dj3pvm] {
    flex-shrink: 0;
    opacity: 0.95;
}

/* Stat strip */
.dashboard-stats[b-r4r3dj3pvm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

@media (max-width: 1199px) {
    .dashboard-stats[b-r4r3dj3pvm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575px) {
    .dashboard-stats[b-r4r3dj3pvm] {
        grid-template-columns: 1fr;
    }
}

.dash-stat[b-r4r3dj3pvm] {
    position: relative;
    background: var(--vma-bg-primary);
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    padding: 1rem 1rem 1rem 1rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    min-height: 118px;
    display: flex;
    gap: 0.875rem;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.dash-stat--clickable[b-r4r3dj3pvm] {
    cursor: pointer;
}

.dash-stat--clickable:hover[b-r4r3dj3pvm] {
    border-color: rgba(30, 58, 138, 0.25);
    box-shadow: 0 4px 14px rgba(30, 58, 138, 0.08);
}

.dash-stat--clickable:focus-visible[b-r4r3dj3pvm] {
    outline: 2px solid var(--vma-color-primary, #1e3a8a);
    outline-offset: 2px;
}

.dash-stat__badge[b-r4r3dj3pvm] {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 3px 8px;
    border-radius: 999px;
}

.dash-stat__badge--brand[b-r4r3dj3pvm] {
    background: rgba(30, 58, 138, 0.12);
    color: var(--vma-brand-primary);
}

.dash-stat__badge--danger[b-r4r3dj3pvm] {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
}

.dash-stat__icon-wrap[b-r4r3dj3pvm] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--vma-bg-secondary);
    border: 1px solid var(--vma-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.25rem;
}

.dash-stat__body[b-r4r3dj3pvm] {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.dash-stat__label[b-r4r3dj3pvm] {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--vma-text-muted);
    line-height: 1.3;
    padding-right: 3rem;
}

.dash-stat__value[b-r4r3dj3pvm] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    line-height: 1.2;
}

.dash-stat__footer[b-r4r3dj3pvm] {
    font-size: 12px;
    color: var(--vma-text-muted);
    margin-top: auto;
    padding-top: 0.35rem;
    line-height: 1.35;
}

/* Main + aside */
.dashboard-layout[b-r4r3dj3pvm] {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 1.25rem;
    align-items: start;
}

@media (max-width: 1100px) {
    .dashboard-layout[b-r4r3dj3pvm] {
        grid-template-columns: 1fr;
    }
}

.dashboard-main[b-r4r3dj3pvm] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.dashboard-aside[b-r4r3dj3pvm] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    min-width: 0;
}

.dash-card[b-r4r3dj3pvm] {
    background: var(--vma-bg-primary);
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.dash-card__head[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.dash-card__head-title[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin: 0;
}

.dash-card__head-title svg[b-r4r3dj3pvm] {
    color: var(--vma-text-muted);
    flex-shrink: 0;
}

.dash-card__body[b-r4r3dj3pvm] {
    padding: 1rem 1.15rem 1.15rem;
}

.dash-card__body--flush-top[b-r4r3dj3pvm] {
    padding-top: 0.75rem;
}

/* Activity grid */
.activity-grid[b-r4r3dj3pvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

@media (max-width: 700px) {
    .activity-grid[b-r4r3dj3pvm] {
        grid-template-columns: 1fr;
    }
}

.activity-tile[b-r4r3dj3pvm] {
    display: flex;
    gap: 0.65rem;
    padding: 0.75rem;
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
    background: var(--vma-bg-secondary);
    align-items: flex-start;
}

.activity-tile__avatar[b-r4r3dj3pvm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--vma-brand-muted), rgba(30, 58, 138, 0.15));
    border: 1px solid var(--vma-border-light);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.activity-tile__main[b-r4r3dj3pvm] {
    min-width: 0;
    flex: 1;
}

.activity-tile__row[b-r4r3dj3pvm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.5rem;
}

.activity-tile__title[b-r4r3dj3pvm] {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin: 0;
    line-height: 1.3;
}

.activity-tile__when[b-r4r3dj3pvm] {
    font-size: 11px;
    color: var(--vma-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.activity-tile__meta[b-r4r3dj3pvm] {
    font-size: 12px;
    color: var(--vma-text-muted);
    margin-top: 0.2rem;
    line-height: 1.35;
}

/* Projects table */
.dash-table-wrap[b-r4r3dj3pvm] {
    overflow-x: auto;
    margin: 0 -1.15rem;
    padding: 0 1.15rem;
}

.dash-table[b-r4r3dj3pvm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.dash-table th[b-r4r3dj3pvm] {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vma-text-muted);
    padding: 0.5rem 0.75rem 0.65rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.dash-table td[b-r4r3dj3pvm] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--vma-border-light);
    vertical-align: middle;
    color: var(--vma-text-primary);
}

.dash-table tr:last-child td[b-r4r3dj3pvm] {
    border-bottom: none;
}

.dash-table__name[b-r4r3dj3pvm] {
    font-weight: 700;
    color: var(--vma-text-heading);
}

.dash-table__code[b-r4r3dj3pvm] {
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: var(--vma-text-muted);
    margin-top: 0.15rem;
}

.dash-pill[b-r4r3dj3pvm] {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
}

.dash-pill--ok[b-r4r3dj3pvm] {
    background: rgba(22, 163, 74, 0.12);
    color: #15803d;
}

.dash-pill--warn[b-r4r3dj3pvm] {
    background: rgba(234, 179, 8, 0.15);
    color: #a16207;
}

.dash-pill--risk[b-r4r3dj3pvm] {
    background: rgba(220, 38, 38, 0.12);
    color: #b91c1c;
}

.dash-pill--muted[b-r4r3dj3pvm] {
    background: var(--vma-bg-secondary);
    color: var(--vma-text-muted);
}

.team-avatars[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
}

.team-avatars__item[b-r4r3dj3pvm] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--vma-brand-primary);
    color: var(--vma-brand-on-primary);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--vma-bg-primary);
    margin-left: -8px;
}

.team-avatars__item:first-child[b-r4r3dj3pvm] {
    margin-left: 0;
}

/* Quick actions tiles */
.dash-actions-grid[b-r4r3dj3pvm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
}

.dash-action-tile[b-r4r3dj3pvm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0.85rem 0.5rem;
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
    background: var(--vma-bg-primary);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
    font: inherit;
    color: inherit;
    width: 100%;
}

.dash-action-tile:hover[b-r4r3dj3pvm] {
    border-color: rgba(30, 58, 138, 0.28);
    background: var(--vma-bg-secondary);
}

.dash-action-tile:focus-visible[b-r4r3dj3pvm] {
    outline: 2px solid var(--vma-color-primary, #1e3a8a);
    outline-offset: 2px;
}

.dash-action-tile__icon[b-r4r3dj3pvm] {
    font-size: 1.35rem;
    margin-bottom: 0.35rem;
}

.dash-action-tile__label[b-r4r3dj3pvm] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--vma-text-heading);
}

.dash-action-tile__hint[b-r4r3dj3pvm] {
    font-size: 11px;
    color: var(--vma-text-muted);
    margin-top: 0.25rem;
    line-height: 1.3;
    max-width: 11rem;
}

.dash-explore[b-r4r3dj3pvm] {
    margin-top: 0.85rem;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    padding: 0.55rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
    background: transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--vma-brand-primary);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease;
}

.dash-explore:hover[b-r4r3dj3pvm] {
    background: rgba(30, 58, 138, 0.06);
    border-color: rgba(30, 58, 138, 0.25);
}

.dash-explore:focus-visible[b-r4r3dj3pvm] {
    outline: 2px solid var(--vma-color-primary, #1e3a8a);
    outline-offset: 2px;
}

/* Quick actions customize modal */
.dash-qa-overlay[b-r4r3dj3pvm] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    background: rgba(15, 23, 42, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.dash-qa-modal[b-r4r3dj3pvm] {
    width: min(420px, 100%);
    max-height: min(90vh, 640px);
    overflow-y: auto;
    padding: 1.15rem 1.25rem 1.25rem;
    box-shadow: var(--vma-shadow-modal, 0 25px 70px rgba(0, 0, 0, 0.35));
}

.dash-qa-modal__title[b-r4r3dj3pvm] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 0.75rem;
    color: var(--vma-text-heading);
}

.dash-qa-modal__actions[b-r4r3dj3pvm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.75rem;
}

/* Admin summary */
.dash-admin-status[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.65rem 0.85rem;
    border-radius: 10px;
    background: rgba(59, 130, 246, 0.08);
    border: 1px solid rgba(59, 130, 246, 0.2);
    font-size: 0.8125rem;
    margin-bottom: 0.85rem;
}

.dash-admin-status__label[b-r4r3dj3pvm] {
    color: var(--vma-text-muted);
    font-weight: 600;
}

.dash-admin-status__value[b-r4r3dj3pvm] {
    font-weight: 800;
    color: var(--vma-text-heading);
}

.dash-admin-badge[b-r4r3dj3pvm] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(220, 38, 38, 0.1);
    color: #b91c1c;
    margin-bottom: 0.65rem;
}

.dash-admin-list[b-r4r3dj3pvm] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dash-admin-list li[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--vma-border-light);
    font-size: 0.8125rem;
}

.dash-admin-list li:last-child[b-r4r3dj3pvm] {
    border-bottom: none;
}

.dash-admin-list__count[b-r4r3dj3pvm] {
    font-weight: 800;
    color: var(--vma-text-heading);
}

.dash-team-hint[b-r4r3dj3pvm] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 0.85rem;
    padding-top: 0.85rem;
    border-top: 1px solid var(--vma-border-light);
    font-size: 12px;
    color: var(--vma-text-muted);
}

/* Promo */
.dash-promo[b-r4r3dj3pvm] {
    border-radius: 12px;
    padding: 1.15rem 1.15rem 1.25rem;
    background: linear-gradient(145deg, var(--vma-brand-primary) 0%, #172554 100%);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 8px 24px rgba(30, 58, 138, 0.25);
}

.dash-promo__title[b-r4r3dj3pvm] {
    font-size: 1.05rem;
    font-weight: 800;
    margin: 0 0 0.4rem;
}

.dash-promo__text[b-r4r3dj3pvm] {
    font-size: 0.8125rem;
    line-height: 1.45;
    opacity: 0.92;
    margin: 0 0 0.85rem;
}

.dash-promo__btn[b-r4r3dj3pvm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 1rem;
    border-radius: 10px;
    border: none;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s ease;
}

.dash-promo__btn:hover[b-r4r3dj3pvm] {
    background: rgba(255, 255, 255, 0.3);
}

.btn-ghost-sm[b-r4r3dj3pvm] {
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.35rem 0.65rem;
    border-radius: 8px;
    border: 1px solid var(--vma-border-light);
    background: transparent;
    color: var(--vma-text-muted);
    cursor: pointer;
}

.btn-ghost-sm:hover[b-r4r3dj3pvm] {
    border-color: var(--vma-brand-primary);
    color: var(--vma-brand-primary);
}

html.dark .dash-stat[b-r4r3dj3pvm],
html.dark .dash-card[b-r4r3dj3pvm] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

html.dark .activity-tile[b-r4r3dj3pvm] {
    background: rgba(255, 255, 255, 0.04);
}

html.dark .dash-action-tile[b-r4r3dj3pvm] {
    background: var(--vma-bg-tertiary, rgba(255, 255, 255, 0.04));
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .dash-action-tile:hover[b-r4r3dj3pvm] {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

html.dark .dash-qa-overlay[b-r4r3dj3pvm] {
    background: rgba(0, 0, 0, 0.6);
}

html.dark .dash-admin-status[b-r4r3dj3pvm] {
    background: var(--vma-bg-tertiary, rgba(255, 255, 255, 0.04));
}
/* /Components/Pages/Orders/Components/OrderApprovalTimeline.razor.rz.scp.css */
.order-approval-steps[b-s7jd4tjjhv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
}

.order-approval-step[b-s7jd4tjjhv] {
    display: inline-flex;
    align-items: center;
    padding: 0.125rem 0.625rem;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
    border: 1px solid var(--vma-border-medium);
    color: var(--vma-text-muted);
    background: transparent;
}

.order-approval-step--done[b-s7jd4tjjhv] {
    background: #D1FAE5;
    border-color: #6EE7B7;
    color: #065F46;
}

.order-approval-step--current[b-s7jd4tjjhv] {
    background: #FEF3C7;
    border-color: #FCD34D;
    color: #92400E;
}

html.dark .order-approval-step--done[b-s7jd4tjjhv] {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}

html.dark .order-approval-step--current[b-s7jd4tjjhv] {
    background: rgba(251, 191, 36, 0.2);
    color: #fcd34d;
}

.order-approval-timeline[b-s7jd4tjjhv] {
    list-style: none;
    margin: 0;
    padding: 0 0 0 1rem;
    border-left: 2px solid var(--vma-border-light);
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
}

.order-approval-timeline__item[b-s7jd4tjjhv] {
    position: relative;
}

.order-approval-timeline__item[b-s7jd4tjjhv]::before {
    content: "";
    position: absolute;
    left: calc(-1rem - 6px);
    top: 0.35rem;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #94A3B8;
}

.order-approval-timeline__item--ok[b-s7jd4tjjhv]::before { background: #10B981; }
.order-approval-timeline__item--step[b-s7jd4tjjhv]::before { background: #3B82F6; }
.order-approval-timeline__item--warn[b-s7jd4tjjhv]::before { background: #F59E0B; }

.order-approval-timeline__head[b-s7jd4tjjhv] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    align-items: baseline;
}

.order-approval-timeline__type[b-s7jd4tjjhv] {
    font-weight: 600;
}

.order-approval-timeline__comment[b-s7jd4tjjhv] {
    margin-top: 0.125rem;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    background: var(--vma-accent-soft);
    color: var(--vma-text-primary);
    font-style: italic;
}
/* /Components/Pages/Orders/Index.razor.rz.scp.css */
/* Orders Page Specific Styles */

/* Empty state */
.orders-empty[b-p30qnkt2c1] {
    padding: 2rem;
    text-align: center;
}

/* Search – full width spanning the entire filter grid row */
.orders-search[b-p30qnkt2c1] {
    grid-column: 1 / -1;
}

/* Toolbar – sort + actions row */
.orders-toolbar[b-p30qnkt2c1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.orders-toolbar__sort[b-p30qnkt2c1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.orders-toolbar__sort .vma-label[b-p30qnkt2c1] {
    margin-bottom: 0;
    white-space: nowrap;
}

.orders-toolbar__sort .vma-input--sm[b-p30qnkt2c1] {
    width: auto;
    min-width: 120px;
    padding: 0.25rem 0.5rem;
    font-size: 0.8125rem;
}

.orders-sort-dir[b-p30qnkt2c1] {
    min-width: 34px;
    min-height: 34px;
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Summary bar – totals for the current filter */
.orders-summary[b-p30qnkt2c1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.75rem;
    padding: 0.875rem 1.25rem;
    margin-bottom: 1rem;
}

.orders-summary__item[b-p30qnkt2c1] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    font-variant-numeric: tabular-nums;
}

.orders-card__invoicing[b-p30qnkt2c1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.5rem;
    margin-top: 0.5rem;
}

/* Card grid – modular, consistent cards per current UI/UX trends */
.orders-list[b-p30qnkt2c1] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

@media (min-width: 576px) {
    .orders-list[b-p30qnkt2c1] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .orders-list[b-p30qnkt2c1] {
        grid-template-columns: repeat(3, 1fr);
        gap: 1.25rem;
    }
}

.orders-card[b-p30qnkt2c1] {
    display: flex;
    flex-direction: column;
    padding: 1.25rem 1.25rem 1rem;
    border-radius: 14px;
    border: 1px solid var(--vma-border-light);
    box-shadow: var(--vma-shadow-card);
    transition: box-shadow 0.2s ease, background-color 0.2s ease;
}

.orders-card:hover[b-p30qnkt2c1] {
    background: var(--vma-bg-card-hover);
    box-shadow: 0 14px 36px rgba(9, 30, 66, 0.1);
}

html.dark .orders-card:hover[b-p30qnkt2c1] {
    box-shadow: 0 14px 36px rgba(0, 0, 0, 0.3);
}

.orders-card__header[b-p30qnkt2c1] {
    margin-bottom: 0.75rem;
}

.orders-card__title-row[b-p30qnkt2c1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: nowrap;
    margin-bottom: 0.5rem;
    min-width: 0;
}

.orders-card__number[b-p30qnkt2c1] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    text-decoration: none;
    letter-spacing: -0.02em;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-card__number:hover[b-p30qnkt2c1] {
    color: var(--vma-accent);
    text-decoration: underline;
}

.orders-card__badges[b-p30qnkt2c1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-shrink: 0;
}

.orders-card__badges .auth-pill[b-p30qnkt2c1] {
    white-space: nowrap;
}

.orders-card__customer[b-p30qnkt2c1] {
    font-weight: 600;
    color: var(--vma-text-primary);
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orders-card__sum[b-p30qnkt2c1] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    font-variant-numeric: tabular-nums;
}

.orders-card__meta[b-p30qnkt2c1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1rem;
    margin-bottom: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--vma-border-light);
}

.orders-card__meta-item[b-p30qnkt2c1] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.orders-card__meta-item + .orders-card__meta-item[b-p30qnkt2c1]::before {
    content: "·";
    margin-right: 0.5rem;
    color: var(--vma-text-muted);
    font-weight: 700;
}

.orders-card__actions[b-p30qnkt2c1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: auto;
    padding-top: 0.75rem;
    border-top: 1px solid var(--vma-border-light);
}

.orders-card__btn[b-p30qnkt2c1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-height: var(--vma-btn-height-sm);
    padding: var(--vma-btn-padding-y-sm) var(--vma-btn-padding-x-sm);
    font-size: var(--vma-btn-font-size-sm);
    font-weight: var(--vma-btn-font-weight);
    border-radius: var(--vma-btn-radius-sm);
    transition: var(--vma-btn-transition);
}

/* Edit – primary action in card */
.orders-card__actions a.orders-card__btn[b-p30qnkt2c1],
.orders-card__actions .vma-btn-outline.orders-card__btn[b-p30qnkt2c1] {
    border-color: var(--vma-border-medium);
    color: var(--vma-text-heading);
    text-decoration: none;
}

.orders-card__actions a.orders-card__btn:hover[b-p30qnkt2c1],
.orders-card__actions .vma-btn-outline.orders-card__btn:hover[b-p30qnkt2c1] {
    background: var(--vma-accent-soft);
    border-color: var(--vma-accent-border);
    color: var(--vma-accent);
    text-decoration: none;
}

/* Word / PDF – export actions */
.orders-card__actions .btn-outline-primary.orders-card__btn[b-p30qnkt2c1] {
    border-color: var(--vma-accent-border);
    color: var(--vma-accent);
    background: var(--vma-accent-soft);
}

.orders-card__actions .btn-outline-primary.orders-card__btn:hover[b-p30qnkt2c1] {
    background: var(--vma-accent);
    border-color: var(--vma-accent);
    color: var(--vma-text-inverse);
}

/* Disabled export buttons */
.orders-card__actions .vma-btn-soft.orders-card__btn:disabled[b-p30qnkt2c1] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Status dots - order status indicators */
.status-dot[b-p30qnkt2c1] {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid transparent;
}

.status-open[b-p30qnkt2c1] {
    background: #94A3B8;
    border-color: #CBD5E1;
}

.status-partial[b-p30qnkt2c1] {
    background: #FBBF24;
    border-color: #FDE68A;
}

.status-realized[b-p30qnkt2c1] {
    background: #10B981;
    border-color: #6EE7B7;
}

.status-closed[b-p30qnkt2c1] {
    background: #64748B;
    border-color: #94A3B8;
}

/* Authorization pills */
.auth-pill[b-p30qnkt2c1] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.auth-draft[b-p30qnkt2c1] {
    background: #F1F5F9;
    color: #64748B;
}

.auth-awaiting[b-p30qnkt2c1] {
    background: #FEF3C7;
    color: #92400E;
}

.auth-authorized[b-p30qnkt2c1] {
    background: #D1FAE5;
    color: #065F46;
}

html.dark .auth-draft[b-p30qnkt2c1] {
    background: rgba(148, 163, 184, 0.2);
    color: #94a3b8;
}

html.dark .auth-awaiting[b-p30qnkt2c1] {
    background: rgba(251, 191, 36, 0.2);
    color: #fcd34d;
}

html.dark .auth-authorized[b-p30qnkt2c1] {
    background: rgba(16, 185, 129, 0.2);
    color: #6ee7b7;
}
/* /Components/Pages/Projects/AdminIndex.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Projects Admin – page layout & UX
   ═══════════════════════════════════════════════════════════════ */

.projects-admin[b-09v6hfjsed] {
    padding-bottom: 2rem;
}

.projects-admin__header[b-09v6hfjsed] {
    margin-bottom: 1.5rem;
}

.projects-admin__header-text[b-09v6hfjsed] {
    max-width: 42em;
}

.projects-admin__header .vma-page__title[b-09v6hfjsed] {
    margin-bottom: 0.25rem;
}

.projects-admin__header .vma-page__subtitle[b-09v6hfjsed] {
    margin: 0;
    line-height: 1.5;
}

/* ── Banners (success / error) ── */

.projects-admin__banner[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    border-radius: 12px;
    font-size: 0.875rem;
    border: 1px solid transparent;
}

.projects-admin__banner--success[b-09v6hfjsed] {
    background: var(--vma-alert-success-bg);
    border-color: var(--vma-alert-success-border);
    color: var(--vma-alert-success-text);
}

.projects-admin__banner--error[b-09v6hfjsed] {
    background: var(--vma-alert-error-bg);
    border-color: var(--vma-alert-error-border);
    color: var(--vma-alert-error-text);
}

.projects-admin__banner-dismiss[b-09v6hfjsed] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 8px;
    font-size: 1.25rem;
    line-height: 1;
    cursor: pointer;
    opacity: 0.85;
}

.projects-admin__banner-dismiss:hover[b-09v6hfjsed] {
    opacity: 1;
    background: rgba(0, 0, 0, 0.06);
}

.projects-admin__banner--error .projects-admin__banner-dismiss:hover[b-09v6hfjsed] {
    background: rgba(0, 0, 0, 0.08);
}

/* ── Toolbar ── */

.projects-admin__toolbar[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding: 0.875rem 1.25rem;
    border-radius: 14px;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    box-shadow: var(--vma-shadow-card);
}

.projects-admin__toolbar-left[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    min-width: 0;
    flex: 1;
}

.projects-admin__search-wrap[b-09v6hfjsed] {
    min-width: 240px;
    max-width: 800px;
    flex: 1;
}

.projects-admin__search[b-09v6hfjsed] {
    width: 100%;
}

.projects-admin__toolbar-right[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

/* Segmented control (Active / All) */
.projects-admin__segment[b-09v6hfjsed] {
    display: inline-flex;
    border-radius: 10px;
    padding: 2px;
    background: var(--vma-pill-soft-bg);
    border: 1px solid var(--vma-pill-soft-border);
}

.projects-admin__segment-btn[b-09v6hfjsed] {
    padding: 0.4rem 0.875rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--vma-text-secondary);
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.projects-admin__segment-btn:hover[b-09v6hfjsed] {
    color: var(--vma-text-primary);
    background: rgba(0, 0, 0, 0.04);
}

.projects-admin__segment-btn--active[b-09v6hfjsed] {
    background: var(--vma-bg-card);
    color: var(--vma-accent);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
}

.projects-admin__count[b-09v6hfjsed] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--vma-text-muted);
    white-space: nowrap;
}

/* ── New project card (form, expandable) ── */

.projects-admin__new-card[b-09v6hfjsed] {
    margin-bottom: 1.25rem;
    background: var(--vma-bg-card);
    overflow: hidden;
}

.projects-admin__new-card-header[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    cursor: pointer;
    user-select: none;
    outline: none;
}

.projects-admin__new-card-header:hover[b-09v6hfjsed] {
    background: var(--vma-bg-card-hover);
}

.projects-admin__new-card-header:focus-visible[b-09v6hfjsed] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.projects-admin__new-card-header .vma-card__title[b-09v6hfjsed] {
    margin: 0;
}

.projects-admin__new-card-chevron[b-09v6hfjsed] {
    font-size: 12px;
    color: var(--vma-text-muted);
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    flex-shrink: 0;
}

.projects-admin__new-card-header:hover .projects-admin__new-card-chevron[b-09v6hfjsed] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-text-primary);
}

.projects-admin__new-card-chevron--open[b-09v6hfjsed] {
    transform: rotate(180deg);
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.projects-admin__new-card--expanded .projects-admin__new-card-header[b-09v6hfjsed] {
    border-bottom: 1px solid var(--vma-border-light);
}

.projects-admin__new-card .projects-admin__form-sections[b-09v6hfjsed] {
    padding: 1rem 1.25rem 1.25rem;
}

.projects-admin__form-sections[b-09v6hfjsed] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.projects-admin__form-section-title[b-09v6hfjsed] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--vma-text-muted);
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.35rem;
    border-bottom: 1px solid var(--vma-border-light);
}

.projects-admin__form-section .vma-formGrid[b-09v6hfjsed] {
    margin-top: 0;
}

.projects-admin__form-actions[b-09v6hfjsed] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.5rem;
    padding-top: 0.75rem;
}

.projects-admin__team-select-wrap[b-09v6hfjsed] {
    min-width: 240px;
    max-width: 320px;
}

.projects-admin__team-pills[b-09v6hfjsed] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

/* Checkbox row alignment */
/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-formGrid__align-center {
    display: flex;
    align-items: center;
}

/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-label--checkbox {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

/* ── Loading state ── */

.projects-admin__loading[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1.5rem;
    color: var(--vma-text-muted);
}

.projects-admin__loading-dot[b-09v6hfjsed] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--vma-accent);
    animation: projects-admin-pulse-b-09v6hfjsed 1.2s ease-in-out infinite both;
}

.projects-admin__loading-dot:nth-child(2)[b-09v6hfjsed] { animation-delay: 0.2s; }
.projects-admin__loading-dot:nth-child(3)[b-09v6hfjsed] { animation-delay: 0.4s; }

@keyframes projects-admin-pulse-b-09v6hfjsed {
    0%, 100% { opacity: 0.4; transform: scale(0.9); }
    50% { opacity: 1; transform: scale(1); }
}

/* ── Empty state ── */

.projects-admin__empty[b-09v6hfjsed] {
    text-align: center;
    padding: 2.5rem 1.5rem;
}

.projects-admin__empty-icon[b-09v6hfjsed] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.7;
}

.projects-admin__empty-title[b-09v6hfjsed] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin: 0 0 0.35rem 0;
}

.projects-admin__empty-desc[b-09v6hfjsed] {
    margin: 0;
    font-size: 0.875rem;
    max-width: 28em;
    margin-left: auto;
    margin-right: auto;
}

/* ── Project list (replaces vma-projectCards) ── */

.projects-admin__list[b-09v6hfjsed] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.projects-admin__list > li[b-09v6hfjsed] {
    margin: 0;
}

.projects-admin__pricing-pill[b-09v6hfjsed] {
    font-size: 0.75rem;
}

.projects-admin__status-pill[b-09v6hfjsed] {
    font-size: 0.75rem;
}

/* ── Project cards list (legacy name kept for card internals) ── */

.vma-projectCards[b-09v6hfjsed] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* ── Single project card ── */

.vma-projectCard[b-09v6hfjsed] {
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    padding: 0 !important;
    overflow: hidden;
    cursor: default;
}

.vma-projectCard:hover[b-09v6hfjsed] {
    border-color: var(--vma-border-medium);
}

.vma-projectCard--expanded[b-09v6hfjsed] {
    border-color: var(--vma-accent) !important;
    box-shadow: 0 0 0 2px var(--vma-accent-soft), var(--vma-shadow-card);
}

/* ── Card header (clickable row) ── */

.vma-projectCard__header[b-09v6hfjsed] {
    display: flex;
    align-items: stretch;
    cursor: default;
    min-height: 72px;
}

/* ── Status accent bar (left edge) ── */

.vma-projectCard__accent[b-09v6hfjsed] {
    width: 4px;
    flex-shrink: 0;
    border-radius: 18px 0 0 18px;
}

.vma-projectCard__accent--planned[b-09v6hfjsed]    { background: var(--vma-border-medium); }
.vma-projectCard__accent--inprogress[b-09v6hfjsed] { background: #10B981; }
.vma-projectCard__accent--onhold[b-09v6hfjsed]     { background: #F59E0B; }
.vma-projectCard__accent--closed[b-09v6hfjsed]     { background: #94A3B8; }

/* ── Main header content ── */

.vma-projectCard__main[b-09v6hfjsed] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    min-width: 0;
}

.vma-projectCard__info[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1;
}

.vma-projectCard__code[b-09v6hfjsed] {
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    font-size: 14px;
    color: var(--vma-accent);
    background: var(--vma-accent-soft);
    padding: 4px 12px;
    border-radius: 8px;
    white-space: nowrap;
    letter-spacing: 0.02em;
}

.vma-projectCard__title[b-09v6hfjsed] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.vma-projectCard__name[b-09v6hfjsed] {
    font-weight: 700;
    color: var(--vma-text-heading);
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vma-projectCard__client[b-09v6hfjsed] {
    color: var(--vma-text-muted);
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vma-projectCard__meta-line[b-09v6hfjsed] {
    display: block;
    font-size: 12px;
    color: var(--vma-text-muted);
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Right side: meta + actions + chevron ── */

.vma-projectCard__meta[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.vma-projectCard__people[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.vma-projectCard__role[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    color: var(--vma-text-secondary);
    white-space: nowrap;
}

.vma-projectCard__roleLabel[b-09v6hfjsed] {
    font-weight: 700;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--vma-text-muted);
}

.vma-projectCard__avatarStack[b-09v6hfjsed] {
    display: flex;
    margin-left: 8px;
}

.vma-projectCard__avatarStack > *[b-09v6hfjsed] {
    margin-left: -5px;
}

.vma-projectCard__avatarStack > *:first-child[b-09v6hfjsed] {
    margin-left: 0;
}

.vma-projectCard__avatarSmall[b-09v6hfjsed] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 9999px;
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    border: 2px solid var(--vma-bg-card);
}

.vma-projectCard__avatarMore[b-09v6hfjsed] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-text-muted);
}

.vma-projectCard__divider[b-09v6hfjsed] {
    width: 1px;
    height: 28px;
    background: var(--vma-border-light);
    margin: 0 4px;
}

.vma-projectCard__chevron[b-09v6hfjsed] {
    font-size: 12px;
    color: var(--vma-text-muted);
    transition: transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 8px;
}

.vma-projectCard:hover .vma-projectCard__chevron[b-09v6hfjsed] {
    background: var(--vma-pill-soft-bg);
}

.vma-projectCard__chevron--open[b-09v6hfjsed] {
    transform: rotate(180deg);
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

/* ── Header actions (Details, Close) – do not expand card ── */

.vma-projectCard__actions[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.vma-projectCard__action[b-09v6hfjsed] {
    padding: 0.35rem 0.65rem;
    font-size: 0.8125rem;
    font-weight: 600;
    border-radius: 8px;
    border: 1px solid var(--vma-border-medium);
    background: var(--vma-bg-card);
    color: var(--vma-text-secondary);
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

.vma-projectCard__action:hover[b-09v6hfjsed] {
    background: var(--vma-bg-card-hover);
    border-color: var(--vma-accent);
    color: var(--vma-accent);
}

.vma-projectCard__action--edit[b-09v6hfjsed] {
    border-color: var(--vma-accent);
    color: var(--vma-accent);
    background: var(--vma-accent-soft);
}

.vma-projectCard__action--edit:hover[b-09v6hfjsed] {
    background: var(--vma-accent);
    border-color: var(--vma-accent);
    color: #fff;
}

.vma-projectCard__action--close[b-09v6hfjsed] {
    border-color: rgba(220, 38, 38, 0.35);
    color: #b91c1c;
}

.vma-projectCard__action--close:hover[b-09v6hfjsed] {
    background: #dc2626;
    border-color: #dc2626;
    color: #fff;
}

/* ── Inactive overlay ── */

.vma-projectCard--inactive[b-09v6hfjsed] {
    opacity: 0.6;
}

.vma-projectCard--inactive:hover[b-09v6hfjsed] {
    opacity: 0.85;
}

/* ── Form body (expanded) ── */

.vma-projectCard__body[b-09v6hfjsed] {
    padding: 0 24px 24px 28px;
    border-top: 1px solid var(--vma-border-light);
}

/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
.vma-projectCard__body[b-09v6hfjsed]  .vma-formGrid {
    margin-top: 20px;
}

/* ── Warning pill ── */
/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-pill--warning {
    background: #FEF3C7;
    color: #92400E;
    border-color: #FCD34D;
}

/* ── Danger outline button ── */
/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-btn-outline--danger {
    color: #DC2626;
    border-color: rgba(220, 38, 38, 0.3);
}

/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-btn-outline--danger:hover {
    background: #DC2626;
    color: #fff;
    border-color: #DC2626;
}

/* ── Form grid span-2 helper ── */
/* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
[b-09v6hfjsed] .vma-formGrid__span2 {
    grid-column: span 2;
}

/* ── Toolbar ── */

.vma-projectToolbar[b-09v6hfjsed] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 16px;
    padding: 12px 16px;
    border-radius: 14px;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
}

.vma-projectToolbar__count[b-09v6hfjsed] {
    font-size: 13px;
    color: var(--vma-text-muted);
    font-weight: 600;
}

/* ── New form card ── */

.vma-newProjectCard[b-09v6hfjsed] {
    border: 2px dashed var(--vma-accent);
    background: var(--vma-bg-card);
}

/* ── Responsive ── */

@media (max-width: 767px) {
    .vma-projectCard__main[b-09v6hfjsed] {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        padding: 12px 14px;
    }

    .vma-projectCard__meta[b-09v6hfjsed] {
        width: 100%;
        justify-content: space-between;
    }

    .vma-projectCard__people[b-09v6hfjsed] {
        flex-wrap: wrap;
    }
    /* biome-ignore lint/correctness/noUnknownPseudoElement: Blazor ::deep for child component styling */
    [b-09v6hfjsed] .vma-formGrid__span2 {
        grid-column: 1 / -1;
    }
}
/* /Components/Pages/Projects/Components/ProjectCashflowCard.razor.rz.scp.css */
.cashflow-dot[b-zj6xq478dr] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 4px;
    vertical-align: middle;
}

.cashflow-currency + .cashflow-currency[b-zj6xq478dr] {
    border-top: 1px solid var(--vma-border-light, #e2e8f0);
    padding-top: 12px;
}
/* /Components/Pages/Projects/Components/ProjectChartsSection.razor.rz.scp.css */
.proj-charts[b-5frccpfx2w] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 12px;
}

@media (min-width: 1200px) {
    .proj-charts[b-5frccpfx2w] {
        grid-template-columns: 1fr 1fr;
    }
}

.proj-chart-card[b-5frccpfx2w] {
    min-height: 260px;
    padding: 24px 28px 20px;
}

.proj-chart-card--donut[b-5frccpfx2w] {
    max-width: 100%;
}

.proj-chart-card--workers[b-5frccpfx2w] {
    grid-column: 1 / -1;
}

@media (min-width: 1200px) {
    .proj-chart-card--workers[b-5frccpfx2w] {
        grid-column: auto;
    }
}

.proj-chart-header[b-5frccpfx2w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 20px;
}

.proj-chart-title[b-5frccpfx2w] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--vma-text-heading, #1e293b);
    line-height: 1.3;
}

.proj-chart-sub[b-5frccpfx2w] {
    font-size: 0.8rem;
    color: var(--vma-text-muted, #94a3b8);
    margin-top: 2px;
}

.proj-chart-badge[b-5frccpfx2w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--vma-text-secondary, #64748b);
    background: var(--vma-bg-subtle, #f8fafc);
    border-radius: 20px;
    padding: 4px 12px;
    white-space: nowrap;
    flex-shrink: 0;
}

.proj-chart-badge__dot[b-5frccpfx2w] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.proj-chart-badge__dot--blue[b-5frccpfx2w] {
    background: #3b82f6;
}

.proj-chart-badge__dot--green[b-5frccpfx2w] {
    background: #10b981;
}

.proj-chart-scroll[b-5frccpfx2w] {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
}

/* ── Dark mode ── */

:global(html.dark) .proj-chart-title[b-5frccpfx2w] {
    color: #e2e8f0;
}

:global(html.dark) .proj-chart-sub[b-5frccpfx2w] {
    color: #6b7a8d;
}

:global(html.dark) .proj-chart-badge[b-5frccpfx2w] {
    background: rgba(255, 255, 255, 0.06);
    color: #94a3b8;
}
/* /Components/Pages/Projects/Components/ProjectDepartmentTable.razor.rz.scp.css */
.dept-pct-bar[b-biu9bsjb07] {
    position: relative;
    display: flex;
    align-items: center;
    height: 22px;
    min-width: 80px;
    background: var(--vma-activity-bg, #f4f5f7);
    border-radius: 4px;
    overflow: hidden;
}

.dept-pct-bar__fill[b-biu9bsjb07] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: var(--vma-accent-soft, rgba(99, 102, 241, 0.18));
    border-radius: 4px;
    transition: width 0.3s ease;
}

.dept-pct-bar__label[b-biu9bsjb07] {
    position: relative;
    z-index: 1;
    padding: 0 0.4rem;
    font-size: 0.8125rem;
    font-weight: 500;
    color: var(--vma-text-primary);
    white-space: nowrap;
}
/* /Components/Pages/Projects/Components/ProjectInfoCard.razor.rz.scp.css */
.project-details-info-card .vma-card__title[b-oo8a9h5ypa] {
    margin-bottom: 1rem;
}

.project-details-info[b-oo8a9h5ypa] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .project-details-info[b-oo8a9h5ypa] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem 2rem;
    }
}

@media (min-width: 1200px) {
    .project-details-info__block--people[b-oo8a9h5ypa] {
        grid-column: 1 / -1;
    }
}

.project-details-info__block[b-oo8a9h5ypa] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--vma-border, #e9ecef);
}

.project-details-info__block:last-child[b-oo8a9h5ypa] {
    border-bottom: none;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .project-details-info__block[b-oo8a9h5ypa] {
        padding: 0;
        border-bottom: none;
    }
}

.project-details-info__block-title[b-oo8a9h5ypa] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--vma-text-muted);
    margin: 0 0 0.75rem 0;
}

.project-details-info__grid[b-oo8a9h5ypa] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin: 0;
}

.project-details-info__row[b-oo8a9h5ypa] {
    display: grid;
    grid-template-columns: minmax(0, 140px) 1fr;
    align-items: baseline;
    gap: 0.75rem 1rem;
}

.project-details-info__row--stack[b-oo8a9h5ypa] {
    align-items: start;
}

.project-details-info__label[b-oo8a9h5ypa] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    font-weight: 400;
}

.project-details-info__value[b-oo8a9h5ypa] {
    font-size: 0.9375rem;
    margin: 0;
    word-break: break-word;
}

.project-details-info__value--code[b-oo8a9h5ypa] {
    font-family: var(--vma-font-mono, ui-monospace, monospace);
    font-weight: 600;
}

.project-details-info__meta[b-oo8a9h5ypa] {
    display: block;
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    margin-top: 0.15rem;
}

.project-details-info__team-list[b-oo8a9h5ypa] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
}

.project-details-info__team-list li[b-oo8a9h5ypa] {
    padding: 0.2rem 0.5rem;
    background: var(--vma-bg-subtle, #f8f9fa);
    border-radius: 4px;
    font-size: 0.875rem;
}

.project-details-info__team-list li[b-oo8a9h5ypa]::before {
    content: none;
}
/* /Components/Pages/Projects/ProjectDetails.razor.rz.scp.css */
/* Page-level styles only — component-specific CSS lives in each component's .razor.css */
/* /Components/Pages/Requests/AdminIndex.razor.rz.scp.css */
/* Wnioski i akceptacje – tabbed layout (ARIA-friendly, modern look) */

.requests-tabs[b-a5qc80tza1] {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.requests-tablist[b-a5qc80tza1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 1.75rem;
    list-style: none;
    margin-top: 0;
    background: var(--vma-bg-secondary, #f8fafc);
    border-radius: 14px;
    border: 1px solid var(--vma-border-light);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.requests-tab[b-a5qc80tza1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.requests-tab:hover:not(.requests-tab--active)[b-a5qc80tza1] {
    color: var(--vma-text-primary);
    background: var(--vma-bg-card);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.requests-tab:active[b-a5qc80tza1] {
    transform: scale(0.98);
}

/* Active tab – use class so it works regardless of aria-selected serialization */
.requests-tab--active[b-a5qc80tza1] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border: 2px solid var(--vma-accent) !important;
    box-shadow: 0 2px 8px var(--vma-accent-soft) !important;
    font-weight: 700;
}

.requests-tab--active:hover[b-a5qc80tza1] {
    background: var(--vma-accent-hover) !important;
    box-shadow: 0 2px 10px var(--vma-accent-border) !important;
}

.requests-tab:focus-visible[b-a5qc80tza1] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.requests-tabpanel[b-a5qc80tza1] {
    padding-top: 0;
    margin-top: 0;
    animation: requests-tabpanel-in-b-a5qc80tza1 0.2s ease;
}

@keyframes requests-tabpanel-in-b-a5qc80tza1 {
    from {
        opacity: 0.97;
    }
    to {
        opacity: 1;
    }
}

.requests-tabpanel:focus[b-a5qc80tza1] {
    outline: none;
}

.requests-tabpanel[hidden][b-a5qc80tza1] {
    display: none;
}

.requests-tab__badge[b-a5qc80tza1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.25rem;
    height: 1.25rem;
    padding: 0 0.35rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--vma-text-inverse);
    background: var(--vma-accent);
    border-radius: 999px;
}

.requests-tab--active .requests-tab__badge[b-a5qc80tza1] {
    background: rgba(255, 255, 255, 0.9);
    color: var(--vma-accent);
}

/* Dark theme tweak for tablist */
html.dark .requests-tablist[b-a5qc80tza1] {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--vma-border-light);
}

html.dark .requests-tab--active[b-a5qc80tza1] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border-color: var(--vma-accent) !important;
}
/* /Components/Pages/Requests/Components/OrderApprovalSection.razor.rz.scp.css */
/* Order approval section – card list */

/* ---------- Empty state ---------- */
.order-approval-empty[b-x5oa5zqajo] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: var(--vma-bg-input, #f8fafc);
    border-radius: 12px;
    margin-top: 1rem;
}

.order-approval-empty__text[b-x5oa5zqajo] {
    margin: 0;
    color: var(--vma-text-secondary);
    font-size: 0.9375rem;
}

/* ---------- Card list ---------- */
.order-approval-list[b-x5oa5zqajo] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.order-approval-card[b-x5oa5zqajo] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.order-approval-card:hover[b-x5oa5zqajo] {
    border-color: var(--vma-border-medium);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.order-approval-card__header[b-x5oa5zqajo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.order-approval-card__identity[b-x5oa5zqajo] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.order-approval-card__number[b-x5oa5zqajo] {
    font-weight: 700;
    font-size: 1.0625rem;
    color: var(--vma-text-heading);
}

.order-approval-card__date[b-x5oa5zqajo] {
    font-size: 0.8125rem;
    color: var(--vma-text-secondary);
}

.order-approval-card__metrics[b-x5oa5zqajo] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 8px;
    font-size: 0.875rem;
    color: var(--vma-text-primary);
}

.order-approval-card__metric strong[b-x5oa5zqajo] {
    font-variant-numeric: tabular-nums;
}

.order-approval-card__desc[b-x5oa5zqajo] {
    margin-bottom: 8px;
    line-height: 1.4;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.order-approval-card__meta[b-x5oa5zqajo] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 12px;
}

.order-approval-card__actions[b-x5oa5zqajo] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--vma-border-light);
    overflow-x: auto;
}

.order-approval-card__actions .btn[b-x5oa5zqajo] {
    flex-shrink: 0;
}
/* /Components/Pages/Requests/Components/TimeApprovalSection.razor.rz.scp.css */
/* Time approval section – zgłoszenia miesięczne, karty dni (same as former Admin.razor) */

/* ---------- Empty state ---------- */
.admin-time-empty-state[b-nx2dqbbzkv] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: var(--vma-bg-input, #f8fafc);
    border-radius: 12px;
    margin-top: 1rem;
}

.admin-time-empty-state__text[b-nx2dqbbzkv] {
    margin: 0;
    color: var(--vma-text-secondary);
    font-size: 0.9375rem;
}

/* ---------- Monthly submissions list ---------- */
.admin-time-submission-list[b-nx2dqbbzkv] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.admin-time-submission-card[b-nx2dqbbzkv] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    padding: 1rem 1.25rem;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.admin-time-submission-card:hover[b-nx2dqbbzkv] {
    border-color: var(--vma-border-medium);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.admin-time-submission-card__header[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.admin-time-submission-card__identity[b-nx2dqbbzkv] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-time-submission-card__name[b-nx2dqbbzkv] {
    font-weight: 700;
    font-size: 1.0625rem;
    color: var(--vma-text-heading);
}

.admin-time-submission-card__email[b-nx2dqbbzkv] {
    font-size: 0.8125rem;
    color: var(--vma-text-secondary);
}

.admin-time-submission-card__metrics[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 8px;
    font-size: 0.875rem;
    color: var(--vma-text-primary);
}

.admin-time-submission-card__metric strong[b-nx2dqbbzkv] {
    font-variant-numeric: tabular-nums;
}

.admin-time-submission-card__dates[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    margin-bottom: 12px;
}

.admin-time-submission-card__actions[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--vma-border-light);
    overflow-x: auto;
}

.admin-time-submission-card__actions .btn[b-nx2dqbbzkv],
.admin-time-submission-card__actions .form-select[b-nx2dqbbzkv] {
    flex-shrink: 0;
}

.admin-time-submission-card__status-select[b-nx2dqbbzkv] {
    min-width: 180px;
}

/* Buttons use global VMA sizing */
/* ---------- User detail (single user view) ---------- */
.admin-time-detail-card .vma-card__title[b-nx2dqbbzkv] {
    font-size: 1.125rem;
}

.admin-time-detail-card__header[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-time-detail-card__header-actions[b-nx2dqbbzkv] {
    display: flex;
    gap: 8px;
}

/* ---------- Day list (days of selected user) ---------- */
.admin-time-day-list[b-nx2dqbbzkv] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-time-day-card[b-nx2dqbbzkv] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    transition: border-color 0.15s ease;
}

.admin-time-day-card:hover[b-nx2dqbbzkv] {
    border-color: var(--vma-border-medium);
}

.admin-time-day-card__top[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 1rem;
    margin-bottom: 8px;
}

.admin-time-day-card__date[b-nx2dqbbzkv] {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--vma-text-heading);
}

.admin-time-day-card__hours[b-nx2dqbbzkv] {
    font-variant-numeric: tabular-nums;
}

.admin-time-day-card__lines[b-nx2dqbbzkv] {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 10px;
    padding-left: 2px;
}

.admin-time-day-card__line[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 4px;
}

.admin-time-day-card__line .vma-mono[b-nx2dqbbzkv] {
    font-weight: 600;
    min-width: 2.5em;
}

.admin-time-day-card__actions[b-nx2dqbbzkv] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--vma-border-light);
    overflow-x: auto;
}

.admin-time-day-card__actions .btn[b-nx2dqbbzkv] {
    flex-shrink: 0;
}
/* /Components/Pages/Requests/TimeApprovalDetail.razor.rz.scp.css */
/* Time approval detail page – podgląd zgłoszenia (day list + detail card) */

.admin-time-empty-state[b-76at9e6bln] {
    padding: 2.5rem 1.5rem;
    text-align: center;
    background: var(--vma-bg-input, #f8fafc);
    border-radius: 12px;
    margin-top: 1rem;
}

.admin-time-empty-state__text[b-76at9e6bln] {
    margin: 0;
    color: var(--vma-text-secondary);
    font-size: 0.9375rem;
}

.admin-time-detail-card .vma-card__title[b-76at9e6bln] {
    font-size: 1.125rem;
}

.admin-time-detail-card__header[b-76at9e6bln] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.admin-time-detail-card__header-actions[b-76at9e6bln] {
    display: flex;
    gap: 8px;
}

.admin-time-day-list[b-76at9e6bln] {
    list-style: none;
    margin: 1rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.admin-time-day-card[b-76at9e6bln] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 10px;
    padding: 1rem 1.25rem;
    transition: border-color 0.15s ease;
}

.admin-time-day-card:hover[b-76at9e6bln] {
    border-color: var(--vma-border-medium);
}

.admin-time-day-card__top[b-76at9e6bln] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 1rem;
    margin-bottom: 8px;
}

.admin-time-day-card__date[b-76at9e6bln] {
    font-weight: 700;
    font-size: 0.9375rem;
    color: var(--vma-text-heading);
}

.admin-time-day-card__hours[b-76at9e6bln] {
    font-variant-numeric: tabular-nums;
}

.admin-time-day-card__lines[b-76at9e6bln] {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 10px;
    padding-left: 2px;
}

.admin-time-day-card__line[b-76at9e6bln] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    margin-top: 4px;
}

.admin-time-day-card__line .vma-mono[b-76at9e6bln] {
    font-weight: 600;
    min-width: 2.5em;
}

.admin-time-day-card__actions[b-76at9e6bln] {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    padding-top: 10px;
    border-top: 1px solid var(--vma-border-light);
    overflow-x: auto;
}

.admin-time-day-card__actions .btn[b-76at9e6bln] {
    flex-shrink: 0;
}
/* /Components/Pages/Schedules/AdminIndex.razor.rz.scp.css */
/* Schedule admin page – scoped styles (aligned with Bank admin page) */

/* Picker card – same look as bank-picker-card */
.schedule-picker-card[b-z788riwkrw] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 16px;
    padding: 1.5rem 1.75rem;
    margin-bottom: 0;
}

.schedule-picker-card__header[b-z788riwkrw] {
    margin-bottom: 1.25rem;
}

.schedule-picker-card__title[b-z788riwkrw] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin: 0 0 0.35rem 0;
    letter-spacing: -0.01em;
}

.schedule-picker-card__desc[b-z788riwkrw] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
    line-height: 1.45;
}

.schedule-picker-card__form[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 1.25rem;
}

@media (max-width: 575px) {
    .schedule-picker-card__form[b-z788riwkrw] {
        flex-direction: column;
        align-items: stretch;
    }
}

.schedule-picker-card__field[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    min-width: 0;
    flex: 1 1 10rem;
}

.schedule-picker-card__field--select[b-z788riwkrw] {
    flex: 1 1 12rem;
}

.schedule-picker-card__label[b-z788riwkrw] {
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--vma-text-muted);
}

.schedule-picker-card__input[b-z788riwkrw],
.schedule-picker-card__select[b-z788riwkrw] {
    width: 100%;
    min-height: 2.75rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.9375rem;
    color: var(--vma-text-primary);
    background: var(--vma-bg-input);
    border: 1px solid var(--vma-border-input);
    border-radius: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.schedule-picker-card__input[b-z788riwkrw]::placeholder {
    color: var(--vma-text-muted);
}

.schedule-picker-card__input:focus[b-z788riwkrw],
.schedule-picker-card__select:focus[b-z788riwkrw] {
    outline: none;
    border-color: var(--vma-accent);
    box-shadow: 0 0 0 3px var(--vma-accent-soft);
}

.schedule-picker-card__select[b-z788riwkrw] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.25rem;
}

.schedule-picker-card__hint[b-z788riwkrw] {
    font-size: 0.75rem;
    color: var(--vma-text-muted);
    line-height: 1.35;
}

.schedule-picker-card__actions[b-z788riwkrw] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.75rem;
}

.schedule-picker-card__btn[b-z788riwkrw] {
    min-height: 2.75rem;
}

/* Content card below picker */
.schedule-content-card[b-z788riwkrw] {
    margin-top: 1.5rem;
}

/* Empty state when no employee selected (like bank-empty-state) */
.schedule-empty-state[b-z788riwkrw] {
    text-align: center;
    padding: 3rem 1.5rem;
    color: var(--vma-text-muted);
}

.schedule-empty-state__icon[b-z788riwkrw] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
    opacity: 0.6;
}

.schedule-empty-state__title[b-z788riwkrw] {
    font-weight: 600;
    font-size: 1rem;
    color: var(--vma-text-secondary);
    margin-bottom: 0.25rem;
}

.schedule-empty-state__text[b-z788riwkrw] {
    font-size: 0.875rem;
}

/* No schedule data (user selected but no rows) – keep consistent padding */
.schedule-content-card .schedule-empty[b-z788riwkrw] {
    padding: 2rem;
    text-align: center;
}

.schedule-content-card .schedule-empty__text[b-z788riwkrw] {
    margin: 0;
    color: var(--vma-text-secondary);
    font-size: 0.9375rem;
}

/* ===== Legend ===== */
.sched-legend[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.65rem;
    align-items: center;
    padding: 0.5rem 0.75rem;
    margin-bottom: 0.5rem;
    font-size: 0.72rem;
}
.sched-legend__sep[b-z788riwkrw] { color: var(--vma-text-muted); margin-left: 0.25rem; }
.sched-legend__item[b-z788riwkrw] {
    padding: 0.1rem 0.45rem;
    border-radius: 4px;
    font-size: 0.7rem;
    font-weight: 500;
}
.sched-legend__item--holiday[b-z788riwkrw]  { background: #fef9c3; color: #92400e; }
.sched-legend__item--weekend[b-z788riwkrw]  { background: #f1f5f9; color: #64748b; }
.sched-legend__item--vacation[b-z788riwkrw] { background: #d1fae5; color: #065f46; }
.sched-legend__item--rest-warn[b-z788riwkrw]{ background: #fef3c7; color: #b45309; }
.sched-legend__marker[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0.1rem 0.45rem;
    white-space: nowrap;
    background: #e0e7ff;
    color: #3730a3;
    border-radius: 3px;
    font-size: 0.65rem;
    font-weight: 700;
    cursor: help;
}

.sched-legend__marker[b-z788riwkrw]::after {
    content: attr(data-tooltip);
    position: absolute;
    z-index: 20;
    bottom: calc(100% + 0.4rem);
    left: 50%;
    transform: translateX(-50%);
    width: max-content;
    max-width: 16rem;
    padding: 0.35rem 0.5rem;
    border-radius: 4px;
    background: #1e293b;
    color: #f8fafc;
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.35;
    white-space: normal;
    text-align: center;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.sched-legend__marker[b-z788riwkrw]::before {
    content: "";
    position: absolute;
    z-index: 20;
    bottom: calc(100% + 0.15rem);
    left: 50%;
    transform: translateX(-50%);
    border: 0.3rem solid transparent;
    border-top-color: #1e293b;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.sched-legend__marker:hover[b-z788riwkrw]::after,
.sched-legend__marker:hover[b-z788riwkrw]::before,
.sched-legend__marker:focus-visible[b-z788riwkrw]::after,
.sched-legend__marker:focus-visible[b-z788riwkrw]::before {
    opacity: 1;
    visibility: visible;
}

/* ===== Accordion list ===== */
.sched-list[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ===== Single accordion row ===== */
.sched-row[b-z788riwkrw] {
    border-bottom: 1px solid var(--vma-border-light, #e2e8f0);
    transition: all 0.2s ease;
}
.sched-row:last-child[b-z788riwkrw] { border-bottom: none; }
.sched-row--expanded[b-z788riwkrw] {
    background: #fafbfc;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}
.sched-row--warn  .sched-row__summary[b-z788riwkrw] { border-left: 3px solid #f59e0b; }
.sched-row--near  .sched-row__summary[b-z788riwkrw] { border-left: 3px solid #f59e0b; }
.sched-row--over  .sched-row__summary[b-z788riwkrw] { border-left: 3px solid #ef4444; background: #fef2f2; }
.sched-row--expanded .sched-row__summary[b-z788riwkrw] { 
    border-left: 3px solid #3b82f6; 
    background: linear-gradient(90deg, #eff6ff 0%, #f8fafc 100%);
}

/* Summary clickable bar */
.sched-row__summary[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    cursor: pointer;
    user-select: none;
    border-left: 3px solid transparent;
    transition: all 0.15s ease;
    min-height: 3.5rem;
}
.sched-row__summary:hover[b-z788riwkrw] { 
    background: rgba(99,102,241,.06);
    border-left-color: #818cf8;
}
.sched-row--expanded .sched-row__summary[b-z788riwkrw] { 
    background: linear-gradient(90deg, #eff6ff 0%, #f8fafc 50%, #f1f5f9 100%);
    border-bottom: 1px solid #e2e8f0;
}

.sched-row__chevron[b-z788riwkrw] {
    font-size: 0.85rem;
    color: #64748b;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    border-radius: 6px;
    transition: all 0.15s ease;
}
.sched-row__summary:hover .sched-row__chevron[b-z788riwkrw] {
    background: #e2e8f0;
    color: #475569;
}
.sched-row--expanded .sched-row__chevron[b-z788riwkrw] {
    background: #dbeafe;
    color: #2563eb;
    transform: rotate(0deg);
}

.sched-row__identity[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    flex: 0 0 14rem;
    gap: 0.15rem;
}
.sched-row__name[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1e293b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
.sched-row__pos[b-z788riwkrw] {
    font-size: 0.72rem;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.35rem;
}
.sched-row__pos[b-z788riwkrw]::before {
    content: "";
    width: 6px;
    height: 6px;
    background: #94a3b8;
    border-radius: 50%;
    flex-shrink: 0;
}

.sched-row__badges[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    flex: 0 0 auto;
    align-items: center;
}

/* Enhanced badge styles */
.sched-contract-badge[b-z788riwkrw],
.sched-settlement-badge[b-z788riwkrw],
.sched-fraction-badge[b-z788riwkrw] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.25rem 0.55rem;
    border-radius: 6px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1px solid transparent;
    white-space: nowrap;
}

.sched-contract-badge--uop[b-z788riwkrw] {
    background: #dbeafe;
    color: #1d4ed8;
    border-color: #93c5fd;
}

.sched-contract-badge--b2b[b-z788riwkrw] {
    background: #fce7f3;
    color: #be185d;
    border-color: #f9a8d4;
}

.sched-contract-badge--uz[b-z788riwkrw] {
    background: #f3e8ff;
    color: #7c3aed;
    border-color: #c4b5fd;
}

.sched-settlement-badge[b-z788riwkrw] {
    background: #d1fae5;
    color: #047857;
    border-color: #6ee7b7;
}

.sched-fraction-badge[b-z788riwkrw] {
    background: #fef3c7;
    color: #b45309;
    border-color: #fcd34d;
}

.sched-warn-badge[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    background: #fef2f2;
    color: #dc2626;
    border-radius: 50%;
    font-size: 0.75rem;
    border: 1px solid #fecaca;
    animation: pulse-warn-b-z788riwkrw 2s infinite;
}

@keyframes pulse-warn-b-z788riwkrw {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

/* Stats chips */
.sched-row__stats[b-z788riwkrw] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
    flex-shrink: 0;
}
.sched-stat[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--vma-bg-subtle, #f8fafc);
    border: 1px solid var(--vma-border-light, #e2e8f0);
    border-radius: 8px;
    padding: 0.2rem 0.55rem;
    min-width: 3.5rem;
}
.sched-stat__label[b-z788riwkrw] {
    font-size: 0.58rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--vma-text-muted);
    line-height: 1;
}
.sched-stat__value[b-z788riwkrw] {
    font-size: 0.82rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    line-height: 1.3;
}
.sched-stat--over .sched-stat__value[b-z788riwkrw] { color: #dc2626; }
.sched-stat--annual.sched-annual--warn .sched-stat__value[b-z788riwkrw] { color: #d97706; }
.sched-stat--annual.sched-annual--over .sched-stat__value[b-z788riwkrw] { color: #dc2626; }

/* Thin annual progress bar under summary */
.sched-row__annual-bar[b-z788riwkrw] {
    height: 4px;
    background: #e2e8f0;
    margin: 0 1rem 0.5rem calc(1rem + 3px);
    border-radius: 2px;
    overflow: hidden;
    position: relative;
}
.sched-row__annual-bar-fill[b-z788riwkrw] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}
.sched-row__annual-bar-fill.sched-annual--ok[b-z788riwkrw] { background: linear-gradient(90deg, #22c55e, #16a34a); }
.sched-row__annual-bar-fill.sched-annual--warn[b-z788riwkrw] { background: linear-gradient(90deg, #f59e0b, #d97706); }
.sched-row__annual-bar-fill.sched-annual--over[b-z788riwkrw] { background: linear-gradient(90deg, #ef4444, #dc2626); }

@keyframes slideDown-b-z788riwkrw {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* ===== Expanded editor panel ===== */
.sched-row__editor[b-z788riwkrw] {
    padding: 0.75rem 1rem 1rem calc(1rem + 3px);
    background: #fafbfc;
    border-top: 1px solid var(--vma-border-light, #e2e8f0);
    animation: slideDown-b-z788riwkrw 0.2s ease-out;
}

/* Week group */
.sched-week-group[b-z788riwkrw] {
    margin-bottom: 1rem;
}
.sched-week-group:last-child[b-z788riwkrw] { margin-bottom: 0; }
.sched-week-group__label[b-z788riwkrw] {
    font-size: 0.65rem;
    font-weight: 700;
    color: var(--vma-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.35rem;
    padding-left: 0.2rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Over 48h week warning (planning advisory) */
.sched-week-group--warn48[b-z788riwkrw] {
    border: 2px solid #f59e0b;
    border-radius: 8px;
    padding: 0.5rem;
    background: #fffbeb;
}

.sched-week-group--warn48 .sched-week-group__label[b-z788riwkrw] {
    color: #b45309;
    font-weight: 600;
}

/* Over 48h week warning */
.sched-week-group--over48[b-z788riwkrw] {
    border: 2px solid #ef4444;
    border-radius: 8px;
    padding: 0.5rem;
    background: #fef2f2;
    animation: pulse-red-b-z788riwkrw 2s infinite;
}

.sched-week-group--over48 .sched-week-group__label[b-z788riwkrw] {
    color: #dc2626;
}

.sched-week-group__hours-badge[b-z788riwkrw] {
    font-size: 0.7rem;
    font-weight: 700;
    color: #dc2626;
    background: #fee2e2;
    padding: 0.15rem 0.4rem;
    border-radius: 4px;
    border: 1px solid #fecaca;
    text-transform: none;
    letter-spacing: 0;
}

/* Fragment okresu / segmentu — nie jest pełnym tygodniem, więc nie podlega progom tygodniowym. */
.sched-week-group__partial[b-z788riwkrw] {
    font-size: 0.65rem;
    font-weight: 600;
    color: #64748b;
    background: #f1f5f9;
    padding: 0.1rem 0.35rem;
    border-radius: 4px;
    border: 1px dashed #cbd5e1;
    text-transform: none;
    letter-spacing: 0;
}

@keyframes pulse-red-b-z788riwkrw {
    0%, 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }
    50% { box-shadow: 0 0 0 4px rgba(239, 68, 68, 0.1); }
}

/* Day tiles flex row */
.sched-day-tiles[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* Single day tile */
.sched-tile[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    width: 4.85rem;
    min-height: 5.6rem;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}
.sched-tile:hover[b-z788riwkrw] { box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08); }
.sched-tile:focus-within[b-z788riwkrw] { box-shadow: 0 0 0 2px #94a3b8; }

.sched-tile--holiday[b-z788riwkrw]  { background: #fffbeb; border-color: #fcd34d; }
.sched-tile--weekend[b-z788riwkrw]  { background: #f8fafc; border-color: #e2e8f0; }
.sched-tile--vacation[b-z788riwkrw] { background: #ecfdf5; border-color: #a7f3d0; }
.sched-tile--rest-warn[b-z788riwkrw] { border-color: #f59e0b; box-shadow: 0 0 0 1px #f59e0b; }
.sched-tile--pg-warn[b-z788riwkrw]  { border-color: #ef4444; box-shadow: 0 0 0 1px #ef4444; background: #fef2f2; }
.sched-tile--marked[b-z788riwkrw]   { border-color: #cbd5e1; }

/* Dzień z sąsiedniego miesiąca — tylko do odczytu, ale wliczany do tygodnia pracowniczego. */
.sched-tile--other-month[b-z788riwkrw] {
    background: repeating-linear-gradient(135deg, #f8fafc, #f8fafc 6px, #f1f5f9 6px, #f1f5f9 12px);
    border-style: dashed;
    border-color: #cbd5e1;
    opacity: 0.85;
}
.sched-tile--other-month .sched-tile__header[b-z788riwkrw] { background: #64748b; }
.sched-tile--other-month .sched-tile__body[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    padding: 0.3rem 0.2rem;
}
.sched-tile__other-hours[b-z788riwkrw] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #475569;
    font-variant-numeric: tabular-nums;
}
.sched-tile__other-shift[b-z788riwkrw],
.sched-tile__other-marker[b-z788riwkrw] {
    font-size: 0.62rem;
    color: #94a3b8;
    text-align: center;
}

/* Niepotwierdzony dzień WR (wolny równoważący) - oczekuje na akceptację pracownika */
.sched-tile--wr-unconfirmed[b-z788riwkrw] {
    background: #fffbeb !important;
    border: 1px dashed #f59e0b !important;
    position: relative;
}

.sched-tile--wr-unconfirmed[b-z788riwkrw]::after {
    content: "WR?";
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.55rem;
    font-weight: 700;
    color: #92400e;
    background: #fde68a;
    padding: 1px 3px;
    border-radius: 3px;
    z-index: 1;
}

/* Potwierdzony dzień WR */
.sched-tile--wr-confirmed[b-z788riwkrw] {
    background: #ecfdf5 !important;
    border-color: #34d399 !important;
}

/* Dark mode overrides for tiles */
html.dark .sched-tile[b-z788riwkrw] { background: var(--vma-bg-input, #334155); border-color: var(--vma-border-light, rgba(255,255,255,.08)); box-shadow: none; }
html.dark .sched-tile--holiday[b-z788riwkrw] { background: rgba(217, 119, 6, 0.25); border-color: rgba(217, 119, 6, 0.45); }
html.dark .sched-tile--weekend[b-z788riwkrw] { background: rgba(100, 116, 139, 0.25); border-color: rgba(100, 116, 139, 0.35); }
html.dark .sched-tile--vacation[b-z788riwkrw] { background: rgba(5, 150, 105, 0.25); border-color: rgba(5, 150, 105, 0.45); }
html.dark .sched-tile--rest-warn[b-z788riwkrw] { border-color: #f59e0b; box-shadow: 0 0 0 1px #f59e0b; }
html.dark .sched-tile--pg-warn[b-z788riwkrw]  { border-color: #ef4444; box-shadow: 0 0 0 1px #ef4444; background: rgba(239, 68, 68, 0.15); }
html.dark .sched-tile--marked[b-z788riwkrw] { border-color: #64748b; }
html.dark .sched-tile--other-month[b-z788riwkrw] {
    background: repeating-linear-gradient(135deg, rgba(100, 116, 139, 0.18), rgba(100, 116, 139, 0.18) 6px, rgba(100, 116, 139, 0.28) 6px, rgba(100, 116, 139, 0.28) 12px);
    border-color: rgba(148, 163, 184, 0.4);
}
html.dark .sched-tile__other-hours[b-z788riwkrw] { color: #cbd5e1; }

.sched-tile__header[b-z788riwkrw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    background: #0f172a;
    padding: 0.28rem 0.35rem;
}
.sched-tile--holiday  .sched-tile__header[b-z788riwkrw] { background: #b45309; }
.sched-tile--weekend  .sched-tile__header[b-z788riwkrw] { background: #475569; }
.sched-tile--vacation .sched-tile__header[b-z788riwkrw] { background: #047857; }
.sched-tile--has-actual .sched-tile__header[b-z788riwkrw] { background: #14532d; }

.sched-tile__day[b-z788riwkrw] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #f8fafc;
    line-height: 1;
    font-variant-numeric: tabular-nums;
}
.sched-tile__marker-badge[b-z788riwkrw] {
    font-size: 0.52rem;
    font-weight: 700;
    color: #fff;
    background: rgba(255,255,255,0.22);
    border-radius: 3px;
    padding: 0 3px;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin-left: auto;
}

.sched-tile__dow[b-z788riwkrw] {
    font-size: 0.58rem;
    font-weight: 600;
    color: rgba(248, 250, 252, 0.72);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sched-tile__body[b-z788riwkrw] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 0.4rem 0.35rem 0.3rem;
    min-height: 2.6rem;
    gap: 0.28rem;
}

.sched-tile__h-input[b-z788riwkrw] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    padding: 0;
    line-height: 1;
    appearance: textfield;
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    min-width: 0;
}
.sched-tile__h-input[b-z788riwkrw]::-webkit-inner-spin-button,
.sched-tile__h-input[b-z788riwkrw]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.sched-tile__h-input[b-z788riwkrw]::placeholder { color: #cbd5e1; font-weight: 400; }
.sched-tile__h-input:focus[b-z788riwkrw] { outline: none; color: #6366f1; }

.sched-tile__footer[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.28rem 0.35rem 0.35rem;
    border-top: 1px solid #f1f5f9;
    background: #fafafa;
    min-height: 1.35rem;
}

.sched-tile__kod-input[b-z788riwkrw] {
    width: 100%;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--vma-text-secondary);
    padding: 0;
    min-width: 0;
}
.sched-tile__kod-input[b-z788riwkrw]::placeholder { color: #cbd5e1; }
.sched-tile__kod-input:focus[b-z788riwkrw] { outline: none; color: #6366f1; }

.sched-tile__marker-select[b-z788riwkrw] {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 0.58rem;
    color: var(--vma-text-muted);
    cursor: pointer;
    padding: 0;
    text-align: center;
    appearance: none;
    -webkit-appearance: none;
}
.sched-tile__marker-select:focus[b-z788riwkrw] { outline: none; color: #6366f1; }

.sched-tile__shift-time[b-z788riwkrw] {
    width: 100%;
    border: none;
    background: transparent;
    font-size: 0.58rem;
    font-weight: 600;
    color: var(--vma-text-muted);
    padding: 0;
    text-align: center;
    cursor: pointer;
    min-width: 0;
}
.sched-tile__shift-time:focus[b-z788riwkrw] { outline: none; color: #6366f1; }
.sched-tile__shift-time[b-z788riwkrw]::-webkit-calendar-picker-indicator { display: none; }
.sched-tile__shift-add[b-z788riwkrw] {
    font-size: 0.52rem;
    color: #94a3b8;
    cursor: pointer;
    letter-spacing: 0.02em;
    user-select: none;
}
.sched-tile__shift-add:hover[b-z788riwkrw] { color: #6366f1; }
.sched-tile__shift-badge[b-z788riwkrw] {
    align-self: center;
    font-size: 0.58rem;
    font-weight: 600;
    color: #64748b;
    background: transparent;
    border-radius: 0;
    padding: 0;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}
.sched-tile__body .sched-tile__shift-badge[b-z788riwkrw] {
    color: #475569;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.1rem 0.35rem;
}

/* ===== Vacation label in tile ===== */
.sched-vac-label[b-z788riwkrw],
.sched-tile__vac-label[b-z788riwkrw] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    color: #065f46;
    background: #a7f3d0;
    border-radius: 3px;
    padding: 0.1rem 0.25rem;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

/* Overlay vacation label in planning section */
.sched-tile__vac-label--overlay[b-z788riwkrw] {
    margin-top: 0.15rem;
    align-self: flex-start;
}

/* ===== Warn badge ===== */
.sched-warn-badge[b-z788riwkrw] {
    font-size: 0.65rem;
    color: #b45309;
    margin-left: 0.2rem;
    vertical-align: middle;
}
.sched-warn-badge--pg[b-z788riwkrw] {
    color: #dc2626;
}

/* ===== Filter chips ===== */
.sched-filter-bar[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem;
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    border-top: 1px solid var(--vma-border-light, #e2e8f0);
}
.sched-filter-bar__label[b-z788riwkrw] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--vma-text-muted);
    margin-right: 0.25rem;
}
.sched-filter-chip[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.65rem;
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--vma-text-secondary);
    background: var(--vma-bg-subtle, #f8fafc);
    border: 1px solid var(--vma-border-light, #e2e8f0);
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.sched-filter-chip:hover[b-z788riwkrw] {
    background: #e0e7ff;
    border-color: #a5b4fc;
    color: #3730a3;
}
.sched-filter-chip--active[b-z788riwkrw] {
    background: #6366f1;
    border-color: #6366f1;
    color: #fff;
    font-weight: 600;
}

/* ===== Contract / settlement badges ===== */
.sched-emp-badges[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin-top: 0.15rem;
}
.sched-contract-badge[b-z788riwkrw] {
    display: inline-block;
    padding: 0.05rem 0.3rem;
    font-size: 0.6rem;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.04em;
    white-space: nowrap;
}
.sched-contract-badge--uop[b-z788riwkrw]      { background: #dbeafe; color: #1e40af; }
.sched-contract-badge--b2b[b-z788riwkrw]      { background: #fef3c7; color: #92400e; }
.sched-contract-badge--mandate[b-z788riwkrw]  { background: #f3e8ff; color: #6b21a8; }
.sched-contract-badge--other[b-z788riwkrw]    { background: #f1f5f9; color: #475569; }

.sched-settlement-badge[b-z788riwkrw] {
    display: inline-block;
    padding: 0.05rem 0.3rem;
    font-size: 0.6rem;
    font-weight: 600;
    border-radius: 3px;
    background: #f0fdf4;
    color: #166534;
    white-space: nowrap;
}

.sched-fraction-badge[b-z788riwkrw] {
    display: inline-block;
    margin-top: 0.1rem;
    padding: 0.05rem 0.3rem;
    font-size: 0.6rem;
    font-weight: 600;
    border-radius: 3px;
    background: #fef9c3;
    color: #92400e;
    white-space: nowrap;
}

.sched-emp-meta[b-z788riwkrw] {
    margin-bottom: 0.15rem;
}
.sched-emp-meta__pos[b-z788riwkrw] {
    font-size: 0.68rem;
    color: var(--vma-text-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    max-width: 14rem;
}

/* ===== Annual limit highlights on name cell ===== */
.sched-emp--near-limit[b-z788riwkrw] {
    background: #fffbeb !important;
    border-left: 3px solid #f59e0b !important;
}
.sched-emp--over-limit[b-z788riwkrw] {
    background: #fff1f2 !important;
    border-left: 3px solid #ef4444 !important;
}

/* ===== Annual norm column ===== */
.sched-col-annual[b-z788riwkrw] {
    position: sticky;
    right: 0;
    z-index: 18;
    min-width: 8.5rem;
    width: 8.5rem;
    text-align: center;
    padding: 0.3rem 0.5rem;
    border-left: 2px solid var(--vma-border-light, #e2e8f0);
    font-size: 0.68rem;
    white-space: nowrap;
    overflow: visible;
    will-change: transform;
    transform: translateZ(0);
}
thead .sched-col-annual[b-z788riwkrw] {
    background: #1e293b;
    color: #f1f5f9;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1.2;
    z-index: 21;
}
.sched-annual--ok[b-z788riwkrw]   { background: #f0fdf4; }
.sched-annual--warn[b-z788riwkrw] { background: #fffbeb; }
.sched-annual--over[b-z788riwkrw] { background: #fff1f2; }
.sched-annual--na[b-z788riwkrw]   { background: var(--vma-bg-subtle, #f8fafc); color: var(--vma-text-muted); }

.sched-annual-main[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.75rem;
    color: var(--vma-text-heading);
    line-height: 1.3;
    white-space: nowrap;
}
.sched-annual-sep[b-z788riwkrw] {
    color: var(--vma-text-muted);
    font-weight: 400;
    margin: 0 0.1rem;
}
.sched-annual-pct[b-z788riwkrw] {
    font-size: 0.6rem;
    color: var(--vma-text-muted);
    margin-top: 0.05rem;
}
.sched-annual-bar[b-z788riwkrw] {
    height: 4px;
    background: #e2e8f0;
    border-radius: 2px;
    overflow: hidden;
    margin: 0.2rem 0.1rem;
}
.sched-annual--ok   .sched-annual-bar__fill[b-z788riwkrw] { background: #22c55e; }
.sched-annual--warn .sched-annual-bar__fill[b-z788riwkrw] { background: #f59e0b; }
.sched-annual--over .sched-annual-bar__fill[b-z788riwkrw] { background: #ef4444; }
.sched-annual-bar__fill[b-z788riwkrw] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* ── KP metrics bar ──────────────────────────────────────────────────── */
.kp-bar[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    margin-top: 0.75rem;
    background: var(--vma-bg-subtle, #f8fafc);
    border: 1px solid var(--vma-border-light, #e2e8f0);
    border-radius: 12px;
    font-size: 0.78rem;
}

/* Sekcje w pasku KP */
.kp-section[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.25rem 0.75rem;
    border-radius: 8px;
    background: rgba(255,255,255,0.5);
    border: 1px solid var(--vma-border-light, #e2e8f0);
}

.kp-section__title[b-z788riwkrw] {
    font-size: 1.1rem;
    opacity: 0.8;
    cursor: help;
}

/* Warianty sekcji */
.kp-section--days[b-z788riwkrw] { background: #eff6ff; border-color: #bfdbfe; }
.kp-section--norm[b-z788riwkrw] { background: #f0fdf4; border-color: #bbf7d0; flex: 1; min-width: 200px; }
.kp-section--violations[b-z788riwkrw] { background: #fef2f2; border-color: #fecaca; }

/* Metric styles */
.kp-metric[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.35rem 0.5rem;
    border-radius: 6px;
    font-size: 0.75rem;
    border: none;
    background: transparent;
    cursor: default;
    transition: all 0.15s ease;
}

.kp-metric--clickable[b-z788riwkrw],
button.kp-metric[b-z788riwkrw] {
    cursor: pointer;
}

.kp-metric--clickable:hover[b-z788riwkrw],
button.kp-metric:hover[b-z788riwkrw] {
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
    filter: brightness(0.96);
}

.kp-metric--vertical[b-z788riwkrw] {
    flex-direction: column;
    gap: 0.2rem;
    min-width: 55px;
    padding: 0.4rem 0.35rem;
}

.kp-metric--wide[b-z788riwkrw] {
    flex: 1;
    flex-direction: column;
    align-items: stretch;
    gap: 0.3rem;
    padding: 0.5rem 0.75rem;
}

.kp-metric--compact[b-z788riwkrw] {
    padding: 0.3rem 0.5rem;
    gap: 0.25rem;
}

/* Status colors */
.kp-metric--ok[b-z788riwkrw]    { background: #dcfce7; color: #166534; border: 1px solid #86efac; }
.kp-metric--warn[b-z788riwkrw]  { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }
.kp-metric--error[b-z788riwkrw] { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }

/* Labels and values */
.kp-metric__label[b-z788riwkrw] {
    font-weight: 600;
    font-size: 0.7rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.kp-metric__value[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.9rem;
}

.kp-metric__icon[b-z788riwkrw] {
    font-size: 0.9rem;
}

/* Progress bars for days */
.kp-metric__progress[b-z788riwkrw] {
    position: relative;
    width: 100%;
    height: 16px;
    background: rgba(0,0,0,0.08);
    border-radius: 8px;
    overflow: hidden;
}

.kp-progress__bar[b-z788riwkrw] {
    height: 100%;
    background: linear-gradient(90deg, #22c55e, #16a34a);
    border-radius: 8px;
    transition: width 0.3s ease;
    min-width: 2px;
}

.kp-metric--warn .kp-progress__bar[b-z788riwkrw] {
    background: linear-gradient(90deg, #f59e0b, #d97706);
}

.kp-progress__text[b-z788riwkrw] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.65rem;
    font-weight: 700;
    color: rgba(0,0,0,0.7);
    text-shadow: 0 0 2px rgba(255,255,255,0.8);
}

/* Norm section bars */
.kp-norm__header[b-z788riwkrw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.kp-norm__label[b-z788riwkrw] {
    font-weight: 600;
    font-size: 0.7rem;
    color: #64748b;
}

.kp-norm__value[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.85rem;
}

.kp-norm__bars[b-z788riwkrw] {
    position: relative;
    width: 100%;
    height: 8px;
    background: rgba(0,0,0,0.06);
    border-radius: 4px;
    overflow: hidden;
}

.kp-norm__planned[b-z788riwkrw] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #3b82f6;
    border-radius: 4px;
    transition: width 0.3s ease;
}

.kp-norm__actual[b-z788riwkrw] {
    position: absolute;
    top: 2px;
    height: 4px;
    background: #10b981;
    border-radius: 2px;
    transition: width 0.3s ease;
}

/* Overtime limit stacked bar (daily OT + potential free days) */
.kp-ot-limit[b-z788riwkrw] {
    margin-top: 0.55rem;
    padding-top: 0.45rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.08);
    width: 100%;
    position: relative;
}

.kp-ot-limit__header[b-z788riwkrw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 0.25rem;
}

.kp-ot-limit__label[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.7rem;
    color: #7c3aed;
    letter-spacing: 0.03em;
}

.kp-ot-limit__value[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.8rem;
    color: #334155;
}

.kp-ot-limit__bars[b-z788riwkrw] {
    position: relative;
    width: 100%;
    height: 10px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    overflow: hidden;
}

.kp-ot-limit__daily[b-z788riwkrw] {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #f59e0b;
    border-radius: 5px 0 0 5px;
    transition: width 0.3s ease;
}

.kp-ot-limit__potential[b-z788riwkrw] {
    position: absolute;
    top: 0;
    height: 100%;
    background: #8b5cf6;
    transition: width 0.3s ease, left 0.3s ease;
}

.kp-ot-limit__marker[b-z788riwkrw] {
    position: absolute;
    top: -2px;
    bottom: -2px;
    width: 2px;
    margin-left: -1px;
    background: #0f172a;
    z-index: 2;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.kp-ot-limit__values[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.75rem;
    margin-top: 0.3rem;
}

.kp-ot-limit__value-item[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.68rem;
    color: #64748b;
}

.kp-ot-limit__dot[b-z788riwkrw] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kp-ot-limit__dot--daily[b-z788riwkrw] { background: #f59e0b; }
.kp-ot-limit__dot--potential[b-z788riwkrw] { background: #8b5cf6; }

.kp-ot-limit__label-text[b-z788riwkrw] { color: #64748b; }
.kp-ot-limit__hours[b-z788riwkrw] { font-weight: 600; color: #334155; }
.kp-ot-limit__percent[b-z788riwkrw] { color: #94a3b8; }

.kp-ot-limit__hint[b-z788riwkrw] {
    margin-top: 0.2rem;
    font-size: 0.65rem;
    color: #64748b;
    font-style: italic;
}

.kp-ot-limit--over .kp-ot-limit__value[b-z788riwkrw] {
    color: #dc2626;
}

/* Rozbicie wymiaru na odcinki warunków zatrudnienia (zmiana etatu w trakcie okresu). */
.kp-dimension-segments[b-z788riwkrw] {
    margin-top: 0.4rem;
    font-size: 0.68rem;
    color: #475569;
}
.kp-dimension-segments summary[b-z788riwkrw] {
    cursor: pointer;
    font-weight: 600;
    color: #334155;
}
.kp-dimension-segments__list[b-z788riwkrw] {
    list-style: none;
    margin: 0.3rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}
.kp-dimension-segments__list li[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    align-items: baseline;
}
.kp-dimension-segments__range[b-z788riwkrw] { font-variant-numeric: tabular-nums; font-weight: 600; }
.kp-dimension-segments__fte[b-z788riwkrw] { color: #64748b; }
.kp-dimension-segments__hours[b-z788riwkrw] { font-weight: 700; font-variant-numeric: tabular-nums; }
.kp-dimension-segments__detail[b-z788riwkrw] { color: #94a3b8; }
.kp-dimension-segments__blocked[b-z788riwkrw] { margin-top: 0.25rem; color: #b45309; font-weight: 600; }

html.dark .kp-dimension-segments[b-z788riwkrw] { color: #cbd5e1; }
html.dark .kp-dimension-segments summary[b-z788riwkrw] { color: #e2e8f0; }
html.dark .kp-dimension-segments__detail[b-z788riwkrw] { color: #94a3b8; }

/* Niezgodne zakresy danych — procentu nie wolno prezentować. */
.kp-ot-limit--scope-mismatch .kp-ot-limit__value[b-z788riwkrw] {
    color: #64748b;
    font-style: italic;
    font-weight: 600;
}

html.dark .kp-ot-limit[b-z788riwkrw] {
    border-top-color: rgba(255, 255, 255, 0.1);
}
html.dark .kp-ot-limit__bars[b-z788riwkrw] { background: rgba(255, 255, 255, 0.08); }
html.dark .kp-ot-limit__daily[b-z788riwkrw] { background: #fbbf24; }
html.dark .kp-ot-limit__potential[b-z788riwkrw] { background: #a78bfa; }
html.dark .kp-ot-limit__marker[b-z788riwkrw] { background: #f8fafc; }
html.dark .kp-ot-limit__value[b-z788riwkrw],
html.dark .kp-ot-limit__hours[b-z788riwkrw] { color: #e2e8f0; }
html.dark .kp-ot-limit__label-text[b-z788riwkrw],
html.dark .kp-ot-limit__hint[b-z788riwkrw] { color: #94a3b8; }

/* Badges */
.kp-metric__badge[b-z788riwkrw] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    background: rgba(0,0,0,0.15);
    color: inherit;
}

.kp-metric__badge--over[b-z788riwkrw] {
    background: #dc2626;
    color: white;
}

/* Chips */
.kp-metric__chip[b-z788riwkrw] {
    font-size: 0.6rem;
    font-weight: 700;
    padding: 1px 4px;
    border-radius: 3px;
    background: rgba(255,255,255,0.6);
}

/* ── Two Calendars Layout ────────────────────────────────────────────── */
.sched-calendars-wrapper[b-z788riwkrw] {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.sched-calendar[b-z788riwkrw] {
    flex: 1;
    min-width: 320px;
    max-width: 50%;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    overflow: hidden;
}

.sched-calendar__header[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #f1f5f9, #e2e8f0);
    border-bottom: 2px solid #cbd5e1;
}

.sched-calendar__icon[b-z788riwkrw] {
    font-size: 1.25rem;
}

.sched-calendar__title[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.95rem;
    color: #1e293b;
}

.sched-calendar__subtitle[b-z788riwkrw] {
    font-size: 0.75rem;
    color: #64748b;
    margin-left: auto;
    font-weight: 500;
}

.sched-calendar__month-select[b-z788riwkrw] {
    font-size: 0.8rem;
    padding: 0.25rem 0.5rem;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: white;
    color: #374151;
    font-weight: 500;
    cursor: pointer;
    max-width: 120px;
}

.sched-calendar__month-select:focus[b-z788riwkrw] {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.2);
}

.sched-calendar__save-btn[b-z788riwkrw],
.sched-calendar__autofill-btn[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--vma-btn-height-sm);
    padding: var(--vma-btn-padding-y-sm) var(--vma-btn-padding-x-sm);
    font-size: var(--vma-btn-font-size-sm);
    font-weight: var(--vma-btn-font-weight);
    border: none;
    border-radius: var(--vma-btn-radius-sm);
    color: var(--vma-brand-on-primary);
    cursor: pointer;
    white-space: nowrap;
    transition: var(--vma-btn-transition);
}

.sched-calendar__save-btn[b-z788riwkrw] {
    background: var(--vma-brand-primary);
}

.sched-calendar__save-btn:hover:not(:disabled)[b-z788riwkrw] {
    background: var(--vma-brand-primary-hover);
}

.sched-calendar__save-btn:disabled[b-z788riwkrw] {
    opacity: 0.55;
    cursor: not-allowed;
}

.sched-calendar__autofill-btn[b-z788riwkrw] {
    background: var(--vma-accent);
}

.sched-calendar__autofill-btn:hover[b-z788riwkrw] {
    background: var(--vma-accent-hover);
}

/* WR quick button in tile */
.sched-tile__wr-btn[b-z788riwkrw] {
    width: 100%;
    padding: 0.2rem 0.3rem;
    font-size: 0.65rem;
    font-weight: 700;
    color: #fff;
    background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.15s ease;
    margin-top: 0.2rem;
}

.sched-tile__wr-btn:hover[b-z788riwkrw] {
    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
    transform: scale(1.02);
    box-shadow: 0 2px 4px rgba(124, 58, 237, 0.3);
}

/* Norm values display */
.kp-norm__values[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px dashed #cbd5e1;
}

.kp-norm__value-item[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.75rem;
}

.kp-norm__dot[b-z788riwkrw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.kp-norm__dot--planned[b-z788riwkrw] {
    background: #3b82f6;
}

.kp-norm__dot--actual[b-z788riwkrw] {
    background: #10b981;
}

.kp-norm__label-text[b-z788riwkrw] {
    color: #64748b;
    font-weight: 500;
}

.kp-norm__hours[b-z788riwkrw] {
    font-weight: 700;
    color: #1e293b;
}

.kp-norm__percent[b-z788riwkrw] {
    color: #64748b;
    font-weight: 500;
}

/* ===== Vacation info in norm section ===== */
.kp-vacation-info[b-z788riwkrw] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.6rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    font-size: 0.75rem;
}

.kp-vacation-info__header[b-z788riwkrw] {
    margin-bottom: 0.35rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px dashed #a7f3d0;
}

.kp-vacation-info__label[b-z788riwkrw] {
    font-weight: 700;
    color: #065f46;
    font-size: 0.75rem;
}

.kp-vacation-info__details[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.kp-vacation-info__item[b-z788riwkrw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
}

.kp-vacation-info__text[b-z788riwkrw] {
    color: #64748b;
    font-weight: 500;
}

.kp-vacation-info__value[b-z788riwkrw] {
    font-weight: 700;
    color: #1e293b;
}

.kp-vacation-info__item--reduced .kp-vacation-info__value[b-z788riwkrw] {
    color: #dc2626;
}

.kp-vacation-info__item--remaining .kp-vacation-info__value[b-z788riwkrw] {
    color: #059669;
}

/* ===== Working-time dimension (art. 130 KP) ===== */
.kp-dimension-info[b-z788riwkrw] {
    margin-top: 0.5rem;
    padding: 0.5rem 0.65rem;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    font-size: 0.75rem;
    min-width: 11rem;
}

.kp-dimension-info__header[b-z788riwkrw] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
    margin-bottom: 0.3rem;
}

.kp-dimension-info__label[b-z788riwkrw] {
    font-weight: 700;
    color: #334155;
    letter-spacing: 0.02em;
}

.kp-dimension-info__period[b-z788riwkrw] {
    font-size: 0.68rem;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.kp-dimension-info__formula[b-z788riwkrw] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.25rem;
    font-variant-numeric: tabular-nums;
}

.kp-dimension-info__base[b-z788riwkrw] {
    font-weight: 600;
    color: #475569;
}

.kp-dimension-info__op[b-z788riwkrw] {
    color: #94a3b8;
}

.kp-dimension-info__vac[b-z788riwkrw] {
    font-weight: 700;
    color: #dc2626;
}

.kp-dimension-info__final[b-z788riwkrw] {
    font-weight: 800;
    color: #0f172a;
}

.kp-dimension-info__hint[b-z788riwkrw] {
    margin-top: 0.25rem;
    color: #64748b;
    font-size: 0.68rem;
}

.sched-calendar--plan .sched-calendar__month-select[b-z788riwkrw] {
    border-color: #93c5fd;
}

.sched-calendar--actual .sched-calendar__month-select[b-z788riwkrw] {
    border-color: #6ee7b7;
}

.sched-calendar--plan .sched-calendar__header[b-z788riwkrw] {
    background: linear-gradient(135deg, #dbeafe, #bfdbfe);
    border-bottom-color: #60a5fa;
}

.sched-calendar--actual .sched-calendar__header[b-z788riwkrw] {
    background: linear-gradient(135deg, #d1fae5, #a7f3d0);
    border-bottom-color: #34d399;
}

.sched-calendar__body[b-z788riwkrw] {
    padding: 0.75rem;
    max-height: 600px;
    overflow-y: auto;
}

/* Actual hours display */
.sched-actual-hours[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.18rem;
    width: 100%;
    line-height: 1;
    min-width: 0;
}

.sched-actual-hours__main[b-z788riwkrw] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.12rem;
    min-width: 0;
}

.sched-actual-hours__value[b-z788riwkrw] {
    font-size: 0.95rem;
    font-weight: 750;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.02em;
}

.sched-actual-hours__unit[b-z788riwkrw] {
    font-size: 0.62rem;
    font-weight: 600;
    color: #94a3b8;
}

.sched-actual-hours__over[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    font-size: 0.58rem;
    font-weight: 700;
    color: #b91c1c;
    background: #fef2f2;
    border: 1px solid #fecaca;
    padding: 0.08rem 0.3rem;
    border-radius: 999px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sched-actual-hours--empty[b-z788riwkrw] {
    color: #cbd5e1;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: center;
}

/* Readonly tile styles */
.sched-tile--readonly[b-z788riwkrw] {
    background: #fff;
    cursor: default;
}

.sched-tile--readonly:hover[b-z788riwkrw] {
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.sched-tile--has-actual[b-z788riwkrw] {
    background: #ffffff;
    border-color: #bbf7d0;
    box-shadow: inset 3px 0 0 #22c55e, 0 1px 2px rgba(15, 23, 42, 0.04);
}

.sched-tile__footer--readonly[b-z788riwkrw] {
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
}

.sched-tile__marker-display[b-z788riwkrw] {
    font-weight: 700;
    font-size: 0.62rem;
    color: #334155;
    letter-spacing: 0.02em;
    cursor: help;
}

.sched-tile__kod-display[b-z788riwkrw] {
    color: #64748b;
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.03em;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sched-tile__shift-badge[b-z788riwkrw] {
    align-self: center;
    font-size: 0.58rem;
    font-weight: 600;
    color: #64748b;
    background: transparent;
    border-radius: 0;
    padding: 0;
    letter-spacing: 0.02em;
    font-variant-numeric: tabular-nums;
}

.sched-tile__body .sched-tile__shift-badge[b-z788riwkrw] {
    color: #475569;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 0.1rem 0.35rem;
}

html.dark .sched-tile--has-actual[b-z788riwkrw] {
    background: rgba(5, 150, 105, 0.12);
    border-color: rgba(5, 150, 105, 0.35);
    box-shadow: inset 3px 0 0 #34d399;
}
html.dark .sched-tile__footer[b-z788riwkrw] { background: rgba(15, 23, 42, 0.35); border-top-color: rgba(255,255,255,0.06); }
html.dark .sched-actual-hours__value[b-z788riwkrw] { color: #f8fafc; }
html.dark .sched-actual-hours__over[b-z788riwkrw] { background: rgba(239, 68, 68, 0.2); border-color: rgba(239, 68, 68, 0.35); color: #fca5a5; }
html.dark .sched-tile__shift-badge[b-z788riwkrw] { background: transparent; color: #94a3b8; }
html.dark .sched-tile__body .sched-tile__shift-badge[b-z788riwkrw] { background: rgba(255,255,255,0.08); color: #cbd5e1; }
html.dark .sched-tile__marker-display[b-z788riwkrw] { color: #e2e8f0; }
html.dark .sched-tile__kod-display[b-z788riwkrw] { color: #94a3b8; }

/* Settlement week colors */
.sched-week--c1[b-z788riwkrw] { background: #f0f9ff; border-left: 3px solid #0ea5e9; }
.sched-week--c2[b-z788riwkrw] { background: #f0fdf4; border-left: 3px solid #22c55e; }
.sched-week--c3[b-z788riwkrw] { background: #fefce8; border-left: 3px solid #eab308; }
.sched-week--c4[b-z788riwkrw] { background: #faf5ff; border-left: 3px solid #a855f7; }

/* ── WR target highlight (day compensated by WR) ────────────────────────── */
.sched-tile--wr-target[b-z788riwkrw] {
    background: #fef3c7 !important;
    border: 2px dashed #f59e0b !important;
    position: relative;
}
.sched-tile--wr-target[b-z788riwkrw]::after {
    content: "WR";
    position: absolute;
    top: 2px;
    right: 2px;
    font-size: 0.6rem;
    font-weight: 700;
    color: #b45309;
    background: #fde68a;
    padding: 1px 3px;
    border-radius: 3px;
}

/* ── WR date input styling ────────────────────────────────────────────── */
.sched-tile__wr-date[b-z788riwkrw] {
    width: 100%;
    font-size: 0.7rem;
    padding: 0.15rem 0.3rem;
    border: 1px solid var(--vma-border-light, #cbd5e1);
    border-radius: 4px;
    background: var(--vma-bg-card, white);
}

.sched-tile__wr-target[b-z788riwkrw] {
    font-size: 0.65rem;
    color: #b45309;
    background: #fef3c7;
    padding: 1px 4px;
    border-radius: 3px;
    margin-top: 2px;
    display: inline-block;
    font-weight: 600;
}

/* ── Marker Days Modal ────────────────────────────────────────────────── */
.marker-modal__overlay[b-z788riwkrw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 1rem;
}

.marker-modal[b-z788riwkrw] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
    max-width: 400px;
    width: 100%;
    max-height: 80vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.marker-modal__header[b-z788riwkrw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}

.marker-modal__header h4[b-z788riwkrw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1e293b;
}

.marker-modal__close[b-z788riwkrw] {
    background: none;
    border: none;
    font-size: 1.5rem;
    color: #64748b;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: background 0.15s;
}

.marker-modal__close:hover[b-z788riwkrw] {
    background: #e2e8f0;
    color: #334155;
}

.marker-modal__body[b-z788riwkrw] {
    padding: 1rem 1.25rem;
    overflow-y: auto;
    max-height: 60vh;
}

.marker-modal--date-picker[b-z788riwkrw] {
    max-width: 420px;
}

.marker-modal--date-picker .marker-modal__header[b-z788riwkrw] {
    background: #fff;
    border-bottom: 1px solid #eef2f7;
    padding: 1.1rem 1.25rem 0.95rem;
}

.marker-modal--date-picker .marker-modal__header h4[b-z788riwkrw] {
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.35;
    padding-right: 0.5rem;
}

.marker-modal--date-picker .marker-modal__body[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.15rem 1.25rem 0.25rem;
}

.marker-modal__hint[b-z788riwkrw] {
    margin: 0;
    padding: 0.75rem 0.85rem;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-left: 3px solid #64748b;
    color: #475569;
    font-size: 0.84rem;
    line-height: 1.45;
}

.marker-modal__field[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0;
}

.marker-modal__field-label[b-z788riwkrw] {
    font-size: 0.78rem;
    font-weight: 650;
    color: #64748b;
    letter-spacing: 0.01em;
}

.marker-modal__date-input[b-z788riwkrw] {
    width: 100%;
    height: 2.6rem;
    padding: 0.55rem 0.75rem;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #fff;
    color: #0f172a;
    font-size: 0.95rem;
    font-variant-numeric: tabular-nums;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.marker-modal__date-input:hover[b-z788riwkrw] {
    border-color: #94a3b8;
}

.marker-modal__date-input:focus[b-z788riwkrw] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.15);
}

.marker-modal__actions[b-z788riwkrw] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.55rem;
    padding: 1rem 1.25rem 1.2rem;
    border-top: 1px solid #eef2f7;
    background: #fafbfc;
}

.marker-modal__btn[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.35rem;
    padding: 0.5rem 1rem;
    border-radius: 9px;
    border: 1px solid transparent;
    font-size: 0.875rem;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.marker-modal__btn:disabled[b-z788riwkrw] {
    opacity: 0.45;
    cursor: not-allowed;
}

.marker-modal__btn--ghost[b-z788riwkrw] {
    background: #fff;
    border-color: #cbd5e1;
    color: #334155;
}

.marker-modal__btn--ghost:hover:not(:disabled)[b-z788riwkrw] {
    background: #f8fafc;
    border-color: #94a3b8;
}

.marker-modal__btn--primary[b-z788riwkrw] {
    background: #166534;
    border-color: #166534;
    color: #fff;
    box-shadow: 0 1px 2px rgba(22, 101, 52, 0.2);
}

.marker-modal__btn--primary:hover:not(:disabled)[b-z788riwkrw] {
    background: #14532d;
    border-color: #14532d;
}

html.dark .marker-modal--date-picker .marker-modal__header[b-z788riwkrw],
html.dark .marker-modal__actions[b-z788riwkrw] {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(255, 255, 255, 0.08);
}

html.dark .marker-modal__hint[b-z788riwkrw] {
    background: rgba(15, 23, 42, 0.45);
    border-color: rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
}

html.dark .marker-modal__field-label[b-z788riwkrw] { color: #94a3b8; }

html.dark .marker-modal__date-input[b-z788riwkrw] {
    background: var(--vma-bg-input, #334155);
    border-color: var(--vma-border-input, rgba(255,255,255,0.18));
    color: var(--vma-text-primary, #f1f5f9);
}

html.dark .marker-modal__date-input:focus[b-z788riwkrw] {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(147, 197, 253, 0.2);
}

html.dark .marker-modal__btn--ghost[b-z788riwkrw] {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.18);
    color: #e2e8f0;
}

html.dark .marker-modal__btn--ghost:hover:not(:disabled)[b-z788riwkrw] {
    background: rgba(255, 255, 255, 0.06);
}

html.dark .marker-modal__btn--primary[b-z788riwkrw] {
    background: #15803d;
    border-color: #15803d;
}

.marker-modal__empty[b-z788riwkrw] {
    color: #64748b;
    text-align: center;
    margin: 2rem 0;
    font-size: 0.9rem;
}

.marker-modal__list[b-z788riwkrw] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.marker-modal__item[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0;
    border-bottom: 1px solid #f1f5f9;
}

.marker-modal__item:last-child[b-z788riwkrw] {
    border-bottom: none;
}

.marker-modal__date[b-z788riwkrw] {
    font-weight: 600;
    color: #1e293b;
    min-width: 90px;
}

.marker-modal__dow[b-z788riwkrw] {
    color: #64748b;
    font-size: 0.85rem;
    text-transform: uppercase;
    min-width: 40px;
}

.marker-modal__note[b-z788riwkrw] {
    color: #b45309;
    font-size: 0.8rem;
    background: #fef3c7;
    padding: 2px 8px;
    border-radius: 4px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.marker-modal__warning[b-z788riwkrw] {
    font-size: 0.82rem;
    color: #92400e;
    flex: 1;
    white-space: normal;
    word-break: break-word;
}

.marker-modal__wr-target[b-z788riwkrw] {
    font-size: 0.8rem;
    color: #1d4ed8;
    background: #eff6ff;
    border: 1px solid #bfdbfe;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
}

.marker-modal__hours[b-z788riwkrw] {
    color: #2563eb;
    font-size: 0.8rem;
    font-weight: 600;
    background: #dbeafe;
    padding: 2px 6px;
    border-radius: 4px;
}

/* Odpowiedź pracownika na termin dnia rekompensującego (zgoda, potwierdzenie, odmowa). */
.marker-modal__consent[b-z788riwkrw] {
    font-size: 0.78rem;
    padding: 2px 8px;
    border-radius: 4px;
    white-space: nowrap;
    border: 1px solid transparent;
}

.marker-modal__consent--ok[b-z788riwkrw] {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.marker-modal__consent--pending[b-z788riwkrw] {
    color: #a16207;
    background: #fefce8;
    border-color: #fde68a;
}

.marker-modal__consent--refused[b-z788riwkrw] {
    color: #b91c1c;
    background: #fef2f2;
    border-color: #fecaca;
}

.marker-modal__item--error[b-z788riwkrw] {
    background: #fef2f2;
    border-left: 3px solid #ef4444;
    padding-left: 0.75rem;
    margin-left: -0.75rem;
}

.marker-modal__item--warn[b-z788riwkrw] {
    background: #fffbeb;
    border-left: 3px solid #f59e0b;
    padding-left: 0.75rem;
    margin-left: -0.75rem;
}

.marker-modal__wr-alert[b-z788riwkrw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #92400e;
    background: #fef3c7;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
    border: 1px solid #fcd34d;
    white-space: nowrap;
}

.marker-modal__footer[b-z788riwkrw] {
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--vma-border-light, #e2e8f0);
    text-align: right;
    font-size: 0.9rem;
    color: var(--vma-text-heading, #1e293b);
}

/* =============================
   Dark Mode Overrides
   ============================= */

/* Legend items */
html.dark .sched-legend__item--holiday[b-z788riwkrw]  { background: rgba(217, 119, 6, 0.25); color: #fcd34d; }
html.dark .sched-legend__item--weekend[b-z788riwkrw]  { background: rgba(100, 116, 139, 0.25); color: #94a3b8; }
html.dark .sched-legend__item--vacation[b-z788riwkrw] { background: rgba(5, 150, 105, 0.25); color: #6ee7b7; }
html.dark .sched-legend__item--rest-warn[b-z788riwkrw]{ background: rgba(180, 83, 9, 0.25); color: #fcd34d; }
html.dark .sched-legend__marker[b-z788riwkrw] { background: rgba(99, 102, 241, 0.25); color: #a5b4fc; }
html.dark .sched-legend__marker[b-z788riwkrw]::after { background: #334155; color: #f1f5f9; }
html.dark .sched-legend__marker[b-z788riwkrw]::before { border-top-color: #334155; }

/* Row expansion backgrounds */
html.dark .sched-row--expanded[b-z788riwkrw] { background: rgba(59, 130, 246, 0.08); }
html.dark .sched-row__editor[b-z788riwkrw] { background: rgba(0, 0, 0, 0.15); border-color: var(--vma-border-light); }
html.dark .sched-row--expanded .sched-row__summary[b-z788riwkrw] { background: linear-gradient(90deg, rgba(59, 130, 246, 0.1) 0%, rgba(30, 41, 59, 0.5) 100%); border-color: var(--vma-border-light); }

/* Contract badges */
html.dark .sched-contract-badge--uop[b-z788riwkrw] { background: rgba(59, 130, 246, 0.2); color: #93c5fd; border-color: rgba(59, 130, 246, 0.4); }
html.dark .sched-contract-badge--b2b[b-z788riwkrw] { background: rgba(190, 24, 93, 0.2); color: #f9a8d4; border-color: rgba(190, 24, 93, 0.4); }
html.dark .sched-contract-badge--uz[b-z788riwkrw]  { background: rgba(124, 58, 237, 0.2); color: #c4b5fd; border-color: rgba(124, 58, 237, 0.4); }
html.dark .sched-settlement-badge[b-z788riwkrw] { background: rgba(5, 150, 105, 0.2); color: #6ee7b7; border-color: rgba(5, 150, 105, 0.4); }
html.dark .sched-fraction-badge[b-z788riwkrw] { background: rgba(245, 158, 11, 0.2); color: #fcd34d; border-color: rgba(245, 158, 11, 0.4); }

/* Chevron buttons */
html.dark .sched-row__chevron[b-z788riwkrw] { background: var(--vma-bg-input); color: var(--vma-text-muted); }
html.dark .sched-row__summary:hover .sched-row__chevron[b-z788riwkrw] { background: var(--vma-border-medium); color: var(--vma-text-secondary); }
html.dark .sched-row--expanded .sched-row__chevron[b-z788riwkrw] { background: rgba(59, 130, 246, 0.25); color: #60a5fa; }

/* Employee name/position */
html.dark .sched-row__name[b-z788riwkrw] { color: var(--vma-text-heading); }
html.dark .sched-row__pos[b-z788riwkrw] { color: var(--vma-text-muted); }

/* Warning badges */
html.dark .sched-warn-badge[b-z788riwkrw] { background: rgba(220, 38, 38, 0.15); border-color: rgba(220, 38, 38, 0.35); color: #fca5a5; }
html.dark .sched-row--over .sched-row__summary[b-z788riwkrw] { border-left-color: #ef4444; background: rgba(220, 38, 38, 0.08); }

/* Week groups */
html.dark .sched-week-group--over48[b-z788riwkrw] { background: rgba(220, 38, 38, 0.15); border-color: rgba(220, 38, 38, 0.4); }
html.dark .sched-week-group__hours-badge[b-z788riwkrw] { background: rgba(220, 38, 38, 0.2); color: #fca5a5; border-color: rgba(220, 38, 38, 0.35); }

/* Stats */
html.dark .sched-stat[b-z788riwkrw] { background: var(--vma-bg-input); border-color: var(--vma-border-light); }
html.dark .sched-row__annual-bar[b-z788riwkrw] { background: var(--vma-border-light); }

/* Input placeholders */
html.dark .sched-tile__h-input[b-z788riwkrw]::placeholder { color: var(--vma-text-muted); }
html.dark .sched-tile__kod-input[b-z788riwkrw]::placeholder { color: var(--vma-text-muted); }
html.dark .sched-tile__marker-select[b-z788riwkrw] { color: var(--vma-text-secondary); }

/* Marker select options - inherit dark mode */
html.dark .sched-tile__wr-date[b-z788riwkrw] { background: var(--vma-bg-input); color: var(--vma-text-primary); border-color: var(--vma-border-input); }
html.dark .sched-tile__wr-target[b-z788riwkrw] { background: rgba(245, 158, 11, 0.15); color: #fcd34d; }

/* WR target day highlight */
html.dark .sched-tile--wr-target[b-z788riwkrw] { background: rgba(245, 158, 11, 0.2) !important; border-color: rgba(245, 158, 11, 0.5) !important; }

/* Marker modal items */
html.dark .marker-modal__item--error[b-z788riwkrw] { background: rgba(220, 38, 38, 0.12); }
html.dark .marker-modal__item--warn[b-z788riwkrw] { background: rgba(180, 83, 9, 0.12); }
html.dark .marker-modal__note[b-z788riwkrw] { color: var(--vma-text-muted); }
html.dark .marker-modal__warning[b-z788riwkrw] { color: #fcd34d; }
html.dark .marker-modal__wr-target[b-z788riwkrw] { background: rgba(29, 78, 216, 0.2); border-color: rgba(59, 130, 246, 0.4); color: #93c5fd; }
html.dark .marker-modal__consent--ok[b-z788riwkrw] { background: rgba(21, 128, 61, 0.2); border-color: rgba(34, 197, 94, 0.4); color: #86efac; }
html.dark .marker-modal__consent--pending[b-z788riwkrw] { background: rgba(161, 98, 7, 0.2); border-color: rgba(234, 179, 8, 0.4); color: #fde68a; }
html.dark .marker-modal__consent--refused[b-z788riwkrw] { background: rgba(185, 28, 28, 0.2); border-color: rgba(239, 68, 68, 0.4); color: #fca5a5; }
html.dark .marker-modal__over[b-z788riwkrw] { color: #fca5a5; }
html.dark .marker-modal__hours[b-z788riwkrw] { background: rgba(59, 130, 246, 0.2); color: #93c5fd; }
html.dark .marker-modal__footer[b-z788riwkrw] { border-color: var(--vma-border-light); color: var(--vma-text-heading); }

/* Section titles in KP bar */
html.dark .kp-section__title[b-z788riwkrw] { color: var(--vma-text-muted); }
html.dark .kp-metric[b-z788riwkrw] { background: var(--vma-bg-input); }
html.dark .kp-metric--ok[b-z788riwkrw] { background: rgba(34, 197, 94, 0.15); color: #86efac; border-color: rgba(34, 197, 94, 0.35); }
html.dark .kp-metric--warn[b-z788riwkrw] { background: rgba(245, 158, 11, 0.15); color: #fcd34d; border-color: rgba(245, 158, 11, 0.35); }
html.dark .kp-metric--error[b-z788riwkrw] { background: rgba(220, 38, 38, 0.15); color: #fca5a5; border-color: rgba(220, 38, 38, 0.35); }

/* Progress bars */
html.dark .kp-progress__bar[b-z788riwkrw] { background: linear-gradient(90deg, rgba(59,130,246,0.8), rgba(37,99,235,0.9)); }
html.dark .kp-metric--warn .kp-progress__bar[b-z788riwkrw] { background: linear-gradient(90deg, rgba(245,158,11,0.9), rgba(217,119,6,0.9)); }
html.dark .kp-metric--error .kp-progress__bar[b-z788riwkrw] { background: linear-gradient(90deg, rgba(239,68,68,0.9), rgba(220,38,38,0.9)); }

/* Chips and badges */
html.dark .kp-metric__chip[b-z788riwkrw] { background: rgba(255,255,255,0.1); }
html.dark .kp-metric__badge[b-z788riwkrw] { background: rgba(255,255,255,0.15); }

/* Focus states for inputs in dark mode */
html.dark .sched-tile__h-input:focus[b-z788riwkrw] { color: #60a5fa; }
html.dark .sched-tile__kod-input:focus[b-z788riwkrw] { color: #60a5fa; }
html.dark .sched-tile__marker-select:focus[b-z788riwkrw] { color: #60a5fa; }
html.dark .sched-tile__shift-time:focus[b-z788riwkrw] { color: #60a5fa; }

.marker-modal__over[b-z788riwkrw] {
    color: #dc2626;
    font-size: 0.85rem;
    font-weight: 600;
    background: #fecaca;
    padding: 2px 6px;
    border-radius: 4px;
}

/* ===== WR Modal - PIP Section Styles ===== */
.marker-modal--wr-wide[b-z788riwkrw] {
    max-width: 700px;
    width: 90vw;
}

.marker-modal__section[b-z788riwkrw] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: #f8fafc;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}

.marker-modal__section--alert[b-z788riwkrw] {
    background: #fffbeb;
    border-color: #fcd34d;
    border-left: 4px solid #f59e0b;
}

.marker-modal__section-title[b-z788riwkrw] {
    font-size: 0.95rem;
    font-weight: 700;
    color: #1e293b;
    margin: 0 0 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.marker-modal__section-subtitle[b-z788riwkrw] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #64748b;
    text-transform: none;
}

.marker-modal__divider[b-z788riwkrw] {
    border: none;
    border-top: 2px solid #e2e8f0;
    margin: 1rem 0;
}

.marker-modal__list--pip[b-z788riwkrw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.marker-modal__item--pip[b-z788riwkrw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    background: #ffffff;
    border: 1px solid #fcd34d;
    border-radius: 6px;
    border-left: 3px solid #f59e0b;
}

.marker-modal__hours--alert[b-z788riwkrw] {
    background: #fef3c7;
    color: #92400e;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
}

.marker-modal__badge[b-z788riwkrw] {
    font-size: 0.7rem;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 6px;
    border-radius: 4px;
    font-weight: 500;
}

.marker-modal__info[b-z788riwkrw] {
    margin-top: 0.75rem;
    padding: 0.5rem;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 6px;
    color: #065f46;
}

/* Dark mode overrides for PIP section */
html.dark .marker-modal__section[b-z788riwkrw] { background: var(--vma-bg-input); border-color: var(--vma-border-light); }
html.dark .marker-modal__section--alert[b-z788riwkrw] { background: rgba(245, 158, 11, 0.15); border-color: rgba(252, 211, 77, 0.4); }
html.dark .marker-modal__section-title[b-z788riwkrw] { color: var(--vma-text-heading); }
html.dark .marker-modal__section-subtitle[b-z788riwkrw] { color: var(--vma-text-muted); }
html.dark .marker-modal__item--pip[b-z788riwkrw] { background: var(--vma-bg-card); border-color: rgba(252, 211, 77, 0.5); }
html.dark .marker-modal__hours--alert[b-z788riwkrw] { background: rgba(245, 158, 11, 0.2); color: #fcd34d; }
html.dark .marker-modal__badge[b-z788riwkrw] { background: rgba(255,255,255,0.1); color: var(--vma-text-muted); }
html.dark .marker-modal__info[b-z788riwkrw] { background: rgba(6, 95, 70, 0.2); border-color: rgba(167, 243, 208, 0.3); color: #6ee7b7; }

/* Schedule-improvement branch additions */
.sched-row__gen-btn[b-z788riwkrw] {
    margin-left: auto;
    flex-shrink: 0;
    min-height: 1.9rem;
    padding: 0.2rem 0.55rem;
    font-size: 0.95rem;
    line-height: 1;
    border-radius: 8px;
    opacity: 0.7;
    transition: opacity 0.12s ease;
}
.sched-row__gen-btn:hover[b-z788riwkrw] { opacity: 1; }

.sched-kp-badge[b-z788riwkrw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.1rem 0.4rem;
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    border-radius: 4px;
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
    white-space: nowrap;
}

.sched-tile--conflict[b-z788riwkrw] { background: #fff1f2; border-color: #fca5a5; box-shadow: 0 0 0 1px #fca5a5; }
.sched-tile__conflict-icon[b-z788riwkrw] { font-size: 0.65rem; margin-left: auto; }
html.dark .sched-tile--conflict[b-z788riwkrw] { background: rgba(239, 68, 68, 0.12); border-color: rgba(252, 165, 165, 0.5); }
/* /Components/Pages/Schedules/Index.razor.rz.scp.css */
/* User schedule page – layout tweaks on top of schedules-shared.css */

.schedule-user-page[b-8uzi2590l0] {
    max-width: none;
}
/* /Components/Pages/Settings/AdminIndex.razor.rz.scp.css */
/* Settings page – tabbed layout */

.settings-tabs[b-ws7mjvbgjs] {
    margin-top: 1.5rem;
    margin-bottom: 0;
}

.settings-tablist[b-ws7mjvbgjs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 1.75rem;
    list-style: none;
    margin-top: 0;
    background: var(--vma-bg-secondary, #f8fafc);
    border-radius: 14px;
    border: 1px solid var(--vma-border-light);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.settings-tab[b-ws7mjvbgjs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.settings-tab:hover:not(.settings-tab--active)[b-ws7mjvbgjs] {
    color: var(--vma-text-primary);
    background: var(--vma-bg-card);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}

.settings-tab:active[b-ws7mjvbgjs] {
    transform: scale(0.98);
}

.settings-tab--active[b-ws7mjvbgjs] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border: 2px solid var(--vma-accent) !important;
    box-shadow: 0 2px 8px var(--vma-accent-soft) !important;
    font-weight: 700;
}

.settings-tab--active:hover[b-ws7mjvbgjs] {
    background: var(--vma-accent-hover) !important;
    box-shadow: 0 2px 10px var(--vma-accent-border) !important;
}

.settings-tab:focus-visible[b-ws7mjvbgjs] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.settings-tabpanel[b-ws7mjvbgjs] {
    padding-top: 0;
    margin-top: 0;
    animation: settings-tabpanel-in-b-ws7mjvbgjs 0.2s ease;
}

@keyframes settings-tabpanel-in-b-ws7mjvbgjs {
    from { opacity: 0.97; }
    to   { opacity: 1; }
}

.settings-tabpanel:focus[b-ws7mjvbgjs] {
    outline: none;
}

.settings-tabpanel[hidden][b-ws7mjvbgjs] {
    display: none;
}

/* Dark theme tweak */
html.dark .settings-tablist[b-ws7mjvbgjs] {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--vma-border-light);
}

html.dark .settings-tab--active[b-ws7mjvbgjs] {
    color: var(--vma-text-inverse) !important;
    background: var(--vma-accent) !important;
    border-color: var(--vma-accent) !important;
}
/* /Components/Pages/Settings/Components/SettingsCompanyCard.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════
   Panel „Dane firmy” – rozwijany, spójny z systemem VMA
   ═══════════════════════════════════════════════════════════════ */

.settings-company-panel[b-xv8t5uv4u7] {
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

/* Nagłówek – natywny <button> dla dostępności, wygląd jak poprzednio */
.settings-company-panel__header[b-xv8t5uv4u7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    padding: 1rem 1.25rem;
    border: none;
    background: transparent;
    cursor: pointer;
    user-select: none;
    outline: none;
    min-height: 3rem;
    text-align: left;
    font: inherit;
    color: inherit;
    transition: background-color 0.15s ease;
}

.settings-company-panel__header:hover[b-xv8t5uv4u7] {
    background: var(--vma-bg-card-hover);
}

.settings-company-panel__header:focus-visible[b-xv8t5uv4u7] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.settings-company-panel__header-text[b-xv8t5uv4u7] {
    flex: 1;
    min-width: 0;
}

.settings-company-panel__title[b-xv8t5uv4u7] {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--vma-text-heading);
    line-height: 1.3;
}

.settings-company-panel__summary[b-xv8t5uv4u7] {
    margin: 0.25rem 0 0 0;
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    line-height: 1.4;
}

/* Chevron – ikona rozwiń/zwiń (trójkąt w dół = zwinięty, w górę = rozwinięty) */
.settings-company-panel__chevron[b-xv8t5uv4u7] {
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: transparent;
    color: var(--vma-text-muted);
    transition: transform 0.2s ease, background-color 0.15s ease, color 0.15s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.settings-company-panel__chevron[b-xv8t5uv4u7]::before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid currentColor;
    margin-bottom: -2px;
}

.settings-company-panel__header:hover .settings-company-panel__chevron[b-xv8t5uv4u7] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-text-primary);
}

.settings-company-panel__chevron--open[b-xv8t5uv4u7] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.settings-company-panel__chevron--open[b-xv8t5uv4u7]::before {
    transform: rotate(180deg);
    margin-bottom: 2px;
}

.settings-company-panel--expanded .settings-company-panel__header[b-xv8t5uv4u7] {
    border-bottom: 1px solid var(--vma-border-light);
}

/* Treść panelu */
.settings-company-panel__body[b-xv8t5uv4u7] {
    padding: 1.25rem 1.25rem 1.5rem;
    background: var(--vma-bg-card);
}

.settings-company-panel__intro[b-xv8t5uv4u7] {
    margin: 0 0 1.25rem 0;
    font-size: 0.875rem;
    color: var(--vma-text-secondary);
    line-height: 1.5;
}

/* Sekcje (Od / Dostawca) */
.settings-company-panel__section[b-xv8t5uv4u7] {
    margin-bottom: 1.5rem;
}

.settings-company-panel__section:last-of-type[b-xv8t5uv4u7] {
    margin-bottom: 0;
}

.settings-company-panel__section-title[b-xv8t5uv4u7] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--vma-text-muted);
    margin: 0 0 0.75rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--vma-border-light);
}

/* Przycisk Zapisz i komunikat */
.settings-company-panel__actions[b-xv8t5uv4u7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-company-panel__actions [role="status"][b-xv8t5uv4u7] {
    font-size: 0.875rem;
}
/* /Components/Pages/Settings/Components/SettingsDepartmentsCard.razor.rz.scp.css */
/* Scoped styles for SettingsDepartmentsCard */

.settings-departments__header[b-1vmalfs6mz] {
    margin-bottom: 0.5rem;
}

.settings-departments__title[b-1vmalfs6mz] {
    margin-bottom: 0.25rem;
}

.settings-departments__subtitle[b-1vmalfs6mz] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
    max-width: 56ch;
}

.settings-departments__banner[b-1vmalfs6mz] {
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.settings-departments__banner--error[b-1vmalfs6mz] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.settings-departments__banner--success[b-1vmalfs6mz] {
    background: var(--vma-alert-success-bg);
    color: var(--vma-alert-success-text);
    border: 1px solid var(--vma-alert-success-border);
}

.settings-departments__add[b-1vmalfs6mz] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-departments__section-title[b-1vmalfs6mz] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--vma-text-muted);
    margin: 0 0 0.5rem 0;
}

.settings-departments__add-row[b-1vmalfs6mz] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.settings-departments__add-input[b-1vmalfs6mz] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.settings-departments__add-btn[b-1vmalfs6mz] {
    min-width: 100px;
}

.settings-departments__hint[b-1vmalfs6mz] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    margin: 0.35rem 0 0 0;
}

.settings-departments__toolbar[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-departments__segment[b-1vmalfs6mz] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
    gap: 0;
}

.settings-departments__segment-btn[b-1vmalfs6mz] {
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.settings-departments__segment-btn:hover[b-1vmalfs6mz] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.settings-departments__segment-btn--active[b-1vmalfs6mz] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.settings-departments__count[b-1vmalfs6mz] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

.settings-departments__list-wrap[b-1vmalfs6mz] {
    margin-top: 1rem;
    min-height: 2rem;
}

.settings-departments__loading[b-1vmalfs6mz] {
    padding: 0.75rem 0;
}

.settings-departments__empty[b-1vmalfs6mz] {
    text-align: center;
    padding: 2rem 1rem;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    border: 1px dashed var(--vma-border-light);
}

.settings-departments__empty-title[b-1vmalfs6mz] {
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--vma-text-heading);
}

.settings-departments__empty-text[b-1vmalfs6mz] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
}

.settings-departments__list[b-1vmalfs6mz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.settings-departments__item[b-1vmalfs6mz] {
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 8px;
    padding: 1rem;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.settings-departments__item:hover[b-1vmalfs6mz] {
    border-color: var(--vma-border-medium);
}

.settings-departments__item--inactive[b-1vmalfs6mz] {
    background: var(--vma-bg-secondary);
    opacity: 0.9;
}

.settings-departments__item--editing[b-1vmalfs6mz] {
    padding: 1rem;
}

.settings-departments__item-main[b-1vmalfs6mz] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.settings-departments__item-header[b-1vmalfs6mz] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
}

.settings-departments__item-name-section[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.settings-departments__expand-btn[b-1vmalfs6mz] {
    background: transparent;
    border: none;
    padding: 0.25rem;
    cursor: pointer;
    color: var(--vma-text-muted);
    font-size: 0.75rem;
    line-height: 1;
    flex-shrink: 0;
}

.settings-departments__expand-btn:hover[b-1vmalfs6mz] {
    color: var(--vma-text-primary);
}

.settings-departments__item-name[b-1vmalfs6mz] {
    font-weight: 600;
    font-size: 0.9375rem;
}

.settings-departments__item-desc[b-1vmalfs6mz] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

.settings-departments__item-status[b-1vmalfs6mz] {
    flex-shrink: 0;
}

.settings-departments__item-actions[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.settings-departments__action-btn--danger[b-1vmalfs6mz] {
    margin-left: 0.25rem;
}

.settings-departments__edit-form[b-1vmalfs6mz] {
    width: 100%;
}

.settings-departments__edit-row .vma-label[b-1vmalfs6mz] {
    display: block;
    margin-bottom: 0.25rem;
}

.settings-departments__edit-row input[b-1vmalfs6mz],
.settings-departments__edit-row textarea[b-1vmalfs6mz] {
    max-width: 500px;
}

.settings-departments__activity-types[b-1vmalfs6mz] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-departments__activity-types-header[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}

.settings-departments__activity-types-title[b-1vmalfs6mz] {
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0;
    color: var(--vma-text-heading);
}

.settings-departments__activity-types-empty[b-1vmalfs6mz] {
    padding: 0.75rem;
    background: var(--vma-bg-secondary);
    border-radius: 6px;
    text-align: center;
}

.settings-departments__activity-types-list[b-1vmalfs6mz] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.settings-departments__activity-type-item[b-1vmalfs6mz] {
    padding: 0.75rem;
    background: var(--vma-bg-secondary);
    border: 1px solid var(--vma-border-light);
    border-radius: 6px;
}

.settings-departments__activity-type-item--inactive[b-1vmalfs6mz] {
    opacity: 0.8;
}

.settings-departments__activity-type-main[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.settings-departments__activity-type-info[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
}

.settings-departments__activity-type-name[b-1vmalfs6mz] {
    font-weight: 500;
    font-size: 0.875rem;
}

.settings-departments__activity-type-desc[b-1vmalfs6mz] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

.settings-departments__activity-type-actions[b-1vmalfs6mz] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
}

.settings-departments__activity-type-form[b-1vmalfs6mz],
.settings-departments__activity-type-edit-form[b-1vmalfs6mz] {
    padding: 0.75rem;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-medium);
    border-radius: 6px;
}

@media (max-width: 575px) {
    .settings-departments__item-header[b-1vmalfs6mz] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-departments__item-actions[b-1vmalfs6mz] {
        justify-content: flex-start;
        padding-top: 0.5rem;
        border-top: 1px solid var(--vma-border-light);
    }

    .settings-departments__activity-type-main[b-1vmalfs6mz] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-departments__activity-type-actions[b-1vmalfs6mz] {
        justify-content: flex-start;
        padding-top: 0.5rem;
        border-top: 1px solid var(--vma-border-light);
    }
}
/* /Components/Pages/Settings/Components/SettingsEmailNotificationsCard.razor.rz.scp.css */
.vma-notif-subitems[b-lokib2j2cv] {
    display: grid;
    gap: 0.375rem;
    margin: 0.5rem 0 0.25rem 2.25rem;
    padding-left: 0.75rem;
    border-left: 2px solid var(--vma-border-light);
    font-size: 0.875rem;
}

.vma-notif-subitems--disabled[b-lokib2j2cv] {
    opacity: 0.55;
}
/* /Components/Pages/Settings/Components/SettingsEquipmentCard.razor.rz.scp.css */
/* Scoped styles for SettingsEquipmentCard – matches Settings (Job Positions) design */

.settings-equipment__header[b-egotg3zwxk] {
    margin-bottom: 0.5rem;
}

.settings-equipment__title[b-egotg3zwxk] {
    margin-bottom: 0.25rem;
}

.settings-equipment__subtitle[b-egotg3zwxk] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
    max-width: 56ch;
}

.settings-equipment__banner[b-egotg3zwxk] {
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.settings-equipment__banner--error[b-egotg3zwxk] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.settings-equipment__banner--success[b-egotg3zwxk] {
    background: var(--vma-alert-success-bg);
    color: var(--vma-alert-success-text);
    border: 1px solid var(--vma-alert-success-border);
}

/* Add form */
.settings-equipment__add[b-egotg3zwxk] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-equipment__section-title[b-egotg3zwxk] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--vma-text-muted);
    margin: 0 0 0.5rem 0;
}

.settings-equipment__add-row[b-egotg3zwxk] {
    display: flex;
    gap: 0.5rem;
    align-items: flex-end;
    flex-wrap: wrap;
}

.settings-equipment__add-row .vma-label[b-egotg3zwxk] {
    margin-bottom: 0.25rem;
}

.settings-equipment__add-field[b-egotg3zwxk] {
    min-width: 0;
}

.settings-equipment__add-field--type[b-egotg3zwxk] {
    min-width: 140px;
    max-width: 180px;
}

.settings-equipment__add-field--name[b-egotg3zwxk] {
    flex: 1;
    min-width: 160px;
    max-width: 280px;
}

.settings-equipment__add-field--size[b-egotg3zwxk] {
    min-width: 100px;
    max-width: 140px;
}

.settings-equipment__add-field--sort[b-egotg3zwxk] {
    width: 80px;
}

.settings-equipment__add-btn[b-egotg3zwxk] {
    min-width: 100px;
    flex-shrink: 0;
}

.settings-equipment__add-hint[b-egotg3zwxk] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    margin: 0.35rem 0 0 0;
}

/* Toolbar: segment + count */
.settings-equipment__toolbar[b-egotg3zwxk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-equipment__segment[b-egotg3zwxk] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
    gap: 0;
}

.settings-equipment__segment-btn[b-egotg3zwxk] {
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.settings-equipment__segment-btn:hover[b-egotg3zwxk] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.settings-equipment__segment-btn:focus[b-egotg3zwxk] {
    outline: none;
}

.settings-equipment__segment-btn:focus-visible[b-egotg3zwxk] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.settings-equipment__segment-btn--active[b-egotg3zwxk] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.settings-equipment__count[b-egotg3zwxk] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

/* List */
.settings-equipment__list-wrap[b-egotg3zwxk] {
    margin-top: 1rem;
    min-height: 2rem;
}

.settings-equipment__loading[b-egotg3zwxk] {
    padding: 0.75rem 0;
}

.settings-equipment__empty[b-egotg3zwxk] {
    text-align: center;
    padding: 2rem 1rem;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    border: 1px dashed var(--vma-border-light);
}

.settings-equipment__empty-title[b-egotg3zwxk] {
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--vma-text-heading);
}

.settings-equipment__empty-text[b-egotg3zwxk] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
}

.settings-equipment__list[b-egotg3zwxk] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.settings-equipment__item[b-egotg3zwxk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 8px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.settings-equipment__item:hover[b-egotg3zwxk] {
    border-color: var(--vma-border-medium);
}

.settings-equipment__item--inactive[b-egotg3zwxk] {
    background: var(--vma-bg-secondary);
    opacity: 0.9;
}

.settings-equipment__item--inactive .settings-equipment__item-name[b-egotg3zwxk] {
    color: var(--vma-text-muted);
}

.settings-equipment__item-main[b-egotg3zwxk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.settings-equipment__item-name[b-egotg3zwxk] {
    font-weight: 600;
    font-size: 0.9375rem;
}

.settings-equipment__item-meta[b-egotg3zwxk] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

.settings-equipment__item-status[b-egotg3zwxk] {
    flex-shrink: 0;
}

.settings-equipment__item-actions[b-egotg3zwxk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.settings-equipment__action-btn[b-egotg3zwxk] {
    font-size: 0.8125rem;
    padding: 0.3rem 0.6rem;
}

.settings-equipment__action-btn--danger[b-egotg3zwxk] {
    margin-left: 0.25rem;
}

/* Inline edit – clear visual state (UX: explicit editing mode) */
.settings-equipment__item--editing[b-egotg3zwxk] {
    flex-direction: column;
    align-items: stretch;
    border-color: var(--vma-accent);
    background: var(--vma-bg-secondary);
    box-shadow: 0 0 0 2px var(--vma-accent-soft);
}

.settings-equipment__item--editing .settings-equipment__edit-form[b-egotg3zwxk] {
    position: relative;
}

.settings-equipment__edit-form[b-egotg3zwxk] {
    width: 100%;
}

.settings-equipment__edit-badge[b-egotg3zwxk] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--vma-accent);
    margin-bottom: 0.5rem;
}

.settings-equipment__edit-row[b-egotg3zwxk] {
    margin-bottom: 0.5rem;
}

.settings-equipment__edit-row .vma-label[b-egotg3zwxk] {
    display: block;
    margin-bottom: 0.25rem;
}

.settings-equipment__edit-row input[b-egotg3zwxk],
.settings-equipment__edit-row select[b-egotg3zwxk] {
    max-width: 320px;
}

.settings-equipment__edit-actions[b-egotg3zwxk] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.75rem;
}

@media (max-width: 575px) {
    .settings-equipment__item[b-egotg3zwxk] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-equipment__item-actions[b-egotg3zwxk] {
        justify-content: flex-start;
        padding-top: 0.25rem;
        border-top: 1px solid var(--vma-border-light);
    }

    .settings-equipment__add-row[b-egotg3zwxk] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-equipment__add-field--name[b-egotg3zwxk],
    .settings-equipment__add-field--type[b-egotg3zwxk],
    .settings-equipment__add-field--size[b-egotg3zwxk],
    .settings-equipment__add-field--sort[b-egotg3zwxk] {
        max-width: none;
    }
}
/* /Components/Pages/Settings/Components/SettingsJobPositionsCard.razor.rz.scp.css */
/* Scoped styles for SettingsJobPositionsCard (Blazor CSS isolation applies per-component) */

.settings-jobpositions__header[b-55uf48e2us] {
    margin-bottom: 0.5rem;
}

.settings-jobpositions__title[b-55uf48e2us] {
    margin-bottom: 0.25rem;
}

.settings-jobpositions__subtitle[b-55uf48e2us] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
    max-width: 56ch;
}

.settings-jobpositions__default-roles .vma-formGrid__half[b-55uf48e2us] {
    margin-bottom: 0.5rem;
}

.settings-jobpositions__banner[b-55uf48e2us] {
    padding: 0.625rem 0.875rem;
    border-radius: 6px;
    font-size: 0.875rem;
    margin-top: 1rem;
}

.settings-jobpositions__banner--error[b-55uf48e2us] {
    background: var(--vma-alert-error-bg);
    color: var(--vma-alert-error-text);
    border: 1px solid var(--vma-alert-error-border);
}

.settings-jobpositions__banner--success[b-55uf48e2us] {
    background: var(--vma-alert-success-bg);
    color: var(--vma-alert-success-text);
    border: 1px solid var(--vma-alert-success-border);
}

/* Add form */
.settings-jobpositions__add[b-55uf48e2us] {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-jobpositions__section-title[b-55uf48e2us] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--vma-text-muted);
    margin: 0 0 0.5rem 0;
}

.settings-jobpositions__add-row[b-55uf48e2us] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
    flex-wrap: wrap;
}

.settings-jobpositions__add-input[b-55uf48e2us] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.settings-jobpositions__add-btn[b-55uf48e2us] {
    min-width: 100px;
}

.settings-jobpositions__hint[b-55uf48e2us] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    margin: 0.35rem 0 0 0;
}

/* Add form: auth level + permissions */
.settings-jobpositions__perms[b-55uf48e2us] {
    border: 1px solid var(--vma-border-light);
    border-radius: 8px;
    padding: 1rem;
    background: var(--vma-bg-secondary);
}

.settings-jobpositions__perms-row[b-55uf48e2us] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.settings-jobpositions__perms-row .vma-label[b-55uf48e2us] {
    margin-bottom: 0;
    min-width: 140px;
}

.settings-jobpositions__auth-select[b-55uf48e2us] {
    max-width: 180px;
}

.settings-jobpositions__presets[b-55uf48e2us] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.settings-jobpositions__preset-btn[b-55uf48e2us] {
    font-size: 0.8125rem;
}

.settings-jobpositions__checkboxes[b-55uf48e2us] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 1.5rem;
}

@media (max-width: 575px) {
    .settings-jobpositions__checkboxes[b-55uf48e2us] {
        grid-template-columns: 1fr;
    }
}

.settings-jobpositions__perm-group[b-55uf48e2us] {
    min-width: 0;
}

/* List item: permission summary */
.settings-jobpositions__item-meta[b-55uf48e2us] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

.settings-jobpositions__item-perms[b-55uf48e2us] {
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Inline edit */
.settings-jobpositions__item--editing[b-55uf48e2us] {
    flex-direction: column;
    align-items: stretch;
}

.settings-jobpositions__edit-form[b-55uf48e2us] {
    width: 100%;
}

.settings-jobpositions__edit-row .vma-label[b-55uf48e2us] {
    display: block;
    margin-bottom: 0.25rem;
}

.settings-jobpositions__edit-row input[b-55uf48e2us],
.settings-jobpositions__edit-row select[b-55uf48e2us] {
    max-width: 320px;
}

/* Toolbar: segment + count */
.settings-jobpositions__toolbar[b-55uf48e2us] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid var(--vma-border-light);
}

.settings-jobpositions__segment[b-55uf48e2us] {
    display: inline-flex;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    padding: 2px;
    gap: 0;
}

.settings-jobpositions__segment-btn[b-55uf48e2us] {
    padding: 0.35rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: transparent;
    color: var(--vma-text-muted);
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.15s ease, color 0.15s ease;
}

.settings-jobpositions__segment-btn:hover[b-55uf48e2us] {
    color: var(--vma-text-primary);
    background: var(--vma-activity-hover-bg);
}

.settings-jobpositions__segment-btn--active[b-55uf48e2us] {
    background: var(--vma-bg-card);
    color: var(--vma-text-primary);
    box-shadow: var(--vma-shadow-card);
}

.settings-jobpositions__count[b-55uf48e2us] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
}

/* List */
.settings-jobpositions__list-wrap[b-55uf48e2us] {
    margin-top: 1rem;
    min-height: 2rem;
}

.settings-jobpositions__loading[b-55uf48e2us] {
    padding: 0.75rem 0;
}

.settings-jobpositions__empty[b-55uf48e2us] {
    text-align: center;
    padding: 2rem 1rem;
    background: var(--vma-bg-secondary);
    border-radius: 8px;
    border: 1px dashed var(--vma-border-light);
}

.settings-jobpositions__empty-title[b-55uf48e2us] {
    font-weight: 600;
    margin: 0 0 0.25rem 0;
    color: var(--vma-text-heading);
}

.settings-jobpositions__empty-text[b-55uf48e2us] {
    font-size: 0.875rem;
    color: var(--vma-text-muted);
    margin: 0;
}

.settings-jobpositions__list[b-55uf48e2us] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.settings-jobpositions__item[b-55uf48e2us] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    background: var(--vma-bg-card);
    border: 1px solid var(--vma-border-light);
    border-radius: 8px;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.settings-jobpositions__item:hover[b-55uf48e2us] {
    border-color: var(--vma-border-medium);
}

.settings-jobpositions__item--inactive[b-55uf48e2us] {
    background: var(--vma-bg-secondary);
    opacity: 0.9;
}

.settings-jobpositions__item--inactive .settings-jobpositions__item-name[b-55uf48e2us] {
    color: var(--vma-text-muted);
}

.settings-jobpositions__item-main[b-55uf48e2us] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
    flex-wrap: wrap;
}

.settings-jobpositions__item-name[b-55uf48e2us] {
    font-weight: 600;
    font-size: 0.9375rem;
}

.settings-jobpositions__item-status[b-55uf48e2us] {
    flex-shrink: 0;
}

.settings-jobpositions__item-actions[b-55uf48e2us] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.settings-jobpositions__action-btn--danger[b-55uf48e2us] {
    margin-left: 0.25rem;
}

/* Responsive: stack actions on small screens */
@media (max-width: 575px) {
    .settings-jobpositions__item[b-55uf48e2us] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-jobpositions__item-actions[b-55uf48e2us] {
        justify-content: flex-start;
        padding-top: 0.25rem;
        border-top: 1px solid var(--vma-border-light);
    }
}
/* /Components/Pages/Settings/Components/SettingsMedicalExamTypesCard.razor.rz.scp.css */
.vma-medical-types-table__edit-cell[b-zv07ggrwz4] {
    padding: 14px !important;
    background: var(--vma-accent-soft);
    border-bottom-color: var(--vma-accent-border);
    vertical-align: top;
}

.vma-medical-types-table__edit-panel[b-zv07ggrwz4] {
    background: var(--vma-bg-card);
    padding: 16px;
    border-radius: 12px;
    border: 1px solid var(--vma-border-light);
}

.vma-medical-types-table__edit-title[b-zv07ggrwz4] {
    margin: 0 0 12px;
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--vma-text-heading);
}

.vma-medical-types-table__expand-btn[b-zv07ggrwz4] {
    color: var(--vma-text-secondary);
    line-height: 1;
}

.vma-medical-types-table__expand-btn:hover[b-zv07ggrwz4],
.vma-medical-types-table__expand-btn:focus[b-zv07ggrwz4] {
    color: var(--vma-text-heading);
}
/* /Components/Pages/Timesheets/Components/MonthApprovalSection.razor.rz.scp.css */
.month-unlock-modal .vma-modal__body .month-unlock-modal__message[b-bd3hhrny86] {
    margin: 0 0 1.5rem;
    line-height: 1.5;
    color: var(--vma-text-primary);
}

.month-unlock-modal .vma-modal__body textarea.month-unlock-modal__textarea[b-bd3hhrny86] {
    display: block;
    width: 100%;
    max-width: 100%;
    min-height: 6.5rem;
    resize: vertical;
    box-sizing: border-box;
}

.vma-modal-overlay .vma-modal.month-unlock-modal[b-bd3hhrny86] {
    max-width: min(32rem, calc(100vw - 2rem));
}

.vma-modal-overlay .vma-modal.month-unlock-modal .vma-modal__body[b-bd3hhrny86] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
/* /Components/Pages/Timesheets/Components/TimesheetBulkForm.razor.rz.scp.css */
/* TimesheetBulkForm component styles */

.vma-bulkForm__selectedDays[b-dyiyfxwh1s] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vma-bulkForm__daysList[b-dyiyfxwh1s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.5rem;
}

.vma-bulkForm__dayTag[b-dyiyfxwh1s] {
    display: inline-block;
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    background: #f1f5f9;
    color: #334155;
    font-size: 0.8125rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.vma-bulkForm__body[b-dyiyfxwh1s] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.vma-bulkForm__section[b-dyiyfxwh1s] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.vma-bulkForm__sectionLabel[b-dyiyfxwh1s] {
    margin-bottom: 0.25rem;
}

.vma-bulkForm__modeGroup[b-dyiyfxwh1s] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 1.5rem;
    align-items: center;
}

.vma-bulkForm__modeOption[b-dyiyfxwh1s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: 500;
}

.vma-bulkForm__project[b-dyiyfxwh1s] {
    max-width: 320px;
}

/* Time pickers same total width as project (320px); rest split Przerwa : Godziny = 1 : 3 */
.vma-bulkForm__timeRow[b-dyiyfxwh1s] {
    display: grid;
    grid-template-columns: minmax(140px, 155px) minmax(140px, 155px) 1fr 3fr;
    grid-template-rows: auto auto auto;
    gap: 0 1.25rem;
    row-gap: 0.35rem;
    align-items: end;
    width: 100%;
}

.vma-bulkForm__timeLabel[b-dyiyfxwh1s] {
    grid-row: 1;
    margin-bottom: 0.15rem;
}

.vma-bulkForm__timeLabel:nth-child(1)[b-dyiyfxwh1s] { grid-column: 1; }
.vma-bulkForm__timeLabel:nth-child(2)[b-dyiyfxwh1s] { grid-column: 2; }
.vma-bulkForm__timeLabel:nth-child(3)[b-dyiyfxwh1s] { grid-column: 3; }
.vma-bulkForm__timeLabel:nth-child(4)[b-dyiyfxwh1s] { grid-column: 4; }

.vma-bulkForm__timeControl[b-dyiyfxwh1s] {
    grid-row: 2;
    min-width: 0;
    display: flex;
    align-items: center;
    height: 38px;
}

.vma-bulkForm__timeControl:nth-of-type(1)[b-dyiyfxwh1s] { grid-column: 1; }
.vma-bulkForm__timeControl:nth-of-type(2)[b-dyiyfxwh1s] { grid-column: 2; }
.vma-bulkForm__timeControl:nth-of-type(3)[b-dyiyfxwh1s] { grid-column: 3; }
.vma-bulkForm__timeControl:nth-of-type(4)[b-dyiyfxwh1s] { grid-column: 4; }

.vma-bulkForm__timeControl .form-control[b-dyiyfxwh1s],
.vma-bulkForm__timeControl .vma-bulkForm__hoursValue[b-dyiyfxwh1s] {
    width: 100%;
    min-width: 0;
}

.vma-bulkForm__hoursControl .vma-bulkForm__hoursValue[b-dyiyfxwh1s] {
    min-height: 36px;
    display: flex;
    align-items: center;
}

.vma-bulkForm__hoursValue[b-dyiyfxwh1s] {
    padding: 0.5rem 0.75rem;
    background: var(--vma-pill-soft-bg);
    border: 1px solid var(--vma-pill-soft-border);
    border-radius: 12px;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    box-sizing: border-box;
    min-width: 0;
    overflow-wrap: break-word;
}

/* Podpowiedzi w osobnym wierszu siatki — inaczej rozpychałyby wiersz z polami. */
.vma-bulkForm__timeHint[b-dyiyfxwh1s],
.vma-bulkForm__breakHint[b-dyiyfxwh1s] {
    grid-row: 3;
    font-size: 0.75rem;
    min-height: 1.25rem;
    margin-top: 0.15rem;
}

.vma-bulkForm__timeHint[b-dyiyfxwh1s] {
    grid-column: 2;
}

.vma-bulkForm__breakHint[b-dyiyfxwh1s] {
    grid-column: 3;
}

.vma-bulkForm__optionRow[b-dyiyfxwh1s] {
    margin-top: 0.25rem;
}

.vma-bulkForm__checkboxLabel[b-dyiyfxwh1s] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    cursor: pointer;
    font-size: 0.9rem;
    color: var(--vma-text-secondary);
}

.vma-bulkForm__checkboxLabel input[b-dyiyfxwh1s] {
    margin-top: 0.2rem;
    flex-shrink: 0;
}

.vma-bulkForm__actions[b-dyiyfxwh1s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-top: 0.5rem;
    border-top: 1px solid var(--vma-border-light);
}

/* Avoid overflow on tablets: switch to smaller time columns earlier (breakpoint scale: md 768, sm 576) */
@media (max-width: 767px) {
    .vma-bulkForm__timeRow[b-dyiyfxwh1s] {
        grid-template-columns: 140px 140px 1fr 3fr;
    }
}

@media (max-width: 575px) {
    .vma-bulkForm__timeRow[b-dyiyfxwh1s] {
        grid-template-columns: 120px 120px 1fr 3fr;
    }
}

@media (max-width: 480px) {
    .vma-bulkForm__timeRow[b-dyiyfxwh1s] {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(10, auto);
    }

    .vma-bulkForm__timeLabel:nth-child(1)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 1; }
    .vma-bulkForm__timeLabel:nth-child(2)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 2; }
    .vma-bulkForm__timeLabel:nth-child(3)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 3; }
    .vma-bulkForm__timeLabel:nth-child(4)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 4; }

    .vma-bulkForm__timeControl:nth-of-type(1)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 5; }
    .vma-bulkForm__timeControl:nth-of-type(2)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 6; }
    .vma-bulkForm__timeControl:nth-of-type(3)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 7; }
    .vma-bulkForm__timeControl:nth-of-type(4)[b-dyiyfxwh1s] { grid-column: 1; grid-row: 8; }

    .vma-bulkForm__timeHint[b-dyiyfxwh1s] {
        grid-column: 1;
        grid-row: 9;
    }

    .vma-bulkForm__breakHint[b-dyiyfxwh1s] {
        grid-column: 1;
        grid-row: 10;
    }
}
/* /Components/Pages/Timesheets/Components/TimesheetDayHeader.razor.rz.scp.css */
.day-nav-btn[b-gb44eqaoo0] {
    padding: 0.25rem 0.5rem;
    font-size: 1rem;
    line-height: 1;
    min-width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.25rem;
    transition: all 0.15s ease-in-out;
}

.day-nav-btn:hover[b-gb44eqaoo0] {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.day-nav-btn:active[b-gb44eqaoo0] {
    transform: translateY(0);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.day-nav-btn--prev[b-gb44eqaoo0] {
    margin-right: 0.5rem;
}

.day-nav-btn--next[b-gb44eqaoo0] {
    margin-left: 0.5rem;
}
/* /Components/Pages/Timesheets/Components/TimesheetDayList.razor.rz.scp.css */
/* ==========================================================================
   Timesheet day list – UI/UX aligned: hierarchy, touch targets, pills, a11y
   ========================================================================== */

.ts-day-list__header[b-wty7mni4vs] {
    margin-bottom: 1rem;
}

.ts-day-list__title[b-wty7mni4vs] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    margin: 0 0 0.25rem 0;
    letter-spacing: -0.01em;
}

.ts-day-list__hint[b-wty7mni4vs] {
    font-size: 0.8125rem;
    color: var(--vma-text-muted);
    margin: 0;
    line-height: 1.4;
}

/* ---- Table container ---- */
.ts-day-list__table-wrapper[b-wty7mni4vs] {
    overflow-x: auto;
    overflow-y: auto;
    max-height:  min(60vh, 480px);
    border-radius: 12px;
    border: 1px solid var(--vma-border-light);
    margin-top: 0;
    -webkit-overflow-scrolling: touch;
}

.ts-day-list__table[b-wty7mni4vs] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

/* ---- Header: minimal, sticky-friendly ---- */
.ts-day-list__th[b-wty7mni4vs] {
    text-align: left;
    padding: 0.625rem 1rem;
    font-weight: 600;
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--vma-text-muted);
    background: var(--vma-activity-bg);
    border-bottom: 1px solid var(--vma-border-light);
    position: sticky;
    top: 0;
    z-index: 1;
}

.ts-day-list__th:first-child[b-wty7mni4vs] {
    padding-left: 1.25rem;
    border-top-left-radius: 11px;
}

.ts-day-list__th:last-child[b-wty7mni4vs] {
    padding-right: 1.25rem;
    border-top-right-radius: 11px;
}

.ts-day-list__th--date[b-wty7mni4vs] { width: 5rem; min-width: 5rem; }
.ts-day-list__th--hours[b-wty7mni4vs] { width: 4rem; min-width: 4rem; }
.ts-day-list__th--type[b-wty7mni4vs] { min-width: 5.5rem; }
.ts-day-list__th--status[b-wty7mni4vs] { min-width: 4.5rem; }
.ts-day-list__th--department[b-wty7mni4vs] { min-width: 5rem; }
.ts-day-list__th--activity[b-wty7mni4vs] { min-width: 5rem; }
.ts-day-list__th--detail[b-wty7mni4vs] { min-width: 6rem; }

/* ---- Rows: touch-friendly height, clear hierarchy ---- */
.ts-day-list__row[b-wty7mni4vs] {
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    border-left: 3px solid transparent;
}

.ts-day-list__row:hover[b-wty7mni4vs] {
    background: var(--vma-table-row-hover) !important;
}

.ts-day-list__row--selected[b-wty7mni4vs] {
    background: var(--vma-accent-soft) !important;
    border-left-color: var(--vma-accent);
}

.ts-day-list__row--selected:hover[b-wty7mni4vs] {
    background: var(--vma-accent-soft) !important;
}

.ts-day-list__row--disabled[b-wty7mni4vs] {
    cursor: not-allowed;
    opacity: 0.6;
}

.ts-day-list__row--disabled:hover[b-wty7mni4vs] {
    background: transparent !important;
}

.ts-day-list__row:focus-visible[b-wty7mni4vs] {
    outline: 2px solid var(--vma-accent);
    outline-offset: -2px;
}

.ts-day-list__cell[b-wty7mni4vs] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--vma-border-light);
    color: var(--vma-text-primary);
    vertical-align: middle;
}

.ts-day-list__cell:first-child[b-wty7mni4vs] {
    padding-left: 1.25rem;
}

.ts-day-list__cell:last-child[b-wty7mni4vs] {
    padding-right: 1.25rem;
}

.ts-day-list__row:last-child .ts-day-list__cell[b-wty7mni4vs] {
    border-bottom: none;
}

/* First/last row rounding when scrollable */
.ts-day-list__table tbody tr:last-child td:first-child[b-wty7mni4vs] {
    border-bottom-left-radius: 11px;
}

.ts-day-list__table tbody tr:last-child td:last-child[b-wty7mni4vs] {
    border-bottom-right-radius: 11px;
}

/* ---- Date column: number + meta ---- */
.ts-day-list__cell--date[b-wty7mni4vs] {
    white-space: nowrap;
}

.ts-day-list__date-num[b-wty7mni4vs] {
    display: block;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--vma-text-heading);
    letter-spacing: -0.02em;
}

.ts-day-list__date-meta[b-wty7mni4vs] {
    display: block;
    font-size: 0.75rem;
    color: var(--vma-text-muted);
    margin-top: 0.15rem;
}

/* ---- Hours: prominent number ---- */
.ts-day-list__hours[b-wty7mni4vs] {
    font-weight: 700;
    color: var(--vma-text-primary);
}

.ts-day-list__hours-unit[b-wty7mni4vs] {
    font-weight: 500;
    font-size: 0.8em;
    color: var(--vma-text-muted);
    margin-left: 0.05em;
}

.ts-day-list__empty[b-wty7mni4vs] {
    color: var(--vma-text-muted);
    font-size: 0.8125rem;
}

/* ---- Pills: type & status ---- */
.ts-day-list__pill[b-wty7mni4vs] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.2;
    border-radius: 6px;
    white-space: nowrap;
}

.ts-day-list__pill--work[b-wty7mni4vs] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-pill-soft-text);
    border: 1px solid var(--vma-pill-soft-border);
}

.ts-day-list__pill--vacation[b-wty7mni4vs] {
    background: rgba(220, 38, 38, 0.1);
    color: #b91c1c;
    border: 1px solid rgba(220, 38, 38, 0.25);
}

html.dark .ts-day-list__pill--vacation[b-wty7mni4vs] {
    background: rgba(248, 113, 113, 0.15);
    color: #fca5a5;
    border-color: rgba(248, 113, 113, 0.3);
}

.ts-day-list__pill--reduction[b-wty7mni4vs] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
    border: 1px solid var(--vma-accent-border);
}

.ts-day-list__pill--travel[b-wty7mni4vs] {
    background: rgba(59, 130, 246, 0.1);
    color: #1d4ed8;
    border: 1px solid rgba(59, 130, 246, 0.25);
}

html.dark .ts-day-list__pill--travel[b-wty7mni4vs] {
    background: rgba(96, 165, 250, 0.15);
    color: #93c5fd;
    border-color: rgba(96, 165, 250, 0.3);
}

.ts-day-list__pill--holiday[b-wty7mni4vs] {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

html.dark .ts-day-list__pill--holiday[b-wty7mni4vs] {
    background: rgba(251, 191, 36, 0.15);
    color: #fcd34d;
    border-color: rgba(251, 191, 36, 0.3);
}

/* Status pills */
.ts-day-list__pill--draft[b-wty7mni4vs] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-text-muted);
    border: 1px solid var(--vma-pill-soft-border);
}

.ts-day-list__pill--pending[b-wty7mni4vs] {
    background: rgba(59, 130, 246, 0.1);
    color: #1d4ed8;
    border: 1px solid rgba(59, 130, 246, 0.2);
}

html.dark .ts-day-list__pill--pending[b-wty7mni4vs] {
    background: rgba(96, 165, 250, 0.15);
    color: #93c5fd;
    border-color: rgba(96, 165, 250, 0.25);
}

.ts-day-list__pill--approved[b-wty7mni4vs] {
    background: rgba(34, 197, 94, 0.1);
    color: #15803d;
    border: 1px solid rgba(34, 197, 94, 0.25);
}

html.dark .ts-day-list__pill--approved[b-wty7mni4vs] {
    background: rgba(74, 222, 128, 0.15);
    color: #86efac;
    border-color: rgba(74, 222, 128, 0.25);
}

.ts-day-list__pill--rejected[b-wty7mni4vs] {
    background: rgba(239, 68, 68, 0.1);
    color: #b91c1c;
    border: 1px solid rgba(239, 68, 68, 0.25);
}

html.dark .ts-day-list__pill--rejected[b-wty7mni4vs] {
    background: rgba(248, 113, 113, 0.15);
    color: #fca5a5;
    border-color: rgba(248, 113, 113, 0.25);
}

/* Department / Activity columns */
.ts-day-list__cell--department[b-wty7mni4vs],
.ts-day-list__cell--activity[b-wty7mni4vs] {
    font-size: 0.8125rem;
    color: var(--vma-text-secondary);
}

/* Detail column: truncate long project lists */
.ts-day-list__detail[b-wty7mni4vs] {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8125rem;
    color: var(--vma-text-secondary);
}

@media (prefers-reduced-motion: reduce) {
    .ts-day-list__row[b-wty7mni4vs] {
        transition: none;
    }
}

/* Dark theme: row backgrounds */
html.dark .ts-day-list__row--selected[b-wty7mni4vs] {
    background: var(--vma-accent-soft) !important;
}
/* /Components/Pages/Timesheets/Components/TimesheetDayTypeActions.razor.rz.scp.css */
/* Base state for remote toggle - ensures visibility in both light and dark mode */
.vma-btn-outline-remote-toggle[b-3g5ozbkk0f] {
    background: transparent;
    border-color: var(--vma-border-medium);
    color: var(--vma-text-heading);
}

.btn-check:checked + .vma-btn-outline-remote-toggle[b-3g5ozbkk0f],
.btn-check:active + .vma-btn-outline-remote-toggle[b-3g5ozbkk0f] {
    background: transparent;
    border-color: var(--vma-border-medium);
    color: var(--vma-text-heading);
    box-shadow: none;
}

.btn-check:focus + .vma-btn-outline-remote-toggle[b-3g5ozbkk0f] {
    background: transparent;
    border-color: var(--vma-border-medium);
    color: var(--vma-text-heading);
    box-shadow: 0 0 0 2px var(--vma-focus, currentColor);
    outline: none;
}

.btn-check:checked + .vma-btn-outline-remote-toggle:hover[b-3g5ozbkk0f],
.btn-check:focus + .vma-btn-outline-remote-toggle:hover[b-3g5ozbkk0f] {
    background: var(--vma-bg-card-hover);
    border-color: var(--vma-border-medium);
    color: var(--vma-text-heading);
}

/* Disabled state */
.btn-check:disabled + .vma-btn-outline-remote-toggle[b-3g5ozbkk0f],
.btn-check[disabled] + .vma-btn-outline-remote-toggle[b-3g5ozbkk0f] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Pages/Timesheets/Index.razor.rz.scp.css */
/* ==========================================================================
   Timesheet page – sliding panels, actions, day list
   UI/UX: clear hierarchy, touch targets, focus states, design tokens
   ========================================================================== */

/* ---- View container: one panel at a time, conditional render ---- */
.ts-view-container[b-4mgf2ofp9q] {
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
}

.ts-panel[b-4mgf2ofp9q] {
    min-width: 0;
    padding-right: 0.75rem;
    box-sizing: border-box;
}

/* Animation on init: slide in from the right (wjeżdżanie) */
@keyframes ts-panel-enter-b-4mgf2ofp9q {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

.ts-panel-enter[b-4mgf2ofp9q] {
    animation: ts-panel-enter-b-4mgf2ofp9q 0.35s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
    .ts-panel-enter[b-4mgf2ofp9q] {
        animation-duration: 0.08s;
    }
}

/* ---- Action toolbar (below calendar) ---- */
.ts-panel__actions[b-4mgf2ofp9q] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 1.5rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--vma-border-light);
}

.ts-panel__btn[b-4mgf2ofp9q] {
    min-height: 2.5rem;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    font-weight: 600;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.1s ease;
}

.ts-panel__btn:disabled[b-4mgf2ofp9q] {
    cursor: not-allowed;
    opacity: 0.55;
}

.ts-panel__btn:not(:disabled):active[b-4mgf2ofp9q] {
    transform: scale(0.98);
}

.ts-panel__btn--primary[b-4mgf2ofp9q] {
    background: var(--vma-accent);
    color: var(--vma-text-inverse);
    border-color: var(--vma-accent);
}

.ts-panel__btn--primary:hover:not(:disabled)[b-4mgf2ofp9q] {
    background: var(--vma-accent-hover);
    border-color: var(--vma-accent-hover);
}

.ts-panel__btn--primary:focus-visible[b-4mgf2ofp9q] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.ts-panel__btn--secondary[b-4mgf2ofp9q] {
    background: var(--vma-bg-card);
    color: var(--vma-text-secondary);
    border-color: var(--vma-border-medium);
}

.ts-panel__btn--secondary:hover:not(:disabled)[b-4mgf2ofp9q] {
    background: var(--vma-activity-hover-bg);
    border-color: var(--vma-accent-border);
    color: var(--vma-text-primary);
}

.ts-panel__btn--secondary:focus-visible[b-4mgf2ofp9q] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

/* ---- Back navigation (bulk / day panels) ---- */
.ts-panel__header[b-4mgf2ofp9q] {
    margin-bottom: 1.25rem;
}

.ts-panel__back[b-4mgf2ofp9q] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 2.5rem;
    padding: 0.4rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ts-panel__back:hover[b-4mgf2ofp9q] {
    background: var(--vma-activity-hover-bg);
    color: var(--vma-text-primary);
}

.ts-panel__back:focus-visible[b-4mgf2ofp9q] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.ts-panel__back-icon[b-4mgf2ofp9q] {
    font-size: 1.1em;
    line-height: 1;
}

/* /Components/Pages/Timesheets/Report.razor.rz.scp.css */
/* Invoice import card - UX improvements */
.invoice-import[b-gmge72esmq] {
    --upload-zone-border: rgba(11, 42, 74, 0.18);
    --upload-zone-bg: var(--vma-accent-soft);
    --upload-zone-hover-border: var(--vma-accent-border);
    --upload-zone-hover-bg: color-mix(in srgb, var(--vma-brand-primary) 10%, transparent);
}

.invoice-import__description[b-gmge72esmq] {
    font-size: 14px;
    line-height: 1.5;
    color: var(--vma-text-muted);
    margin-bottom: 16px;
}

.invoice-import__hint[b-gmge72esmq] {
    font-size: 12px;
    color: var(--vma-text-muted);
    line-height: 1.45;
    margin-bottom: 20px;
    padding: 12px 14px;
    background: var(--vma-pill-soft-bg, rgba(11, 42, 74, 0.04));
    border-radius: 12px;
    border: 1px solid var(--vma-border-light);
}

.invoice-import__upload-zone[b-gmge72esmq] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 20px 16px;
    margin-bottom: 16px;
    border: 2px dashed var(--upload-zone-border);
    border-radius: 14px;
    background: var(--upload-zone-bg);
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.invoice-import__upload-zone:hover[b-gmge72esmq] {
    border-color: var(--upload-zone-hover-border);
    background: var(--upload-zone-hover-bg);
}

.invoice-import__upload-zone:focus-within[b-gmge72esmq] {
    border-color: var(--vma-accent);
    background: var(--upload-zone-hover-bg);
    box-shadow: 0 0 0 3px var(--vma-accent-soft);
}

.invoice-import__upload-zone .vma-file[b-gmge72esmq] {
    cursor: pointer;
    text-align: center;
    padding: 8px 12px;
}

.invoice-import__upload-label[b-gmge72esmq] {
    font-size: 13px;
    font-weight: 600;
    color: var(--vma-text-secondary);
    margin-bottom: 8px;
    display: block;
}

.invoice-import__file-status[b-gmge72esmq] {
    font-size: 13px;
    color: var(--vma-text-muted);
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.invoice-import__file-status strong[b-gmge72esmq] {
    color: var(--vma-text-primary);
}

.invoice-import__actions[b-gmge72esmq] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.invoice-import__actions .vma-btn:disabled[b-gmge72esmq] {
    opacity: 0.55;
    cursor: not-allowed;
}

.invoice-import__feedback[b-gmge72esmq] {
    margin-top: 20px;
    padding: 14px 18px;
    border-radius: 12px;
    line-height: 1.5;
}

.invoice-import__feedback[role="alert"] ul[b-gmge72esmq] {
    padding-left: 1.2em;
    margin-bottom: 0;
}

.invoice-import__feedback[role="status"][b-gmge72esmq] {
    border: 1px solid rgba(23, 114, 69, 0.35);
}

.invoice-import__feedback[role="alert"][b-gmge72esmq] {
    border: 1px solid rgba(139, 0, 0, 0.2);
}
/* /Components/Pages/Users/AdminIndex.razor.rz.scp.css */
/* Admin users – tabbed layout with modern rounded design */

.users-admin-tabs[b-ynbl6qfw6n] {
    margin-top: 1rem;
    margin-bottom: 0;
}

.users-admin-tablist[b-ynbl6qfw6n] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    margin-bottom: 1.5rem;
    list-style: none;
    margin-top: 0;
    background: linear-gradient(180deg, var(--vma-bg-secondary, #f8fafc) 0%, var(--vma-bg-card) 100%);
    border-radius: 18px;
    border: 1px solid var(--vma-border-light);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.users-admin-tab[b-ynbl6qfw6n] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.5rem 1.25rem;
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--vma-text-secondary);
    background: transparent;
    border: none;
    border-radius: 14px;
    cursor: pointer;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease;
    font-family: inherit;
}

.users-admin-tab:hover:not(.users-admin-tab--active)[b-ynbl6qfw6n] {
    color: var(--vma-text-primary);
    background: var(--vma-bg-card);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.users-admin-tab:active[b-ynbl6qfw6n] {
    transform: scale(0.98) translateY(0);
}

.users-admin-tab--active[b-ynbl6qfw6n] {
    color: var(--vma-text-inverse) !important;
    background: linear-gradient(135deg, var(--vma-accent) 0%, var(--vma-accent-hover) 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25) !important;
    font-weight: 700;
}

.users-admin-tab--active:hover[b-ynbl6qfw6n] {
    background: linear-gradient(135deg, var(--vma-accent-hover) 0%, var(--vma-accent) 100%) !important;
    box-shadow: 0 6px 16px rgba(30, 58, 138, 0.35) !important;
    transform: translateY(-1px);
}

.users-admin-tab:focus-visible[b-ynbl6qfw6n] {
    outline: 2px solid var(--vma-accent);
    outline-offset: 2px;
}

.users-admin-tabpanel[b-ynbl6qfw6n] {
    padding-top: 0;
    margin-top: 0;
    animation: users-admin-tabpanel-in-b-ynbl6qfw6n 0.25s ease;
}

@keyframes users-admin-tabpanel-in-b-ynbl6qfw6n {
    from { opacity: 0; transform: translateY(8px); }
    to   { opacity: 1; transform: translateY(0); }
}

.users-admin-tabpanel[hidden][b-ynbl6qfw6n] {
    display: none;
}

/* Dark mode adjustments */
html.dark .users-admin-tablist[b-ynbl6qfw6n] {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-color: var(--vma-border-light);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.dark .users-admin-tab:hover:not(.users-admin-tab--active)[b-ynbl6qfw6n] {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html.dark .users-admin-tab--active[b-ynbl6qfw6n] {
    color: var(--vma-text-inverse) !important;
    background: linear-gradient(135deg, var(--vma-accent) 0%, var(--vma-accent-hover) 100%) !important;
    box-shadow: 0 4px 16px rgba(59, 130, 246, 0.35) !important;
}
/* /Components/Pages/Users/Components/UserListTable.razor.rz.scp.css */
/* User List Table - Modern Rounded Design */

.vma-users-table-card[b-dtsftwc32e] {
    background: var(--vma-bg-card);
    border-radius: 20px;
    box-shadow: var(--vma-shadow-card);
    border: 1px solid var(--vma-border-light);
    padding: 0;
    overflow: hidden;
}

.vma-users-table-card .vma-card__title[b-dtsftwc32e] {
    font-size: 18px;
    font-weight: 700;
    color: var(--vma-text-heading);
    padding: 20px 24px 16px;
    margin: 0;
    border-bottom: 1px solid var(--vma-border-light);
    background: linear-gradient(180deg, var(--vma-bg-card) 0%, var(--vma-bg-secondary) 100%);
}

/* Table container with rounded inner area */
.vma-users-table-card .vma-tableWrap[b-dtsftwc32e] {
    padding: 8px;
    border-radius: 0 0 16px 16px;
}

/* Main table styling */
.table.vma-users-table[b-dtsftwc32e] {
    margin: 0;
    border-collapse: separate;
    border-spacing: 0 8px;
    background: transparent;
}

/* Table header */
.table.vma-users-table thead th[b-dtsftwc32e] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: var(--vma-text-muted);
    border: none;
    padding: 12px 16px 8px;
    background: transparent;
    font-weight: 700;
}

.table.vma-users-table thead th:first-child[b-dtsftwc32e] {
    padding-left: 20px;
}

.table.vma-users-table thead th:last-child[b-dtsftwc32e] {
    padding-right: 20px;
}

/* Table body rows as cards */
.table.vma-users-table tbody tr[b-dtsftwc32e] {
    background: var(--vma-bg-card);
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: all 0.2s ease;
}

.table.vma-users-table tbody tr:hover[b-dtsftwc32e] {
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
    transform: translateY(-1px);
}

.table.vma-users-table tbody tr.vma-row--active[b-dtsftwc32e] {
    background: linear-gradient(135deg, var(--vma-accent-soft) 0%, var(--vma-bg-card) 100%);
    box-shadow: 0 0 0 2px var(--vma-accent-border), 0 4px 16px rgba(30, 58, 138, 0.12);
}

/* Row cells with padding for card effect */
.table.vma-users-table tbody td[b-dtsftwc32e] {
    padding: 16px;
    border: none;
    background: transparent;
    vertical-align: middle;
}

.table.vma-users-table tbody td:first-child[b-dtsftwc32e] {
    padding-left: 20px;
    border-radius: 16px 0 0 16px;
}

.table.vma-users-table tbody td:last-child[b-dtsftwc32e] {
    padding-right: 20px;
    border-radius: 0 16px 16px 0;
}

/* Expand cell styling */
.vma-users-table__expand-cell[b-dtsftwc32e] {
    width: 44px;
    text-align: center;
}

.vma-users-table__expand-icon[b-dtsftwc32e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    font-size: 12px;
    color: var(--vma-text-secondary);
    background: var(--vma-bg-secondary);
    border-radius: 50%;
    transition: all 0.2s ease;
}

.vma-users-table__row--expanded .vma-users-table__expand-icon[b-dtsftwc32e] {
    background: var(--vma-accent);
    color: var(--vma-text-inverse);
    transform: rotate(180deg);
}

.vma-users-table__row--clickable:hover .vma-users-table__expand-icon[b-dtsftwc32e] {
    background: var(--vma-accent-soft);
    color: var(--vma-accent);
}

/* Email column */
.table.vma-users-table tbody td.vma-mono[b-dtsftwc32e] {
    font-size: 13px;
    color: var(--vma-text-secondary);
    font-weight: 500;
}

/* Name styling with avatar-like effect */
.vma-users-table__name-primary[b-dtsftwc32e] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 14px;
    color: var(--vma-text-primary);
}

.vma-users-table__name-primary[b-dtsftwc32e]::before {
    content: attr(data-initials);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: linear-gradient(135deg, var(--vma-accent) 0%, var(--vma-accent-hover) 100%);
    color: var(--vma-text-inverse);
    border-radius: 50%;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

/* Job position pill */
.vma-pill.vma-pill--soft[b-dtsftwc32e] {
    background: var(--vma-pill-soft-bg);
    color: var(--vma-pill-soft-text);
    border: 1px solid var(--vma-pill-soft-border);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}

/* Active status pill - more prominent */
.vma-pill.vma-pill--ok[b-dtsftwc32e] {
    background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
    color: #166534;
    border: 1px solid #86efac;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.vma-pill.vma-pill--danger[b-dtsftwc32e] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #991b1b;
    border: 1px solid #fca5a5;
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

/* Last login date */
.table.vma-users-table tbody td.vma-mono:last-of-type[b-dtsftwc32e] {
    font-size: 12px;
    color: var(--vma-text-muted);
}

/* Action buttons */
.vma-users-table__actions[b-dtsftwc32e] {
    text-align: right;
}

.vma-users-table__actions-inner[b-dtsftwc32e] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.vma-users-table__action-btn[b-dtsftwc32e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid var(--vma-border-light);
    border-radius: 12px;
    background: var(--vma-bg-card);
    color: var(--vma-text-secondary);
    cursor: pointer;
    transition: all 0.15s ease;
}

.vma-users-table__action-btn:hover[b-dtsftwc32e] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.1);
}

.vma-users-table__action-btn--edit:hover[b-dtsftwc32e] {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border-color: #93c5fd;
    color: #1e40af;
}

.vma-users-table__action-btn--toggle:hover[b-dtsftwc32e] {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
    border-color: #86efac;
    color: #166534;
}

.vma-users-table__action-btn--delete:hover[b-dtsftwc32e] {
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-color: #fca5a5;
    color: #dc2626;
}

.vma-users-table__action-btn:active[b-dtsftwc32e] {
    transform: translateY(0);
}

/* Detail row styling */
.vma-users-table__detail-row[b-dtsftwc32e] {
    background: transparent !important;
}

.vma-users-table__detail-row:hover[b-dtsftwc32e] {
    transform: none !important;
    box-shadow: none !important;
}

.vma-users-table__detail-cell[b-dtsftwc32e] {
    padding: 0 8px 16px !important;
    border-radius: 0 0 16px 16px !important;
}

.vma-users-table__detail-panel[b-dtsftwc32e] {
    background: linear-gradient(180deg, var(--vma-bg-secondary) 0%, var(--vma-bg-card) 100%);
    border: 1px solid var(--vma-border-light);
    border-radius: 16px;
    padding: 24px;
    margin: 0 8px 8px;
    box-shadow: inset 0 2px 8px rgba(15, 23, 42, 0.03);
}

/* Detail sections */
.vma-users-table__detail-sections[b-dtsftwc32e] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.vma-users-table__detail-section[b-dtsftwc32e] {
    background: var(--vma-bg-card);
    border-radius: 14px;
    padding: 20px;
    border: 1px solid var(--vma-border-light);
}

.vma-users-table__detail-section-title[b-dtsftwc32e] {
    margin: 0 0 16px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--vma-text-muted);
    display: flex;
    align-items: center;
    gap: 8px;
}

.vma-users-table__detail-section-title[b-dtsftwc32e]::before {
    content: '';
    display: block;
    width: 4px;
    height: 16px;
    background: var(--vma-accent);
    border-radius: 2px;
}

/* Detail grid items */
.vma-users-table__detail-grid[b-dtsftwc32e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
}

.vma-users-table__detail-item[b-dtsftwc32e] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.vma-users-table__detail-label[b-dtsftwc32e] {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--vma-text-muted);
}

.vma-users-table__detail-value[b-dtsftwc32e] {
    font-size: 14px;
    font-weight: 600;
    color: var(--vma-text-primary);
    padding: 8px 12px;
    background: var(--vma-bg-secondary);
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
}

/* Contract section */
.vma-users-table__detail-contract[b-dtsftwc32e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.vma-users-table__detail-contract-badges[b-dtsftwc32e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vma-users-table__detail-contract-badges .vma-pill[b-dtsftwc32e] {
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #3730a3;
    border: 1px solid #a5b4fc;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.vma-users-table__detail-contract-badges .vma-mono[b-dtsftwc32e] {
    font-size: 14px;
    font-weight: 700;
    color: var(--vma-text-primary);
    padding: 6px 12px;
    background: var(--vma-bg-secondary);
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
}

.vma-users-table__detail-contract-meta[b-dtsftwc32e] {
    font-size: 12px;
    color: var(--vma-text-muted);
    padding: 10px 14px;
    background: var(--vma-bg-secondary);
    border-radius: 10px;
    border: 1px solid var(--vma-border-light);
}

/* Detail actions */
.vma-users-table__detail-actions[b-dtsftwc32e] {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--vma-border-light);
    display: flex;
    justify-content: flex-end;
}

.vma-users-table__detail-actions .btn.vma-btn[b-dtsftwc32e] {
    background: linear-gradient(135deg, var(--vma-accent) 0%, var(--vma-accent-hover) 100%);
    color: var(--vma-text-inverse);
    border: none;
    padding: 12px 24px;
    border-radius: 12px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.25);
    transition: all 0.2s ease;
}

.vma-users-table__detail-actions .btn.vma-btn:hover[b-dtsftwc32e] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(30, 58, 138, 0.35);
}

/* Empty state */
.vma-users-table__empty[b-dtsftwc32e] {
    padding: 48px 24px !important;
    text-align: center;
    color: var(--vma-text-muted);
    font-size: 15px;
    font-weight: 500;
}

/* Dark mode adjustments */
html.dark .vma-users-table-card[b-dtsftwc32e] {
    border-color: var(--vma-border-light);
}

html.dark .vma-users-table-card .vma-card__title[b-dtsftwc32e] {
    background: linear-gradient(180deg, var(--vma-bg-card) 0%, rgba(255,255,255,0.03) 100%);
}

html.dark .table.vma-users-table tbody tr[b-dtsftwc32e] {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

html.dark .table.vma-users-table tbody tr:hover[b-dtsftwc32e] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

html.dark .vma-users-table__expand-icon[b-dtsftwc32e] {
    background: rgba(255, 255, 255, 0.1);
    color: var(--vma-text-secondary);
}

html.dark .vma-users-table__detail-panel[b-dtsftwc32e] {
    background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, var(--vma-bg-card) 100%);
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

html.dark .vma-users-table__detail-section[b-dtsftwc32e] {
    background: rgba(255, 255, 255, 0.02);
}

html.dark .vma-users-table__detail-value[b-dtsftwc32e] {
    background: rgba(255, 255, 255, 0.05);
}

html.dark .vma-users-table__detail-contract-meta[b-dtsftwc32e] {
    background: rgba(255, 255, 255, 0.05);
}

html.dark .vma-users-table__action-btn[b-dtsftwc32e] {
    background: rgba(255, 255, 255, 0.05);
    border-color: var(--vma-border-light);
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .vma-users-table-card[b-dtsftwc32e] {
        border-radius: 16px;
    }
    
    .vma-users-table__detail-sections[b-dtsftwc32e] {
        grid-template-columns: 1fr;
    }
    
    .vma-users-table__detail-grid[b-dtsftwc32e] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .vma-users-table-card .vma-card__title[b-dtsftwc32e] {
        padding: 16px 20px;
        font-size: 16px;
    }
    
    .table.vma-users-table tbody td[b-dtsftwc32e] {
        padding: 12px 10px;
    }
    
    .table.vma-users-table tbody td:first-child[b-dtsftwc32e] {
        padding-left: 14px;
    }
    
    .table.vma-users-table tbody td:last-child[b-dtsftwc32e] {
        padding-right: 14px;
    }
    
    .vma-users-table__detail-panel[b-dtsftwc32e] {
        padding: 16px;
        margin: 0 4px 4px;
    }
    
    .vma-users-table__detail-grid[b-dtsftwc32e] {
        grid-template-columns: 1fr;
    }
    
    .vma-users-table__name-primary[b-dtsftwc32e]::before {
        width: 32px;
        height: 32px;
        font-size: 11px;
    }
}
/* /Components/Shared/Charts/AreaChart.razor.rz.scp.css */
.vma-area-chart[b-g7xn35xxfr] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-g7xn35xxfr] .vma-area-svg {
    display: block;
    width: 100%;
    height: auto;
    min-width: 360px;
}

[b-g7xn35xxfr] .vma-area-grid {
    stroke: var(--vma-border-light);
    stroke-width: 1;
}

[b-g7xn35xxfr] .vma-area-ylab {
    font-size: 11px;
    fill: var(--vma-text-muted);
    font-family: inherit;
}

[b-g7xn35xxfr] .vma-area-xlab {
    font-size: 11px;
    fill: var(--vma-text-muted);
    font-family: inherit;
}

[b-g7xn35xxfr] .vma-area-line {
    vector-effect: non-scaling-stroke;
}

[b-g7xn35xxfr] .vma-area-fill {
    opacity: 1;
}

[b-g7xn35xxfr] .vma-area-dot {
    transition: r 0.15s ease;
    cursor: default;
}

[b-g7xn35xxfr] .vma-area-dot:hover {
    r: 5.5;
}

/* Dark mode – set CSS custom properties on the wrapper so they cascade into inline SVG styles */
:global(html.dark) .vma-area-chart[b-g7xn35xxfr] {
    --vma-area-grad-top: 0.38;
    --vma-area-grad-bot: 0.05;
}

:global(html.dark) .vma-area-chart[b-g7xn35xxfr]  .vma-area-grid {
    stroke: rgba(255, 255, 255, 0.10);
}

:global(html.dark) .vma-area-chart[b-g7xn35xxfr]  .vma-area-ylab,
:global(html.dark) .vma-area-chart[b-g7xn35xxfr]  .vma-area-xlab {
    fill: #94a3b8;
}

:global(html.dark) .vma-area-chart[b-g7xn35xxfr]  .vma-area-line {
    filter: brightness(1.15);
}
/* /Components/Shared/Charts/CashflowChart.razor.rz.scp.css */
.vma-cashflow-chart[b-svyih2k9v3] {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

[b-svyih2k9v3] .vma-cashflow-svg {
    display: block;
    width: 100%;
    height: auto;
    min-width: 360px;
}

[b-svyih2k9v3] .vma-cashflow-grid {
    stroke: var(--vma-border-light);
    stroke-width: 1;
}

[b-svyih2k9v3] .vma-cashflow-zero {
    stroke: var(--vma-text-muted, #94a3b8);
    stroke-width: 1;
}

[b-svyih2k9v3] .vma-cashflow-ylab,
[b-svyih2k9v3] .vma-cashflow-xlab {
    font-size: 11px;
    fill: var(--vma-text-muted);
    font-family: inherit;
}

[b-svyih2k9v3] .vma-cashflow-bar {
    opacity: 0.85;
    transition: opacity 0.15s ease;
}

[b-svyih2k9v3] .vma-cashflow-bar:hover {
    opacity: 1;
}

[b-svyih2k9v3] .vma-cashflow-line {
    vector-effect: non-scaling-stroke;
}

[b-svyih2k9v3] .vma-cashflow-dot {
    cursor: default;
}

:global(html.dark) .vma-cashflow-chart[b-svyih2k9v3]  .vma-cashflow-grid {
    stroke: rgba(255, 255, 255, 0.10);
}

:global(html.dark) .vma-cashflow-chart[b-svyih2k9v3]  .vma-cashflow-ylab,
:global(html.dark) .vma-cashflow-chart[b-svyih2k9v3]  .vma-cashflow-xlab {
    fill: #94a3b8;
}
/* /Components/Shared/Charts/DonutChart.razor.rz.scp.css */
.vma-donut[b-c62emaz81c] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    flex-wrap: wrap;
}

.vma-donut__ring[b-c62emaz81c] {
    position: relative;
    width: 200px;
    height: 200px;
    flex-shrink: 0;
}

.vma-donut__svg[b-c62emaz81c] {
    width: 100%;
    height: 100%;
}

.vma-donut__center[b-c62emaz81c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.1rem;
}

.vma-donut__center-val[b-c62emaz81c] {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--vma-text-heading);
    line-height: 1.2;
}

.vma-donut__center-lbl[b-c62emaz81c] {
    font-size: 0.7rem;
    color: var(--vma-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

[b-c62emaz81c] .vma-donut-arc {
    transition: opacity 0.15s ease;
    cursor: default;
}

[b-c62emaz81c] .vma-donut-arc:hover {
    opacity: 0.8;
}

.vma-donut__legend[b-c62emaz81c] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    min-width: 0;
}

.vma-donut__legend-item[b-c62emaz81c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.82rem;
    line-height: 1.3;
}

.vma-donut__legend-dot[b-c62emaz81c] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.vma-donut__legend-name[b-c62emaz81c] {
    color: var(--vma-text-primary);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vma-donut__legend-hours[b-c62emaz81c] {
    color: var(--vma-text-heading);
    font-weight: 600;
    white-space: nowrap;
}

.vma-donut__legend-pct[b-c62emaz81c] {
    color: var(--vma-text-muted);
    font-size: 0.75rem;
    min-width: 3.2em;
    text-align: right;
    white-space: nowrap;
}

/* Dark mode */
:global(html.dark) .vma-donut__center-val[b-c62emaz81c] {
    color: #f8fafc;
}

:global(html.dark) .vma-donut__center-lbl[b-c62emaz81c] {
    color: #94a3b8;
}

:global(html.dark) .vma-donut__legend-name[b-c62emaz81c] {
    color: #e2e8f0;
}

:global(html.dark) .vma-donut__legend-hours[b-c62emaz81c] {
    color: #f8fafc;
}

:global(html.dark) .vma-donut__legend-pct[b-c62emaz81c] {
    color: #94a3b8;
}

:global(html.dark)[b-c62emaz81c]  .vma-donut-arc {
    filter: brightness(1.1) saturate(1.15);
}
/* /Components/Shared/Charts/HorizontalBarList.razor.rz.scp.css */
.vma-hbar-list[b-8pvtlk9x0d] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.vma-hbar[b-8pvtlk9x0d] {
    display: grid;
    grid-template-columns: 140px 1fr auto;
    align-items: center;
    gap: 0.65rem;
}

.vma-hbar__name[b-8pvtlk9x0d] {
    font-size: 0.82rem;
    color: var(--vma-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vma-hbar__track[b-8pvtlk9x0d] {
    height: 22px;
    background: var(--vma-bg-subtle, #f1f5f9);
    border-radius: 6px;
    overflow: hidden;
}

.vma-hbar__fill[b-8pvtlk9x0d] {
    height: 100%;
    border-radius: 6px;
    background: linear-gradient(90deg, #3b82f6, #6366f1);
    transition: width 0.35s ease;
    min-width: 2px;
}

.vma-hbar__val[b-8pvtlk9x0d] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--vma-text-heading);
    min-width: 3.5em;
    text-align: right;
    white-space: nowrap;
}

/* Dark mode */
:global(html.dark) .vma-hbar__name[b-8pvtlk9x0d] {
    color: var(--vma-text-primary);
}

:global(html.dark) .vma-hbar__track[b-8pvtlk9x0d] {
    background: rgba(255, 255, 255, 0.06);
}

:global(html.dark) .vma-hbar__fill[b-8pvtlk9x0d] {
    background: linear-gradient(90deg, #3b82f6, #818cf8);
}

:global(html.dark) .vma-hbar__val[b-8pvtlk9x0d] {
    color: var(--vma-text-heading);
}
/* /Components/Shared/Common/TimePicker.razor.rz.scp.css */
/* Custom time picker: input-like trigger + dropdown list of times (theme-aware) */
.time-picker[b-aaakxwp9rz] {
    position: relative;
    display: inline-block;
    min-width: 6em;
}

.time-picker__input[b-aaakxwp9rz] {
    display: block;
    width: 100%;
    min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width, 1px) * 2));
    padding: 0.375rem 2.5rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: 1.5;
    color: var(--vma-text-primary);
    background-color: var(--vma-bg-input);
    border: 1px solid var(--vma-border-input);
    border-radius: var(--bs-border-radius, 0.375rem);
    text-align: left;
    appearance: none;
    -webkit-appearance: none;
    font-variant-numeric: tabular-nums;
}

.time-picker__input:hover[b-aaakxwp9rz] {
    border-color: var(--vma-border-medium);
}

.time-picker__input:focus[b-aaakxwp9rz] {
    outline: 0;
    border-color: var(--vma-accent);
    box-shadow: 0 0 0 0.2rem var(--vma-accent-soft);
}

.time-picker__toggle[b-aaakxwp9rz] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 2.2rem;
    padding: 0;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 calc(var(--bs-border-radius, 0.375rem) - 1px) calc(var(--bs-border-radius, 0.375rem) - 1px) 0;
}

.time-picker__toggle:hover[b-aaakxwp9rz] {
    background-color: var(--vma-bg-card-hover);
}

.time-picker__toggle:focus[b-aaakxwp9rz] {
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--vma-accent-soft);
}

.time-picker__chevron[b-aaakxwp9rz] {
    display: inline-block;
    width: 0;
    height: 0;
    border: 0.35em solid transparent;
    border-top-color: currentColor;
    opacity: 0.7;
    pointer-events: none;
    transition: transform 0.2s ease;
}

.time-picker[aria-expanded="true"] .time-picker__chevron[b-aaakxwp9rz] {
    transform: rotate(180deg);
}

.time-picker__overlay[b-aaakxwp9rz] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.time-picker__list[b-aaakxwp9rz] {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1050;
    min-width: 100%;
    max-height: 12rem;
    margin: 0;
    padding: 0.25rem 0;
    list-style: none;
    overflow-y: auto;
    background: var(--vma-bg-input);
    border: 1px solid var(--vma-border-input);
    border-radius: var(--bs-border-radius, 0.375rem);
    box-shadow: var(--vma-shadow-modal);
}

.time-picker__option[b-aaakxwp9rz] {
    padding: 0.35rem 0.75rem;
    font-variant-numeric: tabular-nums;
    color: var(--vma-text-primary);
    cursor: pointer;
    user-select: none;
}

.time-picker__option:hover[b-aaakxwp9rz],
.time-picker__option:focus-visible[b-aaakxwp9rz] {
    background-color: var(--vma-bg-card-hover);
}

.time-picker__option--selected[b-aaakxwp9rz] {
    background-color: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.time-picker__option--selected:hover[b-aaakxwp9rz],
.time-picker__option--selected:focus-visible[b-aaakxwp9rz] {
    background-color: var(--vma-accent-soft);
    color: var(--vma-accent);
}

.time-picker__option--empty[b-aaakxwp9rz] {
    color: var(--vma-text-muted);
}

.time-picker__option:focus[b-aaakxwp9rz] {
    outline: 0;
}