@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.7t9tbfaemk.bundle.scp.css';
@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* /Authentication/AuthenticationSuccess.razor.rz.scp.css */
/* /Authentication/Login.razor.rz.scp.css */
.sec-login-modern[b-ty07qtzp57] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--surface-a20);
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url('assets/img/your-blueprint-background.jpg');
    background-size: cover;
    background-position: center bottom;
    padding: 3rem 1.5rem;
}

.login-card-modern[b-ty07qtzp57] {
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
    width: 100%;
    position: relative;
    z-index: 1;
    max-width: 480px;
    padding: 2.5rem 3rem;
}

.img-logo-modern[b-ty07qtzp57] {
    height: 60px;
    object-fit: contain;
}

.login-title[b-ty07qtzp57] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-main);
    letter-spacing: -0.5px;
    margin-bottom: 1rem;
}

.login-subtitle[b-ty07qtzp57] {
    font-size: 0.95rem;
    color: var(--text-secondary);
}

/* Explicit Modern Form Groups */
.form-group-modern[b-ty07qtzp57] {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.form-label-modern[b-ty07qtzp57] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

/* Premium Heavy Inputs */
.input-modern[b-ty07qtzp57] {
    height: 48px; /* Taller inputs feel way more high-tech/premium */
    padding: 0.375rem 1rem;
    font-size: 0.95rem;
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
}

    .input-modern:focus[b-ty07qtzp57] {
        border-color: var(--primary-600); /* Corporate Accent Color */
        background-color: var(--surface-a0);
        box-shadow: 0 0 0 4px rgba(193, 18, 31, 0.12);
        outline: none;
    }

/* High-tech Primary Action Button */
.btn-prim-modern[b-ty07qtzp57] {
    height: 48px;
    background-color: var(--primary-600);
    border: 1px solid var(--primary-600);
    color: var(--text-w-600);
    font-size: 0.95rem;
    font-weight: 600;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s ease-in-out;
    cursor: pointer;
}

    .btn-prim-modern:hover[b-ty07qtzp57] {
        background-color: var(--primary-700, #a00f1a);
        border-color: var(--primary-700, #a00f1a);
        color: var(--text-w-600);
    }

/* Beautiful Social Sign-In Buttons */
.btn-outline-modern[b-ty07qtzp57] {
    height: 44px;
    border: 1px solid var(--border-color);
    background-color: var(--surface-a0);
    color: var(--text-main);
    font-size: 0.9rem;
    font-weight: 500;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.15s ease-in-out;
}

    .btn-outline-modern:hover[b-ty07qtzp57] {
        background-color: var(--surface-a10);
        border-color: var(--border-color);
        color: var(--text-main);
    }

/* Elegant Text Divider */
.modern-divider[b-ty07qtzp57] {
    text-align: center;
    position: relative;
    z-index: 1;
}

    .modern-divider[b-ty07qtzp57]::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 1px;
        background: var(--surface-a20);
        z-index: -1;
    }

    .modern-divider span[b-ty07qtzp57] {
        background: var(--surface-a0);
        padding: 0 12px;
        color: var(--text-muted);
        font-size: 0.8rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

/* Secondary Actions */
.switch-mode-link[b-ty07qtzp57] {
    color: var(--text-secondary);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    transition: color 0.15s;
}

    .switch-mode-link:hover[b-ty07qtzp57] {
        color: var(--primary-600);
    }

.support-link[b-ty07qtzp57] {
    color: var(--primary-600);
    text-decoration: none;
    font-weight: 600;
}

    .support-link:hover[b-ty07qtzp57] {
        text-decoration: underline;
    }

.modern-alert[b-ty07qtzp57] {
    border-radius: 8px;
    font-size: 0.9rem;
}
/* /Authentication/RedirectToLogin.razor.rz.scp.css */
.access-denied-container[b-bcmtpkckum] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70vh; /* Keeps it centered relative to the page content */
    padding: 2rem;
}

.access-denied-card[b-bcmtpkckum] {
    background: var(--surface-a0);
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0,0,0,0.03);
    padding: 3rem 2.5rem;
    text-align: center;
    max-width: 450px;
    width: 100%;
    border: 1px solid var(--border-color);
}

.icon-wrapper[b-bcmtpkckum] {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    color: var(--primary-600); /* Matches your brand red */
    background: rgba(196, 22, 28, 0.05); /* Soft red circle behind lock */
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
}

.error-title[b-bcmtpkckum] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--primary-600);
    margin-bottom: 0.75rem;
}

.error-description[b-bcmtpkckum] {
    color: var(--text-secondary);
    font-size: 1rem;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.btn-back[b-bcmtpkckum] {
    background-color: var(--surface-a10);
    color: var(--text-secondary);
    border: 1px solid var(--border-color);
    border-radius: 50px;
    padding: 0.6rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}

    .btn-back:hover[b-bcmtpkckum] {
        background-color: var(--surface-a20);
        color: var(--text-main);
        transform: translateY(-1px);
    }

.error-code[b-bcmtpkckum] {
    margin-top: 2.5rem;
    font-size: 0.75rem;
    color: var(--text-muted);
    font-family: monospace;
}
/* /Components/AnnouncementBanner.razor.rz.scp.css */
.announcement-banner[b-z9e3z68469] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 24px;
    margin-right: 1rem;
    border-radius: 8px;
    font-size: 0.95rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px;
    animation: slideDown-b-z9e3z68469 0.3s ease-out forwards;
}

    .announcement-banner.warning[b-z9e3z68469] {
        background-color: var(--warning-100);
        color: #ea580c;
        border: 1px solid var(--warning-200);
        animation: slideDown-b-z9e3z68469 0.3s ease-out forwards, pulseWarning-b-z9e3z68469 2s infinite;
    }

    .announcement-banner.danger[b-z9e3z68469] {
        background-color: var(--primary-100);
        color: var(--primary-600);
        border: 1px solid var(--primary-200);
        animation: slideDown-b-z9e3z68469 0.3s ease-out forwards, shake-b-z9e3z68469 0.4s ease-in-out 0.3s, pulseDanger-b-z9e3z68469 1.5s infinite;
    }

    .announcement-banner.info[b-z9e3z68469] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        border: 1px solid var(--border-color);
    }

.banner-content[b-z9e3z68469] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.info-icon[b-z9e3z68469] {
    width: 20px;
    height: 24px;
    fill: currentColor;
    flex-shrink: 0;
}

.announcement-banner.warning .info-icon[b-z9e3z68469],
.announcement-banner.danger .info-icon[b-z9e3z68469] {
    animation: heartbeat-b-z9e3z68469 1.5s ease-in-out infinite;
}

.time-active[b-z9e3z68469] {
    font-size: 0.8rem;
    opacity: 0.8;
    margin-left: 8px;
    font-variant-numeric: tabular-nums;
}

.close-btn[b-z9e3z68469] {
    background: transparent;
    border: none;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
    color: inherit;
    opacity: 0.6;
    transition: opacity 0.2s;
    padding: 0 0 0 16px;
}

    .close-btn:hover[b-z9e3z68469] {
        opacity: 1;
    }

@keyframes slideDown-b-z9e3z68469 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

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

@keyframes shake-b-z9e3z68469 {
    0%, 100% {
        transform: translateX(0);
    }

    20%, 60% {
        transform: translateX(-4px);
    }

    40%, 80% {
        transform: translateX(4px);
    }
}

@keyframes pulseWarning-b-z9e3z68469 {
    0% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 0 rgba(234, 88, 12, 0.4);
    }

    70% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 6px rgba(234, 88, 12, 0);
    }

    100% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 0 rgba(234, 88, 12, 0);
    }
}

@keyframes pulseDanger-b-z9e3z68469 {
    0% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 0 rgba(196, 22, 28, 0.4);
    }

    70% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 8px rgba(196, 22, 28, 0);
    }

    100% {
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 0 0 0 rgba(196, 22, 28, 0);
    }
}

@keyframes heartbeat-b-z9e3z68469 {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.22);
    }

    30% {
        transform: scale(1);
    }

    45% {
        transform: scale(1.22);
    }

    60% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}
/* /Components/AnnouncementManager.razor.rz.scp.css */
.create-form-container[b-d5umc3gx2h] {
    background-color: var(--surface-a10);
    padding: 16px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.fnt-sm[b-d5umc3gx2h] {
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text-secondary);
}

.table-container[b-d5umc3gx2h] {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    scrollbar-width: thin;
}

.modern-grid[b-d5umc3gx2h] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .modern-grid th[b-d5umc3gx2h] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        font-size: 0.85rem;
        padding: 12px 16px;
        border-bottom: 2px solid var(--border-color);
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .modern-grid td[b-d5umc3gx2h] {
        padding: 10px 16px;
        border-bottom: 1px solid var(--surface-a10);
        color: var(--text-main);
        font-size: 0.95rem;
        vertical-align: middle;
    }
/* /Components/BusinessRecords.razor.rz.scp.css */
.column-header[b-olokf1ifzm] {
    background: var(--surface-a10);
    letter-spacing: .5px;
    color: var(--text-400);
    transition: all .123s ease-out;
    border-bottom: 4px solid transparent;
}

.case-wrapper[b-olokf1ifzm] {
    border: 1px solid var(--surface-a20);
    margin-top: 4px;
    border-radius: .25rem;
    min-height: 150px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.case-invoice[b-olokf1ifzm] {
    min-height: 175px;
}

.case-wrapper *[b-olokf1ifzm] {
    cursor: pointer;
}

.case-wrapper:not(.case-invoice):hover[b-olokf1ifzm] {
    background: var(--secondary-100) !important;
    color: var(--primary-600);
    border: 1px dashed var(--primary-600);
}

    .case-wrapper:not(.case-invoice):hover .case-footer[b-olokf1ifzm] {
        background: var(--primary-200) !important
    }

.case-body[b-olokf1ifzm], .case-footer[b-olokf1ifzm] {
    padding: .5rem;
}

    .case-body label[b-olokf1ifzm] {
        font-weight: 700;
        font-size: .875rem;
    }

    .case-body p[b-olokf1ifzm] {
        font-size: .75rem;
        font-weight: 400;
    }

.case-footer[b-olokf1ifzm] {
    font-size: .75rem;
    position: absolute;
    border-radius: 0 0 .25rem .25rem;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

.col:hover[b-olokf1ifzm] {
}

    .col:hover .column-header[b-olokf1ifzm] {
        background: var(--secondary-100);
        color: var(--secondary-600);
        border-bottom: 4px solid var(--secondary-600);
    }

.col-footer[b-olokf1ifzm] {
    border-top: 1px solid var(--surface-a20);
    background: var(--surface-a10);
    display: grid;
    grid-template-columns: 1fr 1fr;
}

    .col-footer *[b-olokf1ifzm] {
        font-size: .75rem;
    }

    .col-footer strong[b-olokf1ifzm] {
        text-align: end;
    }

.zero[b-olokf1ifzm] {
    color: var(--surface-a20);
}

.col-list[b-olokf1ifzm] {
}

.resp-initials-circle[b-olokf1ifzm], .resp-initials-circle-list[b-olokf1ifzm] {
    border-radius: 50%;
    width: 1.65rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.65rem;
    font-weight: 900;
    font-size: .675rem;
}

.resp-initials-circle[b-olokf1ifzm] {
    background: var(--secondary-600);
    color: var(--text-w-600);
}

.resp-initials-circle-list[b-olokf1ifzm] {
    background: var(--primary-100);
    color: var(--primary-600) !important;
}

.kanban-wrapper[b-olokf1ifzm] {
    display: flex;
    overflow-x: auto;
    height: 80vh;
}

.kanban-col[b-olokf1ifzm] {
    flex: 0 0 320px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    height: 100%;
    margin-right: .75rem;
    background-color: var(--surface-a10);
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

.kanban-header[b-olokf1ifzm] {
    padding: 1rem;
    background-color: var(--surface-a10);
    border-bottom: 2px solid var(--border-color);
    border-radius: 8px 8px 0 0;
}

.kanban-body[b-olokf1ifzm] {
    padding: 1rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.kanban-footer[b-olokf1ifzm] {
    padding: 1rem;
    background-color: var(--surface-a0);
    border-top: 1px solid var(--border-color);
    border-radius: 0 0 8px 8px;
}

.lost-closed .case-wrapper[b-olokf1ifzm], .case-nocash[b-olokf1ifzm] {
    opacity: .5;
}

.kanban-wrapper[b-olokf1ifzm]::before,
.kanban-wrapper[b-olokf1ifzm]::after {
    content: '';
    position: sticky;
    top: 0;
    width: 30px;
    flex-shrink: 0;
    z-index: 999;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}

.kanban-wrapper[b-olokf1ifzm]::before {
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.08), transparent);
    margin-right: -30px;
}

.kanban-wrapper[b-olokf1ifzm]::after {
    right: 0;
    background: linear-gradient(to left, rgba(0,0,0,0.08), transparent);
    margin-left: -30px;
}

.kanban-wrapper.can-scroll-left[b-olokf1ifzm]::before {
    opacity: 1;
}

.kanban-wrapper.can-scroll-right[b-olokf1ifzm]::after {
    opacity: 1;
}

.kanban-body.drag-hover[b-olokf1ifzm] {
    background-color: var(--primary-100) !important;
    outline: 2px dashed var(--primary-400);
    outline-offset: -2px;
    border-radius: 6px;
    transition: background-color 0.2s ease, outline 0.2s ease;
}

.table-container[b-olokf1ifzm] {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    scrollbar-width: thin;
}

.modern-grid[b-olokf1ifzm] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .modern-grid th[b-olokf1ifzm] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        padding: 12px 16px;
        border-bottom: 2px solid var(--border-color);
        position: sticky;
        top: 0;
        z-index: 10;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .modern-grid td[b-olokf1ifzm] {
        padding: 4px 12px;
        border-bottom: 1px solid var(--surface-a10);
        color: var(--text-main);
        font-size: 0.8rem;
        vertical-align: middle;
    }

    .modern-grid tbody tr:hover td[b-olokf1ifzm] {
        background-color: var(--surface-a10);
    }

.case-invoice[b-olokf1ifzm] {
    background: var(--primary-100);
}


.badges-right[b-olokf1ifzm] {
    position: absolute;
    right: .75rem;
    top: .75rem;
}

.table-wrapper[b-olokf1ifzm] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 155px);
    overflow: hidden;
}

.kanban-wrapper[b-olokf1ifzm] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    overflow-x: auto;
    overflow-y: hidden;
    gap: 4px;
    padding-bottom: 10px;
}

.kanban-col[b-olokf1ifzm] {
    display: flex;
    flex-direction: column;
    min-width: 300px;
    height: 100%;
    background-color: var(--surface-a10);
    border-radius: 8px;
    border: 1px solid var(--border-color);
}
/* /Components/Clients/ClientDetail.razor.rz.scp.css */
[b-7m1adgainw] .side-tabs-modern .nav-link {
    border: none;
    background: var(--surface-a10);
    text-align: left;
    padding: 1rem 1.25rem;
    color: var(--text-secondary);
    font-weight: 600;
    border-radius: 12px;
    transition: all 0.2s ease;
}

    [b-7m1adgainw] .side-tabs-modern .nav-link:hover {
        background-color: var(--surface-a10);
        color: var(--text-main);
        transform: translateX(4px);
    }

    [b-7m1adgainw] .side-tabs-modern .nav-link.active {
        background-color: var(--text-main);
        color: #fff;
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    }

[b-7m1adgainw] .client-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 20px -5px rgba(0,0,0,0.1) !important;
    border-color: var(--primary-200) !important;
}

[b-7m1adgainw] .breadcrumb-item + .breadcrumb-item::before {
    content: "•";
    color: var(--text-muted);
    font-weight: bold;
}

[b-7m1adgainw] .form-switch .form-check-input:checked {
    background-color: var(--primary-600);
    border-color: var(--primary-600);
}

[b-7m1adgainw] .transition-all {
    transition: all 0.2s ease-in-out;
}

/* ── Kanban board ─────────────────────────────────────────────────── */

[b-7m1adgainw] .kanban-col {
    background: var(--surface-a10);
    border: 1.5px solid var(--border-color);
    border-radius: 0.5rem;
    padding: 0.5rem;
    min-height: 90px;
}

[b-7m1adgainw] .kanban-card {
    background: var(--bg-card);
    border: 1px solid var(--border-color);
    border-radius: 0.375rem;
    padding: 0.2rem 0.5rem;
    cursor: grab;
    font-size: 0.8rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
    transition: border-color 0.15s;
}

    [b-7m1adgainw] .kanban-card:hover {
        border-color: var(--color-prim, #e04248);
    }

[b-7m1adgainw] .kanban-col-label {
    font-size: 0.62rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-muted);
    pointer-events: none;
}

[b-7m1adgainw] .kanban-empty {
    font-size: 0.7rem;
    opacity: 0.35;
    text-align: center;
    padding: 6px 0;
    pointer-events: none;
    color: var(--text-muted);
}
/* /Components/Clients/ClientList.razor.rz.scp.css */
[b-flgow4t48g] .client-card {
    border: 1px solid var(--border-color); /* Very subtle, crisp border */
    background-color: var(--surface-a0);
    box-shadow: 0 1px 2px rgba(0,0,0,0.03); /* Extremely flat, modern shadow */
    cursor: pointer;
}

    [b-flgow4t48g] .client-card:hover {
        transform: translateY(-2px); /* Tighter, more precise lift */
        box-shadow: 0 8px 16px rgba(0,0,0,0.06) !important;
        border-color: var(--border-color);
    }

[b-flgow4t48g] .transition-all {
    transition: all 0.2s ease-in-out;
}

/* The sleek default state */
[b-flgow4t48g] .client-avatar {
    background-color: var(--surface-a10); /* Cold, high-tech gray */
    color: var(--text-secondary); /* Slate dark gray text */
    border: 1px solid var(--border-color);
    font-size: 0.9rem;
    letter-spacing: 0.5px;
}

/* The interactive brand accent - only activates when hovered */
[b-flgow4t48g] .client-card:hover .client-avatar {
    background-color: var(--primary-100); /* Faint wash of your brand red */
    color: var(--primary-600); /* Brand red text */
    border-color: rgba(196, 22, 28, 0.2);
}

[b-flgow4t48g] .badge-subtle {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--text-secondary); /* Slate text */
    background-color: var(--surface-a10); /* Light gray background */
    border: 1px solid var(--border-color);
    border-radius: 4px;
    letter-spacing: 0.2px;
}

/* Optional: Make the badge tint red when the card is hovered, keeping the high-tech theme */
[b-flgow4t48g] .client-card:hover .badge-subtle {
    background-color: var(--primary-100);
    color: var(--primary-600);
    border-color: rgba(196, 22, 28, 0.2);
    transition: all 0.2s ease-in-out;
}
/* /Components/EmployeePaymentRecords.razor.rz.scp.css */
.table-container[b-2bsh86s2fv] {
    width: 100%;
    overflow-x: auto;
    display: block;
    border: 1px solid var(--border-color);
}

.modern-table tr.dark-separator td[b-2bsh86s2fv] {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 1px;
    background-color: var(--surface-a10) !important;
    color: var(--text-main) !important;
}

.table-hover tbody tr.dark-separator:hover > td[b-2bsh86s2fv] {
    background-color: var(--surface-a20) !important;
    box-shadow: inset 0 0 0 9999px var(--surface-a10) !important;
    color: var(--text-main) !important;
}

.modern-table .form-control-sm[b-2bsh86s2fv] {
    font-size: 0.75rem;
    padding: 0px 4px;
    height: 22px;
    line-height: 1;
    background-color: rgba(255, 255, 255, 0.5);
}

.modern-table textarea.form-control-sm[b-2bsh86s2fv] {
    height: auto;
    min-height: 22px;
    padding: 2px 4px;
    line-height: 1.2;
}

.modern-table .form-control-sm:focus[b-2bsh86s2fv] {
    box-shadow: none;
    border-color: var(--primary-600);
}

.modern-table td:has(input)[b-2bsh86s2fv],
.modern-table td:has(textarea)[b-2bsh86s2fv] {
    padding: 0 2px !important;
    vertical-align: middle !important;
}

@keyframes reveal-sticky-shadow-b-2bsh86s2fv {
    0% {
        box-shadow: inset -1px 0 0 rgba(222, 226, 230, 0), 4px 0 6px -2px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: inset -1px 0 0 rgba(222, 226, 230, 1), 4px 0 6px -2px rgba(0, 0, 0, 0.1);
    }
}

.sticky-name[b-2bsh86s2fv] {
    position: sticky !important;
    left: 0;
    background-color: var(--surface-a0) !important;
    animation: reveal-sticky-shadow-b-2bsh86s2fv both;
    animation-timeline: scroll(inline nearest);
    animation-range: 60px 65px;
}

thead th.sticky-name[b-2bsh86s2fv] {
    background-color: var(--surface-a10) !important;
    z-index: 2;
}

tr.dark-separator td.sticky-name[b-2bsh86s2fv] {
    background-color: var(--surface-a10) !important;
    z-index: 2;
}

thead th.group-tab.sticky-name[b-2bsh86s2fv] {
    z-index: 2;
}

.modern-table tbody tr:hover td.sticky-name[b-2bsh86s2fv] {
    background-color: var(--primary-100) !important;
    z-index: 2;
}

.text-area-annotation[b-2bsh86s2fv] {
    field-sizing: content;
    min-height: 100px;
    max-height: 500px;
    resize: none;
    overflow-y: auto;
}

thead tr:nth-child(1) th[b-2bsh86s2fv] {
    padding-top: 4px !important;
    padding-bottom: 2px !important;
    height: auto !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
}

thead tr:nth-child(3) th[b-2bsh86s2fv] {
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    height: auto !important;
    font-size: 0.7rem !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    white-space: nowrap;
}

.auto-resize-textarea[b-2bsh86s2fv] {
    field-sizing: content;
    min-height: 30px;
    max-height: 120px;
    resize: none;
    overflow-y: auto;
}
/* /Components/ExtendedSelect.razor.rz.scp.css */
/*.comp-wrapper {
    width: 250px;
}*/

.form-wrapper[b-35lefm5s8j] {
    border: 1px solid var(--surface-a20);
    border-radius: .25rem;
    padding: 4px .75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .875rem;
    cursor: pointer;
    height: 38px;
    background-color: var(--surface-a0);
    padding-bottom: 8px;
}

    .form-wrapper *[b-35lefm5s8j] {
        cursor: pointer;
    }
    .form-wrapper:hover[b-35lefm5s8j] {
        border-color: var(--border-color) !important;
    }

.dropdown-list[b-35lefm5s8j] {
    opacity: 0;
    border: 1px solid var(--surface-a20);
    margin-top: .5rem;
    border-radius: .25rem;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    transition: all .123s ease-out;
    pointer-events: none;
    background-color: var(--surface-a0);
    z-index: 100;
    width: auto
}

.drp-active[b-35lefm5s8j] {
    opacity: 1;
    max-height: 300px;
/*  box-shadow: 2px 2px 8px gainsboro; */    
    pointer-events: auto;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    width: auto;
    min-width: 205px;
}

.item-list[b-35lefm5s8j] {
    display: flex;
    flex-direction: column;
    max-height: 200px;
    overflow-y: auto;
}

.item-row[b-35lefm5s8j] {
    display: flex;
    align-items: center; /* Zarovná checkbox a text hezky na střed */
    cursor: pointer; /* Ukáže ručičku nad celým řádkem */
    width: 100%;
    padding: 6px 4px; /* Zvětší klikatelnou plochu (hitbox) */
    margin: 0;
    border-radius: 4px;
    transition: background-color 0.15s ease-in-out;
}

    .item-row:hover[b-35lefm5s8j] {
        background-color: var(--surface-a10); /* Super UX: podbarví celý řádek při najetí myší */
    }

    .item-row input[type="checkbox"][b-35lefm5s8j] {
        flex-shrink: 0; /* Zakáže scvrkávání checkboxu, pokud je text moc dlouhý */
        margin-top: 0;
        margin-right: 10px; /* Mezera mezi checkboxem a textem */
    }

    .item-row span[b-35lefm5s8j] {
        font-size: .875rem;
        word-break: break-word;
        overflow-wrap: break-word;
    }

.dropdown-backdrop[b-35lefm5s8j] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1050; /* High z-index to cover everything else */
    background: transparent; /* Invisible */
    cursor: default;
}
.z-index-active[b-35lefm5s8j] {
    position: relative;
    z-index: 1051;
}
/* /Components/Forms/TimeRecordForm.razor.rz.scp.css */

.task-selector.modern[b-3c9uuiv2l8] {
    width: 100%;
}

.breadcrumb-header[b-3c9uuiv2l8] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 8px;
    border: 1px solid var(--surface-a20);
    border-radius: var(--br-sm);
    cursor: pointer;
    font-size: .875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.crumb-noov[b-3c9uuiv2l8] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.p-sel[b-3c9uuiv2l8] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.task-dropdown-trigger[b-3c9uuiv2l8] {
    margin-left: auto;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-weight: 600;
    color: var(--color-primary-a0);
}

.task-dropdown[b-3c9uuiv2l8] {
    margin-top: 4px;
    padding: 8px 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--surface-a0);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.dropdown-title[b-3c9uuiv2l8] {
    padding: 6px 12px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-a60);
    opacity: 0.7;
}

.dropdown-item[b-3c9uuiv2l8] {
    width: 100%;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
}

    .dropdown-item:hover[b-3c9uuiv2l8] {
        background: var(--surface-a10);
    }

    .dropdown-item.active[b-3c9uuiv2l8] {
        background: var(--primary-100);
        font-weight: 600;
    }

.item-left[b-3c9uuiv2l8] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dropdown-wrapper[b-3c9uuiv2l8] {
    position: relative;
}

.dropdown-list[b-3c9uuiv2l8] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-top: -.25rem;
    padding: .5rem .75rem;
    padding-bottom: .75rem;
    background: var(--surface-a0);
    border-radius: var(--br-sm);
}

.dropdown-item-wrapper[b-3c9uuiv2l8] {
    border-left: 1px solid var(--surface-a20);
    margin-left: .75rem;
}

.btn-check:checked + .btn[b-3c9uuiv2l8], .btn.active[b-3c9uuiv2l8], .btn.show[b-3c9uuiv2l8], .btn:first-child:active[b-3c9uuiv2l8], :not(.btn-check) + .btn:active[b-3c9uuiv2l8] {
    background: var(--color-primary-a0);
    color: var(--surface-a0);
    border: 1px solid var(--color-primary-a0);
}

.lbl-sm[b-3c9uuiv2l8] {
    font-size: .75rem;
}


.mini-calendar[b-3c9uuiv2l8] {
    border: 1px solid var(--surface-a20, #e0e0e0);
    border-radius: 8px;
    padding: 0.75rem;
    background: var(--surface-a10);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.cal-header[b-3c9uuiv2l8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-text-a80);
    padding: 0 0.25rem .25rem .25rem;
}

.cal-month[b-3c9uuiv2l8] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-text, #333);
}

.btn-cal-nav[b-3c9uuiv2l8] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-text-a30, #888);
    border-radius: 4px;
    padding: 4px 8px;
    transition: all 0.2s;
}

    .btn-cal-nav:hover[b-3c9uuiv2l8] {
        background: var(--surface-a20, #f0f0f0);
        color: var(--color-primary-a0, #0056b3);
    }

.cal-grid[b-3c9uuiv2l8] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    text-align: center;
}

.cal-weekday[b-3c9uuiv2l8] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-a30, #888);
    margin-bottom: 0.5rem;
}

.cal-day[b-3c9uuiv2l8] {
    background: transparent;
    border: none;
    border-radius: 4px;
    padding: 4px 0px;
    font-size: 0.75rem;
    cursor: pointer;
    color: var(--color-text, #333);
    transition: all 0.2s;
}

    .cal-day:hover:not(.selected)[b-3c9uuiv2l8] {
        background: var(--surface-a20, #f0f0f0);
    }

    .cal-day.muted[b-3c9uuiv2l8] {
        color: var(--text-muted);
    }

    .cal-day.today[b-3c9uuiv2l8] {
        color: var(--color-primary-a0, #0056b3);
        font-weight: bold;
        border: 1px solid var(--color-primary-a0, #0056b3);
    }

    .cal-day.selected[b-3c9uuiv2l8] {
        background: var(--color-primary-a0, #0d6efd);
        color: #fff;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(13, 110, 253, 0.3);
    }
/* /Components/Forms/TravelRecordForm.razor.rz.scp.css */

.task-selector.modern[b-qxzugpqgma] {
    width: 100%;
}

.breadcrumb-header[b-qxzugpqgma] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 8px;
    border: 1px solid var(--surface-a20);
    border-radius: var(--br-sm);
    cursor: pointer;
    font-size: .875rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.crumb-noov[b-qxzugpqgma] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.p-sel[b-qxzugpqgma] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.task-dropdown-trigger[b-qxzugpqgma] {
    margin-left: auto;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    font-weight: 600;
    color: var(--color-primary-a0);
}

.task-dropdown[b-qxzugpqgma] {
    margin-top: 4px;
    padding: 8px 0;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    background: var(--surface-a0);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.dropdown-title[b-qxzugpqgma] {
    padding: 6px 12px 8px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-a60);
    opacity: 0.7;
}

.dropdown-item[b-qxzugpqgma] {
    width: 100%;
    padding: 2px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 14px;
}

    .dropdown-item:hover[b-qxzugpqgma] {
        background: var(--surface-a10);
    }

    .dropdown-item.active[b-qxzugpqgma] {
        background: var(--primary-100);
        font-weight: 600;
    }

.item-left[b-qxzugpqgma] {
    display: block; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
}

.dropdown-wrapper[b-qxzugpqgma] {
    position: relative;
}

.dropdown-list[b-qxzugpqgma] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-top: -.25rem;
    padding: .5rem .75rem;
    padding-bottom: .75rem;
    background: var(--surface-a0);
    border-radius: var(--br-sm);
}

.dropdown-item-wrapper[b-qxzugpqgma] {
    border-left: 1px solid var(--surface-a20);
    margin-left: .75rem;
}

.btn-check:checked + .btn[b-qxzugpqgma], .btn.active[b-qxzugpqgma], .btn.show[b-qxzugpqgma], .btn:first-child:active[b-qxzugpqgma], :not(.btn-check) + .btn:active[b-qxzugpqgma] {
    background: var(--color-primary-a0);
    color: var(--surface-a0);
    border: 1px solid var(--color-primary-a0);
}

.lbl-sm[b-qxzugpqgma] {
    font-size: .75rem;
}


.mini-calendar[b-qxzugpqgma] {
    border: 1px solid var(--surface-a20, #e0e0e0);
    border-radius: 8px;
    padding: 0.75rem;
    background: var(--surface-a10);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.cal-header[b-qxzugpqgma] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-text-a80);
    padding: 0 0.25rem .25rem .25rem;
}

.cal-month[b-qxzugpqgma] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--color-text, #333);
}

.btn-cal-nav[b-qxzugpqgma] {
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--color-text-a30, #888);
    border-radius: 4px;
    padding: 4px 8px;
    transition: all 0.2s;
}

    .btn-cal-nav:hover[b-qxzugpqgma] {
        background: var(--surface-a20, #f0f0f0);
        color: var(--color-primary-a0, #0056b3);
    }

.cal-grid[b-qxzugpqgma] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
    text-align: center;
}

.cal-weekday[b-qxzugpqgma] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--color-text-a30, #888);
    margin-bottom: 0.5rem;
}

.cal-day[b-qxzugpqgma] {
    background: transparent;
    border: none;
    border-radius: 4px;
    padding: 4px 0px;
    font-size: 0.75rem;
    cursor: pointer;
    color: var(--color-text, #333);
    transition: all 0.2s;
}

    .cal-day:hover:not(.selected)[b-qxzugpqgma] {
        background: var(--surface-a20, #f0f0f0);
    }

    .cal-day.muted[b-qxzugpqgma] {
        color: var(--text-muted);
    }

    .cal-day.today[b-qxzugpqgma] {
        color: var(--color-primary-a0, #0056b3);
        font-weight: bold;
        border: 1px solid var(--color-primary-a0, #0056b3);
    }

    .cal-day.selected[b-qxzugpqgma] {
        background: var(--color-primary-a0, #0d6efd);
        color: #fff;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(13, 110, 253, 0.3);
    }

.form-lbl[b-qxzugpqgma] {
    font-weight: 500;
    font-size: .875rem;
}

.value-row[b-qxzugpqgma] {
    grid-template-columns: 2fr .5fr 1fr;
    font-size: .875rem !important;
}

.form-grid[b-qxzugpqgma] {
    grid-template-columns: repeat(2, 1fr);
}
/* /Components/GlobalSearch.razor.rz.scp.css */
.global-search-container[b-h44f1zey55] {
    position: relative;
}
.route-plack[b-h44f1zey55] {
    color: var(--primary-600);
    font-weight:400;
}

.search-results-dropdown[b-h44f1zey55] {
    position: absolute;
    width: 450px; 
    left: 0px;
    z-index: 1050;
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.search-result-item[b-h44f1zey55] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.75rem 1rem;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    background: transparent;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: background-color 0.15s ease;
}

    .search-result-item:hover[b-h44f1zey55], .search-result-item:focus[b-h44f1zey55] {
        background-color: var(--surface-a10);
        outline: none;
    }

.search-result-icon[b-h44f1zey55] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--surface-a10);
    border-radius: 8px;
    color: var(--text-secondary);
    flex-shrink: 0;
    transition: all 0.2s ease;
}

.search-result-item:hover .search-result-icon[b-h44f1zey55] {
    background-color: rgba(196, 22, 28, 0.1);
    color: var(--primary-600);
}

.search-result-text[b-h44f1zey55] {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-width: 0;
}

.search-result-title[b-h44f1zey55] {
    font-weight: 600;
    color: var(--text-main);
    font-size: 0.95rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.search-result-desc[b-h44f1zey55] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.search-result-meta[b-h44f1zey55] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.search-badge[b-h44f1zey55] {
    font-size: 0.75rem;
    font-weight: 500;
    color: var(--text-secondary);
    background-color: var(--surface-a20);
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
}

kbd[b-h44f1zey55] {
    background-color: var(--surface-a10);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    color: var(--text-muted);
    font-family: monospace;
    padding: 0.1rem 0.4rem;
    font-size: 0.8rem;
}
/* /Components/LookupDebounce.razor.rz.scp.css */
.animated[b-j6eq7vl836] {
}


/* /Components/LookupSelect.razor.rz.scp.css */
.modern-lookup-wrapper[b-3oak1jxkmp] {
    position: relative;
    width: 100%;
    font-family: inherit;
    user-select: none;
}

.lookup-trigger[b-3oak1jxkmp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
    min-height: 2.6rem;
    background-color: var(--input-bg, var(--surface-a0));
    border: 1px solid var(--surface-a25, #ced4da);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .lookup-trigger:hover[b-3oak1jxkmp] {
        background-color: var(--input-bg, var(--surface-a0));
        border-color: var(--primary-200, #86b7fe);
    }

    /* This triggers when the user uses the Tab key to focus the component */
    .lookup-trigger:focus-visible[b-3oak1jxkmp] {
        outline: none;
        border-color: var(--primary-200, #86b7fe);
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    }

    .lookup-trigger.open[b-3oak1jxkmp] {
        border-color: var(--primary-200);
        box-shadow: 0 0 0 0.25rem var(--primary-100);
        background-color: var(--input-bg, var(--surface-a0));
    }

.lookup-text[b-3oak1jxkmp] {
    font-size: 0.95rem;
    color: var(--text-main);
    font-weight: 500;
}

.placeholder-text[b-3oak1jxkmp] {
    color: var(--text-secondary);
    font-weight: 400;
}

.lookup-dropdown[b-3oak1jxkmp] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    background: var(--input-bg, var(--surface-a0));
    border: 1px solid var(--surface-a25, #e9ecef);
    border-radius: 0.5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    z-index: 1050;
    overflow: hidden;
    animation: slideDown-b-3oak1jxkmp 0.15s ease-out;
}

.lookup-search-box[b-3oak1jxkmp] {
    display: flex;
    align-items: center;
    padding: 0.6rem 1rem;
    background-color: var(--input-bg, var(--surface-a0));
    border-bottom: 1px solid var(--surface-a25, #e9ecef);
    position: sticky;
    top: 0;
}

.lookup-search-input[b-3oak1jxkmp] {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    margin-left: 0.6rem;
    font-size: 0.95rem;
    color: var(--text-main);
}

    .lookup-search-input[b-3oak1jxkmp]::placeholder {
        color: var(--text-muted);
    }

.lookup-options-list[b-3oak1jxkmp] {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0;
    max-height: 240px;
    overflow-y: auto;
}

.lookup-option[b-3oak1jxkmp] {
    display: flex;
    align-items: center;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 0.95rem;
    color: var(--text-secondary);
    transition: background-color 0.1s ease;
}

    .lookup-option:hover[b-3oak1jxkmp] {
        background: var(--secondary-100, #f1f3f5);
        color: var(--primary-600, #0c63e4);
        font-weight: 600;
    }

    .lookup-option.selected[b-3oak1jxkmp] {
        background: var(--primary-100, #ffe6e6);
        color: var(--primary-600, #cc0000);
        font-weight: 700;
    }

.lookup-empty[b-3oak1jxkmp] {
    padding: 1.5rem 1rem;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.9rem;
}

.lookup-backdrop[b-3oak1jxkmp] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1040;
}

@keyframes slideDown-b-3oak1jxkmp {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

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

.lookup-trigger.disabled[b-3oak1jxkmp] {
    opacity: 0.55;
    cursor: not-allowed;
    pointer-events: none;
    background-color: var(--surface-a20);
}
/* /Components/Marketing/WelcomeBanner.razor.rz.scp.css */
.cajk-brand-banner[b-qcum1r0gsu] {
    background: var(--surface-a0);
    border-radius: 8px;
    border-left: 6px solid var(--primary-600); 
    border-top: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    position: relative;
    overflow: hidden;
}

.banner-pattern[b-qcum1r0gsu] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    background-image: radial-gradient(var(--primary-600) 0.5px, transparent 0.5px);
    background-size: 15px 15px;
    opacity: 0.05;
    z-index: 1;
    mask-image: linear-gradient(to right, transparent, black);
    -webkit-mask-image: linear-gradient(to right, transparent, black);
}

.banner-content[b-qcum1r0gsu] {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 24px 32px;
}

.banner-text[b-qcum1r0gsu] {
    flex: 1;
}

.banner-badge[b-qcum1r0gsu] {
    display: inline-block;
    background-color: var(--primary-200);
    color: #b91c1c;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

.banner-title[b-qcum1r0gsu] {
    font-size: 1.5rem;
    margin: 0 0 8px 0;
    color: var(--text-main);
    font-weight: 700;
}

    .banner-title .highlight[b-qcum1r0gsu] {
        color: #d32f2f;
    }

.banner-description[b-qcum1r0gsu] {
    font-size: 0.95rem;
    color: var(--text-secondary);
    margin: 0;
    line-height: 1.5;
}

.banner-actions[b-qcum1r0gsu] {
    margin: 0 32px;
}

.banner-btn[b-qcum1r0gsu] {
    background-color: #d32f2f;
    color: var(--text-w-600);
    border: none;
    padding: 10px 24px;
    font-size: 0.9rem;
    font-weight: 600;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    white-space: nowrap;
    box-shadow: 0 2px 4px rgba(211, 47, 47, 0.2);
}

    .banner-btn:hover[b-qcum1r0gsu] {
        background-color: #b91c1c;
        transform: translateY(-1px);
        box-shadow: 0 4px 6px rgba(211, 47, 47, 0.3);
    }

.banner-graphic[b-qcum1r0gsu] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    opacity: 0.8;
}

.brand-icon[b-qcum1r0gsu] {
    width: 64px;
    height: 64px;
    filter: drop-shadow(0 0 10px rgba(88, 88, 88, 0.4));
    animation: float-b-qcum1r0gsu 6s ease-in-out infinite;
}

@keyframes float-b-qcum1r0gsu {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-8px) rotate(3deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}
/* /Components/MonthRangePicker.razor.rz.scp.css */
/* Container for the months */
.month-picker-grid[b-xbn2jtztrq] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 10px 0;
}

/* Base Style for Month Item */
.month-item[b-xbn2jtztrq] {
    text-align: center;
    padding: 8px 4px;
    font-size: 0.85rem;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: var(--surface-a10);
    color: var(--text-secondary);
    border: 1px solid transparent;
}

    .month-item:hover[b-xbn2jtztrq] {
        background-color: var(--surface-a20);
        border-color: var(--border-color);
    }

    /* --- SELECTION STYLES (RED THEME) --- */

    /* The specific Start and End months (Dark Red) */
    .month-item.selected[b-xbn2jtztrq] {
        background-color: #dc3545 !important; /* Bootstrap Danger Red */
        color: var(--text-w-600) !important;
        font-weight: 600;
        box-shadow: 0 2px 4px rgba(220, 53, 69, 0.3);
    }

    /* The range between Start and End (Light Red) */
    .month-item.in-range[b-xbn2jtztrq] {
        background-color: var(--primary-200) !important; /* Light Red */
        color: var(--color-danger-a0) !important; /* Dark Red Text */
        border-radius: 0; /* Square edges for flow */
    }

    /* Fix rounded corners for the edges of the range */
    .month-item.range-start[b-xbn2jtztrq] {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .month-item.range-end[b-xbn2jtztrq] {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

/* Input styling (kept from previous step) */
.year-input[b-xbn2jtztrq] {
    width: 60px;
    text-align: center;
    border: none;
    background: transparent;
    font-weight: 700;
    color: var(--text-main);
    outline: none;
}

    .year-input:focus[b-xbn2jtztrq] {
        background-color: var(--surface-a0);
        border-radius: 4px;
        box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.25); /* Red Focus Glow */
    }
    /* Hide number spinners */
    .year-input[b-xbn2jtztrq]::-webkit-outer-spin-button,
    .year-input[b-xbn2jtztrq]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
/* /Components/Notifications/Notifications.razor.rz.scp.css */
.rounded[b-hw5bq5jnnv] {
    width: 1rem;
    height: 1rem;
    border-radius: 0.05rem;
}

.toast[b-hw5bq5jnnv] {
    transition: 0.6s all;
    margin-top: 0.5rem;
    box-shadow: 1px 1px 8px 2px var(--surface-a20);
}

.toasts[b-hw5bq5jnnv] {
    z-index: 10000000;
}

.show[b-hw5bq5jnnv] {
    opacity: 1;
}

.hide[b-hw5bq5jnnv] {
    animation: roll-down-b-hw5bq5jnnv 1s linear;
    animation-fill-mode: forwards;
    height: 0 !important;
    margin-top: 0;
}

@keyframes roll-down-b-hw5bq5jnnv {
    0% {
    }

    100% {
        opacity: 0;
        transform: translateY(100vh);
        visibility: collapse;
        border: none;
    }
}

.toast-header:not(.toast-header-error)[b-hw5bq5jnnv] {
    color: var(--color-primary-a10);
    justify-content: space-between;
}

.toast-header-error[b-hw5bq5jnnv] {
    color: var(--color-danger-a0);
}

.loader[b-hw5bq5jnnv] {
    border: 4px solid var(--color-text-a30) !important;
}
.toast-body[b-hw5bq5jnnv] {
    padding: 0;
    font-size: .75rem;
}
/* /Components/PaginationFooter.razor.rz.scp.css */
.pagination-footer[b-7x8a27kcm8] {
    background-color: var(--surface-a0);
    border-top: 1px solid var(--border-color);
    padding: 10px 20px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.pagination-select[b-7x8a27kcm8] {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.85rem;
    color: var(--text-main);
    cursor: pointer;
    background-color: var(--surface-a0);
    outline: none;
}

    .pagination-select:focus[b-7x8a27kcm8] {
        border-color: var(--color-text-a30);
    }

.pagination-input[b-7x8a27kcm8] {
    width: 40px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 4px;
    font-size: 0.85rem;
    margin-right: 5px;
}

    .pagination-input:focus[b-7x8a27kcm8] {
        border-color: #dc3545;
        outline: none;
    }

.btn-nav[b-7x8a27kcm8] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 4px 8px;
    font-size: 0.85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

    .btn-nav:hover:not(:disabled)[b-7x8a27kcm8] {
        color: #dc3545;
        background-color: var(--surface-a10);
        border-radius: 4px;
    }

    .btn-nav:disabled[b-7x8a27kcm8] {
        color: var(--surface-a20);
        cursor: default;
    }

    .btn-nav i[b-7x8a27kcm8] {
        font-size: 0.9rem;
    }
/* /Components/ProjectsVisualizer.razor.rz.scp.css */
.td-client[b-7l9xjndcqj] {
    font-weight: 600;
}

.span-badge[b-7l9xjndcqj] {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}
/* /Components/Projects/ProjectDetail.razor.rz.scp.css */
.inline-input[b-r080avw1o8] {
    border: 1px solid transparent;
    background-color: transparent;
    box-shadow: none;
    transition: all 0.2s ease-in-out;
    padding: 0.375rem 0.5rem;
    border-radius: 0.25rem;
    width: 100%;
}

    .inline-input:hover[b-r080avw1o8] {
        border-color: var(--border-color);
        background-color: var(--surface-a10);
    }

    .inline-input:focus[b-r080avw1o8] {
        background-color: var(--surface-a0);
        border-color: var(--primary-600);
        box-shadow: 0 0 0 0.2rem rgba(196, 22, 28, 0.15);
        outline: none;
    }

.modern-table th[b-r080avw1o8] {
    border-bottom: 2px solid var(--surface-a10);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--text-secondary);
}

.modern-table td[b-r080avw1o8] {
    border-bottom: 1px solid var(--surface-a10);
}

.action-btn[b-r080avw1o8] {
    opacity: 0.2;
    transition: opacity 0.2s;
}

tr:hover .action-btn[b-r080avw1o8] {
    opacity: 1;
}
/* /Components/RangeDatePicker.razor.rz.scp.css */
.mdrp-wrapper[b-pf9pu99fxw] {
    position: relative;
    font-family: inherit;
}

.mdrp-popover[b-pf9pu99fxw] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--surface-a0);
    z-index: 1050;
    border: 1px solid var(--surface-a20);
    animation: mdrp-fade-in-b-pf9pu99fxw 0.2s ease-out;
    min-width: max-content;
}

.mdrp-sidebar[b-pf9pu99fxw] {
    background: var(--surface-a10);
    border-top-left-radius: 1rem;
    min-width: 140px;
}

.mdrp-range-btn[b-pf9pu99fxw] {
    border: none;
    background: transparent;
    color: var(--text-secondary);
    padding: 8px 12px;
    border-radius: 6px;
    transition: all 0.2s;
    font-size: 0.85rem;
    font-weight: 500;
}

    .mdrp-range-btn:hover[b-pf9pu99fxw] {
        background: var(--surface-a20);
    }

    .mdrp-range-btn.active[b-pf9pu99fxw] {
        background: var(--primary-100);
        color: var(--primary-600);
        font-weight: 700;
    }

.mdrp-grid[b-pf9pu99fxw] {
    display: grid;
    grid-template-columns: repeat(7, 36px);
    gap: 2px 0;
}

.mdrp-day-header[b-pf9pu99fxw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-muted);
    text-align: center;
    padding-bottom: 8px;
}

.mdrp-day-cell[b-pf9pu99fxw] {
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    font-size: 0.85rem;
    font-weight: 500;
}

/* Base Day Hover */
.mdrp-day-number[b-pf9pu99fxw] {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all 0.1s;
    z-index: 2;
}

.mdrp-day-cell:not(.in-range):not(.start-date):not(.end-date):hover .mdrp-day-number[b-pf9pu99fxw] {
    background: var(--surface-a10);
}

/* Range Highlights */
.mdrp-day-cell.in-range[b-pf9pu99fxw] {
    background: var(--primary-100); /* Light Red */
}

.mdrp-day-cell.start-date .mdrp-day-number[b-pf9pu99fxw],
.mdrp-day-cell.end-date .mdrp-day-number[b-pf9pu99fxw] {
    background: var(--primary-600); /* Danger Red */
    color: var(--text-w-600);
    font-weight: 700;
    box-shadow: 0 4px 6px -1px rgba(196, 22, 28, 0.3);
}

.mdrp-day-cell.start-date[b-pf9pu99fxw] {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

    .mdrp-day-cell.start-date.has-end[b-pf9pu99fxw] {
        background: linear-gradient(90deg, transparent 50%, var(--primary-100) 50%);
    }

.mdrp-day-cell.end-date[b-pf9pu99fxw] {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
    background: linear-gradient(90deg, var(--primary-100) 50%, transparent 50%);
}

@keyframes mdrp-fade-in-b-pf9pu99fxw {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/ReceivablesDashboard.razor.rz.scp.css */
.settings-dashboard[b-nf91x91kb8] {
    font-family: system-ui, -apple-system, sans-serif;
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.dashboard-header p.text-muted[b-nf91x91kb8] {
    color: var(--text-secondary);
}

.table-container[b-nf91x91kb8] {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    scrollbar-width: thin;
}

.modern-grid[b-nf91x91kb8] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .modern-grid th[b-nf91x91kb8] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        padding: 12px 16px;
        border-bottom: 2px solid var(--border-color);
        position: sticky;
        top: 0;
        z-index: 10;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .modern-grid td[b-nf91x91kb8] {
        padding: 4px 12px;
        border-bottom: 1px solid var(--surface-a10);
        color: var(--text-main);
        font-size: 0.8rem;
        vertical-align: middle;
    }

    .modern-grid tbody tr:hover td[b-nf91x91kb8] {
        background-color: var(--surface-a10);
    }

.modern-grid tbody tr:hover td[b-nf91x91kb8] {
    background-color: var(--surface-a10);
}

.user-name[b-nf91x91kb8] {
    font-weight: 500;
    color: var(--text-main);
}


.currency-cell[b-nf91x91kb8] {
    text-align: right;
    font-variant-numeric: tabular-nums; 
}

.text-danger[b-nf91x91kb8] {
    color: var(--color-danger-a0);
    font-weight: 500;
}



.loading-state[b-nf91x91kb8], .empty-state[b-nf91x91kb8] {
    padding: 30px;
    text-align: center;
    color: var(--text-secondary);
    font-weight: 500;
}

.sticky-col[b-nf91x91kb8] {
    position: sticky;
    left: 0;
    background-color: var(--surface-a0);
    z-index: 1;
    border-right: 1px solid var(--surface-a25);
}
/* /Components/ReportingBase.razor.rz.scp.css */
.filter-label[b-d1myz78ku0] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 8px;
}

.filter-col[b-d1myz78ku0] {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--border-color);
    min-width: 0;
}

.custom-input-trigger[b-d1myz78ku0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--text-main);
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .custom-input-trigger:hover[b-d1myz78ku0] {
        border-color: var(--border-color) !important;
    }

.custom-date-trigger[b-d1myz78ku0] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: .84rem;
    max-height: 2.4em;
}

.filter-actions[b-d1myz78ku0] {
    display: flex;
    padding-right: 8px;
    padding-bottom: 8px;
}

.btn-cc-outline[b-d1myz78ku0] {
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: 0.85rem;
    height: 38px;
    padding: 0 10px;
    border-radius: 4px;
}



.stat-item[b-d1myz78ku0] {
    font-size: 0.95rem;
}

.stat-value[b-d1myz78ku0] {
    font-weight: 700;
    color: var(--text-main);
}


.search-wrapper[b-d1myz78ku0] {
    position: relative;
}

.search-icon[b-d1myz78ku0] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 0.9rem;
    pointer-events: none;
}

.search-input[b-d1myz78ku0] {
    width: 100%;
    padding: 3px 12px 3px 35px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.85rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .search-input:focus[b-d1myz78ku0] {
        border-color: var(--border-color);
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
    }

.modern-search-input[b-d1myz78ku0] {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0px 6px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    outline: none !important;
}

input.modern-search-input:focus[b-d1myz78ku0] {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15) !important;
}

input.modern-search-input.modified[b-d1myz78ku0],
input.modern-search-input.invalid[b-d1myz78ku0] {
    border: 1px dashed #dc3545 !important;
    background-color: var(--color-danger-a80) !important;
}

    input.modern-search-input.modified:focus[b-d1myz78ku0],
    input.modern-search-input.invalid:focus[b-d1myz78ku0] {
        border: 1px dashed #dc3545 !important;
        box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15) !important;
    }

.custom-pills .nav-link[b-d1myz78ku0] {
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 6px 16px;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
}

    .custom-pills .nav-link:hover[b-d1myz78ku0] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    .custom-pills .nav-link.active[b-d1myz78ku0] {
        background-color: #dc3545;
        color: var(--text-w-600) !important;
    }



.table-wrapper[b-d1myz78ku0] {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.table-card[b-d1myz78ku0] {
    background: var(--surface-a0);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color);
    margin-bottom: 2rem;
    display: block;
    overflow: hidden;
}

.table-scroller[b-d1myz78ku0] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: var(--surface-a20) transparent;
}

    .table-scroller[b-d1myz78ku0]::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .table-scroller[b-d1myz78ku0]::-webkit-scrollbar-track {
        background: transparent;
    }

    .table-scroller[b-d1myz78ku0]::-webkit-scrollbar-thumb {
        background: var(--surface-a20);
        border-radius: 4px;
    }

        .table-scroller[b-d1myz78ku0]::-webkit-scrollbar-thumb:hover {
            background: var(--color-text-a30);
        }




.modern-table[b-d1myz78ku0] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 0;
    font-size: 0.75rem;
    color: var(--text-main);
}

    .modern-table th[b-d1myz78ku0],
    .modern-table td[b-d1myz78ku0] {
        padding: 8px 12px;
        white-space: normal;
        word-wrap: break-word;
        vertical-align: top;
    }


    .modern-table thead th[b-d1myz78ku0] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        padding: 8px 10px;
        border-top: none;
        position: sticky;
        top: 0;
        box-shadow: 0 1px 0 var(--border-color);
    }

    .modern-table td[b-d1myz78ku0] {
        vertical-align: middle !important;
    }

    .modern-table thead th[style*="cursor: pointer"]:hover[b-d1myz78ku0] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    .modern-table tbody tr[b-d1myz78ku0] {
        background-color: var(--surface-a0);
        transition: background-color 0.2s ease;
    }

        .modern-table tbody tr:hover[b-d1myz78ku0] {
            background-color: var(--surface-a10) !important;
        }

    .modern-table tbody td[b-d1myz78ku0] {
        border-bottom: 1px solid var(--surface-a10);
    }

    .modern-table tbody tr:last-child td[b-d1myz78ku0] {
        border-bottom: none;
    }

    .modern-table .text-end[b-d1myz78ku0] {
        font-variant-numeric: tabular-nums;
        font-family: inherit;
    }


    .modern-table thead .table-group-header th[b-d1myz78ku0] {
        top: 0;
        font-size: 0.8rem;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .modern-table thead tr:nth-child(2) th[b-d1myz78ku0] {
        top: 38px;
    }

    .modern-table thead tr:nth-child(2) th[b-d1myz78ku0] {
        top: 38px;
    }

.group-spacer[b-d1myz78ku0] {
    background-color: var(--surface-a0) !important;
    border: none !important;
}

.separator-col[b-d1myz78ku0] {
    width: 2px !important;
    padding: 0 !important;
    background-color: var(--surface-a20);
    border: none !important;
}

.group-tab[b-d1myz78ku0] {
    background-color: var(--surface-a0) !important;
    color: var(--text-secondary);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-top: 3px solid #6c757d;
    border-left: 1px solid var(--surface-a10);
    border-right: 1px solid var(--surface-a10);
    border-bottom: 1px solid var(--border-color);
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
}

.tab-bilabilita[b-d1myz78ku0] {
    border-top-color: var(--text-secondary);
}

.tab-utilizace[b-d1myz78ku0] {
    border-top-color: var(--border-color);
}

.search-icon[b-d1myz78ku0] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 0.9rem;
    pointer-events: none;
}
/* /Components/ReportingByDate.razor.rz.scp.css */
/* /Components/ReportingByProjects.razor.rz.scp.css */
.filter-label[b-h4f7s78y1k] {
    font-size: 0.75rem; /* Small text */
    font-weight: 600;
    color: var(--text-secondary); /* Gray text color */
    text-transform: uppercase; /* Force ALL CAPS */
    margin-bottom: 6px;
    white-space: nowrap; /* Prevent label wrapping */
}
/* /Components/ReportingImplementation.razor.rz.scp.css */
/* /Components/ReportingRecords.razor.rz.scp.css */
/* /Components/SortFilterColumnHeader.razor.rz.scp.css */
[b-gga2owwv35] .range-container {
    display: flex;
    align-items: center;
}

[b-gga2owwv35] .op-ind {
    width: 20px;
}

.dropdown-menu[b-gga2owwv35] {
    border: 1px solid var(--surface-a25);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* /Components/TimeTracking/TimeTracking.razor.rz.scp.css */

.timegrid-wrapper[b-55g6j2lhii] {
    display: flex;
    width: 100%;
    border: 1px solid var(--surface-a10);
    background: var(--surface-a0);
    overflow: auto;
}

.timegrid-sidebar[b-55g6j2lhii] {
    width: 70px;
    border-right: 1px solid var(--surface-a10);
    background: var(--surface-a0);
    overflow: auto;
    padding-top: 0;
}

    .timegrid-sidebar .hour-row[b-55g6j2lhii] {
        height: calc(60px * var(--timegrid-scale));
        line-height: calc(60px * var(--timegrid-scale));
        text-align: center;
        color: var(--color-text-a30);
        font-weight: 500;
        font-size: 12px;
        border-bottom: 1px dashed var(--surface-a10);
        box-sizing: border-box;
    }

.timegrid-columns[b-55g6j2lhii] {
    flex: 1;
    display: flex;
    position: relative;
}

.timegrid-column[b-55g6j2lhii] {
    min-width: 300px;
    flex: 1 0 0;
    border-right: 1px solid var(--surface-a25);
    display: flex;
    flex-direction: column;
    position: relative;
    background: var(--surface-a0);
}

/* Allow columns to shrink to fit the viewport on smaller screens */
@media (max-width: 1599px) and (min-width: 992px) {
    .timegrid-column[b-55g6j2lhii] {
        min-width: 0;
        flex: 1 1 0;
    }
}

/* Mobile: fixed narrow columns with natural horizontal scroll */
@media (max-width: 991.98px) {
    .timegrid-column[b-55g6j2lhii] {
        min-width: 160px;
        flex: 0 0 160px;
    }

    /* Reduce outer padding so more columns are visible */
    .table-wrapper[b-55g6j2lhii] {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    /* Toolbar: allow wrapping so buttons don't overflow off-screen */
    .sticky-top[b-55g6j2lhii] {
        flex-wrap: wrap !important;
        gap: 0.5rem !important;
        background: var(--surface-a0);
        border-radius: 8px;
        padding: 0.5rem !important;
        border: 1px solid var(--surface-a25);
    }

    /* Right-side button group wraps to a second row */
    .sticky-top > div:last-child[b-55g6j2lhii] {
        flex-wrap: wrap;
        gap: 0.375rem;
        width: 100%;
    }
}

/* Phone: even tighter */
@media (max-width: 575.98px) {
    .timegrid-column[b-55g6j2lhii] {
        min-width: 120px;
        flex: 0 0 120px;
    }

    .timegrid-sidebar[b-55g6j2lhii] {
        width: 48px;
    }

    .column-header[b-55g6j2lhii] {
        padding: 8px;
        gap: 6px;
    }

    .day-number[b-55g6j2lhii] {
        font-size: 1.1rem;
    }

    /* Hide hours badge in header on very small screens */
    .column-header .day-hours[b-55g6j2lhii] {
        display: none;
    }
}

.column-header[b-55g6j2lhii] {
    height: 48px;
    border-bottom: 1px solid var(--surface-a10);
}

.column-header[b-55g6j2lhii] {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--surface-a0);
    padding: 12px 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.day-number[b-55g6j2lhii] {
    font-size: 1.5rem;
    font-weight: 800;
}

.timegrid-column .column-header .day-name[b-55g6j2lhii] {
    font-size: .875rem;
    color: var(--color-text-a30);
}

.timegrid-column .column-header .day-hours[b-55g6j2lhii] {
    font-size: .875rem;
    color: var(--color-text);
    margin-left: auto;
    background: var(--surface-a25);
}


.timegrid-column .column-body[b-55g6j2lhii] {
    position: relative;
    height: calc(100% - 48px);
    overflow: visible;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.02) 1px, transparent 1px);
    background-size: 100% 15px;
}

[b-55g6j2lhii] .time-record {
    position: absolute;
    left: 2px;
    right: 2px;
    border-radius: var(--br-sm);
    padding: 4px;
    cursor: grab;
    user-select: none;
    touch-action: none;
    display: flex;
    flex-direction: column;
    color: var(--surface-a0);
    border-bottom: 2px solid var(--surface-a0);
}

    [b-55g6j2lhii] .time-record .handle {
        height: 6px;
        width: 100%;
        left: 0;
        position: absolute;
        cursor: ns-resize;
        background: rgba(255,255,255,0.15);
        border-radius: 3px;
    }

    [b-55g6j2lhii] .time-record .handle-top {
        top: 0;
    }

    [b-55g6j2lhii] .time-record .handle-bot {
        bottom: 0;
    }

    [b-55g6j2lhii] .time-record .rec-title {
        font-weight: 700;
        font-size: 12px;
    }

    [b-55g6j2lhii] .time-record .rec-sub {
        font-size: .75rem;
        opacity: 0.8;
        font-weight: 600;
        width: 100%;
    }

    [b-55g6j2lhii] .time-record.dragging {
        opacity: 0.95;
        transform-origin: top left;
        z-index: 9999;
    }

    [b-55g6j2lhii] .time-record:hover:not(.preview) {
        opacity: 1 !important;
        z-index: 1;
        box-shadow: 2px 2px 6px 0px var(--surface-a10);
    }

    [b-55g6j2lhii] .time-record.segment-start {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
    }

    [b-55g6j2lhii] .time-record.segment-middle {
        border-radius: 0;
    }

    [b-55g6j2lhii] .time-record.segment-end {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    [b-55g6j2lhii] .time-record .rec-time {
        font-size: 11px;
        opacity: 0.9;
    }

.time-context-menu[b-55g6j2lhii] {
    position: absolute;
    z-index: 4;
    flex-direction: row;
    opacity: 1;
    margin-top: -.25rem;
    gap: .25rem;
}

[b-55g6j2lhii] .label-client {
    font-size: .75rem;
    font-weight: 700;
    text-wrap-mode: nowrap;
    text-overflow: clip;
    word-break: break-all;
    margin-top: .25rem;
    line-height: .875rem;
}

.label-client-name[b-55g6j2lhii] {
    text-wrap-mode: nowrap;
}

[b-55g6j2lhii] .label-project {
    font-size: .675rem;
    font-weight: 500;
    color: var(--surface-a10);
    text-wrap-mode: nowrap;
    text-overflow: clip;
    word-break: break-all;
}

[b-55g6j2lhii] .label-task {
    font-size: .65rem;
    font-weight: 600;
    text-overflow: clip;
    word-break: break-all;
}

[b-55g6j2lhii] .label-desc {
    font-size: .75rem;
    font-weight: 400;
    text-wrap-mode: wrap;
    text-overflow: clip;
    word-break: break-all;
    padding-left: .25rem;
    margin-top: .5rem;
}

[b-55g6j2lhii] .rec-bottom-wrapper {
    flex-direction: row;
    align-items: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: .5rem;
    padding-right: .5rem;
}

[b-55g6j2lhii] .label-desc, [b-55g6j2lhii] .label-task {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.15s ease-in-out, visibility 0.15s ease-in-out;
}

[b-55g6j2lhii] .time-record:hover .label-desc, [b-55g6j2lhii] .time-record:hover .label-task {
    visibility: visible;
    opacity: 1;
}

[b-55g6j2lhii] .icon-record-wrapper {
    background: var(--color-primary-a30);
    padding: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.45rem;
    height: 1.45rem;
    color: var(--surface-a0);
    border-radius: 50%;
}

[b-55g6j2lhii] .icon-record-billable {
    display: contents;
}

.menu-active[b-55g6j2lhii] {
    visibility: visible !important;
    transform: translate(0%,-100%);
    opacity: 1 !important;
}

.table-wrapper[b-55g6j2lhii] {
    position: relative;
}

.add-record-context-menu[b-55g6j2lhii] {
    position: absolute;
    z-index: 5;
    visibility: hidden;
    display: flex;
    opacity: 0;
    transform: translate(0%, -100%);
    margin-top: -.25rem;
    flex-direction: row;
    background: var(--color-primary-a0);
    padding: .25rem .5rem;
    color: var(--surface-a0);
    font-size: .75rem;
}

#label-time-context[b-55g6j2lhii] {
    font-weight: 600;
}

.summary-progress[b-55g6j2lhii] {
    gap: 4px;
}

.project-group[b-55g6j2lhii] {
    border-radius: .5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-transform: uppercase;
    font-size: .875rem;
    padding: 2px .5rem;
}

    .project-group label[b-55g6j2lhii] {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.td-summary[b-55g6j2lhii] {
    background: var(--surface-a10);
    border: 1px solid var(--surface-a10);
    border-top: unset !important;
    padding: 0 !important;
}



.project-wrapper[b-55g6j2lhii] {
    border-radius: .5rem;
}

.selection-task-project[b-55g6j2lhii] {
    display: flex;
    flex-direction: column;
}

[b-55g6j2lhii] .hr-line {
    border-top: 3px dashed var(--color-text-a30);
    position: absolute;
    z-index: 4;
}

[b-55g6j2lhii] .absolute-icon {
    position: absolute;
    left: -1rem;
    font-size: 1.25rem;
    top: calc(50% - 2px);
    transform: translate(0%,-50%) rotate(180deg);
    color: var(--color-text-a30);
    background: var(--surface-a0);
    border-radius: 50%;
}

[b-55g6j2lhii] .record-pre-deletion {
    background-color: var(--surface-a0) !important;
    filter: opacity(.25) brightness(0.5);
}

[b-55g6j2lhii] .loader-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    backdrop-filter: blur(2px) grayscale(1);
    filter: drop-shadow(2px 4px 6px var(--surface-a10));
}

[b-55g6j2lhii] .time-record.preview {
    background: var(--color-primary-a60);
    pointer-events: none;
    display: flex;
}

[b-55g6j2lhii] .preview-label {
    pointer-events: none;
    color: var(--color-text);
}

.month-wrapper[b-55g6j2lhii] {
    font-weight: 600 !important;
    color: var(--color-text);
}


.clients-wrapper[b-55g6j2lhii] {
    padding-left: .5rem;
}

.label-date[b-55g6j2lhii] {
    font-weight: 800;
    letter-spacing: .25px;
    color: var(--color-text);
}


.btn-add[b-55g6j2lhii] {
    opacity: 0;
    visibility: collapse;
}

.summary-sm[b-55g6j2lhii] {
    display: flex;
    flex-direction: column;
    margin-bottom: .5rem;
    background: var(--secondary-100);
    padding: 6px;
    border-radius: .25rem;
}

.rec-placeholder[b-55g6j2lhii] {
    border-radius: .25rem;
    background: var(--color-primary-a30);
    height: 2px;
    margin-bottom: 2px;
}

.dot[b-55g6j2lhii] {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: .5rem;
    border: 3px solid;
    background: transparent;
}

.btn-close[b-55g6j2lhii] {
    right: 1.5rem;
}

.label-project-name[b-55g6j2lhii] {
    font-weight: 500;
}

.selection[b-55g6j2lhii] {
    font-weight: 700;
}

.selection-active[b-55g6j2lhii] {
    color: var(--color-primary-a10);
}

.item:has(.selection-active)[b-55g6j2lhii] {
    background: var(--color-primary-a80);
    padding-top: .5rem;
    border-radius: var(--br-md);
    border: 1px dashed var(--color-primary-a0);
    margin-bottom: .5rem;
    margin-top: .25rem;
}

.item[b-55g6j2lhii] {
    cursor: pointer;
    transition: all .123s ease-in-out;
}

    .item:hover[b-55g6j2lhii] {
        background: var(--color-primary-a80);
        padding-top: .5rem;
    }

.projects-grid[b-55g6j2lhii] {
    display: grid;
    font-size: .85rem;
    grid-template-columns: 1fr 2fr;
    gap: .25rem .75rem;
    max-height: 250px;
    overflow: auto;
}

[b-55g6j2lhii] .timegrid-now-line {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    border-top: 1px dashed var(--color-primary-a30);
    margin-top: 6px;
    pointer-events: none;
    z-index: 1;
}

[b-55g6j2lhii] .timegrid-now-circle-right {
    right: 6px;
    left: unset !important;
}

[b-55g6j2lhii] .timegrid-now-circle {
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--surface-a10);
    border: 3px solid var(--color-primary-a0);
    left: -6px;
    top: -6px;
    pointer-events: none;
    z-index: 1;
}

[b-55g6j2lhii] .timegrid-now-bubble {
    position: absolute;
    padding: 2px 6px;
    font-size: .75rem;
    border-radius: var(--br-sm);
    background: var(--color-primary-a0);
    color: var(--text-w-600);
    margin-top: 6px;
    margin-left: -.875rem;
    transform: translate(-100%,-50%);
    pointer-events: none;
    z-index: 1;
    white-space: nowrap;
}



[b-55g6j2lhii] .record-actions {
    position: absolute;
    top: .75rem;
    right: .5rem;
    display: flex;
    gap: 4px;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    z-index: 10;
}

[b-55g6j2lhii] .time-record:hover .record-actions {
    opacity: 1;
}

[b-55g6j2lhii] .record-action-btn {
    background: rgba(0, 0, 0, 0.4);
    border: none;
    color: var(--text-w-600);
    padding: 3px 5px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 12px;
}

    [b-55g6j2lhii] .record-action-btn:hover {
        background: rgba(0, 0, 0, 0.8);
    }

[b-55g6j2lhii] .travel-record {
    cursor: pointer;
    position: absolute;
    width: 16px;
    border-radius: 2px;
    z-index: 1;
    transition: opacity 0.2s;
}

    [b-55g6j2lhii] .travel-record:hover {
        opacity: 1;
    }

[b-55g6j2lhii] .travel-icon {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: .25rem;
}

.time-list-wrapper[b-55g6j2lhii] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.day-card[b-55g6j2lhii] {
    background: var(--surface-a10);
    border: 1px solid var(--surface-a25);
    border-radius: .65rem;
    padding: 1rem 1.25rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .05);
}

.day-card-header[b-55g6j2lhii] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .day-card-header .left[b-55g6j2lhii] {
        display: flex;
        align-items: center;
        gap: .75rem;
    }


.meta p[b-55g6j2lhii] {
    margin: 0;
    line-height: 1.2;
}

.btn-add[b-55g6j2lhii] {
    background: transparent;
    border: none;
    opacity: .4;
    cursor: pointer;
    transition: .2s;
}

    .btn-add:hover[b-55g6j2lhii] {
        opacity: 1;
    }

.timeline[b-55g6j2lhii] {
    background: var(--surface-a25);
    border-radius: var(--br-sm);
    margin: .75rem 0;
    height: 10px;
    position: relative;
}

.timeline-segment[b-55g6j2lhii] {
    height: 10px;
    border: 1px solid var(--surface-a25);
    opacity: .8;
    position: absolute;
    background-color: var(--color-text-a30);
    border-radius: var(--br-sm);
}

.records-list[b-55g6j2lhii] {
    display: flex;
    flex-direction: column;
    gap: .75rem;
}

.record-card[b-55g6j2lhii] {
    display: flex;
    align-items: center;
    gap: 0;
    cursor: pointer;
}

.side-icon[b-55g6j2lhii] {
    color: var(--color-primary-a30);
    margin-top: .5rem;
}

.record-content[b-55g6j2lhii] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: .75rem;
    background: var(--surface-a0);
    border-radius: .6rem;
    padding: .5rem .75rem;
    width: 100%;
    border: 1px dashed var(--surface-a10);
    transition: .2s;
}

    .record-content:hover[b-55g6j2lhii] {
        background: var(--bg);
        color: var(--text-w-600);
        border-color: transparent;
    }

.badge-index[b-55g6j2lhii] {
    background: var(--color-primary-a30);
    color: var(--text-w-600);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
}

.time-range[b-55g6j2lhii] {
    display: flex;
    gap: .35rem;
    align-items: center;
    font-weight: 600;
}

.duration[b-55g6j2lhii] {
    font-size: .85rem;
    opacity: .8;
}

.info[b-55g6j2lhii] {
    display: flex;
    flex-direction: column;
    text-align: right;
}

.desc[b-55g6j2lhii] {
    margin: 0;
    font-size: .85rem;
    opacity: .85;
    text-align: center;
    align-self: center;
}

[b-55g6j2lhii] .rec-inner {
    overflow: hidden;
}


[b-55g6j2lhii] .billable-symbol {
    margin-right: .5rem;
}

.header-today[b-55g6j2lhii] {
    background: var(--primary-100)
}

    .header-today *[b-55g6j2lhii] {
        color: var(--color-primary-a0) !important;
    }

.body-today[b-55g6j2lhii] {
    background: var(--color-primary-a80);
}

[b-55g6j2lhii] .rec-duration {
    justify-self: end;
}

.custom-side-panel[b-55g6j2lhii] {
    position: fixed;
    top: 0;
    right: -450px;
    width: 400px;
    height: 100vh;
    background-color: var(--surface-a0, #fff);
    box-shadow: -4px 0 15px rgba(0,0,0,0.1);
    transition: right 0.3s ease-in-out;
    z-index: 1050;
    overflow-y: auto;
}

    .custom-side-panel.open[b-55g6j2lhii] {
        right: 0;
    }

.sticky-header[b-55g6j2lhii] {
    position: sticky;
    top: 3rem;
    border: 1px solid var(--surface-a20);
    color: var(--surface-a0);
    z-index: 100;
    box-shadow: 2px 2px 4px var(--surface-a20);
}

.dot-indicator[b-55g6j2lhii] {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
    vertical-align: middle;
}

.travel-project-list[b-55g6j2lhii]::-webkit-scrollbar {
    width: 14px;
}

.travel-project-list[b-55g6j2lhii]::-webkit-scrollbar-track {
    background: transparent;
}

.travel-project-list[b-55g6j2lhii]::-webkit-scrollbar-thumb {
    background-color: var(--surface-a20);
    border-radius: 10px;
    border: 4px solid transparent;
    background-clip: padding-box;
}


    .travel-project-list[b-55g6j2lhii]::-webkit-scrollbar-thumb:hover {
        background-color: var(--text-muted);
    }


/* Wrapper and Cards */
.modern-day-card[b-55g6j2lhii] {
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 1.5rem;
    box-shadow: 0 2px 8px rgba(0,0,0,0.02);
    transition: box-shadow 0.2s ease;
}

    .modern-day-card:hover[b-55g6j2lhii] {
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }

/* Timeline */
.modern-timeline[b-55g6j2lhii] {
    position: relative;
    height: 8px;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background-color: var(--surface-a10);
}

.timeline-segment[b-55g6j2lhii] {
    position: absolute;
    height: 100%;
    top: 0;
    border-radius: 4px;
    /* transition for smooth loading */
    transition: left 0.5s ease, right 0.5s ease;
}

/* Individual Record Cards */
.modern-record-card[b-55g6j2lhii] {
    display: flex;
    align-items: center;
    background: var(--surface-a10);
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 0.75rem 1rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

    .modern-record-card:hover[b-55g6j2lhii] {
        background: var(--surface-a0);
        border-color: var(--border-color);
        box-shadow: 0 2px 6px rgba(0,0,0,0.06);
        transform: translateY(-1px);
    }

.record-color-accent[b-55g6j2lhii] {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
}

.record-time[b-55g6j2lhii] {
    min-width: 120px;
    padding-left: 0.5rem;
}

.record-desc[b-55g6j2lhii] {
    flex-grow: 1;
    font-size: 0.95rem;
}

.record-meta[b-55g6j2lhii] {
    min-width: 200px;
    max-width: 250px;
}

[b-55g6j2lhii] .time-record {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

    [b-55g6j2lhii] .time-record label,
    [b-55g6j2lhii] .time-record .rec-sub,
    [b-55g6j2lhii] .time-record .rec-duration {
        text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    }

[b-55g6j2lhii] .timegrid-locked-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(249, 250, 251, 0.2);
    pointer-events: none;
    z-index: 20;
    overflow: hidden;
}

    [b-55g6j2lhii] .timegrid-locked-overlay span {
        transform: rotate(-30deg);
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
        font-weight: 700;
        font-size: 0.75rem;
        letter-spacing: 1.5px;
        color: var(--text-muted) !important;
        background-color: var(--surface-a10);
    }
/* /Components/TravelRecords.razor.rz.scp.css */
.table-wrapper[b-od7ptuxzje] {
    background: var(--surface-a0);
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    border: 1px dashed var(--surface-a20);
}

table th[b-od7ptuxzje] {
    text-transform: uppercase;
}

table td[b-od7ptuxzje] {
    vertical-align: middle;
}
/* /Components/TreeSelect.razor.rz.scp.css */
.modern-tree-wrapper[b-kkutkzftrj] {
    position: relative;
    width: 100%;
    font-family: inherit;
    user-select: none;
    outline: none;
}

.lookup-trigger[b-kkutkzftrj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.5rem 1rem;
    min-height: 2.6rem;
    background-color: var(--surface-a0);
    border: 1px solid var(--surface-a20);
    border-radius: 0.375rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

    .modern-tree-wrapper:focus-visible .lookup-trigger[b-kkutkzftrj], .lookup-trigger.open[b-kkutkzftrj] {
        border-color: var(--primary-200);
        box-shadow: 0 0 0 0.25rem var(--primary-100);
        background-color: var(--surface-a0);
    }

.lookup-text-wrapper[b-kkutkzftrj] {
    flex-grow: 1;
    overflow: hidden;
    margin-right: 1rem;
    font-size: 0.95rem;
}

.placeholder-text[b-kkutkzftrj] {
    color: var(--text-secondary);
    font-weight: 400;
}

.lookup-dropdown[b-kkutkzftrj] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    width: 100%;
    background: var(--surface-a0);
    border: 1px solid var(--surface-a25, #e9ecef);
    border-radius: 0.5rem;
    z-index: 1050;
    overflow: hidden;
    animation: slideDown-b-kkutkzftrj 0.15s ease-out;
}

.lookup-search-box[b-kkutkzftrj] {
    display: flex;
    align-items: center;
    padding: 0.6rem 1rem;
    background-color: var(--surface-a0);
    border-bottom: 1px solid var(--surface-a25, #e9ecef);
    position: sticky;
    top: 0;
    z-index: 2;
}

.lookup-search-input[b-kkutkzftrj] {
    border: none;
    background: transparent;
    outline: none;
    width: 100%;
    margin-left: 0.6rem;
    font-size: 0.95rem;
    color: var(--text-main);
}

.lookup-options-list[b-kkutkzftrj] {
    padding: 0.5rem;
    max-height: 400px;
    overflow-y: auto;
}

.tree-divider[b-kkutkzftrj] {
    display: flex;
    align-items: center;
    text-align: center;
    margin: .75rem;
    color: var(--text-muted);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

    .tree-divider hr[b-kkutkzftrj] {
        flex-grow: 1;
        border: none;
        border-top: 1px solid var(--surface-a25, #dee2e6);
        margin: 0 10px;
    }

.tree-group-card[b-kkutkzftrj] {
    background: var(--surface-a0);
    border: 1px solid var(--surface-a25, #dee2e6);
    border-radius: 0.5rem;
    margin-bottom: 0.75rem;
    box-shadow: 0 2px 5px rgba(0,0,0,0.02);
    overflow: hidden;
}

.tree-group-header[b-kkutkzftrj] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--surface-a10);
    background: var(--surface-a10);
    cursor: pointer;
    transition: background-color 0.1s;
}

    .tree-group-header:hover[b-kkutkzftrj] {
        background-color: var(--surface-a10);
    }

        .tree-group-header:hover .group-select-hint[b-kkutkzftrj] {
            opacity: 1;
        }

.group-select-hint[b-kkutkzftrj] {
    opacity: 0;
    transition: opacity 0.2s;
}

.tree-group-subtitle[b-kkutkzftrj] {
    font-size: 0.7rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 0.2rem;
}

.tree-group-title[b-kkutkzftrj] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--text-main);
}

.tree-items-container[b-kkutkzftrj] {
    padding: 0;
}

.tree-item[b-kkutkzftrj] {
    display: flex;
    align-items: center;
    padding: .25rem .75rem;
    cursor: pointer;
    transition: all 0.15s ease;
}

    .tree-item:hover[b-kkutkzftrj] {
        background-color: var(--surface-a10);
        border-left-color: var(--surface-a25, #ced4da);
    }

    .tree-item.selected[b-kkutkzftrj] {
        background-color: var(--primary-100, #f0f7ff);
        border-left-color: var(--primary-600, #0d6efd);
    }

.custom-checkbox[b-kkutkzftrj] {
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-text-a30);
    border-radius: 4px;
    margin-right: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s;
    flex-shrink: 0;
}

    .custom-checkbox i[b-kkutkzftrj] {
        color: var(--text-w-600);
        font-size: 0.65rem;
        opacity: 0;
        transform: scale(0.5);
        transition: all 0.2s ease;
    }

    .custom-checkbox.checked[b-kkutkzftrj] {
        background-color: var(--primary-600, #0d6efd);
        border-color: var(--primary-600, #0d6efd);
    }

        .custom-checkbox.checked i[b-kkutkzftrj] {
            opacity: 1;
            transform: scale(1);
        }

.item-icon[b-kkutkzftrj] {
    font-size: 0.9rem;
    color: var(--text-secondary);
    min-width:1.25rem;
}

.item-text[b-kkutkzftrj] {
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.tree-item.selected .item-text[b-kkutkzftrj] {
    color: var(--primary-600, #084298);
    font-weight: 600;
}

.lookup-empty[b-kkutkzftrj] {
    padding: 2rem 1rem;
    text-align: center;
    color: var(--text-secondary);
}

.lookup-backdrop[b-kkutkzftrj] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1040;
}

@keyframes slideDown-b-kkutkzftrj {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/UserAccessSettings.razor.rz.scp.css */
.settings-dashboard[b-vz8z8jo2up] {
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.table-container[b-vz8z8jo2up] {
    border: 1px solid var(--border-color);
    border-radius: 8px;
    scrollbar-width: thin;
}

.modern-grid[b-vz8z8jo2up] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .modern-grid th[b-vz8z8jo2up] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        padding: 12px 16px;
        border-bottom: 2px solid var(--border-color);
        position: sticky;
        top: 0;
        z-index: 10;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .modern-grid td[b-vz8z8jo2up] {
        padding: 4px 12px;
        border-bottom: 1px solid var(--surface-a10);
        color: var(--text-main);
        font-size: 0.8rem;
        vertical-align: middle;
    }

    .modern-grid tbody tr:hover td[b-vz8z8jo2up] {
        background-color: var(--surface-a10);
    }

.user-name[b-vz8z8jo2up] {
    font-weight: 500;
    color: var(--text-main);
}


[b-vz8z8jo2up] .action-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--primary-600);
    text-decoration: none;
    font-size: 0.85rem;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    [b-vz8z8jo2up] .action-link:hover {
        background-color: var(--primary-100);
        color: var(--color-danger-a0);
    }

[b-vz8z8jo2up] .icon {
    width: 14px;
    height: 14px;
    fill: currentColor; 
}

.sticky-col[b-vz8z8jo2up] {
    position: sticky;
    left: 0;
    background-color: var(--surface-a0);
    z-index: 1;
    border-right: 1px solid var(--surface-a25);
}
/* /Components/UserPresence.razor.rz.scp.css */
.status-bullet[b-eerubseglc] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    vertical-align: middle;
    margin-bottom: 2px;
}

.offline[b-eerubseglc] {
    opacity: .45;
    padding-bottom: 0 !important ;
}
/* /Components/VacationOverview.razor.rz.scp.css */
.vacation-dashboard[b-diqqjf3125] {
    font-family: system-ui, -apple-system, sans-serif;
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
}

.dashboard-header[b-diqqjf3125] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

    .dashboard-header h3[b-diqqjf3125] {
        margin: 0;
        color: var(--text-main); 
        font-size: 1.25rem;
    }

.year-switcher[b-diqqjf3125] {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--surface-a10); 
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid var(--border-color);
}

    .year-switcher .btn-icon[b-diqqjf3125] {
        background: none;
        border: none;
        cursor: pointer;
        color: var(--text-secondary);
        font-size: 1.1rem;
        padding: 0 4px;
    }

        .year-switcher .btn-icon:hover[b-diqqjf3125] {
            color: var(--text-main);
        }

.active-year[b-diqqjf3125] {
    font-weight: bold;
    font-size: .875rem;
    color: var(--text-main);
}

.table-container[b-diqqjf3125] {
    overflow-x: auto;
    border: 1px solid var(--border-color);
    border-radius: 8px;
}

.modern-grid[b-diqqjf3125] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    min-width: 900px;
}

    .modern-grid th[b-diqqjf3125] {
        background-color: var(--surface-a10); 
        color: var(--text-secondary); 
        font-weight: 600;
        font-size: 0.8rem;
        padding: 12px 16px;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

.month-group-header[b-diqqjf3125] {
    text-align: center;
    border-left: 2px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.month-col[b-diqqjf3125] {
    text-align: center;
    padding: 8px !important;
    min-width: 40px;
}

.border-bottom[b-diqqjf3125] {
    border-bottom: 2px solid var(--border-color);
}

.modern-grid td[b-diqqjf3125] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--surface-a10);
    color: var(--text-main);
    font-size: 0.8rem;
}

.modern-grid tbody tr:hover td[b-diqqjf3125] {
    background-color: var(--surface-a10);
}

.text-right[b-diqqjf3125] {
    text-align: right;
}

.user-name[b-diqqjf3125] {
    font-weight: 500;
    color: var(--text-main);
}

.highlight-cell[b-diqqjf3125] {
    font-weight: 700;
    color: var(--color-danger-a0);
}

.highlight-header[b-diqqjf3125] {
    color: var(--color-danger-a0);
}

.sticky-col[b-diqqjf3125] {
    position: sticky;
    left: 0;
    background-color: var(--surface-a0);
    z-index: 1;
    border-right: 1px solid var(--surface-a25);
}

.modern-grid thead .sticky-col[b-diqqjf3125] {
    background-color: var(--surface-a10);
}

.modern-grid tbody tr:hover .sticky-col[b-diqqjf3125] {
    background-color: var(--surface-a10);
}

.month-cell[b-diqqjf3125] {
    text-align: center;
    font-size: 0.85rem;
    border-left: 1px solid var(--surface-a10);
}

    .month-cell.empty-data[b-diqqjf3125] {
        color: var(--color-text-a30);
    }

    .month-cell.has-data[b-diqqjf3125] {
        background-color: var(--surface-a10) !important;
        color: var(--primary-600);
        font-weight: 600;
    }

.loading-state[b-diqqjf3125], .empty-state[b-diqqjf3125] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}
/* /Layout/BasicLayout.razor.rz.scp.css */
.footer[b-13dho5bkb2] {
    bottom: 0;
    width: 100%;
    background: var(--surface-a10);
    box-shadow: -2px -2px 4px 0px var(--border-color);
}
    .footer *[b-13dho5bkb2] {
        font-size: .875rem;
    }

.bottom-image[b-13dho5bkb2] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40vh;
    pointer-events: none;
    overflow: hidden;
    z-index: 0;
}

    .bottom-image img[b-13dho5bkb2] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(100%) opacity(0.33);
        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: cover;
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 100%);
        mask-repeat: no-repeat;
        mask-size: cover;
    }
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-cjjd08qxw6] {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--surface-a0);
}

main[b-cjjd08qxw6] {
    flex: 1;
    width: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
}


.top-row[b-cjjd08qxw6] {
    background-color: var(--surface-a0);
    justify-content: space-between;
    display: flex;
    align-items: center;
}

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

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

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

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

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

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

    .main-content[b-cjjd08qxw6] {
        max-height: calc(100vh - 4.25rem);
    }

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

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

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

    .top-row[b-cjjd08qxw6] {
        padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-cjjd08qxw6] {
    background: var(--color-warning-a80);
    color: var(--text-main);
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    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-cjjd08qxw6] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.img-profile-rounded[b-cjjd08qxw6] {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.announcement-top[b-cjjd08qxw6] {
    background: var(--secondary-600);
    color: var(--text-w-600);
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-top: .5rem;
    padding-bottom: .5rem;
    position: sticky;
    top: calc(3rem - 1px);
    z-index: 2;
}

.page-transition[b-cjjd08qxw6] {
    animation: fade-in-b-cjjd08qxw6 0.3s ease-in-out forwards;
}

@keyframes fade-in-b-cjjd08qxw6 {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }

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


.cajk-top-bar[b-cjjd08qxw6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 1rem;
    box-sizing: border-box;
}

.cajk-top-left[b-cjjd08qxw6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.cajk-top-subtitle[b-cjjd08qxw6] {
    font-size: 0.75rem;
    letter-spacing: 0.5px;
    opacity: 0.4;
    font-weight: 500;
    margin: 0 0 0 0.5rem;
}

.cajk-top-center[b-cjjd08qxw6] {
    flex-grow: 1;
    min-width: 0;
    max-width: 400px;
    margin: 0 1rem;
}

.cajk-top-right[b-cjjd08qxw6] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    gap: 0.25rem;
}

.cajk-top-profile[b-cjjd08qxw6] {
    margin: 0 0.5rem;
}

@media (max-width: 991.98px) {
    .cajk-top-subtitle[b-cjjd08qxw6] {
        display: none !important;
    }

    .cajk-top-center[b-cjjd08qxw6] {
        display: none !important;
    }

    .cajk-top-logout[b-cjjd08qxw6] {
        display: none !important;
    }

    .cajk-top-bar[b-cjjd08qxw6] {
        padding: 0 0.5rem;
    }

    /* Content area scrolls freely on mobile */
    .main-content[b-cjjd08qxw6] {
        max-height: none;
        overflow: auto;
    }
}

/* Reduce Bootstrap container padding on mobile */
@media (max-width: 575.98px) {
    .container-fluid[b-cjjd08qxw6], .container[b-cjjd08qxw6] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}
.theme-toggle-btn[b-cjjd08qxw6] {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

    .theme-toggle-btn:hover[b-cjjd08qxw6] {
        background-color: var(--surface-a10) !important;
    }
/* /Layout/NavMenu.razor.rz.scp.css */
.nav-item[b-ufwbxt9xuw] {
    font-size: 0.875rem;
    font-weight: 500;
    letter-spacing: 0.3px;
    margin: 0;
}

    .nav-item[b-ufwbxt9xuw]  .nav-link {
        margin: 0.15rem 0.5rem;
        width: calc(100% - 1rem);
        padding: 0.4rem 0.6rem;
        color: var(--text-400, #555);
        background: transparent;
        border: none;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        cursor: pointer;
    }

        .nav-item[b-ufwbxt9xuw]  .nav-link i {
            flex-shrink: 0;
            width: 1.25rem;
            text-align: center;
            margin-right: 0.5rem;
            opacity: 0.7;
        }

        .nav-item[b-ufwbxt9xuw]  .nav-link:hover i {
            opacity: 1;
        }

        .nav-item[b-ufwbxt9xuw]  .nav-link:not(.nav-link-sub):hover {
            color: var(--primary-600, #d93838);
            background-color: var(--surface-a10);
        }

    .nav-item[b-ufwbxt9xuw]  a.active {
        font-weight: 600;
        color: var(--primary-600, #d93838);
        background-color: var(--primary-100, #fcebeb);
    }

        .nav-item[b-ufwbxt9xuw]  a.active i {
            opacity: 1;
            color: var(--primary-600, #d93838);
        }

.nav-link-sub[b-ufwbxt9xuw] {
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    padding-bottom: 0.5rem;
    margin-bottom: 0.25rem;
}

    .nav-link-sub:hover[b-ufwbxt9xuw] {
        color: var(--text-600, #222);
    }

.menu-subheader[b-ufwbxt9xuw] {
    text-transform: uppercase;
    font-size: 0.65rem;
    letter-spacing: 0.75px;
    font-weight: 700;
    margin: 0;
    padding-left: 0.25rem;
    opacity: 0.6;
}

.sub-nav-menu[b-ufwbxt9xuw] {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows 0.3s ease, opacity 0.3s ease;
}

    .sub-nav-menu.shown[b-ufwbxt9xuw] {
        grid-template-rows: 1fr;
        opacity: 1;
    }

.sub-nav-menu-inner[b-ufwbxt9xuw] {
    overflow: hidden;
    margin-left: 0.75rem;
}

.hr-light[b-ufwbxt9xuw] {
    margin: .5rem 0;
    border-top: 1px solid var(--surface-a25);
}

[b-ufwbxt9xuw] .nav-link.disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.nav-link-coming-soon[b-ufwbxt9xuw] {
    opacity: 0.45;
    pointer-events: none;
    cursor: default;
}

.coming-soon-badge[b-ufwbxt9xuw] {
    margin-left: auto;
    font-size: 0.6rem;
    font-weight: 600;
    background: var(--primary-100);
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: var(--primary-600, #d93838);
    border: 1px solid currentColor;
    border-radius: 4px;
    padding: 1px 5px;
    line-height: 1.4;
    flex-shrink: 0;
}

.system-info[b-ufwbxt9xuw] {
    background-color: var(--surface-a10, #f8f9fa);
    margin: 0.75rem;
    padding: .75rem;
    border-radius: 4px;
    color: var(--color-text-a30, #6c757d);
}

    .system-info p[b-ufwbxt9xuw] {
        font-size: 0.7rem;
        letter-spacing: 0.2px;
    }

.nav-scrollable[b-ufwbxt9xuw] {
    display: flex;
    flex-direction: column;
    border-right: 1px solid var(--surface-a25);
    height: calc(100vh - 4.25rem);
    overflow-y: auto;
    overflow-x: hidden;
    background-color: var(--surface-a0);
    z-index: 100;
    min-width: 280px;
    width: 280px;
    transition: min-width 0.3s ease, width 0.3s ease, transform 0.3s ease;
}

/* Narrower sidebar on smaller desktop screens */
@media (min-width: 992px) and (max-width: 1599px) {
    .nav-scrollable:not(.minimized)[b-ufwbxt9xuw] {
        min-width: 235px;
        width: 235px;
    }
}
@media (min-width: 992px) and (max-width: 1399px) {
    .nav-scrollable:not(.minimized)[b-ufwbxt9xuw] {
        min-width: 215px;
        width: 215px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .nav-scrollable:not(.minimized)[b-ufwbxt9xuw] {
        min-width: 195px;
        width: 195px;
    }
}

@media (min-width: 992px) {
    .mobile-toggler[b-ufwbxt9xuw] {
        display: none !important;
    }

    .sidebar-backdrop[b-ufwbxt9xuw] {
        display: none !important;
    }

    .nav-scrollable.minimized[b-ufwbxt9xuw] {
        min-width: 70px;
        width: 70px;
    }

        .nav-scrollable.minimized .nav-text[b-ufwbxt9xuw],
        .nav-scrollable.minimized .system-info[b-ufwbxt9xuw] {
            display: none !important;
        }

        .nav-scrollable.minimized .nav-item[b-ufwbxt9xuw] {
            display: flex;
            justify-content: center;
            width: 100%;
            margin-bottom: 0.35rem;
        }

            .nav-scrollable.minimized .nav-item[b-ufwbxt9xuw]  .nav-link {
                justify-content: center;
                padding: 0;
                margin: 0;
                width: 40px;
                height: 40px;
                border-radius: 8px;
            }

                .nav-scrollable.minimized .nav-item[b-ufwbxt9xuw]  .nav-link i {
                    margin: 0 !important;
                    font-size: 1.25rem;
                    width: 100%;
                    text-align: center;
                    line-height: 40px;
                }

        .nav-scrollable.minimized .nav-link-sub[b-ufwbxt9xuw] {
            display: none !important;
        }

        .nav-scrollable.minimized .sub-nav-menu[b-ufwbxt9xuw] {
            grid-template-rows: 1fr !important;
            opacity: 1 !important;
        }

        .nav-scrollable.minimized .sub-nav-menu-inner[b-ufwbxt9xuw] {
            margin-left: 0;
            padding-left: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .nav-scrollable.minimized .hr-light[b-ufwbxt9xuw] {
            margin: 1rem auto;
            width: 40px;
        }

        .nav-scrollable.minimized .bottom-links[b-ufwbxt9xuw] {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 100%;
        }
}

@media (max-width: 991.98px) {
    .desktop-only[b-ufwbxt9xuw] {
        display: none !important;
    }

    .mobile-toggler[b-ufwbxt9xuw] {
        position: fixed !important;
        top: 0.85rem !important;
        left: 0.5rem !important;
        width: 2.5rem !important;
        height: 2.5rem !important;
        background-color: transparent !important;
        border: 1px solid rgba(0,0,0,0.1) !important;
        border-radius: 6px !important;
        color: rgba(0, 0, 0, 0.55) !important;
        font-size: 1.2rem !important;
        z-index: 1060 !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .nav-scrollable[b-ufwbxt9xuw] {
        position: fixed !important;
        top: 4.25rem !important;
        left: 0 !important;
        height: calc(100vh - 4.25rem) !important;
        width: 280px !important;
        min-width: 280px !important;
        transform: translateX(-100%) !important;
        box-shadow: 2px 0 12px rgba(0,0,0,0.15) !important;
        z-index: 1050 !important;
    }

        .nav-scrollable.mobile-open[b-ufwbxt9xuw] {
            transform: translateX(0) !important;
        }

    .sidebar-backdrop[b-ufwbxt9xuw] {
        position: fixed !important;
        top: 4.25rem !important;
        left: 0 !important;
        width: 100vw !important;
        height: calc(100vh - 4.25rem) !important;
        background-color: rgba(0,0,0,0.4) !important;
        z-index: 1040 !important;
    }
}
/* /Pages/Accountant.razor.rz.scp.css */
.modern-card[b-p7dtsdwo92] {
    background: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease-in-out;
}

    .modern-card:hover[b-p7dtsdwo92] {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    }
/* /Pages/AdressBook.razor.rz.scp.css */

.text-truncate[b-mk7w1vrf7c] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.span-badge[b-mk7w1vrf7c] {
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}

.loading-active[b-mk7w1vrf7c] {
    height: 4px;
    background: linear-gradient(to right, var(--surface-a10) 20%, #d1232a 50%, var(--surface-a10) 80%);
    background-size: 200% auto;
    animation: loading-b-mk7w1vrf7c 1.5s infinite linear;
    border-radius: 2px;
}

@keyframes loading-b-mk7w1vrf7c {
    0% {
        background-position: 200% center;
    }

    100% {
        background-position: -200% center;
    }
}
/* /Pages/BusinessSummary.razor.rz.scp.css */
body[b-i185c1ui77] {
}
/* /Pages/CapacityPlanning.razor.rz.scp.css */
.cap-outer[b-ejmtkfhc92] {
    overflow: hidden;
}

.cap-scroll[b-ejmtkfhc92] {
    overflow: auto;
    max-height: calc(100vh - 132px);
    scroll-behavior: smooth;
}

.cap-table[b-ejmtkfhc92] {
    border-collapse: collapse;
    table-layout: fixed;
    min-width: max-content;
}

.cap-sticky-h[b-ejmtkfhc92] {
    position: sticky;
    background: var(--surface-a10);
}

.cap-sticky-c[b-ejmtkfhc92] {
    position: sticky;
    left: 0;
    background: var(--surface-a0);
    box-shadow: 2px 0 6px rgba(0,0,0,.06);
}

thead .cap-sticky-c[b-ejmtkfhc92] {
    background: var(--surface-a10);
}

.cap-user-th[b-ejmtkfhc92] {
    min-width: 180px;
    width: 180px;
}

.month-th[b-ejmtkfhc92] {
    text-align: center;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .1em;
    color: var(--text-secondary);
    padding: 5px 0 4px;
    height: 24px;
    white-space: nowrap;
}

.week-th[b-ejmtkfhc92] {
    text-align: center;
    font-size: .58rem;
    font-weight: 600;
    color: var(--text-muted);
    padding: 2px 1px;
    height: 20px;
    white-space: nowrap;
}

.day-th[b-ejmtkfhc92] {
    min-width: 28px;
    width: 28px;
    padding: 2px 1px;
    text-align: center;
    border-bottom: 2px solid var(--border-color);
}

    .day-th.today-th[b-ejmtkfhc92] {
        background: rgba(196, 22, 28, .06) !important;
        border-bottom: 2px solid var(--color-primary-a0) !important;
    }

.day-th-inner[b-ejmtkfhc92] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1px;
}

.dnum[b-ejmtkfhc92] {
    font-size: .68rem;
    font-weight: 600;
    color: var(--text-secondary);
    line-height: 1;
}

    .dnum.today-num[b-ejmtkfhc92] {
        background: var(--color-primary-a0);
        color: #fff;
        border-radius: 50%;
        width: 18px;
        height: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: .6rem;
    }

.dname[b-ejmtkfhc92] {
    font-size: .52rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: .03em;
}

.month-sep-right[b-ejmtkfhc92] {
    border-right: 2px solid var(--border-color) !important;
}

.cap-user-td[b-ejmtkfhc92] {
    padding: 2px 8px;
    border-bottom: 1px solid var(--border-color);
    min-width: 180px;
    width: 180px;
    white-space: nowrap;
}

.cap-user-inner[b-ejmtkfhc92] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.cap-avatar[b-ejmtkfhc92] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}

.cap-avatar-ini[b-ejmtkfhc92] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--color-primary-a0), var(--accent-primary-hover));
    color: #fff;
    font-size: .6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cap-uname[b-ejmtkfhc92] {
    font-size: .75rem;
    font-weight: 500;
    color: var(--text-main);
    overflow: hidden;
    text-overflow: ellipsis;
}

.cap-day-td[b-ejmtkfhc92] {
    min-width: 28px;
    width: 28px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid var(--border-color);
    border-right: 1px solid var(--border-color);
}

    .cap-day-td.today-td[b-ejmtkfhc92] {
        background: rgba(196, 22, 28, .04) !important;
    }

    .cap-day-td.has-evt[b-ejmtkfhc92] {
        cursor: pointer;
    }

        .cap-day-td.has-evt:hover[b-ejmtkfhc92] {
            filter: brightness(1.1);
            outline: 1.5px solid rgba(196, 22, 28, .6);
            outline-offset: -1.5px;
            position: relative;
            z-index: 1;
        }

.cap-hours[b-ejmtkfhc92] {
    font-size: .6rem;
    font-weight: 700;
    line-height: 1;
    display: block;
}

.cap-no-ms-row[b-ejmtkfhc92] {
    padding: 0;
    height: 28px;
    border-bottom: 1px solid var(--border-color);
    background: var(--surface-a25);
    opacity: .6;
    overflow: visible;
}

.cap-no-ms-label[b-ejmtkfhc92] {
    position: sticky;
    left: 190px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    font-size: .63rem;
    color: var(--color-text-a30);
    white-space: nowrap;
    pointer-events: none;
    font-style: italic;
}

.cap-summary[b-ejmtkfhc92] {
    padding: 16px 20px 20px;
    border-top: 2px solid var(--border-color);
    background: var(--surface-a10);
}

.cap-summary-table-wrap[b-ejmtkfhc92] {
    max-height: 280px;
    overflow-y: auto;
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background: var(--surface-a0);
}

.cap-backdrop[b-ejmtkfhc92] {
    position: fixed;
    inset: 0;
    z-index: 999;
    background: rgba(0,0,0,.15);
}

.cap-popup[b-ejmtkfhc92] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
    background: var(--surface-a0);
    border-radius: 12px;
    box-shadow: 0 8px 40px rgba(0,0,0,.18);
    min-width: 320px;
    max-width: 480px;
    width: 90vw;
    overflow: hidden;
}

.cap-popup-header[b-ejmtkfhc92] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px 16px 10px;
    border-bottom: 1px solid var(--border-color);
}

.cap-popup-body[b-ejmtkfhc92] {
    padding: 12px 16px 14px;
    max-height: 60vh;
    overflow-y: auto;
}

.cap-evt-row[b-ejmtkfhc92] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 0;
    border-bottom: 1px solid var(--border-color);
}

    .cap-evt-row:last-of-type[b-ejmtkfhc92] {
        border-bottom: none;
    }

.cap-evt-code[b-ejmtkfhc92] {
    font-size: .68rem;
    font-weight: 700;
    color: #fff;
    padding: 2px 6px;
    border-radius: 4px;
    white-space: nowrap;
    flex-shrink: 0;
    margin-top: 1px;
}

.cap-evt-info[b-ejmtkfhc92] {
    flex: 1;
    min-width: 0;
}

.cap-evt-title[b-ejmtkfhc92] {
    font-size: .8rem;
    font-weight: 500;
    color: var(--text-main);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cap-evt-time[b-ejmtkfhc92] {
    font-size: .72rem;
    color: var(--text-secondary);
    margin-top: 1px;
}

.cap-popup-total[b-ejmtkfhc92] {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid var(--border-color);
    font-size: .8rem;
    color: var(--text-secondary);
    text-align: right;
}
/* /Pages/ClientsManagement.razor.rz.scp.css */
.btn-chevron[b-a2nh3t0fmy] {
    cursor: pointer;
    width: min-content;
}

[b-a2nh3t0fmy] .nav-tab-h {
    font-size: .875rem;
}

.tool-panel[b-a2nh3t0fmy] {
    padding-bottom: .5rem;
    padding-top: .5rem;
    border-bottom: 1px solid var(--surface-a20);
    border-top: 1px solid var(--surface-a20);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.textarea-wrapper[b-a2nh3t0fmy] {
    min-height: 250px;
}

    .textarea-wrapper label[b-a2nh3t0fmy] {
        position: absolute;
        top: .5rem;
        left: .75rem;
    }

    .textarea-wrapper textarea[b-a2nh3t0fmy] {
        padding-top: 1.75rem;
        min-height: 250px;
    }

.label-sm[b-a2nh3t0fmy] {
    font-size: .75rem;
    font-weight: 800;
    color: var(--secondary-600);
    letter-spacing: .25px;
}

.history-wrapper[b-a2nh3t0fmy] {
    display: grid;
    grid-template-columns: 24px 1fr 1.5fr 1fr 2fr 2fr;
    grid-column-gap: 6px;
    grid-row-gap: .5rem;
}

    .history-wrapper label[b-a2nh3t0fmy] {
        font-size: .75rem;
    }

    .history-wrapper .fa-sm[b-a2nh3t0fmy] {
        line-height: 1rem;
    }

    .history-wrapper .user[b-a2nh3t0fmy] {
        font-weight: 600;
    }

    .history-wrapper .badge[b-a2nh3t0fmy] {
        height: min-content;
    }

.line[b-a2nh3t0fmy] {
    grid-column: 1 / -1;
    height: 1px;
    background: var(--primary-200);
}

.side-hidden[b-a2nh3t0fmy] {
    position: absolute;
    transform: translate(0%, 0%);
    animation: hide-menu-b-a2nh3t0fmy .25s forwards;
}

@keyframes hide-menu-b-a2nh3t0fmy {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-100%, 0%);
        z-index:-1;
    }
}


.history-wrapper[b-a2nh3t0fmy] {
    display: grid;
    grid-template-columns: 30px 100px 150px 150px 1fr 1fr;
    gap: 10px;
    align-items: center;
}

    .history-wrapper .line[b-a2nh3t0fmy] {
        grid-column: 1 / -1;
        height: 1px;
        background: var(--surface-a20);
        margin: 10px 0;
    }


.custom-resizable-wrapper[b-a2nh3t0fmy] {
    min-height: 150px;
    resize: vertical;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .custom-resizable-wrapper textarea[b-a2nh3t0fmy]::-webkit-scrollbar-track {
        background: transparent;
        margin-bottom: 15px;
    }

.search-wrapper-unified[b-a2nh3t0fmy] {
    border: 1.5px;
}

.search-wrapper-unified .input-group-text[b-a2nh3t0fmy],
.search-wrapper-unified .form-control[b-a2nh3t0fmy] {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

    .search-wrapper-unified:focus-within[b-a2nh3t0fmy] {
        box-shadow: 0 0 0 0.25rem rgba(196, 22, 28, 0.25);
        border: 1.5px dashed var(--primary-600);
        background-color: var(--primary-100);
        border-radius: var(--bs-border-radius);
    }

.client-grid[b-a2nh3t0fmy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1.5rem;
    align-content: start;
}

    .client-grid > div:not(.client-grid-item)[b-a2nh3t0fmy] {
        grid-column: 1 / -1;
    }

.editable-heading[b-a2nh3t0fmy] {
    border-bottom: 2px dashed var(--border-color) !important;
    border-radius: 0 !important;
}

.validation-summary-valid[b-a2nh3t0fmy] {
    display: none !important;
}

.validation-message[b-a2nh3t0fmy], .validation-summary-errors[b-a2nh3t0fmy] {
    color: inherit !important;
}
/* /Pages/CyberneticSecurity.razor.rz.scp.css */
body[b-pc775991fy] {
}
/* /Pages/Employees.razor.rz.scp.css */
/* /Pages/Home.razor.rz.scp.css */
section[b-kwrbkmya65] {
    border-bottom: 1px solid var(--surface-a20);
}

.img-profile-picture-large[b-kwrbkmya65] {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: 0px -40px;
    border-radius: 12px 12px 0 0;
}

.img-ann[b-kwrbkmya65] {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid var(--surface-a20);
}

.announcement-card[b-kwrbkmya65] {
    border-radius: .25rem;
    border: 1px solid var(--surface-a20);
    background-color: var(--surface-a10);
    padding: 1rem;
}

.col-inner[b-kwrbkmya65] {
    display: flex;
    flex-direction: column;
}

.active-user[b-kwrbkmya65] {
    display: flex;
    justify-content: space-between;
}

    .active-user .bullet[b-kwrbkmya65] {
        width: .675rem;
        height: .675rem;
        margin-right: .5rem;
        background: var(--secondary-600);
        border-radius: 50%;
    }



.dashboard-wrapper[b-kwrbkmya65] {
    background-color: var(--bg-page);
    min-height: 100vh;
}

section[b-kwrbkmya65] {
    border-bottom: none;
}



.img-profile-picture-large[b-kwrbkmya65] {
    height: 280px;
    width: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 12px 12px 0 0; 
}

.project-details[b-kwrbkmya65] {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.status-dot[b-kwrbkmya65] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--secondary-600, #e11d48);
    margin-right: 12px;
    display: inline-block;
}

.project-hours[b-kwrbkmya65] {
    background: var(--surface-a10);
    padding: 0.25rem 0.75rem;
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

.hours-number[b-kwrbkmya65] {
    font-weight: 700;
    font-size: 1.05rem;
}

.hours-label[b-kwrbkmya65] {
    color: var(--text-secondary);
    font-size: 0.8rem;
    margin-left: 4px;
}

.announcement-card[b-kwrbkmya65] {
    border-radius: 8px;
    border: 1px solid var(--border-color);
    background-color: var(--surface-a10);
    padding: 1.25rem;
}

.active-user[b-kwrbkmya65] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hover-prim:hover[b-kwrbkmya65] {
    color: var(--secondary-600, #e11d48) !important;
    transition: color 0.2s;
}

/* /Pages/InvoicingManagement.razor.rz.scp.css */
body[b-a9fmi40qz7] {
}
/* /Pages/MonthlyReport.razor.rz.scp.css */
.stat-card[b-kn502ole7g] {
    transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

    .stat-card:hover[b-kn502ole7g] {
        transform: translateY(-3px);
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
    }

.btn-prim[b-kn502ole7g] {
    background-color: var(--primary-600);
    color: var(--text-w-600);
    border: none;
    transition: background-color 0.2s ease;
}

    .btn-prim:hover:not(:disabled)[b-kn502ole7g] {
        background-color: #a31217;
        color: var(--text-w-600);
    }

    .btn-prim:disabled[b-kn502ole7g] {
        background-color: var(--primary-400);
        cursor: not-allowed;
    }

.text-primary[b-kn502ole7g] {
    color: var(--primary-600) !important;
}

.bg-primary[b-kn502ole7g] {
    background-color: var(--primary-600) !important;
}

.dash-card[b-kn502ole7g] {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid rgba(0,0,0,0.05) !important;
}

    .dash-card:hover[b-kn502ole7g] {
        transform: translateY(-2px);
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.08) !important;
    }

.icon-shape[b-kn502ole7g] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: 1.25rem;
}

.custom-table th[b-kn502ole7g] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 700;
    border-bottom: 2px solid rgba(0,0,0,0.05);
}

.custom-table td[b-kn502ole7g] {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid rgba(0,0,0,0.03);
}

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

.custom-table tbody tr[b-kn502ole7g] {
    transition: background-color 0.15s ease;
}

    .custom-table tbody tr:hover[b-kn502ole7g] {
        background-color: rgba(0,0,0,0.015);
    }

.progress[b-kn502ole7g] {
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
}

.text-brand-red[b-kn502ole7g] {
    color: var(--color-danger-a0);
}

.bg-brand-red-light[b-kn502ole7g] {
    background-color: rgba(198, 40, 40, 0.1);
    color: var(--color-danger-a0);
}
/* /Pages/ProjectsManagement.razor.rz.scp.css */
.td-client[b-uai1pi9t1m] {
    font-weight: 600;
}

.span-badge[b-uai1pi9t1m] {
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
}

.modern-table[b-uai1pi9t1m] {
    table-layout: auto !important;
    min-width: 1700px !important;
}

    .modern-table thead th[b-uai1pi9t1m] {
        border-bottom: 2px solid var(--border-color) !important;
        box-shadow: none !important;
        padding-bottom: 12px !important;
    }

    .modern-table th[b-uai1pi9t1m],
    .modern-table td[b-uai1pi9t1m] {
        white-space: nowrap !important;
    }

        .modern-table td:nth-child(2)[b-uai1pi9t1m] {
            white-space: normal !important;
            min-width: 200px;
        }

    .modern-table thead th[b-uai1pi9t1m] {
        background: var(--surface-a10) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

.filter-label[b-uai1pi9t1m] {
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--text-secondary);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding-top: 8px;
}

.filter-col[b-uai1pi9t1m] {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--border-color);
    min-width: 0;
}

.btn-cc-outline[b-uai1pi9t1m] {
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: 0.85rem;
    height: 38px;
    padding: 0 10px;
    border-radius: 4px;
}

.custom-input-trigger[b-uai1pi9t1m] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--text-main);
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .custom-input-trigger:hover[b-uai1pi9t1m] {
        border-color: var(--border-color) !important;
    }

.custom-date-trigger[b-uai1pi9t1m] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: .84rem;
    max-height: 2.4em;
}

/* /Pages/Reporting.razor.rz.scp.css */
.data-visualization-wrapper[b-y0q88eabre] {
    position: relative;
    margin-top: 0.5rem;
    border: 1px solid var(--surface-a20);
}

.chart-wrapper[b-y0q88eabre] {
    position: absolute;
    width: 100%;
    padding: 1rem;
}

.info-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-evenly;
    background: var(--surface-a20);
    padding: 1.5rem 0;
}

.hour-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: row;
    padding: 0.5rem 1rem;
    align-items: center;
    box-shadow: 2px 2px 4px 0 #474747;
    background: #373737;
    color: var(--text-w-600);
    font-size: 0.75rem;
}

.inner-options-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    background: var(--surface-a10);
    padding: 0.5rem;
    border: 1px solid var(--surface-a20);
}

.inner-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: column;
    justify-content: left;
    max-width: 350px;
    border-right: 1px solid var(--surface-a20);
    padding-right: 0.5rem;
}

.tab-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    padding-bottom: 0;
}

.tab[b-y0q88eabre] {
    padding: 0.5rem 1rem;
    background: var(--surface-a20);
    cursor: pointer;
}

    .tab:hover[b-y0q88eabre] {
        transition: 0.235s ease-out;
        background: var(--primary-200);
        color: var(--primary-600);
    }

.tab-selected[b-y0q88eabre] {
    color: var(--text-w-600);
    background: var(--primary-600);
    font-weight: bold;
}

.th-th:hover[b-y0q88eabre] {
    color: var(--text-w-600);
    cursor: pointer;
}

#month-filter-wrapper[b-y0q88eabre] {
    position: relative;
}

    #month-filter-wrapper:hover > #month-wrapper[b-y0q88eabre] {
        display: flex;
    }

#month-wrapper[b-y0q88eabre] {
    display: none;
    box-shadow: 1px 2px 5px 0 gray;
    padding: 1rem;
    background: var(--surface-a0);
    z-index: 2;
    flex-direction: column;
    position: absolute;
}

    #month-wrapper:hover[b-y0q88eabre] {
        display: flex;
    }

.month-div[b-y0q88eabre] {
    cursor: pointer;
    padding: 4px 10px;
    background: var(--surface-a0);
    border-radius: 5px;
    border: 1px solid gray;
    margin-top: 0.5rem;
}

    .month-div:hover[b-y0q88eabre] {
        font-weight: bold;
        color: var(--text-w-600);
        background: var(--primary-600);
    }

.type-wrapper[b-y0q88eabre] {
    display: flex;
    align-items: end;
    flex-direction: row;
    border-radius: 5px 0 0 5px;
    width: min-content;
}

.type-header[b-y0q88eabre] {
    width: 10rem;
    height: 3.5rem;
    color: var(--text-w-600);
    background: #373737;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.type-div[b-y0q88eabre] {
    width: 7rem;
    height: 3.5rem;
    padding: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 300;
    background: var(--surface-a10);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: 0.235s ease-out;
    color: var(--text-secondary);
}

    .type-div:not(.type-selected):hover[b-y0q88eabre] {
        background: var(--primary-200);
        color: var(--primary-600);
    }

.type-selected[b-y0q88eabre] {
    color: var(--text-w-600);
    font-weight: 700;
    background: var(--primary-600);
    z-index: 2;
}

.top-row-wrapper[b-y0q88eabre] {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}

.header-container[b-y0q88eabre] {
    background: var(--surface-a10);
    color: var(--color-text);
    padding: 0.5rem 1rem;
}

.info-container[b-y0q88eabre] {
    border: 1px solid var(--border-color);
    padding: 1rem 0.25rem;
    margin-top: 1rem;
}

.header-statistics[b-y0q88eabre] {
    text-align: center;
    justify-content: center;
    font-weight: bold;
    background: var(--primary-600);
    color: var(--text-w-600);
    align-items: center;
    margin-top: 1rem;
    height: 2rem;
    display: flex;
    border-radius: 0.5rem;
}

.tableHead > th[b-y0q88eabre] {
    background: var(--surface-a0);
}

.table-sm[b-y0q88eabre] {
    font-size: 0.875rem;
}

.table-wrapper[b-y0q88eabre] {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.th-vertical[b-y0q88eabre] {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.table-wrapper-sm[b-y0q88eabre] {
    overflow-x: auto;
}

.h-subheader[b-y0q88eabre] {
    text-transform: uppercase;
    font-weight: 300;
}

.tab-div[b-y0q88eabre] {
    border-left: 1px solid var(--border-color);
    padding-left: 1rem;
}

.menu-dropdown[b-y0q88eabre] {
    position: absolute;
    visibility: collapse;
    bottom: 0;
    transform: translateY(100%) translateX(calc(50% - 2rem));
    right: 0;
    z-index: 5;
    background: #373737;
}

.menu-dropdown-visible[b-y0q88eabre] {
    visibility: visible;
}

.menu-expand[b-y0q88eabre] {
    width: 4rem;
    position: relative;
}

.entry-wrapper[b-y0q88eabre] {
    overflow-y: auto;
    max-height: 325px;
}

th[b-y0q88eabre] {
    background: var(--surface-a10);
    color: var(--text-main);
    transition: all 0.3s ease-out;
    cursor: pointer;
}

    th:hover[b-y0q88eabre] {
        background: var(--primary-600);
        color: var(--text-w-600);
    }

.filter-bar-grid[b-y0q88eabre] {
    display: grid;
    grid-template-columns: repeat(7, 1fr) auto;
    align-items: end;
    width: 100%;
    background-color: var(--surface-a10);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 10px 0;
}

.filter-col[b-y0q88eabre] {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    padding-right: 8px;
    border-right: 1px solid var(--border-color);
    min-width: 0;
}

.filter-label[b-y0q88eabre] {
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--text-secondary);
    text-transform: uppercase;
    margin-bottom: 6px;
    white-space: nowrap;
}

.filter-actions[b-y0q88eabre] {
    display: flex;
    padding-right: 8px;
    padding-bottom: 8px;
}

.btn-cc-red[b-y0q88eabre] {
    background-color: var(--primary-600);
    color: var(--text-w-600);
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.85rem;
    height: 38px;
    padding: 0 15px;
    border-radius: 4px;
}

    .btn-cc-red:hover[b-y0q88eabre] {
        background-color: var(--secondary-600);
    }

.btn-cc-outline[b-y0q88eabre] {
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    color: var(--text-secondary);
    text-transform: uppercase;
    font-size: 0.85rem;
    height: 38px;
    padding: 0 10px;
    border-radius: 4px;
}

.group-btn-wrapper[b-y0q88eabre] {
    display: flex;
    height: 100%;
}

.btn-group-nav[b-y0q88eabre] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    text-transform: uppercase;
    padding: 0 25px;
    height: 60px;
    transition: all 0.2s;
    border-right: 1px solid var(--border-color);
}

    .btn-group-nav:hover[b-y0q88eabre] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    .btn-group-nav.active[b-y0q88eabre] {
        font-weight: 600;
        background-color: var(--primary-600);
        color: var(--text-w-600);
    }

.summary-bar[b-y0q88eabre] {
    background-color: var(--surface-a10);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    min-height: 56px;
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}

.stat-item[b-y0q88eabre] {
    font-size: 0.95rem;
}

.stat-value[b-y0q88eabre] {
    font-weight: 700;
    color: var(--text-main);
}

.vertical-divider[b-y0q88eabre] {
    width: 1px;
    height: 24px;
    background-color: var(--surface-a20);
    margin: 0 20px;
}

.table-card[b-y0q88eabre] {
    background: var(--surface-a0);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color);
    margin-bottom: 2rem;
    display: block;
    overflow: hidden;
}

.table-scroller[b-y0q88eabre] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: #ced4da transparent;
}

    .table-scroller[b-y0q88eabre]::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .table-scroller[b-y0q88eabre]::-webkit-scrollbar-track {
        background: transparent;
    }

    .table-scroller[b-y0q88eabre]::-webkit-scrollbar-thumb {
        background: var(--surface-a20);
        border-radius: 4px;
    }

        .table-scroller[b-y0q88eabre]::-webkit-scrollbar-thumb:hover {
            background: var(--color-text-a30);
        }

.modern-table[b-y0q88eabre] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 0;
    font-size: 0.75rem;
    color: var(--text-main);
}

    .modern-table th[b-y0q88eabre],
    .modern-table td[b-y0q88eabre] {
        padding: 8px 12px;
        white-space: normal;
        word-wrap: break-word;
        vertical-align: top;
    }

    .modern-table thead th[b-y0q88eabre] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        padding: 8px 10px;
        border-top: none;
        position: sticky;
        top: 0;
        box-shadow: 0 1px 0 var(--border-color);
    }

    .modern-table td[b-y0q88eabre] {
        vertical-align: middle !important;
    }

    .modern-table thead th[style*="cursor: pointer"]:hover[b-y0q88eabre] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    .modern-table tbody tr[b-y0q88eabre] {
        background-color: var(--surface-a0);
        transition: background-color 0.2s ease;
    }

        .modern-table tbody tr:hover[b-y0q88eabre] {
            background-color: var(--surface-a10) !important;
        }

    .modern-table tbody td[b-y0q88eabre] {
        border-bottom: 1px solid var(--surface-a10);
    }

    .modern-table tbody tr:last-child td[b-y0q88eabre] {
        border-bottom: none;
    }

    .modern-table .text-end[b-y0q88eabre] {
        font-variant-numeric: tabular-nums;
        font-family: inherit;
    }

.fw-bold-dark[b-y0q88eabre] {
    color: var(--text-main);
    font-weight: 600;
}

.separator-col[b-y0q88eabre] {
    width: 2px !important;
    padding: 0 !important;
    background-color: var(--surface-a20);
    border: none !important;
}

.modern-table thead .table-group-header th[b-y0q88eabre] {
    top: 0;
    font-size: 0.8rem;
    padding-top: 8px;
    padding-bottom: 8px;
}

.modern-table thead tr:nth-child(2) th[b-y0q88eabre] {
    top: 38px;
}

.pagination-footer[b-y0q88eabre] {
    background-color: var(--surface-a0);
    border-top: 1px solid var(--border-color);
    padding: 10px 20px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.pagination-select[b-y0q88eabre] {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 4px 8px;
    font-size: 0.85rem;
    color: var(--text-main);
    cursor: pointer;
    background-color: var(--surface-a0);
    outline: none;
}

    .pagination-select:focus[b-y0q88eabre] {
        border-color: var(--border-color);
    }

.pagination-input[b-y0q88eabre] {
    width: 40px;
    text-align: center;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 4px;
    font-size: 0.85rem;
    margin-right: 5px;
}

    .pagination-input:focus[b-y0q88eabre] {
        border-color: #dc3545;
        outline: none;
    }

.btn-nav[b-y0q88eabre] {
    background: transparent;
    border: none;
    color: var(--text-secondary);
    padding: 4px 8px;
    font-size: 0.85rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: color 0.2s ease;
}

    .btn-nav:hover:not(:disabled)[b-y0q88eabre] {
        color: #dc3545;
        background-color: var(--surface-a10);
        border-radius: 4px;
    }

    .btn-nav:disabled[b-y0q88eabre] {
        color: var(--surface-a20);
        cursor: default;
    }

    .btn-nav i[b-y0q88eabre] {
        font-size: 0.9rem;
    }

.group-tab[b-y0q88eabre] {
    background-color: var(--surface-a0) !important;
    color: var(--text-secondary);
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-top: 3px solid #6c757d;
    border-left: 1px solid var(--surface-a10);
    border-right: 1px solid var(--surface-a10);
    border-bottom: 1px solid var(--border-color);
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle !important;
}

.tab-bilabilita[b-y0q88eabre] {
    border-top-color: var(--text-secondary);
}

.tab-utilizace[b-y0q88eabre] {
    border-top-color: var(--border-color);
}

.group-spacer[b-y0q88eabre] {
    background-color: var(--surface-a0) !important;
    border: none !important;
}

.search-wrapper[b-y0q88eabre] {
    position: relative;
}

.search-input[b-y0q88eabre] {
    width: 100%;
    padding: 3px 12px 3px 35px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    font-size: 0.85rem;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    .search-input:focus[b-y0q88eabre] {
        border-color: var(--border-color);
        outline: none;
        box-shadow: 0 0 0 3px rgba(0,0,0,0.05);
    }

.search-icon[b-y0q88eabre] {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 0.9rem;
    pointer-events: none;
}

.custom-input-trigger[b-y0q88eabre] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--text-main);
    cursor: pointer;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .custom-input-trigger:hover[b-y0q88eabre] {
        border-color: var(--border-color) !important;
    }

.custom-date-trigger[b-y0q88eabre] {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 0.84rem;
    max-height: 2.4em;
}

.custom-pills .nav-link[b-y0q88eabre] {
    color: var(--text-secondary);
    font-weight: 600;
    font-size: 0.9rem;
    padding: 6px 16px;
    border-radius: 0.5rem;
    transition: all 0.2s ease-in-out;
}

    .custom-pills .nav-link:hover[b-y0q88eabre] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    .custom-pills .nav-link.active[b-y0q88eabre] {
        background-color: #dc3545;
        color: var(--text-w-600) !important;
    }

.modern-btn-group[b-y0q88eabre] {
    display: flex;
    background-color: var(--surface-a0);
    border: 1px solid var(--border-color);
    border-radius: 6px;
    overflow: hidden;
}

.btn-modern-ghost[b-y0q88eabre] {
    background-color: transparent;
    border: none;
    color: var(--text-secondary);
    font-weight: 500;
    padding: 8px 16px;
    transition: all 0.2s ease;
    border-right: 1px solid var(--border-color);
}

    .btn-modern-ghost:last-child[b-y0q88eabre] {
        border-right: none;
    }

    .btn-modern-ghost:hover[b-y0q88eabre] {
        background-color: var(--surface-a10);
        color: #dc3545;
    }

    .btn-modern-ghost:active[b-y0q88eabre] {
        background-color: var(--surface-a20);
    }

.btn-modern-primary[b-y0q88eabre] {
    background-color: #dc3545;
    color: var(--text-w-600);
    border: none;
    border-radius: 6px;
    font-weight: 500;
    padding: 8px 24px;
    box-shadow: 0 2px 4px rgba(220, 53, 69, 0.25);
    transition: all 0.2s ease;
}

    .btn-modern-primary:hover[b-y0q88eabre] {
        background-color: #bb2d3b;
        color: var(--text-w-600);
        transform: translateY(-1px);
        box-shadow: 0 4px 6px rgba(220, 53, 69, 0.3);
    }

    .btn-modern-primary:active[b-y0q88eabre] {
        transform: translateY(0);
    }

.pseudo-btn-hover[b-y0q88eabre] {
    background-color: var(--surface-a10);
    color: var(--text-secondary);
    transition: all 0.2s ease;
}

    .pseudo-btn-hover:hover[b-y0q88eabre] {
        background-color: var(--surface-a20);
        color: #dc3545;
    }

    .pseudo-btn-hover:active[b-y0q88eabre] {
        background-color: var(--surface-a20);
    }

.filter-btn-fixed[b-y0q88eabre] {
    height: 38px;
    white-space: nowrap;
}

.modern-scrollbar[b-y0q88eabre]::-webkit-scrollbar {
    width: 6px;
}

.modern-scrollbar[b-y0q88eabre]::-webkit-scrollbar-track {
    background: var(--surface-a10);
    border-radius: 4px;
}

.modern-scrollbar[b-y0q88eabre]::-webkit-scrollbar-thumb {
    background: var(--surface-a20);
    border-radius: 4px;
}

    .modern-scrollbar[b-y0q88eabre]::-webkit-scrollbar-thumb:hover {
        background: var(--color-text-a30);
    }

.dropdown-item-checkbox:hover[b-y0q88eabre] {
    background-color: var(--surface-a10);
}

.modern-search-input[b-y0q88eabre] {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 6px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    outline: none !important;
}

input.modern-search-input:focus[b-y0q88eabre] {
    border-color: #86b7fe !important;
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.15) !important;
}

input.modern-search-input.modified[b-y0q88eabre],
input.modern-search-input.invalid[b-y0q88eabre] {
    border: 1px dashed #dc3545 !important;
    background-color: var(--color-danger-a80) !important;
}

    input.modern-search-input.modified:focus[b-y0q88eabre],
    input.modern-search-input.invalid:focus[b-y0q88eabre] {
        border: 1px dashed #dc3545 !important;
        box-shadow: 0 0 0 2px rgba(220, 53, 69, 0.15) !important;
    }

.sub-tab-btn[b-y0q88eabre] {
    cursor: pointer;
    border-bottom: 4px solid transparent;
    color: var(--text-secondary);
    transition: all 0.15s ease-in-out;
}

    .sub-tab-btn:hover[b-y0q88eabre] {
        background-color: var(--secondary-100);
        color: #dc3545;
    }

    .sub-tab-btn.active-sub[b-y0q88eabre] {
        border-bottom-color: #dc3545;
        color: #dc3545;
        font-weight: 600;
    }
/* /Pages/Settings.razor.rz.scp.css */
.badge-not-set[b-dbaxulcktn] {
    letter-spacing: .25px;
    padding: 4px 8px;
    font-size: .75rem;
    border: 1px solid var(--surface-a20);
    background: var(--surface-a10);
    color: var(--color-text-a30);
}

.sub-sec:not(.sub-sec:first-of-type)[b-dbaxulcktn] {
    margin-top: 2.5rem;
}

.p-sub-sec[b-dbaxulcktn] {
    border-left: 1px solid var(--surface-a20);
    padding-left: .75rem;
}

.settings-section[b-dbaxulcktn] {
    min-height: 100%;
}

.animate-fade-in[b-dbaxulcktn] {
    animation: fadeIn-b-dbaxulcktn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes fadeIn-b-dbaxulcktn {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

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

.card-title-modern[b-dbaxulcktn] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-main);
    letter-spacing: -0.2px;
}

.p-sub-sec[b-dbaxulcktn] {
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--text-secondary) !important;
}

.a-prim-modern[b-dbaxulcktn] {
    color: var(--primary-600);
    text-decoration: none;
    font-weight: 500;
    border-bottom: 1px dashed rgba(196, 22, 28, 0.4);
    transition: all 0.2s ease;
}

    .a-prim-modern:hover[b-dbaxulcktn] {
        color: var(--color-danger-a0);
        border-bottom-style: solid;
    }

.badge-modern[b-dbaxulcktn] {
    padding: 5px 10px !important;
    font-weight: 600 !important;
    font-size: 0.72rem !important;
    border-radius: 6px !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.bg-success-subtle[b-dbaxulcktn] {
    background-color: var(--primary-200) !important;
    border: 1px solid var(--primary-200) !important;
}

.text-success[b-dbaxulcktn] {
    color: var(--primary-600) !important;
}

.bg-warning-subtle[b-dbaxulcktn] {
    background-color: var(--warning-100) !important;
}

.text-warning-emphasis[b-dbaxulcktn] {
    color: var(--color-warning-a0) !important;
}
/* /Pages/TeamManagement.razor.rz.scp.css */
/* ── KPI chips ─────────────────────────────────────────────── */
.kpi-chip[b-hnsyc0hh37] {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background: var(--surface-a10);
    border: 1px solid var(--border-color);
    border-radius: 8px;
    padding: 4px 10px;
    min-width: 64px;
    gap: 0;
}

.kpi-label[b-hnsyc0hh37] {
    font-size: .65rem;
    color: var(--text-secondary);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .03em;
}

.kpi-value[b-hnsyc0hh37] {
    font-size: .85rem;
    font-weight: 700;
    color: var(--text-main);
    line-height: 1.2;
}

.kpi-sub[b-hnsyc0hh37] {
    font-size: .65rem;
    color: var(--text-secondary);
}

/* ── Mini calendar grid ────────────────────────────────────── */
.mini-cal-grid[b-hnsyc0hh37] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    margin-top: 8px;
}

.mini-cal-col[b-hnsyc0hh37] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-height: 80px;
}

.mini-cal-col.weekend[b-hnsyc0hh37] {
    opacity: 0.55;
}

.mini-cal-col.today .mini-cal-day-label[b-hnsyc0hh37] {
    background: rgba(196, 22, 28, 0.06);
    border-radius: 6px 6px 0 0;
}

.mini-cal-day-label[b-hnsyc0hh37] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 0;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 2px;
}

.day-name[b-hnsyc0hh37] {
    font-size: .6rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.day-num[b-hnsyc0hh37] {
    font-size: .75rem;
    font-weight: 600;
    color: var(--text-secondary);
    line-height: 1;
}

.day-num.today-num[b-hnsyc0hh37] {
    color: var(--cajk-prim, var(--primary-600));
    background: rgba(196, 22, 28, 0.12);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .7rem;
}

.mini-cal-events[b-hnsyc0hh37] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
}

.mini-cal-empty[b-hnsyc0hh37] {
    flex: 1;
}

.mini-cal-event[b-hnsyc0hh37] {
    background: rgba(196, 22, 28, 0.08);
    border-left: 2px solid var(--cajk-prim, var(--primary-600));
    border-radius: 0 3px 3px 0;
    padding: 2px 3px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    cursor: default;
}

.mini-evt-text[b-hnsyc0hh37] {
    font-size: .6rem;
    color: var(--color-text-a80, #1a1a1a);
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.mini-evt-time[b-hnsyc0hh37] {
    font-size: .55rem;
    color: var(--text-secondary);
    line-height: 1;
}

.mini-cal-more[b-hnsyc0hh37] {
    font-size: .6rem;
    color: var(--cajk-prim, var(--primary-600));
    font-weight: 600;
    text-align: center;
    padding: 1px 0;
}
/* /Pages/TravelCompensationsSummary.razor.rz.scp.css */
.month-block[b-s0lcwnbjk4], .year-month-wrapper select[b-s0lcwnbjk4] {
    background-color: var(--surface-a10);
}

.square-l[b-s0lcwnbjk4] {
    width: 1rem;
    height: 1rem;
    border-radius: .25rem;
    display: inline-block;
}

.value-row[b-s0lcwnbjk4] {
    grid-template-columns: 3fr 2fr 2fr;
}

    .value-row label[b-s0lcwnbjk4] {
        font-size: .875rem;
    }

.modern-table[b-s0lcwnbjk4] {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-bottom: 0;
    font-size: 0.75rem;
    color: var(--text-main);
}

    .modern-table th[b-s0lcwnbjk4],
    .modern-table td[b-s0lcwnbjk4] {
        padding: 8px 12px;
        white-space: normal;
        word-wrap: break-word;
        vertical-align: top;
    }


    .modern-table thead th[b-s0lcwnbjk4] {
        background-color: var(--surface-a10);
        color: var(--text-secondary);
        font-weight: 600;
        text-transform: uppercase;
        font-size: 0.75rem;
        letter-spacing: 0.05em;
        padding: 8px 10px;
        border-top: none;
        position: sticky;
        top: 0;
        box-shadow: 0 1px 0 var(--border-color);
    }

    .modern-table td[b-s0lcwnbjk4] {
        vertical-align: middle !important;
    }

    /* Hover effect on clickable headers */
    .modern-table thead th[style*="cursor: pointer"]:hover[b-s0lcwnbjk4] {
        background-color: var(--surface-a20);
        color: var(--text-main);
    }

    /* --- Body Specifics --- */
    .modern-table tbody tr[b-s0lcwnbjk4] {
        background-color: var(--surface-a0);
        transition: background-color 0.2s ease;
    }

        .modern-table tbody tr:hover[b-s0lcwnbjk4] {
            background-color: var(--surface-a10) !important;
        }

    .modern-table tbody td[b-s0lcwnbjk4] {
        border-bottom: 1px solid var(--surface-a10);
    }

    .modern-table tbody tr:last-child td[b-s0lcwnbjk4] {
        border-bottom: none;
    }

    /* --- Number Formatting --- */
    .modern-table .text-end[b-s0lcwnbjk4] {
        font-variant-numeric: tabular-nums; /* Aligns numbers vertically */
        font-family: inherit;
    }

.table-card[b-s0lcwnbjk4] {
    background: var(--surface-a0);
    border-radius: 4px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color);
    margin-bottom: 2rem;
    display: block; /* Lets the table grow naturally (no fixed height) */
    overflow: hidden; /* Ensures content doesn't spill out of rounded corners */
}

.table-scroller[b-s0lcwnbjk4] {
    width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
    scrollbar-color: var(--surface-a20) transparent;
}

    .table-scroller[b-s0lcwnbjk4]::-webkit-scrollbar {
        height: 8px;
        width: 8px;
    }

    .table-scroller[b-s0lcwnbjk4]::-webkit-scrollbar-track {
        background: transparent;
    }

    .table-scroller[b-s0lcwnbjk4]::-webkit-scrollbar-thumb {
        background: var(--surface-a20);
        border-radius: 4px;
    }

        .table-scroller[b-s0lcwnbjk4]::-webkit-scrollbar-thumb:hover {
            background: var(--color-text-a30);
        }
/* /Pages/UserInvoicing.razor.rz.scp.css */
.month-block[b-twuiutlnvh], .year-month-wrapper select[b-twuiutlnvh] {
    background-color: var(--surface-a10);
}

.fa-solid[b-twuiutlnvh] {
    line-height: unset;
}

.value-row[b-twuiutlnvh] {
    grid-template-columns: 3fr 3fr 1.75fr;
}
.error-card[b-twuiutlnvh] {
    background-color: var(--primary-100);
    border: 1px solid var(--primary-200); 
    border-radius: 6px;
    padding: 1rem;
    color: var(--color-danger-a0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.02);
}
.table-last-row-fix tbody tr:last-child td[b-twuiutlnvh] {
    padding-bottom: 0.35rem;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
/* /Pages/UserManagement.razor.rz.scp.css */
.user-management-layout[b-yg9t5lnpg1],
.user-management-layout *[b-yg9t5lnpg1] {
    box-sizing: border-box;
}

.user-management-layout[b-yg9t5lnpg1] {
    display: flex;
    height: calc(100vh - 65px);
    background-color: var(--bg-page);
    color: var(--text-main);
    overflow: hidden;
}

.user-list-panel[b-yg9t5lnpg1] {
    width: 360px;
    min-width: 360px;
    background: var(--bg-panel-left);
    border-right: 1px solid var(--border-color);
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.panel-header[b-yg9t5lnpg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    background-color: var(--bg-card);
}

    .panel-header h3[b-yg9t5lnpg1] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: 600;
    }

.btn-icon[b-yg9t5lnpg1] {
    background: var(--surface-a0);
    color: var(--text-main);
    border: 1px solid var(--border-color);
    padding: 0.4rem 0.75rem;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .btn-icon:hover[b-yg9t5lnpg1] {
        background: var(--bg-page);
    }

.search-box[b-yg9t5lnpg1] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--border-color);
    position: relative;
    background-color: var(--bg-card);
}

    .search-box input[b-yg9t5lnpg1] {
        width: 100%;
        padding: 0.65rem 1rem 0.65rem 2.25rem;
        border: 1px solid var(--border-color);
        border-radius: 6px;
        background-color: var(--bg-page);
        outline: none;
        font-size: 0.9rem;
        transition: all 0.2s;
    }

        .search-box input:focus[b-yg9t5lnpg1] {
            background-color: var(--surface-a0);
            border-color: var(--primary-600);
        }

    .search-box i[b-yg9t5lnpg1] {
        position: absolute;
        left: 2.25rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--text-muted);
    }

.user-grid[b-yg9t5lnpg1] {
    flex: 1;
    overflow-y: auto;
    padding: 0.5rem;
    background-color: var(--bg-card);
}

.user-card[b-yg9t5lnpg1] {
    display: flex;
    align-items: center;
    padding: 0.75rem 1rem;
    margin-bottom: 0.25rem;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.15s ease;
    border-left: 3px solid transparent;
    outline-color: var(--surface-a10) !important;
    border-color: transparent;
}

    .user-card:hover[b-yg9t5lnpg1] {
        background: var(--bg-page);
    }

    .user-card.active[b-yg9t5lnpg1] {
        background: var(--primary-100);
        border: 1px solid var(--primary-200);
    }

        .user-card.active h4[b-yg9t5lnpg1] {
            color: var(--primary-600);
        }

        .user-card.active *:not(h4)[b-yg9t5lnpg1] {
            color: var(--primary-400);
        }

    .user-card.inactive-user[b-yg9t5lnpg1] {
        opacity: 0.6;
    }

        .user-card.inactive-user .avatar[b-yg9t5lnpg1] {
            background: var(--text-muted);
        }

.avatar-container[b-yg9t5lnpg1] {
    position: relative;
    margin-right: 1rem;
    flex-shrink: 0;
}

.avatar[b-yg9t5lnpg1], .avatar-image[b-yg9t5lnpg1] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1rem;
}

.avatar[b-yg9t5lnpg1] {
    background: var(--text-secondary);
    color: var(--text-w-600);
}

.avatar-image[b-yg9t5lnpg1] {
    object-fit: cover;
    border: 1px solid var(--border-color);
}

    .avatar.large[b-yg9t5lnpg1], .avatar-image.large[b-yg9t5lnpg1] {
        width: 64px;
        height: 64px;
        font-size: 1.5rem;
    }

.status-indicator[b-yg9t5lnpg1] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid var(--surface-a0);
}

.user-card.active .status-indicator[b-yg9t5lnpg1] {
    border-color: var(--primary-100);
}

.status-indicator.large[b-yg9t5lnpg1] {
    width: 16px;
    height: 16px;
    border-width: 3px;
}

.status-indicator.online[b-yg9t5lnpg1] {
    background: var(--status-online);
}

.status-indicator.offline[b-yg9t5lnpg1] {
    background: var(--status-offline);
}

.user-card-info[b-yg9t5lnpg1] {
    flex: 1;
    min-width: 0;
}

.card-title-row[b-yg9t5lnpg1], .card-subtitle-row[b-yg9t5lnpg1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .card-title-row h4[b-yg9t5lnpg1] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.last-active[b-yg9t5lnpg1] {
    font-size: 0.75rem;
    color: var(--text-muted);
}

.position[b-yg9t5lnpg1] {
    font-size: 0.8rem;
    color: var(--text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-badge[b-yg9t5lnpg1] {
    color: var(--primary-600);
    font-size: 0.7rem;
    font-weight: 600;
    border: 1px solid var(--primary-100);
    background: var(--surface-a0);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

.user-editor-panel[b-yg9t5lnpg1] {
    flex: 1;
    background-color: var(--bg-page);
    min-width: 0;
    height: 100%; /* Strictly inherit the 100vh limit */
    overflow: hidden;
}

.empty-state[b-yg9t5lnpg1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    color: var(--text-muted);
    text-align: center;
}

    .empty-state i[b-yg9t5lnpg1] {
        font-size: 3rem;
        margin-bottom: 1rem;
        opacity: 0.5;
    }

.editor-form-wrapper[b-yg9t5lnpg1] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden; /* Trap the scroll area */
}

.editor-header[b-yg9t5lnpg1] {
    background: var(--bg-card);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem 2.5rem;
    border-bottom: 1px solid var(--border-color);
    z-index: 5;
    flex-shrink: 0;
}

.header-profile[b-yg9t5lnpg1] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.header-details h2[b-yg9t5lnpg1] {
    margin: 0 0 0.2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
}

.header-details .subtitle[b-yg9t5lnpg1] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.header-role-badge[b-yg9t5lnpg1] {
    background: var(--primary-100);
    color: var(--primary-600);
    padding: 0.15rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.btn-primary[b-yg9t5lnpg1] {
    background-color: var(--primary-600);
    color: var(--text-w-600);
    border: none;
    padding: 0.6rem 1.25rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    cursor: pointer;
    transition: background 0.2s ease;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .btn-primary:hover:not(:disabled)[b-yg9t5lnpg1] {
        background-color: var(--primary-600-hover);
    }

.editor-scroll-area[b-yg9t5lnpg1] {
    flex: 1;
    overflow-y: auto;
    padding: 2rem;
    min-height: 0;
    /* With border-box applied globally above, this padding will no longer break the floor */
}

.editor-content-constrained[b-yg9t5lnpg1] {
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.alert[b-yg9t5lnpg1] {
    padding: 1rem;
    border-radius: 6px;
    font-weight: 500;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    position: sticky;
    top: -2rem;
    box-shadow: 2px 2px 4px -2px;
    z-index: 4;
}

.alert-success[b-yg9t5lnpg1] {
    background: var(--success-100);
    color: #166534;
    border: 1px solid var(--success-200);
}

.alert-danger[b-yg9t5lnpg1] {
    background: var(--primary-100);
    color: #991b1b;
    border: 1px solid var(--primary-200);
}
/* /Pages/UserProfile.razor.rz.scp.css */


.badge-status[b-1t0u9whtgb] {
    left: 50%;
    position:absolute;
    bottom: 8px;
    transform: translateY(50%) translateX(-50%);
    border: 4px solid;
}

.rounded-4[b-1t0u9whtgb] {
    border-radius: 1rem !important;
}

.tracking-wider[b-1t0u9whtgb] {
    letter-spacing: 0.05em;
}

.cursor-pointer[b-1t0u9whtgb] {
    cursor: pointer;
}

.form-control:focus[b-1t0u9whtgb] {
    background-color: var(--surface-a0) !important;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, .1) !important;
    border-color: var(--primary-600) !important;
}

.progress-bar[b-1t0u9whtgb] {
    transition: width 0.6s ease;
}
/* /Pages/UserProjects.razor.rz.scp.css */
/* /Pages/UserTravelRecords.razor.rz.scp.css */
.clients-wrapper[b-ikbci2rcmg] {
    border-left: 1px dashed var(--surface-a20);
    padding-left: 1rem;
    max-height: 300px;
}

hr[b-ikbci2rcmg] {
    margin: 1.5rem 0;
    border-top: 1px solid var(--color-text-a30);
}

.value-row label[b-ikbci2rcmg] {
    font-size: .875rem;
}

.sec-top[b-ikbci2rcmg] {
    background: var(--surface-a10);
}

.textarea-input[b-ikbci2rcmg] {
    height: 150px;
}

.clients-wrapper[b-ikbci2rcmg] {
    max-height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}

.label-client-name.clickable[b-ikbci2rcmg] {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    transition: background-color 0.2s;
    flex-wrap: wrap; 
}

.label-client-name .client-text[b-ikbci2rcmg] {
    flex: 1 1 auto;
    min-width: 0;
}

.label-client-name.clickable:hover[b-ikbci2rcmg] {
    background-color: var(--secondary-100);
}

.arrow[b-ikbci2rcmg] {
    font-size: 0.65rem;
}
.merged-cell[b-ikbci2rcmg] {
    border-bottom-color: transparent !important;
}

.custom-resizable-wrapper[b-ikbci2rcmg] {
    min-height: 150px;
    resize: vertical;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

    .custom-resizable-wrapper textarea[b-ikbci2rcmg]::-webkit-scrollbar-track {
        background: transparent;
        margin-bottom: 15px;
    }

.table-group-section tr td[b-ikbci2rcmg] {
    border-bottom: none;
}

.table-group-section[b-ikbci2rcmg] {
    border-bottom: 1px solid var(--border-color);
    transition: background-color 0.2s ease-in-out;
}

.group-hover-table .table-group-section:hover[b-ikbci2rcmg] {
    background-color: var(--surface-a10);
}

.table-group-section.editing-group[b-ikbci2rcmg] {
    background-color: var(--primary-100);
}

    .table-group-section.editing-group td[b-ikbci2rcmg],
    .table-group-section.editing-group th[b-ikbci2rcmg] {
        background-color: transparent !important;
    }