/* /Components/CandidateOnboardingStaffPanel.razor.rz.scp.css */
.candidate-onboarding-shell[b-25qt419kvk] {
    display: grid;
    gap: 16px;
}

.candidate-onboarding-card[b-25qt419kvk] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 8px;
    padding: 14px;
    box-shadow: 0 8px 22px rgba(31, 41, 55, 0.04);
}

.candidate-onboarding-card-header[b-25qt419kvk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 14px;
}

.candidate-onboarding-card-header.compact[b-25qt419kvk] {
    margin-bottom: 10px;
}

.candidate-onboarding-card-title[b-25qt419kvk] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #223345;
}

.candidate-onboarding-card-subtitle[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
    font-size: 0.82rem;
    color: #6b7a8d;
}

.candidate-onboarding-actions[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.candidate-onboarding-filter-row[b-25qt419kvk] {
    display: flex;
    justify-content: flex-end;
}

.candidate-onboarding-filter-row label[b-25qt419kvk] {
    display: grid;
    gap: 4px;
    font-size: 0.74rem;
    font-weight: 700;
    color: #64758a;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.candidate-onboarding-filter-row select[b-25qt419kvk] {
    min-width: 210px;
    height: 34px;
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #ffffff;
    color: #304255;
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.candidate-onboarding-button[b-25qt419kvk] {
    height: 34px;
    padding: 0 12px;
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #f8fafc;
    color: #314255;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

.candidate-onboarding-button:disabled[b-25qt419kvk] {
    opacity: 0.6;
    cursor: not-allowed;
}

.candidate-onboarding-button.primary[b-25qt419kvk] {
    border-color: #1987c0;
    background: #099bc6;
    color: #ffffff;
}

.candidate-onboarding-button.secondary[b-25qt419kvk] {
    background: #f7f9fc;
}

.candidate-onboarding-button.danger[b-25qt419kvk] {
    border-color: #d8afb0;
    background: #fff4f4;
    color: #9d3f3f;
}

.candidate-onboarding-button.link[b-25qt419kvk] {
    height: auto;
    padding: 0;
    border: none;
    background: transparent;
    color: #2f73d9;
}

.candidate-onboarding-button.icon[b-25qt419kvk] {
    width: 34px;
    padding: 0;
}

.candidate-onboarding-button.icon.dark[b-25qt419kvk] {
    border-color: rgba(255, 255, 255, 0.35);
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.candidate-onboarding-stats[b-25qt419kvk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(110px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.candidate-onboarding-stat[b-25qt419kvk] {
    border-radius: 6px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border: 1px solid transparent;
}

.candidate-onboarding-stat span[b-25qt419kvk] {
    font-size: 0.78rem;
    font-weight: 700;
}

.candidate-onboarding-stat strong[b-25qt419kvk] {
    font-size: 1.18rem;
    font-weight: 700;
}

.candidate-onboarding-stat.complete[b-25qt419kvk] {
    background: #eff8ef;
    border-color: #d0e5d0;
    color: #2f7a38;
}

.candidate-onboarding-stat.sent[b-25qt419kvk] {
    background: #f5f6f8;
    border-color: #e1e5ea;
    color: #718195;
}

.candidate-onboarding-stat.action[b-25qt419kvk] {
    background: #fff7df;
    border-color: #eedca0;
    color: #a67912;
}

.candidate-onboarding-stat.rejected[b-25qt419kvk] {
    background: #fff1f1;
    border-color: #efcccc;
    color: #ab4343;
}

.candidate-onboarding-stat.blockers[b-25qt419kvk] {
    background: #f1f6fd;
    border-color: #d3e2f8;
    color: #3569a6;
}

.candidate-onboarding-summary-grid[b-25qt419kvk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 14px;
}

.candidate-onboarding-summary-panel[b-25qt419kvk] {
    border: 1px solid #e5eaf0;
    border-radius: 6px;
    background: #fbfcfe;
    padding: 12px;
}

.candidate-onboarding-summary-panel.inline[b-25qt419kvk] {
    margin-bottom: 12px;
}

.candidate-onboarding-summary-panel.warning[b-25qt419kvk] {
    border-color: #eedca0;
    background: #fff9ea;
}

.candidate-onboarding-panel-header[b-25qt419kvk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.candidate-onboarding-section-title[b-25qt419kvk] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #44576b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.candidate-onboarding-panel-header .candidate-onboarding-section-title[b-25qt419kvk] {
    margin-bottom: 0;
}

.candidate-onboarding-summary-text[b-25qt419kvk] {
    font-size: 0.86rem;
    line-height: 1.45;
    color: #314255;
    white-space: pre-wrap;
}

.candidate-onboarding-summary-text + .candidate-onboarding-summary-text[b-25qt419kvk] {
    margin-top: 10px;
}

.candidate-onboarding-blocker-group + .candidate-onboarding-blocker-group[b-25qt419kvk] {
    margin-top: 12px;
}

.candidate-onboarding-blocker-title[b-25qt419kvk] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #55697e;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.candidate-onboarding-blocker-list[b-25qt419kvk] {
    margin: 0;
    padding-left: 18px;
    color: #314255;
    font-size: 0.83rem;
    line-height: 1.45;
}

.candidate-onboarding-blocker-list li + li[b-25qt419kvk] {
    margin-top: 4px;
}

.candidate-onboarding-detail-grid[b-25qt419kvk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 10px 14px;
}

.candidate-onboarding-detail-grid .label[b-25qt419kvk] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    color: #6f8094;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 3px;
}

.candidate-onboarding-detail-grid strong[b-25qt419kvk] {
    font-size: 0.84rem;
    color: #233345;
}

.candidate-onboarding-empty[b-25qt419kvk] {
    padding: 14px;
    border: 1px dashed #d6deea;
    border-radius: 6px;
    background: #fbfcfe;
    color: #68788b;
    font-size: 0.86rem;
}

.candidate-onboarding-empty.compact[b-25qt419kvk] {
    padding: 10px 12px;
}

.candidate-onboarding-table-wrap[b-25qt419kvk] {
    overflow-x: auto;
}

.candidate-onboarding-table[b-25qt419kvk] {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.candidate-onboarding-table.compact[b-25qt419kvk] {
    min-width: 680px;
}

.candidate-onboarding-table tr.archived-row td[b-25qt419kvk] {
    background: #f7f8fa;
    color: #6b7888;
}

.candidate-onboarding-table th[b-25qt419kvk],
.candidate-onboarding-table td[b-25qt419kvk] {
    padding: 10px 8px;
    border-bottom: 1px solid #e7edf4;
    text-align: left;
    vertical-align: top;
    font-size: 0.83rem;
    color: #304255;
}

.candidate-onboarding-table th[b-25qt419kvk] {
    font-size: 0.74rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #6e7f92;
    background: #f7f9fc;
}

.candidate-onboarding-table .entity-name[b-25qt419kvk] {
    font-weight: 700;
    color: #233345;
}

.candidate-onboarding-table .entity-subline[b-25qt419kvk] {
    margin-top: 4px;
    font-size: 0.77rem;
    color: #6b7a8d;
}

.candidate-onboarding-table .action-cell[b-25qt419kvk] {
    white-space: nowrap;
    text-align: right;
}

.candidate-onboarding-pill[b-25qt419kvk] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 0.74rem;
    font-weight: 700;
    border: 1px solid transparent;
}

.candidate-onboarding-pill.complete[b-25qt419kvk] {
    background: #eaf7eb;
    border-color: #cde6cf;
    color: #2f7a38;
}

.candidate-onboarding-pill.sent[b-25qt419kvk] {
    background: #f4f6f9;
    border-color: #dfe5eb;
    color: #637486;
}

.candidate-onboarding-pill.review[b-25qt419kvk] {
    background: #fff7df;
    border-color: #edd89b;
    color: #9f7412;
}

.candidate-onboarding-pill.rejected[b-25qt419kvk] {
    background: #fff0f0;
    border-color: #ebc8c8;
    color: #a64040;
}

.candidate-onboarding-pill.neutral[b-25qt419kvk] {
    background: #eef2f7;
    border-color: #d8e0ea;
    color: #5d7084;
}

.candidate-onboarding-banner[b-25qt419kvk] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 0.84rem;
    font-weight: 600;
}

.candidate-onboarding-banner.success[b-25qt419kvk] {
    border: 1px solid #cfe3d2;
    background: #eef8ef;
    color: #2f7238;
}

.candidate-onboarding-banner.error[b-25qt419kvk] {
    border: 1px solid #ebc8c8;
    background: #fff1f1;
    color: #a64040;
}

.candidate-onboarding-flyout-backdrop[b-25qt419kvk],
.candidate-onboarding-modal-backdrop[b-25qt419kvk] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.22);
}

.candidate-onboarding-flyout-backdrop[b-25qt419kvk] {
    z-index: 2200;
    animation: candidateOnboardingBackdropFadeIn-b-25qt419kvk 260ms ease-out both;
}

.candidate-onboarding-modal-backdrop[b-25qt419kvk] {
    z-index: 2300;
}

.candidate-onboarding-flyout[b-25qt419kvk] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(640px, 100vw);
    height: 100vh;
    max-width: 100vw;
    background: #ffffff;
    box-shadow: -22px 0 44px rgba(15, 23, 42, 0.16);
    display: flex;
    flex-direction: column;
    z-index: 2201;
    overflow: hidden;
    isolation: isolate;
    transform: translate3d(0, 0, 0);
    animation: candidateOnboardingFlyoutSlideIn-b-25qt419kvk 420ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.candidate-onboarding-flyout.send-tasks[b-25qt419kvk] {
    width: min(720px, 100vw);
}

.candidate-onboarding-flyout-header[b-25qt419kvk] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px 14px;
    border-bottom: 1px solid #e8edf2;
}

.candidate-onboarding-flyout-header.dark[b-25qt419kvk] {
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    background: #3f3f3f;
    border-bottom-color: #313131;
    color: #ffffff;
}

.candidate-onboarding-flyout-header.dark .send-title[b-25qt419kvk] {
    margin-top: 0;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.2;
}

.candidate-onboarding-flyout-header.dark .flyout-kicker[b-25qt419kvk],
.candidate-onboarding-flyout-header.dark .flyout-title[b-25qt419kvk] {
    color: #ffffff;
}

.candidate-onboarding-flyout-header-actions[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.candidate-onboarding-flyout-header .flyout-kicker[b-25qt419kvk] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #708296;
}

.candidate-onboarding-flyout-header .flyout-title[b-25qt419kvk] {
    margin-top: 4px;
    font-size: 1rem;
    font-weight: 700;
    color: #233345;
}

.candidate-onboarding-flyout-body[b-25qt419kvk] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px 18px;
    color: #314255;
}

.candidate-onboarding-flyout-body.send-tasks-body[b-25qt419kvk] {
    padding: 18px 20px 12px;
    background: #ffffff;
}

.candidate-onboarding-flyout-footer[b-25qt419kvk] {
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: flex-end;
    flex: 0 0 auto;
    flex-wrap: wrap;
    pointer-events: auto;
    gap: 8px;
    padding: 14px 18px 18px;
    border-top: 1px solid #e8edf2;
    background: #ffffff;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
}

.candidate-onboarding-flyout-footer.split[b-25qt419kvk] {
    justify-content: space-between;
}

.candidate-onboarding-send-category + .candidate-onboarding-send-category[b-25qt419kvk] {
    margin-top: 18px;
}

.candidate-onboarding-send-category-header[b-25qt419kvk] {
    width: 100%;
    min-height: 54px;
    padding: 0 16px;
    border: none;
    border-radius: 0;
    background: #3f3f3f;
    color: #ffffff;
    box-shadow: 0 2px 7px rgba(15, 23, 42, 0.18);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

.send-category-chevron[b-25qt419kvk] {
    width: 10px;
    height: 10px;
    border-right: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    transform: rotate(45deg);
    flex: 0 0 auto;
}

.send-category-chevron.open[b-25qt419kvk] {
    transform: rotate(225deg);
}

.candidate-onboarding-send-category-body[b-25qt419kvk] {
    border: 1px solid #d9dee5;
    border-top: none;
    padding: 16px;
    background: #ffffff;
}

.candidate-onboarding-send-empty[b-25qt419kvk] {
    padding: 8px 2px;
    color: #66788c;
    font-size: 0.84rem;
}

.candidate-onboarding-send-grid[b-25qt419kvk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 20px;
}

.candidate-onboarding-send-option[b-25qt419kvk] {
    min-height: 36px;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    color: #425267;
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
}

.candidate-onboarding-send-option.assigned[b-25qt419kvk] {
    color: #8a97a8;
    cursor: default;
}

.candidate-onboarding-send-option:not(.assigned):hover .send-option-title[b-25qt419kvk] {
    color: #0a6fa9;
}

.send-option-input[b-25qt419kvk] {
    appearance: none;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    border: 1px solid #cdd5df;
    border-radius: 3px;
    background: #f8fafc;
    position: relative;
    cursor: pointer;
    pointer-events: none;
}

.send-option-input:checked[b-25qt419kvk] {
    border-color: #087eb3;
    background: #087eb3;
}

.send-option-input:checked[b-25qt419kvk]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.send-option-text[b-25qt419kvk] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.send-option-title[b-25qt419kvk] {
    color: #425267;
    font-weight: 600;
    line-height: 1.25;
}

.candidate-onboarding-send-option.assigned .send-option-title[b-25qt419kvk] {
    color: #8a97a8;
}

.send-option-meta[b-25qt419kvk] {
    color: #718195;
    font-size: 0.74rem;
    line-height: 1.25;
}

.send-option-chip[b-25qt419kvk] {
    grid-column: 2;
    width: max-content;
    padding: 1px 7px;
    border: 1px solid #d9e0e8;
    border-radius: 999px;
    background: #f6f8fb;
    color: #708296;
    font-size: 0.68rem;
    font-weight: 700;
    text-transform: uppercase;
}

@keyframes candidateOnboardingFlyoutSlideIn-b-25qt419kvk {
    from {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes candidateOnboardingBackdropFadeIn-b-25qt419kvk {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.candidate-onboarding-form-grid[b-25qt419kvk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    min-width: 0;
}

.candidate-onboarding-form-grid label[b-25qt419kvk],
.candidate-onboarding-form-block[b-25qt419kvk] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.candidate-onboarding-form-grid span[b-25qt419kvk],
.candidate-onboarding-form-block span[b-25qt419kvk] {
    font-size: 0.75rem;
    font-weight: 700;
    color: #627487;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.candidate-onboarding-form-grid input[b-25qt419kvk],
.candidate-onboarding-form-grid select[b-25qt419kvk],
.candidate-onboarding-form-block textarea[b-25qt419kvk] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 34px;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #ccd6e1;
    border-radius: 4px;
    background: #ffffff;
    color: #233345;
    font: inherit;
}

.candidate-onboarding-form-block[b-25qt419kvk] {
    margin-top: 12px;
}

.candidate-onboarding-checkbox-row[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 12px;
    font-size: 0.82rem;
    color: #304255;
}

.candidate-onboarding-checkbox-row label[b-25qt419kvk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.candidate-onboarding-helper-text[b-25qt419kvk] {
    margin-top: 12px;
    font-size: 0.78rem;
    color: #66788c;
}

.candidate-onboarding-link-row[b-25qt419kvk] {
    margin: 12px 0;
}

.candidate-onboarding-history-grid[b-25qt419kvk] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
}

.candidate-onboarding-return-reason[b-25qt419kvk] {
    margin-top: 5px;
    color: #9d3f3f;
    font-weight: 700;
}

.candidate-onboarding-muted-line[b-25qt419kvk] {
    display: block;
    margin-top: 4px;
    color: #6d7b8e;
    font-size: 0.78rem;
}

.candidate-onboarding-audit-list[b-25qt419kvk] {
    display: grid;
    gap: 8px;
}

.candidate-onboarding-audit-item[b-25qt419kvk] {
    border-bottom: 1px solid #e7edf4;
    padding-bottom: 8px;
}

.candidate-onboarding-audit-item:last-child[b-25qt419kvk] {
    border-bottom: none;
    padding-bottom: 0;
}

.candidate-onboarding-audit-item div[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: space-between;
    font-size: 0.82rem;
}

.candidate-onboarding-audit-item strong[b-25qt419kvk] {
    color: #233345;
}

.candidate-onboarding-audit-item span[b-25qt419kvk],
.candidate-onboarding-audit-item p[b-25qt419kvk] {
    margin: 0;
    font-size: 0.78rem;
    color: #66788c;
}

.candidate-onboarding-footer-actions[b-25qt419kvk] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.candidate-onboarding-modal[b-25qt419kvk] {
    position: fixed;
    top: 50%;
    left: 50%;
    width: min(480px, calc(100vw - 32px));
    transform: translate(-50%, -50%);
    background: #ffffff;
    border: 1px solid #d7e0ea;
    border-radius: 8px;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.18);
    z-index: 2301;
}

.candidate-onboarding-modal.wide[b-25qt419kvk] {
    width: min(560px, calc(100vw - 32px));
}

.candidate-onboarding-form-block.compact[b-25qt419kvk] {
    margin-top: 12px;
}

.candidate-onboarding-modal-header[b-25qt419kvk],
.candidate-onboarding-modal-body[b-25qt419kvk],
.candidate-onboarding-modal-footer[b-25qt419kvk] {
    padding-left: 16px;
    padding-right: 16px;
}

.candidate-onboarding-modal-header[b-25qt419kvk] {
    padding-top: 14px;
}

.candidate-onboarding-modal-body[b-25qt419kvk] {
    padding-top: 10px;
    padding-bottom: 14px;
}

.candidate-onboarding-modal-footer[b-25qt419kvk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 12px;
    padding-bottom: 16px;
    border-top: 1px solid #e8edf2;
}

@media (max-width: 960px) {
    .candidate-onboarding-card-header[b-25qt419kvk],
    .candidate-onboarding-panel-header[b-25qt419kvk] {
        flex-direction: column;
    }

    .candidate-onboarding-actions[b-25qt419kvk] {
        justify-content: flex-start;
    }

    .candidate-onboarding-stats[b-25qt419kvk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .candidate-onboarding-summary-grid[b-25qt419kvk],
    .candidate-onboarding-form-grid[b-25qt419kvk],
    .candidate-onboarding-detail-grid[b-25qt419kvk],
    .candidate-onboarding-send-grid[b-25qt419kvk] {
        grid-template-columns: 1fr;
    }

    .candidate-onboarding-flyout-footer.split[b-25qt419kvk] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

@media (max-width: 640px) {
    .candidate-onboarding-card[b-25qt419kvk] {
        padding: 12px;
    }

    .candidate-onboarding-stats[b-25qt419kvk] {
        grid-template-columns: 1fr;
    }

    .candidate-onboarding-flyout[b-25qt419kvk] {
        width: 100vw;
    }

    .candidate-onboarding-flyout-header[b-25qt419kvk],
    .candidate-onboarding-flyout-body[b-25qt419kvk],
    .candidate-onboarding-flyout-footer[b-25qt419kvk] {
        padding-left: 14px;
        padding-right: 14px;
    }

    .candidate-onboarding-modal[b-25qt419kvk] {
        width: calc(100vw - 20px);
    }

    .candidate-onboarding-modal-footer[b-25qt419kvk],
    .candidate-onboarding-flyout-footer[b-25qt419kvk] {
        flex-wrap: wrap;
    }

    .candidate-onboarding-modal-footer .candidate-onboarding-button[b-25qt419kvk],
    .candidate-onboarding-flyout-footer .candidate-onboarding-button[b-25qt419kvk] {
        flex: 1 1 140px;
    }
}
/* /Components/ClientPortalCommentThread.razor.rz.scp.css */
.client-portal-comment-thread[b-m5fb2kpbvt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.client-portal-comment-thread-header[b-m5fb2kpbvt] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-comment-thread-title[b-m5fb2kpbvt],
.client-portal-comment-history-title[b-m5fb2kpbvt] {
    font-size: 13px;
    font-weight: 700;
    color: #203147;
}

.client-portal-comment-thread-subtitle[b-m5fb2kpbvt],
.client-portal-comment-hint[b-m5fb2kpbvt],
.client-portal-comment-history-updated[b-m5fb2kpbvt],
.client-portal-comment-readonly[b-m5fb2kpbvt] {
    font-size: 12px;
    line-height: 1.5;
    color: #607185;
}

.client-portal-comment-alert[b-m5fb2kpbvt],
.client-portal-comment-empty[b-m5fb2kpbvt],
.client-portal-comment-readonly[b-m5fb2kpbvt] {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #d5dce7;
    background: #f9fbfd;
}

.client-portal-comment-alert.success[b-m5fb2kpbvt] {
    border-color: #c8dfcb;
    background: #eef8f0;
    color: #245e36;
}

.client-portal-comment-alert.error[b-m5fb2kpbvt] {
    border-color: #e7c8c8;
    background: #fcf1f1;
    color: #a3363a;
}

.client-portal-comment-composer[b-m5fb2kpbvt],
.client-portal-comment-history-item[b-m5fb2kpbvt] {
    padding: 12px;
    border: 1px solid #d8e0ea;
    border-radius: 6px;
    background: #fbfcfe;
}

.client-portal-comment-composer[b-m5fb2kpbvt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-comment-composer label[b-m5fb2kpbvt] {
    font-size: 12px;
    font-weight: 700;
    color: #30445c;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.client-portal-comment-textarea[b-m5fb2kpbvt] {
    width: 100%;
    min-height: 96px;
    resize: vertical;
    padding: 10px 12px;
    border: 1px solid #c7d1de;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.5;
    color: #243447;
    background: #ffffff;
}

.client-portal-comment-textarea:focus[b-m5fb2kpbvt] {
    outline: none;
    border-color: #2f73d9;
    box-shadow: 0 0 0 3px rgba(47, 115, 217, 0.12);
}

.client-portal-comment-composer-actions[b-m5fb2kpbvt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-comment-button[b-m5fb2kpbvt] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #2f73d9;
    background: #2f73d9;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.client-portal-comment-button:disabled[b-m5fb2kpbvt] {
    opacity: 0.7;
    cursor: default;
}

.client-portal-comment-history[b-m5fb2kpbvt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-comment-history-list[b-m5fb2kpbvt] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-comment-history-meta[b-m5fb2kpbvt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.client-portal-comment-history-kicker[b-m5fb2kpbvt],
.client-portal-comment-history-byline[b-m5fb2kpbvt] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.client-portal-comment-history-kicker[b-m5fb2kpbvt] {
    color: #405266;
    font-weight: 700;
}

.client-portal-comment-history-byline[b-m5fb2kpbvt] {
    color: #65778c;
}

.client-portal-comment-history-body[b-m5fb2kpbvt] {
    font-size: 13px;
    line-height: 1.55;
    color: #243447;
    white-space: pre-wrap;
}

@media (max-width: 720px) {
    .client-portal-comment-composer-actions[b-m5fb2kpbvt],
    .client-portal-comment-history-meta[b-m5fb2kpbvt] {
        flex-direction: column;
        align-items: stretch;
    }

    .client-portal-comment-button[b-m5fb2kpbvt] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Layout/CandidatePortalLayout.razor.rz.scp.css */
@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.candidate-portal-shell[b-iticewofav] {
    --portal-header-height: 76px;
    --portal-mobile-header-height: 56px;
    --portal-header-strip-height: 6px;
    min-height: 100vh;
    background: #f3f5f7;
    color: #283444;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-portal-header-shell[b-iticewofav] {
    position: fixed;
    inset: 0 0 auto 0;
    z-index: 200;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(17, 30, 48, 0.08);
}

.candidate-portal-header[b-iticewofav] {
    height: var(--portal-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1.75rem;
    background: #ffffff;
}

.candidate-portal-header-brand[b-iticewofav] {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
}

.candidate-portal-header-logo[b-iticewofav] {
    height: 48px;
    width: auto;
    display: block;
}

.candidate-portal-header-actions[b-iticewofav] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
}

.candidate-portal-header-bell[b-iticewofav],
.candidate-portal-user-button[b-iticewofav] {
    border: 1px solid #dde3ea;
    background: #ffffff;
}

.candidate-portal-header-bell[b-iticewofav] {
    position: relative;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    color: #687386;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.candidate-portal-header-bell svg[b-iticewofav],
.candidate-portal-user-chevron svg[b-iticewofav],
.candidate-portal-nav-icon svg[b-iticewofav],
.candidate-portal-bottom-icon svg[b-iticewofav] {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.85;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.candidate-portal-header-bell svg[b-iticewofav] {
    width: 1.15rem;
    height: 1.15rem;
}

.candidate-portal-header-bell-badge[b-iticewofav] {
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    min-width: 1.15rem;
    height: 1.15rem;
    padding: 0 0.28rem;
    border-radius: 999px;
    background: #ff7f7a;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.candidate-portal-user-wrap[b-iticewofav] {
    position: relative;
}

.candidate-portal-user-button[b-iticewofav] {
    min-height: 42px;
    padding: 0.35rem 0.7rem 0.35rem 0.42rem;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 0.65rem;
    cursor: pointer;
}

.candidate-portal-user-avatar[b-iticewofav] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0b78ca, #19a4bc);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.92rem;
    font-weight: 700;
    overflow: hidden;
    flex: 0 0 34px;
}

.candidate-portal-user-avatar-image[b-iticewofav] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.candidate-portal-user-copy[b-iticewofav] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    line-height: 1.15;
}

.candidate-portal-user-name[b-iticewofav] {
    font-size: 0.92rem;
    font-weight: 600;
    color: #2d3847;
}

.candidate-portal-user-subtitle[b-iticewofav] {
    font-size: 0.72rem;
    color: #7d8797;
}

.candidate-portal-user-chevron[b-iticewofav] {
    width: 0.95rem;
    height: 0.95rem;
    color: #8a93a2;
}

.candidate-portal-user-menu[b-iticewofav] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    min-width: 224px;
    padding: 0.55rem 0;
    border-radius: 0;
    background: #3f4054;
    box-shadow: 0 20px 42px rgba(15, 23, 42, 0.24);
    z-index: 240;
}

.candidate-portal-user-menu-link[b-iticewofav] {
    display: block;
    padding: 0.95rem 1.25rem;
    color: #e5e8ef;
    font-size: 0.95rem;
    font-weight: 500;
    text-decoration: none;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.candidate-portal-user-menu-link:first-child[b-iticewofav] {
    border-top: none;
}

.candidate-portal-user-menu-link:hover[b-iticewofav],
.candidate-portal-user-menu-link.active[b-iticewofav] {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}

.candidate-portal-user-menu-link.danger[b-iticewofav] {
    color: #f7c6d6;
}

.candidate-portal-header-strip[b-iticewofav] {
    height: var(--portal-header-strip-height);
    background: #0a76c8;
}

.candidate-portal-mobile-toolbar[b-iticewofav] {
    display: none;
}

.candidate-portal-body[b-iticewofav] {
    display: grid;
    grid-template-columns: 184px minmax(0, 1fr);
    gap: 1.25rem;
    padding: calc(var(--portal-header-height) + var(--portal-header-strip-height) + 1.1rem) 1.15rem 1.4rem;
}

.candidate-portal-rail[b-iticewofav] {
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
    padding-top: 0.15rem;
}

.candidate-portal-nav[b-iticewofav] {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.candidate-portal-nav-group[b-iticewofav] {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
}

.candidate-portal-nav-group-title[b-iticewofav] {
    margin-bottom: 0.24rem;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #555d69;
}

.candidate-portal-nav-link[b-iticewofav],
.candidate-portal-more-link[b-iticewofav] {
    text-decoration: none;
}

.candidate-portal-more-group-title[b-iticewofav] {
    padding: 0.75rem 1rem 0.45rem;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.56);
}

.candidate-portal-more-badge[b-iticewofav] {
    min-width: 1.32rem;
    height: 1.32rem;
    padding: 0 0.34rem;
    border-radius: 999px;
    background: #ff7f7a;
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.candidate-portal-nav-link[b-iticewofav] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.72rem;
    padding: 0.46rem 0;
    color: #757d89;
    font-size: 0.93rem;
    font-weight: 500;
    transition: color 0.18s ease;
}

.candidate-portal-nav-link:hover[b-iticewofav] {
    color: #434a58;
}

.candidate-portal-nav-link.active[b-iticewofav] {
    color: #2b3140;
    font-weight: 600;
}

.candidate-portal-nav-link.active[b-iticewofav]::before {
    content: none;
}

.candidate-portal-nav-icon[b-iticewofav],
.candidate-portal-bottom-icon[b-iticewofav] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.candidate-portal-nav-icon[b-iticewofav] {
    width: 0.98rem;
    height: 0.98rem;
}

.candidate-portal-nav-label[b-iticewofav] {
    min-width: 0;
    flex: 1 1 auto;
}

.candidate-portal-nav-count-badge[b-iticewofav] {
    min-width: 1.36rem;
    height: 1.36rem;
    padding: 0 0.34rem;
    border-radius: 999px;
    background: #ff7f7a;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.candidate-portal-main-shell[b-iticewofav] {
    min-width: 0;
}

.candidate-portal-content[b-iticewofav] {
    min-width: 0;
}

.candidate-portal-bottom-nav[b-iticewofav],
.candidate-portal-overlay[b-iticewofav],
.candidate-portal-more-drawer[b-iticewofav] {
    display: none;
}

[b-iticewofav] .candidate-portal-page {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

[b-iticewofav] .candidate-portal-hero {
    display: flex;
    flex-direction: column;
    gap: 0.12rem;
    padding-top: 0.05rem;
}

[b-iticewofav] .candidate-portal-card,
[b-iticewofav] .candidate-portal-calendar-card,
[b-iticewofav] .candidate-portal-form-card {
    border-radius: 0.65rem;
    background: #ffffff;
    border: 1px solid #e1e6ec;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
    padding: 0.9rem 1rem;
}

[b-iticewofav] .candidate-portal-page-kicker {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #72839a;
}

[b-iticewofav] .candidate-portal-page-title {
    font-size: 1.68rem;
    line-height: 1.04;
    font-weight: 500;
    color: #243041;
}

[b-iticewofav] .candidate-portal-page-text {
    max-width: 660px;
    font-size: 0.94rem;
    line-height: 1.45;
    color: #647384;
}

[b-iticewofav] .candidate-portal-stat-grid,
[b-iticewofav] .candidate-portal-card-grid,
[b-iticewofav] .candidate-portal-quick-grid,
[b-iticewofav] .candidate-portal-summary-strip {
    display: grid;
    gap: 0.8rem;
}

[b-iticewofav] .candidate-portal-stat-grid,
[b-iticewofav] .candidate-portal-summary-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

[b-iticewofav] .candidate-portal-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

[b-iticewofav] .candidate-portal-quick-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[b-iticewofav] .candidate-portal-stat-card,
[b-iticewofav] .candidate-portal-summary-item {
    min-height: 98px;
    padding: 0.8rem 0.88rem;
    border-radius: 0.52rem;
    border: 1px solid #e1e6ec;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.03);
}

[b-iticewofav] .candidate-portal-stat-label,
[b-iticewofav] .candidate-portal-summary-label {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #72839a;
}

[b-iticewofav] .candidate-portal-stat-value {
    margin-top: 0.18rem;
    font-size: 1.72rem;
    line-height: 1;
    font-weight: 700;
    color: #243041;
}

[b-iticewofav] .candidate-portal-summary-value {
    margin-top: 0.18rem;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 700;
    color: #243041;
}

[b-iticewofav] .candidate-portal-stat-note,
[b-iticewofav] .candidate-portal-summary-note {
    margin-top: 0.4rem;
    font-size: 0.83rem;
    line-height: 1.45;
    color: #69788a;
}

[b-iticewofav] .candidate-portal-section-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.65rem;
}

[b-iticewofav] .candidate-portal-section-title {
    font-size: 0.98rem;
    font-weight: 700;
    color: #243041;
}

[b-iticewofav] .candidate-portal-section-subtitle {
    font-size: 0.82rem;
    line-height: 1.45;
    color: #69788a;
}

[b-iticewofav] .candidate-portal-shift-list,
[b-iticewofav] .candidate-portal-doc-list,
[b-iticewofav] .candidate-portal-pay-list,
[b-iticewofav] .candidate-portal-profile-list,
[b-iticewofav] .candidate-portal-action-list {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}

[b-iticewofav] .candidate-portal-shift-row,
[b-iticewofav] .candidate-portal-doc-row,
[b-iticewofav] .candidate-portal-pay-row,
[b-iticewofav] .candidate-portal-profile-row,
[b-iticewofav] .candidate-portal-action-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.82rem 0.95rem;
    border-radius: 0.48rem;
    border: 1px solid #e3e8ee;
    background: #ffffff;
}

[b-iticewofav] .candidate-portal-row-main {
    min-width: 0;
    flex: 1 1 auto;
}

[b-iticewofav] .candidate-portal-row-title {
    font-size: 0.95rem;
    font-weight: 700;
    color: #243041;
}

[b-iticewofav] .candidate-portal-row-meta,
[b-iticewofav] .candidate-portal-row-note {
    margin-top: 0.18rem;
    font-size: 0.83rem;
    line-height: 1.45;
    color: #69788a;
}

[b-iticewofav] .candidate-portal-row-side {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.35rem;
    text-align: right;
}

[b-iticewofav] .candidate-portal-row-pay {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1f5f99;
}

[b-iticewofav] .candidate-portal-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

[b-iticewofav] .candidate-portal-chip {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 0.28rem 0.62rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
}

[b-iticewofav] .candidate-portal-chip.open {
    color: #6a35ad;
    background: #f1e9ff;
}

[b-iticewofav] .candidate-portal-chip.requested {
    color: #9e6208;
    background: #fff1dc;
}

[b-iticewofav] .candidate-portal-chip.scheduled {
    color: #1f6d47;
    background: #e9f5ef;
}

[b-iticewofav] .candidate-portal-chip.cancelled {
    color: #ab304c;
    background: #fdebf0;
}

[b-iticewofav] .candidate-portal-chip.warning {
    color: #9b6113;
    background: #fff0db;
}

[b-iticewofav] .candidate-portal-button-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

[b-iticewofav] .candidate-portal-button,
[b-iticewofav] .candidate-portal-button-secondary,
[b-iticewofav] .candidate-portal-button-ghost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0.62rem 1rem;
    border-radius: 0.42rem;
    border: 1px solid transparent;
    font-size: 0.92rem;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-button {
    color: #ffffff;
    background: #1692d4;
    border-color: #1692d4;
}

[b-iticewofav] .candidate-portal-button-secondary {
    color: #166aa8;
    background: #e8f4fd;
    border-color: #d8ebfb;
}

[b-iticewofav] .candidate-portal-button-ghost {
    color: #2f3a49;
    background: #ffffff;
    border-color: #dde3ea;
}

[b-iticewofav] .candidate-portal-button:disabled,
[b-iticewofav] .candidate-portal-button-secondary:disabled,
[b-iticewofav] .candidate-portal-button-ghost:disabled {
    opacity: 0.58;
    cursor: default;
}

[b-iticewofav] .candidate-portal-empty {
    padding: 0.82rem 0.9rem;
    border-radius: 0.46rem;
    border: 1px dashed #d6dee7;
    background: #f9fbfd;
    color: #69788a;
    font-size: 0.84rem;
    line-height: 1.45;
}

[b-iticewofav] .candidate-portal-alert {
    padding: 0.72rem 0.85rem;
    border-radius: 0.9rem;
    font-size: 0.86rem;
    font-weight: 600;
}

[b-iticewofav] .candidate-portal-alert.success {
    color: #1f6d47;
    background: #e9f5ef;
}

[b-iticewofav] .candidate-portal-alert.error {
    color: #ab304c;
    background: #fdebf0;
}

[b-iticewofav] .candidate-portal-calendar-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    margin-bottom: 0.8rem;
}

[b-iticewofav] .candidate-portal-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 0.45rem;
}

[b-iticewofav] .candidate-portal-calendar-label {
    padding: 0.1rem 0.25rem;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #72839a;
}

[b-iticewofav] .candidate-portal-calendar-day {
    min-height: 94px;
    display: flex;
    flex-direction: column;
    gap: 0.34rem;
    padding: 0.55rem;
    border-radius: 0.52rem;
    border: 1px solid #e1e6ec;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-calendar-day.muted {
    opacity: 0.42;
}

[b-iticewofav] .candidate-portal-calendar-day.today {
    border-color: #9fd1f3;
}

[b-iticewofav] .candidate-portal-calendar-day.selected {
    background: #f4fbff;
    border-color: #8cc5ed;
    box-shadow: inset 0 0 0 1px rgba(10, 118, 200, 0.12);
}

[b-iticewofav] .candidate-portal-calendar-date {
    font-size: 1.05rem;
    font-weight: 700;
    color: #243041;
}

[b-iticewofav] .candidate-portal-calendar-counts {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
}

[b-iticewofav] .candidate-portal-calendar-dot {
    min-width: 1.45rem;
    height: 1.35rem;
    padding: 0 0.35rem;
    border-radius: 999px;
    font-size: 0.67rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

[b-iticewofav] .candidate-portal-calendar-dot.open {
    color: #6a35ad;
    background: #f1e9ff;
}

[b-iticewofav] .candidate-portal-calendar-dot.requested {
    color: #9e6208;
    background: #fff1dc;
}

[b-iticewofav] .candidate-portal-calendar-dot.scheduled {
    color: #1f6d47;
    background: #e9f5ef;
}

[b-iticewofav] .candidate-portal-calendar-dot.cancelled {
    color: #ab304c;
    background: #fdebf0;
}

[b-iticewofav] .candidate-portal-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

[b-iticewofav] .candidate-portal-form-field {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

[b-iticewofav] .candidate-portal-form-field.full {
    grid-column: 1 / -1;
}

[b-iticewofav] .candidate-portal-form-label {
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #72839a;
}

[b-iticewofav] .candidate-portal-input,
[b-iticewofav] .candidate-portal-select,
[b-iticewofav] .candidate-portal-textarea {
    width: 100%;
    min-height: 44px;
    padding: 0.72rem 0.82rem;
    border-radius: 0.45rem;
    border: 1px solid #dfe4ea;
    background: #ffffff;
    color: #243041;
    font-size: 0.95rem;
}

[b-iticewofav] .candidate-portal-textarea {
    min-height: 112px;
    resize: vertical;
}

[b-iticewofav] .candidate-portal-workspace-grid,
[b-iticewofav] .candidate-portal-home-summary-grid {
    display: grid;
    gap: 0.8rem;
}

[b-iticewofav] .candidate-portal-focus-card {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

[b-iticewofav] .candidate-portal-focus-amount {
    font-size: 2.7rem;
    line-height: 1;
    font-weight: 300;
    color: #363d49;
}

[b-iticewofav] .candidate-portal-focus-subtitle {
    font-size: 0.92rem;
    line-height: 1.45;
    color: #6b7584;
}

[b-iticewofav] .candidate-portal-identity-card,
[b-iticewofav] .candidate-portal-profile-summary-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
}

[b-iticewofav] .candidate-portal-photo-button,
[b-iticewofav] .candidate-portal-profile-photo-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    padding: 0;
    text-decoration: none;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-photo-circle,
[b-iticewofav] .candidate-portal-profile-photo-circle {
    width: 78px;
    height: 78px;
    border-radius: 999px;
    background: linear-gradient(135deg, #0b78ca, #19a4bc);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}

[b-iticewofav] .candidate-portal-identity-copy,
[b-iticewofav] .candidate-portal-profile-summary-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.18rem;
}

[b-iticewofav] .candidate-portal-identity-line {
    font-size: 0.86rem;
    line-height: 1.4;
    color: #687688;
}

[b-iticewofav] .candidate-portal-identity-side,
[b-iticewofav] .candidate-portal-profile-summary-side {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.22rem;
    text-align: right;
}

[b-iticewofav] .candidate-portal-identity-side-label {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #748398;
}

[b-iticewofav] .candidate-portal-identity-side-value {
    font-size: 0.92rem;
    font-weight: 600;
    color: #2d3745;
}

[b-iticewofav] .candidate-portal-paycheck-card {
    position: relative;
}

[b-iticewofav] .candidate-portal-pay-stamp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 72px;
    border: 2px solid #d7dbe2;
    border-radius: 999px;
    color: #7c7f87;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transform: rotate(-10deg);
}

[b-iticewofav] .candidate-portal-pay-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 0.15rem;
    border-top: 1px solid #e6eaef;
    border-bottom: 1px solid #e6eaef;
}

[b-iticewofav] .candidate-portal-pay-tab {
    min-height: 52px;
    border: 0;
    border-bottom: 3px solid transparent;
    background: #ffffff;
    color: #5e6674;
    font-size: 0.92rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    font-family: inherit;
}

[b-iticewofav] .candidate-portal-pay-tab.active {
    color: #7f5470;
    border-bottom-color: #df6b97;
}

[b-iticewofav] .candidate-portal-pay-footer-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    margin-top: 0.3rem;
    border-top: 1px solid #eceff4;
    color: #8b71be;
    font-size: 0.92rem;
    font-weight: 500;
    text-decoration: none;
}

[b-iticewofav] .candidate-portal-detail-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    border: 1px solid #e2e6ec;
    background: #ffffff;
}

[b-iticewofav] .candidate-portal-detail-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    padding: 0.82rem 0.95rem;
    border-top: 1px solid #eceff4;
    font-size: 0.88rem;
    color: #606977;
}

[b-iticewofav] .candidate-portal-detail-row:first-child {
    border-top: none;
}

[b-iticewofav] .candidate-portal-detail-row strong {
    color: #303844;
    font-weight: 500;
    text-align: right;
}

[b-iticewofav] .candidate-portal-dark-card {
    background: #45475c;
    border-color: #45475c;
    color: #f2f4f8;
}

[b-iticewofav] .candidate-portal-dark-card .candidate-portal-button {
    background: #a67fdb;
    border-color: #a67fdb;
}

[b-iticewofav] .candidate-portal-dark-card .candidate-portal-button-secondary {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.14);
    color: #eef2f8;
}

[b-iticewofav] .candidate-portal-dark-card .candidate-portal-detail-list {
    border-color: rgba(255, 255, 255, 0.12);
    background: transparent;
}

[b-iticewofav] .candidate-portal-dark-card .candidate-portal-detail-row {
    color: rgba(255, 255, 255, 0.78);
    border-top-color: rgba(255, 255, 255, 0.08);
}

[b-iticewofav] .candidate-portal-dark-card .candidate-portal-detail-row strong {
    color: #ffffff;
}

[b-iticewofav] .candidate-portal-dark-title {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
}

[b-iticewofav] .candidate-portal-dark-value {
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 300;
    color: #ffffff;
}

[b-iticewofav] .candidate-portal-dark-subtitle {
    font-size: 0.92rem;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.82);
}

[b-iticewofav] .candidate-portal-dark-alert-list {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 0.15rem;
}

[b-iticewofav] .candidate-portal-dark-alert {
    padding: 0.72rem 0.82rem;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f5f7fb;
    font-size: 0.86rem;
    line-height: 1.4;
}

[b-iticewofav] .candidate-portal-update-link,
[b-iticewofav] .candidate-portal-update-link-button {
    display: inline-flex;
    align-items: center;
    border: none;
    background: transparent;
    padding: 0;
    color: #9a7bcc;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    font-family: inherit;
}

[b-iticewofav] .candidate-portal-card-span-2 {
    grid-column: 1 / -1;
}

[b-iticewofav] .candidate-portal-shifts-count-strip {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

[b-iticewofav] .candidate-portal-shifts-tabs-card {
    padding: 0.55rem;
}

[b-iticewofav] .candidate-portal-shifts-tab-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.55rem;
}

[b-iticewofav] .candidate-portal-shifts-tab {
    min-height: 48px;
    border: 1px solid #dde3ea;
    border-radius: 0.38rem;
    background: #ffffff;
    color: #5f6d7f;
    font-size: 0.9rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-shifts-tab.active {
    border-color: #1692d4;
    background: #1692d4;
    color: #ffffff;
}

@media (min-width: 1025px) {
    .candidate-portal-shell[b-iticewofav] {
        --portal-header-height: 80px;
        --portal-header-strip-height: 0px;
    }

    .candidate-portal-header-shell[b-iticewofav] {
        background: #43445a;
        box-shadow: none;
    }

    .candidate-portal-header[b-iticewofav] {
        height: var(--portal-header-height);
        padding: 0 1.75rem;
        background: #43445a;
    }

    .candidate-portal-header-logo[b-iticewofav] {
        height: 44px;
        filter: none;
        opacity: 1;
    }

    .candidate-portal-header-bell[b-iticewofav] {
        border: none;
        background: transparent;
        color: #f1f4f8;
        width: 46px;
        height: 46px;
    }

    .candidate-portal-user-button[b-iticewofav] {
        min-height: 46px;
        padding: 0.25rem 0;
        border: none;
        background: transparent;
        color: #f1f4f8;
        gap: 0.72rem;
    }

    .candidate-portal-user-avatar[b-iticewofav] {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        background: rgba(255, 255, 255, 0.14);
    }

    .candidate-portal-user-name[b-iticewofav] {
        font-size: 0.98rem;
        color: #eef2f7;
    }

    .candidate-portal-user-subtitle[b-iticewofav] {
        display: none;
    }

    .candidate-portal-user-chevron[b-iticewofav] {
        color: #cfd5df;
    }

    .candidate-portal-header-strip[b-iticewofav] {
        display: none;
    }

    .candidate-portal-rail[b-iticewofav] {
        min-height: calc(100vh - var(--portal-header-height) - 0.9rem);
        padding-top: 0.15rem;
        padding-right: 1.05rem;
        border-right: 1px solid #e1e6ec;
    }

    .candidate-portal-nav[b-iticewofav] {
        gap: 1.45rem;
    }

    .candidate-portal-nav-group-title[b-iticewofav] {
        margin-bottom: 0.5rem;
        font-size: 0.74rem;
        color: #434a55;
    }

    .candidate-portal-nav-icon[b-iticewofav] {
        display: none;
    }

    .candidate-portal-nav .candidate-portal-nav-link[b-iticewofav] {
        width: 100%;
        border: 0;
        background: transparent;
        gap: 0.65rem;
        padding: 0.46rem 0 0.46rem 0.92rem;
        color: #6b727d !important;
        font-size: 0.94rem;
        font-weight: 500;
        text-decoration: none !important;
        text-align: left;
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
        box-shadow: none;
        cursor: pointer;
    }

    .candidate-portal-nav .candidate-portal-nav-link:hover[b-iticewofav] {
        color: #505864;
    }

    .candidate-portal-nav .candidate-portal-nav-link.active[b-iticewofav] {
        color: #3e4652 !important;
        font-weight: 500;
    }

    .candidate-portal-nav .candidate-portal-nav-link.active[b-iticewofav]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.26rem;
        bottom: 0.26rem;
        width: 2px;
        border-radius: 999px;
        background: #df6b97;
    }

    .candidate-portal-nav .candidate-portal-nav-link .candidate-portal-nav-count-badge[b-iticewofav] {
        margin-left: auto;
    }

    .candidate-portal-main-shell[b-iticewofav] {
        padding-left: 0.15rem;
    }

    .candidate-portal-content[b-iticewofav] {
        max-width: 1180px;
    }

    [b-iticewofav] .candidate-portal-card,
    [b-iticewofav] .candidate-portal-calendar-card,
    [b-iticewofav] .candidate-portal-form-card,
    [b-iticewofav] .candidate-portal-stat-card,
    [b-iticewofav] .candidate-portal-summary-item,
    [b-iticewofav] .candidate-portal-shift-row,
    [b-iticewofav] .candidate-portal-doc-row,
    [b-iticewofav] .candidate-portal-pay-row,
    [b-iticewofav] .candidate-portal-profile-row,
    [b-iticewofav] .candidate-portal-action-row,
    [b-iticewofav] .candidate-portal-empty,
    [b-iticewofav] .candidate-portal-alert,
    [b-iticewofav] .candidate-portal-calendar-day,
    [b-iticewofav] .candidate-portal-input,
    [b-iticewofav] .candidate-portal-select,
    [b-iticewofav] .candidate-portal-textarea {
        border-radius: 0.18rem;
        box-shadow: none;
    }

    [b-iticewofav] .candidate-portal-page {
        gap: 0.7rem;
    }

    [b-iticewofav] .candidate-portal-hero {
        gap: 0.08rem;
    }

    [b-iticewofav] .candidate-portal-page-kicker {
        display: none;
    }

    [b-iticewofav] .candidate-portal-page-title {
        font-size: 1.62rem;
        line-height: 1.02;
        font-weight: 400;
    }

    [b-iticewofav] .candidate-portal-page-text {
        max-width: 620px;
        font-size: 0.9rem;
        line-height: 1.42;
    }

    [b-iticewofav] .candidate-portal-stat-grid,
    [b-iticewofav] .candidate-portal-card-grid,
    [b-iticewofav] .candidate-portal-quick-grid,
    [b-iticewofav] .candidate-portal-summary-strip,
    [b-iticewofav] .candidate-portal-workspace-grid,
    [b-iticewofav] .candidate-portal-home-summary-grid {
        gap: 0.7rem;
    }

    [b-iticewofav] .candidate-portal-workspace-grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.95fr);
        align-items: start;
    }

    [b-iticewofav] .candidate-portal-home-summary-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    [b-iticewofav] .candidate-portal-stat-card,
    [b-iticewofav] .candidate-portal-summary-item {
        min-height: 92px;
        padding: 0.72rem 0.78rem;
    }

    [b-iticewofav] .candidate-portal-stat-value {
        font-size: 1.58rem;
    }

    [b-iticewofav] .candidate-portal-section-header {
        margin-bottom: 0.55rem;
    }

    [b-iticewofav] .candidate-portal-section-title {
        font-size: 0.94rem;
    }

    [b-iticewofav] .candidate-portal-section-subtitle,
    [b-iticewofav] .candidate-portal-stat-note,
    [b-iticewofav] .candidate-portal-summary-note,
    [b-iticewofav] .candidate-portal-row-meta,
    [b-iticewofav] .candidate-portal-row-note,
    [b-iticewofav] .candidate-portal-empty {
        font-size: 0.81rem;
        line-height: 1.4;
    }

    [b-iticewofav] .candidate-portal-button,
    [b-iticewofav] .candidate-portal-button-secondary,
    [b-iticewofav] .candidate-portal-button-ghost {
        min-height: 40px;
        padding: 0.56rem 0.95rem;
        border-radius: 0.32rem;
        font-size: 0.9rem;
    }

    [b-iticewofav] .candidate-portal-button-secondary {
        background: #eef5fb;
        border-color: #dde9f6;
        color: #2d6eaa;
    }

    [b-iticewofav] .candidate-portal-identity-card,
    [b-iticewofav] .candidate-portal-profile-summary-card {
        grid-template-columns: 88px minmax(0, 1fr) 180px;
        padding: 1rem 1.05rem;
    }

    [b-iticewofav] .candidate-portal-photo-circle,
    [b-iticewofav] .candidate-portal-profile-photo-circle {
        width: 84px;
        height: 84px;
        font-size: 1.95rem;
    }

    [b-iticewofav] .candidate-portal-paycheck-card .candidate-portal-section-header {
        align-items: center;
    }

    [b-iticewofav] .candidate-portal-paycheck-card .candidate-portal-focus-amount {
        text-align: center;
        margin-top: 0.15rem;
    }

    [b-iticewofav] .candidate-portal-paycheck-card .candidate-portal-focus-subtitle {
        text-align: center;
    }

    [b-iticewofav] .candidate-portal-home-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-iticewofav] .candidate-portal-profile-panel-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1260px) {
    .candidate-portal-body[b-iticewofav] {
        grid-template-columns: 182px minmax(0, 1fr);
        gap: 0.95rem;
        padding-left: 0.9rem;
        padding-right: 0.9rem;
    }

    [b-iticewofav] .candidate-portal-stat-grid,
    [b-iticewofav] .candidate-portal-summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1024px) {
    .candidate-portal-header[b-iticewofav],
    .candidate-portal-header-strip[b-iticewofav] {
        display: none;
    }

    .candidate-portal-mobile-toolbar[b-iticewofav] {
        height: var(--portal-mobile-header-height);
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        align-items: center;
        gap: 0.7rem;
        padding: 0 0.65rem;
        background: #3d4052;
    }

    .candidate-portal-mobile-search-launch[b-iticewofav],
    .candidate-portal-mobile-settings[b-iticewofav] {
        width: 42px;
        height: 42px;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(20, 24, 35, 0.16);
        color: #edf1f7;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .candidate-portal-mobile-search-box[b-iticewofav] {
        min-width: 0;
        height: 38px;
        display: flex;
        align-items: center;
        padding: 0 0.85rem;
        border: 1px solid rgba(255, 255, 255, 0.14);
        background: rgba(20, 24, 35, 0.16);
        color: #edf1f7;
    }

    .candidate-portal-mobile-toolbar-icon[b-iticewofav] {
        width: 1.35rem;
        height: 1.35rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #d6dde8;
    }

    .candidate-portal-mobile-toolbar-icon svg[b-iticewofav],
    .candidate-portal-mobile-settings svg[b-iticewofav] {
        width: 100%;
        height: 100%;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.85;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .candidate-portal-mobile-search-input[b-iticewofav] {
        min-width: 0;
        width: 100%;
        border: none;
        background: transparent;
        color: #f5f7fb;
        font-size: 0.92rem;
        font-weight: 500;
        outline: none;
    }

    .candidate-portal-mobile-search-input[b-iticewofav]::placeholder {
        color: #cbd3df;
    }

    .candidate-portal-mobile-settings svg[b-iticewofav] {
        width: 1.35rem;
        height: 1.35rem;
    }

    .candidate-portal-body[b-iticewofav] {
        grid-template-columns: 1fr;
        padding: calc(var(--portal-mobile-header-height) + 0.95rem) 0.95rem calc(5.7rem + env(safe-area-inset-bottom));
    }

    .candidate-portal-rail[b-iticewofav] {
        display: none;
    }

    .candidate-portal-bottom-nav[b-iticewofav] {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 210;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        padding: 0.25rem 0.2rem calc(0.38rem + env(safe-area-inset-bottom));
        background: #ffffff;
        border-top: 1px solid #dde3ea;
    }

    .candidate-portal-bottom-link[b-iticewofav] {
        width: 100%;
        min-height: 60px;
        padding: 0.15rem 0.05rem;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #8f949d;
        display: grid;
        grid-auto-rows: min-content;
        justify-items: center;
        align-content: center;
        justify-content: center;
        gap: 0.08rem;
        font-size: 0.72rem;
        font-weight: 500;
        text-decoration: none !important;
        line-height: 1;
        font-family: inherit;
        appearance: none;
        -webkit-appearance: none;
        box-shadow: none;
    }

    .candidate-portal-bottom-link.active[b-iticewofav],
    .candidate-portal-bottom-link.manual.active[b-iticewofav] {
        color: #df6b97;
    }

    .candidate-portal-bottom-link.manual[b-iticewofav] {
        cursor: pointer;
    }

    .candidate-portal-bottom-icon[b-iticewofav] {
        width: 1.42rem;
        height: 1.42rem;
        color: inherit;
    }

    .candidate-portal-bottom-icon.home svg[b-iticewofav] {
        stroke-width: 1.35;
    }

    .candidate-portal-bottom-link.active .candidate-portal-bottom-icon.home svg[b-iticewofav] {
        fill: currentColor;
        stroke: currentColor;
    }

    .candidate-portal-bottom-label[b-iticewofav] {
        display: block;
        margin: 0;
        font-size: 0.68rem;
        font-weight: 500;
        line-height: 1.08;
        text-align: center;
        text-decoration: none !important;
        white-space: nowrap;
        color: inherit;
    }

    .candidate-portal-overlay[b-iticewofav] {
        position: fixed;
        inset: 0;
        z-index: 220;
        display: block;
        border: none;
        background: rgba(23, 31, 46, 0.18);
    }

    .candidate-portal-more-drawer[b-iticewofav] {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(280px, 82vw);
        z-index: 230;
        display: flex;
        flex-direction: column;
        gap: 0;
        padding: 0.9rem 0 1rem;
        background: #3f4054;
        box-shadow: -18px 0 42px rgba(15, 23, 42, 0.24);
    }

    .candidate-portal-more-drawer-header[b-iticewofav] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        padding: 0 1rem 0.8rem;
    }

    .candidate-portal-more-close[b-iticewofav] {
        width: 36px;
        height: 36px;
        border: 1px solid rgba(255, 255, 255, 0.12);
        background: rgba(255, 255, 255, 0.04);
        color: #edf1f7;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    .candidate-portal-more-close svg[b-iticewofav] {
        width: 1rem;
        height: 1rem;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.9;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .candidate-portal-more-title[b-iticewofav] {
        font-size: 0.76rem;
        font-weight: 700;
        letter-spacing: 0.12em;
        text-transform: uppercase;
        color: #cfd5df;
    }

    .candidate-portal-more-link[b-iticewofav] {
        width: 100%;
        padding: 0.95rem 1rem;
        border: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
        background: transparent;
        color: #eceff5 !important;
        font-size: 0.98rem;
        font-weight: 500;
        text-decoration: none !important;
        font-family: inherit;
        text-align: left;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        appearance: none;
        -webkit-appearance: none;
        box-shadow: none;
        cursor: pointer;
    }

    .candidate-portal-more-link:hover[b-iticewofav] {
        background: rgba(255, 255, 255, 0.04);
    }

    .candidate-portal-more-link.danger[b-iticewofav] {
        color: #f7c6d6;
    }
}

@media (max-width: 720px) {
    .candidate-portal-header[b-iticewofav] {
        gap: 0.65rem;
        padding: 0 0.8rem;
    }

    .candidate-portal-header-logo[b-iticewofav] {
        height: 36px;
    }

    .candidate-portal-user-copy[b-iticewofav] {
        display: none;
    }

    .candidate-portal-user-button[b-iticewofav] {
        padding-right: 0.45rem;
    }

    .candidate-portal-user-chevron[b-iticewofav] {
        display: none;
    }

    [b-iticewofav] .candidate-portal-page-title {
        font-size: 1.9rem;
    }

    [b-iticewofav] .candidate-portal-identity-card,
    [b-iticewofav] .candidate-portal-profile-summary-card {
        grid-template-columns: 1fr;
        justify-items: start;
    }

    [b-iticewofav] .candidate-portal-identity-side,
    [b-iticewofav] .candidate-portal-profile-summary-side {
        align-items: flex-start;
        text-align: left;
    }

    [b-iticewofav] .candidate-portal-card-grid,
    [b-iticewofav] .candidate-portal-stat-grid,
    [b-iticewofav] .candidate-portal-summary-strip,
    [b-iticewofav] .candidate-portal-shifts-count-strip,
    [b-iticewofav] .candidate-portal-form-grid,
    [b-iticewofav] .candidate-portal-quick-grid {
        grid-template-columns: 1fr;
    }

    [b-iticewofav] .candidate-portal-shifts-tab-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    [b-iticewofav] .candidate-portal-section-header,
    [b-iticewofav] .candidate-portal-shift-row,
    [b-iticewofav] .candidate-portal-doc-row,
    [b-iticewofav] .candidate-portal-pay-row,
    [b-iticewofav] .candidate-portal-profile-row,
    [b-iticewofav] .candidate-portal-action-row,
    [b-iticewofav] .candidate-portal-calendar-header {
        flex-direction: column;
        align-items: stretch;
    }

    [b-iticewofav] .candidate-portal-row-side {
        align-items: flex-start;
        text-align: left;
    }

    [b-iticewofav] .candidate-portal-calendar-grid {
        gap: 0.3rem;
    }

    [b-iticewofav] .candidate-portal-calendar-day {
        min-height: 78px;
        padding: 0.45rem;
    }
}
/* /Components/Layout/ClientPortalLayout.razor.rz.scp.css */
.client-portal-shell[b-ef0h969mn3] {
    min-height: 100vh;
    background: #edf1f5;
    color: #243447;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.client-portal-header-shell[b-ef0h969mn3] {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #ffffff;
    border-bottom: 1px solid #cfd7e3;
    box-shadow: 0 1px 0 rgba(30, 48, 74, 0.04);
}

.client-portal-header[b-ef0h969mn3] {
    max-width: 1680px;
    margin: 0 auto;
    padding: 10px 18px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
}

.client-portal-brand[b-ef0h969mn3] {
    display: inline-flex;
    align-items: center;
}

.client-portal-brand-logo[b-ef0h969mn3] {
    height: 34px;
    width: auto;
    display: block;
}

.client-portal-header-center[b-ef0h969mn3] {
    min-width: 0;
}

.client-portal-header-kicker[b-ef0h969mn3] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #5f6f84;
}

.client-portal-header-title[b-ef0h969mn3] {
    font-size: 20px;
    font-weight: 700;
    color: #1f2f45;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.client-portal-header-meta[b-ef0h969mn3] {
    margin-top: 2px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #607185;
}

.client-portal-preview-pill[b-ef0h969mn3] {
    padding: 2px 8px;
    border: 1px solid #d4a53b;
    background: #fff5dd;
    color: #8f6512;
    border-radius: 999px;
    font-weight: 700;
}

.client-portal-header-actions[b-ef0h969mn3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.client-portal-settings-button[b-ef0h969mn3] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border: 1px solid #cbd5e1;
    background: #f8fafc;
    color: #223348;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.client-portal-settings-button:hover[b-ef0h969mn3] {
    background: #eef4fb;
    border-color: #aac0de;
}

.client-portal-settings-avatar[b-ef0h969mn3] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #204b93;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
}

.client-portal-settings-copy[b-ef0h969mn3] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    line-height: 1.15;
}

.client-portal-settings-name[b-ef0h969mn3] {
    font-size: 13px;
    font-weight: 700;
}

.client-portal-settings-subtitle[b-ef0h969mn3] {
    font-size: 11px;
    color: #66778c;
}

.client-portal-body[b-ef0h969mn3] {
    max-width: 1680px;
    margin: 0 auto;
    padding: 16px 18px 28px;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 16px;
}

.client-portal-rail[b-ef0h969mn3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.client-portal-rail-card[b-ef0h969mn3] {
    background: #ffffff;
    border: 1px solid #d4dce7;
    border-radius: 6px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client-portal-rail-title[b-ef0h969mn3] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #627386;
}

.client-portal-rail-note[b-ef0h969mn3] {
    font-size: 12px;
    color: #6d7c90;
    line-height: 1.4;
}

.client-portal-rail-link[b-ef0h969mn3],
.client-portal-rail-item[b-ef0h969mn3] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 9px;
    font-size: 13px;
    border-radius: 4px;
    color: #243447;
}

.client-portal-rail-link[b-ef0h969mn3] {
    border: 1px solid #d4dce7;
    background: #f9fbfd;
    cursor: pointer;
    text-decoration: none;
}

.client-portal-rail-link:hover[b-ef0h969mn3] {
    background: #eff5fb;
    border-color: #afc4df;
}

.client-portal-rail-link.active[b-ef0h969mn3] {
    border-color: #2f73d9;
    background: #eaf2fe;
    color: #184b98;
    font-weight: 700;
}

.client-portal-rail-link.anchor[b-ef0h969mn3] {
    display: flex;
}

.client-portal-rail-link.danger[b-ef0h969mn3] {
    color: #a3363a;
}

.client-portal-rail-item[b-ef0h969mn3] {
    border: 1px dashed #dde4ed;
    background: #fbfcfe;
}

.client-portal-rail-badge[b-ef0h969mn3] {
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #eaf0f8;
    color: #3a5474;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
}

.client-portal-rail-badge.attention[b-ef0h969mn3] {
    background: #fff0d5;
    color: #946314;
}

.client-portal-main-shell[b-ef0h969mn3] {
    min-width: 0;
}

.client-portal-content[b-ef0h969mn3] {
    min-width: 0;
}

.client-portal-overlay[b-ef0h969mn3] {
    position: fixed;
    inset: 0;
    z-index: 39;
    border: 0;
    background: rgba(17, 24, 39, 0.35);
}

.client-portal-settings-flyout[b-ef0h969mn3] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(420px, 94vw);
    height: 100vh;
    z-index: 40;
    background: #ffffff;
    border-left: 1px solid #cdd6e3;
    box-shadow: -10px 0 28px rgba(31, 47, 69, 0.18);
    display: flex;
    flex-direction: column;
}

.client-portal-flyout-header[b-ef0h969mn3] {
    padding: 14px 16px;
    border-bottom: 1px solid #d5dce7;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-flyout-kicker[b-ef0h969mn3] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #617185;
}

.client-portal-flyout-title[b-ef0h969mn3] {
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-flyout-close[b-ef0h969mn3] {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d9e5;
    background: #ffffff;
    border-radius: 4px;
    color: #44566c;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.client-portal-flyout-empty[b-ef0h969mn3],
.client-portal-flyout-alert[b-ef0h969mn3] {
    margin: 14px 16px 0;
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    line-height: 1.45;
}

.client-portal-flyout-empty[b-ef0h969mn3] {
    border: 1px solid #d9e1eb;
    background: #f9fbfd;
    color: #5f6f84;
}

.client-portal-flyout-alert[b-ef0h969mn3] {
    border: 1px solid #f0d08a;
    background: #fff6df;
    color: #8d6617;
}

.client-portal-flyout-section[b-ef0h969mn3] {
    padding: 14px 16px 0;
}

.client-portal-flyout-section-title[b-ef0h969mn3] {
    font-size: 13px;
    font-weight: 700;
    color: #203147;
    margin-bottom: 8px;
}

.client-portal-flyout-grid[b-ef0h969mn3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px 12px;
}

.client-portal-flyout-grid.permissions[b-ef0h969mn3] {
    grid-template-columns: 1fr;
}

.client-portal-flyout-grid > div[b-ef0h969mn3] {
    padding: 9px 10px;
    border: 1px solid #dde4ed;
    background: #fbfcfe;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.client-portal-flyout-label[b-ef0h969mn3] {
    font-size: 11px;
    color: #647589;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.client-portal-flyout-grid strong[b-ef0h969mn3] {
    font-size: 13px;
    font-weight: 700;
    color: #223348;
    overflow-wrap: anywhere;
}

.client-portal-flyout-actions[b-ef0h969mn3] {
    margin-top: auto;
    padding: 16px;
    display: flex;
    gap: 10px;
    border-top: 1px solid #d5dce7;
    background: #fafbfd;
}

.client-portal-flyout-button[b-ef0h969mn3] {
    flex: 1;
    min-height: 38px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.client-portal-flyout-button.primary[b-ef0h969mn3] {
    background: #235dc0;
    color: #ffffff;
    border: 1px solid #235dc0;
}

.client-portal-flyout-button.secondary[b-ef0h969mn3] {
    background: #ffffff;
    color: #2f4a69;
    border: 1px solid #c7d1de;
}

@media (max-width: 1080px) {
    .client-portal-header[b-ef0h969mn3] {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .client-portal-brand[b-ef0h969mn3] {
        display: none;
    }

    .client-portal-body[b-ef0h969mn3] {
        grid-template-columns: 1fr;
    }

    .client-portal-rail[b-ef0h969mn3] {
        order: 2;
    }
}

@media (max-width: 720px) {
    .client-portal-header[b-ef0h969mn3] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .client-portal-header-actions[b-ef0h969mn3] {
        width: 100%;
        justify-content: flex-start;
    }

    .client-portal-settings-button[b-ef0h969mn3] {
        width: 100%;
        justify-content: flex-start;
    }

    .client-portal-body[b-ef0h969mn3] {
        padding: 12px;
    }

    .client-portal-flyout-grid[b-ef0h969mn3] {
        grid-template-columns: 1fr;
    }

    .client-portal-flyout-actions[b-ef0h969mn3] {
        flex-direction: column;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("/fonts/poppins/Poppins-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.avio-shell[b-ahnnwyoqsh] {
    position: fixed;
    inset: 0;
    overflow: hidden;
    background: #ffffff;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
}

.avio-topbar-shell[b-ahnnwyoqsh] {
    position: relative;
    z-index: 200;
    background: #ffffff;
    box-shadow: 0 8px 22px rgba(14, 31, 53, 0.18);
    flex: 0 0 auto;
    width: 100%;
}

.avio-topbar[b-ahnnwyoqsh] {
    height: 66px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: stretch;
    background: #ffffff;
    border-bottom: 1px solid #dce4ec;
    width: 100%;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.avio-brand-zone[b-ahnnwyoqsh] {
    display: flex;
    align-items: center;
    width: 210px;
    min-width: 210px;
    padding: 0 14px;
    border-right: 1px solid #dfe5eb;
}

.avio-logo-button[b-ahnnwyoqsh] {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.avio-logo-image[b-ahnnwyoqsh] {
    height: 44px;
    width: auto;
    display: block;
}

.avio-primary-nav[b-ahnnwyoqsh] {
    display: flex;
    align-items: flex-end;
    gap: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    padding-left: 12px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-primary-nav[b-ahnnwyoqsh]::-webkit-scrollbar {
        display: none;
    }

.avio-primary-link[b-ahnnwyoqsh] {
    height: 54px;
    align-self: end;
    border: none;
    border-radius: 8px 8px 0 0;
    background: transparent;
    color: #5f6973;
    font-size: 0.80rem;
    font-weight: 500;
    padding: 0 11px;
    margin: 0 1px -1px 0;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.14s ease, background 0.14s ease;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-primary-link:hover[b-ahnnwyoqsh] {
        background: #f5f7fa;
        color: #1f3140;
    }

    .avio-primary-link.active[b-ahnnwyoqsh] {
        position: relative;
        z-index: 2;
        background: #0a76c8;
        color: #ffffff;
        font-weight: 600;
    }

.avio-topbar-actions[b-ahnnwyoqsh] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 16px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.avio-create-wrap[b-ahnnwyoqsh] {
    position: relative;
}

.avio-create-button[b-ahnnwyoqsh] {
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 6px;
    background: #0a76c8;
    color: #ffffff;
    font-size: 1.2rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(10, 118, 200, 0.18);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.avio-create-dropdown[b-ahnnwyoqsh] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    min-width: 220px;
    background: #ffffff;
    border: 1px solid #d7e0e8;
    border-radius: 10px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    overflow: hidden;
}

.avio-create-item[b-ahnnwyoqsh] {
    width: 100%;
    border: none;
    background: #ffffff;
    color: #213241;
    font-size: 0.82rem;
    font-weight: 500;
    text-align: left;
    padding: 11px 14px;
    cursor: pointer;
    border-bottom: 1px solid #edf2f6;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-create-item:last-child[b-ahnnwyoqsh] {
        border-bottom: none;
    }

    .avio-create-item:hover[b-ahnnwyoqsh] {
        background: #f5f9fd;
    }

.avio-search-wrap[b-ahnnwyoqsh] {
    position: relative;
    display: flex;
    align-items: center;
}

.avio-search-input[b-ahnnwyoqsh] {
    width: 286px;
    height: 38px;
    border: 1px solid #d4dde6;
    border-radius: 4px;
    padding: 0 40px 0 14px;
    font-size: 0.82rem;
    color: #24313d;
    background: #ffffff;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-search-input[b-ahnnwyoqsh]::placeholder {
        color: #88939e;
    }

    .avio-search-input:focus[b-ahnnwyoqsh] {
        outline: none;
        border-color: #9eb8d0;
        box-shadow: none;
    }

.avio-search-icon-button[b-ahnnwyoqsh] {
    position: absolute;
    right: 8px;
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    color: #454f59;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

    .avio-search-icon-button svg[b-ahnnwyoqsh] {
        width: 17px;
        height: 17px;
    }

.avio-search-dropdown[b-ahnnwyoqsh] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(380px, calc(100vw - 36px));
    max-height: 560px;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #d3dde6;
    border-radius: 6px;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.24);
    z-index: 450;
}

.avio-search-group + .avio-search-group[b-ahnnwyoqsh] {
    border-top: 1px solid #e6edf4;
}

.avio-search-group-header[b-ahnnwyoqsh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 10px;
    background: #d6d8db;
    color: #445160;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: uppercase;
}

.avio-search-group-count[b-ahnnwyoqsh] {
    font-size: 0.70rem;
    font-weight: 700;
}

.avio-search-result[b-ahnnwyoqsh] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eef3f7;
    background: #ffffff;
    padding: 10px 10px 9px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-search-result:hover[b-ahnnwyoqsh] {
        background: #f7fafc;
    }

.avio-search-result:last-child[b-ahnnwyoqsh] {
    border-bottom: none;
}

.avio-search-result-avatar[b-ahnnwyoqsh] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 4px;
    background: #e9f3fb;
    color: #3d7db0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .avio-search-result-avatar svg[b-ahnnwyoqsh] {
        width: 26px;
        height: 26px;
        display: block;
    }

.avio-search-result-photo[b-ahnnwyoqsh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.avio-search-result-body[b-ahnnwyoqsh] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.avio-search-result-topline[b-ahnnwyoqsh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

.avio-search-result-title[b-ahnnwyoqsh] {
    font-size: 0.83rem;
    font-weight: 700;
    color: #263340;
    line-height: 1.2;
}

.avio-search-result-number[b-ahnnwyoqsh] {
    font-size: 0.70rem;
    font-weight: 700;
    color: #667382;
    line-height: 1.2;
    white-space: nowrap;
}

.avio-search-result-line[b-ahnnwyoqsh] {
    display: block;
    color: #51606e;
    font-size: 0.75rem;
    line-height: 1.25;
    word-break: break-word;
}

.avio-search-result-navhint[b-ahnnwyoqsh] {
    display: inline-flex;
    align-items: center;
    color: #2b669c;
    font-size: 0.67rem;
    font-weight: 700;
    line-height: 1.2;
    margin-top: 2px;
}

.avio-search-result-highlights[b-ahnnwyoqsh] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 3px;
}

.avio-search-result-chip[b-ahnnwyoqsh] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eef4f9;
    color: #4a5a68;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1;
}

.avio-search-status[b-ahnnwyoqsh] {
    flex: 0 0 auto;
    margin-top: 1px;
    white-space: nowrap;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1;
}

.avio-search-status.neutral[b-ahnnwyoqsh] {
    background: #ecf1f5;
    color: #50606f;
}

.avio-search-status.positive[b-ahnnwyoqsh] {
    background: #dff4e6;
    color: #1f7a48;
}

.avio-search-status.warning[b-ahnnwyoqsh] {
    background: #fff1d7;
    color: #986c05;
}

.avio-search-status.danger[b-ahnnwyoqsh] {
    background: #fde4e4;
    color: #ab2e2e;
}

.avio-search-state[b-ahnnwyoqsh] {
    padding: 14px 12px;
    color: #52606d;
    font-size: 0.78rem;
    font-weight: 500;
}

.avio-search-footer[b-ahnnwyoqsh] {
    border-top: 1px solid #e6edf4;
    background: #f7fafc;
    padding: 8px;
}

.avio-search-footer-button[b-ahnnwyoqsh] {
    width: 100%;
    border: 1px solid #cdd9e5;
    border-radius: 5px;
    background: #ffffff;
    color: #27445d;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 8px 10px;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

    .avio-search-footer-button:hover[b-ahnnwyoqsh] {
        background: #eef5fb;
    }

.avio-user-wrap[b-ahnnwyoqsh] {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.avio-user-button[b-ahnnwyoqsh] {
    height: 38px;
    border: 1px solid #d4dde6;
    border-radius: 19px;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px 0 8px;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.avio-user-avatar[b-ahnnwyoqsh] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #e9eff5;
    color: #314454;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 700;
}

.avio-user-name[b-ahnnwyoqsh] {
    font-size: 0.80rem;
    font-weight: 600;
    color: #334251;
}

.avio-user-menu[b-ahnnwyoqsh] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 226px;
    background: #ffffff;
    border: 1px solid #d4dde6;
    border-radius: 6px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    overflow: hidden;
    z-index: 460;
}

.avio-user-menu-header[b-ahnnwyoqsh] {
    display: grid;
    gap: 2px;
    padding: 10px 12px;
    background: #f4f7fa;
    border-bottom: 1px solid #dde5ed;
}

.avio-user-menu-name[b-ahnnwyoqsh] {
    color: #263442;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.2;
}

.avio-user-menu-role[b-ahnnwyoqsh] {
    color: #617182;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.avio-user-menu-item[b-ahnnwyoqsh] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #edf2f6;
    background: #ffffff;
    color: #24313d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 34px;
    padding: 0 12px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

    .avio-user-menu-item:hover[b-ahnnwyoqsh] {
        background: #f6f9fc;
    }

    .avio-user-menu-item:last-child[b-ahnnwyoqsh] {
        border-bottom: none;
    }

    .avio-user-menu-item.danger[b-ahnnwyoqsh] {
        color: #9b2f2f;
    }

.avio-subnav-bar[b-ahnnwyoqsh] {
    min-height: 40px;
    display: flex;
    align-items: center;
    background: #0a76c8;
    padding: 0 18px;
    margin-top: -1px;
    box-shadow: 0 4px 12px rgba(13, 33, 54, 0.18);
}

.avio-subnav-bar-thin[b-ahnnwyoqsh] {
    min-height: 8px;
    padding: 0;
    margin-top: -1px;
}

.avio-page-shell[b-ahnnwyoqsh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px 14px 14px;
    background: #ffffff;
}

.avio-create-job-flyout-scrim[b-ahnnwyoqsh] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: transparent;
    animation: none;
}

.avio-create-job-flyout-panel[b-ahnnwyoqsh] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(1120px, 100%);
    height: 100vh;
    z-index: 3001;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    transform: translate3d(0, 0, 0);
    animation: avioCreateJobSlideIn-b-ahnnwyoqsh 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.avio-create-job-flyout-scrim.closing[b-ahnnwyoqsh] {
    pointer-events: none;
    animation: none;
}

.avio-create-job-flyout-panel.closing[b-ahnnwyoqsh] {
    pointer-events: none;
    animation: avioCreateJobSlideOut-b-ahnnwyoqsh 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.avio-create-job-flyout-header[b-ahnnwyoqsh] {
    min-height: 48px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #424242;
    color: #ffffff;
}

.avio-create-job-flyout-kicker[b-ahnnwyoqsh] {
    color: #d7d7d7;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.avio-create-job-flyout-header h2[b-ahnnwyoqsh] {
    margin: 0;
    font-size: 0.96rem;
    font-weight: 700;
}

.avio-create-job-flyout-close[b-ahnnwyoqsh] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.avio-create-job-flyout-body[b-ahnnwyoqsh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 16px;
    background: #ffffff;
}

@keyframes avioCreateJobBackdropIn-b-ahnnwyoqsh {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes avioCreateJobSlideIn-b-ahnnwyoqsh {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes avioCreateJobBackdropOut-b-ahnnwyoqsh {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes avioCreateJobSlideOut-b-ahnnwyoqsh {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .avio-create-job-flyout-panel[b-ahnnwyoqsh] {
        animation-duration: 1400ms;
    }

    .avio-create-job-flyout-panel.closing[b-ahnnwyoqsh] {
        animation-duration: 1400ms;
    }
}

    .avio-page-shell[b-ahnnwyoqsh]::-webkit-scrollbar {
        width: 14px;
        height: 14px;
    }

    .avio-page-shell[b-ahnnwyoqsh]::-webkit-scrollbar-track {
        background: #eef3f7;
    }

    .avio-page-shell[b-ahnnwyoqsh]::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #b8c8d6 0%, #93abc0 100%);
        border-radius: 999px;
        border: 2px solid #eef3f7;
    }

@media (max-width: 1280px) {
    .avio-topbar[b-ahnnwyoqsh] {
        grid-template-columns: 1fr;
        height: auto;
    }

    .avio-brand-zone[b-ahnnwyoqsh] {
        width: auto;
        min-width: 0;
        border-right: none;
        border-bottom: 1px solid #dfe5eb;
        padding: 10px 16px;
    }

    .avio-primary-nav[b-ahnnwyoqsh] {
        padding: 0 8px;
        min-height: 52px;
    }

    .avio-topbar-actions[b-ahnnwyoqsh] {
        padding: 10px 16px;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

@media (max-width: 900px) {
    .avio-user-name[b-ahnnwyoqsh] {
        display: none;
    }

    .avio-search-input[b-ahnnwyoqsh] {
        width: 190px;
    }

    .avio-page-shell[b-ahnnwyoqsh] {
        padding: 12px;
    }

    .avio-search-dropdown[b-ahnnwyoqsh] {
        width: min(340px, calc(100vw - 24px));
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.subnav-shell[b-ub9ge4v2bf] {
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}

    .subnav-shell[b-ub9ge4v2bf]::-webkit-scrollbar {
        display: none;
    }

    .subnav-shell[b-ub9ge4v2bf]  a.subnav-link,
    .subnav-shell .subnav-button[b-ub9ge4v2bf] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 40px;
        padding: 0;
        border: none;
        border-radius: 0;
        background: transparent;
        color: rgba(255,255,255,0.95);
        text-decoration: none;
        font-size: 0.78rem;
        font-weight: 500;
        white-space: nowrap;
        cursor: pointer;
        box-shadow: none;
        transition: color 0.14s ease, opacity 0.14s ease;
    }

        .subnav-shell[b-ub9ge4v2bf]  a.subnav-link:hover,
        .subnav-shell .subnav-button:hover[b-ub9ge4v2bf] {
            background: transparent;
            color: #ffffff;
            text-decoration: none;
            opacity: 1;
        }

        .subnav-shell[b-ub9ge4v2bf]  a.subnav-link.active {
            background: transparent;
            color: #ffffff;
            font-weight: 700;
            box-shadow: none;
        }

@media (max-width: 1200px) {
    .subnav-shell[b-ub9ge4v2bf] {
        gap: 16px;
    }

        .subnav-shell[b-ub9ge4v2bf]  a.subnav-link,
        .subnav-shell .subnav-button[b-ub9ge4v2bf] {
            font-size: 0.76rem;
        }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0oa7hmtven],
.components-reconnect-repeated-attempt-visible[b-0oa7hmtven],
.components-reconnect-failed-visible[b-0oa7hmtven],
.components-pause-visible[b-0oa7hmtven],
.components-resume-failed-visible[b-0oa7hmtven],
.components-rejoining-animation[b-0oa7hmtven] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ActivityLogs.razor.rz.scp.css */
.activity-log-page[b-timalueacr] {
    width: 100%;
}

.activity-log-header[b-timalueacr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.activity-log-title-wrap[b-timalueacr] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.activity-log-dot[b-timalueacr] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.activity-log-title[b-timalueacr] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.activity-log-header-actions[b-timalueacr] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.activity-log-button[b-timalueacr] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .activity-log-button.primary[b-timalueacr] {
        background: #099bc6;
        color: white;
    }

    .activity-log-button.secondary[b-timalueacr] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.activity-log-panel[b-timalueacr] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.activity-log-panel-header[b-timalueacr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.activity-log-panel-title[b-timalueacr] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.activity-log-panel-subtitle[b-timalueacr] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.activity-log-panel-count[b-timalueacr] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.activity-log-filter-body[b-timalueacr] {
    padding: 11px;
}

.activity-log-filter-grid[b-timalueacr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 10px 12px;
}

    .activity-log-filter-grid label[b-timalueacr] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.activity-log-input[b-timalueacr],
.activity-log-select[b-timalueacr] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 400;
    color: #2f2f2f;
    box-sizing: border-box;
    width: 100%;
}

.activity-log-filter-actions[b-timalueacr] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.activity-log-empty[b-timalueacr] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.activity-log-filter-row th[b-timalueacr] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.activity-log-table-wrap[b-timalueacr] {
    width: 100%;
    overflow-x: auto;
}

.activity-log-table[b-timalueacr] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .activity-log-table thead th[b-timalueacr] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .activity-log-table tbody td[b-timalueacr] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 6px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: top;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .activity-log-table tbody tr:nth-child(odd)[b-timalueacr] {
        background: #fcfdfe;
    }

    .activity-log-table tbody tr:nth-child(even)[b-timalueacr] {
        background: #f6f8fa;
    }

    .activity-log-table tbody tr:hover[b-timalueacr] {
        background: #eef9f4;
    }

.activity-log-sort-button[b-timalueacr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.activity-log-title-cell[b-timalueacr] {
    font-weight: 600;
    color: #1f2d3d;
}

.activity-log-description-preview[b-timalueacr] {
    margin-top: 2px;
    font-size: 0.70rem;
    color: #5d6773;
    white-space: normal;
    max-width: 420px;
}

.activity-log-severity[b-timalueacr] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .activity-log-severity.info[b-timalueacr] {
        background: #edf6ff;
        border-color: #bfd7f0;
        color: #305e8d;
    }

    .activity-log-severity.warning[b-timalueacr] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .activity-log-severity.error[b-timalueacr] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .activity-log-severity.critical[b-timalueacr] {
        background: #fce8ea;
        border-color: #e199a6;
        color: #8d2632;
    }

.activity-log-row-link[b-timalueacr],
.activity-log-row-button[b-timalueacr] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .activity-log-row-link:hover[b-timalueacr],
    .activity-log-row-button:hover[b-timalueacr] {
        text-decoration: underline;
    }

.activity-log-grid-footer[b-timalueacr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.activity-log-grid-footer-summary[b-timalueacr] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

.activity-log-modal-backdrop[b-timalueacr] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.40);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.activity-log-modal[b-timalueacr] {
    width: min(820px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 14px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
    padding: 18px;
}

.activity-log-modal-header[b-timalueacr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
}

.activity-log-modal-title[b-timalueacr] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
}

.activity-log-modal-subtitle[b-timalueacr] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: #5d6773;
    font-weight: 500;
}

.activity-log-modal-close[b-timalueacr] {
    width: 28px;
    height: 28px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #f8fafc;
    color: #4a5867;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 700;
}

.activity-log-detail-grid[b-timalueacr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 12px;
}

    .activity-log-detail-grid label[b-timalueacr] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

    .activity-log-detail-grid div[b-timalueacr] {
        font-size: 0.78rem;
        color: #24313d;
    }

.activity-log-detail-full[b-timalueacr] {
    grid-column: 1 / -1;
}

.activity-log-detail-block[b-timalueacr] {
    border: 1px solid #e3e8ee;
    background: #fbfcfd;
    border-radius: 6px;
    padding: 8px;
    min-height: 34px;
    white-space: pre-wrap;
}

.activity-log-modal-actions[b-timalueacr] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .activity-log-header-actions[b-timalueacr] {
        justify-content: flex-start;
        width: 100%;
    }

    .activity-log-filter-grid[b-timalueacr] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

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

@media (max-width: 800px) {
    .activity-log-filter-grid[b-timalueacr],
    .activity-log-detail-grid[b-timalueacr] {
        grid-template-columns: 1fr;
    }

    .activity-log-detail-full[b-timalueacr] {
        grid-column: auto;
    }

    .activity-log-modal-actions[b-timalueacr],
    .activity-log-filter-actions[b-timalueacr] {
        flex-direction: column;
        align-items: stretch;
    }

    .activity-log-button[b-timalueacr] {
        width: 100%;
    }

    .activity-log-grid-footer[b-timalueacr] {
        justify-content: center;
    }

    .activity-log-grid-footer-summary[b-timalueacr] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/AddOpenShifts.razor.rz.scp.css */
.add-open-shifts-page[b-hf5zszfvcs] {
    width: 100%;
}

.add-open-shifts-header[b-hf5zszfvcs] {
    margin-bottom: 10px;
}

.add-open-shifts-title-wrap[b-hf5zszfvcs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.add-open-shifts-dot[b-hf5zszfvcs] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.add-open-shifts-title[b-hf5zszfvcs] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.add-open-shifts-grid[b-hf5zszfvcs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.add-open-shifts-card[b-hf5zszfvcs] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .add-open-shifts-card h3[b-hf5zszfvcs] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.add-open-shifts-card-wide[b-hf5zszfvcs] {
    grid-column: 1 / -1;
}

.add-open-shifts-form-grid[b-hf5zszfvcs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .add-open-shifts-form-grid label[b-hf5zszfvcs] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.add-open-shifts-form-grid-full[b-hf5zszfvcs] {
    grid-column: 1 / -1;
}

.add-open-shifts-section-header[b-hf5zszfvcs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

    .add-open-shifts-section-header h3[b-hf5zszfvcs] {
        margin: 0;
        padding: 0;
        border: none;
    }

.add-open-shifts-rows[b-hf5zszfvcs] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.add-open-shifts-row-card[b-hf5zszfvcs] {
    background: #fbfcfd;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    padding: 10px;
}

.add-open-shifts-row-header[b-hf5zszfvcs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.add-open-shifts-row-title[b-hf5zszfvcs] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #2f3c49;
}

.add-open-shifts-row-remove[b-hf5zszfvcs] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #e3b8bf;
    background: #fff7f8;
    color: #b24552;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.add-open-shifts-summary-grid[b-hf5zszfvcs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.add-open-shifts-empty[b-hf5zszfvcs] {
    padding: 8px 0 2px;
    font-size: 0.82rem;
    color: #596674;
}

.add-open-shifts-actions[b-hf5zszfvcs] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.add-open-shifts-button[b-hf5zszfvcs] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .add-open-shifts-button.primary[b-hf5zszfvcs] {
        background: #099bc6;
        color: white;
    }

    .add-open-shifts-button.secondary[b-hf5zszfvcs] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

@media (max-width: 1200px) {
    .add-open-shifts-grid[b-hf5zszfvcs] {
        grid-template-columns: 1fr;
    }

    .add-open-shifts-form-grid[b-hf5zszfvcs],
    .add-open-shifts-summary-grid[b-hf5zszfvcs] {
        grid-template-columns: 1fr;
    }

    .add-open-shifts-form-grid-full[b-hf5zszfvcs] {
        grid-column: auto;
    }
}
/* /Components/Pages/AssignmentProfile.razor.rz.scp.css */
.assignment-profile-page[b-2fwr0ioj7l] {
    width: 100%;
}

.assignment-profile-header[b-2fwr0ioj7l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.assignment-profile-header-left[b-2fwr0ioj7l] {
    min-width: 320px;
    flex: 1;
}

.assignment-profile-title-row[b-2fwr0ioj7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.assignment-profile-dot[b-2fwr0ioj7l] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.assignment-profile-title[b-2fwr0ioj7l] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.assignment-profile-subtitle[b-2fwr0ioj7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.81rem;
    color: #4f5c69;
    line-height: 1.25rem;
    font-weight: 600;
}

.assignment-profile-sub-sep[b-2fwr0ioj7l] {
    color: #9aa6b2;
}

.assignment-profile-header-right[b-2fwr0ioj7l] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.assignment-profile-button[b-2fwr0ioj7l] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .assignment-profile-button.primary[b-2fwr0ioj7l],
    .assignment-profile-button.save[b-2fwr0ioj7l] {
        background: #099bc6;
        color: white;
    }

    .assignment-profile-button.secondary[b-2fwr0ioj7l] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.assignment-profile-grid[b-2fwr0ioj7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.assignment-card[b-2fwr0ioj7l] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .assignment-card h3[b-2fwr0ioj7l] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.assignment-card-wide[b-2fwr0ioj7l] {
    grid-column: 1 / -1;
}

.assignment-info-grid[b-2fwr0ioj7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.assignment-form-grid[b-2fwr0ioj7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .assignment-form-grid label[b-2fwr0ioj7l] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.assignment-form-grid-full[b-2fwr0ioj7l] {
    grid-column: 1 / -1;
}

.assignment-summary-text[b-2fwr0ioj7l] {
    font-size: 0.82rem;
    color: #26323e;
    white-space: pre-wrap;
    line-height: 1.35rem;
}

.assignment-note-block[b-2fwr0ioj7l] {
    margin-bottom: 14px;
}

    .assignment-note-block:last-child[b-2fwr0ioj7l] {
        margin-bottom: 0;
    }

.assignment-note-title[b-2fwr0ioj7l] {
    font-size: 0.77rem;
    font-weight: 800;
    color: #465463;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.inline-link-button[b-2fwr0ioj7l] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-2fwr0ioj7l] {
        text-decoration: underline;
    }

@media (max-width: 1200px) {
    .assignment-profile-grid[b-2fwr0ioj7l] {
        grid-template-columns: 1fr;
    }

    .assignment-info-grid[b-2fwr0ioj7l],
    .assignment-form-grid[b-2fwr0ioj7l] {
        grid-template-columns: 1fr;
    }

    .assignment-form-grid-full[b-2fwr0ioj7l] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .assignment-profile-header[b-2fwr0ioj7l] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Assignments.razor.rz.scp.css */
.assignment-page[b-6oomeitn0u] {
    width: 100%;
}

.assignment-module-header[b-6oomeitn0u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.assignment-module-title-wrap[b-6oomeitn0u] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.assignment-module-dot[b-6oomeitn0u] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.assignment-module-title[b-6oomeitn0u] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.assignment-module-filters[b-6oomeitn0u] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.assignment-search-input[b-6oomeitn0u],
.assignment-filter-select[b-6oomeitn0u],
.assignment-filter-input[b-6oomeitn0u],
.assignment-page-size-select[b-6oomeitn0u] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.83rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.assignment-search-input[b-6oomeitn0u] {
    width: 320px;
    max-width: 100%;
}

.assignment-filter-input[b-6oomeitn0u] {
    width: 100%;
    min-width: 88px;
    font-weight: 500;
}

.assignment-filter-select[b-6oomeitn0u] {
    width: 150px;
}

.assignment-filter-date[b-6oomeitn0u] {
    min-width: 132px;
}

.assignment-action-button[b-6oomeitn0u] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .assignment-action-button.search[b-6oomeitn0u] {
        background: #099bc6;
        color: white;
    }

    .assignment-action-button.clear[b-6oomeitn0u] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.assignment-grid-panel[b-6oomeitn0u] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.assignment-grid-headerbar[b-6oomeitn0u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.assignment-grid-title[b-6oomeitn0u] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.assignment-grid-count[b-6oomeitn0u] {
    font-size: 0.78rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 600;
}

.assignment-grid-utilities[b-6oomeitn0u] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.assignment-page-size[b-6oomeitn0u] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.assignment-page-size-select[b-6oomeitn0u] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.assignment-empty[b-6oomeitn0u] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.assignment-table-wrap[b-6oomeitn0u] {
    width: 100%;
    overflow-x: auto;
}

.assignment-table[b-6oomeitn0u] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .assignment-table thead th[b-6oomeitn0u] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.78rem;
        font-weight: 700;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: top;
    }

        .assignment-table thead th:first-child[b-6oomeitn0u],
        .assignment-table tbody td:first-child[b-6oomeitn0u] {
            width: 42px;
            text-align: center;
            padding-left: 8px;
            padding-right: 8px;
        }

    .assignment-table tbody td[b-6oomeitn0u] {
        font-size: 0.81rem;
        font-weight: 500;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: top;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .assignment-table tbody tr:nth-child(odd)[b-6oomeitn0u] {
        background: #fcfdfe;
    }

    .assignment-table tbody tr:nth-child(even)[b-6oomeitn0u] {
        background: #f6f8fa;
    }

    .assignment-table tbody tr:hover[b-6oomeitn0u] {
        background: #eef9f4;
    }

.assignment-selected-row[b-6oomeitn0u] {
    background: #eaf7fc !important;
}

.assignment-filter-row th[b-6oomeitn0u] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.assignment-sort-button[b-6oomeitn0u] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.assignment-status-pill[b-6oomeitn0u] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .assignment-status-pill.positive[b-6oomeitn0u] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .assignment-status-pill.warning[b-6oomeitn0u] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .assignment-status-pill.danger[b-6oomeitn0u] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .assignment-status-pill.neutral[b-6oomeitn0u] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.assignment-bulk-panel .assignment-grid-headerbar[b-6oomeitn0u] {
    background: #fbfcfd;
}

.assignment-bulk-body[b-6oomeitn0u] {
    padding: 12px;
}

.assignment-bulk-description[b-6oomeitn0u] {
    margin-bottom: 10px;
    font-size: 0.8rem;
    color: #5d6773;
    line-height: 1.25rem;
}

.assignment-bulk-actions[b-6oomeitn0u] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.assignment-bulk-modal-backdrop[b-6oomeitn0u] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.40);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.assignment-bulk-modal[b-6oomeitn0u] {
    width: min(620px, 100%);
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 14px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
    padding: 20px;
}

.assignment-bulk-modal-title[b-6oomeitn0u] {
    font-size: 1.05rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.35;
    margin-bottom: 10px;
}

.assignment-bulk-modal-emphasis[b-6oomeitn0u] {
    font-size: 1.12rem;
    font-weight: 800;
    margin-left: 4px;
}

.assignment-bulk-modal-text[b-6oomeitn0u] {
    font-size: 0.82rem;
    color: #5d6773;
    line-height: 1.35rem;
    margin-bottom: 14px;
}

.assignment-bulk-modal-field[b-6oomeitn0u] {
    margin-bottom: 14px;
}

.assignment-bulk-modal-label[b-6oomeitn0u] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.76rem;
    font-weight: 800;
    color: #465463;
    letter-spacing: 0.01em;
}

.assignment-bulk-modal-hint[b-6oomeitn0u] {
    margin-top: 6px;
    font-size: 0.78rem;
    color: #5d6773;
}

.assignment-bulk-modal-actions[b-6oomeitn0u] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.inline-link-button[b-6oomeitn0u] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.81rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-6oomeitn0u] {
        text-decoration: underline;
    }

.assignment-page input[type="checkbox"][b-6oomeitn0u] {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.assignment-grid-footer[b-6oomeitn0u] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.assignment-footer-button[b-6oomeitn0u] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .assignment-footer-button:disabled[b-6oomeitn0u] {
        opacity: 0.55;
        cursor: default;
    }

.assignment-page-indicator[b-6oomeitn0u],
.assignment-grid-footer-summary[b-6oomeitn0u] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .assignment-module-filters[b-6oomeitn0u] {
        justify-content: flex-start;
        width: 100%;
    }

    .assignment-search-input[b-6oomeitn0u],
    .assignment-filter-select[b-6oomeitn0u] {
        width: 100%;
    }

    .assignment-grid-utilities[b-6oomeitn0u] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .assignment-bulk-actions[b-6oomeitn0u],
    .assignment-bulk-modal-actions[b-6oomeitn0u] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/AssignShift.razor.rz.scp.css */
.assign-shift-page[b-zl13c9prjk] {
    width: 100%;
}

.assign-shift-header[b-zl13c9prjk] {
    margin-bottom: 10px;
}

.assign-shift-title-wrap[b-zl13c9prjk] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.assign-shift-dot[b-zl13c9prjk] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.assign-shift-title[b-zl13c9prjk] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.assign-shift-grid[b-zl13c9prjk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.assign-shift-card[b-zl13c9prjk] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .assign-shift-card h3[b-zl13c9prjk] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.assign-shift-card-wide[b-zl13c9prjk] {
    grid-column: 1 / -1;
}

.assign-shift-info-grid[b-zl13c9prjk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.assign-shift-search-row[b-zl13c9prjk] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.assign-shift-search-input[b-zl13c9prjk] {
    flex: 1;
    min-width: 260px;
    height: 34px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.83rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.assign-shift-search-help[b-zl13c9prjk] {
    margin-top: 10px;
    font-size: 0.79rem;
    color: #5d6773;
    line-height: 1.2rem;
}

.assign-shift-header-actions[b-zl13c9prjk] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.assign-shift-actions[b-zl13c9prjk] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.assign-shift-button[b-zl13c9prjk] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .assign-shift-button.primary[b-zl13c9prjk] {
        background: #099bc6;
        color: white;
    }

    .assign-shift-button.secondary[b-zl13c9prjk] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.assign-shift-empty[b-zl13c9prjk] {
    padding: 6px 0 2px;
    font-size: 0.82rem;
    color: #596674;
}

.assign-shift-table-wrap[b-zl13c9prjk] {
    width: 100%;
    overflow-x: auto;
}

.assign-shift-table[b-zl13c9prjk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .assign-shift-table thead th[b-zl13c9prjk] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.77rem;
        font-weight: 800;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
    }

    .assign-shift-table tbody td[b-zl13c9prjk] {
        font-size: 0.8rem;
        color: #24313d;
        font-weight: 600;
        padding: 7px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        white-space: nowrap;
        line-height: 1.1rem;
    }

    .assign-shift-table tbody tr:nth-child(odd)[b-zl13c9prjk] {
        background: #fcfdfe;
    }

    .assign-shift-table tbody tr:nth-child(even)[b-zl13c9prjk] {
        background: #f6f8fa;
    }

    .assign-shift-table tbody tr:hover[b-zl13c9prjk] {
        background: #eef9f4;
    }

.assign-shift-row-button[b-zl13c9prjk] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .assign-shift-row-button.assign[b-zl13c9prjk] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

        .assign-shift-row-button.assign:hover[b-zl13c9prjk] {
            background: #e4f5eb;
        }

    .assign-shift-row-button.disabled[b-zl13c9prjk] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.inline-link-button[b-zl13c9prjk] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-zl13c9prjk] {
        text-decoration: underline;
    }

@media (max-width: 1200px) {
    .assign-shift-grid[b-zl13c9prjk] {
        grid-template-columns: 1fr;
    }

    .assign-shift-info-grid[b-zl13c9prjk] {
        grid-template-columns: 1fr;
    }

    .assign-shift-search-input[b-zl13c9prjk] {
        min-width: 0;
        width: 100%;
    }
}

@media (max-width: 900px) {
    .assign-shift-search-row[b-zl13c9prjk] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/CandidateChecks.razor.rz.scp.css */
.candidate-checks-page[b-xl9ew15l7n] {
    width: 100%;
}

.candidate-checks-header[b-xl9ew15l7n] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.candidate-checks-header-left[b-xl9ew15l7n] {
    min-width: 280px;
    flex: 1;
}

.candidate-checks-title-row[b-xl9ew15l7n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.candidate-checks-dot[b-xl9ew15l7n] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f17080;
    flex-shrink: 0;
}

.candidate-checks-title[b-xl9ew15l7n] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.2;
}

.candidate-checks-subtitle[b-xl9ew15l7n] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.95rem;
    color: #4d5966;
    line-height: 1.45;
}

.candidate-checks-sub-sep[b-xl9ew15l7n] {
    color: #97a1ab;
}

.candidate-checks-header-right[b-xl9ew15l7n] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.candidate-checks-button[b-xl9ew15l7n] {
    height: 38px;
    padding: 0 14px;
    border-radius: 4px;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .candidate-checks-button.primary[b-xl9ew15l7n] {
        background: #099bc6;
        color: white;
    }

    .candidate-checks-button.secondary[b-xl9ew15l7n] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

.candidate-checks-summary-grid[b-xl9ew15l7n] {
    display: grid;
    grid-template-columns: repeat(6, minmax(160px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.candidate-checks-summary-card[b-xl9ew15l7n] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(241, 112, 128, 0.10);
}

.candidate-checks-summary-label[b-xl9ew15l7n] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #5a6570;
    margin-bottom: 6px;
}

.candidate-checks-summary-value[b-xl9ew15l7n] {
    font-size: 1rem;
    font-weight: 800;
    color: #1f2d3d;
}

.candidate-checks-summary-value.candidate-checks-summary-text[b-xl9ew15l7n] {
    font-size: 0.88rem;
    line-height: 1.2rem;
}

.candidate-checks-layout[b-xl9ew15l7n] {
    display: grid;
    grid-template-columns: minmax(420px, 1.05fr) minmax(420px, 1fr);
    gap: 14px;
}

.candidate-checks-list-panel[b-xl9ew15l7n],
.candidate-checks-detail-panel[b-xl9ew15l7n],
.candidate-checks-earnings-panel[b-xl9ew15l7n] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    overflow: hidden;
}

.candidate-checks-list-headerbar[b-xl9ew15l7n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    gap: 10px;
    flex-wrap: wrap;
}

.candidate-checks-list-title[b-xl9ew15l7n] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #1f2d3d;
}

.candidate-checks-list-count[b-xl9ew15l7n] {
    font-size: 0.8rem;
    color: #556372;
    font-weight: 700;
    white-space: nowrap;
}

.candidate-checks-table-wrap[b-xl9ew15l7n] {
    width: 100%;
    overflow-x: auto;
}

.candidate-checks-table[b-xl9ew15l7n] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .candidate-checks-table thead th[b-xl9ew15l7n] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.78rem;
        font-weight: 700;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
    }

    .candidate-checks-table tbody td[b-xl9ew15l7n] {
        font-size: 0.8rem;
        font-weight: 500;
        color: #24313d;
        padding: 7px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .candidate-checks-table tbody tr:nth-child(odd)[b-xl9ew15l7n] {
        background: #fcfdfe;
    }

    .candidate-checks-table tbody tr:nth-child(even)[b-xl9ew15l7n] {
        background: #f6f8fa;
    }

    .candidate-checks-table tbody tr.selected[b-xl9ew15l7n] {
        background: #eaf7fc;
    }

.candidate-checks-actions-cell[b-xl9ew15l7n] {
    text-align: right;
    white-space: nowrap;
}

.candidate-checks-row-button[b-xl9ew15l7n] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.candidate-checks-detail-body[b-xl9ew15l7n] {
    padding: 12px;
}

.candidate-checks-pill-row[b-xl9ew15l7n] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.candidate-checks-pill[b-xl9ew15l7n] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid #d7e0ea;
    background: #eef7ff;
    color: #2c5e93;
    font-size: 0.76rem;
    font-weight: 700;
}

.candidate-checks-pill.muted[b-xl9ew15l7n] {
    background: #ffffff;
    color: #5b6977;
}

.candidate-checks-pill.warning[b-xl9ew15l7n] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.candidate-checks-detail-section-grid[b-xl9ew15l7n] {
    display: grid;
    gap: 12px;
    margin-bottom: 14px;
}

.candidate-checks-detail-card[b-xl9ew15l7n] {
    border: 1px solid #dce4ed;
    border-radius: 8px;
    background: #fbfcfe;
    padding: 12px;
}

.candidate-checks-section-title[b-xl9ew15l7n] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #22313f;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.candidate-checks-detail-grid[b-xl9ew15l7n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .candidate-checks-detail-grid label[b-xl9ew15l7n] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.75rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

    .candidate-checks-detail-grid div[b-xl9ew15l7n] {
        font-size: 0.83rem;
        color: #26323e;
    }

.candidate-checks-warning[b-xl9ew15l7n] {
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #f2d29a;
    background: #fff7ea;
    color: #9a6300;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25rem;
}

.candidate-checks-calc-summary-grid[b-xl9ew15l7n] {
    margin-bottom: 14px;
}

.candidate-checks-calc-issue-band[b-xl9ew15l7n] {
    display: grid;
    gap: 8px;
    margin-bottom: 14px;
}

.candidate-checks-calc-issue[b-xl9ew15l7n] {
    border: 1px solid #d7e0ea;
    border-left-width: 4px;
    border-radius: 8px;
    padding: 10px 12px;
    background: #f7fafc;
    color: #344452;
    font-size: 0.8rem;
    font-weight: 700;
}

.candidate-checks-calc-issue.blocking[b-xl9ew15l7n] {
    border-color: #efc7c7;
    border-left-color: #b54848;
    background: #fff3f3;
    color: #8f3030;
}

.candidate-checks-calc-issue.warning[b-xl9ew15l7n] {
    border-color: #efd9a6;
    border-left-color: #bb8a2b;
    background: #fff9ee;
    color: #8b6416;
}

.candidate-checks-calc-table[b-xl9ew15l7n] {
    min-width: 540px;
}

.candidate-checks-earnings-panel[b-xl9ew15l7n] {
    margin-top: 0;
}

.candidate-checks-earnings-table tfoot td[b-xl9ew15l7n] {
    background: #f3f6f9;
    color: #1f2d3d;
    font-size: 0.8rem;
    font-weight: 800;
    padding: 8px 10px;
    border-top: 1px solid #d7e0ea;
}

.candidate-checks-note-block[b-xl9ew15l7n] {
    margin-top: 14px;
}

.candidate-checks-note-title[b-xl9ew15l7n] {
    font-size: 0.76rem;
    font-weight: 800;
    color: #465463;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.candidate-checks-note-text[b-xl9ew15l7n] {
    font-size: 0.82rem;
    color: #26323e;
    line-height: 1.35rem;
    white-space: pre-wrap;
}

.candidate-checks-empty[b-xl9ew15l7n] {
    padding: 14px;
    font-size: 0.9rem;
    color: #5d6773;
}

@media (max-width: 1200px) {
    .candidate-checks-summary-grid[b-xl9ew15l7n] {
        grid-template-columns: repeat(3, minmax(160px, 1fr));
    }

    .candidate-checks-layout[b-xl9ew15l7n] {
        grid-template-columns: 1fr;
    }

    .candidate-checks-detail-grid[b-xl9ew15l7n] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 800px) {
    .candidate-checks-summary-grid[b-xl9ew15l7n] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .candidate-checks-header-right[b-xl9ew15l7n] {
        width: 100%;
        justify-content: flex-start;
    }

    .candidate-checks-pill-row[b-xl9ew15l7n] {
        margin-bottom: 10px;
    }
}

@media (max-width: 560px) {
    .candidate-checks-summary-grid[b-xl9ew15l7n] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CandidateChildSupportWizard.razor.rz.scp.css */

.payroll-order-wizard-page[b-7mfmhmhwie] { padding: 18px; }
.payroll-order-wizard-header[b-7mfmhmhwie] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 18px;
}
.payroll-order-wizard-kicker[b-7mfmhmhwie] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #667482;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}
.payroll-order-wizard-header h1[b-7mfmhmhwie] {
    margin: 0 0 8px 0;
    font-size: 1.75rem;
    color: #1f2d3d;
}
.payroll-order-wizard-header p[b-7mfmhmhwie] {
    margin: 0;
    color: #5f6c79;
    max-width: 960px;
    line-height: 1.5;
}
.payroll-order-wizard-layout[b-7mfmhmhwie] {
    display: grid;
    grid-template-columns: minmax(620px, 1.2fr) minmax(360px, 0.8fr);
    gap: 16px;
}
.payroll-order-wizard-card[b-7mfmhmhwie] {
    border: 1px solid #d7e0ea;
    background: #fff;
    border-radius: 10px;
    padding: 14px;
}
.payroll-order-wizard-card-title[b-7mfmhmhwie] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 12px;
}
.payroll-order-wizard-form[b-7mfmhmhwie] {
    display: grid;
    gap: 10px;
}
.payroll-order-wizard-form select[b-7mfmhmhwie],
.payroll-order-wizard-form input[b-7mfmhmhwie],
.payroll-order-wizard-form textarea[b-7mfmhmhwie] {
    border: 1px solid #ced8e2;
    border-radius: 8px;
    font-size: 0.9rem;
    box-sizing: border-box;
    padding: 10px 12px;
}
.payroll-order-wizard-form textarea[b-7mfmhmhwie] {
    min-height: 80px;
    resize: vertical;
}
.payroll-order-wizard-actions[b-7mfmhmhwie] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.payroll-order-button[b-7mfmhmhwie] {
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 800;
    border: 1px solid transparent;
    cursor: pointer;
}
.payroll-order-button.primary[b-7mfmhmhwie] { background: #099bc6; color: #fff; }
.payroll-order-button.secondary[b-7mfmhmhwie] { background: #fff; color: #1f2d3d; border-color: #ccd6e1; }
.payroll-order-alert[b-7mfmhmhwie] {
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}
.payroll-order-alert.success[b-7mfmhmhwie] { background: #edf9f1; border: 1px solid #b8e2c4; color: #1f6b36; }
.payroll-order-alert.error[b-7mfmhmhwie] { background: #fff1f1; border: 1px solid #efb5b5; color: #a12828; }
.payroll-order-grid[b-7mfmhmhwie] {
    width: 100%;
    border-collapse: collapse;
}
.payroll-order-grid th[b-7mfmhmhwie],
.payroll-order-grid td[b-7mfmhmhwie] {
    padding: 10px 12px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.86rem;
    vertical-align: middle;
}
.payroll-order-grid th[b-7mfmhmhwie] {
    text-align: left;
    background: #f7fafc;
    color: #4f5d6a;
    font-size: 0.8rem;
    font-weight: 800;
}
.payroll-order-grid tr.current[b-7mfmhmhwie] { background: #eef8fc; }
.payroll-order-status[b-7mfmhmhwie] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 24px;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 0.74rem;
    font-weight: 800;
}
.payroll-order-status.active[b-7mfmhmhwie] { background: #ecf8ef; color: #24663c; border: 1px solid #bfe2c8; }
.payroll-order-status.inactive[b-7mfmhmhwie] { background: #fdf1f1; color: #a12b2b; border: 1px solid #edc3c3; }
.payroll-order-status.hold[b-7mfmhmhwie] { background: #fff7ea; color: #9a6300; border: 1px solid #f2d29a; }
.payroll-order-status.completed[b-7mfmhmhwie] { background: #edf4ff; color: #295ea8; border: 1px solid #bfd3f5; }
.payroll-order-status.mistake[b-7mfmhmhwie] { background: #fff2f3; color: #b24552; border: 1px solid #f0c1c8; }
@media (max-width: 1100px) {
    .payroll-order-wizard-layout[b-7mfmhmhwie] { grid-template-columns: 1fr; }
    .payroll-order-wizard-header[b-7mfmhmhwie] { flex-direction: column; }
}
/* /Components/Pages/CandidateGarnishmentWizard.razor.rz.scp.css */

.payroll-order-wizard-page[b-i2gngazo8v] { padding: 18px; }
.payroll-order-wizard-header[b-i2gngazo8v] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 18px;
}
.payroll-order-wizard-kicker[b-i2gngazo8v] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #667482;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}
.payroll-order-wizard-header h1[b-i2gngazo8v] {
    margin: 0 0 8px 0;
    font-size: 1.75rem;
    color: #1f2d3d;
}
.payroll-order-wizard-header p[b-i2gngazo8v] {
    margin: 0;
    color: #5f6c79;
    max-width: 960px;
    line-height: 1.5;
}
.payroll-order-wizard-layout[b-i2gngazo8v] {
    display: grid;
    grid-template-columns: minmax(620px, 1.2fr) minmax(360px, 0.8fr);
    gap: 16px;
}
.payroll-order-wizard-card[b-i2gngazo8v] {
    border: 1px solid #d7e0ea;
    background: #fff;
    border-radius: 10px;
    padding: 14px;
}
.payroll-order-wizard-card-title[b-i2gngazo8v] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 12px;
}
.payroll-order-wizard-form[b-i2gngazo8v] {
    display: grid;
    gap: 10px;
}
.payroll-order-wizard-form select[b-i2gngazo8v],
.payroll-order-wizard-form input[b-i2gngazo8v],
.payroll-order-wizard-form textarea[b-i2gngazo8v] {
    border: 1px solid #ced8e2;
    border-radius: 8px;
    font-size: 0.9rem;
    box-sizing: border-box;
    padding: 10px 12px;
}
.payroll-order-wizard-form textarea[b-i2gngazo8v] {
    min-height: 80px;
    resize: vertical;
}
.payroll-order-wizard-actions[b-i2gngazo8v] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}
.payroll-order-button[b-i2gngazo8v] {
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 800;
    border: 1px solid transparent;
    cursor: pointer;
}
.payroll-order-button.primary[b-i2gngazo8v] { background: #099bc6; color: #fff; }
.payroll-order-button.secondary[b-i2gngazo8v] { background: #fff; color: #1f2d3d; border-color: #ccd6e1; }
.payroll-order-alert[b-i2gngazo8v] {
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}
.payroll-order-alert.success[b-i2gngazo8v] { background: #edf9f1; border: 1px solid #b8e2c4; color: #1f6b36; }
.payroll-order-alert.error[b-i2gngazo8v] { background: #fff1f1; border: 1px solid #efb5b5; color: #a12828; }
.payroll-order-grid[b-i2gngazo8v] {
    width: 100%;
    border-collapse: collapse;
}
.payroll-order-grid th[b-i2gngazo8v],
.payroll-order-grid td[b-i2gngazo8v] {
    padding: 10px 12px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.86rem;
    vertical-align: middle;
}
.payroll-order-grid th[b-i2gngazo8v] {
    text-align: left;
    background: #f7fafc;
    color: #4f5d6a;
    font-size: 0.8rem;
    font-weight: 800;
}
.payroll-order-grid tr.current[b-i2gngazo8v] { background: #eef8fc; }
.payroll-order-status[b-i2gngazo8v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 24px;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 0.74rem;
    font-weight: 800;
}
.payroll-order-status.active[b-i2gngazo8v] { background: #ecf8ef; color: #24663c; border: 1px solid #bfe2c8; }
.payroll-order-status.inactive[b-i2gngazo8v] { background: #fdf1f1; color: #a12b2b; border: 1px solid #edc3c3; }
.payroll-order-status.hold[b-i2gngazo8v] { background: #fff7ea; color: #9a6300; border: 1px solid #f2d29a; }
.payroll-order-status.completed[b-i2gngazo8v] { background: #edf4ff; color: #295ea8; border: 1px solid #bfd3f5; }
.payroll-order-status.mistake[b-i2gngazo8v] { background: #fff2f3; color: #b24552; border: 1px solid #f0c1c8; }
@media (max-width: 1100px) {
    .payroll-order-wizard-layout[b-i2gngazo8v] { grid-template-columns: 1fr; }
    .payroll-order-wizard-header[b-i2gngazo8v] { flex-direction: column; }
}
/* /Components/Pages/CandidatePortalOnboarding.razor.rz.scp.css */
.candidate-portal-onboarding-page[b-9u5ugqz45z] {
    padding-bottom: 0.15rem;
}

.candidate-portal-onboarding-header-card[b-9u5ugqz45z] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.candidate-portal-onboarding-list[b-9u5ugqz45z] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

.candidate-portal-onboarding-list.compact[b-9u5ugqz45z] {
    gap: 0.5rem;
}

.candidate-portal-onboarding-row[b-9u5ugqz45z] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border: 1px solid #e2e7ed;
    background: #ffffff;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.candidate-portal-onboarding-row.read-only[b-9u5ugqz45z] {
    cursor: default;
    background: #fbfcfd;
}

.candidate-portal-return-card[b-9u5ugqz45z] {
    border-color: #efc7c7;
    background: #fff7f7;
}

.candidate-portal-onboarding-row.compact[b-9u5ugqz45z] {
    padding: 0.7rem 0.78rem;
}

.candidate-portal-player-card[b-9u5ugqz45z] {
    border-left: 4px solid #2f6f9f;
}

.candidate-portal-player-grid[b-9u5ugqz45z] {
    margin-top: 0.75rem;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
}

.candidate-portal-player-grid > div[b-9u5ugqz45z] {
    border: 1px solid #e1e7ef;
    background: #fbfcfd;
    padding: 0.55rem 0.65rem;
}

.candidate-portal-player-grid span[b-9u5ugqz45z],
.candidate-portal-player-grid strong[b-9u5ugqz45z] {
    display: block;
}

.candidate-portal-player-grid span[b-9u5ugqz45z] {
    font-size: 0.72rem;
    color: #6d7b8d;
    text-transform: uppercase;
    letter-spacing: 0;
}

.candidate-portal-player-grid strong[b-9u5ugqz45z] {
    margin-top: 0.2rem;
    color: #243041;
    font-size: 0.84rem;
}

.candidate-portal-step-list[b-9u5ugqz45z],
.candidate-portal-document-list[b-9u5ugqz45z],
.candidate-portal-history-list[b-9u5ugqz45z] {
    margin-top: 0.7rem;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.candidate-portal-step-row[b-9u5ugqz45z],
.candidate-portal-document-row[b-9u5ugqz45z],
.candidate-portal-history-row[b-9u5ugqz45z] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid #e2e7ed;
    background: #ffffff;
    padding: 0.72rem 0.78rem;
    color: inherit;
    text-align: left;
}

.candidate-portal-step-row[b-9u5ugqz45z] {
    cursor: pointer;
}

.candidate-portal-step-row.active[b-9u5ugqz45z] {
    border-color: #2f6f9f;
    box-shadow: inset 3px 0 0 #2f6f9f;
}

.candidate-portal-row-note.correction[b-9u5ugqz45z] {
    color: #9d3b3b;
    font-weight: 700;
}

.candidate-portal-step-focus-card[b-9u5ugqz45z] {
    border-color: #cddceb;
    background: #f8fbff;
}

.candidate-portal-onboarding-overlay[b-9u5ugqz45z] {
    position: fixed;
    inset: 0;
    z-index: 2600;
    border: none;
    background: rgba(20, 29, 44, 0.24);
}

.candidate-portal-onboarding-flyout[b-9u5ugqz45z] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2610;
    width: min(780px, 100vw);
    display: flex;
    flex-direction: column;
    background: #f4f7fa;
    border-left: 1px solid #dfe4ea;
    box-shadow: -20px 0 48px rgba(15, 23, 42, 0.18);
    animation: candidatePortalFlyoutSlideIn-b-9u5ugqz45z 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.candidate-portal-onboarding-flyout-header[b-9u5ugqz45z] {
    padding: 1rem;
    border-bottom: 1px solid #dfe4ea;
    background: #ffffff;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.candidate-portal-onboarding-flyout-title[b-9u5ugqz45z] {
    font-size: 1.08rem;
    font-weight: 700;
    color: #243041;
}

.candidate-portal-onboarding-flyout-meta[b-9u5ugqz45z] {
    margin-top: 0.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    font-size: 0.8rem;
    color: #6d7b8d;
}

.candidate-portal-onboarding-flyout-close[b-9u5ugqz45z] {
    width: 38px;
    height: 38px;
    border: 1px solid #d9e1ea;
    background: #ffffff;
    color: #485669;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
}

.candidate-portal-onboarding-flyout-body[b-9u5ugqz45z] {
    flex: 1 1 auto;
    padding: 0.95rem 1rem 1rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.candidate-portal-resume-flyout[b-9u5ugqz45z] {
    background: #ffffff;
}

.candidate-portal-resume-body[b-9u5ugqz45z] {
    padding: 0;
    gap: 0;
    background: #ffffff;
}

.candidate-portal-resume-panel[b-9u5ugqz45z] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    color: #172338;
}

.candidate-portal-resume-titlebar[b-9u5ugqz45z] {
    min-height: 50px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    background: #4b4b4b;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
}

.candidate-portal-resume-content[b-9u5ugqz45z] {
    padding: 1.55rem 1.45rem;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.candidate-portal-resume-dropzone[b-9u5ugqz45z] {
    border: 2px dashed #cfcfcf;
    padding: 1.35rem 1rem;
    text-align: center;
    background: #ffffff;
}

.candidate-portal-resume-drop-title[b-9u5ugqz45z] {
    color: #243041;
    font-weight: 700;
    font-size: 0.92rem;
}

.candidate-portal-resume-drop-note[b-9u5ugqz45z] {
    max-width: 440px;
    margin: 0.45rem auto 0;
    color: #4b5565;
    font-size: 0.78rem;
    line-height: 1.4;
}

.candidate-portal-resume-toolbar[b-9u5ugqz45z] {
    position: relative;
    margin-top: 1.1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.candidate-portal-resume-file-input[b-9u5ugqz45z],
[b-9u5ugqz45z] .candidate-portal-resume-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.candidate-portal-resume-upload[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 34px;
    padding: 0.42rem 0.72rem;
    border: 1px solid #0078c2;
    background: #ffffff;
    color: #0078c2;
    font-weight: 700;
    font-size: 0.84rem;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
}

.candidate-portal-resume-upload.disabled[b-9u5ugqz45z] {
    opacity: 0.62;
    cursor: wait;
    pointer-events: none;
}

.candidate-portal-resume-upload svg[b-9u5ugqz45z],
.candidate-portal-resume-icon-button svg[b-9u5ugqz45z] {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.candidate-portal-resume-list-title[b-9u5ugqz45z] {
    margin-top: 1.35rem;
    color: #243041;
    font-size: 0.82rem;
    font-weight: 700;
}

.candidate-portal-resume-empty[b-9u5ugqz45z] {
    margin-top: 0.65rem;
    color: #6d7b8d;
    font-size: 0.84rem;
}

.candidate-portal-resume-list[b-9u5ugqz45z] {
    margin-top: 0.65rem;
    border-bottom: 1px solid #d8dde5;
}

.candidate-portal-resume-row[b-9u5ugqz45z] {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    color: #4b5565;
    font-size: 0.84rem;
}

.candidate-portal-resume-row-actions[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    gap: 0.42rem;
    flex: 0 0 auto;
}

.candidate-portal-resume-icon-button[b-9u5ugqz45z] {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #0085d5;
    cursor: pointer;
    text-decoration: none;
}

.candidate-portal-resume-icon-button.danger[b-9u5ugqz45z] {
    color: #e6383f;
}

.candidate-portal-resume-icon-button:disabled[b-9u5ugqz45z] {
    opacity: 0.45;
    cursor: wait;
}

.candidate-portal-resume-actions[b-9u5ugqz45z] {
    margin-top: auto;
    padding-top: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
}

.candidate-portal-resume-cancel[b-9u5ugqz45z],
.candidate-portal-resume-save[b-9u5ugqz45z] {
    min-width: 96px;
    min-height: 36px;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
}

.candidate-portal-resume-cancel[b-9u5ugqz45z] {
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #213047;
}

.candidate-portal-resume-save[b-9u5ugqz45z] {
    border: 1px solid #0078c2;
    background: #0078c2;
    color: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.18);
}

.candidate-portal-resume-cancel:disabled[b-9u5ugqz45z],
.candidate-portal-resume-save:disabled[b-9u5ugqz45z] {
    opacity: 0.5;
    cursor: not-allowed;
    box-shadow: none;
}

@keyframes candidatePortalFlyoutSlideIn-b-9u5ugqz45z {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.i9-guided-card[b-9u5ugqz45z] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.i9-copy-block[b-9u5ugqz45z] {
    border-left: 3px solid #2563eb;
    padding-left: 0.75rem;
}

.i9-form-grid[b-9u5ugqz45z] {
    align-items: start;
}

.i9-single-field[b-9u5ugqz45z] {
    margin-top: 0.15rem;
}

.i9-choice-group[b-9u5ugqz45z],
.i9-check-list[b-9u5ugqz45z] {
    display: grid;
    gap: 0.45rem;
}

.candidate-portal-section-title.compact[b-9u5ugqz45z] {
    font-size: 0.88rem;
}

.i9-radio-row[b-9u5ugqz45z],
.candidate-portal-check-row[b-9u5ugqz45z] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    min-height: 2rem;
    font-size: 0.84rem;
    line-height: 1.35;
    color: #243043;
}

.i9-radio-row input[b-9u5ugqz45z],
.candidate-portal-check-row input[b-9u5ugqz45z] {
    margin-top: 0.15rem;
    flex: 0 0 auto;
}

.candidate-portal-check-row.full[b-9u5ugqz45z],
.candidate-portal-section-subtitle.full[b-9u5ugqz45z] {
    grid-column: 1 / -1;
}

.candidate-portal-esign-flyout[b-9u5ugqz45z] {
    width: min(87.5vw, 1680px);
}

.candidate-portal-esign-body[b-9u5ugqz45z] {
    padding: 0.65rem 0.75rem 0.75rem;
    gap: 0;
    background: #eef3f8;
}

.candidate-portal-esign-card[b-9u5ugqz45z] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.candidate-portal-esign-style-grid[b-9u5ugqz45z] {
    grid-template-columns: 1fr 1fr 160px;
}

.candidate-portal-input.signature-preview[b-9u5ugqz45z] {
    font-family: "Segoe Script", "Brush Script MT", cursive;
    font-size: 1.05rem;
    font-weight: 600;
}

.candidate-portal-input.signature-preview.compact[b-9u5ugqz45z] {
    text-transform: uppercase;
}

.candidate-portal-input.compact-select[b-9u5ugqz45z] {
    width: auto;
    min-width: 118px;
}

.candidate-portal-button.compact[b-9u5ugqz45z],
.candidate-portal-button-ghost.compact[b-9u5ugqz45z] {
    min-height: 32px;
    padding: 0.35rem 0.65rem;
    font-size: 0.78rem;
}

.candidate-portal-esign-toolbar[b-9u5ugqz45z],
.candidate-portal-esign-page-nav[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.candidate-portal-esign-toolbar span[b-9u5ugqz45z] {
    color: #5f6f82;
    font-size: 0.78rem;
    font-weight: 700;
}

.candidate-portal-esign-document-shell[b-9u5ugqz45z] {
    border: 1px solid #d8e1eb;
    background: #f2f6fa;
    padding: 0.65rem;
}

.candidate-portal-esign-page-wrap[b-9u5ugqz45z] {
    margin-top: 0.55rem;
    max-height: calc(100vh - 250px);
    overflow: auto;
    border: 1px solid #c7d2de;
    background: #e7edf4;
}

.candidate-portal-esign-page[b-9u5ugqz45z] {
    position: relative;
    background: #ffffff;
    overflow: hidden;
}

.candidate-portal-esign-pdf[b-9u5ugqz45z] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: #ffffff;
    pointer-events: none;
}

.candidate-portal-esign-field[b-9u5ugqz45z] {
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 18px;
    min-height: 14px;
    padding: 0 4px;
    border: 2px solid #1d4ed8;
    background: rgba(37, 99, 235, 0.16);
    color: #153d8a;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1.1;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.candidate-portal-esign-field span[b-9u5ugqz45z] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.candidate-portal-esign-field.active[b-9u5ugqz45z] {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, 0.2);
    color: #7c2d12;
}

.candidate-portal-esign-field.complete[b-9u5ugqz45z] {
    border-color: #15803d;
    background: rgba(34, 197, 94, 0.18);
    color: #14532d;
}

.candidate-portal-esign-field.required:not(.complete)[b-9u5ugqz45z] {
    box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px rgba(245, 158, 11, 0.28);
}

.candidate-portal-esign-field.readonly[b-9u5ugqz45z] {
    border-style: dashed;
}

.candidate-portal-esign-field-editor[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 0.65rem;
    align-items: center;
    border: 1px solid #d8e1eb;
    background: #fbfcfd;
    padding: 0.65rem 0.75rem;
}

.candidate-portal-esign-field-editor strong[b-9u5ugqz45z],
.candidate-portal-esign-field-editor span[b-9u5ugqz45z] {
    display: block;
}

.candidate-portal-esign-field-editor span[b-9u5ugqz45z] {
    margin-top: 0.12rem;
    color: #687789;
    font-size: 0.76rem;
}

.candidate-portal-esign-submit-row[b-9u5ugqz45z] {
    justify-content: flex-end;
}

.candidate-portal-esign-signer-shell[b-9u5ugqz45z] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.candidate-portal-esign-complete-panel[b-9u5ugqz45z] {
    border: 1px solid #d8e1eb;
    background: #ffffff;
    padding: 0.85rem 0.95rem;
}

.candidate-portal-esign-signer-toolbar[b-9u5ugqz45z] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border: 1px solid #d8e1eb;
    background: #ffffff;
    padding: 0.45rem 0.6rem;
}

.candidate-portal-esign-signer-toolbar strong[b-9u5ugqz45z],
.candidate-portal-esign-signer-toolbar span[b-9u5ugqz45z] {
    display: block;
}

.candidate-portal-esign-signer-toolbar strong[b-9u5ugqz45z] {
    color: #233043;
    font-size: 0.9rem;
}

.candidate-portal-esign-signer-toolbar span[b-9u5ugqz45z] {
    margin-top: 0.1rem;
    color: #607083;
    font-size: 0.76rem;
    font-weight: 700;
}

.candidate-portal-esign-signer-actions[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.candidate-portal-esign-stage[b-9u5ugqz45z] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    padding-bottom: 78px;
}

.candidate-portal-esign-document-shell.document-first[b-9u5ugqz45z] {
    height: 100%;
    padding: 0.45rem;
}

.candidate-portal-esign-page-wrap.document-first[b-9u5ugqz45z] {
    max-height: calc(100vh - 214px);
    min-height: calc(100vh - 214px);
}

.candidate-portal-esign-bottom-bar[b-9u5ugqz45z] {
    position: sticky;
    bottom: 0;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.9rem;
    border: 1px solid #c8d5e2;
    background: rgba(255, 255, 255, 0.96);
    padding: 0.65rem 0.75rem;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.18);
}

.candidate-portal-esign-bottom-status strong[b-9u5ugqz45z],
.candidate-portal-esign-bottom-status span[b-9u5ugqz45z] {
    display: block;
}

.candidate-portal-esign-bottom-status strong[b-9u5ugqz45z] {
    color: #233043;
    font-size: 0.86rem;
}

.candidate-portal-esign-bottom-status span[b-9u5ugqz45z] {
    margin-top: 0.12rem;
    color: #6a3f00;
    font-size: 0.78rem;
    font-weight: 800;
}

.candidate-portal-esign-bottom-actions[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.candidate-portal-button.large[b-9u5ugqz45z],
.candidate-portal-button-ghost.large[b-9u5ugqz45z] {
    min-height: 44px;
    padding: 0.62rem 1rem;
    font-size: 0.88rem;
    font-weight: 800;
}

.candidate-portal-esign-field[b-9u5ugqz45z] {
    overflow: visible;
}

.candidate-portal-esign-field:disabled[b-9u5ugqz45z] {
    cursor: default;
}

.candidate-portal-esign-field.complete.signature-like[b-9u5ugqz45z] {
    border-color: #1d4ed8;
    background: rgba(219, 234, 254, 0.48);
    color: #153d8a;
}

.candidate-portal-esign-checkbox-mark[b-9u5ugqz45z] {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.05em;
    line-height: 1;
}

.candidate-portal-esign-sign-here[b-9u5ugqz45z] {
    position: absolute;
    top: 50%;
    left: -72px;
    transform: translateY(-50%);
    min-width: 62px;
    border: 1px solid #d59f00;
    background: #fff176;
    color: #533f00;
    padding: 4px 6px;
    font-size: 0.68rem;
    font-weight: 900;
    text-align: center;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.18);
}

.candidate-portal-esign-signature-block[b-9u5ugqz45z] {
    width: 100%;
    height: 100%;
    min-height: 34px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    align-items: center;
    border: 2px solid #1d75bb;
    border-radius: 6px;
    background: #e9f6ff;
    color: #0f3f72;
    padding: 3px 6px;
    line-height: 1;
    overflow: hidden;
}

.candidate-portal-esign-signature-block.initials[b-9u5ugqz45z] {
    min-width: 58px;
    justify-items: center;
}

.candidate-portal-esign-signature-block.preview[b-9u5ugqz45z] {
    min-height: 78px;
}

.candidate-portal-esign-signature-label[b-9u5ugqz45z] {
    color: #22465f;
    font-size: 0.56rem;
    font-weight: 800;
    line-height: 1;
}

.candidate-portal-esign-signature-value[b-9u5ugqz45z] {
    color: #111827;
    font-family: "Segoe Script", "Brush Script MT", cursive;
    font-size: 1.28em;
    font-weight: 700;
    line-height: 1.08;
}

.candidate-portal-esign-signature-proof[b-9u5ugqz45z] {
    color: #24455d;
    font-family: "Consolas", "Courier New", monospace;
    font-size: 0.48rem;
    font-weight: 700;
    line-height: 1;
}

.candidate-portal-esign-adopt-layer[b-9u5ugqz45z] {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 1.6rem 1rem;
    background: rgba(15, 23, 42, 0.16);
    pointer-events: auto;
}

.candidate-portal-esign-adopt-layer.text-entry[b-9u5ugqz45z] {
    align-items: center;
    background: rgba(15, 23, 42, 0.2);
}

.candidate-portal-esign-adopt-dialog[b-9u5ugqz45z],
.candidate-portal-esign-text-dialog[b-9u5ugqz45z] {
    width: min(760px, calc(100vw - 42px));
    box-sizing: border-box;
    border: 1px solid #b7c6d5;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.28);
}

.candidate-portal-esign-text-dialog[b-9u5ugqz45z] {
    width: min(430px, calc(100vw - 42px));
}

.candidate-portal-esign-adopt-dialog *[b-9u5ugqz45z],
.candidate-portal-esign-text-dialog *[b-9u5ugqz45z] {
    box-sizing: border-box;
}

.candidate-portal-esign-text-dialog .candidate-portal-input[b-9u5ugqz45z] {
    margin-top: 0.65rem;
}

.candidate-portal-esign-adopt-grid[b-9u5ugqz45z],
.candidate-portal-esign-adopt-previews[b-9u5ugqz45z] {
    margin-top: 0.8rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 150px);
    gap: 0.85rem;
}

.candidate-portal-esign-adopt-grid .candidate-portal-input[b-9u5ugqz45z],
.candidate-portal-esign-adopt-previews .candidate-portal-input[b-9u5ugqz45z] {
    min-width: 0;
}

.candidate-portal-esign-adopt-previews[b-9u5ugqz45z] {
    grid-template-columns: minmax(0, 1fr) minmax(210px, 0.78fr) minmax(108px, 130px);
    align-items: stretch;
    gap: 0.9rem;
}

.candidate-portal-esign-style-readonly[b-9u5ugqz45z] {
    min-height: 54px;
    display: flex;
    align-items: center;
    border: 1px solid #dfe4ea;
    background: #fbfdff;
    color: #243041;
    padding: 0.72rem 0.82rem;
    overflow: hidden;
}

.candidate-portal-esign-style-readonly.signature-preview[b-9u5ugqz45z] {
    font-family: "Segoe Script", "Brush Script MT", cursive;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
}

.candidate-portal-esign-adopt-previews .candidate-portal-esign-signature-block.preview[b-9u5ugqz45z] {
    min-height: 88px;
    padding: 6px 8px;
}

.candidate-portal-esign-adopt-error[b-9u5ugqz45z] {
    margin-top: 0.75rem;
    border: 1px solid #efc7c7;
    background: #fff7f7;
    color: #9d2532;
    padding: 0.55rem 0.65rem;
    font-size: 0.78rem;
    font-weight: 700;
}

.candidate-portal-esign-adopt-dialog .candidate-portal-button-row[b-9u5ugqz45z],
.candidate-portal-esign-text-dialog .candidate-portal-button-row[b-9u5ugqz45z] {
    margin-top: 0.8rem;
    justify-content: flex-end;
}

.candidate-portal-esign-confirm-backdrop[b-9u5ugqz45z] {
    position: fixed;
    inset: 0;
    z-index: 2710;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.34);
}

.candidate-portal-esign-confirm-dialog[b-9u5ugqz45z] {
    width: min(430px, calc(100vw - 28px));
    border: 1px solid #cdd7e2;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.26);
}

.candidate-portal-esign-confirm-dialog .candidate-portal-button-row[b-9u5ugqz45z] {
    margin-top: 0.9rem;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .candidate-portal-onboarding-row[b-9u5ugqz45z],
    .candidate-portal-step-row[b-9u5ugqz45z],
    .candidate-portal-document-row[b-9u5ugqz45z],
    .candidate-portal-history-row[b-9u5ugqz45z],
    .candidate-portal-onboarding-flyout-header[b-9u5ugqz45z] {
        flex-direction: column;
        align-items: stretch;
    }

    .candidate-portal-player-grid[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .candidate-portal-onboarding-flyout[b-9u5ugqz45z] {
        top: auto;
        left: 0;
        right: 0;
        width: 100%;
        max-height: 92vh;
        border-left: none;
        border-top: 1px solid #dfe4ea;
        box-shadow: 0 -16px 38px rgba(15, 23, 42, 0.18);
    }

    .candidate-portal-resume-content[b-9u5ugqz45z] {
        padding: 1.1rem 1rem 1.35rem;
    }

    .candidate-portal-resume-dropzone[b-9u5ugqz45z] {
        padding: 1rem 0.75rem;
    }

    .candidate-portal-resume-row[b-9u5ugqz45z] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.4rem;
        padding: 0.45rem 0;
    }

    .candidate-portal-esign-style-grid[b-9u5ugqz45z],
    .candidate-portal-esign-field-editor[b-9u5ugqz45z],
    .candidate-portal-esign-adopt-grid[b-9u5ugqz45z],
    .candidate-portal-esign-adopt-previews[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .candidate-portal-esign-page-wrap[b-9u5ugqz45z] {
        max-height: 58vh;
    }

    .candidate-portal-esign-bottom-bar[b-9u5ugqz45z] {
        align-items: stretch;
        flex-direction: column;
    }

    .candidate-portal-esign-bottom-actions[b-9u5ugqz45z],
    .candidate-portal-esign-bottom-actions button[b-9u5ugqz45z] {
        width: 100%;
    }
}
/* /Components/Pages/CandidatePortalTimeEntry.razor.rz.scp.css */
.candidate-portal-time-page[b-jumdaw2dz8] {
    padding-bottom: 0.15rem;
}

.candidate-portal-time-toolbar-card[b-jumdaw2dz8] {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}

.candidate-portal-time-toolbar-grid[b-jumdaw2dz8] {
    display: grid;
    grid-template-columns: minmax(240px, 340px) minmax(0, 1fr);
    gap: 0.8rem;
    align-items: end;
}

.candidate-portal-time-toolbar-actions[b-jumdaw2dz8] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.candidate-portal-inline-alert[b-jumdaw2dz8] {
    margin-top: 0.05rem;
}

.candidate-portal-time-warning[b-jumdaw2dz8] {
    color: #9b6113;
    background: #fff0db;
}

.candidate-portal-time-tab-row[b-jumdaw2dz8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.candidate-portal-time-clock-grid[b-jumdaw2dz8] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
}

.candidate-portal-time-clock-card[b-jumdaw2dz8],
.candidate-portal-time-grid-mobile-card[b-jumdaw2dz8] {
    border: 1px solid #e1e6ec;
    background: #ffffff;
    padding: 0.85rem 0.9rem;
}

.candidate-portal-time-clock-card.read-only[b-jumdaw2dz8] {
    background: #f8fafc;
}

.candidate-portal-time-clock-card-header[b-jumdaw2dz8],
.candidate-portal-time-grid-mobile-header[b-jumdaw2dz8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.candidate-portal-time-clock-metrics[b-jumdaw2dz8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.55rem;
    margin-top: 0.85rem;
}

.candidate-portal-time-metric[b-jumdaw2dz8] {
    padding: 0.65rem 0.72rem;
    border: 1px solid #e4e9ef;
    background: #f8fbfe;
}

.candidate-portal-time-metric span[b-jumdaw2dz8] {
    display: block;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #708094;
}

.candidate-portal-time-metric strong[b-jumdaw2dz8] {
    display: block;
    margin-top: 0.28rem;
    font-size: 0.95rem;
    color: #243041;
}

.candidate-portal-time-punch-grid[b-jumdaw2dz8] {
    margin-top: 0.85rem;
}

.candidate-portal-time-clock-actions[b-jumdaw2dz8] {
    margin-top: 0.8rem;
}

.candidate-portal-time-grid-table-wrap[b-jumdaw2dz8] {
    overflow-x: auto;
}

.candidate-portal-time-grid-table[b-jumdaw2dz8] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1020px;
}

.candidate-portal-time-grid-table th[b-jumdaw2dz8],
.candidate-portal-time-grid-table td[b-jumdaw2dz8] {
    border: 1px solid #e2e7ed;
    padding: 0.62rem;
    vertical-align: top;
    text-align: left;
}

.candidate-portal-time-grid-table th[b-jumdaw2dz8] {
    background: #f6f9fc;
    color: #425163;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.candidate-portal-time-grid-table th span[b-jumdaw2dz8] {
    display: inline-block;
    margin-top: 0.15rem;
    font-size: 0.7rem;
    letter-spacing: normal;
    text-transform: none;
    color: #708094;
}

.candidate-portal-time-grid-assignment[b-jumdaw2dz8] {
    min-width: 220px;
}

.candidate-portal-row-subcopy[b-jumdaw2dz8] {
    margin-top: 0.18rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: #69788a;
}

.candidate-portal-time-grid-cell[b-jumdaw2dz8] {
    min-width: 86px;
    min-height: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    font-size: 0.82rem;
    color: #4f5d70;
}

.candidate-portal-time-grid-cell.unavailable[b-jumdaw2dz8] {
    color: #97a3b2;
}

.candidate-portal-time-grid-cell.locked[b-jumdaw2dz8] {
    font-weight: 600;
}

.candidate-portal-time-grid-cell.locked span[b-jumdaw2dz8] {
    font-size: 0.72rem;
    font-weight: 500;
    color: #7a8696;
}

.candidate-portal-time-grid-cell.editable[b-jumdaw2dz8] {
    min-height: auto;
}

.candidate-portal-time-grid-input[b-jumdaw2dz8] {
    width: 100%;
    min-height: 40px;
    padding: 0.5rem 0.55rem;
    border: 1px solid #dfe4ea;
    background: #ffffff;
    color: #243041;
    font-size: 0.92rem;
}

.candidate-portal-time-grid-mobile[b-jumdaw2dz8] {
    display: none;
}

.candidate-portal-time-grid-mobile-days[b-jumdaw2dz8] {
    display: grid;
    gap: 0.65rem;
    margin: 0.85rem 0;
}

.candidate-portal-time-grid-mobile-day[b-jumdaw2dz8] {
    display: grid;
    gap: 0.35rem;
}

.candidate-portal-time-grid-mobile-day-label[b-jumdaw2dz8] {
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #708094;
}

.candidate-portal-time-modal-overlay[b-jumdaw2dz8] {
    position: fixed;
    inset: 0;
    z-index: 260;
    border: none;
    background: rgba(20, 29, 44, 0.28);
}

.candidate-portal-time-modal[b-jumdaw2dz8] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 270;
    width: min(720px, calc(100vw - 1.5rem));
    max-height: calc(100vh - 1.5rem);
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dfe4ea;
    transform: translate(-50%, -50%);
    overflow: hidden;
}

.candidate-portal-time-modal-header[b-jumdaw2dz8],
.candidate-portal-time-modal-footer[b-jumdaw2dz8] {
    padding: 0.9rem 1rem;
    border-bottom: 1px solid #e7ecf1;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.8rem;
}

.candidate-portal-time-modal-footer[b-jumdaw2dz8] {
    border-top: 1px solid #e7ecf1;
    border-bottom: none;
    justify-content: flex-end;
}

.candidate-portal-time-modal-title[b-jumdaw2dz8] {
    font-size: 1.08rem;
    font-weight: 700;
    color: #243041;
}

.candidate-portal-time-modal-close[b-jumdaw2dz8] {
    width: 38px;
    height: 38px;
    border: 1px solid #d9e1ea;
    background: #ffffff;
    color: #485669;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
}

.candidate-portal-time-modal-body[b-jumdaw2dz8] {
    padding: 0.95rem 1rem;
    overflow: auto;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.candidate-portal-time-modal-warning[b-jumdaw2dz8] {
    padding: 0.8rem 0.85rem;
    border: 1px solid #f1dcc0;
    background: #fff7ec;
}

.candidate-portal-time-modal-warning-list[b-jumdaw2dz8] {
    margin-top: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    font-size: 0.84rem;
    color: #7f5a16;
}

@media (max-width: 1024px) {
    .candidate-portal-time-clock-grid[b-jumdaw2dz8] {
        grid-template-columns: 1fr;
    }

    .candidate-portal-time-toolbar-grid[b-jumdaw2dz8] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .candidate-portal-time-toolbar-actions[b-jumdaw2dz8] {
        justify-content: flex-start;
    }
}

@media (max-width: 720px) {
    .candidate-portal-time-clock-metrics[b-jumdaw2dz8] {
        grid-template-columns: 1fr;
    }

    .candidate-portal-time-grid-table-wrap[b-jumdaw2dz8] {
        display: none;
    }

    .candidate-portal-time-grid-mobile[b-jumdaw2dz8] {
        display: grid;
        gap: 0.75rem;
    }

    .candidate-portal-time-modal[b-jumdaw2dz8] {
        top: auto;
        left: 0.75rem;
        right: 0.75rem;
        bottom: 0.75rem;
        width: auto;
        max-height: calc(100vh - 1.5rem);
        transform: none;
    }

    .candidate-portal-time-modal-header[b-jumdaw2dz8],
    .candidate-portal-time-modal-footer[b-jumdaw2dz8],
    .candidate-portal-time-clock-card-header[b-jumdaw2dz8],
    .candidate-portal-time-grid-mobile-header[b-jumdaw2dz8] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/CandidateProfile.razor.rz.scp.css */
.candidate-profile-page[b-iyk8gcwznm] {
    width: 100%;
}

.candidate-profile-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.candidate-profile-header-left[b-iyk8gcwznm] {
    min-width: 280px;
    flex: 1;
}

.candidate-profile-title-row[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.candidate-profile-dot[b-iyk8gcwznm] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f17080;
    flex-shrink: 0;
}

.candidate-profile-title[b-iyk8gcwznm] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.2;
}

.candidate-profile-subtitle[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.95rem;
    color: #4d5966;
    line-height: 1.45;
}

.candidate-profile-sub-sep[b-iyk8gcwznm] {
    color: #97a1ab;
}

.candidate-profile-header-right[b-iyk8gcwznm] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.candidate-profile-button[b-iyk8gcwznm] {
    height: 38px;
    padding: 0 14px;
    border-radius: 4px;
    font-size: 0.98rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .candidate-profile-button.primary[b-iyk8gcwznm],
    .candidate-profile-button.save[b-iyk8gcwznm] {
        background: #099bc6;
        color: white;
    }

    .candidate-profile-button.secondary[b-iyk8gcwznm] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

        .candidate-profile-button.secondary.delete[b-iyk8gcwznm] {
            background: #fff7f7;
            color: #a94442;
            border-color: #e0b4b4;
        }

.candidate-tabs[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 14px;
    border-bottom: 1px solid #d8dde3;
}

.candidate-tab[b-iyk8gcwznm] {
    background: #f3f4f6;
    color: #3f4b59;
    border: 1px solid #d8dde3;
    border-bottom: none;
    padding: 10px 14px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    margin-right: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

    .candidate-tab:hover[b-iyk8gcwznm] {
        background: #e8edf2;
    }

    .candidate-tab.active[b-iyk8gcwznm] {
        background: white;
        color: #099bc6;
        border-top: 3px solid #099bc6;
        padding-top: 8px;
        position: relative;
        top: 1px;
    }

.candidate-profile-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 14px;
}

.candidate-card[b-iyk8gcwznm] {
    background: white;
    border: 1px solid #d4d8dd;
    border-radius: 4px;
    padding: 14px;
}

    .candidate-card h3[b-iyk8gcwznm] {
        margin: 0 0 12px 0;
        font-size: 1rem;
        font-weight: 700;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e2e6ea;
    }

.candidate-card-wide[b-iyk8gcwznm] {
    grid-column: 1 / -1;
}

.candidate-info-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 18px;
    font-size: 0.95rem;
    color: #2f2f2f;
}

.candidate-address-block[b-iyk8gcwznm] {
    font-size: 0.95rem;
    color: #2f2f2f;
    line-height: 1.45rem;
}

.candidate-form-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 12px 16px;
}

    .candidate-form-grid label[b-iyk8gcwznm] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.9rem;
        font-weight: 600;
        color: #3f4b59;
    }

.candidate-form-grid-full[b-iyk8gcwznm] {
    grid-column: 1 / -1;
}

.candidate-checkbox-wrap[b-iyk8gcwznm] {
    min-height: 38px;
    display: flex;
    align-items: center;
}

.candidate-summary-text[b-iyk8gcwznm] {
    font-size: 0.95rem;
    color: #2f2f2f;
    white-space: pre-wrap;
    line-height: 1.45rem;
}

.candidate-tab-placeholder[b-iyk8gcwznm] {
    background: white;
    border: 1px solid #d4d8dd;
    border-radius: 4px;
    padding: 18px;
}

    .candidate-tab-placeholder h3[b-iyk8gcwznm] {
        margin: 0 0 8px 0;
        font-size: 1rem;
        color: #1f2d3d;
    }

    .candidate-tab-placeholder p[b-iyk8gcwznm] {
        margin: 0;
        font-size: 0.95rem;
        color: #4d5966;
    }

.candidate-empty[b-iyk8gcwznm] {
    padding: 14px;
    font-size: 0.95rem;
    color: #5d6773;
}

.work-history-preview-list[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 10px;
}

.work-history-preview-item[b-iyk8gcwznm] {
    font-size: 0.95rem;
    color: #2f2f2f;
    line-height: 1.4;
}

.link-button[b-iyk8gcwznm] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
}

.work-history-section[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.work-history-toolbar[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.work-history-list-panel[b-iyk8gcwznm] {
    background: white;
    border: 1px solid #d4d8dd;
    border-radius: 4px;
    overflow: hidden;
}

.work-history-list-headerbar[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 14px;
    border-bottom: 1px solid #dfe3e8;
    background: #ffffff;
}

.work-history-list-title[b-iyk8gcwznm] {
    font-size: 0.98rem;
    font-weight: 700;
    color: #1f2d3d;
}

.work-history-list-count[b-iyk8gcwznm] {
    font-size: 0.95rem;
    color: #3f4b59;
    white-space: nowrap;
}

.work-history-list-wrap[b-iyk8gcwznm] {
    width: 100%;
    overflow-x: auto;
}

.work-history-list-table[b-iyk8gcwznm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .work-history-list-table thead th[b-iyk8gcwznm] {
        background: #f1f2f4;
        color: #2f2f2f;
        font-size: 0.96rem;
        font-weight: 700;
        text-align: left;
        padding: 9px 12px;
        border-bottom: 1px solid #d8dde3;
        white-space: nowrap;
    }

    .work-history-list-table tbody td[b-iyk8gcwznm] {
        font-size: 0.95rem;
        font-weight: 400;
        color: #2f2f2f;
        padding: 9px 12px;
        border-bottom: 1px solid #e2e6ea;
        vertical-align: middle;
        line-height: 1.3rem;
        white-space: nowrap;
    }

    .work-history-list-table tbody tr:nth-child(odd)[b-iyk8gcwznm] {
        background: #f8f8f8;
    }

    .work-history-list-table tbody tr:nth-child(even)[b-iyk8gcwznm] {
        background: #efefef;
    }

.work-history-list-actions[b-iyk8gcwznm] {
    text-align: right;
    white-space: nowrap;
}

.work-history-row-button[b-iyk8gcwznm] {
    height: 32px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #c9d0d8;
    background: #f8f9fb;
    color: #4d5966;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

    .work-history-row-button.view[b-iyk8gcwznm] {
        color: #099bc6;
        border-color: #b9dce8;
        background: #f5fbfd;
    }

.work-history-view-card[b-iyk8gcwznm] {
    margin-top: 0;
}

.work-history-view-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

    .work-history-view-header h3[b-iyk8gcwznm] {
        margin-bottom: 0;
        border-bottom: none;
        padding-bottom: 0;
    }

.work-history-view-actions[b-iyk8gcwznm] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.work-history-text-block[b-iyk8gcwznm] {
    margin-top: 14px;
}

.work-history-text-title[b-iyk8gcwznm] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #1f2d3d;
    margin-bottom: 6px;
}

.work-history-form-card[b-iyk8gcwznm] {
    margin-top: 0;
}

.work-history-form-actions[b-iyk8gcwznm] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 1100px) {
    .candidate-profile-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-info-grid[b-iyk8gcwznm],
    .candidate-form-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-form-grid-full[b-iyk8gcwznm] {
        grid-column: auto;
    }

    .work-history-list-headerbar[b-iyk8gcwznm],
    .work-history-view-header[b-iyk8gcwznm] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .work-history-toolbar[b-iyk8gcwznm] {
        justify-content: flex-start;
    }
}


.candidate-summary-pill.ready[b-iyk8gcwznm] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.candidate-summary-pill.not-ready[b-iyk8gcwznm],
.candidate-summary-pill.missing[b-iyk8gcwznm] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

.candidate-subtabs[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8dde3;
}

.candidate-subtab[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #f5f7fa;
    color: #44515f;
    border: 1px solid #d8dde3;
    border-bottom: none;
    padding: 8px 12px;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    margin-right: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

    .candidate-subtab:hover[b-iyk8gcwznm] {
        background: #eef3f7;
    }

    .candidate-subtab.active[b-iyk8gcwznm] {
        background: #ffffff;
        color: #099bc6;
        border-top: 3px solid #f17080;
        padding-top: 6px;
        position: relative;
        top: 1px;
    }

.candidate-checklist[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 12px;
}

.candidate-checklist-item[b-iyk8gcwznm] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #d8e0e8;
    font-size: 0.8rem;
    font-weight: 700;
}

    .candidate-checklist-item.complete[b-iyk8gcwznm] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .candidate-checklist-item.incomplete[b-iyk8gcwznm] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.candidate-checkbox-grid[b-iyk8gcwznm] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 10px;
}

    .candidate-checkbox-grid label[b-iyk8gcwznm] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin: 0;
        font-size: 0.78rem;
        font-weight: 700;
        color: #334150;
    }

.candidate-form-help[b-iyk8gcwznm] {
    margin-top: 4px;
    font-size: 0.72rem;
    color: #5d6773;
    line-height: 1rem;
}

.candidate-form-actions[b-iyk8gcwznm] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.candidate-modal-backdrop[b-iyk8gcwznm] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.40);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.candidate-modal[b-iyk8gcwznm] {
    width: min(560px, 100%);
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 14px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
    padding: 18px;
}

.candidate-modal-title[b-iyk8gcwznm] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.candidate-modal-text[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #5d6773;
    line-height: 1.35rem;
    margin-bottom: 12px;
}

.candidate-modal-field[b-iyk8gcwznm] {
    margin-bottom: 14px;
}

    .candidate-modal-field label[b-iyk8gcwznm] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.candidate-modal-actions[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .candidate-checklist[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .candidate-subtabs[b-iyk8gcwznm],
    .candidate-checkbox-grid[b-iyk8gcwznm],
    .candidate-form-actions[b-iyk8gcwznm],
    .candidate-modal-actions[b-iyk8gcwznm] {
        flex-direction: column;
        align-items: stretch;
    }
}


.candidate-section[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.candidate-section-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.candidate-section-meta[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.candidate-section-title[b-iyk8gcwznm] {
    font-size: 1rem;
    font-weight: 700;
    color: #233241;
}

.candidate-section-count[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #6c7886;
}

.candidate-info-item[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.candidate-info-label[b-iyk8gcwznm] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #92a0ad;
}

.candidate-info-grid-three[b-iyk8gcwznm] {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.candidate-form-grid-three[b-iyk8gcwznm] {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.candidate-grid-link[b-iyk8gcwznm] {
    background: none;
    border: none;
    color: #0a76c8;
    font-weight: 600;
    padding: 0;
    cursor: pointer;
}

.candidate-row-actions[b-iyk8gcwznm] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
}

.candidate-row-action[b-iyk8gcwznm] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #d7e0e8;
    background: #ffffff;
    color: #556271;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

    .candidate-row-action.view[b-iyk8gcwznm],
    .candidate-row-action.convert[b-iyk8gcwznm] {
        color: #0a76c8;
    }

.avionte-candidate-page[b-iyk8gcwznm] {
    width: 100%;
}

.candidate-record-shell[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 265px minmax(0, 1fr) 285px;
    gap: 18px;
    align-items: start;
}

.candidate-sidebar[b-iyk8gcwznm],
.candidate-utility-column[b-iyk8gcwznm] {
    position: sticky;
    top: 8px;
    align-self: start;
}

.candidate-sidebar-card[b-iyk8gcwznm],
.candidate-utility-widget[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
}

.candidate-sidebar-profile-card[b-iyk8gcwznm] {
    padding: 16px 14px;
}

.candidate-sidebar-toolstack[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    margin-bottom: 8px;
}

.candidate-shell-icon[b-iyk8gcwznm] {
    width: 30px;
    height: 30px;
    border: 1px solid #d5dde6;
    border-radius: 6px;
    background: #ffffff;
    color: #4f6070;
    font-size: 0.92rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07);
}

    .candidate-shell-icon.disabled[b-iyk8gcwznm] {
        color: #b2bcc7;
        cursor: not-allowed;
        background: #f8fafc;
    }

.candidate-sidebar-avatar-wrap[b-iyk8gcwznm] {
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}

.candidate-sidebar-avatar[b-iyk8gcwznm] {
    width: 116px;
    height: 116px;
    border-radius: 50%;
    background: linear-gradient(180deg, #dce5ee 0%, #cfd9e4 100%);
    border: 1px solid #cad4de;
    color: #33485b;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.candidate-sidebar-flag[b-iyk8gcwznm] {
    position: absolute;
    top: -2px;
    left: 42px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eef9f2;
    border: 1px solid #cde7d6;
    color: #3b8b52;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.candidate-sidebar-name[b-iyk8gcwznm] {
    text-align: center;
    font-size: 1.35rem;
    font-weight: 500;
    color: #394755;
    line-height: 1.25;
    margin-bottom: 4px;
}

.candidate-sidebar-note[b-iyk8gcwznm] {
    text-align: center;
    font-size: 0.82rem;
    color: #5f6b77;
    margin-bottom: 10px;
}

.candidate-sidebar-badge-row[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-bottom: 10px;
}

.candidate-sidebar-badge[b-iyk8gcwznm],
.candidate-sidebar-chip[b-iyk8gcwznm] {
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    font-size: 0.67rem;
    font-weight: 700;
    line-height: 1;
}

.candidate-sidebar-badge[b-iyk8gcwznm] {
    background: #f1f4f7;
    border: 1px solid #d8e0e8;
    color: #576675;
}

.candidate-sidebar-chip.type[b-iyk8gcwznm] {
    background: #eef9f2;
    border: 1px solid #cde7d6;
    color: #2f7d45;
}

.candidate-sidebar-keyline[b-iyk8gcwznm],
.candidate-sidebar-placement-line[b-iyk8gcwznm],
.candidate-sidebar-status-text[b-iyk8gcwznm],
.candidate-sidebar-login-line[b-iyk8gcwznm],
.candidate-sidebar-login-value[b-iyk8gcwznm] {
    text-align: center;
    line-height: 1.35;
}

.candidate-sidebar-keyline[b-iyk8gcwznm] {
    color: #4d5d6c;
    font-size: 0.92rem;
    margin-bottom: 8px;
}

.candidate-sidebar-placement-line[b-iyk8gcwznm] {
    color: #758392;
    font-size: 0.95rem;
    margin-bottom: 2px;
}

.candidate-sidebar-status-text[b-iyk8gcwznm] {
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.candidate-sidebar-login-line[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #677483;
}

.candidate-sidebar-login-value[b-iyk8gcwznm] {
    font-size: 0.92rem;
    color: #304456;
    font-weight: 600;
    word-break: break-word;
}

.candidate-sidebar-section[b-iyk8gcwznm] {
    border-top: 1px solid #e7edf3;
    padding-top: 14px;
    margin-top: 14px;
}

.candidate-sidebar-section-title[b-iyk8gcwznm] {
    font-size: 0.76rem;
    font-weight: 400;
    color: #adb6bf;
    margin-bottom: 10px;
}

.candidate-sidebar-empty[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #687583;
    margin-bottom: 8px;
}

.candidate-sidebar-linkbutton[b-iyk8gcwznm] {
    border: 1px solid #0a76c8;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 6px;
}

.candidate-sidebar-contact-list[b-iyk8gcwznm] {
    display: grid;
    gap: 9px;
}

.candidate-sidebar-contact-item[b-iyk8gcwznm] {
    display: grid;
    gap: 2px;
    font-size: 0.82rem;
    color: #41505f;
    line-height: 1.25rem;
}

    .candidate-sidebar-contact-item strong[b-iyk8gcwznm] {
        font-weight: 600;
        color: #2c3c4c;
    }

.candidate-sidebar-quick-status[b-iyk8gcwznm] {
    display: grid;
    gap: 7px;
}

.candidate-sidebar-status-line[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 0.82rem;
    color: #536271;
}

    .candidate-sidebar-status-line strong[b-iyk8gcwznm] {
        font-weight: 600;
        color: #22313f;
        text-align: right;
    }

.candidate-workspace[b-iyk8gcwznm] {
    min-width: 0;
}

.candidate-workspace-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
}

.candidate-workspace-kicker[b-iyk8gcwznm] {
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #98a3ae;
    margin-bottom: 4px;
}

.candidate-workspace-title-row[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.candidate-workspace-title[b-iyk8gcwznm] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 600;
    color: #233241;
    line-height: 1.2;
}

.candidate-workspace-entity[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f4f7fa;
    border: 1px solid #d9e1ea;
    color: #566574;
    font-size: 0.72rem;
    font-weight: 700;
}

.candidate-workspace-meta[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    font-size: 0.84rem;
    color: #667482;
}

.candidate-workspace-meta-sep[b-iyk8gcwznm] {
    color: #b0b8c0;
}

.candidate-shell-actionbar[b-iyk8gcwznm] {
    display: flex;
    gap: 8px;
}

.avionte-tabs[b-iyk8gcwznm] {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    border-bottom: 1px solid #dfe5eb;
    margin-bottom: 0;
    scrollbar-width: none;
}

    .avionte-tabs[b-iyk8gcwznm]::-webkit-scrollbar {
        display: none;
    }

.candidate-tab[b-iyk8gcwznm] {
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    margin-right: 0;
    padding: 11px 0 10px;
    color: #a0abb5;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
}

    .candidate-tab.active[b-iyk8gcwznm] {
        background: transparent;
        color: #283848;
        border-bottom: 3px solid #0a76c8;
        padding-top: 11px;
        top: 0;
    }

.candidate-content-surface[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-top: none;
    border-radius: 0 0 10px 10px;
    padding: 18px;
    min-height: 66vh;
}

.candidate-av-card-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 16px;
}

.candidate-av-card[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    padding: 14px;
}

.candidate-av-card-wide[b-iyk8gcwznm] {
    grid-column: 1 / -1;
}

.candidate-av-card-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid #ebeff3;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.candidate-av-card-title[b-iyk8gcwznm] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #2a3949;
}

.candidate-card-iconbar[b-iyk8gcwznm] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.candidate-resume-shell[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.candidate-resume-toolbar[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.candidate-resume-title[b-iyk8gcwznm] {
    font-size: 0.94rem;
    font-weight: 600;
    color: #2c3b4b;
}

.candidate-resume-preview[b-iyk8gcwznm] {
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    background: #ffffff;
    padding: 16px;
}

.candidate-resume-document[b-iyk8gcwznm] {
    border: 1px solid #d7dfe8;
    background: #fbfcfd;
}

.candidate-resume-docname[b-iyk8gcwznm] {
    padding: 12px 14px;
    border-bottom: 1px solid #dfe5eb;
    font-size: 0.92rem;
    font-weight: 600;
    color: #344252;
}

.candidate-resume-body[b-iyk8gcwznm] {
    padding: 18px 20px 28px;
    background: #ffffff;
    min-height: 520px;
    overflow-y: auto;
}

    .candidate-resume-body h2[b-iyk8gcwznm] {
        font-size: 2rem;
        margin: 0 0 8px 0;
        color: #233241;
    }

    .candidate-resume-body h3[b-iyk8gcwznm] {
        font-size: 1.05rem;
        margin: 22px 0 8px 0;
        color: #314252;
    }

    .candidate-resume-body p[b-iyk8gcwznm] {
        font-size: 0.94rem;
        line-height: 1.55rem;
        color: #314252;
    }

.candidate-resume-history-item[b-iyk8gcwznm] {
    margin-bottom: 12px;
    color: #314252;
    line-height: 1.45rem;
}

.candidate-utility-column[b-iyk8gcwznm] {
    position: sticky;
    top: 8px;
    align-self: start;
    display: grid;
    gap: 14px;
}

.candidate-utility-widget[b-iyk8gcwznm] {
    padding: 14px;
}

.candidate-utility-title[b-iyk8gcwznm] {
    font-size: 0.78rem;
    font-weight: 400;
    color: #b0b8c0;
    margin-bottom: 12px;
}

.candidate-utility-actions[b-iyk8gcwznm] {
    display: grid;
    gap: 8px;
}

.candidate-utility-button[b-iyk8gcwznm],
.candidate-utility-secondary[b-iyk8gcwznm] {
    min-height: 34px;
    border-radius: 5px;
    border: 1px solid #0a76c8;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

    .candidate-utility-button.accent[b-iyk8gcwznm] {
        border-color: #7fb03d;
        color: #437816;
    }

.candidate-stage-title[b-iyk8gcwznm] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #253443;
    margin-bottom: 6px;
}

.candidate-stage-detail[b-iyk8gcwznm] {
    font-size: 0.92rem;
    color: #4d5c6b;
    line-height: 1.45rem;
    margin-bottom: 10px;
}

.candidate-placement-stack[b-iyk8gcwznm] {
    display: grid;
    gap: 8px;
}

.candidate-placement-pill[b-iyk8gcwznm] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #d8d8d8;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 600;
    opacity: 0.55;
}

    .candidate-placement-pill.active[b-iyk8gcwznm] {
        opacity: 1;
    }

    .candidate-placement-pill.placed[b-iyk8gcwznm] {
        background: #76b63e;
    }

    .candidate-placement-pill.submitted[b-iyk8gcwznm] {
        background: #a9a9a9;
    }

    .candidate-placement-pill.previous[b-iyk8gcwznm] {
        background: #b8b8b8;
    }

    .candidate-placement-pill.former[b-iyk8gcwznm] {
        background: #7db0dd;
    }

.candidate-custom-line[b-iyk8gcwznm] {
    display: grid;
    gap: 4px;
    margin-bottom: 10px;
}

    .candidate-custom-line strong[b-iyk8gcwznm] {
        font-size: 0.8rem;
        color: #2d3c4c;
    }

    .candidate-custom-line span[b-iyk8gcwznm] {
        font-size: 0.82rem;
        color: #51606f;
        line-height: 1.3rem;
    }

.candidate-onboarding-strip[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.candidate-onboarding-stat[b-iyk8gcwznm] {
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    align-items: center;
    font-size: 0.86rem;
    font-weight: 600;
}

    .candidate-onboarding-stat strong[b-iyk8gcwznm] {
        font-size: 1.3rem;
        font-weight: 600;
    }

    .candidate-onboarding-stat.complete[b-iyk8gcwznm] {
        background: #eff8ef;
        border: 1px solid #d2e8d2;
        color: #6eaf3c;
    }

    .candidate-onboarding-stat.sent[b-iyk8gcwznm] {
        background: #f5f5f5;
        border: 1px solid #e4e4e4;
        color: #9a9a9a;
    }

    .candidate-onboarding-stat.action[b-iyk8gcwznm] {
        background: #fff9e9;
        border: 1px solid #f0df9c;
        color: #c89a16;
    }

    .candidate-onboarding-stat.rejected[b-iyk8gcwznm] {
        background: #fff1f1;
        border: 1px solid #efc4c4;
        color: #d34343;
    }

.candidate-flyout-backdrop[b-iyk8gcwznm] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.20);
    z-index: 2200;
}

.candidate-flyout-panel[b-iyk8gcwznm] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(560px, 100vw);
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #dfe5eb;
    box-shadow: -16px 0 40px rgba(15, 23, 42, 0.20);
    z-index: 2201;
    display: flex;
    flex-direction: column;
}

.candidate-flyout-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 18px 18px 14px;
    border-bottom: 1px solid #e8edf2;
}

.candidate-flyout-kicker[b-iyk8gcwznm] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #95a1ad;
    margin-bottom: 4px;
}

.candidate-flyout-title[b-iyk8gcwznm] {
    font-size: 1.18rem;
    font-weight: 600;
    color: #233241;
}

.candidate-flyout-body[b-iyk8gcwznm] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px;
    color: #465463;
    line-height: 1.5rem;
}

.candidate-flyout-placeholder-grid[b-iyk8gcwznm] {
    display: grid;
    gap: 12px;
    margin-top: 16px;
}

.candidate-flyout-placeholder[b-iyk8gcwznm] {
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    padding: 14px;
    background: #fbfcfe;
}

.candidate-flyout-placeholder-title[b-iyk8gcwznm] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #2e3d4d;
    margin-bottom: 6px;
}

.candidate-flyout-actions[b-iyk8gcwznm] {
    padding: 14px 18px 18px;
    border-top: 1px solid #e8edf2;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

@media (max-width: 1440px) {
    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 245px minmax(0, 1fr) 265px;
    }
}

@media (max-width: 1280px) {
    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-sidebar[b-iyk8gcwznm],
    .candidate-utility-column[b-iyk8gcwznm] {
        position: static;
    }

    .candidate-av-card-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-onboarding-strip[b-iyk8gcwznm] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 900px) {
    .candidate-workspace-header[b-iyk8gcwznm] {
        flex-direction: column;
        align-items: stretch;
    }

    .candidate-info-grid-three[b-iyk8gcwznm],
    .candidate-form-grid-three[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-onboarding-strip[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-content-surface[b-iyk8gcwznm] {
        padding: 12px;
    }
}


/* Candidate record cleanup pass */
.avionte-candidate-page[b-iyk8gcwznm] {
    width: calc(100% + 28px);
    margin: -18px -14px -14px;
    background: #f1f3f6;
    min-height: calc(100vh - 126px);
}

.candidate-record-shell[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 278px minmax(0, 1fr) 296px;
    gap: 0;
    align-items: stretch;
    min-height: calc(100vh - 126px);
    background: #f1f3f6;
}

.candidate-sidebar[b-iyk8gcwznm] {
    position: sticky;
    top: 0;
    align-self: start;
    min-height: calc(100vh - 126px);
    background: #ffffff;
    border-right: 1px solid #dde4eb;
    box-shadow: 8px 0 18px rgba(18, 32, 54, 0.08);
    z-index: 2;
}

.candidate-utility-column[b-iyk8gcwznm] {
    position: sticky;
    top: 0;
    align-self: start;
    min-height: calc(100vh - 126px);
    background: #ffffff;
    border-left: 1px solid #dde4eb;
    box-shadow: -8px 0 18px rgba(18, 32, 54, 0.08);
    z-index: 2;
    padding: 14px 14px 18px;
    gap: 14px;
}

.candidate-sidebar-card[b-iyk8gcwznm] {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.candidate-sidebar-profile-card[b-iyk8gcwznm] {
    padding: 16px 18px 18px;
}

.candidate-utility-widget[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.candidate-sidebar-toolstack[b-iyk8gcwznm] {
    margin-bottom: 10px;
}

.candidate-sidebar-contact-link[b-iyk8gcwznm] {
    color: #255b92;
    text-decoration: none;
    display: inline;
    word-break: break-word;
}

    .candidate-sidebar-contact-link:hover[b-iyk8gcwznm] {
        text-decoration: underline;
    }

    .candidate-sidebar-contact-link.address[b-iyk8gcwznm] {
        display: inline-grid;
        gap: 0;
    }

.candidate-workspace[b-iyk8gcwznm] {
    min-width: 0;
    background: #f1f3f6;
    padding: 0 16px 18px;
}

.candidate-tabs.avionte-tabs[b-iyk8gcwznm] {
    background: transparent;
    margin-bottom: 0;
    padding: 0 6px;
    border-bottom: 1px solid #d8dee6;
}

.candidate-tab[b-iyk8gcwznm] {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-right: 20px;
    padding: 14px 0 13px;
    color: #97a2ad;
    font-size: 0.85rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
}

    .candidate-tab:hover[b-iyk8gcwznm] {
        background: transparent;
        color: #495867;
    }

    .candidate-tab.active[b-iyk8gcwznm] {
        background: transparent;
        color: #283848;
        border-top: none;
        border-bottom: 1px solid #0a76c8;
        padding-top: 14px;
        padding-bottom: 13px;
    }

.candidate-content-surface[b-iyk8gcwznm] {
    margin-top: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 14px 0 0;
    min-height: 66vh;
}

.candidate-av-card[b-iyk8gcwznm],
.candidate-tab-placeholder[b-iyk8gcwznm],
.work-history-list-panel[b-iyk8gcwznm],
.candidate-table-panel[b-iyk8gcwznm],
.candidate-card[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

    .candidate-card h3[b-iyk8gcwznm],
    .candidate-av-card-title[b-iyk8gcwznm],
    .candidate-tab-placeholder h3[b-iyk8gcwznm] {
        color: #243444;
    }

.candidate-resume-preview[b-iyk8gcwznm],
.candidate-resume-document[b-iyk8gcwznm] {
    background: #ffffff;
}

.candidate-resume-preview[b-iyk8gcwznm],
.candidate-av-card[b-iyk8gcwznm],
.candidate-card[b-iyk8gcwznm],
.candidate-tab-placeholder[b-iyk8gcwznm],
.work-history-list-panel[b-iyk8gcwznm],
.candidate-table-panel[b-iyk8gcwznm] {
    overflow: hidden;
}

.candidate-resume-document[b-iyk8gcwznm] {
    border-radius: 10px;
    border: 1px solid #dde4eb;
}

.candidate-resume-docname[b-iyk8gcwznm] {
    background: #ffffff;
}

.candidate-utility-title[b-iyk8gcwznm] {
    font-size: 0.8rem;
    color: #b0b8c0;
}

.candidate-onboarding-strip[b-iyk8gcwznm] {
    margin-bottom: 16px;
}

@media (max-width: 1440px) {
    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 262px minmax(0, 1fr) 280px;
    }
}

@media (max-width: 1280px) {
    .avionte-candidate-page[b-iyk8gcwznm] {
        width: 100%;
        margin: 0;
        min-height: auto;
    }

    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: auto;
    }

    .candidate-sidebar[b-iyk8gcwznm],
    .candidate-utility-column[b-iyk8gcwznm] {
        position: static;
        min-height: auto;
        border: 1px solid #dde4eb;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
    }

    .candidate-workspace[b-iyk8gcwznm] {
        padding: 0;
    }
}


/* Left rail top alignment fix */
.candidate-sidebar-profile-card[b-iyk8gcwznm] {
    padding: 8px 18px 18px !important;
}

.candidate-sidebar-avatar-wrap[b-iyk8gcwznm] {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
}

.candidate-profile-edit-button[b-iyk8gcwznm] {
    position: absolute;
    top: 2px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d5dde6;
    border-radius: 6px;
    background: #ffffff;
    color: #4f6070;
    font-size: 0.92rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07);
    z-index: 2;
}

.candidate-sidebar-toolstack[b-iyk8gcwznm] {
    display: none !important;
}


/* Final candidate rail / widget styling overrides */
.candidate-record-shell[b-iyk8gcwznm] {
    grid-template-columns: 278px minmax(0, 1fr) 296px;
    gap: 0;
    align-items: stretch;
}

.candidate-sidebar[b-iyk8gcwznm],
.candidate-utility-column[b-iyk8gcwznm] {
    position: static;
    top: auto;
    align-self: stretch;
    background: #ffffff;
    min-height: calc(100vh - 126px);
    border-radius: 0;
    border: none;
}

.candidate-sidebar[b-iyk8gcwznm] {
    padding: 0;
    border-right: 1px solid #dde4eb;
    box-shadow: 8px 0 18px rgba(18, 32, 54, 0.08);
}

.candidate-utility-column[b-iyk8gcwznm] {
    padding: 14px 14px 18px;
    border-left: 1px solid #dde4eb;
    box-shadow: -8px 0 18px rgba(18, 32, 54, 0.08);
}

.candidate-sidebar-card[b-iyk8gcwznm] {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.candidate-sidebar-profile-card[b-iyk8gcwznm] {
    padding: 16px 18px 18px !important;
    margin: 0 !important;
}

.candidate-sidebar-avatar-wrap[b-iyk8gcwznm] {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 0 14px 0 !important;
    padding-top: 0;
}

.candidate-profile-edit-button[b-iyk8gcwznm] {
    position: absolute;
    top: 2px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d5dde6;
    border-radius: 6px;
    background: #ffffff;
    color: #4f6070;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15,23,42,0.07);
}

.candidate-sidebar-avatar[b-iyk8gcwznm] {
    width: 112px;
    height: 112px;
}

.candidate-sidebar-name[b-iyk8gcwznm] {
    text-align: center;
    font-size: clamp(0.98rem, 1.02vw, 1.16rem);
    font-weight: 500;
    color: #394755;
    line-height: 1.16;
    margin-bottom: 6px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

.candidate-sidebar-note[b-iyk8gcwznm] {
    text-align: center;
    font-size: 0.82rem;
    color: #5f6b77;
    margin-bottom: 12px;
}

.candidate-sidebar-badge-row[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin-bottom: 12px;
}

.candidate-sidebar-badge[b-iyk8gcwznm],
.candidate-sidebar-chip[b-iyk8gcwznm] {
    min-height: 18px;
    padding: 1px 6px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    font-size: 0.56rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.candidate-sidebar-badge[b-iyk8gcwznm] {
    background: #f1f4f7;
    border: 1px solid #d8e0e8;
    color: #576675;
}

.candidate-sidebar-chip.type[b-iyk8gcwznm] {
    background: #eef9f2;
    border: 1px solid #cde7d6;
    color: #2f7d45;
}

.candidate-sidebar-keyline[b-iyk8gcwznm] {
    text-align: center;
    color: #4d5d6c;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.candidate-sidebar-placement-line[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #758392;
    font-size: 0.82rem;
    margin-bottom: 2px;
}

.candidate-sidebar-placement-icon[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #7c8b99;
}

.candidate-sidebar-placement-text[b-iyk8gcwznm] {
    font-size: 0.82rem;
}

.candidate-sidebar-status-text[b-iyk8gcwznm] {
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
}

.candidate-sidebar-login-line[b-iyk8gcwznm] {
    text-align: center;
    font-size: 0.8rem;
    color: #677483;
}

.candidate-sidebar-login-value[b-iyk8gcwznm] {
    text-align: center;
    font-size: 0.92rem;
    color: #304456;
    font-weight: 600;
    word-break: break-word;
}

.candidate-sidebar-section[b-iyk8gcwznm] {
    border-top: 1px solid #e7edf3;
    padding-top: 14px;
    margin-top: 14px;
}

.candidate-sidebar-section-title[b-iyk8gcwznm] {
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
    margin-bottom: 12px;
}

.candidate-sidebar-empty[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #687583;
    margin-bottom: 8px;
}

.candidate-sidebar-linkbutton[b-iyk8gcwznm] {
    border: 1px solid #0a76c8;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 6px;
}

.candidate-sidebar-contact-list-icons[b-iyk8gcwznm],
.candidate-sidebar-op-list[b-iyk8gcwznm] {
    display: grid;
    gap: 12px;
}

.candidate-sidebar-contact-row[b-iyk8gcwznm],
.candidate-sidebar-op-row[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 9px;
    align-items: start;
}

.candidate-sidebar-miniicon[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #4c5560;
    margin-top: 1px;
}

    .candidate-sidebar-miniicon svg[b-iyk8gcwznm] {
        width: 16px;
        height: 16px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.candidate-sidebar-contact-content[b-iyk8gcwznm],
.candidate-sidebar-op-content[b-iyk8gcwznm] {
    font-size: 0.82rem;
    color: #41505f;
    line-height: 1.35rem;
}

    .candidate-sidebar-contact-content a[b-iyk8gcwznm] {
        color: #255b92;
        text-decoration: none;
    }

        .candidate-sidebar-contact-content a:hover[b-iyk8gcwznm] {
            text-decoration: underline;
        }

    .candidate-sidebar-contact-content.address[b-iyk8gcwznm] {
        display: inline-grid;
        gap: 0;
    }

    .candidate-sidebar-op-content > div + div[b-iyk8gcwznm] {
        margin-top: 2px;
    }

.candidate-workspace[b-iyk8gcwznm] {
    min-width: 0;
    background: #f1f3f6;
    padding: 0 16px 18px;
}

.candidate-utility-widget[b-iyk8gcwznm] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    padding: 14px;
}

.candidate-utility-title[b-iyk8gcwznm] {
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
    margin-bottom: 12px;
}

@media (max-width: 1440px) {
    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 262px minmax(0, 1fr) 284px;
    }
}

@media (max-width: 1280px) {
    .candidate-record-shell[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .candidate-sidebar[b-iyk8gcwznm],
    .candidate-utility-column[b-iyk8gcwznm] {
        position: static;
        min-height: auto;
    }
}

.candidate-profile-button.compact[b-iyk8gcwznm] {
    height: 33px;
    padding: 0 11px;
    font-size: 0.84rem;
    font-weight: 600;
}

.candidate-resume-shell .candidate-profile-button.compact[b-iyk8gcwznm] {
    height: 32px;
    padding: 0 11px;
    border-radius: 3px;
    font-size: 0.8rem;
}

.candidate-resume-action-button[b-iyk8gcwznm] {
    background: #ffffff !important;
    color: #0a76c8 !important;
    border: 1px solid #0a76c8 !important;
    box-shadow: none;
}

    .candidate-resume-action-button:hover[b-iyk8gcwznm] {
        background: #f5fbff !important;
        color: #085d9c !important;
        border-color: #085d9c !important;
    }

.candidate-resume-preview-featured[b-iyk8gcwznm],
.candidate-resume-documents-panel[b-iyk8gcwznm] {
    padding: 16px 18px;
}

.candidate-resume-featured-top[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.candidate-resume-section-heading[b-iyk8gcwznm] {
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
    margin-bottom: 12px;
}

.candidate-resume-featured-name[b-iyk8gcwznm] {
    font-size: 1.05rem;
    font-weight: 500;
    color: #2a3949;
    line-height: 1.3;
}

    .candidate-resume-featured-name.empty[b-iyk8gcwznm] {
        color: #6c7884;
    }

.candidate-resume-featured-meta[b-iyk8gcwznm],
.candidate-resume-document-meta[b-iyk8gcwznm],
.candidate-resume-overlay-meta[b-iyk8gcwznm],
.candidate-resume-documents-subtitle[b-iyk8gcwznm] {
    font-size: 0.76rem;
    color: #7d8894;
    line-height: 1.45;
}

.candidate-resume-filetype-badge[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 4px;
    background: #b61464;
    color: #ffffff;
    font-size: 0.74rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.candidate-resume-featured-actions[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.candidate-resume-status-chip[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #d2dae3;
    background: #ffffff;
    color: #5a6773;
    font-size: 0.76rem;
    font-weight: 600;
}

    .candidate-resume-status-chip.primary[b-iyk8gcwznm] {
        border-color: #d6dce4;
        color: #4d5965;
    }

.candidate-resume-documents-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding-bottom: 14px;
    margin-bottom: 14px;
    border-bottom: 1px solid #e6ecf1;
}

.candidate-resume-upload-panel[b-iyk8gcwznm] {
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid #dde4eb;
    border-radius: 8px;
    background: #fbfcfe;
}

.candidate-resume-upload-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
}

.candidate-resume-upload-field[b-iyk8gcwznm] {
    min-width: 0;
}

.candidate-resume-upload-field-full[b-iyk8gcwznm] {
    width: 100%;
}

.candidate-resume-upload-label[b-iyk8gcwznm] {
    display: block;
    margin-bottom: 10px;
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
}

.candidate-resume-upload-picker[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 112px;
    white-space: nowrap;
}

.candidate-resume-upload-picker-row[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.candidate-resume-upload-input[b-iyk8gcwznm] {
    display: none;
}

.candidate-resume-upload-selected-inline[b-iyk8gcwznm] {
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #dde4eb;
    border-radius: 4px;
    background: #ffffff;
    color: #314050;
    display: inline-flex;
    align-items: center;
    font-size: 0.82rem;
    line-height: 1.3;
    flex: 1 1 260px;
    min-width: 220px;
}

    .candidate-resume-upload-selected-inline.empty[b-iyk8gcwznm] {
        color: #7d8894;
    }

.candidate-resume-upload-help[b-iyk8gcwznm] {
    margin-top: 8px;
    font-size: 0.74rem;
    color: #86929d;
}

.candidate-resume-upload-selected[b-iyk8gcwznm] {
    margin-top: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2b3948;
    word-break: break-word;
}

.candidate-resume-upload-actions[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.candidate-resume-document-list[b-iyk8gcwznm] {
    display: grid;
    gap: 12px;
}

.candidate-resume-document-row[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding-top: 12px;
    border-top: 1px solid #edf2f6;
}

    .candidate-resume-document-row:first-child[b-iyk8gcwznm] {
        padding-top: 0;
        border-top: none;
    }

.candidate-resume-document-main[b-iyk8gcwznm] {
    flex: 1 1 auto;
    min-width: 0;
}

.candidate-resume-document-labels[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}

.candidate-resume-filename-pill[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 4px;
    background: #0a76c8;
    color: #ffffff;
    font-size: 0.79rem;
    font-weight: 600;
    line-height: 1;
    word-break: break-word;
}

.candidate-resume-document-actions[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.candidate-resume-icon-button[b-iyk8gcwznm] {
    width: 30px;
    height: 30px;
    border: 1px solid #d4dde6;
    border-radius: 4px;
    background: #ffffff;
    color: #566371;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

    .candidate-resume-icon-button svg[b-iyk8gcwznm] {
        width: 15px;
        height: 15px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .candidate-resume-icon-button.delete[b-iyk8gcwznm] {
        color: #d94848;
        border-color: #efcaca;
        background: #fff7f7;
    }

.candidate-resume-overlay[b-iyk8gcwznm] {
    position: fixed;
    inset: 40px 48px;
    z-index: 2201;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    box-shadow: 0 20px 48px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.candidate-resume-overlay-header[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px 14px;
    border-bottom: 1px solid #e7edf3;
    background: #ffffff;
}

.candidate-resume-overlay-title[b-iyk8gcwznm] {
    font-size: 1.06rem;
    font-weight: 600;
    color: #253444;
    line-height: 1.3;
}

.candidate-resume-overlay-body[b-iyk8gcwznm] {
    flex: 1 1 auto;
    min-height: 0;
    background: #f5f7fa;
}

    .candidate-resume-overlay-body iframe[b-iyk8gcwznm] {
        width: 100%;
        height: 100%;
        border: 0;
        background: #ffffff;
    }

.candidate-resume-overlay-fallback[b-iyk8gcwznm] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px;
    text-align: center;
    color: #556270;
}

.candidate-resume-overlay-fallback-title[b-iyk8gcwznm] {
    font-size: 1rem;
    font-weight: 600;
    color: #2a3949;
}

@media (max-width: 1024px) {
    .candidate-resume-overlay[b-iyk8gcwznm] {
        inset: 24px;
    }
}

@media (max-width: 900px) {
    .candidate-resume-featured-top[b-iyk8gcwznm],
    .candidate-resume-documents-header[b-iyk8gcwznm],
    .candidate-resume-document-row[b-iyk8gcwznm] {
        flex-direction: column;
    }

    .candidate-resume-upload-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-resume-upload-picker-row[b-iyk8gcwznm] {
        align-items: stretch;
    }

    .candidate-resume-upload-selected-inline[b-iyk8gcwznm] {
        min-width: 0;
    }

    .candidate-resume-document-actions[b-iyk8gcwznm],
    .candidate-resume-featured-actions[b-iyk8gcwznm],
    .candidate-resume-upload-actions[b-iyk8gcwznm] {
        justify-content: flex-start;
    }

    .candidate-resume-overlay[b-iyk8gcwznm] {
        inset: 12px;
    }
}

.candidate-payroll-shell[b-iyk8gcwznm] {
    display: grid;
    gap: 14px;
}

.candidate-payroll-subtabs[b-iyk8gcwznm] {
    background: transparent;
    margin-bottom: 0;
    padding: 0 6px;
    border-bottom: 1px solid #d8dee6;
}

    .candidate-payroll-subtabs .candidate-subtab[b-iyk8gcwznm] {
        background: transparent;
        border: none;
        border-radius: 0;
        margin-right: 18px;
        padding: 14px 0 13px;
        color: #97a2ad;
        font-size: 0.84rem;
        font-weight: 500;
        border-bottom: 1px solid transparent;
    }

        .candidate-payroll-subtabs .candidate-subtab:hover[b-iyk8gcwznm] {
            background: transparent;
            color: #495867;
        }

        .candidate-payroll-subtabs .candidate-subtab.active[b-iyk8gcwznm] {
            background: transparent;
            color: #283848;
            border-top: none;
            border-bottom: 1px solid #0a76c8;
            padding-top: 14px;
            padding-bottom: 13px;
            top: 0;
        }

.candidate-payroll-overview-grid[b-iyk8gcwznm] {
    gap: 14px;
}

.candidate-payroll-panel-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 16px;
}

.candidate-payroll-summary-strip[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
}

.candidate-payroll-summary-item[b-iyk8gcwznm] {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border: 1px solid #dde4eb;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.candidate-payroll-summary-label[b-iyk8gcwznm] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #8f9ba8;
}

.candidate-payroll-summary-value[b-iyk8gcwznm] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #263544;
    line-height: 1.25rem;
}

.candidate-payroll-summary-note[b-iyk8gcwznm] {
    font-size: 0.76rem;
    color: #667483;
    line-height: 1.2rem;
}

.candidate-payroll-state[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 600;
    border: 1px solid #d6dce4;
    background: #ffffff;
    color: #51606e;
    width: fit-content;
}

    .candidate-payroll-state.ready[b-iyk8gcwznm] {
        background: #eef9f2;
        border-color: #cce7d5;
        color: #2c7b44;
    }

    .candidate-payroll-state.blocked[b-iyk8gcwznm] {
        background: #fff3f4;
        border-color: #f0c6cb;
        color: #b24552;
    }

.candidate-payroll-inline-button[b-iyk8gcwznm] {
    height: 32px;
    padding: 0 11px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 600;
    background: #ffffff !important;
    color: #0a76c8 !important;
    border: 1px solid #0a76c8 !important;
    box-shadow: none;
}

    .candidate-payroll-inline-button:hover[b-iyk8gcwznm] {
        background: #f5fbff !important;
        color: #085d9c !important;
        border-color: #085d9c !important;
    }

.candidate-payroll-inline-note[b-iyk8gcwznm] {
    margin-top: 12px;
    color: #5d6a78;
}

.candidate-payroll-panels[b-iyk8gcwznm] {
    display: grid;
    gap: 16px;
}

.candidate-payroll-table-panel[b-iyk8gcwznm] {
    padding: 14px 18px 18px;
}

.candidate-payroll-table-header[b-iyk8gcwznm] {
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #e8edf2;
}

.candidate-payroll-header-actions[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.candidate-payroll-grid th[b-iyk8gcwznm],
.candidate-payroll-grid td[b-iyk8gcwznm] {
    white-space: nowrap;
    vertical-align: middle;
}

    .candidate-payroll-grid th:first-child[b-iyk8gcwznm],
    .candidate-payroll-grid td:first-child[b-iyk8gcwznm] {
        width: 92px;
    }

.candidate-payroll-grid-actions[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.candidate-payroll-icon-button[b-iyk8gcwznm] {
    width: 30px;
    height: 30px;
    border: 1px solid #d4dde6;
    border-radius: 4px;
    background: #ffffff;
    color: #566371;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

    .candidate-payroll-icon-button:hover[b-iyk8gcwznm] {
        border-color: #b8c7d6;
        color: #2e3c4b;
    }

    .candidate-payroll-icon-button svg[b-iyk8gcwznm] {
        width: 15px;
        height: 15px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.candidate-payroll-table-empty[b-iyk8gcwznm] {
    padding: 10px 0;
}

.candidate-payroll-drawer[b-iyk8gcwznm] {
    width: min(620px, 100vw);
}

.candidate-payroll-drawer-toolbar[b-iyk8gcwznm] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.candidate-payroll-drawer-toolbar-meta[b-iyk8gcwznm],
.candidate-payroll-drawer-toolbar-actions[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.candidate-payroll-pill[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid #d6dee8;
    background: #f5f8fb;
    color: #415161;
    font-size: 0.74rem;
    font-weight: 700;
}

.candidate-payroll-pill.muted[b-iyk8gcwznm] {
    background: #ffffff;
    color: #607181;
}

.candidate-payroll-pill.neutral[b-iyk8gcwznm] {
    background: #eef7ff;
    border-color: #cfe0f2;
    color: #285f95;
}

.candidate-payroll-pill.warning[b-iyk8gcwznm] {
    background: #fff5e8;
    border-color: #f2d19c;
    color: #9a6200;
}

.candidate-payroll-drawer-note[b-iyk8gcwznm] {
    margin-top: 0;
    margin-bottom: 16px;
    padding: 10px 12px;
    border: 1px solid #dbe5ef;
    border-radius: 8px;
    background: #f8fbfe;
}

.candidate-payroll-drawer-section[b-iyk8gcwznm] {
    display: grid;
    gap: 12px;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e8edf2;
}

    .candidate-payroll-drawer-section:last-child[b-iyk8gcwznm] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

.candidate-payroll-drawer-section-title[b-iyk8gcwznm] {
    font-size: 0.98rem;
    font-weight: 600;
    color: #2b3948;
}

.candidate-payroll-drawer-checklist[b-iyk8gcwznm] {
    margin-top: 4px;
}

@media (max-width: 1200px) {
    .candidate-payroll-panel-grid[b-iyk8gcwznm],
    .candidate-payroll-summary-strip[b-iyk8gcwznm] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 900px) {
    .candidate-payroll-panel-grid[b-iyk8gcwznm],
    .candidate-payroll-summary-strip[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-payroll-subtabs .candidate-subtab[b-iyk8gcwznm] {
        margin-right: 14px;
    }

    .candidate-payroll-table-header[b-iyk8gcwznm] {
        flex-direction: column;
        align-items: flex-start;
    }

    .candidate-payroll-header-actions[b-iyk8gcwznm],
    .candidate-payroll-drawer-toolbar[b-iyk8gcwznm],
    .candidate-payroll-drawer-toolbar-meta[b-iyk8gcwznm],
    .candidate-payroll-drawer-toolbar-actions[b-iyk8gcwznm] {
        width: 100%;
        justify-content: flex-start;
    }

    .candidate-payroll-drawer[b-iyk8gcwznm] {
        width: 100vw;
    }

    .candidate-payroll-drawer-checklist[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Candidates.razor.rz.scp.css */
.candidate-module[b-jnlog4ke4s] {
    width: 100%;
}

.candidate-module-bar[b-jnlog4ke4s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.candidate-module-title-wrap[b-jnlog4ke4s] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.candidate-module-dot[b-jnlog4ke4s] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #f17080;
    flex-shrink: 0;
}

.candidate-module-title[b-jnlog4ke4s] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.candidate-module-tools[b-jnlog4ke4s] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.candidate-toolbar-search[b-jnlog4ke4s],
.candidate-filter-input[b-jnlog4ke4s],
.candidate-page-size-select[b-jnlog4ke4s] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.candidate-toolbar-search[b-jnlog4ke4s] {
    width: 320px;
    max-width: 100%;
}

.candidate-filter-input[b-jnlog4ke4s] {
    width: 100%;
    min-width: 92px;
    font-weight: 500;
}

.candidate-filter-select[b-jnlog4ke4s] {
    min-width: 110px;
}

.candidate-filter-date[b-jnlog4ke4s] {
    min-width: 136px;
}

.candidate-toolbar-button[b-jnlog4ke4s] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .candidate-toolbar-button.primary[b-jnlog4ke4s] {
        background: #099bc6;
        color: white;
    }

    .candidate-toolbar-button.secondary[b-jnlog4ke4s] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .candidate-toolbar-button.compact[b-jnlog4ke4s] {
        height: 30px;
        padding: 0 10px;
    }

.candidate-grid-panel[b-jnlog4ke4s] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
}

.candidate-grid-headerbar[b-jnlog4ke4s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.candidate-grid-title[b-jnlog4ke4s] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.candidate-grid-count[b-jnlog4ke4s] {
    margin-top: 2px;
    font-size: 0.76rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 600;
}

.candidate-grid-utilities[b-jnlog4ke4s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.candidate-page-size[b-jnlog4ke4s] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.candidate-page-size-select[b-jnlog4ke4s] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.candidate-empty[b-jnlog4ke4s] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.candidate-table-wrap[b-jnlog4ke4s] {
    width: 100%;
    overflow-x: auto;
}

.candidate-table[b-jnlog4ke4s] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .candidate-table thead th[b-jnlog4ke4s] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.75rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .candidate-table tbody td[b-jnlog4ke4s] {
        font-size: 0.79rem;
        font-weight: 500;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .candidate-table tbody tr[b-jnlog4ke4s] {
        cursor: pointer;
        transition: background 0.10s ease;
    }

        .candidate-table tbody tr:nth-child(odd)[b-jnlog4ke4s] {
            background: #fcfdfe;
        }

        .candidate-table tbody tr:nth-child(even)[b-jnlog4ke4s] {
            background: #f6f8fa;
        }

        .candidate-table tbody tr:hover[b-jnlog4ke4s],
        .candidate-table tbody tr:focus-within[b-jnlog4ke4s] {
            background: #eaf7fc;
        }

.candidate-filter-row th[b-jnlog4ke4s] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.candidate-sort-button[b-jnlog4ke4s] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.candidate-status-pill[b-jnlog4ke4s] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .candidate-status-pill.positive[b-jnlog4ke4s] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .candidate-status-pill.warning[b-jnlog4ke4s] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .candidate-status-pill.danger[b-jnlog4ke4s] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .candidate-status-pill.neutral[b-jnlog4ke4s] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.candidate-grid-footer[b-jnlog4ke4s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.candidate-footer-button[b-jnlog4ke4s] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .candidate-footer-button:disabled[b-jnlog4ke4s] {
        opacity: 0.55;
        cursor: default;
    }

.candidate-page-indicator[b-jnlog4ke4s],
.candidate-grid-footer-summary[b-jnlog4ke4s] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .candidate-module-tools[b-jnlog4ke4s] {
        justify-content: flex-start;
        width: 100%;
    }

    .candidate-toolbar-search[b-jnlog4ke4s] {
        width: 100%;
    }

    .candidate-grid-utilities[b-jnlog4ke4s] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .candidate-grid-footer[b-jnlog4ke4s] {
        justify-content: center;
    }

    .candidate-grid-footer-summary[b-jnlog4ke4s] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/ClientPortalHome.razor.rz.scp.css */
.client-portal-page[b-0snwlb5f4c] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.client-portal-alert[b-0snwlb5f4c] {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
    border: 1px solid transparent;
}

.client-portal-alert.success[b-0snwlb5f4c] {
    background: #ecf9f0;
    border-color: #b8e2c5;
    color: #236b3f;
}

.client-portal-alert.error[b-0snwlb5f4c] {
    background: #fdf0f1;
    border-color: #efc5ca;
    color: #9a3b46;
}

.client-portal-empty-page[b-0snwlb5f4c],
.client-portal-empty-dashboard[b-0snwlb5f4c],
.client-portal-empty-widget[b-0snwlb5f4c] {
    padding: 18px;
    border: 1px solid #d6dee9;
    background: #ffffff;
    border-radius: 6px;
    color: #5f6f84;
    font-size: 13px;
    line-height: 1.5;
}

.client-portal-empty-dashboard[b-0snwlb5f4c] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
}

.client-portal-empty-title[b-0snwlb5f4c] {
    font-size: 16px;
    font-weight: 700;
    color: #23354b;
}

.client-portal-empty-text[b-0snwlb5f4c] {
    max-width: 720px;
}

.client-portal-empty-widget.compact[b-0snwlb5f4c] {
    padding: 12px;
}

.client-portal-dashboard-hero[b-0snwlb5f4c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}

.client-portal-page-kicker[b-0snwlb5f4c] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-page-title[b-0snwlb5f4c] {
    margin: 2px 0 4px;
    font-size: 24px;
    line-height: 1.2;
    color: #213349;
}

.client-portal-page-text[b-0snwlb5f4c] {
    max-width: 820px;
    font-size: 13px;
    color: #607185;
    line-height: 1.55;
}

.client-portal-hero-actions[b-0snwlb5f4c] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.client-portal-hero-note[b-0snwlb5f4c] {
    padding: 8px 10px;
    border: 1px solid #d9e1ec;
    background: #fbfcfe;
    border-radius: 4px;
    font-size: 12px;
    color: #66778b;
    max-width: 250px;
}

.client-portal-button[b-0snwlb5f4c] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.client-portal-button.primary[b-0snwlb5f4c] {
    background: #2f73d9;
    border-color: #2f73d9;
    color: #ffffff;
}

.client-portal-button.secondary[b-0snwlb5f4c] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2e4968;
}

.client-portal-button.link[b-0snwlb5f4c] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2b5ea8;
}

.client-portal-summary-strip[b-0snwlb5f4c] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-summary-card[b-0snwlb5f4c] {
    padding: 12px 12px 10px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-summary-card.attention[b-0snwlb5f4c] {
    background: #fffaf0;
    border-color: #ebd39d;
}

.client-portal-summary-label[b-0snwlb5f4c] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-summary-value[b-0snwlb5f4c] {
    margin-top: 4px;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    color: #1d3147;
}

.client-portal-summary-note[b-0snwlb5f4c] {
    margin-top: 6px;
    font-size: 12px;
    color: #6a7b90;
    line-height: 1.4;
}

.client-portal-widget-grid[b-0snwlb5f4c] {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 12px;
}

.client-portal-widget-card[b-0snwlb5f4c] {
    grid-column: span 4;
    padding: 14px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
    min-width: 0;
}

.client-portal-widget-card.wide[b-0snwlb5f4c] {
    grid-column: span 6;
}

.client-portal-widget-header[b-0snwlb5f4c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.client-portal-widget-title[b-0snwlb5f4c] {
    font-size: 16px;
    font-weight: 700;
    color: #213349;
}

.client-portal-widget-subtitle[b-0snwlb5f4c] {
    margin-top: 2px;
    font-size: 12px;
    color: #67788c;
}

.client-portal-widget-actions[b-0snwlb5f4c] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.client-portal-widget-action[b-0snwlb5f4c] {
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid #d1dae7;
    background: #f8fafc;
    border-radius: 4px;
    font-size: 12px;
    color: #46576d;
    cursor: pointer;
}

.client-portal-widget-action.danger[b-0snwlb5f4c] {
    color: #9b3941;
}

.client-portal-mini-summary-row[b-0snwlb5f4c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.client-portal-mini-summary[b-0snwlb5f4c] {
    padding: 9px 10px;
    border: 1px solid #dde4ed;
    border-radius: 4px;
    background: #fbfcfe;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.client-portal-mini-summary span[b-0snwlb5f4c] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #68798d;
}

.client-portal-mini-summary strong[b-0snwlb5f4c] {
    font-size: 18px;
    color: #1f3248;
}

.client-portal-widget-link-row[b-0snwlb5f4c] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

.client-portal-info-grid[b-0snwlb5f4c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
}

.client-portal-info-grid.compact[b-0snwlb5f4c] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.client-portal-info-grid > div[b-0snwlb5f4c] {
    padding: 9px 10px;
    border: 1px solid #dde4ed;
    background: #fbfcfe;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-info-grid > div.wide[b-0snwlb5f4c] {
    grid-column: span 2;
}

.client-portal-info-label[b-0snwlb5f4c] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #65768a;
}

.client-portal-info-grid strong[b-0snwlb5f4c] {
    font-size: 13px;
    color: #25364b;
    overflow-wrap: anywhere;
}

.client-portal-table-wrap[b-0snwlb5f4c] {
    overflow-x: auto;
}

.client-portal-table[b-0snwlb5f4c] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.client-portal-table th[b-0snwlb5f4c] {
    padding: 8px 8px;
    background: #f3f6fa;
    border-bottom: 1px solid #d9e0ea;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
    white-space: nowrap;
}

.client-portal-table td[b-0snwlb5f4c] {
    padding: 8px 8px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.client-portal-list[b-0snwlb5f4c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.client-portal-list.compact[b-0snwlb5f4c] {
    gap: 6px;
}

.client-portal-list-row[b-0snwlb5f4c] {
    padding: 10px 12px;
    border: 1px solid #dde4ed;
    border-radius: 4px;
    background: #fbfcfe;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-list-row.compact[b-0snwlb5f4c] {
    padding: 8px 10px;
}

.client-portal-list-main[b-0snwlb5f4c] {
    min-width: 0;
}

.client-portal-list-title[b-0snwlb5f4c] {
    font-size: 13px;
    font-weight: 700;
    color: #22354a;
}

.client-portal-list-meta[b-0snwlb5f4c],
.client-portal-list-note[b-0snwlb5f4c] {
    margin-top: 2px;
    font-size: 12px;
    color: #67798d;
    line-height: 1.4;
}

.client-portal-list-side[b-0snwlb5f4c] {
    flex: 0 0 auto;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}

.client-portal-status-pill[b-0snwlb5f4c] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #e9eef5;
    color: #41566f;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.client-portal-status-pill.attention[b-0snwlb5f4c] {
    background: #fff0d5;
    color: #8f6414;
}

.client-portal-split-grid[b-0snwlb5f4c] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.client-portal-subsection-title[b-0snwlb5f4c] {
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #23354b;
}

.client-portal-modal-overlay[b-0snwlb5f4c] {
    position: fixed;
    inset: 0;
    z-index: 49;
    border: 0;
    background: rgba(17, 24, 39, 0.35);
}

.client-portal-modal[b-0snwlb5f4c] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(540px, calc(100vw - 24px));
    max-height: calc(100vh - 32px);
    overflow: auto;
    z-index: 50;
    border: 1px solid #ccd6e2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(26, 43, 67, 0.18);
}

.client-portal-modal-header[b-0snwlb5f4c] {
    padding: 14px 16px;
    border-bottom: 1px solid #d5dce7;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-modal-title[b-0snwlb5f4c] {
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-modal-close[b-0snwlb5f4c] {
    width: 30px;
    height: 30px;
    border: 1px solid #d3dbe7;
    background: #ffffff;
    border-radius: 4px;
    font-size: 22px;
    line-height: 1;
    color: #45586e;
    cursor: pointer;
}

.client-portal-widget-picker[b-0snwlb5f4c] {
    padding: 14px 16px 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.client-portal-widget-picker-item[b-0snwlb5f4c] {
    padding: 12px;
    border: 1px solid #d7dfeb;
    background: #fbfcfe;
    border-radius: 6px;
    text-align: left;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-widget-picker-item:hover[b-0snwlb5f4c] {
    border-color: #a9c0de;
    background: #eef5fd;
}

.client-portal-widget-picker-title[b-0snwlb5f4c] {
    font-size: 13px;
    font-weight: 700;
    color: #213349;
}

.client-portal-widget-picker-text[b-0snwlb5f4c] {
    font-size: 12px;
    color: #65778c;
    line-height: 1.45;
}

@media (max-width: 1380px) {
    .client-portal-summary-strip[b-0snwlb5f4c] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-portal-widget-card[b-0snwlb5f4c],
    .client-portal-widget-card.wide[b-0snwlb5f4c] {
        grid-column: span 6;
    }

    .client-portal-info-grid.compact[b-0snwlb5f4c] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 980px) {
    .client-portal-dashboard-hero[b-0snwlb5f4c] {
        flex-direction: column;
    }

    .client-portal-hero-actions[b-0snwlb5f4c] {
        justify-content: flex-start;
    }

    .client-portal-summary-strip[b-0snwlb5f4c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-portal-widget-card[b-0snwlb5f4c],
    .client-portal-widget-card.wide[b-0snwlb5f4c] {
        grid-column: span 12;
    }

    .client-portal-mini-summary-row[b-0snwlb5f4c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-portal-info-grid[b-0snwlb5f4c],
    .client-portal-info-grid.compact[b-0snwlb5f4c],
    .client-portal-split-grid[b-0snwlb5f4c],
    .client-portal-widget-picker[b-0snwlb5f4c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .client-portal-summary-strip[b-0snwlb5f4c] {
        grid-template-columns: 1fr;
    }

    .client-portal-mini-summary-row[b-0snwlb5f4c] {
        grid-template-columns: 1fr;
    }

    .client-portal-list-row[b-0snwlb5f4c],
    .client-portal-list-row.compact[b-0snwlb5f4c] {
        flex-direction: column;
    }

    .client-portal-list-side[b-0snwlb5f4c] {
        width: 100%;
        align-items: flex-start;
        text-align: left;
    }

    .client-portal-widget-header[b-0snwlb5f4c] {
        flex-direction: column;
    }

    .client-portal-widget-actions[b-0snwlb5f4c] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/ClientPortalInvoices.razor.rz.scp.css */
.client-portal-invoices-page[b-oj5b4e3pnc] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.client-portal-invoices-alert[b-oj5b4e3pnc],
.client-portal-invoices-empty[b-oj5b4e3pnc] {
    padding: 14px 16px;
    border-radius: 6px;
    border: 1px solid #d6dee9;
    background: #ffffff;
    color: #5f6f84;
    font-size: 13px;
    line-height: 1.5;
}

.client-portal-invoices-alert.error[b-oj5b4e3pnc] {
    background: #fdf0f1;
    border-color: #efc5ca;
    color: #9a3b46;
}

.client-portal-invoices-empty.compact[b-oj5b4e3pnc] {
    padding: 12px;
}

.client-portal-invoices-hero[b-oj5b4e3pnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%);
}

.client-portal-invoices-kicker[b-oj5b4e3pnc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-invoices-title[b-oj5b4e3pnc] {
    margin: 2px 0 4px;
    font-size: 24px;
    line-height: 1.2;
    color: #213349;
}

.client-portal-invoices-text[b-oj5b4e3pnc] {
    max-width: 860px;
    font-size: 13px;
    color: #607185;
    line-height: 1.55;
}

.client-portal-invoices-hero-note[b-oj5b4e3pnc] {
    max-width: 280px;
    padding: 10px 12px;
    border: 1px solid #d9e1ec;
    background: #fbfcfe;
    border-radius: 4px;
    font-size: 12px;
    color: #66778b;
    line-height: 1.5;
}

.client-portal-invoices-summary-strip[b-oj5b4e3pnc] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-invoices-summary-card[b-oj5b4e3pnc] {
    padding: 12px 12px 10px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-invoices-summary-card.attention[b-oj5b4e3pnc] {
    background: #fffaf0;
    border-color: #ebd39d;
}

.client-portal-invoices-summary-label[b-oj5b4e3pnc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-invoices-summary-value[b-oj5b4e3pnc] {
    margin-top: 4px;
    font-size: 24px;
    line-height: 1.05;
    font-weight: 700;
    color: #1d3147;
}

.client-portal-invoices-summary-note[b-oj5b4e3pnc] {
    margin-top: 6px;
    font-size: 12px;
    color: #6a7b90;
    line-height: 1.4;
}

.client-portal-invoices-filter-card[b-oj5b4e3pnc],
.client-portal-invoices-table-card[b-oj5b4e3pnc],
.client-portal-invoices-panel[b-oj5b4e3pnc] {
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-invoices-filter-grid[b-oj5b4e3pnc] {
    display: grid;
    grid-template-columns: minmax(0, 2.2fr) repeat(2, minmax(170px, 1fr)) auto;
    gap: 12px;
    padding: 14px 16px;
    align-items: end;
}

.client-portal-invoices-filter-field[b-oj5b4e3pnc] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.client-portal-invoices-filter-field label[b-oj5b4e3pnc] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617388;
}

.client-portal-invoices-filter-field.wide[b-oj5b4e3pnc] {
    min-width: 0;
}

.client-portal-invoices-input[b-oj5b4e3pnc],
.client-portal-invoices-select[b-oj5b4e3pnc],
.client-portal-invoices-textarea[b-oj5b4e3pnc] {
    width: 100%;
    min-height: 36px;
    padding: 0 11px;
    border: 1px solid #cad4e0;
    border-radius: 4px;
    background: #ffffff;
    color: #24374d;
    font-size: 13px;
    box-sizing: border-box;
}

.client-portal-invoices-textarea[b-oj5b4e3pnc] {
    min-height: 88px;
    padding: 10px 11px;
    resize: vertical;
}

.client-portal-invoices-filter-actions[b-oj5b4e3pnc],
.client-portal-invoices-inline-actions[b-oj5b4e3pnc],
.client-portal-invoices-row-actions[b-oj5b4e3pnc] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.client-portal-invoices-button[b-oj5b4e3pnc],
.client-portal-invoices-action-button[b-oj5b4e3pnc] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.client-portal-invoices-button.primary[b-oj5b4e3pnc] {
    background: #2f73d9;
    border-color: #2f73d9;
    color: #ffffff;
}

.client-portal-invoices-button.secondary[b-oj5b4e3pnc],
.client-portal-invoices-action-button[b-oj5b4e3pnc] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2e4968;
}

.client-portal-invoices-table-header[b-oj5b4e3pnc],
.client-portal-invoices-panel-header[b-oj5b4e3pnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 12px;
    border-bottom: 1px solid #e2e8f0;
}

.client-portal-invoices-table-title[b-oj5b4e3pnc],
.client-portal-invoices-panel-title[b-oj5b4e3pnc] {
    font-size: 16px;
    font-weight: 700;
    color: #213349;
}

.client-portal-invoices-table-subtitle[b-oj5b4e3pnc],
.client-portal-invoices-panel-text[b-oj5b4e3pnc],
.client-portal-invoices-section-note[b-oj5b4e3pnc] {
    margin-top: 2px;
    font-size: 12px;
    color: #67788c;
    line-height: 1.5;
}

.client-portal-invoices-table-wrap[b-oj5b4e3pnc] {
    overflow-x: auto;
}

.client-portal-invoices-table[b-oj5b4e3pnc] {
    width: 100%;
    border-collapse: collapse;
    min-width: 920px;
}

.client-portal-invoices-table.flyout[b-oj5b4e3pnc] {
    min-width: 0;
}

.client-portal-invoices-table th[b-oj5b4e3pnc] {
    padding: 9px 10px;
    background: #f7f9fc;
    color: #45576c;
    font-size: 11px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border-bottom: 1px solid #dbe3ed;
    white-space: nowrap;
}

.client-portal-invoices-table td[b-oj5b4e3pnc] {
    padding: 10px;
    border-bottom: 1px solid #ebf0f5;
    color: #24374d;
    font-size: 13px;
    vertical-align: top;
}

.client-portal-invoices-table tbody tr.selected[b-oj5b4e3pnc] {
    background: #f5fbfd;
}

.client-portal-invoices-row-link[b-oj5b4e3pnc] {
    background: none;
    border: none;
    padding: 0;
    color: #235e9f;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

.client-portal-invoices-row-subtext[b-oj5b4e3pnc],
.client-portal-invoices-history-text[b-oj5b4e3pnc],
.client-portal-invoices-flyout-note[b-oj5b4e3pnc] {
    font-size: 12px;
    color: #67788c;
    line-height: 1.5;
}

.client-portal-invoices-balance[b-oj5b4e3pnc] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.client-portal-invoices-balance.open[b-oj5b4e3pnc] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.client-portal-invoices-balance.overdue[b-oj5b4e3pnc] {
    background: #fff1f2;
    border-color: #f1c1c8;
    color: #b24552;
}

.client-portal-invoices-balance.paid[b-oj5b4e3pnc] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.client-portal-invoices-balance.credit[b-oj5b4e3pnc] {
    background: #eff6ff;
    border-color: #bfd5f5;
    color: #275a9f;
}

.client-portal-invoices-overlay[b-oj5b4e3pnc] {
    position: fixed;
    inset: 0;
    border: none;
    padding: 0;
    background: rgba(18, 28, 42, 0.4);
    z-index: 40;
}

.client-portal-invoices-flyout[b-oj5b4e3pnc] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(560px, 100vw);
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #d9e2ec;
    box-shadow: -8px 0 24px rgba(16, 30, 52, 0.16);
    z-index: 50;
    display: flex;
    flex-direction: column;
}

.client-portal-invoices-flyout-header[b-oj5b4e3pnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 16px;
    border-bottom: 1px solid #e1e8f0;
}

.client-portal-invoices-flyout-title[b-oj5b4e3pnc] {
    margin-top: 2px;
    font-size: 22px;
    line-height: 1.15;
    font-weight: 700;
    color: #22354a;
}

.client-portal-invoices-flyout-meta[b-oj5b4e3pnc] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #66778b;
}

.client-portal-invoices-flyout-close[b-oj5b4e3pnc] {
    min-width: 34px;
    min-height: 34px;
    border: 1px solid #d0dae6;
    border-radius: 4px;
    background: #ffffff;
    color: #506173;
    font-size: 16px;
    cursor: pointer;
}

.client-portal-invoices-flyout-body[b-oj5b4e3pnc] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.client-portal-invoices-flyout-note[b-oj5b4e3pnc] {
    padding: 10px 12px;
    border: 1px solid #d7e0eb;
    border-radius: 4px;
    background: #fbfcfe;
}

.client-portal-invoices-detail-section[b-oj5b4e3pnc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.client-portal-invoices-detail-grid[b-oj5b4e3pnc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-invoices-detail-grid.compact[b-oj5b4e3pnc] {
    padding: 14px 16px 16px;
}

.client-portal-invoices-detail-grid > div[b-oj5b4e3pnc] {
    padding: 10px 11px;
    border: 1px solid #dde4ed;
    border-radius: 4px;
    background: #fbfcfe;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-invoices-detail-grid > div.wide[b-oj5b4e3pnc] {
    grid-column: span 2;
}

.client-portal-invoices-detail-grid .label[b-oj5b4e3pnc] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #66778b;
}

.client-portal-invoices-detail-grid strong[b-oj5b4e3pnc] {
    font-size: 13px;
    color: #25364b;
    overflow-wrap: anywhere;
}

.client-portal-invoices-section-header[b-oj5b4e3pnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-invoices-section-title[b-oj5b4e3pnc] {
    font-size: 15px;
    font-weight: 700;
    color: #213349;
}

.client-portal-invoices-history-list[b-oj5b4e3pnc] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-invoices-history-item[b-oj5b4e3pnc] {
    padding: 12px;
    border: 1px solid #dce4ee;
    border-radius: 6px;
    background: #fbfcfe;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-invoices-history-top[b-oj5b4e3pnc] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-invoices-history-title[b-oj5b4e3pnc] {
    font-size: 13px;
    font-weight: 700;
    color: #22354a;
}

.client-portal-invoices-history-meta[b-oj5b4e3pnc] {
    font-size: 12px;
    color: #66778b;
    text-align: right;
}

@media (max-width: 1280px) {
    .client-portal-invoices-summary-strip[b-oj5b4e3pnc] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    .client-portal-invoices-filter-grid[b-oj5b4e3pnc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-portal-invoices-filter-actions[b-oj5b4e3pnc] {
        justify-content: flex-start;
    }
}

@media (max-width: 900px) {
    .client-portal-invoices-hero[b-oj5b4e3pnc],
    .client-portal-invoices-history-top[b-oj5b4e3pnc] {
        flex-direction: column;
    }

    .client-portal-invoices-summary-strip[b-oj5b4e3pnc],
    .client-portal-invoices-detail-grid[b-oj5b4e3pnc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .client-portal-invoices-summary-strip[b-oj5b4e3pnc],
    .client-portal-invoices-filter-grid[b-oj5b4e3pnc],
    .client-portal-invoices-detail-grid[b-oj5b4e3pnc] {
        grid-template-columns: 1fr;
    }

    .client-portal-invoices-detail-grid > div.wide[b-oj5b4e3pnc] {
        grid-column: span 1;
    }

    .client-portal-invoices-flyout[b-oj5b4e3pnc] {
        width: 100vw;
    }
}
/* /Components/Pages/ClientPortalJobs.razor.rz.scp.css */
.client-portal-jobs-page[b-bbmc73qosk] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.client-portal-jobs-alert[b-bbmc73qosk],
.client-portal-jobs-empty[b-bbmc73qosk],
.client-portal-jobs-flyout-note[b-bbmc73qosk] {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #d5dce7;
    background: #f9fbfd;
    font-size: 13px;
    line-height: 1.5;
}

.client-portal-jobs-alert.success[b-bbmc73qosk] {
    border-color: #c8dfcb;
    background: #eef8f0;
    color: #245e36;
}

.client-portal-jobs-alert.error[b-bbmc73qosk] {
    border-color: #e7c8c8;
    background: #fcf1f1;
    color: #a3363a;
}

.client-portal-jobs-flyout-note[b-bbmc73qosk] {
    border-color: #f0d08a;
    background: #fff7e1;
    color: #8d6617;
}

.client-portal-jobs-hero[b-bbmc73qosk],
.client-portal-jobs-filter-card[b-bbmc73qosk],
.client-portal-jobs-table-card[b-bbmc73qosk] {
    padding: 14px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-jobs-hero[b-bbmc73qosk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-jobs-kicker[b-bbmc73qosk] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-jobs-title[b-bbmc73qosk] {
    margin: 2px 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: #213349;
}

.client-portal-jobs-text[b-bbmc73qosk],
.client-portal-jobs-hero-note[b-bbmc73qosk],
.client-portal-jobs-table-subtitle[b-bbmc73qosk],
.client-portal-jobs-section-note[b-bbmc73qosk],
.client-portal-jobs-row-subtext[b-bbmc73qosk] {
    font-size: 12px;
    line-height: 1.5;
    color: #607185;
}

.client-portal-jobs-hero-note[b-bbmc73qosk] {
    max-width: 320px;
}

.client-portal-jobs-summary-strip[b-bbmc73qosk] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-jobs-summary-card[b-bbmc73qosk] {
    padding: 12px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-jobs-summary-label[b-bbmc73qosk] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607185;
}

.client-portal-jobs-summary-value[b-bbmc73qosk] {
    margin-top: 6px;
    font-size: 24px;
    font-weight: 700;
    color: #203147;
}

.client-portal-jobs-summary-note[b-bbmc73qosk] {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
    color: #66778c;
}

.client-portal-jobs-filter-grid[b-bbmc73qosk] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(180px, 1fr)) auto;
    gap: 12px;
    align-items: end;
}

.client-portal-jobs-filter-field[b-bbmc73qosk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.client-portal-jobs-filter-field.wide[b-bbmc73qosk] {
    min-width: 0;
}

.client-portal-jobs-filter-field label[b-bbmc73qosk] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-jobs-input[b-bbmc73qosk],
.client-portal-jobs-select[b-bbmc73qosk] {
    min-height: 34px;
    border: 1px solid #c7d1de;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    color: #243447;
    background: #ffffff;
}

.client-portal-jobs-input:focus[b-bbmc73qosk],
.client-portal-jobs-select:focus[b-bbmc73qosk] {
    outline: none;
    border-color: #2f73d9;
    box-shadow: 0 0 0 3px rgba(47, 115, 217, 0.12);
}

.client-portal-jobs-filter-actions[b-bbmc73qosk] {
    display: flex;
    gap: 8px;
}

.client-portal-jobs-button[b-bbmc73qosk] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-jobs-button.primary[b-bbmc73qosk] {
    background: #2f73d9;
    border-color: #2f73d9;
    color: #ffffff;
}

.client-portal-jobs-button.secondary[b-bbmc73qosk] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2e4968;
}

.client-portal-jobs-table-header[b-bbmc73qosk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.client-portal-jobs-table-title[b-bbmc73qosk],
.client-portal-jobs-section-title[b-bbmc73qosk],
.client-portal-jobs-panel-title[b-bbmc73qosk] {
    font-size: 14px;
    font-weight: 700;
    color: #203147;
}

.client-portal-jobs-table-wrap[b-bbmc73qosk] {
    overflow-x: auto;
}

.client-portal-jobs-table[b-bbmc73qosk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.client-portal-jobs-table th[b-bbmc73qosk] {
    padding: 8px;
    border-bottom: 1px solid #d9e0ea;
    background: #f3f6fa;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
}

.client-portal-jobs-table td[b-bbmc73qosk] {
    padding: 9px 8px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.client-portal-jobs-table tbody tr[b-bbmc73qosk] {
    cursor: pointer;
}

.client-portal-jobs-table tbody tr:hover[b-bbmc73qosk],
.client-portal-jobs-table tbody tr.selected[b-bbmc73qosk] {
    background: #edf4fd;
}

.client-portal-jobs-table.flyout tbody tr.clickable:hover[b-bbmc73qosk] {
    background: #eef5ff;
}

.client-portal-jobs-row-link[b-bbmc73qosk] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2b5ea8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-jobs-row-link:hover[b-bbmc73qosk] {
    text-decoration: underline;
}

.client-portal-jobs-status[b-bbmc73qosk] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid #d8e0ea;
    background: #f5f7fa;
    color: #44566c;
    font-size: 11px;
    font-weight: 700;
}

.client-portal-jobs-status.open[b-bbmc73qosk] {
    border-color: #b9d9c4;
    background: #eef8f2;
    color: #1d6b3f;
}

.client-portal-jobs-status.hold[b-bbmc73qosk] {
    border-color: #efd9ab;
    background: #fff8e6;
    color: #91681b;
}

.client-portal-jobs-status.closed[b-bbmc73qosk] {
    border-color: #d4dce6;
    background: #f2f5f8;
    color: #4c5c6b;
}

.client-portal-jobs-status.cancelled[b-bbmc73qosk] {
    border-color: #e5c5c5;
    background: #fbefef;
    color: #a23a3f;
}

.client-portal-jobs-overlay[b-bbmc73qosk] {
    position: fixed;
    inset: 0;
    z-index: 54;
    border: 0;
    background: rgba(17, 24, 39, 0.35);
}

.client-portal-jobs-flyout[b-bbmc73qosk] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(720px, 96vw);
    height: 100vh;
    z-index: 55;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #cdd6e3;
    box-shadow: -18px 0 48px rgba(15, 23, 42, 0.18);
}

.client-portal-jobs-flyout-header[b-bbmc73qosk] {
    padding: 14px 16px;
    border-bottom: 1px solid #d5dce7;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-jobs-flyout-title[b-bbmc73qosk] {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-jobs-flyout-meta[b-bbmc73qosk] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #607185;
}

.client-portal-jobs-flyout-close[b-bbmc73qosk],
.client-portal-jobs-flyout-back[b-bbmc73qosk] {
    min-height: 32px;
    border: 1px solid #d1d9e5;
    background: #ffffff;
    border-radius: 4px;
    color: #44566c;
    cursor: pointer;
}

.client-portal-jobs-flyout-close[b-bbmc73qosk] {
    width: 32px;
    font-size: 22px;
    line-height: 1;
}

.client-portal-jobs-flyout-back[b-bbmc73qosk] {
    margin-bottom: 8px;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 700;
}

.client-portal-jobs-flyout-body[b-bbmc73qosk] {
    flex: 1;
    overflow: auto;
    padding: 14px 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.client-portal-jobs-detail-section[b-bbmc73qosk] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-jobs-detail-grid[b-bbmc73qosk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-jobs-detail-grid > div[b-bbmc73qosk],
.client-portal-jobs-panel[b-bbmc73qosk] {
    padding: 10px 12px;
    border: 1px solid #dde4ed;
    border-radius: 4px;
    background: #fbfcfe;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.client-portal-jobs-detail-grid > div.wide[b-bbmc73qosk] {
    grid-column: span 2;
}

.client-portal-jobs-detail-grid .label[b-bbmc73qosk] {
    font-size: 11px;
    color: #647589;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.client-portal-jobs-detail-grid strong[b-bbmc73qosk],
.client-portal-jobs-panel-text[b-bbmc73qosk] {
    font-size: 13px;
    line-height: 1.5;
    color: #243447;
    overflow-wrap: anywhere;
}

.client-portal-jobs-panel-text[b-bbmc73qosk] {
    white-space: pre-wrap;
}

.client-portal-jobs-section-header[b-bbmc73qosk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-jobs-empty.compact[b-bbmc73qosk] {
    padding: 12px;
}

@media (max-width: 1380px) {
    .client-portal-jobs-summary-strip[b-bbmc73qosk] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .client-portal-jobs-hero[b-bbmc73qosk],
    .client-portal-jobs-section-header[b-bbmc73qosk] {
        flex-direction: column;
        align-items: stretch;
    }

    .client-portal-jobs-filter-grid[b-bbmc73qosk] {
        grid-template-columns: 1fr 1fr;
    }

    .client-portal-jobs-filter-actions[b-bbmc73qosk] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .client-portal-jobs-summary-strip[b-bbmc73qosk],
    .client-portal-jobs-filter-grid[b-bbmc73qosk],
    .client-portal-jobs-detail-grid[b-bbmc73qosk] {
        grid-template-columns: 1fr;
    }

    .client-portal-jobs-flyout[b-bbmc73qosk] {
        width: 100vw;
    }

    .client-portal-jobs-detail-grid > div.wide[b-bbmc73qosk] {
        grid-column: span 1;
    }
}
/* /Components/Pages/ClientPortalSchedules.razor.rz.scp.css */
.client-portal-schedules-page[b-hf66pr7nt4] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.client-portal-schedules-alert[b-hf66pr7nt4],
.client-portal-schedules-empty[b-hf66pr7nt4],
.client-portal-schedules-flyout-note[b-hf66pr7nt4] {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #d5dce7;
    background: #f9fbfd;
    font-size: 13px;
    line-height: 1.5;
}

.client-portal-schedules-alert.success[b-hf66pr7nt4] {
    border-color: #c8dfcb;
    background: #eef8f0;
    color: #245e36;
}

.client-portal-schedules-alert.error[b-hf66pr7nt4] {
    border-color: #e7c8c8;
    background: #fcf1f1;
    color: #a3363a;
}

.client-portal-schedules-flyout-note[b-hf66pr7nt4] {
    border-color: #f0d08a;
    background: #fff7e1;
    color: #8d6617;
}

.client-portal-schedules-empty.compact[b-hf66pr7nt4] {
    padding: 12px;
}

.client-portal-schedules-hero[b-hf66pr7nt4],
.client-portal-schedules-toolbar-card[b-hf66pr7nt4],
.client-portal-schedules-calendar-card[b-hf66pr7nt4],
.client-portal-schedules-table-card[b-hf66pr7nt4] {
    padding: 14px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-schedules-hero[b-hf66pr7nt4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-schedules-kicker[b-hf66pr7nt4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-schedules-title[b-hf66pr7nt4] {
    margin: 2px 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: #213349;
}

.client-portal-schedules-text[b-hf66pr7nt4],
.client-portal-schedules-hero-note[b-hf66pr7nt4],
.client-portal-schedules-section-note[b-hf66pr7nt4],
.client-portal-schedules-row-subtext[b-hf66pr7nt4],
.client-portal-schedules-panel-text[b-hf66pr7nt4] {
    font-size: 12px;
    line-height: 1.5;
    color: #607185;
}

.client-portal-schedules-hero-actions[b-hf66pr7nt4] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 10px;
}

.client-portal-schedules-hero-note[b-hf66pr7nt4] {
    max-width: 340px;
}

.client-portal-schedules-button[b-hf66pr7nt4] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-schedules-button.primary[b-hf66pr7nt4] {
    background: #2f73d9;
    border-color: #2f73d9;
    color: #ffffff;
}

.client-portal-schedules-button.secondary[b-hf66pr7nt4] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2e4968;
}

.client-portal-schedules-button.danger[b-hf66pr7nt4] {
    background: #fff1f1;
    border-color: #d8898d;
    color: #9c2f35;
}

.client-portal-schedules-button.compact[b-hf66pr7nt4] {
    min-height: 32px;
    padding: 0 10px;
    font-size: 12px;
}

.client-portal-schedules-summary-strip[b-hf66pr7nt4],
.client-portal-schedules-summary-grid[b-hf66pr7nt4] {
    display: grid;
    gap: 10px;
}

.client-portal-schedules-summary-strip[b-hf66pr7nt4] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.client-portal-schedules-summary-grid[b-hf66pr7nt4] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.client-portal-schedules-summary-card[b-hf66pr7nt4] {
    padding: 12px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-schedules-summary-strip .client-portal-schedules-summary-card[b-hf66pr7nt4] {
    appearance: none;
    text-align: left;
    cursor: pointer;
}

.client-portal-schedules-summary-strip .client-portal-schedules-summary-card.active[b-hf66pr7nt4],
.client-portal-schedules-summary-strip .client-portal-schedules-summary-card:hover[b-hf66pr7nt4] {
    border-color: #2f73d9;
    background: #eef5ff;
}

.client-portal-schedules-summary-label[b-hf66pr7nt4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607185;
}

.client-portal-schedules-summary-value[b-hf66pr7nt4] {
    margin-top: 6px;
    font-size: 24px;
    font-weight: 700;
    color: #203147;
}

.client-portal-schedules-summary-note[b-hf66pr7nt4] {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
    color: #66778c;
}

.client-portal-schedules-toolbar-topline[b-hf66pr7nt4],
.client-portal-schedules-section-header[b-hf66pr7nt4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-schedules-toolbar-label[b-hf66pr7nt4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-schedules-toolbar-range[b-hf66pr7nt4],
.client-portal-schedules-section-title[b-hf66pr7nt4],
.client-portal-schedules-panel-title[b-hf66pr7nt4] {
    font-size: 14px;
    font-weight: 700;
    color: #203147;
}

.client-portal-schedules-toolbar-controls[b-hf66pr7nt4] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.client-portal-schedules-view-toggle[b-hf66pr7nt4] {
    display: inline-flex;
    align-items: center;
    border: 1px solid #d3dbe6;
    border-radius: 6px;
    overflow: hidden;
    background: #f8fafc;
}

.client-portal-schedules-view-button[b-hf66pr7nt4] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    background: transparent;
    color: #44566c;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-schedules-view-button.active[b-hf66pr7nt4] {
    background: #2f73d9;
    color: #ffffff;
}

.client-portal-schedules-nav[b-hf66pr7nt4] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.client-portal-schedules-filter-grid[b-hf66pr7nt4] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 12px;
}

.client-portal-schedules-filter-field[b-hf66pr7nt4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.client-portal-schedules-filter-field.wide[b-hf66pr7nt4] {
    min-width: 0;
}

.client-portal-schedules-filter-field span[b-hf66pr7nt4] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-schedules-input[b-hf66pr7nt4],
.client-portal-schedules-textarea[b-hf66pr7nt4] {
    min-height: 34px;
    border: 1px solid #c7d1de;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    color: #243447;
    background: #ffffff;
}

.client-portal-schedules-textarea[b-hf66pr7nt4] {
    min-height: 110px;
    padding: 10px;
    resize: vertical;
}

.client-portal-schedules-input:focus[b-hf66pr7nt4],
.client-portal-schedules-textarea:focus[b-hf66pr7nt4] {
    outline: none;
    border-color: #2f73d9;
    box-shadow: 0 0 0 3px rgba(47, 115, 217, 0.12);
}

.client-portal-schedules-filter-actions[b-hf66pr7nt4],
.client-portal-schedules-inline-actions[b-hf66pr7nt4],
.client-portal-schedules-flyout-actions[b-hf66pr7nt4],
.client-portal-schedules-modal-actions[b-hf66pr7nt4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.client-portal-schedules-calendar-wrap[b-hf66pr7nt4],
.client-portal-schedules-table-wrap[b-hf66pr7nt4] {
    overflow-x: auto;
}

.client-portal-schedules-calendar-grid[b-hf66pr7nt4] {
    display: grid;
    grid-template-columns: repeat(7, minmax(100px, 1fr));
    gap: 8px;
    min-width: 760px;
    margin-top: 12px;
}

.client-portal-schedules-calendar-label[b-hf66pr7nt4] {
    padding: 8px 10px;
    border-radius: 4px;
    background: #f3f6fa;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
}

.client-portal-schedules-calendar-day[b-hf66pr7nt4] {
    min-height: 112px;
    padding: 10px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    text-align: left;
    cursor: pointer;
}

.client-portal-schedules-calendar-day.muted[b-hf66pr7nt4] {
    background: #f8fafc;
    color: #8b98a8;
}

.client-portal-schedules-calendar-day.today[b-hf66pr7nt4] {
    border-color: #2f73d9;
}

.client-portal-schedules-calendar-day.selected[b-hf66pr7nt4] {
    background: #eef5ff;
    border-color: #2f73d9;
}

.client-portal-schedules-calendar-date[b-hf66pr7nt4] {
    font-size: 15px;
    font-weight: 700;
    color: #223348;
}

.client-portal-schedules-calendar-count[b-hf66pr7nt4] {
    font-size: 12px;
    color: #607185;
}

.client-portal-schedules-calendar-pill[b-hf66pr7nt4] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.client-portal-schedules-calendar-pill.open[b-hf66pr7nt4] {
    background: #eef8f2;
    color: #1d6b3f;
}

.client-portal-schedules-calendar-pill.filled[b-hf66pr7nt4] {
    background: #edf4fd;
    color: #2456a2;
}

.client-portal-schedules-calendar-pill.cancelled[b-hf66pr7nt4] {
    background: #fbefef;
    color: #a23a3f;
}

.client-portal-schedules-table[b-hf66pr7nt4] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.client-portal-schedules-table th[b-hf66pr7nt4] {
    padding: 8px;
    border-bottom: 1px solid #d9e0ea;
    background: #f3f6fa;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
    white-space: nowrap;
}

.client-portal-schedules-table td[b-hf66pr7nt4] {
    padding: 9px 8px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.client-portal-schedules-table tbody tr.clickable[b-hf66pr7nt4] {
    cursor: pointer;
}

.client-portal-schedules-table tbody tr.clickable:hover[b-hf66pr7nt4],
.client-portal-schedules-table tbody tr.selected[b-hf66pr7nt4] {
    background: #edf4fd;
}

.client-portal-schedules-row-link[b-hf66pr7nt4] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2b5ea8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-schedules-row-link:hover[b-hf66pr7nt4] {
    text-decoration: underline;
}

.client-portal-schedules-status[b-hf66pr7nt4] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid #d8e0ea;
    background: #f5f7fa;
    color: #44566c;
    font-size: 11px;
    font-weight: 700;
}

.client-portal-schedules-status.open[b-hf66pr7nt4] {
    border-color: #b9d9c4;
    background: #eef8f2;
    color: #1d6b3f;
}

.client-portal-schedules-status.partial[b-hf66pr7nt4],
.client-portal-schedules-status.attention[b-hf66pr7nt4] {
    border-color: #efd9ab;
    background: #fff8e6;
    color: #91681b;
}

.client-portal-schedules-status.filled[b-hf66pr7nt4] {
    border-color: #c7d9f2;
    background: #eef4fd;
    color: #2456a2;
}

.client-portal-schedules-status.cancelled[b-hf66pr7nt4] {
    border-color: #e5c5c5;
    background: #fbefef;
    color: #a23a3f;
}

.client-portal-schedules-status.completed[b-hf66pr7nt4],
.client-portal-schedules-status.neutral[b-hf66pr7nt4] {
    border-color: #d4dce6;
    background: #f2f5f8;
    color: #4c5c6b;
}

.client-portal-schedules-queue-grid[b-hf66pr7nt4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.client-portal-schedules-overlay[b-hf66pr7nt4] {
    position: fixed;
    inset: 0;
    z-index: 54;
    border: 0;
    background: rgba(17, 24, 39, 0.35);
}

.client-portal-schedules-flyout[b-hf66pr7nt4] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(720px, 96vw);
    height: 100vh;
    z-index: 55;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #cdd6e3;
    box-shadow: -18px 0 48px rgba(15, 23, 42, 0.18);
}

.client-portal-schedules-flyout.wide[b-hf66pr7nt4] {
    width: min(860px, 98vw);
}

.client-portal-schedules-flyout-header[b-hf66pr7nt4] {
    padding: 14px 16px;
    border-bottom: 1px solid #d5dce7;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-schedules-flyout-title[b-hf66pr7nt4] {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-schedules-flyout-meta[b-hf66pr7nt4] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #607185;
}

.client-portal-schedules-flyout-close[b-hf66pr7nt4] {
    width: 32px;
    height: 32px;
    border: 1px solid #d1d9e5;
    background: #ffffff;
    border-radius: 4px;
    color: #44566c;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}

.client-portal-schedules-flyout-body[b-hf66pr7nt4] {
    padding: 14px 16px 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.client-portal-schedules-detail-section[b-hf66pr7nt4] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-schedules-detail-grid[b-hf66pr7nt4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.client-portal-schedules-detail-grid .label[b-hf66pr7nt4] {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-schedules-detail-grid strong[b-hf66pr7nt4] {
    font-size: 13px;
    color: #203147;
}

.client-portal-schedules-panel[b-hf66pr7nt4] {
    padding: 12px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #f9fbfd;
}

.client-portal-schedules-panel + .client-portal-schedules-panel[b-hf66pr7nt4] {
    margin-top: 10px;
}

.client-portal-schedules-modal[b-hf66pr7nt4] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 56;
    width: min(560px, calc(100vw - 24px));
    padding: 18px;
    border: 1px solid #d6dee9;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.client-portal-schedules-modal-title[b-hf66pr7nt4] {
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-schedules-modal-text[b-hf66pr7nt4] {
    font-size: 13px;
    line-height: 1.55;
    color: #5d6d80;
}

@media (max-width: 1180px) {
    .client-portal-schedules-summary-grid[b-hf66pr7nt4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .client-portal-schedules-queue-grid[b-hf66pr7nt4] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    .client-portal-schedules-hero[b-hf66pr7nt4],
    .client-portal-schedules-toolbar-topline[b-hf66pr7nt4],
    .client-portal-schedules-section-header[b-hf66pr7nt4] {
        flex-direction: column;
    }

    .client-portal-schedules-summary-strip[b-hf66pr7nt4],
    .client-portal-schedules-summary-grid[b-hf66pr7nt4],
    .client-portal-schedules-filter-grid[b-hf66pr7nt4],
    .client-portal-schedules-detail-grid[b-hf66pr7nt4] {
        grid-template-columns: minmax(0, 1fr);
    }

    .client-portal-schedules-toolbar-controls[b-hf66pr7nt4] {
        width: 100%;
        justify-content: flex-start;
    }

    .client-portal-schedules-flyout[b-hf66pr7nt4],
    .client-portal-schedules-flyout.wide[b-hf66pr7nt4] {
        width: 100vw;
    }
}

@media (max-width: 720px) {
    .client-portal-schedules-hero[b-hf66pr7nt4],
    .client-portal-schedules-toolbar-card[b-hf66pr7nt4],
    .client-portal-schedules-calendar-card[b-hf66pr7nt4],
    .client-portal-schedules-table-card[b-hf66pr7nt4] {
        padding: 12px;
    }

    .client-portal-schedules-title[b-hf66pr7nt4] {
        font-size: 20px;
    }

    .client-portal-schedules-view-toggle[b-hf66pr7nt4] {
        width: 100%;
    }

    .client-portal-schedules-view-button[b-hf66pr7nt4] {
        flex: 1 1 0;
    }

    .client-portal-schedules-nav[b-hf66pr7nt4],
    .client-portal-schedules-filter-actions[b-hf66pr7nt4],
    .client-portal-schedules-inline-actions[b-hf66pr7nt4],
    .client-portal-schedules-flyout-actions[b-hf66pr7nt4],
    .client-portal-schedules-modal-actions[b-hf66pr7nt4] {
        width: 100%;
    }

    .client-portal-schedules-button[b-hf66pr7nt4],
    .client-portal-schedules-button.compact[b-hf66pr7nt4] {
        width: 100%;
        justify-content: center;
    }

    .client-portal-schedules-table th[b-hf66pr7nt4],
    .client-portal-schedules-table td[b-hf66pr7nt4] {
        padding: 8px 6px;
    }
}
/* /Components/Pages/ClientPortalTimesheets.razor.rz.scp.css */
.client-portal-timesheets-page[b-5hmtkdtmgx] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.client-portal-timesheets-alert[b-5hmtkdtmgx],
.client-portal-timesheets-empty[b-5hmtkdtmgx],
.client-portal-timesheets-flyout-note[b-5hmtkdtmgx] {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid #d5dce7;
    background: #f9fbfd;
    font-size: 13px;
    line-height: 1.5;
}

.client-portal-timesheets-alert.success[b-5hmtkdtmgx] {
    border-color: #c8dfcb;
    background: #eef8f0;
    color: #245e36;
}

.client-portal-timesheets-alert.error[b-5hmtkdtmgx] {
    border-color: #e7c8c8;
    background: #fcf1f1;
    color: #a3363a;
}

.client-portal-timesheets-flyout-note[b-5hmtkdtmgx] {
    border-color: #f0d08a;
    background: #fff7e1;
    color: #8d6617;
}

.client-portal-timesheets-empty.compact[b-5hmtkdtmgx] {
    padding: 12px;
}

.client-portal-timesheets-hero[b-5hmtkdtmgx],
.client-portal-timesheets-filter-card[b-5hmtkdtmgx],
.client-portal-timesheets-table-card[b-5hmtkdtmgx] {
    padding: 14px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-timesheets-hero[b-5hmtkdtmgx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-timesheets-kicker[b-5hmtkdtmgx] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-timesheets-title[b-5hmtkdtmgx] {
    margin: 2px 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: #213349;
}

.client-portal-timesheets-text[b-5hmtkdtmgx],
.client-portal-timesheets-hero-note[b-5hmtkdtmgx],
.client-portal-timesheets-table-subtitle[b-5hmtkdtmgx],
.client-portal-timesheets-section-note[b-5hmtkdtmgx],
.client-portal-timesheets-row-subtext[b-5hmtkdtmgx],
.client-portal-timesheets-panel-text[b-5hmtkdtmgx],
.client-portal-timesheets-history-text[b-5hmtkdtmgx] {
    font-size: 12px;
    line-height: 1.5;
    color: #607185;
}

.client-portal-timesheets-hero-note[b-5hmtkdtmgx] {
    max-width: 340px;
}

.client-portal-timesheets-summary-strip[b-5hmtkdtmgx] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.client-portal-timesheets-summary-card[b-5hmtkdtmgx] {
    padding: 12px;
    border: 1px solid #d6dee9;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-timesheets-summary-card.attention[b-5hmtkdtmgx] {
    background: #fffaf0;
    border-color: #ebd39d;
}

.client-portal-timesheets-summary-label[b-5hmtkdtmgx] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #607185;
}

.client-portal-timesheets-summary-value[b-5hmtkdtmgx] {
    margin-top: 6px;
    font-size: 24px;
    font-weight: 700;
    color: #203147;
}

.client-portal-timesheets-summary-note[b-5hmtkdtmgx] {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.45;
    color: #66778c;
}

.client-portal-timesheets-filter-grid[b-5hmtkdtmgx] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr) minmax(180px, 1fr) auto;
    gap: 12px;
    align-items: end;
}

.client-portal-timesheets-filter-field[b-5hmtkdtmgx] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.client-portal-timesheets-filter-field.wide[b-5hmtkdtmgx] {
    min-width: 0;
}

.client-portal-timesheets-filter-field label[b-5hmtkdtmgx],
.client-portal-timesheets-filter-field span[b-5hmtkdtmgx] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607286;
}

.client-portal-timesheets-input[b-5hmtkdtmgx],
.client-portal-timesheets-select[b-5hmtkdtmgx],
.client-portal-timesheets-textarea[b-5hmtkdtmgx] {
    min-height: 34px;
    border: 1px solid #c7d1de;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 13px;
    color: #243447;
    background: #ffffff;
}

.client-portal-timesheets-textarea[b-5hmtkdtmgx] {
    min-height: 120px;
    padding: 10px;
    resize: vertical;
}

.client-portal-timesheets-input:focus[b-5hmtkdtmgx],
.client-portal-timesheets-select:focus[b-5hmtkdtmgx],
.client-portal-timesheets-textarea:focus[b-5hmtkdtmgx] {
    outline: none;
    border-color: #2f73d9;
    box-shadow: 0 0 0 3px rgba(47, 115, 217, 0.12);
}

.client-portal-timesheets-filter-actions[b-5hmtkdtmgx],
.client-portal-timesheets-inline-actions[b-5hmtkdtmgx],
.client-portal-timesheets-modal-actions[b-5hmtkdtmgx],
.client-portal-timesheets-flyout-footer-actions[b-5hmtkdtmgx] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.client-portal-timesheets-button[b-5hmtkdtmgx] {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid transparent;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.client-portal-timesheets-button.primary[b-5hmtkdtmgx] {
    background: #2f73d9;
    border-color: #2f73d9;
    color: #ffffff;
}

.client-portal-timesheets-button.secondary[b-5hmtkdtmgx] {
    background: #ffffff;
    border-color: #c7d2df;
    color: #2e4968;
}

.client-portal-timesheets-button.danger[b-5hmtkdtmgx] {
    background: #fff1f1;
    border-color: #d8898d;
    color: #9c2f35;
}

.client-portal-timesheets-button:disabled[b-5hmtkdtmgx] {
    cursor: not-allowed;
    opacity: 0.7;
}

.client-portal-timesheets-table-header[b-5hmtkdtmgx],
.client-portal-timesheets-section-header[b-5hmtkdtmgx],
.client-portal-timesheets-panel-header[b-5hmtkdtmgx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-timesheets-table-title[b-5hmtkdtmgx],
.client-portal-timesheets-section-title[b-5hmtkdtmgx],
.client-portal-timesheets-panel-title[b-5hmtkdtmgx] {
    font-size: 14px;
    font-weight: 700;
    color: #203147;
}

.client-portal-timesheets-table-wrap[b-5hmtkdtmgx] {
    overflow-x: auto;
}

.client-portal-timesheets-table[b-5hmtkdtmgx] {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

.client-portal-timesheets-table th[b-5hmtkdtmgx] {
    padding: 8px;
    border-bottom: 1px solid #d9e0ea;
    background: #f3f6fa;
    text-align: left;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
    white-space: nowrap;
}

.client-portal-timesheets-table td[b-5hmtkdtmgx] {
    padding: 9px 8px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.client-portal-timesheets-table tbody tr[b-5hmtkdtmgx] {
    cursor: pointer;
}

.client-portal-timesheets-table tbody tr:hover[b-5hmtkdtmgx],
.client-portal-timesheets-table tbody tr.selected[b-5hmtkdtmgx] {
    background: #edf4fd;
}

.client-portal-timesheets-row-link[b-5hmtkdtmgx] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #2b5ea8;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.client-portal-timesheets-row-link:hover[b-5hmtkdtmgx] {
    text-decoration: underline;
}

.client-portal-timesheets-status[b-5hmtkdtmgx],
.client-portal-timesheets-doc[b-5hmtkdtmgx] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid #d8e0ea;
    background: #f5f7fa;
    color: #44566c;
    font-size: 11px;
    font-weight: 700;
}

.client-portal-timesheets-status.pending[b-5hmtkdtmgx] {
    border-color: #efd9ab;
    background: #fff8e6;
    color: #91681b;
}

.client-portal-timesheets-status.approved[b-5hmtkdtmgx],
.client-portal-timesheets-doc.ready[b-5hmtkdtmgx] {
    border-color: #b9d9c4;
    background: #eef8f2;
    color: #1d6b3f;
}

.client-portal-timesheets-status.rejected[b-5hmtkdtmgx],
.client-portal-timesheets-doc.missing[b-5hmtkdtmgx] {
    border-color: #e5c5c5;
    background: #fbefef;
    color: #a23a3f;
}

.client-portal-timesheets-overlay[b-5hmtkdtmgx] {
    position: fixed;
    inset: 0;
    z-index: 54;
    border: 0;
    background: rgba(17, 24, 39, 0.35);
}

.client-portal-timesheets-flyout[b-5hmtkdtmgx] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(780px, 96vw);
    height: 100vh;
    z-index: 55;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #cdd6e3;
    box-shadow: -18px 0 48px rgba(15, 23, 42, 0.18);
}

.client-portal-timesheets-flyout-header[b-5hmtkdtmgx] {
    padding: 14px 16px;
    border-bottom: 1px solid #d5dce7;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.client-portal-timesheets-flyout-title[b-5hmtkdtmgx] {
    margin-top: 2px;
    font-size: 18px;
    font-weight: 700;
    color: #203147;
}

.client-portal-timesheets-flyout-meta[b-5hmtkdtmgx] {
    margin-top: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px;
    color: #607185;
}

.client-portal-timesheets-flyout-close[b-5hmtkdtmgx] {
    width: 32px;
    min-height: 32px;
    border: 1px solid #d1d9e5;
    background: #ffffff;
    border-radius: 4px;
    color: #44566c;
    cursor: pointer;
    font-size: 22px;
    line-height: 1;
}

.client-portal-timesheets-flyout-body[b-5hmtkdtmgx] {
    flex: 1;
    overflow-y: auto;
    padding: 14px 16px 120px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.client-portal-timesheets-detail-section[b-5hmtkdtmgx],
.client-portal-timesheets-panel[b-5hmtkdtmgx] {
    border: 1px solid #d7e0ea;
    border-radius: 6px;
    background: #fbfcfe;
    padding: 12px;
}

.client-portal-timesheets-detail-grid[b-5hmtkdtmgx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.client-portal-timesheets-detail-grid.compact[b-5hmtkdtmgx] {
    margin-top: 10px;
}

.client-portal-timesheets-detail-grid > div[b-5hmtkdtmgx] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.client-portal-timesheets-detail-grid > div.wide[b-5hmtkdtmgx] {
    grid-column: span 2;
}

.client-portal-timesheets-detail-grid .label[b-5hmtkdtmgx] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #65768a;
}

.client-portal-timesheets-detail-grid strong[b-5hmtkdtmgx] {
    font-size: 13px;
    color: #25364b;
    overflow-wrap: anywhere;
}

.client-portal-timesheets-history-list[b-5hmtkdtmgx] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.client-portal-timesheets-history-item[b-5hmtkdtmgx] {
    padding: 10px 12px;
    border: 1px solid #dde4ed;
    border-radius: 6px;
    background: #ffffff;
}

.client-portal-timesheets-history-top[b-5hmtkdtmgx] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.client-portal-timesheets-history-title[b-5hmtkdtmgx] {
    font-size: 13px;
    font-weight: 700;
    color: #203147;
}

.client-portal-timesheets-history-meta[b-5hmtkdtmgx] {
    font-size: 11px;
    color: #6a7b90;
}

.client-portal-timesheets-flyout-footer[b-5hmtkdtmgx] {
    position: sticky;
    bottom: 0;
    padding: 12px 16px;
    border-top: 1px solid #d7e0ea;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.client-portal-timesheets-flyout-footer-note[b-5hmtkdtmgx] {
    font-size: 12px;
    color: #607185;
}

.client-portal-timesheets-modal-shell[b-5hmtkdtmgx] {
    position: fixed;
    inset: 0;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.client-portal-timesheets-modal-backdrop[b-5hmtkdtmgx] {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(15, 23, 42, 0.45);
}

.client-portal-timesheets-modal[b-5hmtkdtmgx] {
    position: relative;
    z-index: 1;
    width: min(560px, 100%);
    border-radius: 8px;
    border: 1px solid #d5dde6;
    background: #ffffff;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.26);
    padding: 16px;
}

.client-portal-timesheets-modal-title[b-5hmtkdtmgx] {
    font-size: 16px;
    font-weight: 700;
    color: #203147;
}

.client-portal-timesheets-modal-text[b-5hmtkdtmgx] {
    margin-top: 6px;
    margin-bottom: 12px;
    font-size: 12px;
    line-height: 1.5;
    color: #607185;
}

@media (max-width: 1200px) {
    .client-portal-timesheets-summary-strip[b-5hmtkdtmgx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .client-portal-timesheets-hero[b-5hmtkdtmgx],
    .client-portal-timesheets-table-header[b-5hmtkdtmgx],
    .client-portal-timesheets-section-header[b-5hmtkdtmgx],
    .client-portal-timesheets-panel-header[b-5hmtkdtmgx],
    .client-portal-timesheets-flyout-footer[b-5hmtkdtmgx],
    .client-portal-timesheets-history-top[b-5hmtkdtmgx] {
        flex-direction: column;
        align-items: flex-start;
    }

    .client-portal-timesheets-filter-grid[b-5hmtkdtmgx],
    .client-portal-timesheets-detail-grid[b-5hmtkdtmgx] {
        grid-template-columns: 1fr;
    }

    .client-portal-timesheets-detail-grid > div.wide[b-5hmtkdtmgx] {
        grid-column: auto;
    }

    .client-portal-timesheets-flyout[b-5hmtkdtmgx] {
        width: 100vw;
        max-width: 100vw;
    }
}

@media (max-width: 700px) {
    .client-portal-timesheets-summary-strip[b-5hmtkdtmgx] {
        grid-template-columns: 1fr;
    }

    .client-portal-timesheets-filter-actions[b-5hmtkdtmgx],
    .client-portal-timesheets-inline-actions[b-5hmtkdtmgx],
    .client-portal-timesheets-modal-actions[b-5hmtkdtmgx],
    .client-portal-timesheets-flyout-footer-actions[b-5hmtkdtmgx] {
        width: 100%;
        flex-direction: column;
    }

    .client-portal-timesheets-button[b-5hmtkdtmgx] {
        width: 100%;
    }
}
/* /Components/Pages/ClientPositions.razor.rz.scp.css */
.client-position-page[b-t7vlaj8zkw] {
    width: 100%;
}

.client-position-module-header[b-t7vlaj8zkw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.client-position-module-title-wrap[b-t7vlaj8zkw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.client-position-module-dot[b-t7vlaj8zkw] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.client-position-module-title[b-t7vlaj8zkw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.client-position-module-filters[b-t7vlaj8zkw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.client-position-search-input[b-t7vlaj8zkw] {
    width: 260px;
    max-width: 100%;
}

.client-position-filter-select[b-t7vlaj8zkw] {
    width: 180px;
}

.client-position-toolbar[b-t7vlaj8zkw] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 8px;
}

.client-position-action-button[b-t7vlaj8zkw] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .client-position-action-button.search[b-t7vlaj8zkw],
    .client-position-action-button.add[b-t7vlaj8zkw],
    .client-position-action-button.save[b-t7vlaj8zkw],
    .client-position-action-button.calculate[b-t7vlaj8zkw] {
        background: #099bc6;
        color: white;
    }

    .client-position-action-button.clear[b-t7vlaj8zkw] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

.client-position-grid-panel[b-t7vlaj8zkw] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.client-position-grid-headerbar[b-t7vlaj8zkw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.client-position-grid-title[b-t7vlaj8zkw] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.client-position-grid-count[b-t7vlaj8zkw] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.client-position-empty[b-t7vlaj8zkw] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.client-position-table-wrap[b-t7vlaj8zkw] {
    width: 100%;
    overflow-x: auto;
}

.client-position-table[b-t7vlaj8zkw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .client-position-table thead th[b-t7vlaj8zkw] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .client-position-table tbody td[b-t7vlaj8zkw] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 5px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.05rem;
    }

    .client-position-table tbody tr:nth-child(odd)[b-t7vlaj8zkw] {
        background: #fcfdfe;
    }

    .client-position-table tbody tr:nth-child(even)[b-t7vlaj8zkw] {
        background: #f6f8fa;
    }

    .client-position-table tbody tr:hover[b-t7vlaj8zkw] {
        background: #eef9f4;
    }

.client-position-actions-cell[b-t7vlaj8zkw] {
    text-align: right;
    white-space: nowrap;
}

.client-position-row-button[b-t7vlaj8zkw] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f7f9fb;
    color: #5a6570;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

    .client-position-row-button.icon-only[b-t7vlaj8zkw] {
        width: 24px;
        height: 24px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .client-position-row-button.icon-only:hover[b-t7vlaj8zkw] {
            background: #eef6fb;
        }

.client-position-status-pill[b-t7vlaj8zkw] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .client-position-status-pill.active[b-t7vlaj8zkw] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .client-position-status-pill.inactive[b-t7vlaj8zkw] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

.client-position-form-card[b-t7vlaj8zkw] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    padding: 12px;
}

    .client-position-form-card h3[b-t7vlaj8zkw] {
        margin: 0 0 12px 0;
        font-size: 0.84rem;
        font-weight: 700;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #d9e1ea;
    }

.client-position-form-grid[b-t7vlaj8zkw] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px 16px;
}

    .client-position-form-grid label[b-t7vlaj8zkw] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.client-position-form-grid-full[b-t7vlaj8zkw] {
    grid-column: 1 / -1;
}

.client-position-checkbox-wrap[b-t7vlaj8zkw] {
    min-height: 30px;
    display: flex;
    align-items: center;
}

.client-position-form-actions[b-t7vlaj8zkw] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .client-position-module-header[b-t7vlaj8zkw] {
        flex-direction: column;
        align-items: flex-start;
    }

    .client-position-module-filters[b-t7vlaj8zkw] {
        justify-content: flex-start;
        width: 100%;
    }

    .client-position-search-input[b-t7vlaj8zkw],
    .client-position-filter-select[b-t7vlaj8zkw] {
        width: 100%;
    }

    .client-position-grid-headerbar[b-t7vlaj8zkw] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .client-position-toolbar[b-t7vlaj8zkw] {
        justify-content: flex-start;
    }

    .client-position-form-grid[b-t7vlaj8zkw] {
        grid-template-columns: repeat(2, minmax(220px, 1fr));
    }
}

@media (max-width: 800px) {
    .client-position-form-grid[b-t7vlaj8zkw] {
        grid-template-columns: 1fr;
    }

    .client-position-form-grid-full[b-t7vlaj8zkw] {
        grid-column: auto;
    }
}
/* /Components/Pages/ClientProfile.razor.rz.scp.css */
.avionte-client-page[b-o4xkxyllox] {
    width: calc(100% + 28px);
    margin: -18px -14px -14px;
    background: #f1f3f6;
    min-height: calc(100vh - 126px);
}

.client-record-shell[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: 278px minmax(0, 1fr) 296px;
    gap: 0;
    align-items: stretch;
    min-height: calc(100vh - 126px);
    background: #f1f3f6;
}

.client-sidebar[b-o4xkxyllox],
.client-utility-column[b-o4xkxyllox] {
    position: static;
    top: auto;
    align-self: stretch;
    background: #ffffff;
    min-height: calc(100vh - 126px);
    border-radius: 0;
    border: none;
}

.client-sidebar[b-o4xkxyllox] {
    padding: 0;
    border-right: 1px solid #dde4eb;
    box-shadow: 8px 0 18px rgba(18, 32, 54, 0.08);
}

.client-utility-column[b-o4xkxyllox] {
    padding: 14px 14px 18px;
    border-left: 1px solid #dde4eb;
    box-shadow: -8px 0 18px rgba(18, 32, 54, 0.08);
    display: grid;
    gap: 14px;
}

.client-sidebar-card[b-o4xkxyllox] {
    background: transparent;
    border: none;
    box-shadow: none;
    border-radius: 0;
}

.client-sidebar-profile-card[b-o4xkxyllox] {
    padding: 16px 18px 18px;
    margin: 0;
}

.client-sidebar-avatar-wrap[b-o4xkxyllox] {
    position: relative;
    display: flex;
    justify-content: center;
    margin: 0 0 14px 0;
    padding-top: 0;
}

.client-profile-edit-button[b-o4xkxyllox] {
    position: absolute;
    top: 2px;
    right: 0;
    width: 30px;
    height: 30px;
    border: 1px solid #d5dde6;
    border-radius: 6px;
    background: #ffffff;
    color: #4f6070;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07);
}

.client-sidebar-avatar[b-o4xkxyllox] {
    width: 112px;
    height: 112px;
    border-radius: 50%;
    background: linear-gradient(180deg, #dce5ee 0%, #cfd9e4 100%);
    border: 1px solid #cad4de;
    color: #33485b;
    font-size: 2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.08em;
}

.client-sidebar-flag[b-o4xkxyllox] {
    position: absolute;
    top: -2px;
    left: 42px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #eef9f2;
    border: 1px solid #cde7d6;
    color: #3b8b52;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
}

.client-sidebar-name[b-o4xkxyllox] {
    text-align: center;
    font-size: clamp(0.98rem, 1.02vw, 1.16rem);
    font-weight: 500;
    color: #394755;
    line-height: 1.16;
    margin-bottom: 6px;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
}

.client-sidebar-note[b-o4xkxyllox] {
    text-align: center;
    font-size: 0.82rem;
    color: #5f6b77;
    margin-bottom: 12px;
}

.client-sidebar-badge-row[b-o4xkxyllox] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin-bottom: 12px;
}

.client-sidebar-badge[b-o4xkxyllox],
.client-sidebar-chip[b-o4xkxyllox] {
    min-height: 18px;
    padding: 1px 6px;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    font-size: 0.56rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.client-sidebar-badge[b-o4xkxyllox] {
    background: #f1f4f7;
    border: 1px solid #d8e0e8;
    color: #576675;
}

.client-sidebar-chip.type[b-o4xkxyllox] {
    background: #eef9f2;
    border: 1px solid #cde7d6;
    color: #2f7d45;
}

.client-sidebar-keyline[b-o4xkxyllox] {
    text-align: center;
    color: #4d5d6c;
    font-size: 0.9rem;
    margin-bottom: 8px;
}

.client-sidebar-placement-line[b-o4xkxyllox] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    color: #758392;
    font-size: 0.82rem;
    margin-bottom: 2px;
}

.client-sidebar-placement-icon[b-o4xkxyllox] {
    font-size: 0.82rem;
    color: #7c8b99;
}

.client-sidebar-placement-text[b-o4xkxyllox] {
    font-size: 0.82rem;
}

.client-sidebar-status-text[b-o4xkxyllox] {
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: center;
}

.client-sidebar-login-line[b-o4xkxyllox] {
    text-align: center;
    font-size: 0.8rem;
    color: #677483;
}

.client-sidebar-login-value[b-o4xkxyllox] {
    text-align: center;
    font-size: 0.92rem;
    color: #304456;
    font-weight: 600;
    word-break: break-word;
}

.client-sidebar-section[b-o4xkxyllox] {
    border-top: 1px solid #e7edf3;
    padding-top: 14px;
    margin-top: 14px;
}

.client-sidebar-section-title[b-o4xkxyllox] {
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
    margin-bottom: 12px;
}

.client-sidebar-empty[b-o4xkxyllox] {
    font-size: 0.82rem;
    color: #687583;
    margin-bottom: 8px;
}

.client-sidebar-linkbutton[b-o4xkxyllox] {
    border: 1px solid #0a76c8;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 7px 12px;
    border-radius: 6px;
}

.client-sidebar-contact-list-icons[b-o4xkxyllox],
.client-sidebar-op-list[b-o4xkxyllox] {
    display: grid;
    gap: 12px;
}

.client-sidebar-contact-row[b-o4xkxyllox],
.client-sidebar-op-row[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: 18px 1fr;
    gap: 9px;
    align-items: start;
}

.client-sidebar-miniicon[b-o4xkxyllox] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: #4c5560;
    margin-top: 1px;
}

    .client-sidebar-miniicon svg[b-o4xkxyllox] {
        width: 16px;
        height: 16px;
        stroke: currentColor;
        fill: none;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.client-sidebar-contact-content[b-o4xkxyllox],
.client-sidebar-op-content[b-o4xkxyllox] {
    font-size: 0.82rem;
    color: #41505f;
    line-height: 1.35rem;
}

    .client-sidebar-contact-content a[b-o4xkxyllox] {
        color: #255b92;
        text-decoration: none;
    }

        .client-sidebar-contact-content a:hover[b-o4xkxyllox] {
            text-decoration: underline;
        }

    .client-sidebar-contact-content.address[b-o4xkxyllox] {
        display: inline-grid;
        gap: 0;
    }

    .client-sidebar-op-content > div + div[b-o4xkxyllox] {
        margin-top: 2px;
    }

.client-workspace[b-o4xkxyllox] {
    min-width: 0;
    background: #f1f3f6;
    padding: 0 16px 18px;
}

.client-tabs.avionte-tabs[b-o4xkxyllox] {
    display: flex;
    align-items: flex-end;
    gap: 18px;
    overflow-x: auto;
    overflow-y: hidden;
    background: transparent;
    margin-bottom: 0;
    padding: 0 6px;
    border-bottom: 1px solid #d8dee6;
    scrollbar-width: none;
}

    .client-tabs.avionte-tabs[b-o4xkxyllox]::-webkit-scrollbar {
        display: none;
    }

.client-tab[b-o4xkxyllox] {
    background: transparent;
    border: none;
    border-radius: 0;
    margin-right: 20px;
    padding: 14px 0 13px;
    color: #97a2ad;
    font-size: 0.85rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
}

    .client-tab:hover[b-o4xkxyllox] {
        color: #5e6d7c;
    }

    .client-tab.active[b-o4xkxyllox] {
        background: transparent;
        color: #283848;
        border-top: none;
        border-bottom: 1px solid #0a76c8;
        padding-top: 14px;
        padding-bottom: 13px;
    }

.client-content-surface[b-o4xkxyllox] {
    margin-top: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 14px 0 0;
    min-height: 66vh;
}

.client-av-card-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 16px;
}

.client-av-card[b-o4xkxyllox],
.client-tab-placeholder[b-o4xkxyllox] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

.client-av-card[b-o4xkxyllox] {
    padding: 14px;
}

.client-av-card-wide[b-o4xkxyllox] {
    grid-column: 1 / -1;
}

.client-av-card-header[b-o4xkxyllox] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid #ebeff3;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.client-av-card-title[b-o4xkxyllox],
.client-tab-placeholder h3[b-o4xkxyllox] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #243444;
}

.client-card-iconbar[b-o4xkxyllox] {
    display: flex;
    gap: 6px;
    align-items: center;
    flex-wrap: wrap;
}

.client-shell-icon[b-o4xkxyllox] {
    width: 30px;
    height: 30px;
    border: 1px solid #d5dde6;
    border-radius: 6px;
    background: #ffffff;
    color: #4f6070;
    font-size: 0.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.07);
}

    .client-shell-icon.disabled[b-o4xkxyllox] {
        color: #b2bcc7;
        cursor: not-allowed;
        background: #f8fafc;
    }

.client-profile-button[b-o4xkxyllox] {
    height: 38px;
    padding: 0 14px;
    border-radius: 4px;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .client-profile-button.primary[b-o4xkxyllox],
    .client-profile-button.save[b-o4xkxyllox] {
        background: #099bc6;
        color: #ffffff;
    }

    .client-profile-button.secondary[b-o4xkxyllox] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

.client-info-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 18px;
}

    .client-info-grid.three[b-o4xkxyllox] {
        grid-template-columns: repeat(3, minmax(220px, 1fr));
    }

.client-info-item[b-o4xkxyllox] {
    display: grid;
    gap: 4px;
    font-size: 0.98rem;
    color: #243444;
    line-height: 1.35rem;
}

.client-info-label[b-o4xkxyllox],
.client-address-title[b-o4xkxyllox] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #9aa5b1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.client-address-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 14px;
}

.client-address-block[b-o4xkxyllox] {
    display: grid;
    gap: 6px;
}

.client-address-value[b-o4xkxyllox] {
    font-size: 0.9rem;
    color: #243444;
    line-height: 1.4rem;
    white-space: pre-wrap;
}

.client-form-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px 16px;
}

.client-form-grid-three[b-o4xkxyllox] {
    grid-template-columns: repeat(3, minmax(220px, 1fr));
}

    .client-form-grid label[b-o4xkxyllox] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 700;
        color: #8f9aa5;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

.client-form-grid-full[b-o4xkxyllox] {
    grid-column: 1 / -1;
}

.client-summary-text[b-o4xkxyllox],
.client-tab-placeholder p[b-o4xkxyllox] {
    font-size: 0.92rem;
    color: #51606f;
    line-height: 1.5rem;
    white-space: pre-wrap;
}

.client-empty[b-o4xkxyllox] {
    padding: 14px;
    font-size: 0.95rem;
    color: #5d6773;
}

.client-summary-editor[b-o4xkxyllox] {
    min-height: 140px;
}

.client-section-note[b-o4xkxyllox] {
    margin-bottom: 10px;
}

.client-tab-placeholder[b-o4xkxyllox] {
    padding: 16px;
}

    .client-tab-placeholder h3[b-o4xkxyllox] {
        margin: 0 0 8px 0;
    }

    .client-tab-placeholder p[b-o4xkxyllox] {
        margin: 0;
    }

.client-position-table-wrap[b-o4xkxyllox],
.client-job-order-table-wrap[b-o4xkxyllox] {
    width: 100%;
    overflow-x: auto;
}

.client-position-mini-table[b-o4xkxyllox],
.client-job-order-mini-table[b-o4xkxyllox] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .client-position-mini-table thead th[b-o4xkxyllox],
    .client-job-order-mini-table thead th[b-o4xkxyllox] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.74rem;
        font-weight: 800;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .client-position-mini-table tbody td[b-o4xkxyllox],
    .client-job-order-mini-table tbody td[b-o4xkxyllox] {
        font-size: 0.79rem;
        color: #24313d;
        font-weight: 600;
        padding: 7px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        white-space: nowrap;
        line-height: 1.1rem;
    }

    .client-position-mini-table tbody tr:nth-child(odd)[b-o4xkxyllox],
    .client-job-order-mini-table tbody tr:nth-child(odd)[b-o4xkxyllox] {
        background: #fcfdfe;
    }

    .client-position-mini-table tbody tr:nth-child(even)[b-o4xkxyllox],
    .client-job-order-mini-table tbody tr:nth-child(even)[b-o4xkxyllox] {
        background: #f6f8fa;
    }

    .client-position-mini-table tbody tr:hover[b-o4xkxyllox],
    .client-job-order-mini-table tbody tr:hover[b-o4xkxyllox] {
        background: #eaf9fb;
    }

.inline-link-button[b-o4xkxyllox] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.79rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-o4xkxyllox] {
        text-decoration: underline;
    }

.client-table-actions[b-o4xkxyllox] {
    white-space: nowrap;
}

.client-inline-action[b-o4xkxyllox] {
    height: 28px;
    padding: 0 10px;
    border-radius: 4px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #4a5867;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
    margin-right: 6px;
}

    .client-inline-action:last-child[b-o4xkxyllox] {
        margin-right: 0;
    }

    .client-inline-action.success[b-o4xkxyllox] {
        border-color: #b8e3c8;
        background: #eef9f2;
        color: #25743f;
    }

    .client-inline-action:disabled[b-o4xkxyllox] {
        border-color: #d8dfe7;
        background: #f3f5f7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.client-utility-widget[b-o4xkxyllox] {
    background: #ffffff;
    border: 1px solid #dde4eb;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
    padding: 14px;
}

.client-utility-title[b-o4xkxyllox] {
    font-size: 0.98rem;
    font-weight: 500;
    color: #b0b8c0;
    margin-bottom: 12px;
}

.client-utility-actions[b-o4xkxyllox] {
    display: grid;
    gap: 8px;
}

.client-utility-button[b-o4xkxyllox],
.client-utility-secondary[b-o4xkxyllox] {
    min-height: 34px;
    border-radius: 5px;
    border: 1px solid #0a76c8;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0 10px;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

    .client-utility-button.accent[b-o4xkxyllox] {
        border-color: #7fb03d;
        color: #437816;
    }

    .client-utility-button:disabled[b-o4xkxyllox] {
        border-color: #d8dfe7;
        background: #f3f5f7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.client-stage-title[b-o4xkxyllox] {
    font-size: 1.05rem;
    font-weight: 600;
    color: #253443;
    margin-bottom: 6px;
}

.client-stage-detail[b-o4xkxyllox] {
    font-size: 0.92rem;
    color: #4d5c6b;
    line-height: 1.45rem;
    margin-bottom: 10px;
}

.client-placement-stack[b-o4xkxyllox] {
    display: grid;
    gap: 8px;
}

.client-placement-pill[b-o4xkxyllox] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #d8d8d8;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 600;
    opacity: 0.55;
}

    .client-placement-pill.active[b-o4xkxyllox] {
        opacity: 1;
    }

    .client-placement-pill.prospect[b-o4xkxyllox] {
        background: #a9a9a9;
    }

    .client-placement-pill.pending[b-o4xkxyllox] {
        background: #b8b8b8;
    }

    .client-placement-pill.active-client[b-o4xkxyllox] {
        background: #76b63e;
    }

    .client-placement-pill.hold[b-o4xkxyllox] {
        background: #7db0dd;
    }

.client-custom-line[b-o4xkxyllox] {
    display: grid;
    gap: 4px;
    margin-bottom: 10px;
}

    .client-custom-line strong[b-o4xkxyllox] {
        font-size: 0.8rem;
        color: #2d3c4c;
    }

    .client-custom-line span[b-o4xkxyllox] {
        font-size: 0.82rem;
        color: #51606f;
        line-height: 1.3rem;
    }

.client-contact-flyout-scrim[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    border: none;
    background: rgba(12, 22, 35, 0.42);
    z-index: 1200;
}

.client-contact-flyout-panel[b-o4xkxyllox] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(760px, 100%);
    background: #ffffff;
    border-left: 1px solid #d8e1ea;
    box-shadow: -18px 0 36px rgba(10, 22, 36, 0.22);
    display: flex;
    flex-direction: column;
    z-index: 1201;
}

.client-contact-flyout-header[b-o4xkxyllox],
.client-contact-flyout-actions[b-o4xkxyllox] {
    padding: 16px 18px;
    background: #ffffff;
}

.client-contact-flyout-header[b-o4xkxyllox] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #e5ebf1;
}

.client-contact-flyout-kicker[b-o4xkxyllox] {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #708293;
}

.client-contact-flyout-title[b-o4xkxyllox] {
    margin-top: 5px;
    font-size: 1.18rem;
    font-weight: 800;
    color: #203142;
}

.client-contact-flyout-subtitle[b-o4xkxyllox] {
    margin-top: 5px;
    font-size: 0.82rem;
    color: #657382;
}

.client-contact-flyout-close[b-o4xkxyllox] {
    width: 36px;
    height: 36px;
    border: 1px solid #d0d9e2;
    border-radius: 8px;
    background: #ffffff;
    color: #51606f;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
}

.client-contact-flyout-body[b-o4xkxyllox] {
    flex: 1;
    overflow: auto;
    padding: 16px 18px 18px;
    display: grid;
    gap: 16px;
}

.client-contact-flyout-summary[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.client-contact-flyout-summary-card[b-o4xkxyllox] {
    border: 1px solid #dbe4ec;
    border-radius: 12px;
    background: #f8fbfd;
    padding: 12px;
}

.client-contact-flyout-summary-card span[b-o4xkxyllox] {
    display: block;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #7b8a99;
}

.client-contact-flyout-summary-card strong[b-o4xkxyllox] {
    display: block;
    margin-top: 7px;
    font-size: 0.88rem;
    color: #203142;
    line-height: 1.3;
}

.client-contact-flyout-section[b-o4xkxyllox] {
    border: 1px solid #e3eaf0;
    border-radius: 14px;
    background: #ffffff;
    padding: 14px;
}

.client-contact-flyout-section-title[b-o4xkxyllox] {
    margin-bottom: 12px;
    font-size: 0.8rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #526376;
}

.client-contact-flyout-note[b-o4xkxyllox] {
    border: 1px solid #d7e4ed;
    border-radius: 12px;
    background: #f8fbfd;
    padding: 12px 14px;
    font-size: 0.82rem;
    color: #556677;
}

.client-contact-flyout-actions[b-o4xkxyllox] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #e5ebf1;
}

.client-job-order-flyout-scrim[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    border: none;
    background: transparent;
    z-index: 1210;
    animation: none;
}

.client-job-order-flyout-panel[b-o4xkxyllox] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(1080px, 100%);
    background: #ffffff;
    border-left: 1px solid #d8e1ea;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    display: flex;
    flex-direction: column;
    z-index: 1211;
    transform: translate3d(0, 0, 0);
    animation: clientJobOrderFlyoutSlideIn-b-o4xkxyllox 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.client-job-order-flyout-scrim.closing[b-o4xkxyllox] {
    pointer-events: none;
    animation: none;
}

.client-job-order-flyout-panel.closing[b-o4xkxyllox] {
    pointer-events: none;
    animation: clientJobOrderFlyoutSlideOut-b-o4xkxyllox 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.client-job-order-flyout-header[b-o4xkxyllox] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    border-bottom: 1px solid #d9e2eb;
    background: #2f3338;
    color: #ffffff;
}

.client-job-order-flyout-kicker[b-o4xkxyllox] {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.78);
}

.client-job-order-flyout-title[b-o4xkxyllox] {
    margin-top: 4px;
    font-size: 1.1rem;
    font-weight: 800;
    color: #ffffff;
}

.client-job-order-flyout-subtitle[b-o4xkxyllox] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.84);
}

.client-job-order-flyout-close[b-o4xkxyllox] {
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 800;
    cursor: pointer;
}

.client-job-order-flyout-body[b-o4xkxyllox] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    background: #eef2f6;
}

@keyframes clientJobOrderFlyoutBackdropIn-b-o4xkxyllox {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes clientJobOrderFlyoutSlideIn-b-o4xkxyllox {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes clientJobOrderFlyoutBackdropOut-b-o4xkxyllox {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes clientJobOrderFlyoutSlideOut-b-o4xkxyllox {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .client-job-order-flyout-panel[b-o4xkxyllox] {
        animation-duration: 1400ms;
    }

    .client-job-order-flyout-panel.closing[b-o4xkxyllox] {
        animation-duration: 1400ms;
    }
}

@media (max-width: 1440px) {
    .client-record-shell[b-o4xkxyllox] {
        grid-template-columns: 262px minmax(0, 1fr) 284px;
    }
}

@media (max-width: 1280px) {
    .client-record-shell[b-o4xkxyllox] {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: auto;
    }

    .client-sidebar[b-o4xkxyllox],
    .client-utility-column[b-o4xkxyllox] {
        position: static;
        min-height: auto;
        border: 1px solid #dde4eb;
        box-shadow: 0 1px 4px rgba(15, 23, 42, 0.05);
    }

    .client-workspace[b-o4xkxyllox] {
        padding: 0;
    }

    .client-av-card-grid[b-o4xkxyllox],
    .client-address-grid[b-o4xkxyllox] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .client-av-card-header[b-o4xkxyllox] {
        flex-direction: column;
        align-items: flex-start;
    }

    .client-contact-flyout-panel[b-o4xkxyllox] {
        width: 100%;
    }

    .client-job-order-flyout-panel[b-o4xkxyllox] {
        width: 100%;
    }

    .client-contact-flyout-header[b-o4xkxyllox],
    .client-contact-flyout-body[b-o4xkxyllox],
    .client-contact-flyout-actions[b-o4xkxyllox] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .client-contact-flyout-summary[b-o4xkxyllox] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-job-order-flyout-header[b-o4xkxyllox] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .client-info-grid[b-o4xkxyllox],
    .client-info-grid.three[b-o4xkxyllox],
    .client-form-grid[b-o4xkxyllox],
    .client-form-grid-three[b-o4xkxyllox] {
        grid-template-columns: 1fr;
    }
}

.client-contact-flyout-scrim[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    border: none;
    background: transparent;
    z-index: 1220;
    animation: none;
}

.client-contact-flyout-scrim.closing[b-o4xkxyllox] {
    pointer-events: none;
}

.client-contact-flyout-panel[b-o4xkxyllox] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    width: min(780px, 100%);
    height: 100vh;
    z-index: 1221;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    transform: translate3d(0, 0, 0);
    animation: clientContactFlyoutSlideIn-b-o4xkxyllox 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.client-contact-flyout-panel.closing[b-o4xkxyllox] {
    pointer-events: none;
    animation: clientContactFlyoutSlideOut-b-o4xkxyllox 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.client-contact-flyout-header[b-o4xkxyllox] {
    min-height: 48px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #424242;
    color: #ffffff;
    border-bottom: 0;
}

.client-contact-flyout-kicker[b-o4xkxyllox] {
    color: #d7d7d7;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.client-contact-flyout-title[b-o4xkxyllox] {
    margin-top: 0;
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.15;
}

.client-contact-flyout-subtitle[b-o4xkxyllox] {
    margin-top: 2px;
    color: #e7e7e7;
    font-size: 0.74rem;
    line-height: 1.25;
}

.client-contact-flyout-close[b-o4xkxyllox] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.client-contact-flyout-body[b-o4xkxyllox] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 16px;
    background: #ffffff;
    display: grid;
    gap: 12px;
}

.client-contact-flyout-summary[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.client-contact-flyout-summary-card[b-o4xkxyllox] {
    border: 1px solid #d7e0e9;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbfcfd 0%, #f4f7fa 100%);
    padding: 8px 10px;
}

.client-contact-flyout-summary-card span[b-o4xkxyllox] {
    display: block;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.client-contact-flyout-summary-card strong[b-o4xkxyllox] {
    display: block;
    margin-top: 2px;
    color: #1f2d3d;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
}

.client-contact-flyout-section[b-o4xkxyllox] {
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    background: #ffffff;
    padding: 0;
}

.client-contact-flyout-section-title[b-o4xkxyllox] {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9px 12px;
    background: #3c3c3c;
    color: #ffffff;
    border-bottom: 1px solid #343434;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.client-contact-flyout-section .client-form-grid[b-o4xkxyllox] {
    padding: 12px 14px 14px;
}

.client-contact-flyout-panel label[b-o4xkxyllox] {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.77rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}

.client-contact-flyout-panel .form-control[b-o4xkxyllox],
.client-contact-flyout-panel .form-select[b-o4xkxyllox],
.client-contact-flyout-panel input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])[b-o4xkxyllox],
.client-contact-flyout-panel select[b-o4xkxyllox],
.client-contact-flyout-panel textarea[b-o4xkxyllox] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.client-contact-flyout-panel .form-control:focus[b-o4xkxyllox],
.client-contact-flyout-panel .form-select:focus[b-o4xkxyllox],
.client-contact-flyout-panel input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus[b-o4xkxyllox],
.client-contact-flyout-panel select:focus[b-o4xkxyllox],
.client-contact-flyout-panel textarea:focus[b-o4xkxyllox] {
    border-color: #f17080;
    outline: 2px solid rgba(241, 112, 128, 0.16);
    outline-offset: 0;
}

.client-contact-flyout-note[b-o4xkxyllox] {
    border: 1px solid #d9e4ec;
    border-radius: 2px;
    background: #f8fbfd;
    padding: 8px 10px;
    color: #51606f;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.35;
}

.client-contact-flyout-actions[b-o4xkxyllox] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid #d7e0e9;
    background: #ffffff;
}

@keyframes clientContactFlyoutSlideIn-b-o4xkxyllox {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes clientContactFlyoutSlideOut-b-o4xkxyllox {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (max-width: 760px) {
    .client-contact-flyout-panel[b-o4xkxyllox] {
        width: 100vw;
        border-left: 0;
    }

    .client-contact-flyout-summary[b-o4xkxyllox] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Clients.razor.rz.scp.css */
.client-module[b-sebvetdk7w] {
    width: 100%;
}

.client-module-bar[b-sebvetdk7w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.client-module-title-wrap[b-sebvetdk7w] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 220px;
}

.client-module-dot[b-sebvetdk7w] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #2fbec8;
    flex-shrink: 0;
}

.client-module-title[b-sebvetdk7w] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.client-module-tools[b-sebvetdk7w] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.client-toolbar-search[b-sebvetdk7w],
.client-filter-input[b-sebvetdk7w],
.client-page-size-select[b-sebvetdk7w] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.client-toolbar-search[b-sebvetdk7w] {
    width: 340px;
    max-width: 100%;
}

.client-filter-input[b-sebvetdk7w] {
    width: 100%;
    min-width: 96px;
    font-weight: 500;
}

.client-filter-select[b-sebvetdk7w] {
    min-width: 110px;
}

.client-toolbar-button[b-sebvetdk7w] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .client-toolbar-button.primary[b-sebvetdk7w] {
        background: #099bc6;
        color: white;
    }

    .client-toolbar-button.secondary[b-sebvetdk7w] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .client-toolbar-button.compact[b-sebvetdk7w] {
        height: 30px;
        padding: 0 10px;
    }

.client-grid-panel[b-sebvetdk7w] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
}

.client-grid-headerbar[b-sebvetdk7w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.client-grid-title[b-sebvetdk7w] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.client-grid-count[b-sebvetdk7w] {
    margin-top: 2px;
    font-size: 0.76rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 600;
}

.client-grid-utilities[b-sebvetdk7w] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.client-page-size[b-sebvetdk7w] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.client-page-size-select[b-sebvetdk7w] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.client-empty[b-sebvetdk7w] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.client-table-wrap[b-sebvetdk7w] {
    width: 100%;
    overflow-x: auto;
}

.client-table[b-sebvetdk7w] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .client-table thead th[b-sebvetdk7w] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.75rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .client-table tbody td[b-sebvetdk7w] {
        font-size: 0.79rem;
        font-weight: 500;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .client-table tbody tr[b-sebvetdk7w] {
        cursor: pointer;
        transition: background 0.10s ease;
    }

        .client-table tbody tr:nth-child(odd)[b-sebvetdk7w] {
            background: #fcfdfe;
        }

        .client-table tbody tr:nth-child(even)[b-sebvetdk7w] {
            background: #f6f8fa;
        }

        .client-table tbody tr:hover[b-sebvetdk7w],
        .client-table tbody tr:focus-within[b-sebvetdk7w] {
            background: #eaf9fb;
        }

.client-filter-row th[b-sebvetdk7w] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.client-sort-button[b-sebvetdk7w] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.client-status-pill[b-sebvetdk7w] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .client-status-pill.positive[b-sebvetdk7w] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .client-status-pill.warning[b-sebvetdk7w] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .client-status-pill.danger[b-sebvetdk7w] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .client-status-pill.neutral[b-sebvetdk7w] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.client-grid-footer[b-sebvetdk7w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.client-footer-button[b-sebvetdk7w] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .client-footer-button:disabled[b-sebvetdk7w] {
        opacity: 0.55;
        cursor: default;
    }

.client-page-indicator[b-sebvetdk7w],
.client-grid-footer-summary[b-sebvetdk7w] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .client-module-tools[b-sebvetdk7w] {
        justify-content: flex-start;
        width: 100%;
    }

    .client-toolbar-search[b-sebvetdk7w] {
        width: 100%;
    }

    .client-grid-utilities[b-sebvetdk7w] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .client-grid-footer[b-sebvetdk7w] {
        justify-content: center;
    }

    .client-grid-footer-summary[b-sebvetdk7w] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/CompanySettings.razor.rz.scp.css */
.company-settings-page[b-tf29lr43ws] {
    width: calc(100% + 28px);
    min-height: calc(100vh - 126px);
    margin: -18px -14px -14px;
    display: grid;
    grid-template-columns: 252px minmax(0, 1fr);
    align-items: stretch;
    background: #f1f3f6;
    color: #263442;
}

.company-settings-rail[b-tf29lr43ws] {
    min-height: calc(100vh - 126px);
    background: #ffffff;
    border-right: 1px solid #d9e1e8;
    box-shadow: 8px 0 18px rgba(18, 32, 54, 0.08);
}

.company-settings-rail-header[b-tf29lr43ws] {
    padding: 13px 14px 12px;
    border-bottom: 1px solid #dfe6ed;
    background: #ffffff;
}

.company-settings-kicker[b-tf29lr43ws] {
    color: #68788a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.company-settings-rail-header h1[b-tf29lr43ws] {
    margin: 4px 0 10px;
    color: #243241;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.12;
}

.company-settings-access-pill[b-tf29lr43ws],
.company-settings-panel-count[b-tf29lr43ws],
.company-settings-link-state[b-tf29lr43ws] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    border-radius: 999px;
    padding: 0 8px;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.company-settings-access-pill[b-tf29lr43ws] {
    background: #e9f2fb;
    color: #27669a;
}

.company-settings-rail-body[b-tf29lr43ws] {
    padding: 8px 0 14px;
}

.company-settings-rail-group[b-tf29lr43ws] {
    border-bottom: 1px solid #edf2f6;
    padding: 7px 0 8px;
}

.company-settings-rail-title[b-tf29lr43ws] {
    padding: 0 14px 5px;
    color: #344557;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.company-settings-rail-links[b-tf29lr43ws] {
    display: grid;
}

.company-settings-rail-link[b-tf29lr43ws] {
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 12px 5px 14px;
    border-left: 3px solid transparent;
    color: #2c3b49;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
}

.company-settings-rail-link:hover[b-tf29lr43ws] {
    background: #f6f9fc;
    border-left-color: #0a76c8;
    color: #1f405e;
    text-decoration: none;
}

.company-settings-rail-link.active[b-tf29lr43ws] {
    background: #eef6fd;
    border-left-color: #0a76c8;
    color: #1f405e;
    font-weight: 800;
}

.company-settings-rail-link.disabled[b-tf29lr43ws] {
    color: #7c8793;
    cursor: default;
}

.company-settings-link-state.live[b-tf29lr43ws] {
    background: #dff0e8;
    color: #1f7a48;
}

.company-settings-link-state.future[b-tf29lr43ws] {
    background: #eef2f6;
    color: #687483;
}

.company-settings-workspace[b-tf29lr43ws] {
    min-width: 0;
    padding: 12px;
}

.company-settings-header-panel[b-tf29lr43ws] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    padding: 14px 16px;
    border: 1px solid #d9e1e8;
    background: #ffffff;
}

.company-settings-header-panel h2[b-tf29lr43ws] {
    margin: 3px 0 5px;
    color: #233140;
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.18;
}

.company-settings-header-panel p[b-tf29lr43ws] {
    max-width: 820px;
    margin: 0;
    color: #5e6d7c;
    font-size: 0.8rem;
    line-height: 1.35;
}

.company-settings-summary-card[b-tf29lr43ws] {
    min-width: 132px;
    display: grid;
    justify-items: end;
    gap: 2px;
    padding: 6px 0;
}

.company-settings-summary-number[b-tf29lr43ws] {
    color: #0a76c8;
    font-size: 1.55rem;
    font-weight: 800;
    line-height: 1;
}

.company-settings-summary-label[b-tf29lr43ws] {
    color: #667587;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.company-settings-embedded-header[b-tf29lr43ws] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 12px;
    border: 1px solid #d9e1e8;
    background: #ffffff;
}

.company-settings-embedded-header h2[b-tf29lr43ws] {
    margin: 3px 0 4px;
    color: #233140;
    font-size: 1.02rem;
    font-weight: 800;
    line-height: 1.18;
}

.company-settings-embedded-header p[b-tf29lr43ws] {
    margin: 0;
    color: #5e6d7c;
    font-size: 0.76rem;
    line-height: 1.3;
}

.company-settings-full-page-link[b-tf29lr43ws] {
    flex: 0 0 auto;
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cbd8e4;
    border-radius: 4px;
    background: #ffffff;
    color: #2f5f87;
    padding: 0 10px;
    font-size: 0.7rem;
    font-weight: 800;
    text-decoration: none;
    text-transform: uppercase;
}

.company-settings-full-page-link:hover[b-tf29lr43ws] {
    background: #f4f8fb;
    color: #1f405e;
    text-decoration: none;
}

.company-settings-embedded-shell[b-tf29lr43ws] {
    margin-top: 10px;
    min-width: 0;
}

.company-settings-panel-grid[b-tf29lr43ws] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.company-settings-panel[b-tf29lr43ws] {
    border: 1px solid #d9e1e8;
    background: #ffffff;
}

.company-settings-panel-header[b-tf29lr43ws] {
    min-height: 70px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e2e9ef;
    background: #f8fafc;
}

.company-settings-panel-header h3[b-tf29lr43ws] {
    margin: 0;
    color: #273747;
    font-size: 0.93rem;
    font-weight: 800;
    line-height: 1.2;
}

.company-settings-panel-header p[b-tf29lr43ws] {
    margin: 3px 0 0;
    color: #617182;
    font-size: 0.73rem;
    line-height: 1.3;
}

.company-settings-panel-count[b-tf29lr43ws] {
    flex: 0 0 auto;
    background: #eef4fa;
    color: #3a6b91;
}

.company-settings-item-list[b-tf29lr43ws] {
    display: grid;
}

.company-settings-item[b-tf29lr43ws] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    border-bottom: 1px solid #edf2f6;
    color: #263442;
    text-decoration: none;
}

.company-settings-item:last-child[b-tf29lr43ws] {
    border-bottom: none;
}

.company-settings-item:hover[b-tf29lr43ws] {
    background: #f7fafc;
    text-decoration: none;
}

.company-settings-item.disabled[b-tf29lr43ws] {
    color: #748190;
}

.company-settings-item span[b-tf29lr43ws] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.company-settings-item strong[b-tf29lr43ws] {
    color: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
}

.company-settings-item small[b-tf29lr43ws] {
    color: #627285;
    font-size: 0.7rem;
    line-height: 1.3;
}

.company-settings-item em[b-tf29lr43ws] {
    flex: 0 0 auto;
    color: #587086;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 1180px) {
    .company-settings-page[b-tf29lr43ws] {
        grid-template-columns: 236px minmax(0, 1fr);
    }

    .company-settings-panel-grid[b-tf29lr43ws] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .company-settings-page[b-tf29lr43ws] {
        width: calc(100% + 24px);
        min-height: calc(100vh - 118px);
        margin: -12px -12px -12px;
        grid-template-columns: 1fr;
    }

    .company-settings-rail[b-tf29lr43ws] {
        min-height: 0;
        border-right: none;
        border-bottom: 1px solid #d9e1e8;
        box-shadow: none;
    }

    .company-settings-rail-links[b-tf29lr43ws] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-settings-workspace[b-tf29lr43ws] {
        padding: 10px;
    }

    .company-settings-header-panel[b-tf29lr43ws] {
        flex-direction: column;
    }

    .company-settings-summary-card[b-tf29lr43ws] {
        min-width: 0;
        justify-items: start;
    }

    .company-settings-embedded-header[b-tf29lr43ws] {
        flex-direction: column;
    }
}

@media (max-width: 640px) {
    .company-settings-rail-links[b-tf29lr43ws] {
        grid-template-columns: 1fr;
    }

    .company-settings-panel-header[b-tf29lr43ws],
    .company-settings-item[b-tf29lr43ws] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/CreateAssignment.razor.rz.scp.css */
.create-assignment-page[b-ysnj0bhwqv] {
    --assignment-accent: #f17080;
    --assignment-accent-dark: #d85b6d;
    --assignment-accent-soft: rgba(241, 112, 128, 0.16);
    --assignment-control-border: #aeb9c4;
    --assignment-control-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    --assignment-body-font: 0.82rem;
    --assignment-label-font: 0.76rem;
    width: 100%;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.create-assignment-page.embedded .create-assignment-header[b-ysnj0bhwqv] {
    display: none;
}

.create-assignment-header[b-ysnj0bhwqv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.create-assignment-title-wrap[b-ysnj0bhwqv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-assignment-dot[b-ysnj0bhwqv] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.create-assignment-title[b-ysnj0bhwqv] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 600;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-assignment-grid[b-ysnj0bhwqv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    grid-auto-rows: minmax(232px, auto);
    align-items: stretch;
    gap: 12px;
}

.create-assignment-card[b-ysnj0bhwqv] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 2px;
    padding: 12px;
    position: relative;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.10);
    min-height: 232px;
    color: #26323e;
    font-size: var(--assignment-body-font);
}

    .create-assignment-card h3[b-ysnj0bhwqv] {
        margin: -12px -12px 12px -12px;
        min-height: 38px;
        display: flex;
        align-items: center;
        background: #424242;
        color: #ffffff;
        padding: 0 12px;
        border-bottom: 1px solid #343434;
        border-radius: 2px 2px 0 0;
        font-size: 0.86rem;
        font-weight: 600;
        letter-spacing: 0;
    }

.create-assignment-card-wide[b-ysnj0bhwqv] {
    grid-column: 1 / -1;
    min-height: 0;
}

.create-assignment-form-grid[b-ysnj0bhwqv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .create-assignment-form-grid label[b-ysnj0bhwqv] {
        display: block;
        margin-bottom: 4px;
        font-size: var(--assignment-label-font);
        font-weight: 600;
        color: #465463;
        letter-spacing: 0.01em;
    }

.create-assignment-page .form-control[b-ysnj0bhwqv],
.create-assignment-page .form-select[b-ysnj0bhwqv],
.create-assignment-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])[b-ysnj0bhwqv],
.create-assignment-page select[b-ysnj0bhwqv],
.create-assignment-page textarea[b-ysnj0bhwqv] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid var(--assignment-control-border);
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    box-shadow: var(--assignment-control-shadow);
    box-sizing: border-box;
    font-size: var(--assignment-body-font);
    font-weight: 400;
    line-height: 1.25;
}

.create-assignment-page textarea[b-ysnj0bhwqv],
.create-assignment-page .form-control[rows][b-ysnj0bhwqv] {
    min-height: 92px;
    resize: vertical;
}

.create-assignment-page .form-control:focus[b-ysnj0bhwqv],
.create-assignment-page .form-select:focus[b-ysnj0bhwqv],
.create-assignment-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus[b-ysnj0bhwqv],
.create-assignment-page select:focus[b-ysnj0bhwqv],
.create-assignment-page textarea:focus[b-ysnj0bhwqv] {
    border-color: var(--assignment-accent);
    outline: 2px solid var(--assignment-accent-soft);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(241, 112, 128, 0.18), var(--assignment-control-shadow);
}

.create-assignment-page .form-control:disabled[b-ysnj0bhwqv],
.create-assignment-page .form-select:disabled[b-ysnj0bhwqv],
.create-assignment-page input:disabled[b-ysnj0bhwqv],
.create-assignment-page select:disabled[b-ysnj0bhwqv],
.create-assignment-page textarea:disabled[b-ysnj0bhwqv] {
    background: #eef1f4;
    color: #6b7682;
    cursor: not-allowed;
}

.create-assignment-form-grid-full[b-ysnj0bhwqv] {
    grid-column: 1 / -1;
}

.create-assignment-info-grid[b-ysnj0bhwqv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
    font-weight: 400;
}

.create-assignment-actions[b-ysnj0bhwqv] {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.create-assignment-button[b-ysnj0bhwqv] {
    height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
}

    .create-assignment-button.primary[b-ysnj0bhwqv] {
        background: var(--assignment-accent);
        color: white;
        border-color: var(--assignment-accent-dark);
        box-shadow: 0 2px 5px rgba(167, 55, 69, 0.22);
    }

    .create-assignment-button.primary:hover[b-ysnj0bhwqv],
    .create-assignment-button.primary:focus-visible[b-ysnj0bhwqv] {
        background: var(--assignment-accent-dark);
        border-color: var(--assignment-accent-dark);
    }

    .create-assignment-button.secondary[b-ysnj0bhwqv] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.assignment-search-results[b-ysnj0bhwqv] {
    margin-top: 6px;
    border: 1px solid #d8dde3;
    border-radius: 8px;
    background: white;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(9, 32, 51, 0.10);
    max-height: 240px;
    overflow-y: auto;
}

.assignment-search-result[b-ysnj0bhwqv] {
    width: 100%;
    text-align: left;
    border: none;
    background: white;
    padding: 9px 12px;
    font-size: 0.8rem;
    font-weight: 400;
    color: #2f2f2f;
    cursor: pointer;
    border-bottom: 1px solid #eef1f4;
}

    .assignment-search-result:last-child[b-ysnj0bhwqv] {
        border-bottom: none;
    }

    .assignment-search-result:hover[b-ysnj0bhwqv] {
        background: #eef9f4;
    }

.assignment-search-empty[b-ysnj0bhwqv] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.assignment-selected-item[b-ysnj0bhwqv] {
    margin-top: 8px;
    font-size: 0.8rem;
    font-weight: 500;
    color: #4f5c69;
}

@media (max-width: 1200px) {
    .create-assignment-grid[b-ysnj0bhwqv] {
        grid-template-columns: 1fr;
    }

    .create-assignment-form-grid[b-ysnj0bhwqv],
    .create-assignment-info-grid[b-ysnj0bhwqv] {
        grid-template-columns: 1fr;
    }

    .create-assignment-form-grid-full[b-ysnj0bhwqv] {
        grid-column: auto;
    }
}
/* /Components/Pages/CreateCandidate.razor.rz.scp.css */
.create-candidate-page[b-yfll315yp6] {
    width: 100%;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.create-candidate-header[b-yfll315yp6] {
    margin-bottom: 10px;
}

.create-candidate-title-wrap[b-yfll315yp6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-candidate-dot[b-yfll315yp6] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f17080;
    flex-shrink: 0;
}

.create-candidate-title[b-yfll315yp6] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-candidate-grid[b-yfll315yp6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.create-candidate-card[b-yfll315yp6] {
    background: #ffffff;
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    padding: 0;
    box-shadow: none;
}

.create-candidate-card h3[b-yfll315yp6] {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9px 12px;
    background: #3c3c3c;
    color: #ffffff;
    border-bottom: 1px solid #343434;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0;
}

.create-candidate-card-wide[b-yfll315yp6] {
    grid-column: 1 / -1;
}

.create-candidate-form-grid[b-yfll315yp6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 16px;
    padding: 12px 14px 14px;
}

.create-candidate-form-grid label[b-yfll315yp6] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.77rem;
    font-weight: 600;
    color: #2e3b49;
    line-height: 1.25;
}

.create-candidate-form-grid-full[b-yfll315yp6] {
    grid-column: 1 / -1;
}

.create-candidate-checkbox-wrap[b-yfll315yp6] {
    min-height: 32px;
    display: flex;
    align-items: center;
}

.create-candidate-card > textarea[b-yfll315yp6],
.create-candidate-card > .form-control[b-yfll315yp6] {
    width: calc(100% - 28px);
    margin: 12px 14px 14px;
}

.create-candidate-actions[b-yfll315yp6] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.create-candidate-button[b-yfll315yp6] {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
}

.create-candidate-button.primary[b-yfll315yp6] {
    background: #f17080;
    color: #ffffff;
    border-color: #d85b6d;
    box-shadow: 0 2px 5px rgba(167, 55, 69, 0.22);
}

.create-candidate-button.primary:hover[b-yfll315yp6],
.create-candidate-button.primary:focus-visible[b-yfll315yp6] {
    background: #d85b6d;
    border-color: #d85b6d;
}

.create-candidate-button.secondary[b-yfll315yp6] {
    background: #ffffff;
    color: #4e5d6c;
    border-color: #ccd6e0;
}

@media (max-width: 1080px) {
    .create-candidate-grid[b-yfll315yp6],
    .create-candidate-form-grid[b-yfll315yp6] {
        grid-template-columns: 1fr;
    }

    .create-candidate-card-wide[b-yfll315yp6],
    .create-candidate-form-grid-full[b-yfll315yp6] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .create-candidate-actions[b-yfll315yp6] {
        align-items: stretch;
    }

    .create-candidate-button[b-yfll315yp6] {
        flex: 1 1 140px;
    }
}
/* /Components/Pages/CreateClient.razor.rz.scp.css */
.create-client-page[b-ubczs6tmei] {
    width: 100%;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.create-client-header[b-ubczs6tmei] {
    margin-bottom: 10px;
}

.create-client-title-wrap[b-ubczs6tmei] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-client-dot[b-ubczs6tmei] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0d88cf;
    flex-shrink: 0;
}

.create-client-title[b-ubczs6tmei] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-client-grid[b-ubczs6tmei] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.create-client-card[b-ubczs6tmei] {
    background: #ffffff;
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    padding: 0;
    box-shadow: none;
}

.create-client-card h3[b-ubczs6tmei] {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9px 12px;
    background: #3c3c3c;
    color: #ffffff;
    border-bottom: 1px solid #343434;
    font-size: 0.88rem;
    font-weight: 600;
    letter-spacing: 0;
}

.create-client-card-wide[b-ubczs6tmei] {
    grid-column: 1 / -1;
}

.create-client-form-grid[b-ubczs6tmei] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 16px;
    padding: 12px 14px 14px;
}

.create-client-form-grid label[b-ubczs6tmei] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.77rem;
    font-weight: 600;
    color: #2e3b49;
    line-height: 1.25;
}

.create-client-form-grid-full[b-ubczs6tmei] {
    grid-column: 1 / -1;
}

.create-client-card > textarea[b-ubczs6tmei],
.create-client-card > .form-control[b-ubczs6tmei] {
    width: calc(100% - 28px);
    margin: 12px 14px 14px;
}

.create-client-actions[b-ubczs6tmei] {
    margin-top: 14px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.create-client-button[b-ubczs6tmei] {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
}

.create-client-button.primary[b-ubczs6tmei] {
    background: #f17080;
    color: #ffffff;
    border-color: #d85b6d;
    box-shadow: 0 2px 5px rgba(167, 55, 69, 0.22);
}

.create-client-button.primary:hover[b-ubczs6tmei],
.create-client-button.primary:focus-visible[b-ubczs6tmei] {
    background: #d85b6d;
    border-color: #d85b6d;
}

.create-client-button.secondary[b-ubczs6tmei] {
    background: #ffffff;
    color: #4e5d6c;
    border-color: #ccd6e0;
}

@media (max-width: 1080px) {
    .create-client-grid[b-ubczs6tmei],
    .create-client-form-grid[b-ubczs6tmei] {
        grid-template-columns: 1fr;
    }

    .create-client-card-wide[b-ubczs6tmei],
    .create-client-form-grid-full[b-ubczs6tmei] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .create-client-actions[b-ubczs6tmei] {
        align-items: stretch;
    }

    .create-client-button[b-ubczs6tmei] {
        flex: 1 1 140px;
    }
}
/* /Components/Pages/CreateJobOrder.razor.rz.scp.css */
.create-job-order-shell[b-p38dm051b2] {
    --create-job-accent: #f17080;
    --create-job-accent-dark: #d85b6d;
    --create-job-accent-soft: rgba(241, 112, 128, 0.16);
    --create-job-control-border: #aeb9c4;
    --create-job-control-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    display: grid;
    gap: 10px;
    width: 100%;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.create-job-order-shell.embedded[b-p38dm051b2] {
    display: grid;
    gap: 0;
    min-height: 100%;
    background: #ffffff;
    overflow: visible;
}

.create-job-order-shell form[b-p38dm051b2] {
    min-height: 0;
}

.create-job-order-shell.embedded form[b-p38dm051b2] {
    display: grid;
    gap: 0;
    min-height: 100%;
    overflow: visible;
}

.create-job-order-header[b-p38dm051b2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.create-job-order-title-wrap[b-p38dm051b2] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.create-job-order-dot[b-p38dm051b2] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #0d88cf;
    flex-shrink: 0;
    margin-top: 2px;
}

.create-job-order-title[b-p38dm051b2] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-job-order-subtitle[b-p38dm051b2] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: #5a6978;
    line-height: 1.35;
}

.create-job-order-topline[b-p38dm051b2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border: 1px solid #d7e0e9;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfcfd 0%, #f4f7fa 100%);
}

.create-job-order-topline-copy[b-p38dm051b2] {
    display: flex;
    align-items: baseline;
    gap: 8px;
}

.create-job-order-topline-copy strong[b-p38dm051b2] {
    font-size: 1rem;
    color: #1f2d3d;
    font-weight: 600;
}

.create-job-order-topline-label[b-p38dm051b2] {
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6a7b8b;
}

.create-job-order-topline-client[b-p38dm051b2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 0.8rem;
    color: #506172;
}

.create-job-order-topline-client span[b-p38dm051b2] {
    padding: 3px 8px;
    border-radius: 999px;
    background: #edf4fa;
    color: #42637d;
    font-weight: 600;
}

.create-job-order-topline-client strong[b-p38dm051b2] {
    color: #1f2d3d;
    font-weight: 600;
}

.create-job-order-section-scroll[b-p38dm051b2] {
    display: grid;
    gap: 12px;
    min-height: 0;
    scroll-behavior: smooth;
}

.create-job-order-shell.embedded .create-job-order-section-scroll[b-p38dm051b2] {
    overflow: visible;
    padding-bottom: 12px;
}

.create-job-order-scroll-header[b-p38dm051b2] {
    position: sticky;
    top: 0;
    z-index: 60;
    display: grid;
    gap: 10px;
    margin: 0 -14px 12px;
    padding: 12px 14px 12px;
    background: #ffffff;
    border-bottom: 1px solid #d7e0e9;
    box-shadow: 0 10px 16px rgba(15, 23, 42, 0.12);
    isolation: isolate;
}

.create-job-order-shell.embedded .create-job-order-scroll-header[b-p38dm051b2] {
    margin: -10px -14px 12px;
    padding: 14px 14px 12px;
}

.create-job-order-scroll-header[b-p38dm051b2]::before {
    content: "";
    position: absolute;
    inset: -24px 0 0;
    z-index: -1;
    background: #ffffff;
}

.create-job-order-tabs[b-p38dm051b2] {
    position: static;
    z-index: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 1px solid #d7e0e9;
    border-radius: 2px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08);
}

.create-job-order-tab[b-p38dm051b2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: none;
    border-right: 1px solid #e3e9ef;
    background: #ffffff;
    color: #245b89;
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.create-job-order-tab:last-child[b-p38dm051b2] {
    border-right: none;
}

.create-job-order-tab:hover[b-p38dm051b2],
.create-job-order-tab:focus-visible[b-p38dm051b2] {
    background: #f6f9fc;
    color: #0d6fb8;
    text-decoration: none;
}

.create-job-order-tab.active[b-p38dm051b2] {
    background: #0d88cf;
    color: #ffffff;
    font-weight: 600;
}

.create-job-order-tab-badge[b-p38dm051b2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: #b9181f;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.create-job-order-panel[b-p38dm051b2] {
    border: 1px solid #cfd8e2;
    border-top: 1px solid #cfd8e2;
    background: #ffffff;
    scroll-margin-top: 58px;
}

.create-job-order-panel-header[b-p38dm051b2] {
    padding: 9px 12px;
    background: #3c3c3c;
    color: #ffffff;
    font-size: 0.88rem;
    font-weight: 600;
}

.create-job-order-panel-body[b-p38dm051b2] {
    padding: 12px 14px 14px;
    display: grid;
    gap: 14px;
}

.create-job-order-form-grid[b-p38dm051b2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 10px 16px;
}

.create-job-order-form-grid.compact[b-p38dm051b2] {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.create-job-order-form-grid label[b-p38dm051b2] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.77rem;
    font-weight: 600;
    color: #2e3b49;
    line-height: 1.25;
}

.create-job-order-form-grid .form-control[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  .form-control,
.create-job-order-form-grid[b-p38dm051b2]  .form-select,
.create-job-order-form-grid input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])[b-p38dm051b2],
.create-job-order-form-grid select[b-p38dm051b2],
.create-job-order-form-grid textarea[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.create-job-order-form-grid[b-p38dm051b2]  select,
.create-job-order-form-grid[b-p38dm051b2]  textarea {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid var(--create-job-control-border);
    border-radius: 2px;
    box-shadow: var(--create-job-control-shadow);
    box-sizing: border-box;
}

.create-job-order-form-grid option[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  option,
.create-job-order-form-grid input[b-p38dm051b2]::placeholder,
.create-job-order-form-grid textarea[b-p38dm051b2]::placeholder,
.create-job-order-form-grid[b-p38dm051b2]  input::placeholder,
.create-job-order-form-grid[b-p38dm051b2]  textarea::placeholder {
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.create-job-order-form-grid .form-control:focus[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  .form-control:focus,
.create-job-order-form-grid[b-p38dm051b2]  .form-select:focus,
.create-job-order-form-grid input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus[b-p38dm051b2],
.create-job-order-form-grid select:focus[b-p38dm051b2],
.create-job-order-form-grid textarea:focus[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
.create-job-order-form-grid[b-p38dm051b2]  select:focus,
.create-job-order-form-grid[b-p38dm051b2]  textarea:focus {
    border-color: var(--create-job-accent);
    outline: 2px solid var(--create-job-accent-soft);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(241, 112, 128, 0.18), var(--create-job-control-shadow);
}

.create-job-order-form-grid .form-control:disabled[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  .form-control:disabled,
.create-job-order-form-grid[b-p38dm051b2]  .form-select:disabled,
.create-job-order-form-grid input:disabled[b-p38dm051b2],
.create-job-order-form-grid select:disabled[b-p38dm051b2],
.create-job-order-form-grid textarea:disabled[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  input:disabled,
.create-job-order-form-grid[b-p38dm051b2]  select:disabled,
.create-job-order-form-grid[b-p38dm051b2]  textarea:disabled {
    background: #eef1f4;
    color: #6b7682;
    cursor: not-allowed;
}

.create-job-order-form-grid textarea.form-control[b-p38dm051b2],
.create-job-order-form-grid[b-p38dm051b2]  textarea.form-control,
.create-job-order-form-grid[b-p38dm051b2]  textarea {
    min-height: 96px;
    padding-top: 8px;
    resize: vertical;
}

.create-job-order-money-field[b-p38dm051b2] {
    position: relative;
}

.create-job-order-money-field[b-p38dm051b2]::before {
    content: "$";
    position: absolute;
    left: 9px;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    color: #506172;
    font-size: 0.8rem;
    font-weight: 500;
    pointer-events: none;
}

.create-job-order-money-field .form-control[b-p38dm051b2],
.create-job-order-money-field[b-p38dm051b2]  .form-control,
.create-job-order-money-field input[b-p38dm051b2],
.create-job-order-money-field[b-p38dm051b2]  input {
    padding-left: 22px !important;
    font-variant-numeric: tabular-nums;
}

.create-job-order-field-help[b-p38dm051b2] {
    margin: -1px 0 6px;
    color: #657382;
    font-size: 0.74rem;
    font-weight: 400;
    line-height: 1.35;
}

.create-job-order-section-note[b-p38dm051b2] {
    border: 1px solid #d9e4ec;
    background: #f8fbfd;
    color: #51606f;
    padding: 8px 10px;
    font-size: 0.78rem;
    font-weight: 400;
    line-height: 1.35;
}

.create-job-order-form-grid-full[b-p38dm051b2] {
    grid-column: 1 / -1;
}

.create-job-order-checkbox-row[b-p38dm051b2] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    font-size: 0.8rem;
    font-weight: 400;
    color: #304150;
}

.create-job-order-checkbox-row input[type="checkbox"][b-p38dm051b2],
.create-job-order-checkbox-row .form-check-input[b-p38dm051b2],
.job-order-days-grid input[type="checkbox"][b-p38dm051b2],
.create-job-order-checkbox-row[b-p38dm051b2]  input[type="checkbox"],
.create-job-order-checkbox-row[b-p38dm051b2]  .form-check-input,
.job-order-days-grid[b-p38dm051b2]  input[type="checkbox"] {
    position: relative;
    width: 13px;
    height: 13px;
    min-height: 13px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.create-job-order-checkbox-row input[type="checkbox"]:checked[b-p38dm051b2]::after,
.create-job-order-checkbox-row .form-check-input:checked[b-p38dm051b2]::after,
.job-order-days-grid input[type="checkbox"]:checked[b-p38dm051b2]::after,
.create-job-order-checkbox-row[b-p38dm051b2]  input[type="checkbox"]:checked::after,
.create-job-order-checkbox-row[b-p38dm051b2]  .form-check-input:checked::after,
.job-order-days-grid[b-p38dm051b2]  input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.create-job-order-checkbox-row input[type="checkbox"]:focus-visible[b-p38dm051b2],
.create-job-order-checkbox-row .form-check-input:focus-visible[b-p38dm051b2],
.job-order-days-grid input[type="checkbox"]:focus-visible[b-p38dm051b2],
.create-job-order-checkbox-row[b-p38dm051b2]  input[type="checkbox"]:focus-visible,
.create-job-order-checkbox-row[b-p38dm051b2]  .form-check-input:focus-visible,
.job-order-days-grid[b-p38dm051b2]  input[type="checkbox"]:focus-visible {
    outline: 2px solid rgba(13, 136, 207, 0.18);
    outline-offset: 1px;
}

.create-job-order-checkbox-row .form-check-input[b-p38dm051b2] {
    margin-top: 0;
}

.create-job-order-dual-section[b-p38dm051b2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 14px;
}

.create-job-order-subsection[b-p38dm051b2] {
    border: 1px solid #e1e8ef;
    border-radius: 8px;
    background: #fafcfe;
    padding: 12px;
}

.create-job-order-subsection-title[b-p38dm051b2] {
    margin-bottom: 10px;
    font-size: 0.77rem;
    font-weight: 600;
    color: #526376;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.create-job-order-owner-grid[b-p38dm051b2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.create-job-order-owner-grid.selected-list[b-p38dm051b2] {
    margin-top: 8px;
}

.create-job-order-owner-typeahead[b-p38dm051b2] {
    position: relative;
}

.create-job-order-owner-results[b-p38dm051b2] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 75;
    max-height: 210px;
    overflow-y: auto;
    border: 1px solid #cdd7e2;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(7, 18, 32, 0.16);
}

.create-job-order-owner-result[b-p38dm051b2] {
    width: 100%;
    min-height: 32px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    background: #ffffff;
    color: #23313f;
    cursor: pointer;
    text-align: left;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
}

.create-job-order-owner-result:last-child[b-p38dm051b2] {
    border-bottom: 0;
}

.create-job-order-owner-result:hover[b-p38dm051b2],
.create-job-order-owner-result:focus-visible[b-p38dm051b2] {
    background: #f3f8fc;
    outline: none;
}

.create-job-order-owner-empty[b-p38dm051b2] {
    padding: 9px 10px;
    color: #647482;
    font-size: 0.78rem;
    font-weight: 400;
}

.create-job-order-owner-chip[b-p38dm051b2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 31px;
    padding: 0 11px;
    border: 1px solid #cfd8e2;
    border-radius: 999px;
    background: #ffffff;
    color: #3d4c5c;
    font-size: 0.78rem;
    font-weight: 500;
    cursor: pointer;
}

.create-job-order-owner-chip.selected[b-p38dm051b2] {
    border-color: var(--create-job-accent-dark);
    background: #fff3f5;
    color: #a83949;
}

.create-job-order-owner-chip button[b-p38dm051b2] {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(168, 57, 73, 0.12);
    color: #a83949;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
}

.create-job-order-inline-actions[b-p38dm051b2] {
    display: flex;
    justify-content: flex-end;
}

.create-job-order-helper-copy[b-p38dm051b2] {
    padding: 10px 12px;
    border: 1px solid #d9e4ec;
    border-radius: 8px;
    background: #f7fbfe;
    font-size: 0.81rem;
    color: #51606f;
    font-weight: 400;
}

.create-job-order-helper-copy strong[b-p38dm051b2] {
    font-weight: 600;
}

.create-job-order-actions[b-p38dm051b2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 2px 2px;
}

.create-job-order-actions-left[b-p38dm051b2],
.create-job-order-actions-right[b-p38dm051b2] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.create-job-order-button[b-p38dm051b2] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
    font-family: inherit;
}

.create-job-order-button.primary[b-p38dm051b2] {
    background: #e7e9ec;
    border-color: #c8cfd7;
    color: #4d5d6c;
}

.create-job-order-button.primary:not(:disabled)[b-p38dm051b2] {
    background: var(--create-job-accent);
    border-color: var(--create-job-accent-dark);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(167, 55, 69, 0.22);
}

.create-job-order-button.primary:not(:disabled):hover[b-p38dm051b2],
.create-job-order-button.primary:not(:disabled):focus-visible[b-p38dm051b2] {
    background: var(--create-job-accent-dark);
    border-color: var(--create-job-accent-dark);
}

.create-job-order-button.secondary[b-p38dm051b2] {
    background: #ffffff;
    border-color: #ccd6e0;
    color: #4e5d6c;
}

.create-job-order-button:disabled[b-p38dm051b2] {
    opacity: 0.65;
    cursor: default;
}

.job-order-days-grid[b-p38dm051b2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 8px 12px;
}

.job-order-days-grid label[b-p38dm051b2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #304150;
}

.job-order-search-results[b-p38dm051b2] {
    margin-top: 6px;
    border: 1px solid #d7dfe8;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 26px rgba(7, 18, 32, 0.10);
    max-height: 240px;
    overflow-y: auto;
}

.job-order-search-result[b-p38dm051b2] {
    width: 100%;
    text-align: left;
    border: none;
    border-bottom: 1px solid #edf1f5;
    background: #ffffff;
    padding: 9px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #24313d;
    cursor: pointer;
}

.job-order-search-result:last-child[b-p38dm051b2] {
    border-bottom: none;
}

.job-order-search-result:hover[b-p38dm051b2] {
    background: #f4f9fd;
}

.job-order-search-empty[b-p38dm051b2] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5c6b79;
}

.job-order-selected-client[b-p38dm051b2] {
    margin-top: 8px;
    font-size: 0.81rem;
    font-weight: 600;
    color: #425465;
}

.create-job-order-shell.embedded .create-job-order-topline[b-p38dm051b2] {
    border-radius: 2px;
}

.create-job-order-shell.embedded .create-job-order-tabs[b-p38dm051b2] {
    border-radius: 2px;
}

.create-job-order-shell.embedded .create-job-order-actions[b-p38dm051b2] {
    padding: 0 14px 14px;
    background: #ffffff;
    border-top: 1px solid #d9e2eb;
}

@media (max-width: 1280px) {
    .create-job-order-dual-section[b-p38dm051b2] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1080px) {
    .create-job-order-form-grid[b-p38dm051b2],
    .create-job-order-form-grid.compact[b-p38dm051b2] {
        grid-template-columns: 1fr;
    }

    .create-job-order-form-grid-full[b-p38dm051b2] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .create-job-order-topline[b-p38dm051b2],
    .create-job-order-actions[b-p38dm051b2] {
        flex-direction: column;
        align-items: stretch;
    }

    .create-job-order-topline-client[b-p38dm051b2] {
        justify-content: flex-start;
    }

    .create-job-order-actions-left[b-p38dm051b2],
    .create-job-order-actions-right[b-p38dm051b2] {
        width: 100%;
    }

    .create-job-order-button[b-p38dm051b2] {
        flex: 1 1 140px;
    }

    .job-order-days-grid[b-p38dm051b2] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }
}

@media (max-width: 640px) {
    .create-job-order-panel-body[b-p38dm051b2] {
        padding: 10px 10px 12px;
    }

    .create-job-order-tab[b-p38dm051b2] {
        flex: 1 1 50%;
        border-bottom: 1px solid #e3e9ef;
    }

    .create-job-order-tab:nth-last-child(-n+2)[b-p38dm051b2] {
        border-bottom: none;
    }

    .job-order-days-grid[b-p38dm051b2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/CreateSchedule.razor.rz.scp.css */
.create-schedule-page[b-zmolkc00s3] {
    width: 100%;
}

.create-schedule-header[b-zmolkc00s3] {
    margin-bottom: 10px;
}

.create-schedule-title-wrap[b-zmolkc00s3] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-schedule-dot[b-zmolkc00s3] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.create-schedule-title[b-zmolkc00s3] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-schedule-grid[b-zmolkc00s3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.create-schedule-card[b-zmolkc00s3] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .create-schedule-card h3[b-zmolkc00s3] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.create-schedule-card-wide[b-zmolkc00s3] {
    grid-column: 1 / -1;
}

.create-schedule-form-grid[b-zmolkc00s3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .create-schedule-form-grid label[b-zmolkc00s3] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.create-schedule-form-grid-full[b-zmolkc00s3] {
    grid-column: 1 / -1;
}

.create-schedule-actions[b-zmolkc00s3] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.create-schedule-button[b-zmolkc00s3] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .create-schedule-button.primary[b-zmolkc00s3] {
        background: #099bc6;
        color: white;
    }

    .create-schedule-button.secondary[b-zmolkc00s3] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

@media (max-width: 1200px) {
    .create-schedule-grid[b-zmolkc00s3] {
        grid-template-columns: 1fr;
    }

    .create-schedule-form-grid[b-zmolkc00s3] {
        grid-template-columns: 1fr;
    }

    .create-schedule-form-grid-full[b-zmolkc00s3] {
        grid-column: auto;
    }
}
/* /Components/Pages/CreateShiftRequest.razor.rz.scp.css */
.create-shift-request-page[b-lk47k41oo5] {
    width: 100%;
}

.create-shift-request-header[b-lk47k41oo5] {
    margin-bottom: 10px;
}

.create-shift-request-title-wrap[b-lk47k41oo5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-shift-request-dot[b-lk47k41oo5] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.create-shift-request-title[b-lk47k41oo5] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-shift-request-grid[b-lk47k41oo5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.create-shift-request-card[b-lk47k41oo5] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .create-shift-request-card h3[b-lk47k41oo5] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.create-shift-request-card-wide[b-lk47k41oo5] {
    grid-column: 1 / -1;
}

.create-shift-request-form-grid[b-lk47k41oo5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .create-shift-request-form-grid label[b-lk47k41oo5] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.create-shift-request-form-grid-full[b-lk47k41oo5] {
    grid-column: 1 / -1;
}

.create-shift-request-section-header[b-lk47k41oo5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

    .create-shift-request-section-header h3[b-lk47k41oo5] {
        margin: 0;
        padding: 0;
        border: none;
    }

.create-shift-request-rows[b-lk47k41oo5] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.create-shift-request-row-card[b-lk47k41oo5] {
    background: #fbfcfd;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    padding: 10px;
}

.create-shift-request-row-header[b-lk47k41oo5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.create-shift-request-row-title[b-lk47k41oo5] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #2f3c49;
}

.create-shift-request-row-remove[b-lk47k41oo5] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #e3b8bf;
    background: #fff7f8;
    color: #b24552;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.create-shift-request-summary-grid[b-lk47k41oo5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.create-shift-request-empty[b-lk47k41oo5] {
    padding: 8px 0 2px;
    font-size: 0.82rem;
    color: #596674;
}

.create-shift-request-actions[b-lk47k41oo5] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.create-shift-request-button[b-lk47k41oo5] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .create-shift-request-button.primary[b-lk47k41oo5] {
        background: #099bc6;
        color: white;
    }

    .create-shift-request-button.secondary[b-lk47k41oo5] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

@media (max-width: 1200px) {
    .create-shift-request-grid[b-lk47k41oo5] {
        grid-template-columns: 1fr;
    }

    .create-shift-request-form-grid[b-lk47k41oo5],
    .create-shift-request-summary-grid[b-lk47k41oo5] {
        grid-template-columns: 1fr;
    }

    .create-shift-request-form-grid-full[b-lk47k41oo5] {
        grid-column: auto;
    }
}
/* /Components/Pages/CreateSubmission.razor.rz.scp.css */
.create-submission-page[b-df83s2d8u9] {
    width: 100%;
}

.create-submission-header[b-df83s2d8u9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.create-submission-title-wrap[b-df83s2d8u9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.create-submission-dot[b-df83s2d8u9] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #6f78ff;
    flex-shrink: 0;
}

.create-submission-title[b-df83s2d8u9] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.create-submission-grid[b-df83s2d8u9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.create-submission-card[b-df83s2d8u9] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    position: relative;
    box-shadow: inset 0 3px 0 rgba(111, 120, 255, 0.10);
}

    .create-submission-card h3[b-df83s2d8u9] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.create-submission-card-wide[b-df83s2d8u9] {
    grid-column: 1 / -1;
}

.create-submission-form-grid[b-df83s2d8u9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .create-submission-form-grid label[b-df83s2d8u9] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.create-submission-form-grid-full[b-df83s2d8u9] {
    grid-column: 1 / -1;
}

.create-submission-actions[b-df83s2d8u9] {
    display: flex;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}

.create-submission-button[b-df83s2d8u9] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .create-submission-button.primary[b-df83s2d8u9] {
        background: #099bc6;
        color: white;
    }

    .create-submission-button.secondary[b-df83s2d8u9] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.submission-search-results[b-df83s2d8u9] {
    margin-top: 6px;
    border: 1px solid #d8dde3;
    border-radius: 8px;
    background: white;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(9, 32, 51, 0.10);
    max-height: 240px;
    overflow-y: auto;
}

.submission-search-result[b-df83s2d8u9] {
    width: 100%;
    text-align: left;
    border: none;
    background: white;
    padding: 9px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #2f2f2f;
    cursor: pointer;
    border-bottom: 1px solid #eef1f4;
}

    .submission-search-result:last-child[b-df83s2d8u9] {
        border-bottom: none;
    }

    .submission-search-result:hover[b-df83s2d8u9] {
        background: #f4f5ff;
    }

.submission-search-empty[b-df83s2d8u9] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.submission-selected-item[b-df83s2d8u9] {
    margin-top: 8px;
    font-size: 0.8rem;
    font-weight: 700;
    color: #4f5c69;
}

@media (max-width: 1200px) {
    .create-submission-grid[b-df83s2d8u9] {
        grid-template-columns: 1fr;
    }

    .create-submission-form-grid[b-df83s2d8u9] {
        grid-template-columns: 1fr;
    }

    .create-submission-form-grid-full[b-df83s2d8u9] {
        grid-column: auto;
    }
}
/* /Components/Pages/Divisions.razor.rz.scp.css */
.division-page[b-shcu47s04x] {
    width: 100%;
}

.division-header[b-shcu47s04x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.division-title-wrap[b-shcu47s04x] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.division-dot[b-shcu47s04x] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.division-title[b-shcu47s04x] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.division-header-actions[b-shcu47s04x] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.division-search[b-shcu47s04x],
.division-filter[b-shcu47s04x] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.division-search[b-shcu47s04x] {
    width: 240px;
}

.division-filter[b-shcu47s04x] {
    width: 150px;
}

.division-button[b-shcu47s04x] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .division-button.primary[b-shcu47s04x] {
        background: #099bc6;
        color: #ffffff;
    }

    .division-button.secondary[b-shcu47s04x] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.division-panel[b-shcu47s04x] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.division-panel-header[b-shcu47s04x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.division-panel-title[b-shcu47s04x] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.division-panel-count[b-shcu47s04x] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.division-empty[b-shcu47s04x] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.division-editor-body[b-shcu47s04x] {
    padding: 12px;
}

.division-form-grid[b-shcu47s04x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 10px 12px;
}

    .division-form-grid label[b-shcu47s04x] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.division-form-grid-full[b-shcu47s04x] {
    grid-column: 1 / -1;
}

.division-editor-actions[b-shcu47s04x] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.division-table-wrap[b-shcu47s04x] {
    width: 100%;
    overflow-x: auto;
}

.division-table[b-shcu47s04x] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .division-table thead th[b-shcu47s04x] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .division-table tbody td[b-shcu47s04x] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 5px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.05rem;
        white-space: nowrap;
    }

    .division-table tbody tr:nth-child(odd)[b-shcu47s04x] {
        background: #fcfdfe;
    }

    .division-table tbody tr:nth-child(even)[b-shcu47s04x] {
        background: #f6f8fa;
    }

    .division-table tbody tr:hover[b-shcu47s04x] {
        background: #eef9f4;
    }

.division-status-pill[b-shcu47s04x] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .division-status-pill.active[b-shcu47s04x] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .division-status-pill.inactive[b-shcu47s04x] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

    .division-status-pill.archived[b-shcu47s04x] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .division-status-pill.mistake[b-shcu47s04x] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.division-row-actions[b-shcu47s04x] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.division-row-link[b-shcu47s04x] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .division-row-link:hover[b-shcu47s04x] {
        text-decoration: underline;
    }

    .division-row-link.muted[b-shcu47s04x] {
        color: #6b7785;
    }

    .division-row-link.icon-only[b-shcu47s04x] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cfd7e2;
        border-radius: 5px;
        background: #f7f9fb;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .division-row-link.icon-only:hover[b-shcu47s04x] {
            background: #eef6fb;
            text-decoration: none;
        }

@media (max-width: 1200px) {
    .division-header-actions[b-shcu47s04x] {
        justify-content: flex-start;
        width: 100%;
    }

    .division-search[b-shcu47s04x],
    .division-filter[b-shcu47s04x] {
        width: 100%;
    }

    .division-form-grid[b-shcu47s04x] {
        grid-template-columns: 1fr;
    }

    .division-form-grid-full[b-shcu47s04x] {
        grid-column: auto;
    }

    .division-panel-header[b-shcu47s04x] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/EmployeeTaxProfiles.razor.rz.scp.css */
.employee-tax-page[b-x2tuvtoahw] {
    width: 100%;
}

.employee-tax-header[b-x2tuvtoahw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.employee-tax-title-wrap[b-x2tuvtoahw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.employee-tax-dot[b-x2tuvtoahw] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.employee-tax-title[b-x2tuvtoahw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.employee-tax-header-actions[b-x2tuvtoahw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.employee-tax-search[b-x2tuvtoahw],
.employee-tax-filter[b-x2tuvtoahw] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.employee-tax-search[b-x2tuvtoahw] {
    width: 280px;
}

.employee-tax-filter[b-x2tuvtoahw] {
    width: 150px;
}

.employee-tax-button[b-x2tuvtoahw] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .employee-tax-button.primary[b-x2tuvtoahw] {
        background: #099bc6;
        color: #ffffff;
    }

    .employee-tax-button.secondary[b-x2tuvtoahw] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.employee-tax-panel[b-x2tuvtoahw] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.employee-tax-panel-header[b-x2tuvtoahw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.employee-tax-panel-title[b-x2tuvtoahw] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.employee-tax-panel-subtitle[b-x2tuvtoahw] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.employee-tax-panel-count[b-x2tuvtoahw] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.employee-tax-empty[b-x2tuvtoahw] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.employee-tax-editor-body[b-x2tuvtoahw] {
    padding: 12px;
}

.employee-tax-section-title[b-x2tuvtoahw] {
    margin: 4px 0 10px 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.employee-tax-form-grid[b-x2tuvtoahw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px 12px;
    margin-bottom: 12px;
}

    .employee-tax-form-grid label[b-x2tuvtoahw] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.employee-tax-form-grid-full[b-x2tuvtoahw] {
    grid-column: 1 / -1;
}

.employee-tax-checkbox-grid[b-x2tuvtoahw] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0 14px 0;
}

    .employee-tax-checkbox-grid label[b-x2tuvtoahw] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0;
        font-size: 0.76rem;
        font-weight: 600;
        color: #334150;
    }

.employee-tax-editor-actions[b-x2tuvtoahw] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.employee-tax-table-wrap[b-x2tuvtoahw] {
    width: 100%;
    overflow-x: auto;
}

.employee-tax-table[b-x2tuvtoahw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .employee-tax-table thead th[b-x2tuvtoahw] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .employee-tax-table tbody td[b-x2tuvtoahw] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 5px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.05rem;
        white-space: nowrap;
    }

    .employee-tax-table tbody tr:nth-child(odd)[b-x2tuvtoahw] {
        background: #fcfdfe;
    }

    .employee-tax-table tbody tr:nth-child(even)[b-x2tuvtoahw] {
        background: #f6f8fa;
    }

    .employee-tax-table tbody tr:hover[b-x2tuvtoahw] {
        background: #eef9f4;
    }

.employee-tax-status-pill[b-x2tuvtoahw] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .employee-tax-status-pill.active[b-x2tuvtoahw] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .employee-tax-status-pill.inactive[b-x2tuvtoahw] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

    .employee-tax-status-pill.archived[b-x2tuvtoahw] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .employee-tax-status-pill.mistake[b-x2tuvtoahw] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.employee-tax-row-actions[b-x2tuvtoahw] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.employee-tax-row-link[b-x2tuvtoahw] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .employee-tax-row-link:hover[b-x2tuvtoahw] {
        text-decoration: underline;
    }

    .employee-tax-row-link.muted[b-x2tuvtoahw] {
        color: #6b7785;
    }

    .employee-tax-row-link.icon-only[b-x2tuvtoahw] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cfd7e2;
        border-radius: 5px;
        background: #f7f9fb;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .employee-tax-row-link.icon-only:hover[b-x2tuvtoahw] {
            background: #eef6fb;
            text-decoration: none;
        }

@media (max-width: 1400px) {
    .employee-tax-form-grid[b-x2tuvtoahw] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 1200px) {
    .employee-tax-header-actions[b-x2tuvtoahw] {
        justify-content: flex-start;
        width: 100%;
    }

    .employee-tax-search[b-x2tuvtoahw],
    .employee-tax-filter[b-x2tuvtoahw] {
        width: 100%;
    }

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

@media (max-width: 800px) {
    .employee-tax-form-grid[b-x2tuvtoahw] {
        grid-template-columns: 1fr;
    }

    .employee-tax-form-grid-full[b-x2tuvtoahw] {
        grid-column: auto;
    }

    .employee-tax-editor-actions[b-x2tuvtoahw] {
        flex-direction: column;
        align-items: stretch;
    }

    .employee-tax-button[b-x2tuvtoahw] {
        width: 100%;
    }
}
/* /Components/Pages/EmployerTaxProfiles.razor.rz.scp.css */
.employer-tax-page[b-p2olnr5r17] {
    width: 100%;
}

.employer-tax-header[b-p2olnr5r17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.employer-tax-title-wrap[b-p2olnr5r17] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.employer-tax-dot[b-p2olnr5r17] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.employer-tax-title[b-p2olnr5r17] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.employer-tax-header-actions[b-p2olnr5r17] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.employer-tax-search[b-p2olnr5r17],
.employer-tax-filter[b-p2olnr5r17] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.employer-tax-search[b-p2olnr5r17] {
    width: 260px;
}

.employer-tax-filter[b-p2olnr5r17] {
    width: 150px;
}

.employer-tax-button[b-p2olnr5r17] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .employer-tax-button.primary[b-p2olnr5r17] {
        background: #099bc6;
        color: #ffffff;
    }

    .employer-tax-button.secondary[b-p2olnr5r17] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.employer-tax-panel[b-p2olnr5r17] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.employer-tax-panel-header[b-p2olnr5r17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.employer-tax-panel-title[b-p2olnr5r17] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.employer-tax-panel-subtitle[b-p2olnr5r17] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.employer-tax-panel-count[b-p2olnr5r17] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.employer-tax-empty[b-p2olnr5r17] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.employer-tax-editor-body[b-p2olnr5r17] {
    padding: 12px;
}

.employer-tax-section-title[b-p2olnr5r17] {
    margin: 4px 0 10px 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.employer-tax-form-grid[b-p2olnr5r17] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px 12px;
    margin-bottom: 12px;
}

    .employer-tax-form-grid label[b-p2olnr5r17] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.employer-tax-form-grid-full[b-p2olnr5r17] {
    grid-column: 1 / -1;
}

.employer-tax-checkbox-grid[b-p2olnr5r17] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0 14px 0;
}

    .employer-tax-checkbox-grid label[b-p2olnr5r17] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0;
        font-size: 0.76rem;
        font-weight: 600;
        color: #334150;
    }

.employer-tax-editor-actions[b-p2olnr5r17] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.employer-tax-account-panel[b-p2olnr5r17] {
    margin-bottom: 12px;
    border: 1px solid #d8e1ea;
    border-radius: 6px;
    background: #fbfcfe;
    overflow: hidden;
}

.employer-tax-account-toolbar[b-p2olnr5r17] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid #d8e1ea;
    color: #465463;
    font-size: 0.74rem;
    font-weight: 700;
    flex-wrap: wrap;
}

.employer-tax-account-table-wrap[b-p2olnr5r17] {
    overflow-x: auto;
}

.employer-tax-account-table[b-p2olnr5r17] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

    .employer-tax-account-table th[b-p2olnr5r17] {
        padding: 6px 7px;
        background: #f3f6f9;
        color: #304150;
        font-size: 0.68rem;
        font-weight: 800;
        text-align: left;
        white-space: nowrap;
    }

    .employer-tax-account-table td[b-p2olnr5r17] {
        padding: 5px 6px;
        border-top: 1px solid #e3e8ee;
        vertical-align: middle;
    }

.form-control.compact[b-p2olnr5r17] {
    min-height: 28px;
    padding: 3px 6px;
    font-size: 0.72rem;
}

.employer-tax-table-wrap[b-p2olnr5r17] {
    width: 100%;
    overflow-x: auto;
}

.employer-tax-table[b-p2olnr5r17] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .employer-tax-table thead th[b-p2olnr5r17] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.66rem;
        font-weight: 700;
        text-align: left;
        padding: 4px 5px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .employer-tax-table tbody td[b-p2olnr5r17] {
        font-size: 0.69rem;
        font-weight: 400;
        color: #24313d;
        padding: 4px 5px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 0.98rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .employer-tax-table tbody tr:nth-child(odd)[b-p2olnr5r17] {
        background: #fcfdfe;
    }

    .employer-tax-table tbody tr:nth-child(even)[b-p2olnr5r17] {
        background: #f6f8fa;
    }

    .employer-tax-table tbody tr:hover[b-p2olnr5r17] {
        background: #eef9f4;
    }

    .employer-tax-table th:nth-child(1)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(1)[b-p2olnr5r17] {
        width: 150px;
    }

    .employer-tax-table th:nth-child(2)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(2)[b-p2olnr5r17] {
        width: 104px;
    }

    .employer-tax-table th:nth-child(3)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(3)[b-p2olnr5r17] {
        width: 78px;
    }

    .employer-tax-table th:nth-child(4)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(4)[b-p2olnr5r17] {
        width: 72px;
    }

    .employer-tax-table th:nth-child(5)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(5)[b-p2olnr5r17] {
        width: 42px;
    }

    .employer-tax-table th:nth-child(6)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(6)[b-p2olnr5r17],
    .employer-tax-table th:nth-child(7)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(7)[b-p2olnr5r17] {
        width: 70px;
    }

    .employer-tax-table th:nth-child(8)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(8)[b-p2olnr5r17],
    .employer-tax-table th:nth-child(9)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(9)[b-p2olnr5r17] {
        width: 76px;
    }

    .employer-tax-table th:nth-child(10)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(10)[b-p2olnr5r17] {
        width: 78px;
    }

    .employer-tax-table th:nth-child(11)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(11)[b-p2olnr5r17] {
        width: 150px;
    }

    .employer-tax-table th:nth-child(12)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(12)[b-p2olnr5r17] {
        width: 94px;
    }

    .employer-tax-table th:nth-child(13)[b-p2olnr5r17],
    .employer-tax-table td:nth-child(13)[b-p2olnr5r17] {
        width: 34px;
    }

    .employer-tax-table .admin-grid-filter-input[b-p2olnr5r17],
    .employer-tax-table .admin-grid-filter-select[b-p2olnr5r17] {
        width: 100%;
        min-width: 0;
        height: 25px;
        padding: 0 5px;
        font-size: 0.66rem;
        box-sizing: border-box;
    }

    .employer-tax-table .admin-grid-sort-button[b-p2olnr5r17] {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.employer-tax-status-pill[b-p2olnr5r17] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .employer-tax-status-pill.active[b-p2olnr5r17] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .employer-tax-status-pill.inactive[b-p2olnr5r17] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

    .employer-tax-status-pill.archived[b-p2olnr5r17] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .employer-tax-status-pill.mistake[b-p2olnr5r17] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.employer-tax-row-actions[b-p2olnr5r17] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.employer-tax-row-link[b-p2olnr5r17] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .employer-tax-row-link:hover[b-p2olnr5r17] {
        text-decoration: underline;
    }

    .employer-tax-row-link.muted[b-p2olnr5r17] {
        color: #6b7785;
    }

    .employer-tax-row-link.icon-only[b-p2olnr5r17] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cfd7e2;
        border-radius: 5px;
        background: #f7f9fb;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .employer-tax-row-link.icon-only:hover[b-p2olnr5r17] {
            background: #eef6fb;
            text-decoration: none;
        }

@media (max-width: 1400px) {
    .employer-tax-form-grid[b-p2olnr5r17] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 1200px) {
    .employer-tax-header-actions[b-p2olnr5r17] {
        justify-content: flex-start;
        width: 100%;
    }

    .employer-tax-search[b-p2olnr5r17],
    .employer-tax-filter[b-p2olnr5r17] {
        width: 100%;
    }

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

@media (max-width: 800px) {
    .employer-tax-form-grid[b-p2olnr5r17] {
        grid-template-columns: 1fr;
    }

    .employer-tax-form-grid-full[b-p2olnr5r17] {
        grid-column: auto;
    }

    .employer-tax-editor-actions[b-p2olnr5r17] {
        flex-direction: column;
        align-items: stretch;
    }

    .employer-tax-button[b-p2olnr5r17] {
        width: 100%;
    }
}
/* /Components/Pages/FederalTaxWizard.razor.rz.scp.css */

.tax-wizard-page[b-6gxnlu6f2l] {
    padding: 14px 16px 18px;
}

.tax-wizard-header[b-6gxnlu6f2l] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 14px;
}

.tax-wizard-kicker[b-6gxnlu6f2l] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #667482;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.tax-wizard-header h1[b-6gxnlu6f2l] {
    margin: 0 0 8px 0;
    font-size: 1.35rem;
    color: #1f2d3d;
}

.tax-wizard-header p[b-6gxnlu6f2l] {
    margin: 0;
    color: #5f6c79;
    max-width: 900px;
    line-height: 1.35rem;
}

.tax-wizard-header-actions[b-6gxnlu6f2l] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tax-wizard-header .fst-italic.text-muted.small[b-6gxnlu6f2l] {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #f8fbfe;
    line-height: 1.25rem;
}

.wizard-alert[b-6gxnlu6f2l] {
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}

.wizard-alert.success[b-6gxnlu6f2l] {
    background: #edf9f1;
    border: 1px solid #b8e2c4;
    color: #1f6b36;
}

.wizard-alert.error[b-6gxnlu6f2l] {
    background: #fff1f1;
    border: 1px solid #efb5b5;
    color: #a12828;
}

.wizard-layout[b-6gxnlu6f2l] {
    display: block;
}

.wizard-card[b-6gxnlu6f2l] {
    border: 1px solid #d7e0ea;
    background: #fff;
    border-radius: 8px;
    padding: 14px 16px 16px;
}

.wizard-card-title[b-6gxnlu6f2l] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.wizard-summary-grid[b-6gxnlu6f2l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 10px 14px;
    margin-bottom: 14px;
    font-size: 0.84rem;
}

.wizard-form[b-6gxnlu6f2l] {
    display: grid;
    gap: 8px;
}

.wizard-form > .fw-bold[b-6gxnlu6f2l] {
    margin-top: 10px;
    color: #243342;
    font-size: 0.9rem;
}

.wizard-form > .fw-bold:first-child[b-6gxnlu6f2l] {
    margin-top: 0;
}

.wizard-form > .fst-italic.text-muted.small[b-6gxnlu6f2l] {
    margin-top: -2px;
    margin-bottom: 2px;
    color: #697787 !important;
    line-height: 1.2rem;
}

.wizard-form label[b-6gxnlu6f2l] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #556372;
}

.wizard-form input[b-6gxnlu6f2l],
.wizard-form select[b-6gxnlu6f2l],
.wizard-form textarea[b-6gxnlu6f2l] {
    border: 1px solid #ced8e2;
    border-radius: 6px;
    font-size: 0.88rem;
    box-sizing: border-box;
    padding: 8px 10px;
}

.wizard-form textarea[b-6gxnlu6f2l] {
    min-height: 84px;
    resize: vertical;
}

.wizard-checkbox-row[b-6gxnlu6f2l] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wizard-checkbox-row input[b-6gxnlu6f2l] {
    width: 16px;
    height: 16px;
    margin: 0;
}

.wizard-form-actions[b-6gxnlu6f2l] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.wizard-button[b-6gxnlu6f2l] {
    height: 34px;
    border-radius: 6px;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

.wizard-button.primary[b-6gxnlu6f2l] {
    background: #099bc6;
    color: #fff;
}

.wizard-button.secondary[b-6gxnlu6f2l] {
    background: #fff;
    color: #1f2d3d;
    border-color: #ccd6e1;
}

.wizard-empty[b-6gxnlu6f2l] {
    color: #667482;
    font-size: 0.9rem;
}

.wizard-table[b-6gxnlu6f2l] {
    width: 100%;
    border-collapse: collapse;
}

.wizard-table th[b-6gxnlu6f2l],
.wizard-table td[b-6gxnlu6f2l] {
    padding: 10px 12px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.86rem;
    vertical-align: middle;
}

.wizard-table th[b-6gxnlu6f2l] {
    text-align: left;
    background: #f7fafc;
    color: #4f5d6a;
    font-size: 0.8rem;
    font-weight: 800;
}

.wizard-table tr.current[b-6gxnlu6f2l] {
    background: #eef8fc;
}

@media (max-width: 1100px) {
    .wizard-summary-grid[b-6gxnlu6f2l] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .tax-wizard-header[b-6gxnlu6f2l] {
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .tax-wizard-page[b-6gxnlu6f2l] {
        padding: 12px;
    }

    .wizard-summary-grid[b-6gxnlu6f2l] {
        grid-template-columns: 1fr;
    }

    .tax-wizard-header-actions[b-6gxnlu6f2l],
    .wizard-form-actions[b-6gxnlu6f2l] {
        width: 100%;
        justify-content: flex-start;
    }

    .wizard-button[b-6gxnlu6f2l] {
        width: 100%;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-gtxoueark5] {
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    color: #1f2b34;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.dashboard-header[b-gtxoueark5] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px 8px;
    background: #ffffff;
}

.dashboard-title-block[b-gtxoueark5] {
    min-width: 260px;
}

.dashboard-eyebrow[b-gtxoueark5] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.dashboard-header h1[b-gtxoueark5] {
    margin: 3px 0 0;
    color: #122e3b;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.15;
}

.dashboard-date-line[b-gtxoueark5] {
    margin-top: 4px;
    color: #556575;
    font-size: 0.72rem;
    font-weight: 600;
}

.dashboard-date-line span[b-gtxoueark5] {
    color: #9ca9b5;
    margin: 0 6px;
}

.dashboard-actions[b-gtxoueark5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
}

.dashboard-action[b-gtxoueark5] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 11px;
    color: #315364;
    font-size: 0.74rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-action.primary[b-gtxoueark5] {
    background: #0a76c8;
    border-color: #0a76c8;
    color: #ffffff;
}

.dashboard-action.secondary[b-gtxoueark5] {
    background: #ffffff;
    border-color: #bdccd7;
}

.dashboard-message[b-gtxoueark5] {
    padding: 10px 12px;
    border: 1px solid #d7e1e8;
    background: #ffffff;
    color: #344b58;
    font-size: 0.8rem;
    font-weight: 700;
}

.dashboard-message.error[b-gtxoueark5] {
    background: #fff4e7;
    color: #8a4f09;
}

.dashboard-widget-grid[b-gtxoueark5] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-auto-rows: minmax(0, 1fr);
    gap: 8px;
}

.dashboard-widget[b-gtxoueark5] {
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #c9d4dd;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(17, 32, 46, 0.12);
}

.dashboard-widget-header[b-gtxoueark5] {
    min-height: 44px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 9px;
    background: #34424d;
    color: #ffffff;
}

.dashboard-widget-title[b-gtxoueark5] {
    color: #ffffff;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-widget-subtitle[b-gtxoueark5] {
    margin-top: 2px;
    color: #d7e2eb;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.2;
}

.dashboard-count-pill[b-gtxoueark5] {
    flex: 0 0 auto;
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 999px;
    padding: 0 8px;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.dashboard-widget-body[b-gtxoueark5] {
    flex: 1 1 auto;
    min-height: 0;
    position: relative;
    overflow-y: auto;
    scrollbar-gutter: stable;
    background: #ffffff;
}

.dashboard-widget-footer[b-gtxoueark5] {
    flex: 0 0 auto;
    min-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid #d6e0e8;
    padding: 3px 8px;
    background: #f7fafc;
    color: #5d6d7b;
    font-size: 0.66rem;
    font-weight: 800;
}

.dashboard-page-button[b-gtxoueark5] {
    min-width: 52px;
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b8c8d2;
    border-radius: 3px;
    background: #ffffff;
    color: #006eb6;
    padding: 0 8px;
    font-size: 0.64rem;
    font-weight: 800;
    line-height: 1;
}

.dashboard-page-button:not(:disabled):hover[b-gtxoueark5] {
    background: #eaf4fb;
    border-color: #7fb2d5;
}

.dashboard-page-button:disabled[b-gtxoueark5] {
    color: #8b99a6;
    cursor: not-allowed;
    opacity: 0.55;
}

.dashboard-empty[b-gtxoueark5] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #667584;
    font-size: 0.86rem;
    font-weight: 800;
}

.dashboard-row-list[b-gtxoueark5],
.dashboard-table-list[b-gtxoueark5] {
    display: grid;
}

.dashboard-row[b-gtxoueark5] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 46px;
    padding: 5px 8px;
    border-bottom: 1px solid #e3e9ef;
}

.dashboard-row.compact[b-gtxoueark5] {
    min-height: 40px;
}

.dashboard-row-main[b-gtxoueark5] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.dashboard-row-title[b-gtxoueark5] {
    min-width: 0;
    color: #006eb6;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-row-title:hover[b-gtxoueark5],
.dashboard-row-action:hover[b-gtxoueark5],
.dashboard-table-row:hover[b-gtxoueark5],
.dashboard-mini-row:hover[b-gtxoueark5],
.dashboard-alert-row:hover[b-gtxoueark5] {
    color: #00528a;
    text-decoration: underline;
}

.dashboard-row-meta[b-gtxoueark5],
.dashboard-row-detail[b-gtxoueark5] {
    min-width: 0;
    color: #586878;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-row-meta span[b-gtxoueark5],
.dashboard-row-detail span[b-gtxoueark5] {
    color: #a1acb6;
    margin: 0 4px;
}

.dashboard-row-action[b-gtxoueark5] {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b8c8d2;
    border-radius: 3px;
    background: #f8fbfd;
    color: #006eb6;
    padding: 0 7px;
    font-size: 0.64rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-row-status[b-gtxoueark5] {
    display: grid;
    justify-items: end;
    gap: 3px;
}

.dashboard-lock-text[b-gtxoueark5] {
    color: #667584;
    font-size: 0.62rem;
    font-weight: 700;
}

.dashboard-status[b-gtxoueark5],
.dashboard-severity[b-gtxoueark5] {
    min-height: 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 7px;
    font-size: 0.60rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.dashboard-status.info[b-gtxoueark5],
.dashboard-severity.info[b-gtxoueark5] {
    background: #e5f0fb;
    color: #1f6da6;
}

.dashboard-status.neutral[b-gtxoueark5] {
    background: #edf1f5;
    color: #536271;
}

.dashboard-status.warning[b-gtxoueark5],
.dashboard-severity.warning[b-gtxoueark5] {
    background: #fff1d7;
    color: #986c05;
}

.dashboard-status.danger[b-gtxoueark5],
.dashboard-severity.danger[b-gtxoueark5] {
    background: #fde4e4;
    color: #a12f2f;
}

.dashboard-metric-grid[b-gtxoueark5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-bottom: 1px solid #dfe7ee;
}

.dashboard-metric[b-gtxoueark5] {
    min-width: 0;
    min-height: 76px;
    display: grid;
    align-content: center;
    gap: 4px;
    padding: 8px 10px;
    color: #213241;
    text-decoration: none;
    border-right: 1px solid #dfe7ee;
    background: #fbfcfd;
}

.dashboard-metric:last-child[b-gtxoueark5] {
    border-right: 0;
}

.dashboard-metric-label[b-gtxoueark5] {
    color: #596b7b;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.dashboard-metric strong[b-gtxoueark5] {
    color: #0a76c8;
    font-size: 1.65rem;
    font-weight: 600;
    line-height: 1;
}

.dashboard-metric-note[b-gtxoueark5] {
    color: #6c7b89;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.2;
}

.dashboard-mini-table[b-gtxoueark5] {
    display: grid;
}

.dashboard-mini-row[b-gtxoueark5] {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr) 46px;
    gap: 8px;
    min-height: 30px;
    align-items: center;
    border-bottom: 1px solid #e3e9ef;
    padding: 3px 8px;
    color: #25313c;
    font-size: 0.68rem;
    font-weight: 700;
    text-decoration: none;
}

.dashboard-mini-row span[b-gtxoueark5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-mini-row strong[b-gtxoueark5] {
    justify-self: end;
    color: #40505f;
}

.dashboard-table-head[b-gtxoueark5],
.dashboard-table-row[b-gtxoueark5] {
    display: grid;
    grid-template-columns: minmax(104px, 1.1fr) minmax(120px, 1.2fr) 78px;
    gap: 8px;
    align-items: center;
}

.dashboard-table-head.assignments[b-gtxoueark5],
.dashboard-table-row.assignments[b-gtxoueark5] {
    grid-template-columns: minmax(104px, 1fr) minmax(140px, 1.35fr) 76px;
}

.dashboard-table-head[b-gtxoueark5] {
    min-height: 26px;
    padding: 0 8px;
    background: #0a76c8;
    color: #ffffff;
    font-size: 0.64rem;
    font-weight: 800;
}

.dashboard-table-row[b-gtxoueark5] {
    min-height: 38px;
    padding: 4px 8px;
    border-bottom: 1px solid #e3e9ef;
    color: #25313c;
    font-size: 0.68rem;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-table-row span[b-gtxoueark5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-table-row strong[b-gtxoueark5],
.dashboard-table-row small[b-gtxoueark5] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-table-row strong[b-gtxoueark5] {
    color: #006eb6;
    font-size: 0.70rem;
    font-weight: 800;
}

.dashboard-table-row small[b-gtxoueark5] {
    margin-top: 2px;
    color: #6c7b89;
    font-size: 0.60rem;
    font-weight: 700;
}

.dashboard-alert-row[b-gtxoueark5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: flex-start;
    min-height: 42px;
    padding: 5px 8px;
    border-bottom: 1px solid #e3e9ef;
    color: #25313c;
    text-decoration: none;
}

.dashboard-alert-row strong[b-gtxoueark5],
.dashboard-alert-row small[b-gtxoueark5] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-alert-row strong[b-gtxoueark5] {
    color: #1f2b34;
    font-size: 0.70rem;
    font-weight: 800;
    line-height: 1.2;
}

.dashboard-alert-row small[b-gtxoueark5] {
    margin-top: 2px;
    color: #586878;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width: 1280px) {
    .home-page[b-gtxoueark5] {
        height: auto;
        min-height: 0;
        display: block;
        overflow: visible;
    }

    .dashboard-widget-grid[b-gtxoueark5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: none;
        grid-auto-rows: minmax(300px, auto);
    }

    .dashboard-widget[b-gtxoueark5] {
        min-height: 300px;
        height: auto;
    }
}

@media (max-width: 900px) {
    .dashboard-header[b-gtxoueark5] {
        flex-direction: column;
    }

    .dashboard-actions[b-gtxoueark5] {
        width: 100%;
        justify-content: flex-start;
    }

    .dashboard-widget-grid[b-gtxoueark5] {
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(300px, auto);
    }

    .dashboard-widget[b-gtxoueark5] {
        min-height: 300px;
    }
}

@media (max-width: 560px) {
    .dashboard-actions[b-gtxoueark5] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-action[b-gtxoueark5] {
        width: 100%;
    }

    .dashboard-row[b-gtxoueark5] {
        grid-template-columns: 1fr;
    }

    .dashboard-row-action[b-gtxoueark5] {
        justify-self: start;
    }

    .dashboard-row-status[b-gtxoueark5] {
        justify-items: start;
    }

    .dashboard-metric-grid[b-gtxoueark5],
    .dashboard-table-head[b-gtxoueark5],
    .dashboard-table-row[b-gtxoueark5],
    .dashboard-table-head.assignments[b-gtxoueark5],
    .dashboard-table-row.assignments[b-gtxoueark5],
    .dashboard-mini-row[b-gtxoueark5] {
        grid-template-columns: 1fr;
    }

    .dashboard-table-head[b-gtxoueark5] {
        display: none;
    }
}
/* /Components/Pages/Invoices.razor.rz.scp.css */
.invoice-page[b-lr2b1eh2mc] {
    --invoice-ukg-green: #107a55;
    --invoice-ukg-green-dark: #07583e;
    --invoice-ukg-blue: #123f68;
    --invoice-ukg-blue-dark: #0b2f50;
    --invoice-ukg-line: #cfd8e3;
    --invoice-ukg-soft: #f4f7f8;
    --invoice-ukg-cell: #f0f2f3;
    width: 100%;
}

.invoice-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.invoice-header-left[b-lr2b1eh2mc] {
    min-width: 320px;
    flex: 1;
}

.invoice-title-row[b-lr2b1eh2mc] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.invoice-dot[b-lr2b1eh2mc] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.invoice-title[b-lr2b1eh2mc] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.invoice-subtitle[b-lr2b1eh2mc] {
    font-size: 0.82rem;
    color: #4f5c69;
    line-height: 1.35rem;
    font-weight: 500;
    max-width: 980px;
}

.invoice-header-right[b-lr2b1eh2mc] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.invoice-icon-rail[b-lr2b1eh2mc] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px;
    border: 1px solid #d5dde6;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.invoice-icon-button[b-lr2b1eh2mc] {
    width: 34px;
    height: 34px;
    border: 1px solid #cfd7e2;
    border-radius: 10px;
    background: #f8fbfc;
    color: #2f5360;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    line-height: 1;
}

    .invoice-icon-button.primary[b-lr2b1eh2mc] {
        background: #0d6f8e;
        border-color: #0d6f8e;
        color: #ffffff;
        min-width: 42px;
    }

    .invoice-icon-button:hover:not(:disabled)[b-lr2b1eh2mc],
    .invoice-icon-button:focus-visible:not(:disabled)[b-lr2b1eh2mc] {
        background: #eaf6f9;
        border-color: #0d6f8e;
        color: #0d6f8e;
        outline: none;
    }

    .invoice-icon-button.primary:hover:not(:disabled)[b-lr2b1eh2mc],
    .invoice-icon-button.primary:focus-visible:not(:disabled)[b-lr2b1eh2mc] {
        background: #095a74;
        color: #ffffff;
    }

    .invoice-icon-button:disabled[b-lr2b1eh2mc] {
        background: #f0f3f6;
        border-color: #d8dfe7;
        color: #a0aab5;
        cursor: not-allowed;
    }

.invoice-button[b-lr2b1eh2mc] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .invoice-button.primary[b-lr2b1eh2mc] {
        background: #099bc6;
        color: white;
    }

    .invoice-button.secondary[b-lr2b1eh2mc] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .invoice-button:disabled[b-lr2b1eh2mc] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.invoice-link-button[b-lr2b1eh2mc] {
    white-space: nowrap;
}

.invoice-process-shell[b-lr2b1eh2mc] {
    margin-bottom: 12px;
    border: 1px solid #cbd6e1;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f6fbfc 100%);
    box-shadow: inset 0 3px 0 rgba(13, 111, 142, 0.18);
    overflow: hidden;
}

.invoice-process-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: flex-start;
    padding: 12px 14px;
    border-bottom: 1px solid #dce5ed;
    flex-wrap: wrap;
}

.invoice-process-kicker[b-lr2b1eh2mc] {
    font-size: 0.66rem;
    font-weight: 900;
    color: #667587;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.invoice-process-title[b-lr2b1eh2mc] {
    margin-top: 3px;
    font-size: 1rem;
    font-weight: 900;
    color: #173344;
}

.invoice-process-subtitle[b-lr2b1eh2mc] {
    margin-top: 3px;
    font-size: 0.75rem;
    color: #5b6875;
    font-weight: 700;
}

.invoice-process-meta[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(92px, 1fr));
    gap: 8px;
    min-width: min(100%, 520px);
}

    .invoice-process-meta div[b-lr2b1eh2mc] {
        padding: 8px 10px;
        border: 1px solid #d8e1ea;
        border-radius: 8px;
        background: #ffffff;
    }

    .invoice-process-meta span[b-lr2b1eh2mc] {
        display: block;
        margin-bottom: 3px;
        font-size: 0.63rem;
        font-weight: 900;
        color: #6a7786;
        text-transform: uppercase;
        letter-spacing: 0.04em;
    }

    .invoice-process-meta strong[b-lr2b1eh2mc] {
        display: block;
        color: #172b3d;
        font-size: 0.78rem;
        line-height: 1.15;
    }

.invoice-process-steps[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(7, minmax(132px, 1fr));
    border-top: 1px solid #eef2f6;
    overflow-x: auto;
}

.invoice-process-step[b-lr2b1eh2mc] {
    min-height: 112px;
    padding: 10px;
    border-right: 1px solid #dce5ed;
    background: #ffffff;
    color: #26394b;
    text-decoration: none;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 5px;
}

    .invoice-process-step:last-child[b-lr2b1eh2mc] {
        border-right: none;
    }

    .invoice-process-step:hover[b-lr2b1eh2mc],
    .invoice-process-step:focus-visible[b-lr2b1eh2mc] {
        background: #eef8fa;
        outline: none;
    }

    .invoice-process-step strong[b-lr2b1eh2mc] {
        font-size: 0.75rem;
        font-weight: 900;
        color: #172b3d;
    }

    .invoice-process-step small[b-lr2b1eh2mc] {
        font-size: 0.67rem;
        color: #5d6a77;
        line-height: 1.25;
        font-weight: 600;
    }

    .invoice-process-step em[b-lr2b1eh2mc] {
        justify-self: start;
        font-style: normal;
    }

.invoice-process-number[b-lr2b1eh2mc] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: #dce8f0;
    color: #244355;
    font-size: 0.7rem;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.invoice-process-status[b-lr2b1eh2mc],
.invoice-process-step em[b-lr2b1eh2mc] {
    min-height: 22px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.65rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #536271;
    white-space: nowrap;
}

.invoice-process-step.done[b-lr2b1eh2mc],
.invoice-process-step.clear[b-lr2b1eh2mc],
.invoice-process-step.ready[b-lr2b1eh2mc] {
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.20);
}

.invoice-process-step.review[b-lr2b1eh2mc] {
    box-shadow: inset 0 3px 0 rgba(198, 125, 0, 0.22);
}

.invoice-process-status.done[b-lr2b1eh2mc],
.invoice-process-status.clear[b-lr2b1eh2mc],
.invoice-process-step.done em[b-lr2b1eh2mc],
.invoice-process-step.clear em[b-lr2b1eh2mc] {
    background: #e9f8f0;
    border-color: #b8e3c8;
    color: #207642;
}

.invoice-process-status.ready[b-lr2b1eh2mc],
.invoice-process-step.ready em[b-lr2b1eh2mc] {
    background: #edf7fb;
    border-color: #b9dce9;
    color: #0d6784;
}

.invoice-process-status.review[b-lr2b1eh2mc],
.invoice-process-step.review em[b-lr2b1eh2mc] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.invoice-process-status.open[b-lr2b1eh2mc],
.invoice-process-step.open em[b-lr2b1eh2mc] {
    background: #f5f7fa;
    border-color: #d7e0e8;
    color: #586673;
}

.invoice-alert[b-lr2b1eh2mc] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
}

    .invoice-alert.success[b-lr2b1eh2mc] {
        background: #eef9f2;
        border: 1px solid #b8e3c8;
        color: #25743f;
    }

    .invoice-alert.error[b-lr2b1eh2mc] {
        background: #fff2f3;
        border: 1px solid #f0c1c8;
        color: #b24552;
    }

.invoice-operating-bar[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: minmax(220px, 300px) minmax(220px, 1fr) auto;
    gap: 8px;
    align-items: end;
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #cfd8e3;
    border-radius: 5px;
    background: #ffffff;
}

.invoice-operating-bar label[b-lr2b1eh2mc] {
    display: grid;
    gap: 3px;
    color: #596b77;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.invoice-mass-actions[b-lr2b1eh2mc] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.invoice-operating-grid-shell[b-lr2b1eh2mc] {
    margin-bottom: 12px;
    border: 1px solid #cfd8e3;
    border-radius: 5px;
    background: #ffffff;
    overflow: hidden;
}

.invoice-operating-summary[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(96px, 1fr));
    gap: 1px;
    border-bottom: 1px solid #d7e0e8;
    background: #d7e0e8;
}

.invoice-operating-summary div[b-lr2b1eh2mc] {
    padding: 7px 9px;
    background: #f8fafc;
}

.invoice-operating-summary span[b-lr2b1eh2mc] {
    display: block;
    color: #657483;
    font-size: 0.62rem;
    font-weight: 900;
    text-transform: uppercase;
}

.invoice-operating-summary strong[b-lr2b1eh2mc] {
    display: block;
    margin-top: 2px;
    color: #172b3d;
    font-size: 0.84rem;
    line-height: 1.1;
}

.invoice-operating-table-wrap[b-lr2b1eh2mc] {
    width: 100%;
    overflow-x: auto;
}

.invoice-operating-table[b-lr2b1eh2mc] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.76rem;
}

.invoice-operating-table th[b-lr2b1eh2mc],
.invoice-operating-table td[b-lr2b1eh2mc] {
    height: 30px;
    padding: 3px 6px;
    border-right: 1px solid #d9e2ea;
    border-bottom: 1px solid #e1e7ed;
    color: #223645;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-operating-table th[b-lr2b1eh2mc] {
    background: #f2f6f8;
    color: #4a5d68;
    font-size: 0.66rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.invoice-operating-table tbody tr:hover td[b-lr2b1eh2mc],
.invoice-operating-table tbody tr.selected-row td[b-lr2b1eh2mc] {
    background: #eef8fb;
}

.invoice-filter-head th[b-lr2b1eh2mc] {
    height: 28px;
    background: #ffffff;
}

.invoice-grid-filter[b-lr2b1eh2mc] {
    width: 100%;
    height: 23px;
    border: 1px solid #c4d1dc;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 0.72rem;
}

.invoice-select-col[b-lr2b1eh2mc] {
    width: 34px;
}

.invoice-action-col[b-lr2b1eh2mc],
.invoice-menu-col[b-lr2b1eh2mc] {
    width: 34px;
}

.invoice-grid-icon-button[b-lr2b1eh2mc] {
    width: 24px;
    height: 24px;
    border: 1px solid #becbd6;
    border-radius: 3px;
    background: #ffffff;
    color: #31556a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.56rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.invoice-grid-icon-button:hover:not(:disabled)[b-lr2b1eh2mc],
.invoice-grid-icon-button:focus-visible:not(:disabled)[b-lr2b1eh2mc] {
    border-color: #0d7fc3;
    color: #075f96;
    outline: none;
}

.invoice-grid-icon-button:disabled[b-lr2b1eh2mc] {
    opacity: 0.45;
    cursor: not-allowed;
}

.invoice-operating-table .numeric[b-lr2b1eh2mc] {
    text-align: right;
}

.invoice-operating-table .center[b-lr2b1eh2mc] {
    text-align: center;
}

.invoice-operating-table .clip[b-lr2b1eh2mc] {
    max-width: 1px;
}

.invoice-exception-dot[b-lr2b1eh2mc] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff4ce;
    color: #8a5a00;
    font-size: 0.68rem;
    font-weight: 900;
}

.invoice-row-menu[b-lr2b1eh2mc] {
    position: relative;
}

.invoice-row-menu summary[b-lr2b1eh2mc] {
    width: 24px;
    height: 24px;
    list-style: none;
    border: 1px solid #becbd6;
    border-radius: 3px;
    background: #ffffff;
    color: #31556a;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 20px;
}

.invoice-row-menu summary[b-lr2b1eh2mc]::-webkit-details-marker {
    display: none;
}

.invoice-row-menu div[b-lr2b1eh2mc] {
    position: absolute;
    right: 0;
    z-index: 20;
    display: grid;
    min-width: 140px;
    padding: 4px;
    border: 1px solid #c7d3df;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}

.invoice-row-menu button[b-lr2b1eh2mc] {
    min-height: 28px;
    border: 0;
    background: transparent;
    color: #28495d;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.invoice-row-menu button:hover:not(:disabled)[b-lr2b1eh2mc],
.invoice-row-menu button:focus-visible:not(:disabled)[b-lr2b1eh2mc] {
    background: #eef8fb;
    outline: none;
}

.invoice-row-menu button:disabled[b-lr2b1eh2mc] {
    color: #94a3b1;
    cursor: not-allowed;
}

.invoice-empty[b-lr2b1eh2mc] {
    padding: 14px;
    color: #657483;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
}

.invoice-process-shell[b-lr2b1eh2mc],
.invoice-layout[b-lr2b1eh2mc] {
    display: none;
}

.invoice-layout[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.invoice-left[b-lr2b1eh2mc],
.invoice-right[b-lr2b1eh2mc] {
    min-width: 0;
}

.invoice-panel[b-lr2b1eh2mc],
.invoice-card[b-lr2b1eh2mc],
.invoice-empty-panel[b-lr2b1eh2mc] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

.invoice-panel-header[b-lr2b1eh2mc],
.invoice-card-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e3e8ee;
    flex-wrap: wrap;
}

.invoice-card-header-actions[b-lr2b1eh2mc] {
    align-items: center;
}

.invoice-card-actions[b-lr2b1eh2mc] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.invoice-card-actions-pad[b-lr2b1eh2mc] {
    padding: 0 12px 12px;
}

.invoice-panel-title[b-lr2b1eh2mc],
.invoice-card-title[b-lr2b1eh2mc] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #1f2d3d;
}

.invoice-panel-subtitle[b-lr2b1eh2mc],
.invoice-card-subtitle[b-lr2b1eh2mc] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: #5d6773;
    font-weight: 500;
}

.invoice-panel-count[b-lr2b1eh2mc] {
    font-size: 0.76rem;
    color: #4f5c69;
    font-weight: 700;
    white-space: nowrap;
}

.invoice-filter-row[b-lr2b1eh2mc] {
    padding: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e3e8ee;
}

.invoice-filter-input[b-lr2b1eh2mc],
.invoice-filter-select[b-lr2b1eh2mc] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.invoice-filter-input[b-lr2b1eh2mc] {
    flex: 1;
    min-width: 180px;
}

.invoice-filter-select[b-lr2b1eh2mc] {
    width: 140px;
}

.invoice-batch-list[b-lr2b1eh2mc] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
}

.invoice-batch-row[b-lr2b1eh2mc] {
    width: 100%;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
    cursor: pointer;
    text-align: left;
}

    .invoice-batch-row.selected[b-lr2b1eh2mc] {
        border-color: #099bc6;
        box-shadow: inset 0 0 0 1px rgba(9, 155, 198, 0.20);
        background: #f5fbfd;
    }

.invoice-batch-row-top[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.invoice-batch-row-title[b-lr2b1eh2mc] {
    font-size: 0.84rem;
    font-weight: 800;
    color: #1f2d3d;
}

.invoice-batch-row-meta[b-lr2b1eh2mc],
.invoice-batch-row-stats[b-lr2b1eh2mc],
.invoice-batch-row-financial[b-lr2b1eh2mc] {
    margin-top: 5px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.74rem;
    color: #546272;
    font-weight: 600;
}

.invoice-meta-sep[b-lr2b1eh2mc] {
    color: #9aa6b2;
}

.invoice-status-pill[b-lr2b1eh2mc] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

    .invoice-status-pill.draft[b-lr2b1eh2mc] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .invoice-status-pill.finalized[b-lr2b1eh2mc] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .invoice-status-pill.paid[b-lr2b1eh2mc] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .invoice-status-pill.partial[b-lr2b1eh2mc] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .invoice-status-pill.unpaid[b-lr2b1eh2mc] {
        background: #f6f8fb;
        border-color: #d5dee8;
        color: #526272;
    }

    .invoice-status-pill.credit[b-lr2b1eh2mc] {
        background: #eaf7fb;
        border-color: #addceb;
        color: #0d6784;
    }

.invoice-tracking-pill[b-lr2b1eh2mc] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border: 1px solid #d5dee8;
    border-radius: 999px;
    background: #f6f8fb;
    color: #526272;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

    .invoice-tracking-pill.sent[b-lr2b1eh2mc] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .invoice-tracking-pill.pending[b-lr2b1eh2mc] {
        background: #f6f8fb;
        border-color: #d5dee8;
        color: #526272;
    }

.invoice-summary-grid[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.invoice-card[b-lr2b1eh2mc] {
    overflow: hidden;
}

.invoice-card-wide[b-lr2b1eh2mc] {
    margin-bottom: 12px;
}

.invoice-info-grid[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    padding: 12px;
    font-size: 0.78rem;
    color: #314252;
}

.invoice-checklist[b-lr2b1eh2mc] {
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.invoice-check-item[b-lr2b1eh2mc] {
    border: 1px solid #d8e1ea;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.76rem;
    font-weight: 700;
}

    .invoice-check-item.ready[b-lr2b1eh2mc] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .invoice-check-item.warning[b-lr2b1eh2mc] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

.invoice-guide-grid[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-top: 1px solid #d7dee7;
    background: #fbfcfd;
}

.invoice-guide-grid > div[b-lr2b1eh2mc] {
    padding: 9px 10px;
    border: 1px solid #d7dee7;
    border-radius: 5px;
    background: #ffffff;
}

.invoice-guide-grid span[b-lr2b1eh2mc] {
    display: block;
    margin-bottom: 4px;
    color: #687583;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.invoice-guide-grid strong[b-lr2b1eh2mc] {
    display: block;
    color: #172637;
    font-size: 0.78rem;
    line-height: 1.2;
}

.invoice-guide-grid small[b-lr2b1eh2mc] {
    display: block;
    margin-top: 5px;
    color: #5d6977;
    font-size: 0.67rem;
    font-weight: 650;
    line-height: 1.3;
}

.invoice-help-text[b-lr2b1eh2mc] {
    padding: 0 12px 12px;
    font-size: 0.74rem;
    color: #5c6976;
    line-height: 1.35rem;
}

.invoice-empty-panel[b-lr2b1eh2mc],
.invoice-empty[b-lr2b1eh2mc] {
    padding: 16px;
    color: #5d6773;
    font-size: 0.82rem;
}

.invoice-empty-panel h3[b-lr2b1eh2mc] {
    margin: 0 0 6px;
    font-size: 0.96rem;
    color: #1f2d3d;
}

.invoice-table-wrap[b-lr2b1eh2mc] {
    overflow-x: auto;
}

    .invoice-table-wrap.compact[b-lr2b1eh2mc] {
        margin-top: 8px;
    }

.invoice-table[b-lr2b1eh2mc] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.76rem;
}

    .invoice-table th[b-lr2b1eh2mc] {
        background: #f7f9fb;
        color: #41505f;
        font-size: 0.72rem;
        font-weight: 800;
        text-align: left;
        padding: 8px 10px;
        border-bottom: 1px solid #d9e1ea;
        white-space: nowrap;
    }

    .invoice-table td[b-lr2b1eh2mc] {
        padding: 8px 10px;
        border-bottom: 1px solid #eef2f6;
        color: #2f3d4c;
        vertical-align: top;
    }

    .invoice-table tbody tr.selected-row[b-lr2b1eh2mc] {
        background: #f5fbfd;
    }

.invoice-inline-link[b-lr2b1eh2mc] {
    background: none;
    border: none;
    padding: 0;
    color: #0d6784;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

.invoice-inline-note[b-lr2b1eh2mc] {
    margin-top: 3px;
    font-size: 0.72rem;
    color: #667587;
    line-height: 1.3;
}

.invoice-history-list[b-lr2b1eh2mc] {
    display: grid;
    gap: 10px;
}

.invoice-history-item[b-lr2b1eh2mc] {
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px 12px;
}

.invoice-history-header[b-lr2b1eh2mc] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 0.72rem;
    font-weight: 800;
    color: #516171;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.invoice-history-title[b-lr2b1eh2mc] {
    margin-top: 6px;
    font-size: 0.86rem;
    font-weight: 800;
    color: #213244;
}

.invoice-history-body[b-lr2b1eh2mc] {
    margin-top: 4px;
    color: #33485d;
    line-height: 1.45;
}

.invoice-history-meta[b-lr2b1eh2mc] {
    margin-top: 6px;
    font-size: 0.74rem;
    color: #667587;
}

.invoice-row-actions[b-lr2b1eh2mc] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: nowrap;
}

.invoice-row-icon-button[b-lr2b1eh2mc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 28px;
    padding: 0 7px;
    border: 1px solid #cdd8e3;
    border-radius: 6px;
    background: #ffffff;
    color: #314252;
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    cursor: pointer;
}

    .invoice-row-icon-button:hover:not(:disabled)[b-lr2b1eh2mc] {
        border-color: #0d6784;
        color: #0d6784;
        background: #f5fbfd;
    }

    .invoice-row-icon-button.primary[b-lr2b1eh2mc] {
        border-color: #0d6784;
        background: #0d6784;
        color: #ffffff;
    }

    .invoice-row-icon-button:disabled[b-lr2b1eh2mc] {
        opacity: 0.42;
        cursor: not-allowed;
    }

.invoice-mini-summary-grid[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
}

.invoice-mini-summary-card[b-lr2b1eh2mc] {
    padding: 10px;
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #fbfcfd;
}

.invoice-mini-summary-card.attention[b-lr2b1eh2mc] {
    background: #fff7ea;
    border-color: #f2d29a;
}

.invoice-mini-summary-card.credit[b-lr2b1eh2mc] {
    background: #eaf7fb;
    border-color: #addceb;
}

.invoice-mini-summary-label[b-lr2b1eh2mc] {
    font-size: 0.69rem;
    font-weight: 800;
    color: #5c6976;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.invoice-mini-summary-value[b-lr2b1eh2mc] {
    margin-top: 6px;
    font-size: 1rem;
    font-weight: 800;
    color: #203141;
    line-height: 1.2;
}

.invoice-mini-summary-note[b-lr2b1eh2mc] {
    margin-top: 6px;
    font-size: 0.73rem;
    color: #667587;
    line-height: 1.35;
}

.invoice-card-actions-wrap[b-lr2b1eh2mc] {
    flex-wrap: wrap;
    gap: 8px 10px;
    align-items: center;
}

.invoice-inline-summary[b-lr2b1eh2mc] {
    font-size: 0.73rem;
    font-weight: 700;
    color: #516171;
    line-height: 1.35;
}

.invoice-receipt-subsection[b-lr2b1eh2mc] {
    margin: 0 12px 12px;
    border-top: 1px solid #dce5ed;
    padding-top: 12px;
}

.invoice-section-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.invoice-payment-form-grid[b-lr2b1eh2mc] {
    padding: 0 12px 12px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    align-items: end;
}

.invoice-payment-form-grid label[b-lr2b1eh2mc] {
    display: block;
    margin-bottom: 5px;
    font-size: 0.7rem;
    font-weight: 800;
    color: #5c6976;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.invoice-payment-form-grid-wide[b-lr2b1eh2mc] {
    grid-column: span 2;
}

.invoice-payment-form-actions[b-lr2b1eh2mc] {
    display: flex;
    justify-content: flex-end;
}

.invoice-void-banner[b-lr2b1eh2mc] {
    margin: 0 12px 12px;
    padding: 12px;
    border: 1px solid #f2d29a;
    border-radius: 8px;
    background: #fff7ea;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.invoice-warning-banner[b-lr2b1eh2mc] {
    padding: 10px 12px;
    background: #fff7ea;
    border-bottom: 1px solid #f2d29a;
    color: #8a5b00;
    font-size: 0.76rem;
    font-weight: 700;
}

.invoice-client-preview-grid[b-lr2b1eh2mc],
.invoice-bottom-grid[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
}

.invoice-preview-block[b-lr2b1eh2mc] {
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    padding: 10px;
    background: #fbfcfd;
}

.invoice-preview-label[b-lr2b1eh2mc] {
    font-size: 0.7rem;
    font-weight: 800;
    color: #5c6976;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    margin-bottom: 6px;
}

.invoice-preview-value[b-lr2b1eh2mc] {
    font-size: 0.79rem;
    font-weight: 700;
    color: #203141;
    margin-top: 2px;
}

.invoice-preview-subvalue[b-lr2b1eh2mc] {
    font-size: 0.74rem;
    color: #5c6976;
    margin-top: 3px;
}

.invoice-section-row td[b-lr2b1eh2mc] {
    background: #f7f9fb;
    font-weight: 800;
    color: #26394b;
}

.invoice-total-row td[b-lr2b1eh2mc] {
    font-weight: 800;
    background: #fbfcfd;
}

.invoice-flyout-backdrop[b-lr2b1eh2mc] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(15, 23, 42, 0.38);
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}

.invoice-flyout-panel[b-lr2b1eh2mc] {
    width: min(920px, calc(100vw - 24px));
    height: calc(100vh - 24px);
    margin: 12px;
    border-radius: 12px;
    border: 1px solid #d5dde6;
    background: #f7f9fb;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.invoice-flyout-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #e3e8ee;
    background: #ffffff;
    flex-wrap: wrap;
}

.invoice-flyout-title[b-lr2b1eh2mc] {
    font-size: 0.96rem;
    font-weight: 800;
    color: #1f2d3d;
}

.invoice-flyout-body[b-lr2b1eh2mc] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.invoice-detail-total-strip[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

    .invoice-detail-total-strip > div[b-lr2b1eh2mc] {
        border: 1px solid #d8e1ea;
        border-radius: 8px;
        background: #fbfcfd;
        padding: 10px;
        min-width: 0;
    }

    .invoice-detail-total-strip span[b-lr2b1eh2mc] {
        display: block;
        color: #5c6976;
        font-size: 0.68rem;
        font-weight: 900;
        letter-spacing: 0.03em;
        text-transform: uppercase;
    }

    .invoice-detail-total-strip strong[b-lr2b1eh2mc] {
        display: block;
        margin-top: 5px;
        color: #1f2d3d;
        font-size: 0.94rem;
        font-weight: 900;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.invoice-flyout-body > .invoice-card[b-lr2b1eh2mc] {
    margin-bottom: 12px;
}

.invoice-flyout-body > .invoice-card:last-child[b-lr2b1eh2mc] {
    margin-bottom: 0;
}

.invoice-detail-table td:nth-last-child(-n+3)[b-lr2b1eh2mc],
.invoice-detail-table th:nth-last-child(-n+3)[b-lr2b1eh2mc],
.invoice-summary-table td:nth-last-child(-n+2)[b-lr2b1eh2mc],
.invoice-summary-table th:nth-last-child(-n+2)[b-lr2b1eh2mc] {
    text-align: right;
}

.invoice-header[b-lr2b1eh2mc] {
    gap: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6dee7;
    background: #ffffff;
    padding: 4px 0 10px;
}

.invoice-title-row[b-lr2b1eh2mc] {
    margin-bottom: 4px;
}

.invoice-dot[b-lr2b1eh2mc] {
    background: var(--invoice-ukg-green);
}

.invoice-eyebrow[b-lr2b1eh2mc] {
    margin-bottom: 3px;
    color: #687583;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.invoice-title[b-lr2b1eh2mc] {
    font-size: 1.06rem;
    font-weight: 800;
}

.invoice-subtitle[b-lr2b1eh2mc] {
    max-width: 980px;
    font-size: 0.74rem;
    line-height: 1.35;
}

.invoice-header-right[b-lr2b1eh2mc],
.invoice-icon-rail[b-lr2b1eh2mc] {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-end;
}

.invoice-icon-rail[b-lr2b1eh2mc] {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: transparent;
}

.invoice-icon-button[b-lr2b1eh2mc] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border-radius: 4px;
    background: #ffffff;
}

.invoice-icon-button.primary[b-lr2b1eh2mc],
.invoice-button.primary[b-lr2b1eh2mc],
.invoice-row-icon-button.primary[b-lr2b1eh2mc] {
    background: var(--invoice-ukg-green);
    border-color: var(--invoice-ukg-green);
    color: #ffffff;
}

.invoice-icon-button.primary:hover:not(:disabled)[b-lr2b1eh2mc],
.invoice-button.primary:hover:not(:disabled)[b-lr2b1eh2mc],
.invoice-row-icon-button.primary:hover:not(:disabled)[b-lr2b1eh2mc] {
    background: var(--invoice-ukg-green-dark);
    border-color: var(--invoice-ukg-green-dark);
    color: #ffffff;
}

.invoice-button[b-lr2b1eh2mc],
.invoice-row-icon-button[b-lr2b1eh2mc] {
    min-height: 32px;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
}

.invoice-row-icon-button[b-lr2b1eh2mc] {
    min-width: 30px;
    height: 26px;
    border-radius: 4px;
}

.invoice-process-shell[b-lr2b1eh2mc],
.invoice-panel[b-lr2b1eh2mc],
.invoice-card[b-lr2b1eh2mc],
.invoice-empty-panel[b-lr2b1eh2mc] {
    border-color: var(--invoice-ukg-line);
    border-radius: 5px;
    box-shadow: none;
}

.invoice-process-shell[b-lr2b1eh2mc] {
    background: #ffffff;
}

.invoice-process-header[b-lr2b1eh2mc],
.invoice-panel-header[b-lr2b1eh2mc],
.invoice-card-header[b-lr2b1eh2mc] {
    padding: 9px 12px;
    border-bottom-color: #d7dee7;
    background: #f9fbfc;
}

.invoice-process-title[b-lr2b1eh2mc],
.invoice-panel-title[b-lr2b1eh2mc],
.invoice-card-title[b-lr2b1eh2mc],
.invoice-flyout-title[b-lr2b1eh2mc] {
    color: #172637;
    font-size: 0.9rem;
    font-weight: 800;
}

.invoice-process-meta[b-lr2b1eh2mc] {
    gap: 0;
    border: 1px solid #d7dee7;
    border-radius: 4px;
    overflow: hidden;
}

.invoice-process-meta div[b-lr2b1eh2mc] {
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #fbfcfd;
    padding: 7px 10px;
}

.invoice-process-meta div:last-child[b-lr2b1eh2mc] {
    border-right: 0;
}

.invoice-process-steps[b-lr2b1eh2mc] {
    grid-template-columns: repeat(7, minmax(150px, 1fr));
    border-top: 1px solid #d7dee7;
}

.invoice-process-step[b-lr2b1eh2mc] {
    min-height: 84px;
    padding: 9px 10px;
}

.invoice-process-step:hover[b-lr2b1eh2mc],
.invoice-process-step:focus-visible[b-lr2b1eh2mc] {
    background: #eef8f3;
}

.invoice-process-number[b-lr2b1eh2mc] {
    background: var(--invoice-ukg-blue);
    color: #ffffff;
}

.invoice-filter-row[b-lr2b1eh2mc] {
    padding: 7px 10px;
    border-bottom-color: #d7dee7;
    background: #f7f9fa;
}

.invoice-filter-input[b-lr2b1eh2mc],
.invoice-filter-select[b-lr2b1eh2mc],
.invoice-payment-form-grid input[b-lr2b1eh2mc],
.invoice-payment-form-grid select[b-lr2b1eh2mc] {
    height: 28px;
    border-radius: 3px;
    background: #ffffff;
    font-size: 0.69rem;
}

.invoice-mini-summary-grid[b-lr2b1eh2mc] {
    gap: 0;
    border: 1px solid #d7dee7;
    border-radius: 4px;
    overflow: hidden;
}

.invoice-mini-summary-card[b-lr2b1eh2mc] {
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #fbfcfd;
}

.invoice-mini-summary-card:last-child[b-lr2b1eh2mc] {
    border-right: 0;
}

.invoice-table[b-lr2b1eh2mc] {
    border-collapse: separate;
    border-spacing: 0;
}

.invoice-table th[b-lr2b1eh2mc] {
    background: var(--invoice-ukg-blue);
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid var(--invoice-ukg-blue-dark);
}

.invoice-table td[b-lr2b1eh2mc] {
    border-right: 1px solid #e3e7ec;
}

.invoice-table tbody tr:nth-child(even) td[b-lr2b1eh2mc] {
    background: #f7f8f9;
}

.invoice-table tbody tr:hover td[b-lr2b1eh2mc] {
    background: #eef8f3;
}

.invoice-detail-total-strip[b-lr2b1eh2mc] {
    gap: 0;
    border: 1px solid #d7dee7;
    border-radius: 4px;
    overflow: hidden;
}

.invoice-detail-total-strip > div[b-lr2b1eh2mc] {
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #fbfcfd;
}

.invoice-detail-total-strip > div:last-child[b-lr2b1eh2mc] {
    border-right: 0;
}

.invoice-page > .invoice-layout[b-lr2b1eh2mc] {
    display: none;
}

@media (max-width: 1280px) {
    .invoice-summary-grid[b-lr2b1eh2mc] {
        grid-template-columns: 1fr;
    }

    .invoice-process-steps[b-lr2b1eh2mc] {
        grid-template-columns: repeat(7, minmax(150px, 1fr));
    }

    .invoice-mini-summary-grid[b-lr2b1eh2mc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-detail-total-strip[b-lr2b1eh2mc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .invoice-layout[b-lr2b1eh2mc] {
        grid-template-columns: 1fr;
    }

    .invoice-batch-list[b-lr2b1eh2mc] {
        max-height: none;
    }

    .invoice-payment-form-grid[b-lr2b1eh2mc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .invoice-void-banner[b-lr2b1eh2mc] {
        grid-template-columns: 1fr;
    }

    .invoice-flyout-panel[b-lr2b1eh2mc] {
        width: 100%;
        height: 100vh;
        margin: 0;
        border-radius: 0;
    }
}

@media (max-width: 860px) {
    .invoice-header-right[b-lr2b1eh2mc],
    .invoice-icon-rail[b-lr2b1eh2mc] {
        width: 100%;
        justify-content: flex-start;
    }

    .invoice-process-meta[b-lr2b1eh2mc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 100%;
    }

    .invoice-info-grid[b-lr2b1eh2mc],
    .invoice-guide-grid[b-lr2b1eh2mc],
    .invoice-client-preview-grid[b-lr2b1eh2mc],
    .invoice-bottom-grid[b-lr2b1eh2mc],
    .invoice-mini-summary-grid[b-lr2b1eh2mc],
    .invoice-detail-total-strip[b-lr2b1eh2mc],
    .invoice-payment-form-grid[b-lr2b1eh2mc] {
        grid-template-columns: 1fr;
    }

    .invoice-row-actions[b-lr2b1eh2mc] {
        flex-wrap: wrap;
    }

    .invoice-payment-form-grid-wide[b-lr2b1eh2mc] {
        grid-column: span 1;
    }

    .invoice-payment-form-actions[b-lr2b1eh2mc] {
        justify-content: flex-start;
    }
}

.invoice-page[b-lr2b1eh2mc] {
    --ammon-blue: #0d7fc3;
    --ammon-blue-dark: #075f96;
    --ammon-line: #d7e1e8;
    --ammon-filter: #f2f3f4;
    --ammon-text: #1f2f3c;
    display: grid;
    gap: 10px;
    color: var(--ammon-text);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.invoice-header[b-lr2b1eh2mc] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 0;
    padding: 4px 2px 8px;
    border-bottom: 0;
    background: #ffffff;
    box-shadow: none;
}

.invoice-title-block[b-lr2b1eh2mc] {
    min-width: 260px;
    flex: 1;
}

.invoice-eyebrow[b-lr2b1eh2mc] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.invoice-title-row[b-lr2b1eh2mc] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.invoice-back-button[b-lr2b1eh2mc] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    padding: 0;
}

.invoice-back-button svg[b-lr2b1eh2mc] {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.invoice-back-button:hover[b-lr2b1eh2mc],
.invoice-back-button:focus-visible[b-lr2b1eh2mc] {
    color: var(--ammon-blue);
    outline: none;
}

.invoice-title[b-lr2b1eh2mc] {
    margin: 3px 0 0;
    color: #122e3b;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
}

.invoice-subtitle[b-lr2b1eh2mc] {
    margin-top: 4px;
    max-width: 980px;
    color: #4f6370;
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.3;
}

.invoice-header-right[b-lr2b1eh2mc],
.invoice-icon-rail[b-lr2b1eh2mc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    justify-content: flex-end;
}

.invoice-icon-rail[b-lr2b1eh2mc] {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.invoice-icon-button[b-lr2b1eh2mc] {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    color: #315364;
    letter-spacing: 0;
}

.invoice-icon-button.primary[b-lr2b1eh2mc] {
    width: 32px;
    min-width: 32px;
    border-color: var(--ammon-blue-dark);
    background: var(--ammon-blue);
    color: #ffffff;
}

.invoice-icon-button svg[b-lr2b1eh2mc],
.invoice-grid-icon-button svg[b-lr2b1eh2mc] {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.invoice-button[b-lr2b1eh2mc] {
    min-height: 34px;
    border-radius: 3px;
    padding: 0 13px;
    font-size: 0.78rem;
    font-weight: 700;
}

.invoice-button.secondary[b-lr2b1eh2mc] {
    border-color: #bdccd7;
    background: #ffffff;
    color: #315364;
}

.invoice-operating-bar[b-lr2b1eh2mc],
.invoice-operating-grid-shell[b-lr2b1eh2mc] {
    border-color: var(--ammon-line);
    border-radius: 0;
    box-shadow: none;
}

.invoice-operating-table[b-lr2b1eh2mc] {
    color: #172530;
    font-size: 0.66rem;
}

.invoice-operating-table th[b-lr2b1eh2mc],
.invoice-operating-table td[b-lr2b1eh2mc] {
    height: 30px;
    padding: 3px 5px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
}

.invoice-operating-table th[b-lr2b1eh2mc] {
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: none;
}

.invoice-filter-head th[b-lr2b1eh2mc] {
    height: 55px;
    padding: 4px 5px;
    background: var(--ammon-filter);
    vertical-align: top;
}

.invoice-grid-filter[b-lr2b1eh2mc] {
    height: 20px;
    border-color: #d2d8de;
    border-radius: 1px;
    font-size: 0.62rem;
}

.invoice-select-col[b-lr2b1eh2mc] {
    width: 36px;
}

.invoice-action-col[b-lr2b1eh2mc],
.invoice-menu-col[b-lr2b1eh2mc] {
    width: 26px;
}

.invoice-grid-icon-button[b-lr2b1eh2mc] {
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    color: var(--ammon-blue-dark);
    font-size: 0;
}

.invoice-grid-icon-button svg[b-lr2b1eh2mc] {
    width: 13px;
    height: 13px;
}

.invoice-grid-icon-button:hover:not(:disabled)[b-lr2b1eh2mc],
.invoice-grid-icon-button:focus-visible:not(:disabled)[b-lr2b1eh2mc] {
    border-color: #b8c9d5;
    background: #eef7fc;
    color: #004f84;
}

.invoice-row-menu summary[b-lr2b1eh2mc] {
    width: 18px;
    height: 18px;
    border-color: transparent;
    background: transparent;
    color: var(--ammon-blue-dark);
    line-height: 15px;
}

.invoice-row-menu summary:hover[b-lr2b1eh2mc],
.invoice-row-menu summary:focus-visible[b-lr2b1eh2mc] {
    border-color: #b8c9d5;
    background: #eef7fc;
    outline: none;
}

@media (max-width: 860px) {
    .invoice-header-right[b-lr2b1eh2mc],
    .invoice-icon-rail[b-lr2b1eh2mc] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/JobOrderProfile.razor.rz.scp.css */
.job-order-profile-page[b-3pvlnckjy2] {
    --job-order-accent: #f17080;
    --job-order-accent-dark: #d85b6d;
    --job-order-accent-soft: rgba(241, 112, 128, 0.16);
    --job-order-panel-header: #424242;
    --job-order-panel-header-border: #343434;
    --job-order-control-border: #aeb9c4;
    --job-order-control-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    --job-order-body-font: 0.82rem;
    --job-order-label-font: 0.76rem;
    width: 100%;
    display: grid;
    gap: 12px;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.job-order-profile-header[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) 1px minmax(340px, 0.72fr);
    align-items: stretch;
    gap: 18px;
    padding: 18px 20px 16px;
    border: 1px solid #d1d7dd;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: 0 3px 9px rgba(15, 23, 42, 0.16);
}

.job-order-profile-main[b-3pvlnckjy2] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    min-width: 0;
}

.job-order-company-logo[b-3pvlnckjy2] {
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    border-radius: 2px;
    border: 1px solid #cbd5df;
    background: #ffffff;
    object-fit: contain;
    padding: 6px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.85);
}

.job-order-profile-divider[b-3pvlnckjy2] {
    width: 1px;
    background: #d2d8de;
}

.job-order-profile-meta[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) auto;
    gap: 16px;
    min-width: 0;
}

.job-order-header-facts[b-3pvlnckjy2] {
    display: grid;
    gap: 8px;
    align-content: start;
}

.job-order-header-facts div[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 10px;
    align-items: baseline;
    font-size: 0.9rem;
    line-height: 1.2;
}

.job-order-header-facts span[b-3pvlnckjy2] {
    color: #2f3b47;
    font-weight: 600;
}

.job-order-header-facts strong[b-3pvlnckjy2] {
    color: #086db8;
    font-weight: 500;
    min-width: 0;
    overflow-wrap: anywhere;
}

.job-order-profile-header-left[b-3pvlnckjy2] {
    min-width: 0;
    flex: 1;
}

.job-order-profile-title-row[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 5px;
    flex-wrap: wrap;
}

.job-order-profile-dot[b-3pvlnckjy2] {
    display: none;
}

.job-order-profile-title[b-3pvlnckjy2] {
    margin: 0;
    font-size: 1.55rem;
    font-weight: 500;
    color: #2b333c;
    line-height: 1.1;
}

.job-order-profile-client-line[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 3px;
    font-size: 1.02rem;
    color: #2f3a44;
    line-height: 1.2;
}

.job-order-profile-client-name[b-3pvlnckjy2] {
    color: #006fba;
    font-size: 1.03rem;
    font-weight: 500;
}

.job-order-profile-client-sep[b-3pvlnckjy2] {
    color: #4b5560;
    font-weight: 600;
}

.job-order-profile-location-line[b-3pvlnckjy2] {
    margin-bottom: 8px;
    color: #a3aab1;
    font-size: 1.06rem;
    line-height: 1.2;
}

.job-order-stage-row[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.job-order-stage-select[b-3pvlnckjy2] {
    min-width: 180px;
    height: 31px;
    display: flex;
    align-items: center;
    padding: 0 32px 0 10px;
    border: 1px solid #c6ced8;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #f5f7f9 100%);
    color: #27333f;
    font-size: 0.82rem;
    font-weight: 400;
    position: relative;
}

.job-order-stage-select[b-3pvlnckjy2]::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 0;
    height: 0;
    margin-top: -2px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #303a44;
}

.job-order-header-icon[b-3pvlnckjy2] {
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    border: 1px solid #0074c8;
    background: #ffffff;
    color: #0074c8;
    font-size: 0.78rem;
    font-weight: 700;
    box-shadow: 0 2px 4px rgba(15, 23, 42, 0.12);
    opacity: 1;
}

.job-order-profile-subtitle[b-3pvlnckjy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 0.79rem;
    color: #4c5661;
    line-height: 1.2rem;
    font-weight: 400;
}

.job-order-profile-subtitle strong[b-3pvlnckjy2] {
    color: #27313c;
    font-weight: 600;
}

.job-order-profile-sub-sep[b-3pvlnckjy2] {
    color: #a2abb4;
}

.job-order-profile-header-right[b-3pvlnckjy2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    justify-content: space-between;
}

.job-order-profile-button[b-3pvlnckjy2] {
    height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
}

.job-order-profile-button.primary[b-3pvlnckjy2],
.job-order-profile-button.save[b-3pvlnckjy2] {
    background: var(--job-order-accent);
    color: white;
    border-color: var(--job-order-accent-dark);
    box-shadow: 0 2px 5px rgba(167, 55, 69, 0.24);
}

.job-order-profile-button.primary:hover[b-3pvlnckjy2],
.job-order-profile-button.save:hover[b-3pvlnckjy2],
.job-order-profile-button.primary:focus-visible[b-3pvlnckjy2],
.job-order-profile-button.save:focus-visible[b-3pvlnckjy2] {
    background: var(--job-order-accent-dark);
    border-color: var(--job-order-accent-dark);
}

.job-order-profile-button.secondary[b-3pvlnckjy2] {
    background: #f8f9fb;
    color: #5a6570;
    border-color: #cfd7e2;
}

.job-order-header-pill[b-3pvlnckjy2] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 3px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.job-order-header-pill.status.positive[b-3pvlnckjy2] {
    background: #eef8f1;
    border: 1px solid #bbdec3;
    color: #216940;
}

.job-order-header-pill.status.warning[b-3pvlnckjy2] {
    background: #fff6e8;
    border: 1px solid #eed5a4;
    color: #926100;
}

.job-order-header-pill.status.neutral[b-3pvlnckjy2] {
    background: #edf2f7;
    border: 1px solid #d2dce6;
    color: #4f6172;
}

.job-order-header-pill.status.danger[b-3pvlnckjy2] {
    background: #fff1f3;
    border: 1px solid #edc1cb;
    color: #b33d4f;
}

.job-order-header-pill.workflow[b-3pvlnckjy2] {
    background: #0d88cf;
    border: 1px solid #0d88cf;
    color: #ffffff;
}

.job-order-header-pill.posting[b-3pvlnckjy2] {
    background: #0073bd;
    border: 1px solid #0073bd;
    color: #ffffff;
}

.job-order-widget-toolbar[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px 10px;
    border: 1px solid #d2d8de;
    border-radius: 2px;
    background: #f6f8fa;
}

.job-order-widget-toolbar-title[b-3pvlnckjy2] {
    color: #26323e;
    font-size: 0.82rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.job-order-widget-toolbar-copy[b-3pvlnckjy2] {
    margin-top: 2px;
    color: #65727f;
    font-size: 0.76rem;
    font-weight: 400;
}

.job-order-widget-toolbar-actions[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.job-order-tabs[b-3pvlnckjy2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border-bottom: 1px solid #d8dde3;
}

.job-order-tab[b-3pvlnckjy2] {
    background: #f5f7fa;
    color: #44515f;
    border: 1px solid #d8dde3;
    border-bottom: none;
    padding: 8px 12px;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    margin-right: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.job-order-tab:hover[b-3pvlnckjy2] {
    background: #eef3f7;
}

.job-order-tab.active[b-3pvlnckjy2] {
    background: #ffffff;
    color: #099bc6;
    border-top: 3px solid #099bc6;
    padding-top: 6px;
    position: relative;
    top: 1px;
}

.job-order-profile-grid[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    grid-auto-rows: minmax(248px, auto);
    align-items: stretch;
    gap: 12px;
}

.job-order-card[b-3pvlnckjy2] {
    background: #ffffff;
    border: 1px solid #cfd6dd;
    border-radius: 2px;
    padding: 12px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12);
    min-height: 248px;
    font-size: var(--job-order-body-font);
    color: #26323e;
}

.job-order-card h3[b-3pvlnckjy2] {
    margin: -12px -12px 12px -12px;
    min-height: 40px;
    display: flex;
    align-items: center;
    background: var(--job-order-panel-header);
    color: #ffffff;
    padding: 0 14px;
    border-bottom: 1px solid var(--job-order-panel-header-border);
    border-radius: 2px 2px 0 0;
    font-size: 0.86rem;
    font-weight: 600;
    letter-spacing: 0;
}

.job-order-card-wide[b-3pvlnckjy2] {
    grid-column: 1 / -1;
    min-height: 0;
}

.job-order-info-grid[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.job-order-address-block[b-3pvlnckjy2] {
    font-size: 0.82rem;
    color: #26323e;
    line-height: 1.3rem;
}

.job-order-form-grid[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

.job-order-form-grid label[b-3pvlnckjy2] {
    display: block;
    margin-bottom: 4px;
    font-size: var(--job-order-label-font);
    font-weight: 600;
    color: #465463;
    letter-spacing: 0.01em;
}

.job-order-profile-page .form-control[b-3pvlnckjy2],
.job-order-profile-page .form-select[b-3pvlnckjy2],
.job-order-profile-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])[b-3pvlnckjy2],
.job-order-profile-page select[b-3pvlnckjy2],
.job-order-profile-page textarea[b-3pvlnckjy2] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid var(--job-order-control-border);
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    box-shadow: var(--job-order-control-shadow);
    box-sizing: border-box;
    font-size: var(--job-order-body-font);
    font-weight: 400;
    line-height: 1.25;
}

.job-order-profile-page textarea[b-3pvlnckjy2],
.job-order-profile-page .form-control[rows][b-3pvlnckjy2] {
    min-height: 92px;
    resize: vertical;
}

.job-order-profile-page .form-control:focus[b-3pvlnckjy2],
.job-order-profile-page .form-select:focus[b-3pvlnckjy2],
.job-order-profile-page input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus[b-3pvlnckjy2],
.job-order-profile-page select:focus[b-3pvlnckjy2],
.job-order-profile-page textarea:focus[b-3pvlnckjy2] {
    border-color: var(--job-order-accent);
    outline: 2px solid var(--job-order-accent-soft);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(241, 112, 128, 0.18), var(--job-order-control-shadow);
}

.job-order-profile-page .form-control:disabled[b-3pvlnckjy2],
.job-order-profile-page .form-select:disabled[b-3pvlnckjy2],
.job-order-profile-page input:disabled[b-3pvlnckjy2],
.job-order-profile-page select:disabled[b-3pvlnckjy2],
.job-order-profile-page textarea:disabled[b-3pvlnckjy2] {
    background: #eef1f4;
    color: #6b7682;
    cursor: not-allowed;
}

.job-order-profile-page input[type="checkbox"][b-3pvlnckjy2],
.job-order-profile-page .form-check-input[b-3pvlnckjy2] {
    position: relative;
    width: 13px;
    height: 13px;
    min-height: 13px;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.job-order-profile-page input[type="checkbox"]:checked[b-3pvlnckjy2]::after,
.job-order-profile-page .form-check-input:checked[b-3pvlnckjy2]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.job-order-profile-page input[type="checkbox"]:focus-visible[b-3pvlnckjy2],
.job-order-profile-page .form-check-input:focus-visible[b-3pvlnckjy2] {
    outline: 2px solid rgba(13, 136, 207, 0.18);
    outline-offset: 1px;
}

.job-order-form-grid-full[b-3pvlnckjy2] {
    grid-column: 1 / -1;
}

.job-order-checkbox-wrap[b-3pvlnckjy2] {
    min-height: 32px;
    display: flex;
    align-items: center;
}

.job-order-inline-actions[b-3pvlnckjy2] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}

.job-order-grid-table .job-order-inline-actions[b-3pvlnckjy2] {
    margin-top: 0;
}

.job-order-days-grid[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 8px 12px;
    padding-top: 2px;
}

.job-order-days-grid label[b-3pvlnckjy2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
    font-size: 0.8rem;
    font-weight: 400;
    color: #2f3c49;
}

.job-order-summary-text[b-3pvlnckjy2] {
    font-size: 0.82rem;
    color: #26323e;
    white-space: pre-wrap;
    line-height: 1.35rem;
}

.job-order-note-block[b-3pvlnckjy2] {
    margin-bottom: 14px;
}

.job-order-note-block:last-child[b-3pvlnckjy2] {
    margin-bottom: 0;
}

.job-order-note-title[b-3pvlnckjy2] {
    font-size: 0.77rem;
    font-weight: 600;
    color: #465463;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.job-order-tab-placeholder[b-3pvlnckjy2] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 16px;
}

.job-order-tab-placeholder h3[b-3pvlnckjy2] {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    color: #1f2d3d;
}

.job-order-tab-placeholder p[b-3pvlnckjy2] {
    margin: 0;
    font-size: 0.82rem;
    color: #536171;
}

.job-order-section-header[b-3pvlnckjy2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: -12px -12px 12px -12px;
    min-height: 40px;
    padding: 6px 12px;
    background: var(--job-order-panel-header);
    color: #ffffff;
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid var(--job-order-panel-header-border);
    flex-wrap: wrap;
}

.job-order-section-header h3[b-3pvlnckjy2] {
    margin: 0;
    padding: 0;
    border: none;
    min-height: 0;
    background: transparent;
    color: #ffffff;
    font-weight: 600;
}

.job-order-table-wrap[b-3pvlnckjy2] {
    width: 100%;
    overflow-x: auto;
}

.job-order-grid-table[b-3pvlnckjy2] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.job-order-grid-table thead th[b-3pvlnckjy2] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.77rem;
    font-weight: 600;
    text-align: left;
    padding: 7px 10px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
    letter-spacing: 0.01em;
}

.job-order-grid-table tbody td[b-3pvlnckjy2] {
    font-size: 0.8rem;
    color: #24313d;
    font-weight: 400;
    padding: 7px 10px;
    border-bottom: 1px solid #e3e8ee;
    vertical-align: middle;
    white-space: nowrap;
    line-height: 1.1rem;
}

.job-order-grid-table tbody tr:nth-child(odd)[b-3pvlnckjy2] {
    background: #fcfdfe;
}

.job-order-grid-table tbody tr:nth-child(even)[b-3pvlnckjy2] {
    background: #f6f8fa;
}

.job-order-grid-table tbody tr:hover[b-3pvlnckjy2] {
    background: #eaf7fc;
}

.inline-link-button[b-3pvlnckjy2] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

.inline-link-button:hover[b-3pvlnckjy2] {
    text-decoration: underline;
}

.job-order-profile-page[b-3pvlnckjy2]  .card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.job-order-profile-page[b-3pvlnckjy2]  .card-body {
    padding: 0;
    color: #26323e;
    font-size: var(--job-order-body-font);
    font-weight: 400;
}

.job-order-profile-page[b-3pvlnckjy2]  .card-title,
.job-order-profile-page[b-3pvlnckjy2]  h5 {
    margin: 0 0 4px;
    color: #26323e;
    font-size: 0.86rem;
    font-weight: 600;
}

.job-order-profile-page[b-3pvlnckjy2]  .text-muted,
.job-order-profile-page[b-3pvlnckjy2]  .small {
    color: #5e6c79 !important;
    font-size: 0.76rem;
    font-weight: 400;
}

.job-order-profile-page[b-3pvlnckjy2]  .border.rounded,
.job-order-profile-page[b-3pvlnckjy2]  .border {
    border: 1px solid #d2dae3 !important;
    border-radius: 2px !important;
    background: #fbfcfd;
}

.job-order-profile-page[b-3pvlnckjy2]  .p-3 {
    padding: 10px !important;
}

.job-order-profile-page[b-3pvlnckjy2]  .mb-3 {
    margin-bottom: 10px !important;
}

.job-order-profile-page[b-3pvlnckjy2]  .form-label {
    margin-bottom: 4px;
    color: #465463;
    font-size: var(--job-order-label-font);
    font-weight: 600;
    letter-spacing: 0.01em;
}

.job-order-profile-page[b-3pvlnckjy2]  .form-control,
.job-order-profile-page[b-3pvlnckjy2]  .form-select,
.job-order-profile-page[b-3pvlnckjy2]  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]),
.job-order-profile-page[b-3pvlnckjy2]  select,
.job-order-profile-page[b-3pvlnckjy2]  textarea {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid var(--job-order-control-border);
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    box-shadow: var(--job-order-control-shadow);
    box-sizing: border-box;
    font-size: var(--job-order-body-font);
    font-weight: 400;
    line-height: 1.25;
}

.job-order-profile-page[b-3pvlnckjy2]  textarea,
.job-order-profile-page[b-3pvlnckjy2]  .form-control[rows] {
    min-height: 92px;
    resize: vertical;
}

.job-order-profile-page[b-3pvlnckjy2]  .form-control:focus,
.job-order-profile-page[b-3pvlnckjy2]  .form-select:focus,
.job-order-profile-page[b-3pvlnckjy2]  input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus,
.job-order-profile-page[b-3pvlnckjy2]  select:focus,
.job-order-profile-page[b-3pvlnckjy2]  textarea:focus {
    border-color: var(--job-order-accent);
    outline: 2px solid var(--job-order-accent-soft);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(241, 112, 128, 0.18), var(--job-order-control-shadow);
}

.job-order-profile-page[b-3pvlnckjy2]  input[type="checkbox"],
.job-order-profile-page[b-3pvlnckjy2]  .form-check-input {
    position: relative;
    width: 13px;
    height: 13px;
    min-height: 13px;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.job-order-profile-page[b-3pvlnckjy2]  input[type="checkbox"]:checked::after,
.job-order-profile-page[b-3pvlnckjy2]  .form-check-input:checked::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.job-order-profile-page[b-3pvlnckjy2]  input[type="checkbox"]:focus-visible,
.job-order-profile-page[b-3pvlnckjy2]  .form-check-input:focus-visible {
    outline: 2px solid rgba(13, 136, 207, 0.18);
    outline-offset: 1px;
}

.job-order-profile-page[b-3pvlnckjy2]  .btn {
    min-height: 30px;
    border-radius: 3px;
    padding: 5px 10px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.15;
}

.job-order-profile-page[b-3pvlnckjy2]  .btn-primary {
    background: var(--job-order-accent);
    border-color: var(--job-order-accent-dark);
    color: #ffffff;
}

.job-order-profile-page[b-3pvlnckjy2]  .btn-primary:hover,
.job-order-profile-page[b-3pvlnckjy2]  .btn-primary:focus-visible {
    background: var(--job-order-accent-dark);
    border-color: var(--job-order-accent-dark);
}

.job-order-profile-page[b-3pvlnckjy2]  .btn-outline-secondary,
.job-order-profile-page[b-3pvlnckjy2]  .btn-secondary {
    background: #f8f9fb;
    border-color: #cfd7e2;
    color: #4d5965;
}

.job-order-profile-page[b-3pvlnckjy2]  .alert {
    border-radius: 2px;
    padding: 7px 10px;
    font-size: 0.8rem;
    font-weight: 500;
}

.job-order-profile-page[b-3pvlnckjy2]  .table {
    margin-bottom: 0;
    color: #26323e;
    font-size: 0.8rem;
}

.job-order-profile-page[b-3pvlnckjy2]  .table thead th {
    background: #f3f6f9;
    color: #304150;
    border-bottom: 1px solid #d7e0ea;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 7px 9px;
    white-space: nowrap;
}

.job-order-profile-page[b-3pvlnckjy2]  .table tbody td {
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.79rem;
    font-weight: 400;
    padding: 7px 9px;
    vertical-align: middle;
}

.job-order-modal-scrim[b-3pvlnckjy2] {
    position: fixed;
    inset: 0;
    background: rgba(12, 22, 35, 0.48);
    z-index: 1200;
}

.job-order-confirm-modal[b-3pvlnckjy2] {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(460px, calc(100% - 24px));
    border: 1px solid #d7e0e9;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 20px 40px rgba(8, 19, 31, 0.24);
    padding: 18px;
    z-index: 1201;
    display: grid;
    gap: 14px;
}

.job-order-confirm-modal-title[b-3pvlnckjy2] {
    font-size: 1rem;
    font-weight: 700;
    color: #203142;
}

.job-order-confirm-modal-copy[b-3pvlnckjy2] {
    font-size: 0.84rem;
    color: #4f5f6f;
    line-height: 1.45;
}

.job-order-confirm-modal-actions[b-3pvlnckjy2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.job-order-flyout-scrim[b-3pvlnckjy2] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.42);
    z-index: 1300;
    animation: jobOrderSideFlyoutBackdropIn-b-3pvlnckjy2 300ms ease-out both;
}

.job-order-edit-flyout-scrim[b-3pvlnckjy2] {
    position: fixed;
    inset: 0;
    z-index: 1320;
    background: transparent;
    animation: none;
}

.job-order-edit-flyout-scrim.closing[b-3pvlnckjy2] {
    pointer-events: none;
}

.job-order-edit-flyout-panel[b-3pvlnckjy2] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(1120px, 100%);
    height: 100vh;
    z-index: 1321;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    transform: translate3d(0, 0, 0);
    animation: jobOrderEditFlyoutSlideIn-b-3pvlnckjy2 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.job-order-edit-flyout-panel.closing[b-3pvlnckjy2] {
    pointer-events: none;
    animation: jobOrderEditFlyoutSlideOut-b-3pvlnckjy2 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.job-order-edit-flyout-header[b-3pvlnckjy2] {
    min-height: 48px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #424242;
    color: #ffffff;
}

.job-order-edit-flyout-kicker[b-3pvlnckjy2] {
    color: #d7d7d7;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.job-order-edit-flyout-header h2[b-3pvlnckjy2] {
    margin: 0;
    font-size: 0.96rem;
    font-weight: 700;
}

.job-order-edit-flyout-close[b-3pvlnckjy2] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.job-order-edit-flyout-body[b-3pvlnckjy2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 16px;
    background: #ffffff;
}

.job-order-side-flyout[b-3pvlnckjy2] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(980px, 100%);
    height: 100vh;
    z-index: 1301;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -18px 0 36px rgba(15, 23, 42, 0.24);
    transform: translate3d(0, 0, 0);
    animation: jobOrderSideFlyoutSlideIn-b-3pvlnckjy2 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
    will-change: transform;
}

.job-order-side-flyout-header[b-3pvlnckjy2] {
    min-height: 48px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #424242;
    color: #ffffff;
}

.job-order-side-flyout-kicker[b-3pvlnckjy2] {
    color: #d7d7d7;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.job-order-side-flyout-header h2[b-3pvlnckjy2] {
    margin: 0;
    font-size: 0.98rem;
    font-weight: 600;
}

.job-order-side-flyout-close[b-3pvlnckjy2] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.job-order-side-flyout-body[b-3pvlnckjy2] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 12px 14px 16px;
    background: #ffffff;
}

.job-order-side-flyout-footer[b-3pvlnckjy2] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 14px;
    border-top: 1px solid #d9e0e7;
    background: #f7f9fb;
}

.job-order-flyout-summary[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.job-order-flyout-summary div[b-3pvlnckjy2] {
    border: 1px solid #d6dee6;
    border-radius: 2px;
    background: #f9fbfd;
    padding: 8px 10px;
}

.job-order-flyout-summary span[b-3pvlnckjy2] {
    display: block;
    color: #6b7784;
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.job-order-flyout-summary strong[b-3pvlnckjy2] {
    display: block;
    margin-top: 4px;
    color: #26323e;
    font-size: 0.82rem;
    line-height: 1.25;
}

@keyframes jobOrderSideFlyoutBackdropIn-b-3pvlnckjy2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes jobOrderSideFlyoutSlideIn-b-3pvlnckjy2 {
    from {
        transform: translate3d(100%, 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jobOrderEditFlyoutSlideIn-b-3pvlnckjy2 {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jobOrderEditFlyoutSlideOut-b-3pvlnckjy2 {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .job-order-flyout-scrim[b-3pvlnckjy2],
    .job-order-side-flyout[b-3pvlnckjy2] {
        animation: none;
    }
}

@media (max-width: 1200px) {
    .job-order-profile-header[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }

    .job-order-profile-divider[b-3pvlnckjy2] {
        width: 100%;
        height: 1px;
    }

    .job-order-profile-grid[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }

    .job-order-info-grid[b-3pvlnckjy2],
    .job-order-form-grid[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }

    .job-order-form-grid-full[b-3pvlnckjy2] {
        grid-column: auto;
    }

    .job-order-days-grid[b-3pvlnckjy2] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .job-order-flyout-summary[b-3pvlnckjy2] {
        grid-template-columns: repeat(2, minmax(130px, 1fr));
    }
}

@media (max-width: 900px) {
    .job-order-profile-header[b-3pvlnckjy2] {
        gap: 14px;
        padding: 14px;
    }

    .job-order-profile-main[b-3pvlnckjy2],
    .job-order-profile-meta[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }

    .job-order-profile-meta[b-3pvlnckjy2] {
        display: grid;
    }

    .job-order-profile-title[b-3pvlnckjy2] {
        font-size: 1.35rem;
    }

    .job-order-section-header[b-3pvlnckjy2] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .job-order-profile-main[b-3pvlnckjy2] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .job-order-company-logo[b-3pvlnckjy2] {
        width: 74px;
        height: 74px;
        flex-basis: 74px;
    }

    .job-order-header-facts div[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .job-order-profile-header-right[b-3pvlnckjy2] {
        flex-direction: row;
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .job-order-days-grid[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }

    .job-order-flyout-summary[b-3pvlnckjy2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/JobOrders.razor.rz.scp.css */
.job-order-page[b-p4at7v99tj] {
    width: 100%;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.job-order-module-header[b-p4at7v99tj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.job-order-module-title-wrap[b-p4at7v99tj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.job-order-module-dot[b-p4at7v99tj] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #099bc6;
    flex-shrink: 0;
}

.job-order-module-title[b-p4at7v99tj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #1f2d3d;
    line-height: 1.15;
}

.job-order-module-filters[b-p4at7v99tj] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.job-order-search-input[b-p4at7v99tj],
.job-order-filter-input[b-p4at7v99tj],
.job-order-page-size-select[b-p4at7v99tj] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 400;
    color: #2f2f2f;
    box-sizing: border-box;
}

.job-order-search-input[b-p4at7v99tj] {
    width: 320px;
    max-width: 100%;
}

.job-order-filter-input[b-p4at7v99tj] {
    width: 100%;
    min-width: 90px;
    font-weight: 500;
}

.job-order-filter-select[b-p4at7v99tj] {
    min-width: 110px;
}

.job-order-filter-date[b-p4at7v99tj] {
    min-width: 136px;
}

.job-order-action-button[b-p4at7v99tj] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    font-family: inherit;
}

    .job-order-action-button.search[b-p4at7v99tj] {
        background: #099bc6;
        color: white;
    }

    .job-order-action-button.create[b-p4at7v99tj] {
        background: #f17080;
        color: #ffffff;
        border-color: #d85b6d;
        box-shadow: 0 2px 6px rgba(167, 55, 69, 0.20);
    }

    .job-order-action-button.create:hover[b-p4at7v99tj],
    .job-order-action-button.create:focus-visible[b-p4at7v99tj] {
        background: #d85b6d;
        border-color: #d85b6d;
    }

    .job-order-action-button.clear[b-p4at7v99tj] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .job-order-action-button.compact[b-p4at7v99tj] {
        height: 30px;
        padding: 0 10px;
    }

.job-order-grid-panel[b-p4at7v99tj] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.job-order-grid-headerbar[b-p4at7v99tj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.job-order-grid-title[b-p4at7v99tj] {
    font-size: 0.86rem;
    font-weight: 600;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.job-order-grid-count[b-p4at7v99tj] {
    margin-top: 2px;
    font-size: 0.76rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 400;
}

.job-order-grid-utilities[b-p4at7v99tj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.job-order-page-size[b-p4at7v99tj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 600;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.job-order-page-size-select[b-p4at7v99tj] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.job-order-empty[b-p4at7v99tj] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.job-order-table-wrap[b-p4at7v99tj] {
    width: 100%;
    overflow-x: auto;
}

.job-order-table[b-p4at7v99tj] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .job-order-table thead th[b-p4at7v99tj] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.75rem;
        font-weight: 600;
        text-align: left;
        padding: 6px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .job-order-table tbody td[b-p4at7v99tj] {
        font-size: 0.79rem;
        font-weight: 400;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .job-order-table tbody tr[b-p4at7v99tj] {
        cursor: pointer;
        transition: background 0.10s ease;
    }

        .job-order-table tbody tr:nth-child(odd)[b-p4at7v99tj] {
            background: #fcfdfe;
        }

        .job-order-table tbody tr:nth-child(even)[b-p4at7v99tj] {
            background: #f6f8fa;
        }

        .job-order-table tbody tr:hover[b-p4at7v99tj],
        .job-order-table tbody tr:focus-within[b-p4at7v99tj] {
            background: #eaf7fc;
        }

.job-order-filter-row th[b-p4at7v99tj] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.job-order-sort-button[b-p4at7v99tj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.job-order-status-pill[b-p4at7v99tj] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 600;
    white-space: nowrap;
}

    .job-order-status-pill.positive[b-p4at7v99tj] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .job-order-status-pill.warning[b-p4at7v99tj] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .job-order-status-pill.danger[b-p4at7v99tj] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .job-order-status-pill.neutral[b-p4at7v99tj] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.inline-link-button[b-p4at7v99tj] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.79rem;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-p4at7v99tj] {
        text-decoration: underline;
    }

.job-order-grid-footer[b-p4at7v99tj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.job-order-footer-button[b-p4at7v99tj] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 600;
    font-family: inherit;
    cursor: pointer;
}

    .job-order-footer-button:disabled[b-p4at7v99tj] {
        opacity: 0.55;
        cursor: default;
    }

.job-order-page-indicator[b-p4at7v99tj],
.job-order-grid-footer-summary[b-p4at7v99tj] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 400;
}

.job-order-create-flyout-scrim[b-p4at7v99tj] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 1100;
    animation: none;
}

.job-order-create-flyout-panel[b-p4at7v99tj] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(1120px, 100%);
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    z-index: 1101;
    display: flex;
    flex-direction: column;
    transform: translate3d(0, 0, 0);
    animation: jobOrdersCreateFlyoutSlideIn-b-p4at7v99tj 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.job-order-create-flyout-scrim.closing[b-p4at7v99tj] {
    pointer-events: none;
    animation: none;
}

.job-order-create-flyout-panel.closing[b-p4at7v99tj] {
    pointer-events: none;
    animation: jobOrdersCreateFlyoutSlideOut-b-p4at7v99tj 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.job-order-create-flyout-header[b-p4at7v99tj] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 14px;
    background: #424242;
    color: #ffffff;
    flex: 0 0 auto;
}

.job-order-create-flyout-kicker[b-p4at7v99tj] {
    font-size: 0.68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #d7d7d7;
}

.job-order-create-flyout-header h2[b-p4at7v99tj] {
    margin: 0;
    font-size: 0.96rem;
    font-weight: 600;
}

.job-order-create-flyout-close[b-p4at7v99tj] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.job-order-create-flyout-body[b-p4at7v99tj] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    background: #ffffff;
    padding: 10px 14px 16px;
}

@keyframes jobOrdersCreateFlyoutBackdropIn-b-p4at7v99tj {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes jobOrdersCreateFlyoutSlideIn-b-p4at7v99tj {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes jobOrdersCreateFlyoutBackdropOut-b-p4at7v99tj {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes jobOrdersCreateFlyoutSlideOut-b-p4at7v99tj {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .job-order-create-flyout-panel[b-p4at7v99tj] {
        animation-duration: 1400ms;
    }

    .job-order-create-flyout-panel.closing[b-p4at7v99tj] {
        animation-duration: 1400ms;
    }
}

@media (max-width: 1200px) {
    .job-order-module-filters[b-p4at7v99tj] {
        justify-content: flex-start;
        width: 100%;
    }

    .job-order-search-input[b-p4at7v99tj] {
        width: 100%;
    }

    .job-order-grid-utilities[b-p4at7v99tj] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .job-order-grid-footer[b-p4at7v99tj] {
        justify-content: center;
    }

    .job-order-grid-footer-summary[b-p4at7v99tj] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-98fh6cbaf5] {
    width: 100%;
    max-width: 760px;
}

.not-found-panel[b-98fh6cbaf5] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    box-shadow: inset 0 3px 0 rgba(10, 118, 200, 0.10);
    padding: 18px;
}

.not-found-title-row[b-98fh6cbaf5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.not-found-dot[b-98fh6cbaf5] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.not-found-title[b-98fh6cbaf5] {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.not-found-copy[b-98fh6cbaf5] {
    font-size: 0.82rem;
    color: #4f5c69;
    line-height: 1.35rem;
    font-weight: 500;
}

.not-found-action-grid[b-98fh6cbaf5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 14px;
}

.not-found-link[b-98fh6cbaf5] {
    min-height: 36px;
    border-radius: 6px;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    font-size: 0.80rem;
    font-weight: 700;
}

    .not-found-link.primary[b-98fh6cbaf5] {
        background: #099bc6;
        color: #ffffff;
    }

    .not-found-link.secondary[b-98fh6cbaf5] {
        background: #f8f9fb;
        border-color: #cfd7e2;
        color: #5a6570;
    }

@media (max-width: 900px) {
    .not-found-action-grid[b-98fh6cbaf5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .not-found-action-grid[b-98fh6cbaf5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/OnboardingStaffTasks.razor.rz.scp.css */
.staff-tasks-page[b-wzmxh2h6wo] {
    width: 100%;
}

.staff-tasks-header[b-wzmxh2h6wo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.staff-tasks-title-wrap[b-wzmxh2h6wo] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.staff-tasks-dot[b-wzmxh2h6wo] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.staff-tasks-title[b-wzmxh2h6wo] {
    margin: 0;
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.15;
}

.staff-tasks-subtitle[b-wzmxh2h6wo] {
    margin-top: 3px;
    color: #637182;
    font-size: 0.74rem;
    font-weight: 500;
}

.staff-tasks-header-actions[b-wzmxh2h6wo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
    flex: 1;
}

.staff-tasks-search[b-wzmxh2h6wo],
.staff-tasks-filter[b-wzmxh2h6wo] {
    height: 30px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #24313d;
    font-size: 0.74rem;
    font-weight: 500;
    padding: 0 9px;
    box-sizing: border-box;
}

.staff-tasks-search[b-wzmxh2h6wo] {
    width: 248px;
}

.staff-tasks-filter[b-wzmxh2h6wo] {
    width: 156px;
}

.staff-tasks-button[b-wzmxh2h6wo],
.staff-tasks-mini-action[b-wzmxh2h6wo] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.staff-tasks-button.primary[b-wzmxh2h6wo],
.staff-tasks-mini-action.primary[b-wzmxh2h6wo] {
    background: #0a76c8;
    color: #ffffff;
}

.staff-tasks-button.secondary[b-wzmxh2h6wo],
.staff-tasks-mini-action[b-wzmxh2h6wo] {
    background: #f7f9fb;
    border-color: #cfd7e2;
    color: #536171;
}

.staff-tasks-button:disabled[b-wzmxh2h6wo],
.staff-tasks-mini-action:disabled[b-wzmxh2h6wo] {
    opacity: 0.55;
    cursor: not-allowed;
}

.staff-tasks-alert[b-wzmxh2h6wo] {
    margin-bottom: 8px;
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
}

.staff-tasks-alert.success[b-wzmxh2h6wo] {
    border: 1px solid #b8e3c8;
    background: #eef9f2;
    color: #25743f;
}

.staff-tasks-alert.error[b-wzmxh2h6wo] {
    border: 1px solid #f0c1c8;
    background: #fff2f3;
    color: #b24552;
}

.staff-tasks-modebar[b-wzmxh2h6wo] {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin-bottom: 8px;
    overflow-x: auto;
    padding-bottom: 1px;
}

.staff-tasks-mode-button[b-wzmxh2h6wo] {
    min-width: 118px;
    min-height: 42px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #334456;
    cursor: pointer;
}

.staff-tasks-mode-button span[b-wzmxh2h6wo] {
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: left;
}

.staff-tasks-mode-button strong[b-wzmxh2h6wo] {
    min-width: 28px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #edf2f6;
    color: #314050;
    font-size: 0.75rem;
    font-weight: 900;
}

.staff-tasks-mode-button.active[b-wzmxh2h6wo] {
    border-color: #0a76c8;
    background: #eef7fd;
    color: #075a98;
}

.staff-tasks-grid[b-wzmxh2h6wo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 10px;
    align-items: start;
}

.staff-tasks-workspace[b-wzmxh2h6wo],
.staff-tasks-inbox[b-wzmxh2h6wo],
.staff-tasks-detail[b-wzmxh2h6wo] {
    overflow: hidden;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
}

.staff-tasks-panel-header[b-wzmxh2h6wo],
.staff-tasks-inbox-header[b-wzmxh2h6wo],
.staff-tasks-detail-header[b-wzmxh2h6wo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.staff-tasks-panel-title[b-wzmxh2h6wo],
.staff-tasks-detail-title[b-wzmxh2h6wo] {
    color: #1f2d3d;
    font-size: 0.84rem;
    font-weight: 900;
}

.staff-tasks-panel-count[b-wzmxh2h6wo],
.staff-tasks-current-user[b-wzmxh2h6wo],
.staff-tasks-detail-subtitle[b-wzmxh2h6wo] {
    color: #4f5c69;
    font-size: 0.72rem;
    font-weight: 600;
}

.staff-tasks-empty[b-wzmxh2h6wo] {
    padding: 12px;
    color: #5d6773;
    font-size: 0.78rem;
    font-weight: 600;
}

.staff-tasks-empty.compact[b-wzmxh2h6wo] {
    padding: 10px;
}

.staff-tasks-table-wrap[b-wzmxh2h6wo] {
    width: 100%;
    overflow-x: auto;
}

.staff-tasks-table[b-wzmxh2h6wo] {
    width: 100%;
    min-width: 1160px;
    border-collapse: collapse;
    table-layout: fixed;
}

.staff-tasks-table thead th[b-wzmxh2h6wo] {
    padding: 5px 6px;
    background: #f3f6f9;
    border-bottom: 1px solid #d7e0ea;
    color: #304150;
    font-size: 0.66rem;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.staff-tasks-table tbody td[b-wzmxh2h6wo] {
    padding: 5px 6px;
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.7rem;
    line-height: 0.98rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.staff-tasks-table tbody tr:nth-child(odd)[b-wzmxh2h6wo] {
    background: #fcfdfe;
}

.staff-tasks-table tbody tr:nth-child(even)[b-wzmxh2h6wo] {
    background: #f6f8fa;
}

.staff-tasks-table tbody tr:hover[b-wzmxh2h6wo] {
    background: #eef6fb;
}

.staff-tasks-row[b-wzmxh2h6wo] {
    cursor: pointer;
}

.staff-tasks-row.overdue[b-wzmxh2h6wo] {
    box-shadow: inset 3px 0 0 #d13f4d;
}

.staff-tasks-table th:nth-child(1)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(1)[b-wzmxh2h6wo] {
    width: 155px;
}

.staff-tasks-table th:nth-child(2)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(2)[b-wzmxh2h6wo] {
    width: 185px;
}

.staff-tasks-table th:nth-child(3)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(3)[b-wzmxh2h6wo] {
    width: 165px;
}

.staff-tasks-table th:nth-child(4)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(4)[b-wzmxh2h6wo] {
    width: 110px;
}

.staff-tasks-table th:nth-child(5)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(5)[b-wzmxh2h6wo],
.staff-tasks-table th:nth-child(6)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(6)[b-wzmxh2h6wo] {
    width: 100px;
}

.staff-tasks-table th:nth-child(7)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(7)[b-wzmxh2h6wo],
.staff-tasks-table th:nth-child(8)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(8)[b-wzmxh2h6wo] {
    width: 130px;
}

.staff-tasks-table th:nth-child(9)[b-wzmxh2h6wo],
.staff-tasks-table td:nth-child(9)[b-wzmxh2h6wo] {
    width: 185px;
}

.staff-tasks-link[b-wzmxh2h6wo] {
    color: #0a66ad;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.staff-tasks-link:hover[b-wzmxh2h6wo] {
    text-decoration: underline;
}

.staff-tasks-strong[b-wzmxh2h6wo] {
    color: #24313d;
    font-weight: 900;
}

.staff-tasks-muted[b-wzmxh2h6wo] {
    color: #647386;
    font-size: 0.66rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-tasks-status[b-wzmxh2h6wo],
.staff-tasks-notification-pill[b-wzmxh2h6wo] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.66rem;
    font-weight: 900;
    white-space: nowrap;
}

.staff-tasks-status.complete[b-wzmxh2h6wo] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.staff-tasks-status.review[b-wzmxh2h6wo],
.staff-tasks-notification-pill.review[b-wzmxh2h6wo] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.staff-tasks-status.danger[b-wzmxh2h6wo],
.staff-tasks-status.rejected[b-wzmxh2h6wo],
.staff-tasks-notification-pill.danger[b-wzmxh2h6wo] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

.staff-tasks-status.sent[b-wzmxh2h6wo] {
    background: #eef7fd;
    border-color: #b8d9ef;
    color: #075a98;
}

.staff-tasks-status.archived[b-wzmxh2h6wo],
.staff-tasks-notification-pill.future[b-wzmxh2h6wo] {
    background: #edf2f6;
    border-color: #d6dee6;
    color: #51606f;
}

.staff-tasks-notification-pill.action[b-wzmxh2h6wo] {
    background: #edf7f3;
    border-color: #b5dccd;
    color: #24705e;
}

.staff-tasks-row-actions[b-wzmxh2h6wo],
.staff-tasks-inbox-actions[b-wzmxh2h6wo],
.staff-tasks-detail-actions[b-wzmxh2h6wo] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.staff-tasks-mini-action[b-wzmxh2h6wo] {
    min-height: 25px;
    padding: 0 7px;
    font-size: 0.66rem;
}

.staff-tasks-detail[b-wzmxh2h6wo] {
    margin: 10px;
}

.staff-tasks-detail-grid[b-wzmxh2h6wo] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #e3e8ee;
}

.staff-tasks-detail-grid div[b-wzmxh2h6wo] {
    min-width: 0;
    padding: 8px 10px;
    border-right: 1px solid #e3e8ee;
}

.staff-tasks-detail-grid div:last-child[b-wzmxh2h6wo] {
    border-right: none;
}

.staff-tasks-detail-grid span[b-wzmxh2h6wo],
.staff-tasks-detail-notes span[b-wzmxh2h6wo] {
    display: block;
    color: #657386;
    font-size: 0.65rem;
    font-weight: 900;
    text-transform: uppercase;
}

.staff-tasks-detail-grid strong[b-wzmxh2h6wo] {
    display: block;
    margin-top: 3px;
    color: #263646;
    font-size: 0.76rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.staff-tasks-detail-notes[b-wzmxh2h6wo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.staff-tasks-detail-notes div[b-wzmxh2h6wo] {
    min-width: 0;
    padding: 8px 10px;
    border-right: 1px solid #e3e8ee;
}

.staff-tasks-detail-notes div:last-child[b-wzmxh2h6wo] {
    border-right: none;
}

.staff-tasks-detail-notes p[b-wzmxh2h6wo] {
    margin: 4px 0 0;
    color: #2c3d4d;
    font-size: 0.72rem;
    line-height: 1.1rem;
    white-space: pre-wrap;
}

.staff-tasks-inbox[b-wzmxh2h6wo] {
    position: sticky;
    top: 78px;
}

.staff-tasks-inbox-list[b-wzmxh2h6wo] {
    display: grid;
    gap: 0;
}

.staff-tasks-inbox-item[b-wzmxh2h6wo] {
    padding: 9px 10px;
    border-bottom: 1px solid #e3e8ee;
    background: #ffffff;
}

.staff-tasks-inbox-item:nth-child(even)[b-wzmxh2h6wo] {
    background: #f8fafc;
}

.staff-tasks-inbox-topline[b-wzmxh2h6wo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    color: #657386;
    font-size: 0.64rem;
    font-weight: 800;
}

.staff-tasks-inbox-title[b-wzmxh2h6wo] {
    margin-top: 6px;
    color: #263646;
    font-size: 0.76rem;
    font-weight: 900;
    line-height: 1.05rem;
}

.staff-tasks-inbox-meta[b-wzmxh2h6wo],
.staff-tasks-inbox-detail[b-wzmxh2h6wo] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 4px;
    color: #4d5b69;
    font-size: 0.68rem;
    font-weight: 700;
}

.staff-tasks-inbox-message[b-wzmxh2h6wo] {
    margin-top: 5px;
    color: #5d6a77;
    font-size: 0.68rem;
    line-height: 1rem;
    max-height: 3rem;
    overflow: hidden;
}

.staff-tasks-inbox-actions[b-wzmxh2h6wo] {
    margin-top: 7px;
}

@media (max-width: 1280px) {
    .staff-tasks-grid[b-wzmxh2h6wo] {
        grid-template-columns: 1fr;
    }

    .staff-tasks-inbox[b-wzmxh2h6wo] {
        position: static;
    }
}

@media (max-width: 760px) {
    .staff-tasks-header-actions[b-wzmxh2h6wo] {
        justify-content: flex-start;
    }

    .staff-tasks-search[b-wzmxh2h6wo],
    .staff-tasks-filter[b-wzmxh2h6wo] {
        width: 100%;
    }

    .staff-tasks-mode-button[b-wzmxh2h6wo] {
        min-width: 135px;
    }

    .staff-tasks-detail-grid[b-wzmxh2h6wo],
    .staff-tasks-detail-notes[b-wzmxh2h6wo] {
        grid-template-columns: 1fr;
    }

    .staff-tasks-detail-grid div[b-wzmxh2h6wo],
    .staff-tasks-detail-notes div[b-wzmxh2h6wo] {
        border-right: none;
        border-bottom: 1px solid #e3e8ee;
    }
}
/* /Components/Pages/OnboardingTaskPackages.razor.rz.scp.css */
.onboarding-package-page[b-rfzyiafast] {
    width: 100%;
}

.onboarding-package-header[b-rfzyiafast] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.onboarding-package-title-wrap[b-rfzyiafast] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.onboarding-package-dot[b-rfzyiafast] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.onboarding-package-title[b-rfzyiafast] {
    margin: 0;
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
}

.onboarding-package-subtitle[b-rfzyiafast] {
    margin-top: 3px;
    color: #637182;
    font-size: 0.74rem;
    font-weight: 500;
}

.onboarding-package-header-actions[b-rfzyiafast],
.onboarding-package-list-filters[b-rfzyiafast] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex: 1;
    flex-wrap: wrap;
}

.onboarding-package-list-filters[b-rfzyiafast] {
    justify-content: flex-start;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #fbfcfe;
}

.onboarding-package-search[b-rfzyiafast],
.onboarding-package-filter[b-rfzyiafast] {
    height: 30px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #24313d;
    font-size: 0.74rem;
    font-weight: 500;
    padding: 0 9px;
    box-sizing: border-box;
}

.onboarding-package-search[b-rfzyiafast] {
    width: 250px;
}

.onboarding-package-filter[b-rfzyiafast] {
    width: 166px;
}

.onboarding-package-button[b-rfzyiafast] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
}

.onboarding-package-button.primary[b-rfzyiafast] {
    background: #0a76c8;
    color: #ffffff;
}

.onboarding-package-button.secondary[b-rfzyiafast] {
    background: #f7f9fb;
    border-color: #cfd7e2;
    color: #536171;
}

.onboarding-package-button:disabled[b-rfzyiafast] {
    opacity: 0.55;
    cursor: not-allowed;
}

.onboarding-package-panel[b-rfzyiafast],
.onboarding-package-task-panel[b-rfzyiafast] {
    overflow: hidden;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
}

.onboarding-package-panel[b-rfzyiafast] {
    margin-bottom: 12px;
}

.onboarding-package-panel-header[b-rfzyiafast],
.onboarding-package-task-header[b-rfzyiafast] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.onboarding-package-panel-title[b-rfzyiafast],
.onboarding-package-task-title[b-rfzyiafast] {
    color: #1f2d3d;
    font-size: 0.84rem;
    font-weight: 800;
}

.onboarding-package-panel-count[b-rfzyiafast],
.onboarding-package-task-note[b-rfzyiafast] {
    color: #4f5c69;
    font-size: 0.73rem;
    font-weight: 500;
}

.onboarding-package-empty[b-rfzyiafast] {
    padding: 10px 12px;
    color: #5d6773;
    font-size: 0.8rem;
}

.onboarding-package-empty.compact[b-rfzyiafast] {
    padding: 8px 10px;
}

.onboarding-package-table-wrap[b-rfzyiafast],
.onboarding-package-task-table-wrap[b-rfzyiafast] {
    width: 100%;
    overflow-x: auto;
}

.onboarding-package-table[b-rfzyiafast],
.onboarding-package-task-table[b-rfzyiafast] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.onboarding-package-table thead th[b-rfzyiafast],
.onboarding-package-task-table thead th[b-rfzyiafast] {
    padding: 4px 5px;
    background: #f3f6f9;
    border-bottom: 1px solid #d7e0ea;
    color: #304150;
    font-size: 0.66rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.onboarding-package-table tbody td[b-rfzyiafast],
.onboarding-package-task-table tbody td[b-rfzyiafast] {
    padding: 4px 5px;
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.69rem;
    line-height: 0.98rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.onboarding-package-table tbody tr:nth-child(odd)[b-rfzyiafast],
.onboarding-package-task-table tbody tr:nth-child(odd)[b-rfzyiafast] {
    background: #fcfdfe;
}

.onboarding-package-table tbody tr:nth-child(even)[b-rfzyiafast],
.onboarding-package-task-table tbody tr:nth-child(even)[b-rfzyiafast] {
    background: #f6f8fa;
}

.onboarding-package-table tbody tr:hover[b-rfzyiafast] {
    background: #eef6fb;
}

.onboarding-package-table th:nth-child(1)[b-rfzyiafast],
.onboarding-package-table td:nth-child(1)[b-rfzyiafast] {
    width: 112px;
}

.onboarding-package-table th:nth-child(2)[b-rfzyiafast],
.onboarding-package-table td:nth-child(2)[b-rfzyiafast] {
    width: 240px;
}

.onboarding-package-table th:nth-child(3)[b-rfzyiafast],
.onboarding-package-table td:nth-child(3)[b-rfzyiafast],
.onboarding-package-table th:nth-child(4)[b-rfzyiafast],
.onboarding-package-table td:nth-child(4)[b-rfzyiafast] {
    width: 132px;
}

.onboarding-package-table th:nth-child(5)[b-rfzyiafast],
.onboarding-package-table td:nth-child(5)[b-rfzyiafast] {
    width: 146px;
}

.onboarding-package-table th:nth-child(6)[b-rfzyiafast],
.onboarding-package-table td:nth-child(6)[b-rfzyiafast],
.onboarding-package-table th:nth-child(7)[b-rfzyiafast],
.onboarding-package-table td:nth-child(7)[b-rfzyiafast] {
    width: 62px;
}

.onboarding-package-table th:nth-child(8)[b-rfzyiafast],
.onboarding-package-table td:nth-child(8)[b-rfzyiafast] {
    width: 78px;
}

.onboarding-package-table th:nth-child(9)[b-rfzyiafast],
.onboarding-package-table td:nth-child(9)[b-rfzyiafast] {
    width: 190px;
}

.onboarding-package-table .admin-grid-filter-input[b-rfzyiafast],
.onboarding-package-table .admin-grid-filter-select[b-rfzyiafast] {
    width: 100%;
    min-width: 0;
    height: 25px;
    padding: 0 5px;
    font-size: 0.66rem;
    box-sizing: border-box;
}

.onboarding-package-name[b-rfzyiafast] {
    overflow: hidden;
    color: #1f2d3d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-package-detail[b-rfzyiafast] {
    overflow: hidden;
    color: #6a7888;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-package-chip-row[b-rfzyiafast],
.onboarding-package-actions-cell[b-rfzyiafast] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.onboarding-package-chip[b-rfzyiafast] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.64rem;
    font-weight: 800;
    white-space: nowrap;
}

.onboarding-package-chip.warning[b-rfzyiafast] {
    background: #fff8e8;
    border-color: #efd492;
    color: #8a650f;
}

.onboarding-package-status-pill[b-rfzyiafast] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 6px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.onboarding-package-status-pill.active[b-rfzyiafast] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.onboarding-package-status-pill.inactive[b-rfzyiafast] {
    background: #f3f5f7;
    border-color: #d8dfe7;
    color: #687584;
}

.onboarding-package-status-pill.archived[b-rfzyiafast] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.onboarding-package-row-button[b-rfzyiafast] {
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.onboarding-package-row-button.text[b-rfzyiafast] {
    width: auto;
    padding: 0 7px;
    color: #2c5d87;
    font-size: 0.68rem;
}

.onboarding-package-row-button.danger[b-rfzyiafast] {
    color: #a04444;
}

.onboarding-package-row-button:hover[b-rfzyiafast] {
    background: #eef6fb;
}

.onboarding-package-editor-body[b-rfzyiafast] {
    padding: 12px;
}

.onboarding-package-form-grid[b-rfzyiafast] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px 12px;
}

.onboarding-package-form-grid label[b-rfzyiafast],
.onboarding-package-task-detail-grid label[b-rfzyiafast] {
    display: block;
    margin-bottom: 4px;
    color: #465463;
    font-size: 0.74rem;
    font-weight: 700;
}

.onboarding-package-form-grid-full[b-rfzyiafast] {
    grid-column: 1 / -1;
}

.onboarding-package-checkbox-panel[b-rfzyiafast] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 1fr));
    gap: 7px 12px;
    padding: 8px 10px;
    border: 1px solid #d8e1ea;
    border-radius: 6px;
    background: #fbfcfe;
}

.onboarding-package-checkbox-panel label[b-rfzyiafast],
.onboarding-package-mini-checks label[b-rfzyiafast] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: #334150;
    font-size: 0.72rem;
    font-weight: 700;
}

.onboarding-package-task-panel[b-rfzyiafast] {
    margin-top: 12px;
}

.onboarding-package-task-add[b-rfzyiafast] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.onboarding-package-task-table th:nth-child(1)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(1)[b-rfzyiafast] {
    width: 92px;
}

.onboarding-package-task-table th:nth-child(2)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(2)[b-rfzyiafast] {
    width: 230px;
}

.onboarding-package-task-table th:nth-child(3)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(3)[b-rfzyiafast],
.onboarding-package-task-table th:nth-child(4)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(4)[b-rfzyiafast] {
    width: 130px;
}

.onboarding-package-task-table th:nth-child(5)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(5)[b-rfzyiafast] {
    width: 70px;
}

.onboarding-package-task-table th:nth-child(7)[b-rfzyiafast],
.onboarding-package-task-table td:nth-child(7)[b-rfzyiafast] {
    width: 80px;
}

.onboarding-package-task-order[b-rfzyiafast] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.onboarding-package-task-order span[b-rfzyiafast] {
    min-width: 18px;
    font-weight: 800;
}

.onboarding-package-task-order button[b-rfzyiafast] {
    width: 20px;
    height: 20px;
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #f8fafc;
    color: #435466;
    font-size: 0.58rem;
    line-height: 1;
}

.onboarding-package-mini-checks[b-rfzyiafast] {
    display: grid;
    grid-template-columns: repeat(2, minmax(92px, 1fr));
    gap: 3px 8px;
}

.onboarding-package-task-detail-row td[b-rfzyiafast] {
    background: #f9fbfd;
}

.onboarding-package-task-detail-grid[b-rfzyiafast] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 8px 10px;
    padding: 7px 0;
}

.onboarding-package-task-detail-grid > div:nth-last-child(-n+2)[b-rfzyiafast] {
    grid-column: span 3;
}

.onboarding-package-editor-actions[b-rfzyiafast] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

@media (max-width: 900px) {
    .onboarding-package-header-actions[b-rfzyiafast],
    .onboarding-package-list-filters[b-rfzyiafast] {
        justify-content: flex-start;
        width: 100%;
    }

    .onboarding-package-search[b-rfzyiafast],
    .onboarding-package-filter[b-rfzyiafast] {
        width: 100%;
        max-width: 100%;
    }

    .onboarding-package-form-grid[b-rfzyiafast],
    .onboarding-package-task-detail-grid[b-rfzyiafast] {
        grid-template-columns: 1fr;
    }

    .onboarding-package-checkbox-panel[b-rfzyiafast],
    .onboarding-package-mini-checks[b-rfzyiafast] {
        grid-template-columns: 1fr;
    }

    .onboarding-package-task-detail-grid > div:nth-last-child(-n+2)[b-rfzyiafast] {
        grid-column: auto;
    }
}
/* /Components/Pages/OnboardingTaskTemplates.razor.rz.scp.css */
.onboarding-template-page[b-3miol7cu1b] {
    width: 100%;
}

.onboarding-template-header[b-3miol7cu1b] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.onboarding-template-title-wrap[b-3miol7cu1b] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.onboarding-template-dot[b-3miol7cu1b] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.onboarding-template-title[b-3miol7cu1b] {
    margin: 0;
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
}

.onboarding-template-subtitle[b-3miol7cu1b] {
    margin-top: 3px;
    color: #637182;
    font-size: 0.74rem;
    font-weight: 500;
}

.onboarding-template-header-actions[b-3miol7cu1b],
.onboarding-template-list-filters[b-3miol7cu1b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
    flex: 1;
}

.onboarding-template-list-filters[b-3miol7cu1b] {
    justify-content: flex-start;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #fbfcfe;
}

.onboarding-template-search[b-3miol7cu1b],
.onboarding-template-filter[b-3miol7cu1b] {
    height: 30px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #24313d;
    font-size: 0.74rem;
    font-weight: 500;
    padding: 0 9px;
    box-sizing: border-box;
}

.onboarding-template-search[b-3miol7cu1b] {
    width: 250px;
}

.onboarding-template-filter[b-3miol7cu1b] {
    width: 156px;
}

.onboarding-template-button[b-3miol7cu1b] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
}

.onboarding-template-button.primary[b-3miol7cu1b] {
    background: #0a76c8;
    color: #ffffff;
}

.onboarding-template-button.secondary[b-3miol7cu1b] {
    background: #f7f9fb;
    border-color: #cfd7e2;
    color: #536171;
}

.onboarding-template-button:disabled[b-3miol7cu1b] {
    opacity: 0.55;
    cursor: not-allowed;
}

.onboarding-template-panel[b-3miol7cu1b],
.onboarding-template-step-panel[b-3miol7cu1b] {
    overflow: hidden;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
}

.onboarding-template-panel[b-3miol7cu1b] {
    margin-bottom: 12px;
}

.onboarding-template-panel-header[b-3miol7cu1b],
.onboarding-template-step-header[b-3miol7cu1b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.onboarding-template-panel-title[b-3miol7cu1b],
.onboarding-template-step-title[b-3miol7cu1b] {
    color: #1f2d3d;
    font-size: 0.84rem;
    font-weight: 800;
}

.onboarding-template-panel-count[b-3miol7cu1b],
.onboarding-template-step-note[b-3miol7cu1b] {
    color: #4f5c69;
    font-size: 0.73rem;
    font-weight: 500;
}

.onboarding-template-empty[b-3miol7cu1b] {
    padding: 10px 12px;
    color: #5d6773;
    font-size: 0.8rem;
}

.onboarding-template-empty.compact[b-3miol7cu1b] {
    padding: 8px 10px;
}

.onboarding-template-table-wrap[b-3miol7cu1b],
.onboarding-template-step-table-wrap[b-3miol7cu1b] {
    width: 100%;
    overflow-x: auto;
}

.onboarding-template-table[b-3miol7cu1b],
.onboarding-template-step-table[b-3miol7cu1b] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.onboarding-template-table thead th[b-3miol7cu1b],
.onboarding-template-step-table thead th[b-3miol7cu1b] {
    padding: 4px 5px;
    background: #f3f6f9;
    border-bottom: 1px solid #d7e0ea;
    color: #304150;
    font-size: 0.66rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.onboarding-template-table tbody td[b-3miol7cu1b],
.onboarding-template-step-table tbody td[b-3miol7cu1b] {
    padding: 4px 5px;
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.69rem;
    line-height: 0.98rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.onboarding-template-table tbody tr:nth-child(odd)[b-3miol7cu1b],
.onboarding-template-step-table tbody tr:nth-child(odd)[b-3miol7cu1b] {
    background: #fcfdfe;
}

.onboarding-template-table tbody tr:nth-child(even)[b-3miol7cu1b],
.onboarding-template-step-table tbody tr:nth-child(even)[b-3miol7cu1b] {
    background: #f6f8fa;
}

.onboarding-template-table tbody tr:hover[b-3miol7cu1b] {
    background: #eef6fb;
}

.onboarding-template-table th:nth-child(1)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(1)[b-3miol7cu1b] {
    width: 108px;
}

.onboarding-template-table th:nth-child(2)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(2)[b-3miol7cu1b] {
    width: 210px;
}

.onboarding-template-table th:nth-child(3)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(3)[b-3miol7cu1b],
.onboarding-template-table th:nth-child(4)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(4)[b-3miol7cu1b] {
    width: 120px;
}

.onboarding-template-table th:nth-child(5)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(5)[b-3miol7cu1b] {
    width: 72px;
}

.onboarding-template-table th:nth-child(6)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(6)[b-3miol7cu1b],
.onboarding-template-table th:nth-child(8)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(8)[b-3miol7cu1b] {
    width: 54px;
}

.onboarding-template-table th:nth-child(9)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(9)[b-3miol7cu1b] {
    width: 78px;
}

.onboarding-template-table th:nth-child(10)[b-3miol7cu1b],
.onboarding-template-table td:nth-child(10)[b-3miol7cu1b] {
    width: 190px;
}

.onboarding-template-table .admin-grid-filter-input[b-3miol7cu1b],
.onboarding-template-table .admin-grid-filter-select[b-3miol7cu1b] {
    width: 100%;
    min-width: 0;
    height: 25px;
    padding: 0 5px;
    font-size: 0.66rem;
    box-sizing: border-box;
}

.onboarding-template-name[b-3miol7cu1b] {
    overflow: hidden;
    color: #1f2d3d;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-template-detail[b-3miol7cu1b] {
    overflow: hidden;
    color: #6a7888;
    font-size: 0.66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.onboarding-template-chip-row[b-3miol7cu1b],
.onboarding-template-actions-cell[b-3miol7cu1b] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.onboarding-template-chip[b-3miol7cu1b] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.64rem;
    font-weight: 800;
    white-space: nowrap;
}

.onboarding-template-chip.warning[b-3miol7cu1b] {
    background: #fff8e8;
    border-color: #efd492;
    color: #8a650f;
}

.onboarding-template-status-pill[b-3miol7cu1b] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 6px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.onboarding-template-status-pill.active[b-3miol7cu1b] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.onboarding-template-status-pill.inactive[b-3miol7cu1b] {
    background: #f3f5f7;
    border-color: #d8dfe7;
    color: #687584;
}

.onboarding-template-status-pill.archived[b-3miol7cu1b] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.onboarding-template-row-button[b-3miol7cu1b] {
    min-width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.onboarding-template-row-button.text[b-3miol7cu1b] {
    width: auto;
    padding: 0 7px;
    color: #2c5d87;
    font-size: 0.68rem;
}

.onboarding-template-row-button.danger[b-3miol7cu1b] {
    color: #a04444;
}

.onboarding-template-row-button:hover[b-3miol7cu1b] {
    background: #eef6fb;
}

.onboarding-template-editor-body[b-3miol7cu1b] {
    padding: 12px;
}

.onboarding-template-form-grid[b-3miol7cu1b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px 12px;
}

.onboarding-template-form-grid label[b-3miol7cu1b],
.onboarding-template-step-detail-grid label[b-3miol7cu1b] {
    display: block;
    margin-bottom: 4px;
    color: #465463;
    font-size: 0.74rem;
    font-weight: 700;
}

.onboarding-template-form-grid-full[b-3miol7cu1b] {
    grid-column: 1 / -1;
}

.onboarding-template-checkbox-panel[b-3miol7cu1b] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 7px 12px;
    padding: 8px 10px;
    border: 1px solid #d8e1ea;
    border-radius: 6px;
    background: #fbfcfe;
}

.onboarding-template-checkbox-panel label[b-3miol7cu1b],
.onboarding-template-mini-checks label[b-3miol7cu1b] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    color: #334150;
    font-size: 0.72rem;
    font-weight: 700;
}

.onboarding-template-step-panel[b-3miol7cu1b] {
    margin-top: 12px;
}

.onboarding-template-step-table th:nth-child(1)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(1)[b-3miol7cu1b] {
    width: 92px;
}

.onboarding-template-step-table th:nth-child(2)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(2)[b-3miol7cu1b] {
    width: 220px;
}

.onboarding-template-step-table th:nth-child(3)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(3)[b-3miol7cu1b],
.onboarding-template-step-table th:nth-child(4)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(4)[b-3miol7cu1b] {
    width: 130px;
}

.onboarding-template-step-table th:nth-child(5)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(5)[b-3miol7cu1b] {
    width: 70px;
}

.onboarding-template-step-table th:nth-child(7)[b-3miol7cu1b],
.onboarding-template-step-table td:nth-child(7)[b-3miol7cu1b] {
    width: 80px;
}

.onboarding-template-step-order[b-3miol7cu1b] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.onboarding-template-step-order span[b-3miol7cu1b] {
    min-width: 18px;
    font-weight: 800;
}

.onboarding-template-step-order button[b-3miol7cu1b] {
    width: 20px;
    height: 20px;
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #ffffff;
    color: #415569;
    font-size: 0.58rem;
    line-height: 1;
}

.onboarding-template-mini-checks[b-3miol7cu1b] {
    display: grid;
    grid-template-columns: repeat(3, minmax(78px, 1fr));
    gap: 4px 8px;
}

.onboarding-template-step-detail-row td[b-3miol7cu1b] {
    background: #fbfcfe;
    border-bottom-color: #dbe4ed;
}

.onboarding-template-step-detail-grid[b-3miol7cu1b] {
    display: grid;
    grid-template-columns: 160px repeat(2, minmax(220px, 1fr));
    gap: 8px;
    padding: 3px 0 5px;
}

.onboarding-template-editor-actions[b-3miol7cu1b] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

@media (max-width: 1180px) {
    .onboarding-template-header-actions[b-3miol7cu1b] {
        justify-content: flex-start;
        width: 100%;
    }

    .onboarding-template-search[b-3miol7cu1b],
    .onboarding-template-filter[b-3miol7cu1b] {
        flex: 1 1 190px;
        width: auto;
    }

    .onboarding-template-form-grid[b-3miol7cu1b],
    .onboarding-template-checkbox-panel[b-3miol7cu1b],
    .onboarding-template-step-detail-grid[b-3miol7cu1b] {
        grid-template-columns: 1fr;
    }

    .onboarding-template-form-grid-full[b-3miol7cu1b] {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .onboarding-template-header[b-3miol7cu1b],
    .onboarding-template-panel-header[b-3miol7cu1b],
    .onboarding-template-step-header[b-3miol7cu1b] {
        flex-direction: column;
        align-items: flex-start;
    }

    .onboarding-template-header-actions[b-3miol7cu1b],
    .onboarding-template-list-filters[b-3miol7cu1b] {
        width: 100%;
    }

    .onboarding-template-button[b-3miol7cu1b] {
        flex: 1 1 130px;
    }

    .onboarding-template-mini-checks[b-3miol7cu1b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PayBill.razor.rz.scp.css */
.process-paybill-page[b-wjunl1jw08] {
    --grid-line: #d7e1e8;
    --header-fill: #0d7fc3;
    --filter-fill: #f2f3f4;
    --link-blue: #006eb6;
    --text: #1f2b34;
    display: grid;
    gap: 10px;
    color: var(--text);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.process-page-header[b-wjunl1jw08] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 2px 8px;
    background: #ffffff;
}

.process-title-block[b-wjunl1jw08] {
    min-width: 260px;
}

.process-eyebrow[b-wjunl1jw08] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.process-page-header h1[b-wjunl1jw08] {
    margin: 3px 0 0;
    color: #122e3b;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
}

.process-header-actions[b-wjunl1jw08] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.process-button[b-wjunl1jw08] {
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 13px;
    background: #ffffff;
    color: #4e5d6c;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.process-button.secondary[b-wjunl1jw08] {
    border-color: #bdccd7;
    background: #ffffff;
    color: #315364;
}

.process-button:disabled[b-wjunl1jw08] {
    opacity: 0.58;
    cursor: default;
}

.process-grid-shell[b-wjunl1jw08] {
    border: 1px solid var(--grid-line);
    background: #ffffff;
    overflow: hidden;
}

.process-grid-toolbar[b-wjunl1jw08] {
    display: flex;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 8px;
    border: 1px solid var(--grid-line);
    background: #ffffff;
    color: #344b58;
    font-size: 0.76rem;
    font-weight: 700;
    overflow-x: auto;
}

.process-page-tools[b-wjunl1jw08],
.process-toolbar-actions[b-wjunl1jw08] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.process-page-tools input[b-wjunl1jw08] {
    width: 42px;
    height: 28px;
    border: 1px solid #c2d0d9;
    border-radius: 2px;
    color: #1f2b34;
    font: inherit;
    text-align: center;
}

.process-page-arrow[b-wjunl1jw08] {
    width: 24px;
    height: 24px;
    border: 1px solid #c8d4dc;
    border-radius: 2px;
    background: #ffffff;
    color: #a3b0b8;
    font-family: inherit;
    font-weight: 800;
}

.process-current-view[b-wjunl1jw08] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    margin-left: 8px;
    color: #344b58;
    white-space: nowrap;
}

.process-current-view select[b-wjunl1jw08] {
    min-width: 160px;
    height: 30px;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #ffffff;
    color: #1f2f3c;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 500;
}

.process-name-link[b-wjunl1jw08] {
    border: 0;
    background: transparent;
    color: var(--link-blue);
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.process-message[b-wjunl1jw08],
.process-loading[b-wjunl1jw08] {
    padding: 9px 10px;
    border-bottom: 1px solid var(--grid-line);
    font-size: 0.8rem;
    font-weight: 700;
}

.process-message.error[b-wjunl1jw08] {
    background: #fff4e7;
    color: #8a4f09;
}

.process-table-wrap[b-wjunl1jw08] {
    width: 100%;
    overflow-x: auto;
}

.process-table[b-wjunl1jw08] {
    width: 100%;
    min-width: 1240px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #172530;
    background: #ffffff;
    font-size: 0.66rem;
}

.process-table th[b-wjunl1jw08],
.process-table td[b-wjunl1jw08] {
    height: 30px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
    padding: 3px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.process-table th[b-wjunl1jw08] {
    height: 30px;
    background: var(--header-fill);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    text-align: left;
}

.process-table .select-col[b-wjunl1jw08] {
    width: 36px;
    text-align: center;
}

.process-table .icon-col[b-wjunl1jw08] {
    width: 26px;
    padding: 0;
    text-align: center;
}

.process-table .numeric[b-wjunl1jw08] {
    text-align: right;
}

.process-table .center[b-wjunl1jw08] {
    text-align: center;
}

.process-filter-row th[b-wjunl1jw08] {
    height: 55px;
    padding: 4px 5px;
    border-right: 1px solid #d6dde3;
    background: var(--filter-fill);
    vertical-align: top;
}

.process-filter-row th[b-wjunl1jw08]::after {
    display: none;
}

.process-filter-row select[b-wjunl1jw08],
.process-filter-row input[b-wjunl1jw08] {
    display: block;
    width: 100%;
    height: 20px;
    border: 1px solid #d2d8de;
    border-radius: 1px;
    background: #ffffff;
    color: #495966;
    font: inherit;
    font-size: 0.62rem;
    box-sizing: border-box;
}

.process-filter-row input[b-wjunl1jw08] {
    margin-top: 5px;
    padding: 0 5px;
}

.process-table tbody tr.current-week[b-wjunl1jw08] {
    background: #f7fbfe;
}

.process-table tbody tr:hover[b-wjunl1jw08] {
    background: #edf6fb;
}

.process-row-icon[b-wjunl1jw08] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0;
    background: transparent;
    color: #075f96;
    cursor: pointer;
}

.process-row-icon.primary[b-wjunl1jw08] {
    color: #075f96;
}

.process-row-icon svg[b-wjunl1jw08] {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.process-row-icon:hover[b-wjunl1jw08] {
    border-color: #b8c9d5;
    background: #eef7fc;
    color: #004f84;
}

.process-name-link:hover[b-wjunl1jw08] {
    color: #004f84;
    text-decoration: underline;
}

.process-current-view select:hover[b-wjunl1jw08] {
    border-color: #8fb5ca;
}

.process-empty[b-wjunl1jw08] {
    height: 52px;
    color: #52636c;
    font-weight: 700;
    text-align: center;
}

.process-table tfoot td[b-wjunl1jw08] {
    height: 22px;
    color: #1f2b34;
    font-size: 0.72rem;
}

@media (max-width: 860px) {
    .process-grid-toolbar[b-wjunl1jw08] {
        align-items: flex-start;
        flex-direction: column;
    }

    .process-page-tools[b-wjunl1jw08] {
        flex-wrap: wrap;
    }

    .process-table[b-wjunl1jw08] {
        min-width: 1120px;
        font-size: 0.72rem;
    }
}
/* /Components/Pages/PayBillPrep.razor.rz.scp.css */
.prep-process-page[b-e29o3b2hkk] {
    --prep-blue: #0071bc;
    --prep-blue-dark: #005f9e;
    --prep-line: #d5d9dc;
    --prep-text: #192934;
    --prep-sticky-header-offset: 192px;
    display: grid;
    gap: 18px;
    color: var(--prep-text);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.prep-process-toolbar[b-e29o3b2hkk],
.prep-process-panel[b-e29o3b2hkk],
.prep-process-message[b-e29o3b2hkk] {
    border: 1px solid var(--prep-line);
    border-radius: 4px;
    background: #ffffff;
}

.prep-sticky-header[b-e29o3b2hkk] {
    position: sticky;
    top: 0;
    z-index: 80;
    isolation: isolate;
    overflow: visible;
    display: grid;
    gap: 10px;
    box-sizing: border-box;
    margin: -18px -14px 0;
    padding: 30px 28px 14px;
    border: 0;
    border-bottom: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.prep-sticky-header[b-e29o3b2hkk]::before {
    content: "";
    position: absolute;
    top: -90px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    border-bottom: 1px solid var(--prep-line);
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(18, 43, 56, 0.08);
    pointer-events: none;
}

.prep-sticky-header > *[b-e29o3b2hkk] {
    position: relative;
    z-index: 1;
}

.prep-process-toolbar[b-e29o3b2hkk] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 14px;
}

.prep-process-eyebrow[b-e29o3b2hkk] {
    color: #486676;
    font-size: 0.58rem;
    font-weight: 600;
}

.prep-title-row[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
}

.prep-title-row h1[b-e29o3b2hkk] {
    margin: 0;
    color: #122b38;
    font-size: 1rem;
    font-weight: 600;
}

.prep-back-button[b-e29o3b2hkk] {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #1b4c68;
    padding: 0;
    cursor: pointer;
}

.prep-back-button svg[b-e29o3b2hkk] {
    width: 21px;
    height: 21px;
    fill: currentColor;
}

.prep-back-button:hover[b-e29o3b2hkk],
.prep-back-button:focus-visible[b-e29o3b2hkk] {
    color: var(--prep-blue);
    outline: none;
}

.prep-refresh-button[b-e29o3b2hkk] {
    min-height: 28px;
    border: 1px solid var(--prep-blue);
    border-radius: 0;
    padding: 0 16px;
    background: var(--prep-blue);
    color: #ffffff;
    font: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.prep-refresh-button:disabled[b-e29o3b2hkk] {
    opacity: 0.6;
    cursor: not-allowed;
}

.prep-progress-block[b-e29o3b2hkk] {
    display: grid;
    gap: 6px;
    width: min(360px, 100%);
}

.prep-progress-state[b-e29o3b2hkk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #122b38;
    font-size: 0.74rem;
    font-weight: 800;
}

.prep-progress-icon[b-e29o3b2hkk] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
}

.prep-progress-state.incomplete .prep-progress-icon[b-e29o3b2hkk] {
    border: 1px solid #d28b22;
    color: #9a5e0b;
}

.prep-progress-state.complete .prep-progress-icon[b-e29o3b2hkk] {
    border: 1px solid #178043;
    background: #eaf8ef;
    color: #178043;
}

.prep-progress-line[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(120px, 1fr) auto;
    gap: 8px;
    align-items: center;
    color: #52636e;
    font-size: 0.68rem;
}

.prep-progress-status[b-e29o3b2hkk] {
    color: #8a5b16;
    font-weight: 700;
}

.prep-progress-track[b-e29o3b2hkk] {
    height: 7px;
    overflow: hidden;
    border-radius: 6px;
    background: #e7edf1;
}

.prep-progress-fill[b-e29o3b2hkk] {
    height: 100%;
    border-radius: 6px;
    background: var(--prep-blue);
}

.prep-progress-state.complete ~ .prep-progress-line .prep-progress-fill[b-e29o3b2hkk] {
    background: #178043;
}

.prep-progress-percent[b-e29o3b2hkk] {
    color: #314b5b;
    font-weight: 700;
}

.prep-process-workspace[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(130px, 12%) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-top: 34px;
}

.prep-section-nav[b-e29o3b2hkk] {
    position: sticky;
    top: var(--prep-sticky-header-offset);
    z-index: 40;
    display: grid;
    gap: 4px;
    padding: 18px 18px 20px;
    border: 1px solid var(--prep-line);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(18, 43, 56, 0.08);
}

.prep-section-nav-title[b-e29o3b2hkk] {
    grid-column: 1 / -1;
    margin-bottom: 8px;
    color: #7b8790;
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-section-nav a[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 8px;
    min-height: 30px;
    align-items: center;
    color: var(--prep-blue);
    font-size: 0.72rem;
    font-weight: 600;
    text-decoration: none;
}

.prep-section-nav a:hover[b-e29o3b2hkk] {
    color: var(--prep-blue-dark);
    text-decoration: underline;
}

.prep-nav-alert[b-e29o3b2hkk],
.prep-nav-alert-placeholder[b-e29o3b2hkk] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
}

.prep-nav-alert[b-e29o3b2hkk] {
    border: 1px solid #b33d47;
    color: #b33d47;
    transform: rotate(45deg);
}

.prep-nav-alert[b-e29o3b2hkk]::before {
    content: "!";
    display: inline-flex;
    transform: rotate(-45deg);
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1;
}

.prep-section-stack[b-e29o3b2hkk] {
    display: grid;
    gap: 14px;
    margin-top: 12px;
}

.prep-process-controls[b-e29o3b2hkk] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.prep-process-controls label[b-e29o3b2hkk] {
    display: grid;
    gap: 3px;
    color: #425865;
    font-size: 0.68rem;
    font-weight: 800;
}

.prep-process-controls select[b-e29o3b2hkk] {
    min-width: 176px;
    height: 30px;
    border: 1px solid #aebbc4;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2b34;
    font: inherit;
    font-size: 0.76rem;
}

.prep-process-message[b-e29o3b2hkk] {
    padding: 9px 11px;
    font-size: 0.8rem;
    font-weight: 700;
}

.prep-process-message.success[b-e29o3b2hkk] {
    border-color: #c8e4d2;
    background: #eef8f2;
    color: #2c6944;
}

.prep-process-message.error[b-e29o3b2hkk] {
    border-color: #efcf93;
    background: #fff7ea;
    color: #875613;
}

.prep-process-panel[b-e29o3b2hkk] {
    padding: 22px 30px 24px;
}

.prep-process-panel h2[b-e29o3b2hkk] {
    margin: 0 0 18px;
    color: #152632;
    font-size: 1rem;
    font-weight: 500;
}

.prep-step-row[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 190px;
    gap: 18px;
    min-height: 142px;
    padding: 0 0 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid var(--prep-line);
}

.prep-step-row.compact[b-e29o3b2hkk] {
    min-height: 86px;
}

.prep-step-row.report-step-row[b-e29o3b2hkk] {
    min-height: 0;
    padding-bottom: 0;
}

.prep-step-row:last-child[b-e29o3b2hkk] {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.prep-step-body h3[b-e29o3b2hkk] {
    margin: 0 0 14px;
    color: #1c2c38;
    font-size: 0.98rem;
    font-weight: 500;
}

.prep-step-body p[b-e29o3b2hkk] {
    margin: 9px 0 0;
    color: #2a3b46;
    font-size: 0.78rem;
    font-weight: 500;
}

.prep-step-counts[b-e29o3b2hkk] {
    display: grid;
    gap: 8px;
    margin-bottom: 16px;
    color: #2a3b46;
    font-size: 0.78rem;
}

.initiate-counts[b-e29o3b2hkk] {
    max-width: 320px;
}

.prep-metric-row[b-e29o3b2hkk] {
    display: grid;
    gap: 28px;
}

.prep-metric-row.two-col[b-e29o3b2hkk] {
    grid-template-columns: repeat(2, minmax(120px, 1fr));
}

.prep-metric-row.three-col[b-e29o3b2hkk] {
    grid-template-columns: repeat(3, minmax(130px, 1fr));
}

.prep-metric-row span[b-e29o3b2hkk] {
    min-width: 0;
}

.prep-close-open-stack[b-e29o3b2hkk] {
    display: grid;
    gap: 20px;
    width: min(320px, 100%);
}

.prep-close-open-group[b-e29o3b2hkk] {
    display: grid;
    gap: 10px;
}

.prep-close-open-group h4[b-e29o3b2hkk] {
    margin: 0;
    color: #1c2c38;
    font-size: 0.9rem;
    font-weight: 600;
}

.prep-close-open-metrics[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    color: #2a3b46;
    font-size: 0.78rem;
}

.prep-close-open-metrics span[b-e29o3b2hkk] {
    min-width: 0;
}

.prep-step-complete[b-e29o3b2hkk] {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    padding-top: 2px;
    color: #2b3d48;
    font-size: 0.82rem;
    font-weight: 500;
}

.prep-step-complete label[b-e29o3b2hkk] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.prep-step-complete input[b-e29o3b2hkk] {
    width: 19px;
    height: 19px;
}

.prep-complete-control[b-e29o3b2hkk] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #aeb8c0;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    user-select: none;
}

.prep-complete-control input[b-e29o3b2hkk] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.prep-complete-icon[b-e29o3b2hkk] {
    display: inline-flex;
    width: 17px;
    height: 17px;
    align-items: center;
    justify-content: center;
    border: 2px solid #c8d0d6;
    border-radius: 50%;
    background: #ffffff;
}

.prep-complete-control.complete[b-e29o3b2hkk] {
    color: #1e7896;
}

.prep-complete-control.complete .prep-complete-icon[b-e29o3b2hkk] {
    border-color: #1e7896;
    background: #edf9fc;
}

.prep-complete-control.complete .prep-complete-icon[b-e29o3b2hkk]::after {
    content: "✓";
    color: #1e7896;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1;
}

.prep-complete-control.disabled[b-e29o3b2hkk] {
    opacity: 0.45;
    cursor: not-allowed;
}

.prep-green-check[b-e29o3b2hkk],
.prep-green-placeholder[b-e29o3b2hkk] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    font-size: 0.86rem;
    font-weight: 900;
}

.prep-green-check[b-e29o3b2hkk] {
    color: #178043;
}

.prep-green-placeholder[b-e29o3b2hkk] {
    display: none;
}

.prep-process-button[b-e29o3b2hkk] {
    display: inline-flex;
    width: 260px;
    max-width: 100%;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--prep-blue);
    border-radius: 0;
    padding: 0 20px;
    background: #ffffff;
    color: var(--prep-blue);
    font: inherit;
    font-size: 0.76rem;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
}

.prep-process-button.primary[b-e29o3b2hkk] {
    background: #ffffff;
    color: var(--prep-blue);
}

.prep-process-button.secondary[b-e29o3b2hkk] {
    min-height: 30px;
    border-color: #aebbc4;
    color: #2f5265;
    text-transform: none;
}

.prep-process-button.wide[b-e29o3b2hkk] {
    width: 260px;
}

.prep-process-button:hover:not(:disabled)[b-e29o3b2hkk] {
    border-color: var(--prep-blue-dark);
    color: var(--prep-blue-dark);
}

.prep-process-button:disabled[b-e29o3b2hkk],
.prep-link-stack button:disabled[b-e29o3b2hkk],
.prep-alert-list button:disabled[b-e29o3b2hkk] {
    opacity: 0.55;
    cursor: not-allowed;
}

.prep-link-stack[b-e29o3b2hkk] {
    display: grid;
    justify-items: start;
    gap: 11px;
    margin-bottom: 13px;
}

.prep-link-stack button[b-e29o3b2hkk],
.prep-report-link[b-e29o3b2hkk] {
    border: 0;
    background: transparent;
    color: var(--prep-blue);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.prep-report-list[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 70px;
    width: min(1200px, 100%);
    max-width: 1200px;
}

.prep-report-column[b-e29o3b2hkk] {
    display: grid;
    align-content: start;
}

.prep-report-link[b-e29o3b2hkk] {
    display: flex;
    width: 100%;
    min-height: 32px;
    align-items: center;
    border-bottom: 1px solid var(--prep-line);
    padding: 0;
}

.report-step-row .prep-step-body h3[b-e29o3b2hkk] {
    margin-bottom: 14px;
}

.report-step-row .prep-step-complete[b-e29o3b2hkk] {
    padding-top: 0;
}

.prep-link-stack button:hover[b-e29o3b2hkk],
.prep-report-link:hover[b-e29o3b2hkk] {
    color: var(--prep-blue-dark);
    text-decoration: underline;
}

.prep-button-row[b-e29o3b2hkk] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.prep-alert-list[b-e29o3b2hkk] {
    display: grid;
    gap: 6px;
    max-width: 850px;
}

.prep-alert-list div[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    min-height: 32px;
    border: 1px solid #f0d197;
    background: #fff8ed;
    padding: 5px 7px;
    color: #593c12;
    font-size: 0.74rem;
}

.prep-alert-list button[b-e29o3b2hkk] {
    min-height: 26px;
    border: 1px solid #b88430;
    background: #ffffff;
    color: #75510e;
    font: inherit;
    font-weight: 700;
}

@media (max-width: 900px) {
    .prep-sticky-header[b-e29o3b2hkk],
    .prep-section-nav[b-e29o3b2hkk] {
        position: static;
    }

    .prep-sticky-header[b-e29o3b2hkk] {
        margin: 0;
        padding: 10px 14px 12px;
    }

    .prep-process-toolbar[b-e29o3b2hkk] {
        flex-direction: column;
    }

    .prep-process-controls[b-e29o3b2hkk] {
        justify-content: flex-start;
        width: 100%;
    }

    .prep-process-workspace[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .prep-section-nav[b-e29o3b2hkk] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        box-shadow: none;
    }

    .prep-step-row[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .prep-metric-row.two-col[b-e29o3b2hkk],
    .prep-metric-row.three-col[b-e29o3b2hkk],
    .prep-close-open-metrics[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .prep-step-complete[b-e29o3b2hkk] {
        justify-content: flex-start;
    }

    .prep-alert-list div[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .prep-report-list[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 620px) {
    .prep-process-panel[b-e29o3b2hkk] {
        padding: 16px 14px;
    }

    .prep-process-controls label[b-e29o3b2hkk],
    .prep-process-controls select[b-e29o3b2hkk],
    .prep-process-button[b-e29o3b2hkk] {
        width: 100%;
    }

    .prep-title-row[b-e29o3b2hkk] {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .prep-refresh-button[b-e29o3b2hkk] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .prep-progress-line[b-e29o3b2hkk] {
        grid-template-columns: 1fr auto;
    }

    .prep-progress-track[b-e29o3b2hkk] {
        grid-column: 1 / -1;
        order: 3;
    }

    .prep-section-nav[b-e29o3b2hkk] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/PayCodes.razor.rz.scp.css */
.pay-code-page[b-kfaoasiohs] {
    width: 100%;
}

.pay-code-header[b-kfaoasiohs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.pay-code-title-wrap[b-kfaoasiohs] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pay-code-dot[b-kfaoasiohs] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.pay-code-title[b-kfaoasiohs] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.pay-code-header-actions[b-kfaoasiohs] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.pay-code-search[b-kfaoasiohs],
.pay-code-filter[b-kfaoasiohs] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.pay-code-search[b-kfaoasiohs] {
    width: 240px;
}

.pay-code-filter[b-kfaoasiohs] {
    width: 150px;
}

.pay-code-button[b-kfaoasiohs] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .pay-code-button.primary[b-kfaoasiohs] {
        background: #099bc6;
        color: #ffffff;
    }

    .pay-code-button.secondary[b-kfaoasiohs] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.pay-code-panel[b-kfaoasiohs] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.pay-code-panel-header[b-kfaoasiohs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.pay-code-panel-title[b-kfaoasiohs] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.pay-code-panel-count[b-kfaoasiohs] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.pay-code-empty[b-kfaoasiohs] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.pay-code-editor-body[b-kfaoasiohs] {
    padding: 12px;
}

.pay-code-form-grid[b-kfaoasiohs] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px 12px;
}

    .pay-code-form-grid label[b-kfaoasiohs] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.pay-code-form-grid-full[b-kfaoasiohs] {
    grid-column: 1 / -1;
}

.pay-code-checkbox-grid[b-kfaoasiohs] {
    grid-column: 1 / -1;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    padding: 8px 0;
}

    .pay-code-checkbox-grid label[b-kfaoasiohs] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0;
        font-size: 0.76rem;
        font-weight: 600;
        color: #334150;
    }

.pay-code-checkbox-grid.pay-code-checkbox-grid-wide[b-kfaoasiohs] {
    gap: 10px 16px;
    align-items: flex-start;
}

.pay-code-editor-section[b-kfaoasiohs] {
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #fbfcfe;
    padding: 10px 12px;
}

.pay-code-editor-section-title[b-kfaoasiohs] {
    margin-bottom: 8px;
    color: #233241;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.pay-code-editor-actions[b-kfaoasiohs] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.pay-code-table-wrap[b-kfaoasiohs] {
    width: 100%;
    overflow-x: auto;
}

.pay-code-table[b-kfaoasiohs] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .pay-code-table thead th[b-kfaoasiohs] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.66rem;
        font-weight: 700;
        text-align: left;
        padding: 4px 5px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pay-code-table tbody td[b-kfaoasiohs] {
        font-size: 0.69rem;
        font-weight: 400;
        color: #24313d;
        padding: 4px 5px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 0.98rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pay-code-table tbody tr:nth-child(odd)[b-kfaoasiohs] {
        background: #fcfdfe;
    }

    .pay-code-table tbody tr:nth-child(even)[b-kfaoasiohs] {
        background: #f6f8fa;
    }

    .pay-code-table tbody tr:hover[b-kfaoasiohs] {
        background: #eef9f4;
    }

    .pay-code-table th:nth-child(1)[b-kfaoasiohs],
    .pay-code-table td:nth-child(1)[b-kfaoasiohs] {
        width: 58px;
    }

    .pay-code-table th:nth-child(2)[b-kfaoasiohs],
    .pay-code-table td:nth-child(2)[b-kfaoasiohs] {
        width: 118px;
    }

    .pay-code-table th:nth-child(3)[b-kfaoasiohs],
    .pay-code-table td:nth-child(3)[b-kfaoasiohs] {
        width: 78px;
    }

    .pay-code-table th:nth-child(4)[b-kfaoasiohs],
    .pay-code-table td:nth-child(4)[b-kfaoasiohs] {
        width: 82px;
    }

    .pay-code-table th:nth-child(5)[b-kfaoasiohs],
    .pay-code-table td:nth-child(5)[b-kfaoasiohs] {
        width: 82px;
    }

    .pay-code-table th:nth-child(6)[b-kfaoasiohs],
    .pay-code-table td:nth-child(6)[b-kfaoasiohs] {
        width: 106px;
    }

    .pay-code-table th:nth-child(7)[b-kfaoasiohs],
    .pay-code-table td:nth-child(7)[b-kfaoasiohs],
    .pay-code-table th:nth-child(8)[b-kfaoasiohs],
    .pay-code-table td:nth-child(8)[b-kfaoasiohs],
    .pay-code-table th:nth-child(9)[b-kfaoasiohs],
    .pay-code-table td:nth-child(9)[b-kfaoasiohs] {
        width: 52px;
    }

    .pay-code-table th:nth-child(10)[b-kfaoasiohs],
    .pay-code-table td:nth-child(10)[b-kfaoasiohs] {
        width: 42px;
    }

    .pay-code-table th:nth-child(11)[b-kfaoasiohs],
    .pay-code-table td:nth-child(11)[b-kfaoasiohs] {
        width: 56px;
    }

    .pay-code-table th:nth-child(12)[b-kfaoasiohs],
    .pay-code-table td:nth-child(12)[b-kfaoasiohs] {
        width: 54px;
    }

    .pay-code-table th:nth-child(13)[b-kfaoasiohs],
    .pay-code-table td:nth-child(13)[b-kfaoasiohs] {
        width: 66px;
    }

    .pay-code-table th:nth-child(14)[b-kfaoasiohs],
    .pay-code-table td:nth-child(14)[b-kfaoasiohs],
    .pay-code-table th:nth-child(15)[b-kfaoasiohs],
    .pay-code-table td:nth-child(15)[b-kfaoasiohs] {
        width: 58px;
    }

    .pay-code-table th:nth-child(16)[b-kfaoasiohs],
    .pay-code-table td:nth-child(16)[b-kfaoasiohs] {
        width: 42px;
    }

    .pay-code-table th:nth-child(17)[b-kfaoasiohs],
    .pay-code-table td:nth-child(17)[b-kfaoasiohs] {
        width: 118px;
    }

    .pay-code-table th:nth-child(18)[b-kfaoasiohs],
    .pay-code-table td:nth-child(18)[b-kfaoasiohs] {
        width: 34px;
    }

    .pay-code-table .admin-grid-filter-input[b-kfaoasiohs],
    .pay-code-table .admin-grid-filter-select[b-kfaoasiohs] {
        width: 100%;
        min-width: 0;
        height: 25px;
        padding: 0 5px;
        font-size: 0.66rem;
        box-sizing: border-box;
    }

    .pay-code-table .admin-grid-sort-button[b-kfaoasiohs] {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pay-code-status-pill[b-kfaoasiohs] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 6px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .pay-code-status-pill.active[b-kfaoasiohs] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .pay-code-status-pill.inactive[b-kfaoasiohs] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

    .pay-code-status-pill.archived[b-kfaoasiohs] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .pay-code-status-pill.mistake[b-kfaoasiohs] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.pay-code-row-actions[b-kfaoasiohs] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.pay-code-row-link[b-kfaoasiohs] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .pay-code-row-link:hover[b-kfaoasiohs] {
        text-decoration: underline;
    }

    .pay-code-row-link.muted[b-kfaoasiohs] {
        color: #6b7785;
    }

    .pay-code-row-link.icon-only[b-kfaoasiohs] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cfd7e2;
        border-radius: 5px;
        background: #f7f9fb;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .pay-code-row-link.icon-only:hover[b-kfaoasiohs] {
            background: #eef6fb;
            text-decoration: none;
        }

.pay-code-tax-summary[b-kfaoasiohs] {
    display: inline-block;
    max-width: 100%;
    max-height: 1.95rem;
    overflow: hidden;
    color: #4c5e6d;
    font-size: 0.66rem;
    line-height: 0.96rem;
    white-space: normal;
}

@media (max-width: 1200px) {
    .pay-code-header-actions[b-kfaoasiohs] {
        justify-content: flex-start;
        width: 100%;
    }

    .pay-code-search[b-kfaoasiohs],
    .pay-code-filter[b-kfaoasiohs] {
        width: 100%;
    }

    .pay-code-form-grid[b-kfaoasiohs] {
        grid-template-columns: 1fr;
    }

    .pay-code-form-grid-full[b-kfaoasiohs],
    .pay-code-checkbox-grid[b-kfaoasiohs] {
        grid-column: auto;
    }

    .pay-code-panel-header[b-kfaoasiohs] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Payroll.razor.rz.scp.css */
.paybill-prep-page[b-edozyaprhb] {
    --ammon-blue: #0d7fc3;
    --ammon-blue-dark: #075f96;
    --ammon-teal: #2f7d8b;
    --ammon-line: #d7e1e8;
    display: grid;
    gap: 10px;
    color: #1f2f3c;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.prep-selector-bar[b-edozyaprhb],
.prep-batch-header[b-edozyaprhb],
.prep-section-card[b-edozyaprhb],
.prep-empty-state[b-edozyaprhb],
.prep-card[b-edozyaprhb] {
    border: 1px solid var(--ammon-line);
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(18, 55, 64, 0.05);
}

.prep-header[b-edozyaprhb] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 2px 8px;
    background: #ffffff;
}

.prep-eyebrow[b-edozyaprhb],
.prep-kicker[b-edozyaprhb] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.prep-header h1[b-edozyaprhb] {
    margin: 3px 0;
    color: #122e3b;
    font-size: 1.15rem;
    font-weight: 700;
    line-height: 1.15;
}

.prep-batch-header h2[b-edozyaprhb] {
    margin: 4px 0;
    color: #122e3b;
    font-size: 1.25rem;
    font-weight: 700;
}

.prep-header p[b-edozyaprhb],
.prep-batch-header p[b-edozyaprhb],
.prep-section-title-row p[b-edozyaprhb],
.prep-finalize-card p[b-edozyaprhb] {
    margin: 0;
    color: #5c7278;
    font-size: 0.82rem;
    font-weight: 500;
}

.prep-selector-bar[b-edozyaprhb] {
    display: grid;
    grid-template-columns: minmax(210px, 260px) minmax(260px, 1fr) auto auto;
    gap: 10px;
    align-items: end;
    padding: 10px;
}

.prep-selector-bar label[b-edozyaprhb],
.prep-form-grid label[b-edozyaprhb] {
    display: grid;
    gap: 4px;
    color: #526a70;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-select[b-edozyaprhb],
.prep-input[b-edozyaprhb],
.prep-textarea[b-edozyaprhb] {
    width: 100%;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    padding: 0.5rem 0.58rem;
    background: #ffffff;
    color: #18343c;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 500;
}

.prep-textarea[b-edozyaprhb] {
    min-height: 90px;
    resize: vertical;
}

.prep-button[b-edozyaprhb],
.prep-pill-button[b-edozyaprhb],
.prep-link-button[b-edozyaprhb] {
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 13px;
    background: #ffffff;
    color: #4e5d6c;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.prep-button.primary[b-edozyaprhb],
.prep-pill-button[b-edozyaprhb] {
    border-color: var(--ammon-blue-dark);
    background: var(--ammon-blue);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(13, 127, 195, 0.22);
}

.prep-button.secondary[b-edozyaprhb],
.prep-link-button[b-edozyaprhb] {
    border-color: #bdccd7;
    color: #315364;
}

.prep-button.danger[b-edozyaprhb] {
    border-color: #a94442;
    background: #a94442;
    color: #ffffff;
}

.prep-button:hover:not(:disabled)[b-edozyaprhb],
.prep-pill-button:hover:not(:disabled)[b-edozyaprhb],
.prep-link-button:hover:not(:disabled)[b-edozyaprhb],
.prep-button:focus-visible:not(:disabled)[b-edozyaprhb],
.prep-pill-button:focus-visible:not(:disabled)[b-edozyaprhb],
.prep-link-button:focus-visible:not(:disabled)[b-edozyaprhb] {
    border-color: var(--ammon-blue-dark);
    outline: none;
}

.prep-button.primary:hover:not(:disabled)[b-edozyaprhb],
.prep-pill-button:hover:not(:disabled)[b-edozyaprhb] {
    background: var(--ammon-blue-dark);
}

.prep-button:disabled[b-edozyaprhb],
.prep-pill-button:disabled[b-edozyaprhb],
.prep-link-button:disabled[b-edozyaprhb] {
    cursor: not-allowed;
    opacity: 0.58;
}

.prep-message[b-edozyaprhb] {
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700;
}

.prep-message.success[b-edozyaprhb] {
    border: 1px solid #cbe7d6;
    background: #eef9f2;
    color: #276342;
}

.prep-message.error[b-edozyaprhb] {
    border: 1px solid #f2c6c6;
    background: #fff1f1;
    color: #963b3b;
}

.payroll-operating-bar[b-edozyaprhb] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) auto;
    gap: 8px;
    align-items: end;
    padding: 8px;
    border: 1px solid var(--ammon-line);
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(18, 55, 64, 0.05);
}

.payroll-operating-bar label[b-edozyaprhb] {
    display: grid;
    gap: 4px;
    color: #526a70;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.payroll-mass-actions[b-edozyaprhb] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.payroll-operating-grid-shell[b-edozyaprhb] {
    border: 1px solid var(--ammon-line);
    border-radius: 3px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(18, 55, 64, 0.05);
}

.payroll-operating-summary[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(105px, 1fr));
    gap: 1px;
    border-bottom: 1px solid #d7e1e8;
    background: #d7e1e8;
}

.payroll-operating-summary div[b-edozyaprhb] {
    padding: 7px 9px;
    background: #f8fbfb;
}

.payroll-operating-summary span[b-edozyaprhb] {
    display: block;
    color: #657b81;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.payroll-operating-summary strong[b-edozyaprhb] {
    display: block;
    margin-top: 2px;
    color: #122e3b;
    font-size: 0.88rem;
    line-height: 1.1;
}

.payroll-operating-table-wrap[b-edozyaprhb] {
    width: 100%;
    overflow-x: auto;
}

.payroll-operating-table[b-edozyaprhb] {
    width: 100%;
    min-width: 1320px;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.75rem;
}

.payroll-operating-table th[b-edozyaprhb],
.payroll-operating-table td[b-edozyaprhb] {
    height: 30px;
    padding: 3px 6px;
    border-right: 1px solid #dbe5ec;
    border-bottom: 1px solid #e4ebf0;
    color: #1f2f3c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.payroll-operating-table th[b-edozyaprhb] {
    background: #f2f7f8;
    color: #4d646b;
    font-size: 0.64rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.payroll-operating-table tbody tr:hover td[b-edozyaprhb],
.payroll-operating-table tbody tr.selected-row td[b-edozyaprhb] {
    background: #eef8fb;
}

.payroll-filter-head th[b-edozyaprhb] {
    height: 28px;
    background: #ffffff;
}

.payroll-grid-filter[b-edozyaprhb] {
    width: 100%;
    height: 23px;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    padding: 0 5px;
    font-size: 0.72rem;
}

.payroll-select-col[b-edozyaprhb],
.payroll-action-col[b-edozyaprhb],
.payroll-menu-col[b-edozyaprhb] {
    width: 34px;
}

.payroll-grid-icon-button[b-edozyaprhb] {
    width: 24px;
    height: 24px;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    color: #315364;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.56rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.payroll-grid-icon-button:hover:not(:disabled)[b-edozyaprhb],
.payroll-grid-icon-button:focus-visible:not(:disabled)[b-edozyaprhb] {
    border-color: var(--ammon-blue-dark);
    color: var(--ammon-blue-dark);
    outline: none;
}

.payroll-grid-icon-button:disabled[b-edozyaprhb] {
    opacity: 0.45;
    cursor: not-allowed;
}

.payroll-operating-table .numeric[b-edozyaprhb],
.payroll-detail-table .numeric[b-edozyaprhb] {
    text-align: right;
}

.payroll-operating-table .center[b-edozyaprhb] {
    text-align: center;
}

.payroll-operating-table .clip[b-edozyaprhb] {
    max-width: 1px;
}

.prep-title-block[b-edozyaprhb] {
    min-width: 260px;
    flex: 1;
}

.prep-title-row[b-edozyaprhb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.prep-back-button[b-edozyaprhb] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    padding: 0;
}

.prep-back-button svg[b-edozyaprhb] {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.prep-back-button:hover[b-edozyaprhb],
.prep-back-button:focus-visible[b-edozyaprhb] {
    color: var(--ammon-blue);
    outline: none;
}

.prep-header h1[b-edozyaprhb] {
    margin: 3px 0 0;
    font-size: 1.05rem;
    font-weight: 700;
}

.prep-header p[b-edozyaprhb] {
    margin-top: 4px;
    font-size: 0.76rem;
    line-height: 1.3;
}

.prep-button[b-edozyaprhb],
.prep-pill-button[b-edozyaprhb],
.prep-link-button[b-edozyaprhb] {
    min-height: 34px;
    border-radius: 3px;
    padding: 0 13px;
    font-size: 0.78rem;
    font-weight: 700;
}

.prep-selector-bar[b-edozyaprhb],
.payroll-operating-bar[b-edozyaprhb],
.payroll-operating-grid-shell[b-edozyaprhb] {
    border-radius: 0;
    box-shadow: none;
}

.payroll-operating-table[b-edozyaprhb] {
    color: #172530;
    font-size: 0.66rem;
}

.payroll-operating-table th[b-edozyaprhb],
.payroll-operating-table td[b-edozyaprhb] {
    height: 30px;
    padding: 3px 5px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
}

.payroll-operating-table th[b-edozyaprhb] {
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    text-transform: none;
}

.payroll-filter-head th[b-edozyaprhb] {
    height: 55px;
    padding: 4px 5px;
    background: #f2f3f4;
    vertical-align: top;
}

.payroll-grid-filter[b-edozyaprhb] {
    height: 20px;
    border-color: #d2d8de;
    border-radius: 1px;
    font-size: 0.62rem;
}

.payroll-select-col[b-edozyaprhb] {
    width: 36px;
}

.payroll-action-col[b-edozyaprhb],
.payroll-menu-col[b-edozyaprhb] {
    width: 26px;
}

.payroll-grid-icon-button[b-edozyaprhb] {
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    color: var(--ammon-blue-dark);
    font-size: 0;
}

.payroll-grid-icon-button svg[b-edozyaprhb] {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.payroll-grid-icon-button:hover:not(:disabled)[b-edozyaprhb],
.payroll-grid-icon-button:focus-visible:not(:disabled)[b-edozyaprhb] {
    border-color: #b8c9d5;
    background: #eef7fc;
    color: #004f84;
}

.payroll-exception-dot[b-edozyaprhb] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff4ce;
    color: #8a5a00;
    font-size: 0.68rem;
    font-weight: 900;
}

.payroll-row-menu[b-edozyaprhb] {
    position: relative;
}

.payroll-row-menu summary[b-edozyaprhb] {
    width: 24px;
    height: 24px;
    list-style: none;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    color: #315364;
    cursor: pointer;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 20px;
}

.payroll-row-menu summary[b-edozyaprhb]::-webkit-details-marker {
    display: none;
}

.payroll-row-menu div[b-edozyaprhb] {
    position: absolute;
    right: 0;
    z-index: 20;
    display: grid;
    min-width: 140px;
    padding: 4px;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
}

.payroll-row-menu button[b-edozyaprhb] {
    min-height: 28px;
    border: 0;
    background: transparent;
    color: #315364;
    font-size: 0.74rem;
    font-weight: 800;
    text-align: left;
    cursor: pointer;
}

.payroll-row-menu button:hover:not(:disabled)[b-edozyaprhb],
.payroll-row-menu button:focus-visible:not(:disabled)[b-edozyaprhb] {
    background: #eef8fb;
    outline: none;
}

.payroll-row-menu button:disabled[b-edozyaprhb] {
    color: #9aa5b1;
    cursor: not-allowed;
}

.payroll-empty[b-edozyaprhb] {
    padding: 14px;
    color: #657b81;
    font-size: 0.8rem;
    font-weight: 700;
    text-align: center;
}

.payroll-empty.compact[b-edozyaprhb] {
    padding: 8px;
    text-align: left;
}

.payroll-flyout-backdrop[b-edozyaprhb] {
    position: fixed;
    inset: 0;
    z-index: 80;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.32);
}

.payroll-flyout-panel[b-edozyaprhb] {
    width: min(760px, 100%);
    height: 100vh;
    overflow: auto;
    border-left: 1px solid #b9c8d3;
    background: #ffffff;
    box-shadow: -18px 0 40px rgba(15, 23, 42, 0.18);
}

.payroll-flyout-header[b-edozyaprhb] {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border-bottom: 1px solid #d7e1e8;
    background: #ffffff;
}

.payroll-flyout-title[b-edozyaprhb] {
    color: #122e3b;
    font-size: 1rem;
    font-weight: 800;
}

.payroll-flyout-subtitle[b-edozyaprhb] {
    color: #5c7278;
    font-size: 0.76rem;
    font-weight: 700;
}

.payroll-flyout-body[b-edozyaprhb] {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.payroll-detail-strip[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #d7e1e8;
    border-radius: 3px;
    overflow: hidden;
}

.payroll-detail-strip div[b-edozyaprhb] {
    padding: 8px 9px;
    border-right: 1px solid #d7e1e8;
    background: #f8fbfb;
}

.payroll-detail-strip div:last-child[b-edozyaprhb] {
    border-right: 0;
}

.payroll-detail-strip span[b-edozyaprhb] {
    display: block;
    color: #657b81;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.payroll-detail-strip strong[b-edozyaprhb] {
    display: block;
    margin-top: 2px;
    color: #122e3b;
}

.payroll-generated-link[b-edozyaprhb] {
    display: inline-flex;
    justify-self: start;
    min-height: 30px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    color: #1f7180;
    font-size: 0.78rem;
    font-weight: 800;
    text-decoration: none;
}

.payroll-detail-section[b-edozyaprhb] {
    display: grid;
    gap: 6px;
}

.payroll-detail-section h3[b-edozyaprhb] {
    margin: 0;
    color: #122e3b;
    font-size: 0.86rem;
    font-weight: 800;
}

.payroll-detail-table-wrap[b-edozyaprhb] {
    overflow-x: auto;
}

.payroll-detail-table[b-edozyaprhb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.payroll-detail-table th[b-edozyaprhb],
.payroll-detail-table td[b-edozyaprhb] {
    padding: 5px 6px;
    border: 1px solid #dce6ed;
}

.payroll-detail-table th[b-edozyaprhb] {
    background: #f2f7f8;
    color: #4d646b;
    font-size: 0.66rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.prep-empty-state[b-edozyaprhb],
.prep-batch-header[b-edozyaprhb],
.prep-workspace[b-edozyaprhb] {
    display: none;
}

.prep-empty-state[b-edozyaprhb],
.prep-card[b-edozyaprhb] {
    padding: 18px;
}

.prep-batch-header[b-edozyaprhb] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) minmax(420px, 1.5fr);
    gap: 14px;
    padding: 13px;
}

.prep-batch-metrics[b-edozyaprhb],
.prep-metric-grid[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
    gap: 8px;
}

.prep-batch-metrics div[b-edozyaprhb],
.prep-metric-grid div[b-edozyaprhb],
.prep-mini-card[b-edozyaprhb] {
    border-left: 4px solid var(--ammon-teal);
    border-radius: 3px;
    padding: 8px 9px;
    background: #f8fbfb;
}

.prep-batch-metrics span[b-edozyaprhb],
.prep-metric-grid span[b-edozyaprhb] {
    display: block;
    color: #657b81;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-batch-metrics strong[b-edozyaprhb],
.prep-metric-grid strong[b-edozyaprhb] {
    display: block;
    margin-top: 3px;
    font-size: 0.9rem;
}

.prep-workspace[b-edozyaprhb] {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.prep-jump-card[b-edozyaprhb] {
    position: sticky;
    top: 14px;
    display: grid;
    gap: 8px;
    padding: 13px;
    border: 1px solid var(--ammon-line);
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(18, 55, 64, 0.05);
}

.prep-jump-card span[b-edozyaprhb] {
    color: #77888d;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-jump-card a[b-edozyaprhb] {
    color: #1f7180;
    font-weight: 800;
    text-decoration: none;
}

.prep-checklist[b-edozyaprhb] {
    display: grid;
    gap: 10px;
}

.prep-section-card[b-edozyaprhb] {
    padding: 14px;
}

.prep-section-title-row[b-edozyaprhb] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.prep-section-title-row h3[b-edozyaprhb] {
    margin: 0 0 3px;
    font-size: 1.05rem;
    font-weight: 700;
}

.prep-status[b-edozyaprhb],
.prep-severity[b-edozyaprhb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0.24rem 0.55rem;
    background: #eef4f5;
    color: #31515a;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.prep-status.complete[b-edozyaprhb],
.prep-status.finalized[b-edozyaprhb],
.prep-status.finalized-sent[b-edozyaprhb],
.prep-status.locked[b-edozyaprhb],
.prep-severity.info[b-edozyaprhb] {
    background: #e9f7ef;
    color: #2c6543;
}

.prep-status.warning[b-edozyaprhb],
.prep-severity.warning[b-edozyaprhb] {
    background: #fff4de;
    color: #8a5b16;
}

.prep-status.blocked[b-edozyaprhb],
.prep-severity.critical[b-edozyaprhb],
.prep-severity.error[b-edozyaprhb] {
    background: #fff0f0;
    color: #9b3939;
}

.prep-step-row[b-edozyaprhb],
.prep-action-card[b-edozyaprhb],
.prep-review-panel[b-edozyaprhb],
.prep-finalize-card[b-edozyaprhb] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid #e0ecee;
    border-radius: 3px;
    background: #fbfdfd;
}

.prep-step-row span[b-edozyaprhb],
.prep-action-card span[b-edozyaprhb],
.prep-action-card em[b-edozyaprhb] {
    display: block;
    color: #60777d;
    font-style: normal;
    font-weight: 600;
}

.prep-action-grid[b-edozyaprhb],
.prep-review-grid[b-edozyaprhb],
.prep-finalize-grid[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 10px;
}

.prep-action-card[b-edozyaprhb] {
    align-items: stretch;
}

.prep-action-card strong[b-edozyaprhb] {
    display: block;
    margin-bottom: 3px;
}

.prep-action-slot[b-edozyaprhb] {
    display: flex;
    align-items: center;
}

.prep-review-panel[b-edozyaprhb],
.prep-finalize-card[b-edozyaprhb] {
    display: grid;
    gap: 8px;
    align-items: start;
}

.prep-review-panel h4[b-edozyaprhb],
.prep-finalize-card h4[b-edozyaprhb],
.prep-subsection h4[b-edozyaprhb] {
    margin: 0;
    font-size: 0.95rem;
}

.prep-metric-grid.compact[b-edozyaprhb] {
    grid-template-columns: repeat(2, minmax(110px, 1fr));
}

.prep-subsection[b-edozyaprhb] {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.prep-subsection-title-row[b-edozyaprhb],
.prep-panel-actions[b-edozyaprhb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
}

.prep-empty-inline[b-edozyaprhb] {
    padding: 10px;
    border: 1px dashed #c8dadd;
    border-radius: 3px;
    color: #5e747a;
    font-weight: 700;
}

.prep-mini-card span[b-edozyaprhb] {
    display: block;
    color: #657b81;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-mini-card strong[b-edozyaprhb] {
    display: block;
    margin-top: 3px;
    color: #18333f;
    font-size: 0.9rem;
}

.prep-calc-title-meta[b-edozyaprhb] {
    display: grid;
    gap: 2px;
    min-width: 150px;
    border-left: 4px solid var(--ammon-teal);
    border-radius: 3px;
    background: #f8fbfc;
    padding: 8px 10px;
    color: #24404c;
}

.prep-calc-title-meta span[b-edozyaprhb] {
    color: #688089;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-calc-title-meta strong[b-edozyaprhb] {
    font-size: 0.82rem;
    font-weight: 800;
}

.prep-calc-summary-strip[b-edozyaprhb],
.prep-calc-detail-summary[b-edozyaprhb],
.prep-calc-section-grid[b-edozyaprhb] {
    display: grid;
    gap: 8px;
}

.prep-calc-summary-strip[b-edozyaprhb],
.prep-calc-detail-summary[b-edozyaprhb] {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.prep-calc-review-shell[b-edozyaprhb] {
    display: grid;
    grid-template-columns: minmax(320px, 0.92fr) minmax(0, 1.3fr);
    gap: 10px;
}

.prep-calc-list-panel[b-edozyaprhb],
.prep-calc-detail-panel[b-edozyaprhb] {
    border: 1px solid #d7e1e8;
    border-radius: 3px;
    background: #ffffff;
}

.prep-calc-panel-header[b-edozyaprhb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding: 10px;
    border-bottom: 1px solid #dfe8ec;
    background: #fcfefe;
}

.prep-calc-panel-header h5[b-edozyaprhb] {
    margin: 0 0 2px;
    color: #18313d;
    font-size: 0.9rem;
    font-weight: 800;
}

.prep-calc-panel-header span[b-edozyaprhb] {
    color: #5f767d;
    font-size: 0.74rem;
    font-weight: 700;
}

.prep-calc-list-table[b-edozyaprhb] {
    min-width: 0;
}

.prep-calc-list-table td strong[b-edozyaprhb] {
    display: block;
}

.prep-calc-list-selected td[b-edozyaprhb] {
    background: #eef8fb;
}

.prep-calc-issue-band[b-edozyaprhb] {
    display: grid;
    gap: 8px;
    padding: 10px 10px 0;
}

.prep-calc-issue[b-edozyaprhb] {
    border: 1px solid #d6e1e6;
    border-left-width: 4px;
    border-radius: 3px;
    padding: 8px 10px;
    background: #f8fbfc;
    color: #314853;
    font-size: 0.75rem;
    font-weight: 700;
}

.prep-calc-issue.blocking[b-edozyaprhb] {
    border-color: #efcaca;
    border-left-color: #b44949;
    background: #fff4f4;
    color: #8d3434;
}

.prep-calc-issue.warning[b-edozyaprhb] {
    border-color: #edd9a9;
    border-left-color: #b78a31;
    background: #fff9ef;
    color: #8a651b;
}

.prep-calc-detail-panel[b-edozyaprhb] {
    display: grid;
    gap: 10px;
    align-content: start;
}

.prep-calc-detail-summary[b-edozyaprhb],
.prep-calc-section-grid[b-edozyaprhb],
.prep-calc-day-table[b-edozyaprhb] {
    margin: 0 10px 10px;
}

.prep-calc-section-grid[b-edozyaprhb] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.prep-calc-section-card[b-edozyaprhb] {
    gap: 8px;
}

.prep-calc-detail-table[b-edozyaprhb],
.prep-calc-day-table[b-edozyaprhb] {
    min-width: 0;
}

.prep-table-wrap[b-edozyaprhb] {
    overflow: auto;
    border: 1px solid #d7e5e8;
    border-radius: 3px;
}

.prep-table[b-edozyaprhb] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    background: #ffffff;
}

.prep-table th[b-edozyaprhb] {
    padding: 0.5rem 0.58rem;
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: left;
}

.prep-table td[b-edozyaprhb] {
    padding: 0.5rem 0.58rem;
    border-bottom: 1px solid #e2ecee;
    font-size: 0.76rem;
    vertical-align: top;
}

.prep-table td span[b-edozyaprhb] {
    display: block;
    color: #667a80;
    font-size: 0.72rem;
}

.prep-modal-backdrop[b-edozyaprhb] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(18, 37, 43, 0.36);
}

.prep-modal[b-edozyaprhb] {
    width: min(720px, 96vw);
    border-radius: 3px;
    padding: 18px;
    background: #ffffff;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24);
}

.prep-modal.compact[b-edozyaprhb] {
    width: min(540px, 96vw);
}

.prep-modal h2[b-edozyaprhb] {
    margin: 0 0 12px;
    font-size: 1.15rem;
}

.prep-form-grid[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 12px;
}

.prep-form-grid .wide[b-edozyaprhb] {
    grid-column: 1 / -1;
}

.prep-modal-actions[b-edozyaprhb] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 16px;
}

@media (max-width: 1100px) {
    .prep-selector-bar[b-edozyaprhb],
    .prep-batch-header[b-edozyaprhb],
    .prep-workspace[b-edozyaprhb],
    .prep-action-grid[b-edozyaprhb],
    .prep-review-grid[b-edozyaprhb],
    .prep-finalize-grid[b-edozyaprhb] {
        grid-template-columns: 1fr;
    }

    .prep-jump-card[b-edozyaprhb] {
        position: static;
        grid-template-columns: repeat(4, 1fr);
    }

    .prep-jump-card span[b-edozyaprhb] {
        grid-column: 1 / -1;
    }

    .prep-calc-review-shell[b-edozyaprhb],
    .prep-calc-section-grid[b-edozyaprhb],
    .prep-calc-summary-strip[b-edozyaprhb],
    .prep-calc-detail-summary[b-edozyaprhb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .prep-header[b-edozyaprhb],
    .prep-section-title-row[b-edozyaprhb],
    .prep-step-row[b-edozyaprhb],
    .prep-action-card[b-edozyaprhb] {
        flex-direction: column;
        align-items: stretch;
    }

    .prep-batch-metrics[b-edozyaprhb],
    .prep-metric-grid[b-edozyaprhb],
    .prep-metric-grid.compact[b-edozyaprhb],
    .prep-form-grid[b-edozyaprhb] {
        grid-template-columns: 1fr;
    }

    .prep-jump-card[b-edozyaprhb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .prep-calc-panel-header[b-edozyaprhb],
    .prep-subsection-title-row[b-edozyaprhb] {
        align-items: stretch;
    }

    .prep-calc-title-meta[b-edozyaprhb] {
        min-width: 0;
        width: 100%;
    }
}

.payroll-row-menu summary[b-edozyaprhb] {
    width: 18px;
    height: 18px;
    border-color: transparent;
    background: transparent;
    color: var(--ammon-blue-dark);
    line-height: 15px;
}

.payroll-row-menu summary:hover[b-edozyaprhb],
.payroll-row-menu summary:focus-visible[b-edozyaprhb] {
    border-color: #b8c9d5;
    background: #eef7fc;
    outline: none;
}

@media (max-width: 720px) {
    .prep-title-row[b-edozyaprhb] {
        align-items: center;
    }
}
/* /Components/Pages/PayrollOrderSetupTypes.razor.rz.scp.css */

.order-type-page[b-v855bbppec] { width: 100%; }

.order-type-header[b-v855bbppec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.order-type-title-wrap[b-v855bbppec] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-type-dot[b-v855bbppec] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.order-type-title[b-v855bbppec] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.order-type-header-actions[b-v855bbppec] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.order-type-search[b-v855bbppec],
.order-type-filter[b-v855bbppec] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.order-type-search[b-v855bbppec] { width: 260px; }
.order-type-filter[b-v855bbppec] { width: 170px; }

.order-type-button[b-v855bbppec] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

.order-type-button.primary[b-v855bbppec] { background: #099bc6; color: #ffffff; }
.order-type-button.secondary[b-v855bbppec] { background: #f7f9fb; color: #5a6570; border-color: #cfd7e2; }

.order-type-panel[b-v855bbppec] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.order-type-panel-header[b-v855bbppec] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.order-type-panel-title[b-v855bbppec] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.order-type-panel-subtitle[b-v855bbppec] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.order-type-panel-count[b-v855bbppec] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.order-type-empty[b-v855bbppec] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.order-type-editor-body[b-v855bbppec] { padding: 12px; }

.order-type-section-title[b-v855bbppec] {
    margin: 4px 0 10px 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.order-type-form-grid[b-v855bbppec] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px 12px;
    margin-bottom: 12px;
}
.order-type-form-grid label[b-v855bbppec] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.74rem;
    font-weight: 700;
    color: #465463;
    letter-spacing: 0.01em;
}
.order-type-form-grid-full[b-v855bbppec] { grid-column: 1 / -1; }

.order-type-checkbox-grid[b-v855bbppec] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0 14px 0;
}
.order-type-checkbox-grid label[b-v855bbppec] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 0;
    font-size: 0.76rem;
    font-weight: 600;
    color: #334150;
}

.order-type-editor-actions[b-v855bbppec] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.order-type-table-wrap[b-v855bbppec] { width: 100%; overflow-x: auto; }
.order-type-table[b-v855bbppec] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}
.order-type-table thead th[b-v855bbppec] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.70rem;
    font-weight: 700;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
    letter-spacing: 0.01em;
    vertical-align: middle;
}
.order-type-table tbody td[b-v855bbppec] {
    font-size: 0.72rem;
    font-weight: 400;
    color: #24313d;
    padding: 5px 8px;
    border-bottom: 1px solid #e3e8ee;
    vertical-align: middle;
    line-height: 1.05rem;
    white-space: nowrap;
}
.order-type-table tbody tr:nth-child(odd)[b-v855bbppec] { background: #fcfdfe; }
.order-type-table tbody tr:nth-child(even)[b-v855bbppec] { background: #f6f8fa; }
.order-type-table tbody tr:hover[b-v855bbppec] { background: #eef9f4; }

.order-type-status-pill[b-v855bbppec] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}
.order-type-status-pill.active[b-v855bbppec] { background: #eef9f2; border-color: #b8e3c8; color: #25743f; }
.order-type-status-pill.inactive[b-v855bbppec] { background: #f3f5f7; border-color: #d8dfe7; color: #687584; }
.order-type-status-pill.archived[b-v855bbppec] { background: #fff7ea; border-color: #f2d29a; color: #9a6300; }
.order-type-status-pill.mistake[b-v855bbppec] { background: #fff2f3; border-color: #f0c1c8; color: #b24552; }

.order-type-row-actions[b-v855bbppec] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.order-type-row-link[b-v855bbppec] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}
.order-type-row-link:hover[b-v855bbppec] { text-decoration: underline; }
.order-type-row-link.muted[b-v855bbppec] { color: #6b7785; }

.order-type-row-link.icon-only[b-v855bbppec] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.82rem;
    line-height: 1;
}

    .order-type-row-link.icon-only:hover[b-v855bbppec] {
        background: #eef6fb;
        text-decoration: none;
    }

@media (max-width: 1400px) {
    .order-type-form-grid[b-v855bbppec] { grid-template-columns: repeat(2, minmax(170px, 1fr)); }
}
@media (max-width: 1200px) {
    .order-type-header-actions[b-v855bbppec] { justify-content: flex-start; width: 100%; }
    .order-type-search[b-v855bbppec], .order-type-filter[b-v855bbppec] { width: 100%; }
    .order-type-panel-header[b-v855bbppec] { flex-direction: column; align-items: flex-start; }
}
@media (max-width: 800px) {
    .order-type-form-grid[b-v855bbppec] { grid-template-columns: 1fr; }
    .order-type-form-grid-full[b-v855bbppec] { grid-column: auto; }
    .order-type-editor-actions[b-v855bbppec] { flex-direction: column; align-items: stretch; }
    .order-type-button[b-v855bbppec] { width: 100%; }
}
/* /Components/Pages/PayrollRuleSets.razor.rz.scp.css */
.payroll-rule-page[b-78ft3pkpf4] {
    display: grid;
    gap: 10px;
    color: #20323e;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.payroll-rule-header[b-78ft3pkpf4],
.payroll-rule-filter-bar[b-78ft3pkpf4],
.payroll-rule-list-panel[b-78ft3pkpf4],
.payroll-rule-card[b-78ft3pkpf4] {
    border: 1px solid #d7e1e8;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(18, 55, 64, 0.05);
}

.payroll-rule-header[b-78ft3pkpf4] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 8px 10px;
}

.payroll-rule-eyebrow[b-78ft3pkpf4] {
    color: #3d6976;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.payroll-rule-header h1[b-78ft3pkpf4],
.payroll-rule-card-header h2[b-78ft3pkpf4] {
    margin: 4px 0 3px;
    color: #15313d;
    font-size: 1.1rem;
    font-weight: 800;
}

.payroll-rule-header p[b-78ft3pkpf4],
.payroll-rule-card-header p[b-78ft3pkpf4] {
    margin: 0;
    color: #5b727b;
    font-size: 0.8rem;
    font-weight: 600;
}

.payroll-rule-filter-bar[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(120px, 160px) 104px auto auto auto;
    gap: 10px;
    align-items: end;
    padding: 10px;
}

.payroll-rule-filter-bar label[b-78ft3pkpf4],
.payroll-rule-form-grid label[b-78ft3pkpf4] {
    display: grid;
    gap: 4px;
}

.payroll-rule-filter-bar span[b-78ft3pkpf4],
.payroll-rule-form-grid span[b-78ft3pkpf4],
.payroll-rule-checkbox-panel > span[b-78ft3pkpf4] {
    color: #536b74;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.payroll-rule-input[b-78ft3pkpf4],
.payroll-rule-select[b-78ft3pkpf4],
.payroll-rule-textarea[b-78ft3pkpf4] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #bccad3;
    border-radius: 2px;
    padding: 0.5rem 0.58rem;
    background: #ffffff;
    color: #1e3641;
    font-family: inherit;
    font-size: 0.8rem;
}

.formula-year-filter[b-78ft3pkpf4] {
    width: 104px;
}

.formula-year-input[b-78ft3pkpf4] {
    text-align: center;
}

.payroll-rule-textarea[b-78ft3pkpf4] {
    min-height: 84px;
    resize: vertical;
}

.payroll-rule-button[b-78ft3pkpf4] {
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 13px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.payroll-rule-button.primary[b-78ft3pkpf4] {
    border-color: #085e95;
    background: #0d7fc3;
    color: #ffffff;
}

.payroll-rule-button.secondary[b-78ft3pkpf4] {
    border-color: #bdccd7;
    background: #ffffff;
    color: #315364;
}

.payroll-rule-message[b-78ft3pkpf4] {
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700;
}

.payroll-rule-message.success[b-78ft3pkpf4] {
    border: 1px solid #cbe7d6;
    background: #eef9f2;
    color: #276342;
}

.payroll-rule-message.error[b-78ft3pkpf4] {
    border: 1px solid #f2c6c6;
    background: #fff1f1;
    color: #963b3b;
}

.payroll-rule-layout[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: 10px;
    align-items: start;
}

.payroll-rule-page.embedded-settings .payroll-rule-layout[b-78ft3pkpf4] {
    grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
}

.payroll-rule-list-panel[b-78ft3pkpf4] {
    display: grid;
    align-content: start;
    grid-column: 1;
}

.payroll-rule-detail-column[b-78ft3pkpf4] {
    display: contents;
}

.payroll-rule-filter-bar[b-78ft3pkpf4] {
    grid-column: 2;
}

.payroll-rule-panel-header[b-78ft3pkpf4],
.payroll-rule-card-header[b-78ft3pkpf4] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px;
    border-bottom: 1px solid #dfe7ec;
}

.payroll-rule-panel-title[b-78ft3pkpf4] {
    color: #17313d;
    font-size: 0.86rem;
    font-weight: 800;
}

.payroll-rule-panel-count[b-78ft3pkpf4] {
    color: #5b727c;
    font-size: 0.75rem;
    font-weight: 700;
}

.payroll-rule-list[b-78ft3pkpf4] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.payroll-rule-list-item[b-78ft3pkpf4] {
    display: grid;
    gap: 2px;
    border: 1px solid #d6e1e7;
    border-left: 4px solid #2f7d8b;
    border-radius: 3px;
    padding: 9px 10px;
    background: #fbfdfd;
    color: #233742;
    text-align: left;
    cursor: pointer;
}

.payroll-rule-list-item strong[b-78ft3pkpf4] {
    font-size: 0.8rem;
}

.payroll-rule-list-item span[b-78ft3pkpf4] {
    color: #5d717b;
    font-size: 0.73rem;
    font-weight: 700;
}

.payroll-rule-list-item.selected[b-78ft3pkpf4] {
    background: #eef8fb;
    border-color: #9ecfe0;
}

.payroll-rule-section-links[b-78ft3pkpf4] {
    display: grid;
    gap: 5px;
    padding: 10px;
    border-top: 1px solid #e2ebf0;
    background: #f8fbfc;
}

.payroll-rule-section-link-title[b-78ft3pkpf4] {
    color: #536b74;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.payroll-rule-section-links a[b-78ft3pkpf4] {
    display: block;
    border: 1px solid #d7e3ea;
    border-radius: 3px;
    padding: 6px 8px;
    background: #ffffff;
    color: #17435a;
    font-size: 0.75rem;
    font-weight: 800;
    text-decoration: none;
}

.payroll-rule-section-links a:hover[b-78ft3pkpf4] {
    border-color: #99c6dc;
    background: #eef8fb;
}

.payroll-rule-workspace[b-78ft3pkpf4] {
    display: grid;
    grid-column: 1 / -1;
    gap: 10px;
    min-width: 0;
}

.payroll-rule-anchor[b-78ft3pkpf4] {
    scroll-margin-top: 124px;
}

.payroll-rule-card[b-78ft3pkpf4] {
    overflow: hidden;
}

.payroll-rule-header-actions[b-78ft3pkpf4],
.payroll-rule-card-actions[b-78ft3pkpf4] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.payroll-rule-form-grid[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 10px 12px;
    padding: 12px;
}

.payroll-rule-form-grid.compact[b-78ft3pkpf4] {
    padding-top: 0;
}

.withholding-row-filters[b-78ft3pkpf4] {
    align-items: end;
    border-top: 1px solid #e5edf2;
    padding-top: 10px;
}

.payroll-rule-readonly-value[b-78ft3pkpf4] {
    min-height: 34px;
    display: flex;
    align-items: center;
    border: 1px solid #cdd9e1;
    border-radius: 3px;
    padding: 0 10px;
    background: #f5f9fb;
    color: #173443;
    font-size: 0.78rem;
    font-weight: 800;
}

.payroll-rule-form-grid .wide[b-78ft3pkpf4] {
    grid-column: 1 / -1;
}

.payroll-rule-summary-grid[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    gap: 1px;
    padding: 10px;
    background: #e1ebf0;
}

.payroll-rule-summary-grid div[b-78ft3pkpf4] {
    display: grid;
    gap: 3px;
    min-height: 46px;
    padding: 7px 9px;
    background: #ffffff;
}

.payroll-rule-summary-grid span[b-78ft3pkpf4],
.payroll-rule-section-toolbar span[b-78ft3pkpf4],
.payroll-rule-pager span[b-78ft3pkpf4],
.payroll-rule-flyout-header p[b-78ft3pkpf4] {
    color: #536b74;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.payroll-rule-summary-grid strong[b-78ft3pkpf4] {
    color: #20323e;
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.payroll-rule-summary-grid .wide[b-78ft3pkpf4] {
    grid-column: span 2;
}

.payroll-rule-import-panel[b-78ft3pkpf4] {
    display: grid;
    gap: 10px;
    padding: 10px 12px 12px;
}

.payroll-rule-import-source-note[b-78ft3pkpf4] {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 1px solid #cfe2ee;
    border-left: 4px solid #0d7fc3;
    border-radius: 3px;
    padding: 8px 10px;
    background: #f3f9fc;
    color: #2d4f60;
    font-size: 0.76rem;
    font-weight: 700;
}

.payroll-rule-import-source-note strong[b-78ft3pkpf4] {
    color: #17313d;
    white-space: nowrap;
}

.payroll-rule-api-source-card[b-78ft3pkpf4] {
    display: grid;
    gap: 8px;
    border: 1px solid #d3e1e8;
    border-radius: 3px;
    background: #fbfdfe;
}

.payroll-rule-api-source-header[b-78ft3pkpf4] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
    padding: 9px 10px;
    border-bottom: 1px solid #e1eaf0;
}

.payroll-rule-api-source-header div[b-78ft3pkpf4] {
    display: grid;
    gap: 3px;
}

.payroll-rule-api-source-header strong[b-78ft3pkpf4] {
    color: #17313d;
    font-size: 0.82rem;
    font-weight: 800;
}

.payroll-rule-api-source-header span[b-78ft3pkpf4] {
    color: #526d78;
    font-size: 0.75rem;
    font-weight: 700;
}

.payroll-rule-api-source-header a[b-78ft3pkpf4] {
    color: #0d6fa9;
    font-weight: 800;
}

.payroll-rule-api-source-grid[b-78ft3pkpf4] {
    padding: 0;
}

.payroll-rule-import-paths[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 1px;
    background: #e1ebf0;
}

.payroll-rule-import-paths div[b-78ft3pkpf4] {
    display: grid;
    gap: 3px;
    min-height: 46px;
    padding: 7px 9px;
    background: #ffffff;
}

.payroll-rule-import-paths span[b-78ft3pkpf4] {
    color: #536b74;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.payroll-rule-import-paths strong[b-78ft3pkpf4],
.payroll-rule-table-stack strong[b-78ft3pkpf4] {
    color: #20323e;
    font-size: 0.78rem;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.payroll-rule-import-summary-grid[b-78ft3pkpf4] {
    padding: 0;
}

.payroll-rule-import-progress[b-78ft3pkpf4] {
    display: grid;
    gap: 6px;
    padding: 8px 12px;
    border-top: 1px solid #e2ebf0;
    border-bottom: 1px solid #d6e8f2;
    background: #f6fbfe;
    color: #204253;
    font-size: 0.76rem;
    font-weight: 800;
}

.payroll-rule-import-progress-track[b-78ft3pkpf4] {
    position: relative;
    height: 4px;
    overflow: hidden;
    border-radius: 999px;
    background: #d7e9f2;
}

.payroll-rule-import-progress-bar[b-78ft3pkpf4] {
    position: absolute;
    inset: 0 auto 0 0;
    width: 34%;
    border-radius: inherit;
    background: #0d7fc3;
    animation: payroll-rule-import-progress-b-78ft3pkpf4 1.05s ease-in-out infinite;
}

@keyframes payroll-rule-import-progress-b-78ft3pkpf4 {
    0% {
        transform: translateX(-110%);
    }

    100% {
        transform: translateX(310%);
    }
}

.import-subsection-header[b-78ft3pkpf4] {
    margin-top: 2px;
    padding: 8px 0 0;
    border-top: 1px solid #e2ebf0;
    border-bottom: none;
}

.payroll-rule-section-toolbar[b-78ft3pkpf4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(160px, 220px)) auto;
    gap: 8px;
    align-items: end;
    padding: 10px 12px;
    border-bottom: 1px solid #e2ebf0;
    background: #f8fbfc;
}

.payroll-rule-section-toolbar label[b-78ft3pkpf4] {
    display: grid;
    gap: 4px;
}

.payroll-rule-checkbox-panel[b-78ft3pkpf4] {
    display: grid;
    gap: 8px;
    border: 1px solid #d8e1e8;
    border-radius: 3px;
    background: #fbfcfd;
    padding: 10px;
}

.payroll-rule-checkbox-grid[b-78ft3pkpf4] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
}

.payroll-rule-checkbox-grid label[b-78ft3pkpf4] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #334754;
    font-size: 0.76rem;
    font-weight: 600;
}

.payroll-rule-empty[b-78ft3pkpf4] {
    padding: 12px;
    color: #5f737d;
    font-size: 0.8rem;
    font-weight: 700;
}

.payroll-rule-table-wrap[b-78ft3pkpf4] {
    overflow: auto;
    padding: 0 12px 12px;
}

.payroll-rule-table[b-78ft3pkpf4] {
    width: 100%;
    min-width: 920px;
    border-collapse: collapse;
}

.payroll-rule-table th[b-78ft3pkpf4] {
    padding: 0.48rem 0.56rem;
    background: #0d7fc3;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
}

.payroll-rule-table .payroll-rule-column-filters th[b-78ft3pkpf4] {
    padding: 4px;
    background: #eef5f8;
}

.payroll-rule-column-filters input[b-78ft3pkpf4] {
    width: 100%;
    min-width: 70px;
    border: 1px solid #b9cbd5;
    border-radius: 2px;
    padding: 0.3rem 0.38rem;
    color: #233742;
    font-family: inherit;
    font-size: 0.7rem;
}

.payroll-rule-table td[b-78ft3pkpf4] {
    padding: 0.48rem 0.56rem;
    border-bottom: 1px solid #e2eaee;
    color: #213641;
    font-size: 0.75rem;
    white-space: nowrap;
    vertical-align: top;
}

.payroll-rule-table tbody tr:nth-child(even)[b-78ft3pkpf4] {
    background: #f8fbfc;
}

.payroll-rule-table td.actions[b-78ft3pkpf4] {
    text-align: right;
}

.payroll-rule-table-stack[b-78ft3pkpf4] {
    display: grid;
    gap: 3px;
}

.payroll-rule-table-stack span[b-78ft3pkpf4] {
    color: #5d717b;
    font-size: 0.7rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.payroll-rule-summary-cell[b-78ft3pkpf4] {
    min-width: 240px;
    white-space: normal !important;
}

.payroll-rule-row-link[b-78ft3pkpf4] {
    border: none;
    background: none;
    color: #0d7fc3;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
}

.payroll-rule-page.embedded-settings .payroll-rule-list[b-78ft3pkpf4] {
    gap: 6px;
    padding: 8px;
}

.payroll-rule-page.embedded-settings .payroll-rule-list-item[b-78ft3pkpf4] {
    padding: 7px 8px;
}

.payroll-rule-row-link.icon-only[b-78ft3pkpf4] {
    width: 24px;
    height: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.82rem;
    line-height: 1;
}

    .payroll-rule-row-link.icon-only:hover[b-78ft3pkpf4] {
        background: #eef6fb;
        text-decoration: none;
    }

.payroll-rule-row-link.muted[b-78ft3pkpf4] {
    color: #627582;
}

.payroll-rule-pager[b-78ft3pkpf4] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
    padding: 8px 12px 12px;
    border-top: 1px solid #e4edf2;
}

.payroll-rule-pager label[b-78ft3pkpf4] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.payroll-rule-pager-summary[b-78ft3pkpf4] {
    color: #38505b;
    font-size: 0.75rem;
    font-weight: 800;
}

.payroll-rule-pager-actions[b-78ft3pkpf4] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.payroll-rule-pager-actions span[b-78ft3pkpf4] {
    color: #38505b;
    white-space: nowrap;
}

.compact-select[b-78ft3pkpf4] {
    width: auto;
    min-width: 82px;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}

.payroll-rule-flyout-backdrop[b-78ft3pkpf4] {
    position: fixed;
    inset: 0;
    z-index: 1400;
    display: flex;
    justify-content: flex-end;
    background: rgba(9, 28, 40, 0.25);
}

.payroll-rule-flyout[b-78ft3pkpf4] {
    display: flex;
    flex-direction: column;
    width: min(900px, 96vw);
    height: 100vh;
    background: #ffffff;
    box-shadow: -28px 0 46px rgba(7, 24, 37, 0.28);
}

.payroll-rule-flyout-header[b-78ft3pkpf4] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 12px 14px;
    border-bottom: 1px solid #dfe9ef;
}

.payroll-rule-flyout-header h2[b-78ft3pkpf4] {
    margin: 2px 0 3px;
    color: #15313d;
    font-size: 1rem;
}

.payroll-rule-icon-button[b-78ft3pkpf4] {
    width: 34px;
    height: 34px;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    color: #274657;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 800;
}

.payroll-rule-flyout-body[b-78ft3pkpf4] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.payroll-rule-form-grid.flyout-grid[b-78ft3pkpf4] {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
    padding: 12px;
}

.payroll-rule-flyout-footer[b-78ft3pkpf4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #dfe9ef;
    background: #f7fafc;
}

@media (max-width: 1200px) {
    .payroll-rule-layout[b-78ft3pkpf4],
    .payroll-rule-filter-bar[b-78ft3pkpf4],
    .payroll-rule-import-paths[b-78ft3pkpf4],
    .payroll-rule-form-grid[b-78ft3pkpf4],
    .payroll-rule-summary-grid[b-78ft3pkpf4],
    .payroll-rule-section-toolbar[b-78ft3pkpf4] {
        grid-template-columns: 1fr;
    }

    .formula-year-filter[b-78ft3pkpf4] {
        width: 100%;
    }

    .payroll-rule-summary-grid .wide[b-78ft3pkpf4] {
        grid-column: 1;
    }
}

@media (max-width: 720px) {
    .payroll-rule-header[b-78ft3pkpf4],
    .payroll-rule-panel-header[b-78ft3pkpf4],
    .payroll-rule-card-header[b-78ft3pkpf4] {
        flex-direction: column;
        align-items: stretch;
    }

    .payroll-rule-import-source-note[b-78ft3pkpf4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
    }

    .payroll-rule-api-source-header[b-78ft3pkpf4] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/PayrollVendors.razor.rz.scp.css */
.payroll-vendor-page[b-eaxbcruskw] {
    width: 100%;
}

.payroll-vendor-header[b-eaxbcruskw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.payroll-vendor-title-wrap[b-eaxbcruskw] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.payroll-vendor-dot[b-eaxbcruskw] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.payroll-vendor-title[b-eaxbcruskw] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.payroll-vendor-header-actions[b-eaxbcruskw] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.payroll-vendor-search[b-eaxbcruskw],
.payroll-vendor-filter[b-eaxbcruskw] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.payroll-vendor-search[b-eaxbcruskw] {
    width: 260px;
}

.payroll-vendor-filter[b-eaxbcruskw] {
    width: 150px;
}

.payroll-vendor-button[b-eaxbcruskw] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .payroll-vendor-button.primary[b-eaxbcruskw] {
        background: #099bc6;
        color: #ffffff;
    }

    .payroll-vendor-button.secondary[b-eaxbcruskw] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.payroll-vendor-panel[b-eaxbcruskw] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.payroll-vendor-panel-header[b-eaxbcruskw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.payroll-vendor-panel-title[b-eaxbcruskw] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.payroll-vendor-panel-subtitle[b-eaxbcruskw] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.payroll-vendor-panel-count[b-eaxbcruskw] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.payroll-vendor-empty[b-eaxbcruskw] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.payroll-vendor-editor-body[b-eaxbcruskw] {
    padding: 12px;
}

.payroll-vendor-section-title[b-eaxbcruskw] {
    margin: 4px 0 10px 0;
    font-size: 0.82rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.payroll-vendor-form-grid[b-eaxbcruskw] {
    display: grid;
    grid-template-columns: repeat(4, minmax(170px, 1fr));
    gap: 10px 12px;
    margin-bottom: 12px;
}

    .payroll-vendor-form-grid label[b-eaxbcruskw] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.payroll-vendor-form-grid-full[b-eaxbcruskw] {
    grid-column: 1 / -1;
}

.payroll-vendor-checkbox-grid[b-eaxbcruskw] {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    align-items: center;
    padding: 4px 0 14px 0;
}

    .payroll-vendor-checkbox-grid label[b-eaxbcruskw] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        margin: 0;
        font-size: 0.76rem;
        font-weight: 600;
        color: #334150;
    }

.payroll-vendor-editor-actions[b-eaxbcruskw] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.payroll-vendor-table-wrap[b-eaxbcruskw] {
    width: 100%;
    overflow-x: auto;
}

.payroll-vendor-table[b-eaxbcruskw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .payroll-vendor-table thead th[b-eaxbcruskw] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .payroll-vendor-table tbody td[b-eaxbcruskw] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 5px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.05rem;
        white-space: nowrap;
    }

    .payroll-vendor-table tbody tr:nth-child(odd)[b-eaxbcruskw] {
        background: #fcfdfe;
    }

    .payroll-vendor-table tbody tr:nth-child(even)[b-eaxbcruskw] {
        background: #f6f8fa;
    }

    .payroll-vendor-table tbody tr:hover[b-eaxbcruskw] {
        background: #eef9f4;
    }

.payroll-vendor-status-pill[b-eaxbcruskw] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .payroll-vendor-status-pill.active[b-eaxbcruskw] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .payroll-vendor-status-pill.inactive[b-eaxbcruskw] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

    .payroll-vendor-status-pill.archived[b-eaxbcruskw] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .payroll-vendor-status-pill.mistake[b-eaxbcruskw] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.payroll-vendor-row-actions[b-eaxbcruskw] {
    display: flex;
    gap: 6px;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: nowrap;
}

.payroll-vendor-row-link[b-eaxbcruskw] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

    .payroll-vendor-row-link:hover[b-eaxbcruskw] {
        text-decoration: underline;
    }

    .payroll-vendor-row-link.muted[b-eaxbcruskw] {
        color: #6b7785;
    }

    .payroll-vendor-row-link.icon-only[b-eaxbcruskw] {
        width: 24px;
        height: 24px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #cfd7e2;
        border-radius: 5px;
        background: #f7f9fb;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .payroll-vendor-row-link.icon-only:hover[b-eaxbcruskw] {
            background: #eef6fb;
            text-decoration: none;
        }

@media (max-width: 1400px) {
    .payroll-vendor-form-grid[b-eaxbcruskw] {
        grid-template-columns: repeat(2, minmax(170px, 1fr));
    }
}

@media (max-width: 1200px) {
    .payroll-vendor-header-actions[b-eaxbcruskw] {
        justify-content: flex-start;
        width: 100%;
    }

    .payroll-vendor-search[b-eaxbcruskw],
    .payroll-vendor-filter[b-eaxbcruskw] {
        width: 100%;
    }

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

@media (max-width: 800px) {
    .payroll-vendor-form-grid[b-eaxbcruskw] {
        grid-template-columns: 1fr;
    }

    .payroll-vendor-form-grid-full[b-eaxbcruskw] {
        grid-column: auto;
    }

    .payroll-vendor-editor-actions[b-eaxbcruskw] {
        flex-direction: column;
        align-items: stretch;
    }

    .payroll-vendor-button[b-eaxbcruskw] {
        width: 100%;
    }
}
/* /Components/Pages/Processing.razor.rz.scp.css */
.processing-page[b-rg17ztv1z6] {
    width: 100%;
}

.processing-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.processing-header-left[b-rg17ztv1z6] {
    min-width: 320px;
    flex: 1;
}

.processing-title-row[b-rg17ztv1z6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.processing-dot[b-rg17ztv1z6] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.processing-title[b-rg17ztv1z6] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.processing-subtitle[b-rg17ztv1z6] {
    font-size: 0.82rem;
    color: #4f5c69;
    line-height: 1.35rem;
    font-weight: 500;
    max-width: 900px;
}

.processing-header-right[b-rg17ztv1z6] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.processing-button[b-rg17ztv1z6] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .processing-button.primary[b-rg17ztv1z6] {
        background: #099bc6;
        color: white;
    }

    .processing-button.secondary[b-rg17ztv1z6] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .processing-button.danger[b-rg17ztv1z6] {
        background: #b24552;
        color: #ffffff;
        border-color: #a03f4b;
    }

    .processing-button:disabled[b-rg17ztv1z6] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.processing-alert[b-rg17ztv1z6] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 0.8rem;
    font-weight: 700;
}

    .processing-alert.success[b-rg17ztv1z6] {
        background: #eef9f2;
        border: 1px solid #b8e3c8;
        color: #25743f;
    }

    .processing-alert.error[b-rg17ztv1z6] {
        background: #fff2f3;
        border: 1px solid #f0c1c8;
        color: #b24552;
    }

.processing-layout[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.processing-left[b-rg17ztv1z6],
.processing-right[b-rg17ztv1z6] {
    min-width: 0;
}

.processing-panel[b-rg17ztv1z6],
.processing-card[b-rg17ztv1z6],
.processing-step-card[b-rg17ztv1z6],
.processing-empty-panel[b-rg17ztv1z6] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

.processing-panel-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e3e8ee;
    flex-wrap: wrap;
}

.processing-panel-title[b-rg17ztv1z6] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #1f2d3d;
}

.processing-panel-subtitle[b-rg17ztv1z6] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: #5d6773;
    font-weight: 500;
}

.processing-panel-count[b-rg17ztv1z6] {
    font-size: 0.76rem;
    color: #4f5c69;
    font-weight: 700;
    white-space: nowrap;
}

.processing-filter-row[b-rg17ztv1z6] {
    padding: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    border-bottom: 1px solid #e3e8ee;
}

.processing-filter-input[b-rg17ztv1z6],
.processing-filter-select[b-rg17ztv1z6] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.processing-filter-input[b-rg17ztv1z6] {
    flex: 1;
    min-width: 180px;
}

.processing-filter-select[b-rg17ztv1z6] {
    width: 140px;
}

.processing-batch-list[b-rg17ztv1z6] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: calc(100vh - 280px);
    overflow-y: auto;
}

.processing-batch-row[b-rg17ztv1z6] {
    width: 100%;
    border: 1px solid #dce4ec;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
    cursor: pointer;
    text-align: left;
}

    .processing-batch-row.selected[b-rg17ztv1z6] {
        border-color: #099bc6;
        box-shadow: inset 0 0 0 1px rgba(9, 155, 198, 0.20);
        background: #f5fbfd;
    }

.processing-batch-row-top[b-rg17ztv1z6],
.processing-step-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
}

.processing-batch-row-title[b-rg17ztv1z6],
.processing-step-title[b-rg17ztv1z6] {
    font-size: 0.84rem;
    font-weight: 800;
    color: #1f2d3d;
}

.processing-batch-row-meta[b-rg17ztv1z6],
.processing-batch-row-stats[b-rg17ztv1z6],
.processing-batch-row-financial[b-rg17ztv1z6] {
    margin-top: 5px;
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 0.74rem;
    color: #546272;
    font-weight: 600;
}

.processing-meta-sep[b-rg17ztv1z6] {
    color: #9aa6b2;
}

.processing-status-pill[b-rg17ztv1z6],
.processing-step-pill[b-rg17ztv1z6] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

    .processing-status-pill.processing[b-rg17ztv1z6],
    .processing-step-pill.ready[b-rg17ztv1z6] {
        background: #edf6ff;
        border-color: #bfd7f0;
        color: #305e8d;
    }

    .processing-status-pill.hard-closed[b-rg17ztv1z6],
    .processing-step-pill.finalized[b-rg17ztv1z6] {
        background: #eef0f3;
        border-color: #c8d0da;
        color: #26323f;
    }

    .processing-status-pill.added-by-mistake[b-rg17ztv1z6],
    .processing-step-pill.needs-review[b-rg17ztv1z6] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .processing-status-pill.draft[b-rg17ztv1z6],
    .processing-step-pill.draft[b-rg17ztv1z6],
    .processing-step-pill.not-started[b-rg17ztv1z6],
    .processing-step-pill.waiting[b-rg17ztv1z6] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .processing-step-pill.waiting-on-approval[b-rg17ztv1z6],
    .processing-step-pill.tracking[b-rg17ztv1z6],
    .processing-step-pill.in-progress[b-rg17ztv1z6] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .processing-step-pill.complete[b-rg17ztv1z6] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .processing-step-pill.not-needed[b-rg17ztv1z6] {
        background: #eef0f3;
        border-color: #c8d0da;
        color: #26323f;
    }

    .processing-step-pill.planned[b-rg17ztv1z6] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

.processing-summary-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.processing-active-workspace[b-rg17ztv1z6] {
    border: 1px solid #c9d4df;
    background: #f8fafb;
    box-shadow: inset 4px 0 0 var(--processing-ukg-green, #107a55);
}

.processing-active-toolbar[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d6dee7;
    background: #ffffff;
    flex-wrap: wrap;
}

.processing-active-kicker[b-rg17ztv1z6] {
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--processing-ukg-green-dark, #07583e);
}

.processing-active-title[b-rg17ztv1z6] {
    margin-top: 2px;
    font-size: 0.96rem;
    font-weight: 900;
    color: #172638;
}

.processing-active-note[b-rg17ztv1z6] {
    max-width: 520px;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.25rem;
    color: #566678;
}

.processing-active-workspace > .processing-summary-grid[b-rg17ztv1z6],
.processing-active-workspace > .processing-card[b-rg17ztv1z6],
.processing-active-workspace > .processing-step-grid[b-rg17ztv1z6] {
    margin: 12px;
}

.processing-disclosure[b-rg17ztv1z6] {
    margin-top: 10px;
    border: 1px solid #d7dee7;
    background: #ffffff;
}

.processing-disclosure > summary[b-rg17ztv1z6] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 11px;
    color: #123f68;
    font-size: 0.76rem;
    font-weight: 900;
    cursor: pointer;
    list-style-position: inside;
    border-left: 4px solid var(--processing-ukg-green, #107a55);
}

.processing-disclosure[open] > summary[b-rg17ztv1z6] {
    border-bottom: 1px solid #d7dee7;
    background: #f2f6f8;
}

.processing-disclosure .processing-client-approval-table-wrap[b-rg17ztv1z6],
.processing-disclosure .processing-close-grid[b-rg17ztv1z6] {
    padding: 10px;
}

.processing-card[b-rg17ztv1z6],
.processing-step-card[b-rg17ztv1z6],
.processing-empty-panel[b-rg17ztv1z6] {
    padding: 12px;
}

    .processing-card h3[b-rg17ztv1z6] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.processing-info-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 10px 16px;
    font-size: 0.8rem;
    color: #26323e;
}

.processing-checklist[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
}

.processing-checklist-item[b-rg17ztv1z6] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid #d8e0e8;
    font-size: 0.78rem;
    font-weight: 700;
}

    .processing-checklist-item.complete[b-rg17ztv1z6] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .processing-checklist-item.incomplete[b-rg17ztv1z6] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.processing-help-text[b-rg17ztv1z6],
.processing-step-subtitle[b-rg17ztv1z6],
.processing-step-note[b-rg17ztv1z6] {
    margin-top: 6px;
    font-size: 0.76rem;
    color: #5d6773;
    line-height: 1.25rem;
}

.processing-step-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 12px;
}

.processing-step-body[b-rg17ztv1z6] {
    margin-top: 10px;
}

.processing-step-metric[b-rg17ztv1z6] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #334150;
    margin-bottom: 6px;
}

.processing-step-actions[b-rg17ztv1z6] {
    margin-top: 10px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.processing-empty[b-rg17ztv1z6],
.processing-empty-panel p[b-rg17ztv1z6] {
    font-size: 0.8rem;
    color: #5d6773;
}

.processing-empty-panel h3[b-rg17ztv1z6] {
    margin: 0 0 6px 0;
    font-size: 0.92rem;
    color: #1f2d3d;
}

.processing-client-approval-summary[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
    margin-bottom: 12px;
}

.processing-client-approval-card[b-rg17ztv1z6] {
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
}

.processing-client-approval-label[b-rg17ztv1z6] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #607185;
}

.processing-client-approval-value[b-rg17ztv1z6] {
    margin-top: 6px;
    font-size: 1.15rem;
    font-weight: 800;
    color: #203147;
}

.processing-client-approval-table-wrap[b-rg17ztv1z6] {
    overflow-x: auto;
}

.processing-client-approval-table[b-rg17ztv1z6] {
    --processing-ukg-green: #107a55;
    --processing-ukg-green-dark: #07583e;
    --processing-ukg-blue: #123f68;
    --processing-ukg-blue-dark: #0b2f50;
    --processing-ukg-line: #cfd8e3;
    --processing-ukg-soft: #f4f7f8;
    --processing-ukg-cell: #f0f2f3;
    width: 100%;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.processing-client-approval-table th[b-rg17ztv1z6] {
    padding: 8px;
    border-bottom: 1px solid #d9e0ea;
    background: #f3f6fa;
    text-align: left;
    font-size: 0.7rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607185;
    white-space: nowrap;
}

.processing-client-approval-table td[b-rg17ztv1z6] {
    padding: 9px 8px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.processing-client-approval-subtext[b-rg17ztv1z6] {
    margin-top: 3px;
    font-size: 0.72rem;
    color: #66778c;
}

.processing-client-approval-status[b-rg17ztv1z6],
.processing-client-approval-doc[b-rg17ztv1z6] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.processing-client-approval-status.pending[b-rg17ztv1z6] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.processing-client-approval-status.approved[b-rg17ztv1z6],
.processing-client-approval-doc.ready[b-rg17ztv1z6] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.processing-client-approval-status.rejected[b-rg17ztv1z6],
.processing-client-approval-doc.missing[b-rg17ztv1z6] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

@media (max-width: 1200px) {
    .processing-layout[b-rg17ztv1z6],
    .processing-summary-grid[b-rg17ztv1z6],
    .processing-step-grid[b-rg17ztv1z6],
    .processing-readiness-grid[b-rg17ztv1z6],
    .processing-close-grid[b-rg17ztv1z6] {
        grid-template-columns: 1fr;
    }

    .processing-batch-list[b-rg17ztv1z6] {
        max-height: 380px;
    }

    .processing-client-approval-summary[b-rg17ztv1z6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .processing-header[b-rg17ztv1z6],
    .processing-step-header[b-rg17ztv1z6],
    .processing-panel-header[b-rg17ztv1z6] {
        flex-direction: column;
        align-items: flex-start;
    }

    .processing-info-grid[b-rg17ztv1z6] {
        grid-template-columns: 1fr;
    }

    .processing-filter-row[b-rg17ztv1z6],
    .processing-step-actions[b-rg17ztv1z6],
    .processing-header-right[b-rg17ztv1z6] {
        flex-direction: column;
        align-items: stretch;
    }

    .processing-filter-select[b-rg17ztv1z6],
    .processing-button[b-rg17ztv1z6] {
        width: 100%;
    }

    .processing-client-approval-summary[b-rg17ztv1z6] {
        grid-template-columns: 1fr;
    }
}


.processing-card-wide[b-rg17ztv1z6] {
    grid-column: 1 / -1;
}

.processing-readiness-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.processing-readiness-block[b-rg17ztv1z6] {
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
}

.processing-readiness-title[b-rg17ztv1z6] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 8px;
}

.processing-readiness-subtitle[b-rg17ztv1z6] {
    margin-top: 12px;
    margin-bottom: 6px;
    font-size: 0.76rem;
    font-weight: 800;
    color: #465463;
}

.processing-info-grid-compact[b-rg17ztv1z6] {
    grid-template-columns: repeat(2, minmax(140px, 1fr));
}

.processing-pill-row[b-rg17ztv1z6] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.processing-state-pill[b-rg17ztv1z6] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #edf6ff;
    color: #305e8d;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}


.processing-close-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.processing-close-block[b-rg17ztv1z6] {
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
}

.processing-instruction-card[b-rg17ztv1z6] {
    margin-top: 12px;
    border-radius: 8px;
    border: 1px solid #d8e1ea;
    padding: 10px;
    background: #ffffff;
}

    .processing-instruction-card.info[b-rg17ztv1z6] {
        background: #edf6ff;
        border-color: #bfd7f0;
    }

    .processing-instruction-card.warning[b-rg17ztv1z6] {
        background: #fff7ea;
        border-color: #f2d29a;
    }

    .processing-instruction-card.danger[b-rg17ztv1z6] {
        background: #fff2f3;
        border-color: #f0c1c8;
    }

.processing-instruction-title[b-rg17ztv1z6] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 4px;
}


.processing-checklist-line[b-rg17ztv1z6] {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.processing-inline-link-button[b-rg17ztv1z6] {
    background: none;
    border: none;
    padding: 0;
    margin: 0 0 0 auto;
    color: #099bc6;
    font-size: 0.77rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .processing-inline-link-button:hover[b-rg17ztv1z6] {
        text-decoration: underline;
    }

.processing-issue-panel[b-rg17ztv1z6] {
    border-color: #d9e1ea;
}

.processing-issue-panel-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.processing-issue-grid[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.processing-issue-info-card[b-rg17ztv1z6] {
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 12px;
}

.processing-issue-record-list[b-rg17ztv1z6] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 12px;
}

.processing-issue-record[b-rg17ztv1z6] {
    border: 1px solid #e3e8ee;
    border-radius: 8px;
    background: #ffffff;
    padding: 12px;
}

.processing-issue-record-title[b-rg17ztv1z6] {
    font-size: 0.86rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 4px;
}

.processing-issue-record-subtitle[b-rg17ztv1z6] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #556372;
    margin-bottom: 8px;
}

.processing-flyout-backdrop[b-rg17ztv1z6],
.processing-modal-backdrop[b-rg17ztv1z6] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    background: rgba(15, 23, 42, 0.38);
}

.processing-flyout-backdrop[b-rg17ztv1z6] {
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}

.processing-flyout-panel[b-rg17ztv1z6] {
    width: min(760px, calc(100vw - 24px));
    height: calc(100vh - 24px);
    margin: 12px;
    border-radius: 12px;
    border: 1px solid #d5dde6;
    background: #f7f9fb;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.processing-flyout-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 16px;
    background: #ffffff;
    border-bottom: 1px solid #dfe6ee;
    flex-wrap: wrap;
}

.processing-flyout-title[b-rg17ztv1z6] {
    font-size: 0.96rem;
    font-weight: 800;
    color: #1f2d3d;
}

.processing-flyout-body[b-rg17ztv1z6] {
    flex: 1;
    overflow-y: auto;
    padding: 16px;
}

.processing-modal-backdrop[b-rg17ztv1z6] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.processing-modal[b-rg17ztv1z6] {
    width: min(440px, calc(100vw - 24px));
    border-radius: 12px;
    border: 1px solid #d5dde6;
    background: #ffffff;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
    padding: 18px;
}

.processing-modal-title[b-rg17ztv1z6] {
    font-size: 0.94rem;
    font-weight: 800;
    color: #1f2d3d;
}

.processing-modal-text[b-rg17ztv1z6] {
    margin-top: 10px;
    font-size: 0.8rem;
    color: #4f5c69;
    line-height: 1.45;
}

.processing-modal-actions[b-rg17ztv1z6] {
    margin-top: 16px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 1200px) {
    .processing-issue-grid[b-rg17ztv1z6],
    .processing-issue-record-list[b-rg17ztv1z6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .processing-checklist-line[b-rg17ztv1z6] {
        align-items: stretch;
    }

    .processing-inline-link-button[b-rg17ztv1z6] {
        margin-left: 0;
    }

    .processing-flyout-panel[b-rg17ztv1z6] {
        width: 100%;
        height: 100vh;
        margin: 0;
        border-radius: 0;
    }

    .processing-modal-actions[b-rg17ztv1z6] {
        justify-content: stretch;
    }

    .processing-modal-actions .processing-button[b-rg17ztv1z6] {
        width: 100%;
    }
}


.processing-step-actions .processing-button[b-rg17ztv1z6] {
    white-space: nowrap;
}

.processing-header[b-rg17ztv1z6] {
    gap: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d6dee7;
    background: #ffffff;
    padding: 4px 0 10px;
}

.processing-title-row[b-rg17ztv1z6] {
    margin-bottom: 4px;
}

.processing-dot[b-rg17ztv1z6] {
    background: var(--processing-ukg-green);
}

.processing-eyebrow[b-rg17ztv1z6] {
    margin-bottom: 3px;
    color: #687583;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.processing-title[b-rg17ztv1z6] {
    font-size: 1.06rem;
    font-weight: 800;
}

.processing-subtitle[b-rg17ztv1z6] {
    max-width: 980px;
    font-size: 0.74rem;
    line-height: 1.35;
}

.processing-header-right[b-rg17ztv1z6] {
    flex-wrap: nowrap;
    overflow-x: auto;
    justify-content: flex-end;
}

.processing-button[b-rg17ztv1z6] {
    min-height: 32px;
    height: 32px;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
}

.processing-button.primary[b-rg17ztv1z6] {
    background: var(--processing-ukg-green);
    border-color: var(--processing-ukg-green);
    color: #ffffff;
}

.processing-button.primary:hover:not(:disabled)[b-rg17ztv1z6] {
    background: var(--processing-ukg-green-dark);
    border-color: var(--processing-ukg-green-dark);
}

.processing-icon-button[b-rg17ztv1z6] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #ffffff;
    color: #2f5360;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 900;
    letter-spacing: 0.03em;
    cursor: pointer;
    box-shadow: none;
}

.processing-icon-button:hover:not(:disabled)[b-rg17ztv1z6] {
    border-color: var(--processing-ukg-green);
    background: #eef8f3;
    color: var(--processing-ukg-green-dark);
}

.processing-icon-button.primary[b-rg17ztv1z6] {
    background: var(--processing-ukg-green);
    border-color: var(--processing-ukg-green);
    color: #ffffff;
}

.processing-icon-button.primary:hover:not(:disabled)[b-rg17ztv1z6] {
    background: var(--processing-ukg-green-dark);
    border-color: var(--processing-ukg-green-dark);
    color: #ffffff;
}

.processing-icon-button:disabled[b-rg17ztv1z6] {
    background: #f3f5f7;
    border-color: #d8dfe7;
    color: #9aa5b1;
    cursor: not-allowed;
}

.processing-process-shell[b-rg17ztv1z6],
.processing-panel[b-rg17ztv1z6],
.processing-card[b-rg17ztv1z6],
.processing-step-card[b-rg17ztv1z6],
.processing-empty-panel[b-rg17ztv1z6],
.processing-readiness-block[b-rg17ztv1z6],
.processing-close-block[b-rg17ztv1z6],
.processing-instruction-card[b-rg17ztv1z6],
.processing-issue-info-card[b-rg17ztv1z6],
.processing-issue-record[b-rg17ztv1z6] {
    border-color: var(--processing-ukg-line);
    border-radius: 5px;
    box-shadow: none;
}

.processing-process-shell[b-rg17ztv1z6] {
    margin-bottom: 12px;
    border: 1px solid var(--processing-ukg-line);
    background: #ffffff;
    overflow: hidden;
}

.processing-process-header[b-rg17ztv1z6] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    padding: 9px 12px;
    border-bottom: 1px solid #d7dee7;
    background: #f9fbfc;
    flex-wrap: wrap;
}

.processing-process-kicker[b-rg17ztv1z6] {
    font-size: 0.66rem;
    font-weight: 900;
    color: #667587;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.processing-process-title[b-rg17ztv1z6] {
    margin-top: 3px;
    font-size: 0.9rem;
    font-weight: 900;
    color: #172637;
}

.processing-process-subtitle[b-rg17ztv1z6] {
    margin-top: 3px;
    font-size: 0.75rem;
    color: #5b6875;
    font-weight: 700;
}

.processing-process-meta[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(92px, 1fr));
    min-width: min(100%, 560px);
    border: 1px solid #d7dee7;
    border-radius: 4px;
    overflow: hidden;
}

.processing-process-meta div[b-rg17ztv1z6] {
    padding: 7px 10px;
    border-right: 1px solid #d7dee7;
    background: #fbfcfd;
}

.processing-process-meta div:last-child[b-rg17ztv1z6] {
    border-right: 0;
}

.processing-process-meta span[b-rg17ztv1z6] {
    display: block;
    margin-bottom: 3px;
    font-size: 0.63rem;
    font-weight: 900;
    color: #6a7786;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.processing-process-meta strong[b-rg17ztv1z6] {
    display: block;
    color: #172b3d;
    font-size: 0.78rem;
    line-height: 1.15;
}

.processing-process-steps[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    border-top: 1px solid #d7dee7;
    overflow-x: auto;
}

.processing-process-step[b-rg17ztv1z6] {
    min-height: 84px;
    padding: 9px 10px;
    border-right: 1px solid #d7dee7;
    background: #ffffff;
    color: #26394b;
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    gap: 5px;
}

.processing-process-step.current[b-rg17ztv1z6] {
    background: #eef8f3;
    box-shadow: inset 0 3px 0 var(--processing-ukg-green);
}

.processing-process-step.completed[b-rg17ztv1z6] {
    background: #f7fbf8;
}

.processing-process-step:last-child[b-rg17ztv1z6] {
    border-right: 0;
}

.processing-process-step strong[b-rg17ztv1z6] {
    font-size: 0.75rem;
    font-weight: 900;
    color: #172b3d;
}

.processing-process-step small[b-rg17ztv1z6] {
    font-size: 0.67rem;
    color: #5d6a77;
    line-height: 1.25;
    font-weight: 600;
}

.processing-process-step em[b-rg17ztv1z6] {
    justify-self: start;
    font-style: normal;
}

.processing-process-number[b-rg17ztv1z6] {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--processing-ukg-blue);
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.processing-process-step.completed .processing-process-number[b-rg17ztv1z6] {
    background: var(--processing-ukg-green);
}

.processing-process-step.current .processing-process-number[b-rg17ztv1z6] {
    background: #0f6b50;
}

.processing-next-step-card[b-rg17ztv1z6] {
    display: grid;
    grid-template-columns: minmax(220px, 0.7fr) minmax(280px, 1.3fr);
    gap: 12px;
    padding: 10px 12px;
    border-top: 1px solid #d7dee7;
    background: #fbfcfd;
}

.processing-next-step-kicker[b-rg17ztv1z6] {
    font-size: 0.64rem;
    font-weight: 900;
    color: #667587;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.processing-next-step-title[b-rg17ztv1z6] {
    margin-top: 3px;
    font-size: 0.88rem;
    font-weight: 900;
    color: #172637;
}

.processing-step-instructions[b-rg17ztv1z6] {
    border: 1px solid #cfd8e3;
    border-radius: 5px;
    background: #ffffff;
    padding: 8px 10px;
}

.processing-step-instructions ol[b-rg17ztv1z6] {
    margin: 6px 0 0 18px;
    padding: 0;
    color: #344456;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.35;
}

.processing-step-instructions li + li[b-rg17ztv1z6] {
    margin-top: 4px;
}

.processing-step-card.current[b-rg17ztv1z6] {
    border-color: var(--processing-ukg-green);
    box-shadow: inset 0 3px 0 var(--processing-ukg-green);
}

.processing-step-card.completed[b-rg17ztv1z6] {
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.18);
}

.processing-step-guidance[b-rg17ztv1z6] {
    margin-bottom: 8px;
    padding: 7px 9px;
    border-left: 3px solid var(--processing-ukg-green);
    background: #f3faf6;
    color: #244537;
    font-size: 0.76rem;
    font-weight: 800;
    line-height: 1.25rem;
}

.processing-panel-header[b-rg17ztv1z6] {
    padding: 9px 12px;
    border-bottom-color: #d7dee7;
    background: #f9fbfc;
}

.processing-panel-title[b-rg17ztv1z6],
.processing-card h3[b-rg17ztv1z6],
.processing-step-title[b-rg17ztv1z6],
.processing-readiness-title[b-rg17ztv1z6],
.processing-flyout-title[b-rg17ztv1z6],
.processing-modal-title[b-rg17ztv1z6] {
    color: #172637;
    font-size: 0.9rem;
    font-weight: 800;
}

.processing-filter-row[b-rg17ztv1z6] {
    padding: 7px 10px;
    border-bottom-color: #d7dee7;
    background: #f7f9fa;
}

.processing-filter-input[b-rg17ztv1z6],
.processing-filter-select[b-rg17ztv1z6] {
    height: 28px;
    border-radius: 3px;
    background: #ffffff;
    font-size: 0.69rem;
}

.processing-client-approval-card[b-rg17ztv1z6] {
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #fbfcfd;
}

.processing-client-approval-summary[b-rg17ztv1z6] {
    gap: 0;
    border: 1px solid #d7dee7;
    border-radius: 4px;
    overflow: hidden;
}

.processing-client-approval-table[b-rg17ztv1z6] {
    border-collapse: separate;
    border-spacing: 0;
}

.processing-client-approval-table th[b-rg17ztv1z6] {
    background: var(--processing-ukg-blue);
    color: #ffffff;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    border-bottom: 1px solid var(--processing-ukg-blue-dark);
}

.processing-client-approval-table td[b-rg17ztv1z6] {
    border-right: 1px solid #e3e7ec;
}

.processing-client-approval-table tbody tr:nth-child(even) td[b-rg17ztv1z6] {
    background: #f7f8f9;
}

.processing-client-approval-table tbody tr:hover td[b-rg17ztv1z6] {
    background: #eef8f3;
}

@media (max-width: 900px) {
    .processing-header-right[b-rg17ztv1z6],
    .processing-step-actions[b-rg17ztv1z6] {
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        align-items: center;
    }

    .processing-button[b-rg17ztv1z6] {
        width: auto;
        flex: 0 0 auto;
    }

    .processing-header-right .processing-icon-button[b-rg17ztv1z6] {
        flex: 0 0 auto;
    }

    .processing-process-meta[b-rg17ztv1z6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 100%;
    }

    .processing-process-steps[b-rg17ztv1z6] {
        grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    }

    .processing-next-step-card[b-rg17ztv1z6] {
        grid-template-columns: 1fr;
    }

    .processing-active-toolbar[b-rg17ztv1z6] {
        align-items: flex-start;
    }

    .processing-active-note[b-rg17ztv1z6] {
        max-width: none;
    }

    .processing-active-workspace > .processing-summary-grid[b-rg17ztv1z6],
    .processing-active-workspace > .processing-card[b-rg17ztv1z6],
    .processing-active-workspace > .processing-step-grid[b-rg17ztv1z6] {
        margin: 8px;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.office-profile-page[b-ebci7rzmgi] {
    width: calc(100% + 28px);
    min-height: calc(100vh - 126px);
    margin: -18px -14px -14px;
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    align-items: stretch;
    background: #f1f3f6;
    color: #263442;
}

.office-profile-rail[b-ebci7rzmgi] {
    min-height: calc(100vh - 126px);
    background: #ffffff;
    border-right: 1px solid #d9e1e8;
    box-shadow: 8px 0 18px rgba(18, 32, 54, 0.08);
}

.office-profile-card[b-ebci7rzmgi] {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 18px;
    border-bottom: 1px solid #e0e7ee;
}

.office-profile-avatar[b-ebci7rzmgi],
.office-profile-photo-preview[b-ebci7rzmgi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #c8d3df;
    background: linear-gradient(180deg, #dce5ee 0%, #cfd9e4 100%);
    color: #33485b;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.office-profile-avatar[b-ebci7rzmgi] {
    width: 108px;
    height: 108px;
    font-size: 2rem;
}

.office-profile-card h1[b-ebci7rzmgi] {
    margin: 4px 0 0;
    color: #263442;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.15;
    text-align: center;
}

.office-profile-role[b-ebci7rzmgi],
.office-profile-detail[b-ebci7rzmgi] {
    color: #68788a;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    word-break: break-word;
}

.office-profile-status-pill[b-ebci7rzmgi],
.office-profile-panel-state[b-ebci7rzmgi] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    border-radius: 999px;
    padding: 0 8px;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
}

.office-profile-status-pill[b-ebci7rzmgi],
.office-profile-panel-state.live[b-ebci7rzmgi] {
    background: #dff0e8;
    color: #1f7a48;
}

.office-profile-panel-state.future[b-ebci7rzmgi] {
    background: #eef2f6;
    color: #687483;
}

.office-profile-rail-section[b-ebci7rzmgi] {
    padding: 12px 18px;
    border-bottom: 1px solid #edf2f6;
}

.office-profile-rail-title[b-ebci7rzmgi] {
    margin-bottom: 8px;
    color: #344557;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.office-profile-rail-row[b-ebci7rzmgi] {
    display: grid;
    gap: 2px;
    padding: 7px 0;
    border-top: 1px solid #edf2f6;
}

.office-profile-rail-row span[b-ebci7rzmgi] {
    color: #718092;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.office-profile-rail-row strong[b-ebci7rzmgi] {
    color: #273747;
    font-size: 0.77rem;
    font-weight: 700;
    line-height: 1.25;
    word-break: break-word;
}

.office-profile-workspace[b-ebci7rzmgi] {
    min-width: 0;
    padding: 16px;
}

.office-profile-header-panel[b-ebci7rzmgi],
.office-profile-panel[b-ebci7rzmgi] {
    border: 1px solid #d9e1e8;
    background: #ffffff;
}

.office-profile-header-panel[b-ebci7rzmgi] {
    padding: 14px 16px;
}

.office-profile-kicker[b-ebci7rzmgi] {
    color: #68788a;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.office-profile-header-panel h2[b-ebci7rzmgi] {
    margin: 3px 0 5px;
    color: #233140;
    font-size: 1.12rem;
    font-weight: 700;
    line-height: 1.18;
}

.office-profile-header-panel p[b-ebci7rzmgi] {
    max-width: 820px;
    margin: 0;
    color: #5e6d7c;
    font-size: 0.8rem;
    line-height: 1.35;
}

.office-profile-grid[b-ebci7rzmgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.office-profile-panel-header[b-ebci7rzmgi] {
    min-height: 68px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e2e9ef;
    background: #f8fafc;
}

.office-profile-panel-header h3[b-ebci7rzmgi] {
    margin: 0;
    color: #273747;
    font-size: 0.93rem;
    font-weight: 800;
    line-height: 1.2;
}

.office-profile-panel-header p[b-ebci7rzmgi] {
    margin: 3px 0 0;
    color: #617182;
    font-size: 0.73rem;
    line-height: 1.3;
}

.office-profile-photo-row[b-ebci7rzmgi] {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    padding: 12px;
}

.office-profile-photo-preview[b-ebci7rzmgi] {
    width: 82px;
    height: 82px;
    font-size: 1.5rem;
}

.office-profile-panel-copy[b-ebci7rzmgi] {
    display: grid;
    gap: 5px;
}

.office-profile-panel-copy strong[b-ebci7rzmgi],
.office-profile-action-row strong[b-ebci7rzmgi],
.office-profile-detail-grid strong[b-ebci7rzmgi] {
    color: #263442;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
}

.office-profile-panel-copy span[b-ebci7rzmgi],
.office-profile-action-row small[b-ebci7rzmgi] {
    color: #627285;
    font-size: 0.72rem;
    line-height: 1.3;
}

.office-profile-action-list[b-ebci7rzmgi] {
    display: grid;
}

.office-profile-action-row[b-ebci7rzmgi] {
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #edf2f6;
}

.office-profile-action-row:last-child[b-ebci7rzmgi] {
    border-bottom: none;
}

.office-profile-action-row span[b-ebci7rzmgi] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.office-profile-button[b-ebci7rzmgi] {
    flex: 0 0 auto;
    min-height: 30px;
    border: 1px solid #cbd6e0;
    border-radius: 4px;
    background: #ffffff;
    color: #31485f;
    padding: 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
}

.office-profile-button:disabled[b-ebci7rzmgi] {
    background: #f2f5f8;
    color: #7a8794;
    cursor: not-allowed;
}

.office-profile-detail-grid[b-ebci7rzmgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.office-profile-detail-grid div[b-ebci7rzmgi] {
    display: grid;
    gap: 3px;
    padding: 10px 12px;
    border-right: 1px solid #edf2f6;
    border-bottom: 1px solid #edf2f6;
}

.office-profile-detail-grid span[b-ebci7rzmgi] {
    color: #718092;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.office-profile-detail-grid strong[b-ebci7rzmgi] {
    word-break: break-word;
}

@media (max-width: 1180px) {
    .office-profile-page[b-ebci7rzmgi] {
        grid-template-columns: 260px minmax(0, 1fr);
    }

    .office-profile-grid[b-ebci7rzmgi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .office-profile-page[b-ebci7rzmgi] {
        width: calc(100% + 24px);
        min-height: calc(100vh - 118px);
        margin: -12px -12px -12px;
        grid-template-columns: 1fr;
    }

    .office-profile-rail[b-ebci7rzmgi] {
        min-height: 0;
        border-right: none;
        border-bottom: 1px solid #d9e1e8;
        box-shadow: none;
    }

    .office-profile-workspace[b-ebci7rzmgi] {
        padding: 12px;
    }

    .office-profile-photo-row[b-ebci7rzmgi],
    .office-profile-detail-grid[b-ebci7rzmgi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .office-profile-panel-header[b-ebci7rzmgi],
    .office-profile-action-row[b-ebci7rzmgi] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/QualificationDefinitions.razor.rz.scp.css */
.qualification-definition-page[b-7ygekhmev5] {
    width: 100%;
}

.qualification-definition-header[b-7ygekhmev5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.qualification-definition-title-wrap[b-7ygekhmev5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.qualification-definition-dot[b-7ygekhmev5] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.qualification-definition-title[b-7ygekhmev5] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.qualification-definition-subtitle[b-7ygekhmev5],
.qualification-definition-header-note[b-7ygekhmev5] {
    color: #5d6773;
    font-size: 0.75rem;
    font-weight: 500;
}

.qualification-definition-panel[b-7ygekhmev5] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.qualification-definition-panel-header[b-7ygekhmev5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.qualification-definition-panel-title[b-7ygekhmev5] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
}

.qualification-definition-panel-count[b-7ygekhmev5] {
    font-size: 0.75rem;
    color: #4f5c69;
    font-weight: 500;
}

.qualification-definition-editor-body[b-7ygekhmev5] {
    padding: 12px;
}

.qualification-definition-form-grid[b-7ygekhmev5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px 12px;
}

.qualification-definition-form-grid label[b-7ygekhmev5] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.74rem;
    font-weight: 700;
    color: #465463;
}

.qualification-definition-form-grid-full[b-7ygekhmev5] {
    grid-column: 1 / -1;
}

.qualification-definition-checkbox-wrap[b-7ygekhmev5] {
    display: flex;
    align-items: end;
    padding-bottom: 4px;
}

.qualification-definition-checkbox-wrap label[b-7ygekhmev5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 0.76rem;
    font-weight: 600;
    color: #334150;
}

.qualification-definition-editor-actions[b-7ygekhmev5] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.qualification-definition-list-filters[b-7ygekhmev5] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    padding: 8px 11px 0;
}

.qualification-definition-search[b-7ygekhmev5],
.qualification-definition-filter[b-7ygekhmev5] {
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 9px;
    font-size: 0.76rem;
    font-weight: 500;
    color: #2f2f2f;
    box-sizing: border-box;
}

.qualification-definition-search[b-7ygekhmev5] {
    width: 240px;
}

.qualification-definition-filter[b-7ygekhmev5] {
    width: 150px;
}

.qualification-definition-button[b-7ygekhmev5] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

.qualification-definition-button.primary[b-7ygekhmev5] {
    background: #099bc6;
    color: #ffffff;
}

.qualification-definition-button.secondary[b-7ygekhmev5] {
    background: #f7f9fb;
    color: #5a6570;
    border-color: #cfd7e2;
}

.qualification-definition-empty[b-7ygekhmev5] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.qualification-definition-table-wrap[b-7ygekhmev5] {
    width: 100%;
    overflow-x: auto;
}

.qualification-definition-table[b-7ygekhmev5] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.qualification-definition-table thead th[b-7ygekhmev5] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
    vertical-align: middle;
}

.qualification-definition-table tbody td[b-7ygekhmev5] {
    font-size: 0.72rem;
    color: #24313d;
    padding: 5px 8px;
    border-bottom: 1px solid #e3e8ee;
    vertical-align: middle;
    line-height: 1.05rem;
}

.qualification-definition-table tbody tr:nth-child(odd)[b-7ygekhmev5] {
    background: #fcfdfe;
}

.qualification-definition-table tbody tr:nth-child(even)[b-7ygekhmev5] {
    background: #f6f8fa;
}

.qualification-definition-table tbody tr:hover[b-7ygekhmev5] {
    background: #eef9f4;
}

.qualification-definition-detail[b-7ygekhmev5] {
    margin-top: 2px;
    color: #667483;
    font-size: 0.68rem;
}

.qualification-definition-status-pill[b-7ygekhmev5] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.qualification-definition-status-pill.active[b-7ygekhmev5] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.qualification-definition-status-pill.inactive[b-7ygekhmev5] {
    background: #f3f5f7;
    border-color: #d8dfe7;
    color: #687584;
}

.qualification-definition-row-actions[b-7ygekhmev5] {
    text-align: right;
    white-space: nowrap;
}

.qualification-definition-row-link[b-7ygekhmev5] {
    background: none;
    border: none;
    padding: 0;
    margin-right: 10px;
    color: #099bc6;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.qualification-definition-row-link.icon-only[b-7ygekhmev5] {
    width: 24px;
    height: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.82rem;
    line-height: 1;
}

    .qualification-definition-row-link.icon-only:hover[b-7ygekhmev5] {
        background: #eef6fb;
        text-decoration: none;
    }

.qualification-definition-row-link.muted[b-7ygekhmev5] {
    color: #6b7785;
}

@media (max-width: 900px) {
    .qualification-definition-form-grid[b-7ygekhmev5] {
        grid-template-columns: 1fr;
    }

    .qualification-definition-list-filters[b-7ygekhmev5] {
        align-items: stretch;
    }

    .qualification-definition-search[b-7ygekhmev5],
    .qualification-definition-filter[b-7ygekhmev5],
    .qualification-definition-button[b-7ygekhmev5] {
        width: 100%;
    }
}
/* /Components/Pages/Registrations.razor.rz.scp.css */
.registration-queue-card .table thead th[b-oublkok3aj] {
    font-size: 0.75rem;
    font-weight: 700;
    vertical-align: middle;
    white-space: nowrap;
}

.registration-queue-card .table tbody td[b-oublkok3aj] {
    font-size: 0.79rem;
    vertical-align: middle;
    white-space: nowrap;
}

.registration-queue-header[b-oublkok3aj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.registration-queue-utilities[b-oublkok3aj] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.registration-page-indicator[b-oublkok3aj],
.registration-grid-footer-summary[b-oublkok3aj] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

.registration-page-size[b-oublkok3aj] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.registration-page-size-select[b-oublkok3aj] {
    min-width: 82px;
}

.registration-sort-button[b-oublkok3aj] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.registration-filter-row th[b-oublkok3aj] {
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.registration-filter-input[b-oublkok3aj] {
    min-width: 92px;
}

.registration-status-pill[b-oublkok3aj] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .registration-status-pill.positive[b-oublkok3aj] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .registration-status-pill.warning[b-oublkok3aj] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .registration-status-pill.danger[b-oublkok3aj] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .registration-status-pill.neutral[b-oublkok3aj] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.registration-grid-footer[b-oublkok3aj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    background: #ffffff;
}

@media (max-width: 1200px) {
    .registration-queue-utilities[b-oublkok3aj] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .registration-grid-footer[b-oublkok3aj] {
        justify-content: center;
    }

    .registration-grid-footer-summary[b-oublkok3aj] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.reports-page[b-znyqf9zxpu] {
    width: 100%;
}

.reports-header[b-znyqf9zxpu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.reports-header-left[b-znyqf9zxpu] {
    min-width: 320px;
    flex: 1;
}

.reports-title-row[b-znyqf9zxpu] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.reports-dot[b-znyqf9zxpu] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.reports-title[b-znyqf9zxpu] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.reports-subtitle[b-znyqf9zxpu] {
    font-size: 0.82rem;
    color: #4f5c69;
    line-height: 1.35rem;
    font-weight: 500;
    max-width: 980px;
}

.reports-header-right[b-znyqf9zxpu] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.reports-button[b-znyqf9zxpu] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    border: 1px solid transparent;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .reports-button.primary[b-znyqf9zxpu] {
        background: #099bc6;
        color: #ffffff;
    }

    .reports-button.secondary[b-znyqf9zxpu] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.reports-view-row[b-znyqf9zxpu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.reports-view-link[b-znyqf9zxpu] {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    color: #5a6570;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.80rem;
    font-weight: 700;
}

    .reports-view-link.active[b-znyqf9zxpu] {
        background: #0a76c8;
        border-color: #0a76c8;
        color: #ffffff;
    }

.reports-intro-panel[b-znyqf9zxpu],
.reports-group-panel[b-znyqf9zxpu] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    box-shadow: inset 0 3px 0 rgba(10, 118, 200, 0.10);
}

.reports-intro-panel[b-znyqf9zxpu] {
    padding: 12px;
    margin-bottom: 12px;
}

.reports-intro-title[b-znyqf9zxpu] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #1f2d3d;
}

.reports-intro-copy[b-znyqf9zxpu] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: #5d6773;
    font-weight: 500;
    line-height: 1.25rem;
}

.reports-filing-workbench[b-znyqf9zxpu] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    box-shadow: inset 0 3px 0 rgba(9, 155, 198, 0.12);
    margin-bottom: 12px;
    padding: 12px;
}

.reports-filing-header[b-znyqf9zxpu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

.reports-filing-kicker[b-znyqf9zxpu] {
    color: #0a76c8;
    font-size: 0.70rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.reports-filing-header h2[b-znyqf9zxpu] {
    margin: 2px 0 4px;
    color: #1f2d3d;
    font-size: 0.98rem;
    line-height: 1.2;
}

.reports-filing-header p[b-znyqf9zxpu] {
    margin: 0;
    color: #5d6773;
    font-size: 0.76rem;
    font-weight: 500;
    line-height: 1.25rem;
    max-width: 760px;
}

.reports-filing-controls[b-znyqf9zxpu],
.reports-filing-actions[b-znyqf9zxpu] {
    display: flex;
    gap: 8px;
    align-items: end;
    flex-wrap: wrap;
}

.reports-filing-controls label[b-znyqf9zxpu] {
    display: grid;
    gap: 4px;
    min-width: 104px;
}

.reports-filing-controls span[b-znyqf9zxpu] {
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-filing-controls input[b-znyqf9zxpu],
.reports-filing-controls select[b-znyqf9zxpu] {
    height: 34px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #1f2d3d;
    font-size: 0.80rem;
    font-weight: 700;
    padding: 0 9px;
}

.reports-filing-message[b-znyqf9zxpu],
.reports-filing-empty[b-znyqf9zxpu] {
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.25rem;
    margin-bottom: 10px;
    padding: 9px 10px;
}

.reports-filing-message.success[b-znyqf9zxpu] {
    background: #edf9f4;
    border: 1px solid #b9e3d1;
    color: #216247;
}

.reports-filing-message.error[b-znyqf9zxpu] {
    background: #fff1f0;
    border: 1px solid #efbbb5;
    color: #9d2b22;
}

.reports-filing-message.warning[b-znyqf9zxpu] {
    background: #fff8e8;
    border: 1px solid #edd39a;
    color: #7c5813;
}

.reports-filing-empty[b-znyqf9zxpu] {
    background: #f8f9fb;
    border: 1px dashed #cbd5df;
    color: #657384;
}

.reports-filing-metrics[b-znyqf9zxpu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.reports-filing-metrics div[b-znyqf9zxpu] {
    background: #fbfcfd;
    border: 1px solid #dde5ed;
    border-radius: 6px;
    padding: 9px;
}

.reports-filing-metrics span[b-znyqf9zxpu] {
    display: block;
    color: #647282;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-filing-metrics strong[b-znyqf9zxpu] {
    display: block;
    color: #1f2d3d;
    font-size: 0.88rem;
    margin-top: 3px;
}

.reports-filing-actions[b-znyqf9zxpu] {
    border-top: 1px solid #e3e8ee;
    padding-top: 10px;
    margin-bottom: 10px;
}

.reports-generated-artifact[b-znyqf9zxpu] {
    align-items: center;
    background: #eef8fb;
    border: 1px solid #b9dfea;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 10px;
    flex-wrap: wrap;
}

.reports-generated-artifact span[b-znyqf9zxpu],
.reports-generated-artifact small[b-znyqf9zxpu] {
    display: block;
    color: #5a6570;
    font-size: 0.70rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-generated-artifact strong[b-znyqf9zxpu] {
    display: block;
    color: #1f2d3d;
    font-size: 0.84rem;
    margin: 2px 0;
}

.reports-generated-artifact small[b-znyqf9zxpu] {
    font-weight: 700;
    text-transform: none;
}

.reports-supplement-list[b-znyqf9zxpu] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.reports-supplement-list a[b-znyqf9zxpu] {
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    color: #315b7c;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 7px 9px;
    text-decoration: none;
}

.reports-employer-table-wrap[b-znyqf9zxpu] {
    border: 1px solid #dce4ec;
    border-radius: 8px;
    overflow-x: auto;
}

.reports-employer-table[b-znyqf9zxpu] {
    border-collapse: collapse;
    min-width: 820px;
    width: 100%;
}

.reports-employer-table th[b-znyqf9zxpu],
.reports-employer-table td[b-znyqf9zxpu] {
    border-bottom: 1px solid #e3e8ee;
    color: #1f2d3d;
    font-size: 0.75rem;
    padding: 8px 9px;
    text-align: left;
    white-space: nowrap;
}

.reports-employer-table th[b-znyqf9zxpu] {
    background: #f3f7fb;
    color: #526170;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.reports-employer-table .numeric[b-znyqf9zxpu] {
    text-align: right;
}

.reports-group-stack[b-znyqf9zxpu] {
    display: grid;
    gap: 12px;
}

.reports-group-header[b-znyqf9zxpu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border-bottom: 1px solid #e3e8ee;
    flex-wrap: wrap;
}

.reports-group-title[b-znyqf9zxpu] {
    font-size: 0.88rem;
    font-weight: 800;
    color: #1f2d3d;
}

.reports-group-summary[b-znyqf9zxpu] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: #5d6773;
    font-weight: 500;
    line-height: 1.25rem;
}

.reports-group-count[b-znyqf9zxpu] {
    font-size: 0.72rem;
    font-weight: 800;
    color: #5d6d7d;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.reports-group-layout[b-znyqf9zxpu] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 12px;
}

.reports-subpanel[b-znyqf9zxpu] {
    border: 1px solid #dce4ec;
    border-radius: 8px;
    background: #fbfcfd;
    padding: 10px;
}

.reports-subpanel-title[b-znyqf9zxpu] {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 10px;
}

.reports-link-list[b-znyqf9zxpu],
.reports-placeholder-list[b-znyqf9zxpu] {
    display: grid;
    gap: 10px;
}

.reports-link-card[b-znyqf9zxpu],
.reports-placeholder-card[b-znyqf9zxpu] {
    border: 1px solid #dce4ec;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px;
}

.reports-link-card[b-znyqf9zxpu] {
    display: block;
    text-decoration: none;
}

.reports-link-top[b-znyqf9zxpu] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.reports-link-title[b-znyqf9zxpu],
.reports-placeholder-title[b-znyqf9zxpu] {
    font-size: 0.80rem;
    font-weight: 800;
    color: #1f2d3d;
}

.reports-link-status[b-znyqf9zxpu] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #eef5fb;
    border: 1px solid #c7d9ea;
    color: #365a7b;
    font-size: 0.70rem;
    font-weight: 800;
    white-space: nowrap;
}

.reports-link-description[b-znyqf9zxpu],
.reports-placeholder-description[b-znyqf9zxpu] {
    font-size: 0.75rem;
    color: #556372;
    line-height: 1.25rem;
}

.reports-link-route[b-znyqf9zxpu] {
    margin-top: 8px;
    font-size: 0.70rem;
    font-weight: 700;
    color: #738292;
}

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

    .reports-filing-metrics[b-znyqf9zxpu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .reports-header-right[b-znyqf9zxpu],
    .reports-view-row[b-znyqf9zxpu] {
        width: 100%;
    }

    .reports-header-right[b-znyqf9zxpu] {
        flex-direction: column;
        align-items: stretch;
    }

    .reports-button[b-znyqf9zxpu],
    .reports-view-link[b-znyqf9zxpu] {
        width: 100%;
    }

    .reports-filing-controls[b-znyqf9zxpu],
    .reports-filing-actions[b-znyqf9zxpu] {
        align-items: stretch;
        width: 100%;
    }

    .reports-filing-controls label[b-znyqf9zxpu],
    .reports-filing-controls .reports-button[b-znyqf9zxpu],
    .reports-filing-actions .reports-button[b-znyqf9zxpu] {
        width: 100%;
    }

    .reports-filing-metrics[b-znyqf9zxpu] {
        grid-template-columns: 1fr;
    }

    .reports-group-header[b-znyqf9zxpu],
    .reports-link-top[b-znyqf9zxpu] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/RoutingDirectory.razor.rz.scp.css */
.routing-directory-page[b-21fm7hml5p] {
    width: 100%;
}

.routing-directory-header[b-21fm7hml5p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.routing-directory-title-wrap[b-21fm7hml5p] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.routing-directory-dot[b-21fm7hml5p] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.routing-directory-title[b-21fm7hml5p] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.routing-directory-header-actions[b-21fm7hml5p] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.routing-directory-button[b-21fm7hml5p] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .routing-directory-button.primary[b-21fm7hml5p] {
        background: #099bc6;
        color: #ffffff;
    }

    .routing-directory-button.secondary[b-21fm7hml5p] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .routing-directory-button:disabled[b-21fm7hml5p] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.routing-directory-panel[b-21fm7hml5p] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.routing-directory-panel-header[b-21fm7hml5p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.routing-directory-panel-title[b-21fm7hml5p] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.routing-directory-panel-subtitle[b-21fm7hml5p] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.routing-directory-panel-count[b-21fm7hml5p] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.routing-directory-status-grid[b-21fm7hml5p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(200px, 1fr));
    gap: 10px 12px;
    padding: 12px;
}

.routing-directory-status-card[b-21fm7hml5p] {
    border: 1px solid #e3e8ee;
    background: #fbfcfd;
    border-radius: 8px;
    padding: 10px;
    min-height: 72px;
}

    .routing-directory-status-card label[b-21fm7hml5p] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

    .routing-directory-status-card div[b-21fm7hml5p] {
        font-size: 0.78rem;
        color: #24313d;
        line-height: 1.15rem;
        word-break: break-word;
    }

.routing-directory-help-body[b-21fm7hml5p] {
    padding: 12px;
}

.routing-directory-help-list[b-21fm7hml5p] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.8rem;
    color: #4f5c69;
    line-height: 1.35rem;
}

.routing-directory-warnings[b-21fm7hml5p] {
    border-top: 1px solid #e3e8ee;
    padding: 10px 12px 12px;
}

.routing-directory-warnings-title[b-21fm7hml5p] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #9a6300;
    margin-bottom: 6px;
}

.routing-directory-warnings ul[b-21fm7hml5p] {
    margin: 0;
    padding-left: 18px;
    font-size: 0.78rem;
    color: #5d6773;
    line-height: 1.25rem;
}

@media (max-width: 1200px) {
    .routing-directory-header-actions[b-21fm7hml5p] {
        justify-content: flex-start;
        width: 100%;
    }

    .routing-directory-status-grid[b-21fm7hml5p] {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
    }

    .routing-directory-panel-header[b-21fm7hml5p] {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 800px) {
    .routing-directory-status-grid[b-21fm7hml5p] {
        grid-template-columns: 1fr;
    }

    .routing-directory-button[b-21fm7hml5p] {
        width: 100%;
    }
}
/* /Components/Pages/Schedules.razor.rz.scp.css */
.schedule-workspace-page[b-6gkpjbek7l] {
    --schedule-border: #d7dce6;
    --schedule-text: #17324a;
    --schedule-muted: #5f6f80;
    --schedule-soft: #f4f7fb;
    --schedule-open-bg: #efe7ff;
    --schedule-open-border: #a46ef1;
    --schedule-open-text: #5c2aa8;
    --schedule-filled-bg: #e7f8ef;
    --schedule-filled-border: #32a56d;
    --schedule-filled-text: #196343;
    --schedule-over-bg: #ffe9ea;
    --schedule-over-border: #d5525b;
    --schedule-over-text: #932b33;
    --schedule-cancelled-bg: #eef1f5;
    --schedule-cancelled-border: #98a4b3;
    --schedule-cancelled-text: #52606f;
    --schedule-completed-bg: #e7f1fb;
    --schedule-completed-border: #4b8ed0;
    --schedule-completed-text: #245b94;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    color: var(--schedule-text);
}

.schedule-workspace-hero[b-6gkpjbek7l],
.schedule-toolbar-card[b-6gkpjbek7l],
.schedule-panel-card[b-6gkpjbek7l] {
    border: 1px solid var(--schedule-border);
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(12, 31, 54, 0.04);
}

.schedule-workspace-hero[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    background:
        radial-gradient(circle at top right, rgba(60, 151, 190, 0.18), transparent 34%),
        linear-gradient(135deg, #f7fbff 0%, #f4f1ff 100%);
}

.schedule-workspace-hero-copy[b-6gkpjbek7l] {
    flex: 1;
    min-width: 0;
}

.schedule-workspace-kicker[b-6gkpjbek7l] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0e7a9d;
    margin-bottom: 3px;
}

.schedule-workspace-title[b-6gkpjbek7l] {
    margin: 0;
    font-size: 1.2rem;
    line-height: 1.1;
    font-weight: 800;
}

.schedule-workspace-subtitle[b-6gkpjbek7l] {
    margin: 5px 0 0;
    max-width: 760px;
    color: var(--schedule-muted);
    font-size: 0.78rem;
    line-height: 1.3;
}

.schedule-workspace-hero-actions[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.schedule-hero-button[b-6gkpjbek7l],
.schedule-filter-button[b-6gkpjbek7l],
.schedule-week-button[b-6gkpjbek7l],
.schedule-inline-action[b-6gkpjbek7l],
.schedule-flyout-close[b-6gkpjbek7l],
.schedule-tab-button[b-6gkpjbek7l] {
    border: 1px solid transparent;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 700;
    transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
}

.schedule-hero-button:hover[b-6gkpjbek7l],
.schedule-filter-button:hover[b-6gkpjbek7l],
.schedule-week-button:hover[b-6gkpjbek7l],
.schedule-inline-action:hover[b-6gkpjbek7l],
.schedule-flyout-close:hover[b-6gkpjbek7l],
.schedule-tab-button:hover[b-6gkpjbek7l] {
    transform: translateY(-1px);
}

.schedule-hero-button[b-6gkpjbek7l] {
    min-height: 32px;
    padding: 0 12px;
    font-size: 0.78rem;
}

.schedule-hero-button.primary[b-6gkpjbek7l],
.schedule-filter-button.primary[b-6gkpjbek7l] {
    background: linear-gradient(135deg, #0b93bb 0%, #1377b8 100%);
    color: #fff;
}

.schedule-hero-button.secondary[b-6gkpjbek7l],
.schedule-filter-button.secondary[b-6gkpjbek7l],
.schedule-week-button[b-6gkpjbek7l],
.schedule-flyout-close[b-6gkpjbek7l] {
    background: #fff;
    color: var(--schedule-text);
    border-color: var(--schedule-border);
}

.schedule-toolbar-card[b-6gkpjbek7l] {
    padding: 10px 12px 12px;
}

.schedule-toolbar-topline[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e6ebf1;
}

.schedule-toolbar-label[b-6gkpjbek7l] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #557188;
}

.schedule-toolbar-range[b-6gkpjbek7l] {
    font-size: 0.92rem;
    font-weight: 800;
    color: var(--schedule-text);
}

.schedule-week-nav[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.schedule-toolbar-controls[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.schedule-view-toggle[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid #d7dfe8;
    border-radius: 12px;
    background: #f7f9fc;
}

.schedule-view-button[b-6gkpjbek7l] {
    min-height: 28px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: #53697c;
    font-size: 0.74rem;
    font-weight: 800;
    padding: 0 10px;
    cursor: pointer;
}

.schedule-view-button.active[b-6gkpjbek7l] {
    background: #17324a;
    color: #fff;
}

.schedule-week-button[b-6gkpjbek7l] {
    min-height: 30px;
    padding: 0 10px;
    font-size: 0.75rem;
    background: #f7f9fc;
}

.schedule-week-input[b-6gkpjbek7l],
.schedule-filter-input[b-6gkpjbek7l],
.schedule-filter-select[b-6gkpjbek7l] {
    min-height: 32px;
    border-radius: 9px;
    border: 1px solid var(--schedule-border);
    background: #fff;
    color: var(--schedule-text);
    font-size: 0.78rem;
    font-weight: 600;
    padding: 0 10px;
    box-sizing: border-box;
}

.schedule-week-input[b-6gkpjbek7l] {
    min-width: 132px;
}

.schedule-filter-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px 10px;
    margin-top: 10px;
}

.schedule-filter-field[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.schedule-filter-caption[b-6gkpjbek7l] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #627384;
}

.schedule-filter-actions[b-6gkpjbek7l] {
    display: flex;
    align-items: end;
    gap: 6px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.schedule-filter-button[b-6gkpjbek7l] {
    min-height: 32px;
    padding: 0 12px;
    font-size: 0.76rem;
}

.schedule-summary-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.schedule-summary-card[b-6gkpjbek7l] {
    border: 1px solid var(--schedule-border);
    border-radius: 12px;
    background: #fff;
    padding: 9px 12px 10px;
    box-shadow: 0 8px 18px rgba(12, 31, 54, 0.035);
}

.schedule-summary-card.accent-open[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #fbf8ff 0%, #fff 100%);
    border-color: #dac5ff;
}

.schedule-summary-card.accent-filled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #f3fcf7 0%, #fff 100%);
    border-color: #bee7cf;
}

.schedule-summary-card.accent-over[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #fff6f7 0%, #fff 100%);
    border-color: #f4c7cb;
}

.schedule-summary-card.accent-posted[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #f2fbff 0%, #fff 100%);
    border-color: #bfe7f2;
}

.schedule-summary-label[b-6gkpjbek7l] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617688;
}

.schedule-summary-value[b-6gkpjbek7l] {
    margin-top: 4px;
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
}

.schedule-summary-note[b-6gkpjbek7l] {
    margin-top: 4px;
    font-size: 0.72rem;
    color: var(--schedule-muted);
    line-height: 1.25;
}

.schedule-tab-strip[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.schedule-tab-button[b-6gkpjbek7l] {
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.78rem;
    background: #f6f8fb;
    color: #53697c;
    border-color: #dce3ec;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.schedule-tab-button.active[b-6gkpjbek7l] {
    background: #17324a;
    color: #fff;
    border-color: #17324a;
}

.schedule-tab-count[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    font-size: 0.68rem;
}

.schedule-panel-header[b-6gkpjbek7l] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e7ebf0;
}

.schedule-panel-title[b-6gkpjbek7l] {
    font-size: 0.88rem;
    font-weight: 800;
    color: var(--schedule-text);
}

.schedule-panel-note[b-6gkpjbek7l] {
    margin-top: 2px;
    font-size: 0.74rem;
    color: var(--schedule-muted);
    line-height: 1.3;
}

.schedule-panel-legend[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.schedule-panel-actions[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.schedule-legend-pill[b-6gkpjbek7l],
.schedule-small-badge[b-6gkpjbek7l],
.schedule-list-card-status[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

.schedule-legend-pill[b-6gkpjbek7l] {
    min-height: 20px;
    padding: 0 8px;
    border: 1px solid transparent;
}

.schedule-legend-pill.open[b-6gkpjbek7l],
.schedule-small-badge.open[b-6gkpjbek7l],
.schedule-list-card-status.open[b-6gkpjbek7l] {
    background: var(--schedule-open-bg);
    border-color: #d0b4ff;
    color: var(--schedule-open-text);
}

.schedule-legend-pill.filled[b-6gkpjbek7l],
.schedule-list-card-status.approved[b-6gkpjbek7l] {
    background: var(--schedule-filled-bg);
    border-color: #bfe6ce;
    color: var(--schedule-filled-text);
}

.schedule-legend-pill.over[b-6gkpjbek7l],
.schedule-list-card-status.declined[b-6gkpjbek7l] {
    background: var(--schedule-over-bg);
    border-color: #efbec2;
    color: var(--schedule-over-text);
}

.schedule-legend-pill.cancelled[b-6gkpjbek7l],
.schedule-list-card-status.neutral[b-6gkpjbek7l] {
    background: var(--schedule-cancelled-bg);
    border-color: #d5dce5;
    color: var(--schedule-cancelled-text);
}

.schedule-list-card-status.requested[b-6gkpjbek7l],
.schedule-small-badge.requests[b-6gkpjbek7l] {
    background: #eef7ff;
    border-color: #cbe2f7;
    color: #1f6697;
}

.schedule-small-badge[b-6gkpjbek7l] {
    min-height: 22px;
    padding: 0 9px;
    border: 1px solid #d5dce5;
    color: #4f6275;
    background: #f8fafc;
}

.schedule-small-badge.posted[b-6gkpjbek7l] {
    background: #f0fbff;
    border-color: #bfe5ee;
    color: #126c88;
}

.schedule-board-desktop[b-6gkpjbek7l] {
    display: block;
}

.schedule-board-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: minmax(270px, 270px) repeat(7, minmax(132px, 1fr));
    gap: 1px;
    background: #dfe5ec;
}

.schedule-board-sticky-label[b-6gkpjbek7l],
.schedule-board-dayhead[b-6gkpjbek7l],
.schedule-board-client-row[b-6gkpjbek7l],
.schedule-board-labelcell[b-6gkpjbek7l],
.schedule-board-cell[b-6gkpjbek7l] {
    background: #fff;
}

.schedule-board-sticky-label[b-6gkpjbek7l] {
    padding: 9px 12px;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #53697c;
}

.schedule-board-dayhead[b-6gkpjbek7l] {
    padding: 9px 8px;
    text-align: center;
}

.schedule-board-dayname[b-6gkpjbek7l] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #627384;
}

.schedule-board-daydate[b-6gkpjbek7l] {
    margin-top: 2px;
    font-size: 0.82rem;
    font-weight: 800;
}

.schedule-board-client-row[b-6gkpjbek7l] {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 12px;
    background: linear-gradient(90deg, #1a3148 0%, #243e59 100%);
    color: #fff;
}

.schedule-board-client-title[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 800;
}

.schedule-board-client-meta[b-6gkpjbek7l] {
    font-size: 0.71rem;
    opacity: 0.88;
}

.schedule-board-labelcell[b-6gkpjbek7l] {
    padding: 9px 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.schedule-board-position[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 800;
}

.schedule-board-schedule[b-6gkpjbek7l] {
    font-size: 0.76rem;
    font-weight: 700;
    color: var(--schedule-text);
}

.schedule-board-labelmeta[b-6gkpjbek7l] {
    font-size: 0.69rem;
    color: var(--schedule-muted);
    line-height: 1.3;
}

.schedule-board-labelbadges[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 1px;
}

.schedule-board-cell[b-6gkpjbek7l] {
    min-height: 118px;
    padding: 10px 8px;
    text-align: left;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.schedule-board-cell.empty[b-6gkpjbek7l] {
    justify-content: center;
    align-items: center;
    color: #8a97a6;
    font-size: 0.77rem;
    background: #fbfcfd;
}

button.schedule-board-cell[b-6gkpjbek7l] {
    cursor: pointer;
}

.schedule-board-cell.open[b-6gkpjbek7l],
.schedule-board-cell.partial[b-6gkpjbek7l] {
    background: linear-gradient(180deg, var(--schedule-open-bg) 0%, #f8f2ff 100%);
    box-shadow: inset 0 0 0 2px var(--schedule-open-border);
    color: var(--schedule-open-text);
}

.schedule-board-cell.filled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, var(--schedule-filled-bg) 0%, #f5fcf8 100%);
    box-shadow: inset 0 0 0 2px var(--schedule-filled-border);
    color: var(--schedule-filled-text);
}

.schedule-board-cell.overfilled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, var(--schedule-over-bg) 0%, #fff4f5 100%);
    box-shadow: inset 0 0 0 2px var(--schedule-over-border);
    color: var(--schedule-over-text);
}

.schedule-board-cell.cancelled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, var(--schedule-cancelled-bg) 0%, #f7f9fb 100%);
    box-shadow: inset 0 0 0 2px var(--schedule-cancelled-border);
    color: var(--schedule-cancelled-text);
}

.schedule-board-cell.completed[b-6gkpjbek7l] {
    background: linear-gradient(180deg, var(--schedule-completed-bg) 0%, #f4f9ff 100%);
    box-shadow: inset 0 0 0 2px var(--schedule-completed-border);
    color: var(--schedule-completed-text);
}

.schedule-board-cell-state[b-6gkpjbek7l] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.schedule-board-cell-hours[b-6gkpjbek7l] {
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.05;
}

.schedule-board-cell-counts[b-6gkpjbek7l],
.schedule-board-cell-open[b-6gkpjbek7l] {
    font-size: 0.72rem;
    font-weight: 700;
}

.schedule-board-cell-flags[b-6gkpjbek7l] {
    margin-top: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 0.66rem;
    font-weight: 700;
}

.schedule-board-mobile[b-6gkpjbek7l] {
    display: none;
    padding: 14px;
}

.schedule-month-board[b-6gkpjbek7l] {
    padding: 14px;
}

.schedule-month-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.schedule-month-heading[b-6gkpjbek7l] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #607284;
    text-align: center;
    padding-bottom: 4px;
}

.schedule-month-day[b-6gkpjbek7l] {
    min-height: 108px;
    border: 1px solid #d9e1ea;
    border-radius: 16px;
    background: #fff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.schedule-month-day:hover[b-6gkpjbek7l] {
    transform: translateY(-1px);
}

.schedule-month-day.muted[b-6gkpjbek7l] {
    background: #f8fafc;
    color: #8292a2;
}

.schedule-month-day.open[b-6gkpjbek7l] {
    border-color: #d0b4ff;
    background: linear-gradient(180deg, #fbf7ff 0%, #fff 100%);
}

.schedule-month-day.filled[b-6gkpjbek7l] {
    border-color: #bfe6ce;
    background: linear-gradient(180deg, #f4fcf7 0%, #fff 100%);
}

.schedule-month-day.overfilled[b-6gkpjbek7l] {
    border-color: #efbec2;
    background: linear-gradient(180deg, #fff5f6 0%, #fff 100%);
}

.schedule-month-day.cancelled[b-6gkpjbek7l] {
    border-color: #d4dce5;
    background: linear-gradient(180deg, #f7f9fb 0%, #fff 100%);
}

.schedule-month-day-topline[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.schedule-month-day-number[b-6gkpjbek7l] {
    font-size: 1rem;
    font-weight: 800;
    color: #17324a;
}

.schedule-month-day-state[b-6gkpjbek7l] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #607284;
}

.schedule-month-day-metrics[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #405466;
}

.schedule-month-day-empty[b-6gkpjbek7l] {
    margin-top: auto;
    font-size: 0.76rem;
    color: #7c8d9d;
}

.schedule-mobile-daypicker[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
}

.schedule-mobile-day[b-6gkpjbek7l] {
    border: 1px solid #d8e0e9;
    border-radius: 14px;
    background: #fff;
    min-height: 62px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    color: #53697c;
    font-size: 0.76rem;
    font-weight: 700;
}

.schedule-mobile-day strong[b-6gkpjbek7l] {
    font-size: 1rem;
    color: var(--schedule-text);
}

.schedule-mobile-day.active[b-6gkpjbek7l] {
    background: #17324a;
    border-color: #17324a;
    color: #d9ecff;
}

.schedule-mobile-day.active strong[b-6gkpjbek7l] {
    color: #fff;
}

.schedule-mobile-note[b-6gkpjbek7l] {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f6f9fc;
    color: var(--schedule-muted);
    font-size: 0.78rem;
    line-height: 1.4;
}

.schedule-mobile-client-block[b-6gkpjbek7l] {
    margin-top: 14px;
}

.schedule-mobile-client-name[b-6gkpjbek7l] {
    margin-bottom: 8px;
    font-size: 0.86rem;
    font-weight: 800;
}

.schedule-mobile-shift-card[b-6gkpjbek7l],
.schedule-mobile-record-card[b-6gkpjbek7l] {
    width: 100%;
    text-align: left;
    border: 1px solid #dbe3eb;
    border-radius: 16px;
    background: #fff;
    padding: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    color: inherit;
}

.schedule-mobile-shift-card.open[b-6gkpjbek7l],
.schedule-mobile-shift-card.partial[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #fcf9ff 0%, #fff 100%);
    border-color: #d5c0ff;
}

.schedule-mobile-shift-card.filled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #f4fcf7 0%, #fff 100%);
    border-color: #bfe3ce;
}

.schedule-mobile-shift-card.overfilled[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #fff5f6 0%, #fff 100%);
    border-color: #edc4c9;
}

.schedule-mobile-shift-card.cancelled[b-6gkpjbek7l],
.schedule-mobile-shift-card.completed[b-6gkpjbek7l] {
    background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}

.schedule-mobile-card-topline[b-6gkpjbek7l],
.schedule-mobile-record-topline[b-6gkpjbek7l],
.schedule-list-card-topline[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.schedule-mobile-card-position[b-6gkpjbek7l],
.schedule-mobile-record-number[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.schedule-mobile-card-state[b-6gkpjbek7l] {
    font-size: 0.75rem;
    font-weight: 800;
}

.schedule-mobile-card-title[b-6gkpjbek7l],
.schedule-mobile-record-title[b-6gkpjbek7l],
.schedule-list-card-title[b-6gkpjbek7l] {
    margin-top: 8px;
    font-size: 1rem;
    font-weight: 800;
}

.schedule-mobile-card-meta[b-6gkpjbek7l],
.schedule-mobile-record-meta[b-6gkpjbek7l],
.schedule-list-card-meta[b-6gkpjbek7l],
.schedule-list-card-subtitle[b-6gkpjbek7l] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: var(--schedule-muted);
    line-height: 1.35;
}

.schedule-mobile-card-hours[b-6gkpjbek7l] {
    margin-top: 9px;
    font-size: 1.1rem;
    font-weight: 800;
}

.schedule-mobile-card-flags[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
    font-size: 0.77rem;
    font-weight: 700;
    color: #4b6175;
}

.schedule-card-list[b-6gkpjbek7l] {
    padding: 16px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.schedule-list-card[b-6gkpjbek7l] {
    border: 1px solid #d9e1e9;
    border-radius: 16px;
    background: #fff;
    padding: 15px;
}

.schedule-list-card.selectable.selected[b-6gkpjbek7l] {
    border-color: #8ec2dd;
    box-shadow: 0 0 0 2px rgba(17, 144, 185, 0.12);
    background: linear-gradient(180deg, #f5fbff 0%, #fff 100%);
}

.schedule-list-card-metrics[b-6gkpjbek7l] {
    margin-top: 12px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    font-size: 0.8rem;
    color: #405466;
}

.schedule-list-card-actions[b-6gkpjbek7l],
.schedule-flyout-actions[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.schedule-inline-action[b-6gkpjbek7l] {
    min-height: 34px;
    padding: 0 12px;
    background: #f7f9fc;
    color: var(--schedule-text);
    border-color: #d8e0e9;
    font-size: 0.8rem;
}

.schedule-inline-action.strong[b-6gkpjbek7l] {
    background: #17324a;
    color: #fff;
    border-color: #17324a;
}

.schedule-inline-link[b-6gkpjbek7l] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #0b81af;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

.schedule-inline-link:hover[b-6gkpjbek7l] {
    text-decoration: underline;
}

.schedule-records-desktop[b-6gkpjbek7l] {
    overflow-x: auto;
}

.schedule-records-table[b-6gkpjbek7l] {
    width: 100%;
    border-collapse: collapse;
}

.schedule-records-table thead th[b-6gkpjbek7l] {
    background: #f4f7fb;
    color: #42576b;
    font-size: 0.77rem;
    font-weight: 800;
    text-align: left;
    padding: 9px 10px;
    border-bottom: 1px solid #dde5ee;
    white-space: nowrap;
}

.schedule-records-table tbody td[b-6gkpjbek7l] {
    padding: 9px 10px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.81rem;
    color: #2b4053;
    white-space: nowrap;
}

.schedule-records-table tbody tr[b-6gkpjbek7l] {
    cursor: pointer;
    transition: background 0.12s ease;
}

.schedule-records-table tbody tr:hover[b-6gkpjbek7l] {
    background: #f8fbff;
}

.schedule-records-mobile[b-6gkpjbek7l] {
    display: none;
    padding: 14px;
}

.schedule-empty-state[b-6gkpjbek7l] {
    padding: 28px 18px 30px;
}

.schedule-empty-title[b-6gkpjbek7l] {
    font-size: 1rem;
    font-weight: 800;
}

.schedule-empty-copy[b-6gkpjbek7l] {
    margin-top: 7px;
    font-size: 0.82rem;
    color: var(--schedule-muted);
    line-height: 1.45;
}

.schedule-flyout-scrim[b-6gkpjbek7l] {
    position: fixed;
    inset: 0;
    background: rgba(10, 22, 37, 0.38);
    z-index: 2300;
}

.schedule-flyout-panel[b-6gkpjbek7l] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(520px, 100%);
    background: #fff;
    border-left: 1px solid #dbe2ea;
    box-shadow: -16px 0 42px rgba(11, 31, 52, 0.18);
    z-index: 2310;
    display: flex;
    flex-direction: column;
}

.schedule-engine-flyout-panel[b-6gkpjbek7l] {
    width: min(760px, 100%);
}

.schedule-flyout-header[b-6gkpjbek7l] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 18px 14px;
    border-bottom: 1px solid #e6ebf1;
}

.schedule-flyout-kicker[b-6gkpjbek7l] {
    font-size: 0.73rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #607284;
}

.schedule-flyout-title[b-6gkpjbek7l] {
    margin: 6px 0 0;
    font-size: 1.2rem;
    font-weight: 800;
}

.schedule-flyout-subtitle[b-6gkpjbek7l] {
    margin-top: 5px;
    font-size: 0.82rem;
    color: var(--schedule-muted);
    line-height: 1.4;
}

.schedule-flyout-summary[b-6gkpjbek7l] {
    padding: 14px 18px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    border-bottom: 1px solid #e6ebf1;
    background: #f8fbff;
}

.schedule-flyout-summary-card[b-6gkpjbek7l] {
    border: 1px solid #d9e3ef;
    border-radius: 14px;
    padding: 12px;
    background: #fff;
}

.schedule-flyout-summary-card span[b-6gkpjbek7l] {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617688;
}

.schedule-flyout-summary-card strong[b-6gkpjbek7l] {
    display: block;
    margin-top: 7px;
    font-size: 1rem;
    line-height: 1.25;
}

.schedule-flyout-body[b-6gkpjbek7l] {
    flex: 1;
    overflow: auto;
    padding: 16px 18px 18px;
}

.schedule-flyout-shiftcard[b-6gkpjbek7l] {
    border: 1px solid #dce3ec;
    border-radius: 16px;
    background: #fff;
    padding: 15px;
}

.schedule-flyout-shiftcard + .schedule-flyout-shiftcard[b-6gkpjbek7l] {
    margin-top: 12px;
}

.schedule-flyout-shift-topline[b-6gkpjbek7l] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
}

.schedule-flyout-shift-id[b-6gkpjbek7l] {
    font-size: 0.83rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.schedule-flyout-shift-meta[b-6gkpjbek7l] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: var(--schedule-muted);
}

.schedule-flyout-pillrow[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}

.schedule-flyout-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 12px;
    margin-top: 12px;
    font-size: 0.8rem;
    color: #405466;
}

.schedule-flyout-block[b-6gkpjbek7l] {
    margin-top: 14px;
}

.schedule-flyout-block-title[b-6gkpjbek7l] {
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #607284;
}

.schedule-flyout-empty[b-6gkpjbek7l] {
    margin-top: 8px;
    font-size: 0.8rem;
    color: var(--schedule-muted);
}

.schedule-flyout-chiplist[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.schedule-flyout-chip[b-6gkpjbek7l] {
    border: 1px solid #d6e1ea;
    border-radius: 999px;
    background: #f8fbfe;
    min-height: 34px;
    padding: 0 12px;
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--schedule-text);
    cursor: pointer;
}

.schedule-flyout-requestlist[b-6gkpjbek7l] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedule-flyout-requestrow[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #e1e8ef;
    border-radius: 12px;
    padding: 10px 12px;
    background: #fbfdff;
}

.schedule-engine-inline-alert[b-6gkpjbek7l] {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px solid #efc1c7;
    border-radius: 12px;
    background: #fff5f6;
    color: #8d2332;
    font-size: 0.8rem;
    font-weight: 700;
}

.schedule-flyout-request-name[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 800;
}

.schedule-flyout-request-meta[b-6gkpjbek7l] {
    margin-top: 4px;
    font-size: 0.76rem;
    color: var(--schedule-muted);
}

@media (max-width: 1440px) {
    .schedule-summary-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .schedule-filter-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .schedule-card-list[b-6gkpjbek7l] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-summary-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-workspace-hero[b-6gkpjbek7l] {
        flex-direction: column;
        align-items: start;
    }

    .schedule-workspace-hero-actions[b-6gkpjbek7l],
    .schedule-panel-legend[b-6gkpjbek7l],
    .schedule-panel-actions[b-6gkpjbek7l] {
        justify-content: flex-start;
    }

    .schedule-toolbar-topline[b-6gkpjbek7l],
    .schedule-panel-header[b-6gkpjbek7l] {
        flex-direction: column;
        align-items: start;
    }

    .schedule-toolbar-controls[b-6gkpjbek7l] {
        width: 100%;
        justify-content: space-between;
    }

    .schedule-filter-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .schedule-records-desktop[b-6gkpjbek7l] {
        display: none;
    }

    .schedule-records-mobile[b-6gkpjbek7l] {
        display: block;
    }
}

@media (max-width: 920px) {
    .schedule-board-desktop[b-6gkpjbek7l] {
        display: none;
    }

    .schedule-board-mobile[b-6gkpjbek7l] {
        display: block;
    }
}

@media (max-width: 720px) {
    .schedule-summary-grid[b-6gkpjbek7l],
    .schedule-filter-grid[b-6gkpjbek7l],
    .schedule-flyout-summary[b-6gkpjbek7l],
    .schedule-flyout-grid[b-6gkpjbek7l] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-month-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .schedule-mobile-daypicker[b-6gkpjbek7l] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .schedule-list-card-metrics[b-6gkpjbek7l] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-flyout-panel[b-6gkpjbek7l] {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .schedule-toolbar-card[b-6gkpjbek7l],
    .schedule-panel-header[b-6gkpjbek7l],
    .schedule-board-mobile[b-6gkpjbek7l],
    .schedule-card-list[b-6gkpjbek7l],
    .schedule-records-mobile[b-6gkpjbek7l],
    .schedule-flyout-header[b-6gkpjbek7l],
    .schedule-flyout-summary[b-6gkpjbek7l],
    .schedule-flyout-body[b-6gkpjbek7l] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .schedule-workspace-hero[b-6gkpjbek7l] {
        padding: 14px 14px 16px;
    }

    .schedule-workspace-title[b-6gkpjbek7l] {
        font-size: 1.32rem;
    }

    .schedule-toolbar-controls[b-6gkpjbek7l] {
        align-items: stretch;
    }

    .schedule-view-toggle[b-6gkpjbek7l] {
        width: 100%;
        justify-content: stretch;
    }

    .schedule-view-button[b-6gkpjbek7l] {
        flex: 1 1 0;
        text-align: center;
    }

    .schedule-mobile-daypicker[b-6gkpjbek7l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .schedule-month-grid[b-6gkpjbek7l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .schedule-tab-strip[b-6gkpjbek7l] {
        gap: 6px;
    }

    .schedule-tab-button[b-6gkpjbek7l] {
        flex: 1 1 calc(50% - 6px);
        justify-content: center;
    }
}
/* /Components/Pages/Search.razor.rz.scp.css */
.global-search-page[b-yvblqhnwvg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 2px 0 12px;
}

.global-search-hero[b-yvblqhnwvg] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
}

.global-search-kicker[b-yvblqhnwvg] {
    color: #0a76c8;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.global-search-title[b-yvblqhnwvg] {
    margin: 3px 0 6px;
    color: #21313f;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.1;
}

.global-search-query[b-yvblqhnwvg] {
    color: #344352;
    font-size: 0.8rem;
    font-weight: 500;
}

.global-search-note[b-yvblqhnwvg] {
    margin-top: 4px;
    color: #5f6d7b;
    font-size: 0.76rem;
    line-height: 1.35;
}

.global-search-summary-card[b-yvblqhnwvg] {
    min-width: 160px;
    padding: 11px 13px;
    border: 1px solid #d8e1ea;
    border-radius: 8px;
    background: #f8fbfd;
}

.global-search-summary-label[b-yvblqhnwvg] {
    color: #657384;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.global-search-summary-value[b-yvblqhnwvg] {
    margin-top: 3px;
    color: #1f3140;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1;
}

.global-search-summary-note[b-yvblqhnwvg] {
    margin-top: 5px;
    color: #61707f;
    font-size: 0.74rem;
    line-height: 1.3;
}

.global-search-filter-band[b-yvblqhnwvg] {
    padding: 10px 12px;
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
}

.global-search-filter-grid[b-yvblqhnwvg] {
    display: grid;
    grid-template-columns: minmax(0, 1.9fr) minmax(180px, 0.9fr) auto;
    gap: 8px;
    align-items: end;
}

.global-search-filter-field[b-yvblqhnwvg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.global-search-filter-field.wide[b-yvblqhnwvg] {
    min-width: 0;
}

.global-search-filter-field span[b-yvblqhnwvg] {
    color: #5f6d7b;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.global-search-filter-input[b-yvblqhnwvg] {
    width: 100%;
    min-width: 0;
    height: 32px;
    border: 1px solid #cfdae5;
    border-radius: 5px;
    padding: 0 10px;
    background: #ffffff;
    color: #243447;
    font-size: 0.78rem;
}

.global-search-filter-actions[b-yvblqhnwvg] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.global-search-filter-button[b-yvblqhnwvg] {
    height: 32px;
    border-radius: 5px;
    padding: 0 12px;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
}

.global-search-filter-button.primary[b-yvblqhnwvg] {
    border: 1px solid #1f6fb8;
    background: #2f73d9;
    color: #ffffff;
}

.global-search-filter-button.secondary[b-yvblqhnwvg] {
    border: 1px solid #cfdae5;
    background: #ffffff;
    color: #334251;
}

.global-search-filter-chips[b-yvblqhnwvg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.global-search-filter-chip[b-yvblqhnwvg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    border: 1px solid #d5dee7;
    border-radius: 999px;
    background: #f7fafc;
    color: #3f4d5b;
    padding: 0 9px;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
}

.global-search-filter-chip span[b-yvblqhnwvg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: #e8eef5;
    color: #425161;
    font-size: 0.68rem;
    line-height: 1;
}

.global-search-filter-chip.active[b-yvblqhnwvg] {
    border-color: #2f73d9;
    background: #edf4ff;
    color: #1f4f86;
}

.global-search-filter-chip.active span[b-yvblqhnwvg] {
    background: #2f73d9;
    color: #ffffff;
}

.global-search-utility-band[b-yvblqhnwvg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 14px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e7edf4;
}

.global-search-utility-metric[b-yvblqhnwvg] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    color: #50606f;
    font-size: 0.75rem;
    line-height: 1.2;
}

.global-search-utility-metric span[b-yvblqhnwvg] {
    color: #677584;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 0.68rem;
}

.global-search-utility-metric strong[b-yvblqhnwvg] {
    color: #233240;
    font-size: 0.8rem;
    font-weight: 700;
}

.global-search-filter-button.utility[b-yvblqhnwvg] {
    margin-left: auto;
}

.global-search-empty[b-yvblqhnwvg] {
    padding: 16px;
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
}

.global-search-empty-title[b-yvblqhnwvg] {
    color: #223240;
    font-size: 0.96rem;
    font-weight: 700;
}

.global-search-empty-copy[b-yvblqhnwvg] {
    margin-top: 6px;
    color: #5f6d7b;
    font-size: 0.82rem;
    line-height: 1.4;
}

.global-search-truncated-note[b-yvblqhnwvg] {
    padding: 9px 12px;
    border: 1px solid #d7e3ef;
    border-radius: 6px;
    background: #f4f8fc;
    color: #4b5a68;
    font-size: 0.74rem;
    font-weight: 500;
}

.global-search-section[b-yvblqhnwvg] {
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
}

.global-search-section-header[b-yvblqhnwvg] {
    padding: 9px 12px;
    border-bottom: 1px solid #e7edf4;
    background: #f7fafc;
}

.global-search-section-titlewrap[b-yvblqhnwvg] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.global-search-section-icon[b-yvblqhnwvg] {
    width: 32px;
    height: 32px;
    border-radius: 5px;
    background: #e9f3fb;
    color: #3d7db0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
}

    .global-search-section-icon svg[b-yvblqhnwvg] {
        width: 20px;
        height: 20px;
        display: block;
    }

.global-search-section-title[b-yvblqhnwvg] {
    margin: 0;
    color: #223240;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.1;
}

.global-search-section-meta[b-yvblqhnwvg] {
    margin-top: 3px;
    color: #62707f;
    font-size: 0.72rem;
    line-height: 1.25;
}

.global-search-section-list[b-yvblqhnwvg] {
    display: flex;
    flex-direction: column;
}

.global-search-result[b-yvblqhnwvg] {
    width: 100%;
    border: none;
    border-bottom: 1px solid #edf2f6;
    background: #ffffff;
    padding: 9px 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
    cursor: pointer;
    transition: background 0.14s ease, box-shadow 0.14s ease;
}

    .global-search-result:hover[b-yvblqhnwvg],
    .global-search-result:focus-visible[b-yvblqhnwvg] {
        background: #f7fafc;
        box-shadow: inset 3px 0 0 #2f73d9;
        outline: none;
    }

.global-search-result:last-child[b-yvblqhnwvg] {
    border-bottom: none;
}

.global-search-result-avatar[b-yvblqhnwvg] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 5px;
    background: #e9f3fb;
    color: #3d7db0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .global-search-result-avatar svg[b-yvblqhnwvg] {
        width: 22px;
        height: 22px;
        display: block;
    }

.global-search-result-photo[b-yvblqhnwvg] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.global-search-result-body[b-yvblqhnwvg] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.global-search-result-topline[b-yvblqhnwvg] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
}

.global-search-result-title[b-yvblqhnwvg] {
    color: #233240;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.2;
}

.global-search-result-number[b-yvblqhnwvg] {
    color: #667483;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
}

.global-search-result-line[b-yvblqhnwvg] {
    display: block;
    color: #50606f;
    font-size: 0.74rem;
    line-height: 1.3;
    word-break: break-word;
}

.global-search-result-navhint[b-yvblqhnwvg] {
    display: inline-flex;
    align-items: center;
    color: #2b669c;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.25;
    margin-top: 2px;
}

.global-search-result-highlights[b-yvblqhnwvg] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 3px;
}

.global-search-result-chip[b-yvblqhnwvg] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #eef4f9;
    color: #4c5b69;
    font-size: 0.64rem;
    font-weight: 600;
    line-height: 1;
}

.global-search-status[b-yvblqhnwvg] {
    flex: 0 0 auto;
    white-space: nowrap;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 0.64rem;
    font-weight: 700;
    line-height: 1;
}

.global-search-status.neutral[b-yvblqhnwvg] {
    background: #ecf1f5;
    color: #50606f;
}

.global-search-status.positive[b-yvblqhnwvg] {
    background: #dff4e6;
    color: #1f7a48;
}

.global-search-status.warning[b-yvblqhnwvg] {
    background: #fff1d7;
    color: #986c05;
}

.global-search-status.danger[b-yvblqhnwvg] {
    background: #fde4e4;
    color: #ab2e2e;
}

@media (max-width: 900px) {
    .global-search-hero[b-yvblqhnwvg] {
        flex-direction: column;
    }

    .global-search-filter-grid[b-yvblqhnwvg] {
        grid-template-columns: 1fr;
    }

    .global-search-filter-actions[b-yvblqhnwvg] {
        width: 100%;
    }

    .global-search-filter-button[b-yvblqhnwvg] {
        flex: 1 1 0;
    }

    .global-search-summary-card[b-yvblqhnwvg] {
        min-width: 0;
        width: 100%;
    }

    .global-search-filter-button.utility[b-yvblqhnwvg] {
        margin-left: 0;
        width: 100%;
    }

    .global-search-result[b-yvblqhnwvg] {
        gap: 10px;
    }

    .global-search-result-topline[b-yvblqhnwvg] {
        flex-direction: column;
        align-items: flex-start;
        gap: 2px;
    }

    .global-search-status[b-yvblqhnwvg] {
        margin-top: 4px;
    }
}
/* /Components/Pages/ShiftProfile.razor.rz.scp.css */
.shift-profile-page[b-04bkw7dmmk] {
    width: 100%;
}

.shift-profile-header[b-04bkw7dmmk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.shift-profile-header-left[b-04bkw7dmmk] {
    min-width: 320px;
    flex: 1;
}

.shift-profile-title-row[b-04bkw7dmmk] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.shift-profile-dot[b-04bkw7dmmk] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.shift-profile-title[b-04bkw7dmmk] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.shift-profile-subtitle[b-04bkw7dmmk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.81rem;
    color: #4f5c69;
    line-height: 1.25rem;
    font-weight: 600;
}

.shift-profile-sub-sep[b-04bkw7dmmk] {
    color: #9aa6b2;
}

.shift-profile-header-right[b-04bkw7dmmk] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.shift-profile-button[b-04bkw7dmmk] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .shift-profile-button.primary[b-04bkw7dmmk] {
        background: #099bc6;
        color: white;
    }

    .shift-profile-button.secondary[b-04bkw7dmmk] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.shift-profile-grid[b-04bkw7dmmk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.shift-card[b-04bkw7dmmk] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(31, 173, 131, 0.10);
}

    .shift-card h3[b-04bkw7dmmk] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.shift-card-wide[b-04bkw7dmmk] {
    grid-column: 1 / -1;
}

.shift-info-grid[b-04bkw7dmmk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.shift-summary-text[b-04bkw7dmmk] {
    font-size: 0.82rem;
    color: #26323e;
    white-space: pre-wrap;
    line-height: 1.35rem;
}

.shift-note-block[b-04bkw7dmmk] {
    margin-bottom: 14px;
}

    .shift-note-block:last-child[b-04bkw7dmmk] {
        margin-bottom: 0;
    }

.shift-note-title[b-04bkw7dmmk] {
    font-size: 0.77rem;
    font-weight: 800;
    color: #465463;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.shift-table-wrap[b-04bkw7dmmk] {
    width: 100%;
    overflow-x: auto;
}

.shift-grid-table[b-04bkw7dmmk] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .shift-grid-table thead th[b-04bkw7dmmk] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.77rem;
        font-weight: 800;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
    }

    .shift-grid-table tbody td[b-04bkw7dmmk] {
        font-size: 0.8rem;
        color: #24313d;
        font-weight: 600;
        padding: 7px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        white-space: nowrap;
        line-height: 1.1rem;
    }

    .shift-grid-table tbody tr:nth-child(odd)[b-04bkw7dmmk] {
        background: #fcfdfe;
    }

    .shift-grid-table tbody tr:nth-child(even)[b-04bkw7dmmk] {
        background: #f6f8fa;
    }

    .shift-grid-table tbody tr:hover[b-04bkw7dmmk] {
        background: #eef9f4;
    }

.inline-link-button[b-04bkw7dmmk] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-04bkw7dmmk] {
        text-decoration: underline;
    }

@media (max-width: 1200px) {
    .shift-profile-grid[b-04bkw7dmmk] {
        grid-template-columns: 1fr;
    }

    .shift-info-grid[b-04bkw7dmmk] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .shift-profile-header[b-04bkw7dmmk] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Shifts.razor.rz.scp.css */
.shift-page[b-7r6otd4rlm] {
    width: 100%;
}

.shift-module-header[b-7r6otd4rlm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.shift-module-title-wrap[b-7r6otd4rlm] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.shift-module-dot[b-7r6otd4rlm] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.shift-module-title[b-7r6otd4rlm] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.shift-module-filters[b-7r6otd4rlm] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.shift-search-input[b-7r6otd4rlm],
.shift-filter-select[b-7r6otd4rlm],
.shift-filter-input[b-7r6otd4rlm],
.shift-page-size-select[b-7r6otd4rlm] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.83rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.shift-search-input[b-7r6otd4rlm] {
    width: 320px;
    max-width: 100%;
}

.shift-filter-input[b-7r6otd4rlm] {
    width: 100%;
    min-width: 88px;
    font-weight: 500;
}

.shift-filter-select[b-7r6otd4rlm] {
    width: 150px;
}

.shift-filter-date[b-7r6otd4rlm] {
    min-width: 132px;
}

.shift-action-button[b-7r6otd4rlm] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .shift-action-button.search[b-7r6otd4rlm] {
        background: #099bc6;
        color: white;
    }

    .shift-action-button.clear[b-7r6otd4rlm] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

.shift-quick-filters[b-7r6otd4rlm] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.shift-quick-filter[b-7r6otd4rlm] {
    height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    color: #51606f;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

    .shift-quick-filter.active[b-7r6otd4rlm] {
        background: #eaf7fc;
        border-color: #99d4e4;
        color: #0b6f93;
    }

.shift-grid-panel[b-7r6otd4rlm] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.shift-grid-headerbar[b-7r6otd4rlm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.shift-grid-title[b-7r6otd4rlm] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.shift-grid-count[b-7r6otd4rlm] {
    font-size: 0.78rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 600;
}

.shift-grid-utilities[b-7r6otd4rlm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.shift-page-size[b-7r6otd4rlm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.shift-page-size-select[b-7r6otd4rlm] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.shift-empty[b-7r6otd4rlm] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.shift-table-wrap[b-7r6otd4rlm] {
    width: 100%;
    overflow-x: auto;
}

.shift-table[b-7r6otd4rlm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .shift-table thead th[b-7r6otd4rlm] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.78rem;
        font-weight: 700;
        text-align: left;
        padding: 7px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: top;
    }

        .shift-table thead th:first-child[b-7r6otd4rlm],
        .shift-table tbody td:first-child[b-7r6otd4rlm] {
            width: 42px;
            text-align: center;
            padding-left: 8px;
            padding-right: 8px;
        }

    .shift-table tbody td[b-7r6otd4rlm] {
        font-size: 0.81rem;
        font-weight: 500;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: top;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .shift-table tbody tr:nth-child(odd)[b-7r6otd4rlm] {
        background: #fcfdfe;
    }

    .shift-table tbody tr:nth-child(even)[b-7r6otd4rlm] {
        background: #f6f8fa;
    }

    .shift-table tbody tr:hover[b-7r6otd4rlm] {
        background: #eef9f4;
    }

.shift-selected-row[b-7r6otd4rlm] {
    background: #eaf7fc !important;
}

.shift-filter-row th[b-7r6otd4rlm] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.shift-sort-button[b-7r6otd4rlm] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.inline-link-button[b-7r6otd4rlm] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.81rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-7r6otd4rlm] {
        text-decoration: underline;
    }

.shift-assigned-open[b-7r6otd4rlm] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #c15b16;
    letter-spacing: 0.01em;
}

.shift-assigned-list[b-7r6otd4rlm] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 160px;
}

.shift-assigned-link[b-7r6otd4rlm] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    line-height: 1.05rem;
}

    .shift-assigned-link:hover[b-7r6otd4rlm] {
        text-decoration: underline;
    }

.shift-status-pill[b-7r6otd4rlm] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.74rem;
    font-weight: 800;
    white-space: nowrap;
}

    .shift-status-pill.open[b-7r6otd4rlm] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #b26a00;
    }

    .shift-status-pill.partial[b-7r6otd4rlm] {
        background: #eef8fe;
        border-color: #b9dfef;
        color: #0b6f93;
    }

    .shift-status-pill.filled[b-7r6otd4rlm] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .shift-status-pill.completed[b-7r6otd4rlm] {
        background: #edf6ff;
        border-color: #bfd7f0;
        color: #305e8d;
    }

    .shift-status-pill.cancelled[b-7r6otd4rlm] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.shift-row-button[b-7r6otd4rlm] {
    height: 28px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

    .shift-row-button.schedule[b-7r6otd4rlm] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

        .shift-row-button.schedule:hover[b-7r6otd4rlm] {
            background: #e4f5eb;
        }

    .shift-row-button.disabled[b-7r6otd4rlm] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

input[type="checkbox"][b-7r6otd4rlm] {
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.shift-grid-footer[b-7r6otd4rlm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.shift-footer-button[b-7r6otd4rlm] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .shift-footer-button:disabled[b-7r6otd4rlm] {
        opacity: 0.55;
        cursor: default;
    }

.shift-page-indicator[b-7r6otd4rlm],
.shift-grid-footer-summary[b-7r6otd4rlm] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .shift-module-filters[b-7r6otd4rlm] {
        justify-content: flex-start;
        width: 100%;
    }

    .shift-search-input[b-7r6otd4rlm],
    .shift-filter-select[b-7r6otd4rlm] {
        width: 100%;
    }

    .shift-grid-utilities[b-7r6otd4rlm] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/StateTaxWizard.razor.rz.scp.css */

.tax-wizard-page[b-ow1fpsty95] {
    padding: 14px 16px 18px;
}

.tax-wizard-header[b-ow1fpsty95] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 16px;
    margin-bottom: 14px;
}

.tax-wizard-kicker[b-ow1fpsty95] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #667482;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.tax-wizard-header h1[b-ow1fpsty95] {
    margin: 0 0 8px 0;
    font-size: 1.35rem;
    color: #1f2d3d;
}

.tax-wizard-header p[b-ow1fpsty95] {
    margin: 0;
    color: #5f6c79;
    max-width: 900px;
    line-height: 1.35rem;
}

.tax-wizard-header-actions[b-ow1fpsty95] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.tax-wizard-header .fst-italic.text-muted.small[b-ow1fpsty95] {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #f8fbfe;
    line-height: 1.25rem;
}

.wizard-alert[b-ow1fpsty95] {
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}

.wizard-alert.success[b-ow1fpsty95] {
    background: #edf9f1;
    border: 1px solid #b8e2c4;
    color: #1f6b36;
}

.wizard-alert.error[b-ow1fpsty95] {
    background: #fff1f1;
    border: 1px solid #efb5b5;
    color: #a12828;
}

.wizard-layout[b-ow1fpsty95] {
    display: block;
}

.wizard-card[b-ow1fpsty95] {
    border: 1px solid #d7e0ea;
    background: #fff;
    border-radius: 8px;
    padding: 14px 16px 16px;
}

.wizard-card-title[b-ow1fpsty95] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.wizard-summary-grid[b-ow1fpsty95] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 10px 14px;
    margin-bottom: 14px;
    font-size: 0.84rem;
}

.wizard-form[b-ow1fpsty95] {
    display: grid;
    gap: 8px;
}

.wizard-form > .fw-bold[b-ow1fpsty95] {
    margin-top: 10px;
    color: #243342;
    font-size: 0.9rem;
}

.wizard-form > .fw-bold:first-child[b-ow1fpsty95] {
    margin-top: 0;
}

.wizard-form > .fst-italic.text-muted.small[b-ow1fpsty95] {
    margin-top: -2px;
    margin-bottom: 2px;
    color: #697787 !important;
    line-height: 1.2rem;
}

.wizard-form label[b-ow1fpsty95] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #556372;
}

.wizard-form input[b-ow1fpsty95],
.wizard-form select[b-ow1fpsty95],
.wizard-form textarea[b-ow1fpsty95] {
    border: 1px solid #ced8e2;
    border-radius: 6px;
    font-size: 0.88rem;
    box-sizing: border-box;
    padding: 8px 10px;
}

.wizard-form textarea[b-ow1fpsty95] {
    min-height: 84px;
    resize: vertical;
}

.wizard-checkbox-row[b-ow1fpsty95] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wizard-checkbox-row input[b-ow1fpsty95] {
    width: 16px;
    height: 16px;
    margin: 0;
}

.wizard-form-actions[b-ow1fpsty95] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.wizard-button[b-ow1fpsty95] {
    height: 34px;
    border-radius: 6px;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
    border: 1px solid transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    box-sizing: border-box;
}

.wizard-button.primary[b-ow1fpsty95] {
    background: #099bc6;
    color: #fff;
}

.wizard-button.secondary[b-ow1fpsty95] {
    background: #fff;
    color: #1f2d3d;
    border-color: #ccd6e1;
}

.wizard-empty[b-ow1fpsty95] {
    color: #667482;
    font-size: 0.9rem;
}

.wizard-table[b-ow1fpsty95] {
    width: 100%;
    border-collapse: collapse;
}

.wizard-table th[b-ow1fpsty95],
.wizard-table td[b-ow1fpsty95] {
    padding: 10px 12px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.86rem;
    vertical-align: middle;
}

.wizard-table th[b-ow1fpsty95] {
    text-align: left;
    background: #f7fafc;
    color: #4f5d6a;
    font-size: 0.8rem;
    font-weight: 800;
}

.wizard-table tr.current[b-ow1fpsty95] {
    background: #eef8fc;
}

@media (max-width: 1100px) {
    .wizard-summary-grid[b-ow1fpsty95] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .tax-wizard-header[b-ow1fpsty95] {
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .tax-wizard-page[b-ow1fpsty95] {
        padding: 12px;
    }

    .wizard-summary-grid[b-ow1fpsty95] {
        grid-template-columns: 1fr;
    }

    .tax-wizard-header-actions[b-ow1fpsty95],
    .wizard-form-actions[b-ow1fpsty95] {
        width: 100%;
        justify-content: flex-start;
    }

    .wizard-button[b-ow1fpsty95] {
        width: 100%;
    }
}
/* /Components/Pages/SubmissionProfile.razor.rz.scp.css */
.submission-profile-page[b-evcprimjq5] {
    width: 100%;
}

.submission-profile-header[b-evcprimjq5] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.submission-profile-header-left[b-evcprimjq5] {
    min-width: 320px;
    flex: 1;
}

.submission-profile-title-row[b-evcprimjq5] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.submission-profile-dot[b-evcprimjq5] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #6f78ff;
    flex-shrink: 0;
}

.submission-profile-title[b-evcprimjq5] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.submission-profile-subtitle[b-evcprimjq5] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 0.81rem;
    color: #4f5c69;
    line-height: 1.25rem;
    font-weight: 600;
}

.submission-profile-sub-sep[b-evcprimjq5] {
    color: #9aa6b2;
}

.submission-profile-header-right[b-evcprimjq5] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.submission-profile-button[b-evcprimjq5] {
    height: 34px;
    padding: 0 13px;
    border-radius: 6px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .submission-profile-button.primary[b-evcprimjq5],
    .submission-profile-button.save[b-evcprimjq5] {
        background: #099bc6;
        color: white;
    }

    .submission-profile-button.secondary[b-evcprimjq5] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .submission-profile-button.convert[b-evcprimjq5] {
        background: #1fad83;
        color: white;
    }

.submission-profile-grid[b-evcprimjq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 12px;
}

.submission-card[b-evcprimjq5] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 12px;
    box-shadow: inset 0 3px 0 rgba(111, 120, 255, 0.10);
}

    .submission-card h3[b-evcprimjq5] {
        margin: 0 0 10px 0;
        font-size: 0.88rem;
        font-weight: 800;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #e3e8ee;
        letter-spacing: 0.01em;
    }

.submission-card-wide[b-evcprimjq5] {
    grid-column: 1 / -1;
}

.submission-info-grid[b-evcprimjq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px 18px;
    font-size: 0.82rem;
    color: #26323e;
}

.submission-form-grid[b-evcprimjq5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}

    .submission-form-grid label[b-evcprimjq5] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 800;
        color: #465463;
        letter-spacing: 0.01em;
    }

.submission-form-grid-full[b-evcprimjq5] {
    grid-column: 1 / -1;
}

.submission-summary-text[b-evcprimjq5] {
    font-size: 0.82rem;
    color: #26323e;
    white-space: pre-wrap;
    line-height: 1.35rem;
}

.submission-note-block[b-evcprimjq5] {
    margin-bottom: 14px;
}

    .submission-note-block:last-child[b-evcprimjq5] {
        margin-bottom: 0;
    }

.submission-note-title[b-evcprimjq5] {
    font-size: 0.77rem;
    font-weight: 800;
    color: #465463;
    margin-bottom: 5px;
    letter-spacing: 0.01em;
}

.inline-link-button[b-evcprimjq5] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-evcprimjq5] {
        text-decoration: underline;
    }

@media (max-width: 1200px) {
    .submission-profile-grid[b-evcprimjq5] {
        grid-template-columns: 1fr;
    }

    .submission-info-grid[b-evcprimjq5],
    .submission-form-grid[b-evcprimjq5] {
        grid-template-columns: 1fr;
    }

    .submission-form-grid-full[b-evcprimjq5] {
        grid-column: auto;
    }
}

@media (max-width: 900px) {
    .submission-profile-header[b-evcprimjq5] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/Submissions.razor.rz.scp.css */
.submission-page[b-nbqwe1vxcb] {
    width: 100%;
}

.submission-module-header[b-nbqwe1vxcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.submission-module-title-wrap[b-nbqwe1vxcb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.submission-module-dot[b-nbqwe1vxcb] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #6f78ff;
    flex-shrink: 0;
}

.submission-module-title[b-nbqwe1vxcb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.submission-module-filters[b-nbqwe1vxcb] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.submission-search-input[b-nbqwe1vxcb],
.submission-filter-input[b-nbqwe1vxcb],
.submission-page-size-select[b-nbqwe1vxcb] {
    height: 32px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2f2f2f;
    box-sizing: border-box;
}

.submission-search-input[b-nbqwe1vxcb] {
    width: 320px;
    max-width: 100%;
}

.submission-filter-input[b-nbqwe1vxcb] {
    width: 100%;
    min-width: 92px;
    font-weight: 500;
}

.submission-filter-select[b-nbqwe1vxcb] {
    min-width: 110px;
}

.submission-filter-date[b-nbqwe1vxcb] {
    min-width: 136px;
}

.submission-action-button[b-nbqwe1vxcb] {
    height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
}

    .submission-action-button.search[b-nbqwe1vxcb] {
        background: #099bc6;
        color: white;
    }

    .submission-action-button.clear[b-nbqwe1vxcb] {
        background: #f7f9fb;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .submission-action-button.compact[b-nbqwe1vxcb] {
        height: 30px;
        padding: 0 10px;
    }

.submission-grid-panel[b-nbqwe1vxcb] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.submission-grid-headerbar[b-nbqwe1vxcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.submission-grid-title[b-nbqwe1vxcb] {
    font-size: 0.86rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.submission-grid-count[b-nbqwe1vxcb] {
    margin-top: 2px;
    font-size: 0.76rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 600;
}

.submission-grid-utilities[b-nbqwe1vxcb] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.submission-page-size[b-nbqwe1vxcb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #556473;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.submission-page-size-select[b-nbqwe1vxcb] {
    min-width: 82px;
    height: 30px;
    font-size: 0.78rem;
}

.submission-empty[b-nbqwe1vxcb] {
    padding: 12px;
    font-size: 0.84rem;
    color: #5d6773;
}

.submission-table-wrap[b-nbqwe1vxcb] {
    width: 100%;
    overflow-x: auto;
}

.submission-table[b-nbqwe1vxcb] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .submission-table thead th[b-nbqwe1vxcb] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.75rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 10px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .submission-table tbody td[b-nbqwe1vxcb] {
        font-size: 0.79rem;
        font-weight: 500;
        color: #24313d;
        padding: 6px 10px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.12rem;
        white-space: nowrap;
    }

    .submission-table tbody tr[b-nbqwe1vxcb] {
        cursor: pointer;
        transition: background 0.10s ease;
    }

        .submission-table tbody tr:nth-child(odd)[b-nbqwe1vxcb] {
            background: #fcfdfe;
        }

        .submission-table tbody tr:nth-child(even)[b-nbqwe1vxcb] {
            background: #f6f8fa;
        }

        .submission-table tbody tr:hover[b-nbqwe1vxcb],
        .submission-table tbody tr:focus-within[b-nbqwe1vxcb] {
            background: #eef1ff;
        }

.submission-filter-row th[b-nbqwe1vxcb] {
    padding: 5px 8px;
    background: #fafcff;
    border-bottom: 1px solid #dfe6ee;
}

.submission-sort-button[b-nbqwe1vxcb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    cursor: pointer;
}

.submission-status-pill[b-nbqwe1vxcb] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

    .submission-status-pill.positive[b-nbqwe1vxcb] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .submission-status-pill.warning[b-nbqwe1vxcb] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .submission-status-pill.danger[b-nbqwe1vxcb] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .submission-status-pill.neutral[b-nbqwe1vxcb] {
        background: #edf2f6;
        border-color: #d6dee6;
        color: #51606f;
    }

.inline-link-button[b-nbqwe1vxcb] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.79rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
}

    .inline-link-button:hover[b-nbqwe1vxcb] {
        text-decoration: underline;
    }

.submission-grid-footer[b-nbqwe1vxcb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border-top: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.submission-footer-button[b-nbqwe1vxcb] {
    height: 30px;
    padding: 0 12px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #465564;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

    .submission-footer-button:disabled[b-nbqwe1vxcb] {
        opacity: 0.55;
        cursor: default;
    }

.submission-page-indicator[b-nbqwe1vxcb],
.submission-grid-footer-summary[b-nbqwe1vxcb] {
    font-size: 0.76rem;
    color: #4b5864;
    font-weight: 600;
}

@media (max-width: 1200px) {
    .submission-module-filters[b-nbqwe1vxcb] {
        justify-content: flex-start;
        width: 100%;
    }

    .submission-search-input[b-nbqwe1vxcb] {
        width: 100%;
    }

    .submission-grid-utilities[b-nbqwe1vxcb] {
        justify-content: flex-start;
    }
}

@media (max-width: 768px) {
    .submission-grid-footer[b-nbqwe1vxcb] {
        justify-content: center;
    }

    .submission-grid-footer-summary[b-nbqwe1vxcb] {
        width: 100%;
        text-align: center;
    }
}
/* /Components/Pages/SystemForms.razor.rz.scp.css */
.system-forms-page[b-jogo439rsk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.system-forms-header[b-jogo439rsk] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.system-forms-title-wrap[b-jogo439rsk] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.system-forms-dot[b-jogo439rsk] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #2563eb;
}

.system-forms-title[b-jogo439rsk] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 700;
}

.system-forms-subtitle[b-jogo439rsk],
.system-forms-detail[b-jogo439rsk],
.system-forms-panel-count[b-jogo439rsk] {
    color: #64748b;
    font-size: 0.78rem;
}

.system-forms-header-actions[b-jogo439rsk] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.system-forms-search[b-jogo439rsk],
.system-forms-filter[b-jogo439rsk] {
    min-height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 0.82rem;
    background: #fff;
}

.system-forms-search[b-jogo439rsk] {
    width: 240px;
}

.system-forms-button[b-jogo439rsk],
.system-forms-row-button[b-jogo439rsk] {
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 0.8rem;
    font-weight: 700;
    background: #fff;
}

.system-forms-button.primary[b-jogo439rsk] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #fff;
}

.system-forms-button.secondary[b-jogo439rsk],
.system-forms-row-button.text[b-jogo439rsk] {
    color: #0f172a;
}

.system-forms-row-button.danger[b-jogo439rsk] {
    border-color: #fecaca;
    color: #b91c1c;
}

.system-forms-row-button:disabled[b-jogo439rsk] {
    cursor: not-allowed;
    opacity: 0.55;
}

.system-forms-summary-strip[b-jogo439rsk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}

.system-forms-summary-item[b-jogo439rsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
    border-right: 1px solid #e2e8f0;
}

.system-forms-summary-item:last-child[b-jogo439rsk] {
    border-right: 0;
}

.system-forms-summary-item span[b-jogo439rsk] {
    color: #64748b;
    font-size: 0.76rem;
    text-transform: uppercase;
}

.system-forms-summary-item strong[b-jogo439rsk] {
    font-size: 1rem;
}

.system-forms-panel[b-jogo439rsk] {
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #fff;
}

.system-forms-panel-header[b-jogo439rsk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
}

.system-forms-panel-title[b-jogo439rsk],
.system-forms-name[b-jogo439rsk] {
    font-weight: 700;
}

.system-forms-table-wrap[b-jogo439rsk] {
    overflow-x: auto;
}

.system-forms-table[b-jogo439rsk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.system-forms-table th[b-jogo439rsk],
.system-forms-table td[b-jogo439rsk] {
    border-bottom: 1px solid #e2e8f0;
    padding: 8px 10px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.system-forms-table th[b-jogo439rsk] {
    color: #475569;
    font-size: 0.72rem;
    text-transform: uppercase;
    background: #f8fafc;
}

.system-forms-actions-cell[b-jogo439rsk] {
    text-align: right;
}

.system-forms-status-pill[b-jogo439rsk] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 2px 8px;
    background: #e2e8f0;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
}

.system-forms-status-pill.active[b-jogo439rsk] {
    background: #dcfce7;
    color: #166534;
}

.system-forms-status-pill.inactive[b-jogo439rsk],
.system-forms-status-pill.archived[b-jogo439rsk] {
    background: #f1f5f9;
    color: #64748b;
}

.system-forms-status-pill.warning[b-jogo439rsk] {
    background: #fef3c7;
    color: #92400e;
}

.system-forms-upload-link[b-jogo439rsk] {
    display: inline-flex;
    margin-left: 8px;
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.system-forms-file-input[b-jogo439rsk] {
    display: none;
}

.system-forms-empty[b-jogo439rsk] {
    padding: 18px;
    color: #64748b;
    font-size: 0.85rem;
}

.system-forms-editor-body[b-jogo439rsk] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.system-forms-editor-section-title[b-jogo439rsk] {
    font-size: 0.76rem;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
}

.system-forms-form-grid[b-jogo439rsk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.system-forms-form-grid label[b-jogo439rsk],
.system-forms-role-grid label[b-jogo439rsk] {
    display: block;
    margin-bottom: 4px;
    color: #334155;
    font-size: 0.75rem;
    font-weight: 800;
}

.system-forms-form-grid-full[b-jogo439rsk] {
    grid-column: 1 / -1;
}

.system-forms-checkbox-panel[b-jogo439rsk],
.system-forms-role-grid[b-jogo439rsk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
}

.system-forms-checkbox-panel label[b-jogo439rsk],
.system-forms-role-grid label[b-jogo439rsk] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.system-forms-editor-actions[b-jogo439rsk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

.system-forms-builder-shell[b-jogo439rsk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 286px;
    gap: 8px;
    align-items: start;
}

.system-forms-builder-main[b-jogo439rsk],
.system-forms-builder-tools[b-jogo439rsk] {
    min-width: 0;
}

.system-forms-builder-tools[b-jogo439rsk] {
    position: sticky;
    top: 8px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    padding: 9px;
    background: #fff;
}

.system-forms-builder-meta[b-jogo439rsk] {
    display: grid;
    grid-template-columns: 1.15fr 0.95fr 0.95fr 1.25fr 0.75fr;
    gap: 5px;
    margin-bottom: 6px;
}

.system-forms-builder-meta div[b-jogo439rsk] {
    border: 1px solid #dbe4ef;
    border-radius: 4px;
    padding: 5px 7px;
    background: #f8fafc;
}

.system-forms-builder-meta span[b-jogo439rsk] {
    display: block;
    color: #64748b;
    font-size: 0.64rem;
    font-weight: 800;
    text-transform: uppercase;
}

.system-forms-builder-meta strong[b-jogo439rsk] {
    display: block;
    margin-top: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.78rem;
}

.system-forms-placement-map[b-jogo439rsk] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-top: 6px;
}

.system-forms-page-nav[b-jogo439rsk] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.system-forms-page-nav span[b-jogo439rsk] {
    color: #64748b;
    font-size: 0.75rem;
    font-weight: 700;
}

.system-forms-page-select[b-jogo439rsk] {
    min-height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 5px 8px;
    background: #fff;
    font-size: 0.78rem;
    font-weight: 700;
}

.system-forms-page-map[b-jogo439rsk] {
    border: 1px solid #dbe4ef;
    border-radius: 6px;
    padding: 6px;
    background: #f8fafc;
    min-width: 0;
    width: fit-content;
}

.system-forms-page-map.active[b-jogo439rsk] {
    border-color: #2563eb;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.14);
}

.system-forms-page-map-header[b-jogo439rsk] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 0.76rem;
}

.system-forms-page-map-header span[b-jogo439rsk] {
    color: #64748b;
}

.system-forms-page-stack-wrap[b-jogo439rsk] {
    max-width: 100%;
    max-height: calc(100vh - 142px);
    overflow: auto;
    border: 1px solid #cbd5e1;
    background: #eef2f7;
    padding: 8px;
}

.system-forms-page-stack[b-jogo439rsk] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}

.system-forms-page-sheet-wrap[b-jogo439rsk] {
    max-width: none;
    max-height: none;
    overflow: hidden;
    border: 1px solid #cbd5e1;
    background: #ffffff;
}

.system-forms-page-sheet[b-jogo439rsk] {
    position: relative;
    flex: 0 0 auto;
    background: #fff;
    overflow: hidden;
    user-select: none;
}

.system-forms-page-pdf[b-jogo439rsk] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
    background: #fff;
    pointer-events: none;
    overflow: hidden;
}

.system-forms-placement-chip[b-jogo439rsk] {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 22px;
    min-height: 14px;
    border: 2px solid #1d4ed8;
    background: rgba(37, 99, 235, 0.18);
    color: #1e3a8a;
    font-size: 0.65rem;
    font-weight: 800;
    overflow: hidden;
    white-space: nowrap;
    cursor: move;
    z-index: 2;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.system-forms-placement-chip span[b-jogo439rsk] {
    padding: 1px 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}

.system-forms-placement-resize-handle[b-jogo439rsk] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 11px;
    height: 11px;
    border: 1px solid #1d4ed8;
    border-right: 0;
    border-bottom: 0;
    background: #ffffff;
    cursor: nwse-resize;
    padding: 0;
}

.system-forms-placement-table-wrap[b-jogo439rsk] {
    margin-top: 12px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    overflow-x: auto;
}

.system-forms-placement-table[b-jogo439rsk] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.78rem;
}

.system-forms-placement-table th[b-jogo439rsk],
.system-forms-placement-table td[b-jogo439rsk] {
    border-bottom: 1px solid #e2e8f0;
    padding: 7px 9px;
    text-align: left;
    white-space: nowrap;
}

.system-forms-placement-table th[b-jogo439rsk] {
    color: #475569;
    font-size: 0.68rem;
    text-transform: uppercase;
    background: #f8fafc;
}

.system-forms-builder-form[b-jogo439rsk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 7px;
}

.system-forms-field-palette[b-jogo439rsk] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.system-forms-field-palette button[b-jogo439rsk] {
    min-height: 30px;
    flex: 0 0 auto;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 5px 9px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 0.72rem;
    font-weight: 800;
}

.system-forms-field-palette button:hover[b-jogo439rsk] {
    border-color: #1d4ed8;
    color: #1d4ed8;
    background: #eff6ff;
}

.system-forms-field-palette button.active[b-jogo439rsk] {
    border-color: #1d4ed8;
    background: #1d4ed8;
    color: #ffffff;
}

.system-forms-builder-form label[b-jogo439rsk] {
    display: block;
    margin-bottom: 4px;
    color: #334155;
    font-size: 0.72rem;
    font-weight: 800;
}

.system-forms-builder-form .form-control[b-jogo439rsk],
.system-forms-builder-form[b-jogo439rsk]  .form-control,
.system-forms-builder-form .form-select[b-jogo439rsk],
.system-forms-builder-form[b-jogo439rsk]  .form-select,
.system-forms-builder-form input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])[b-jogo439rsk],
.system-forms-builder-form select[b-jogo439rsk] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid #b8c4d0;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.system-forms-builder-form .form-control:focus[b-jogo439rsk],
.system-forms-builder-form[b-jogo439rsk]  .form-control:focus,
.system-forms-builder-form .form-select:focus[b-jogo439rsk],
.system-forms-builder-form[b-jogo439rsk]  .form-select:focus,
.system-forms-builder-form input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus[b-jogo439rsk],
.system-forms-builder-form select:focus[b-jogo439rsk] {
    border-color: #0d88cf;
    outline: 2px solid rgba(13, 136, 207, 0.16);
    outline-offset: 0;
}

.system-forms-selected-field-type[b-jogo439rsk] {
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 5px 8px;
    border: 1px solid #b8c4d0;
    border-radius: 2px;
    background: #eef6ff;
    color: #1d4ed8;
    font-size: 0.82rem;
    font-weight: 800;
}

.system-forms-checkbox-panel.compact[b-jogo439rsk] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
}

.system-forms-empty.compact[b-jogo439rsk] {
    padding: 10px;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
    background: #f8fafc;
}

.system-forms-builder-footer[b-jogo439rsk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
}

.system-forms-confirm-backdrop[b-jogo439rsk] {
    position: fixed;
    inset: 0;
    z-index: 2700;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, 0.32);
}

.system-forms-confirm-dialog[b-jogo439rsk] {
    width: min(420px, calc(100vw - 28px));
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 14px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.24);
}

.system-forms-confirm-title[b-jogo439rsk] {
    font-size: 0.95rem;
    font-weight: 800;
}

.system-forms-confirm-copy[b-jogo439rsk] {
    margin-top: 6px;
    color: #475569;
    font-size: 0.82rem;
}

.system-forms-confirm-actions[b-jogo439rsk] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

@media (max-width: 900px) {
    .system-forms-header[b-jogo439rsk] {
        flex-direction: column;
    }

    .system-forms-header-actions[b-jogo439rsk],
    .system-forms-search[b-jogo439rsk],
    .system-forms-filter[b-jogo439rsk] {
        width: 100%;
    }

    .system-forms-summary-strip[b-jogo439rsk],
    .system-forms-form-grid[b-jogo439rsk],
    .system-forms-checkbox-panel[b-jogo439rsk],
    .system-forms-role-grid[b-jogo439rsk],
    .system-forms-builder-shell[b-jogo439rsk],
    .system-forms-builder-meta[b-jogo439rsk],
    .system-forms-builder-form[b-jogo439rsk],
    .system-forms-placement-map[b-jogo439rsk] {
        grid-template-columns: 1fr;
    }

    .system-forms-builder-tools[b-jogo439rsk] {
        position: static;
    }

    .system-forms-summary-item[b-jogo439rsk] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .system-forms-summary-item:last-child[b-jogo439rsk] {
        border-bottom: 0;
    }
}
/* /Components/Pages/TaskInbox.razor.rz.scp.css */
.task-inbox-page[b-m7e6r0l50d] {
    width: 100%;
}

.task-inbox-header[b-m7e6r0l50d] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.task-inbox-header h1[b-m7e6r0l50d] {
    margin: 1px 0 0;
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.15;
}

.task-inbox-eyebrow[b-m7e6r0l50d] {
    color: #5d6b7a;
    font-size: 0.64rem;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.task-inbox-subtitle[b-m7e6r0l50d],
.task-inbox-muted[b-m7e6r0l50d],
.task-inbox-row-meta[b-m7e6r0l50d],
.task-inbox-row-detail[b-m7e6r0l50d],
.task-inbox-flyout-meta[b-m7e6r0l50d] {
    color: #617080;
    font-size: 0.68rem;
    font-weight: 650;
}

.task-inbox-header-actions[b-m7e6r0l50d],
.task-inbox-action-row[b-m7e6r0l50d],
.task-inbox-modal-footer[b-m7e6r0l50d],
.task-inbox-flyout-footer[b-m7e6r0l50d] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.task-inbox-button[b-m7e6r0l50d] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 900;
    line-height: 1.1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.task-inbox-button.primary[b-m7e6r0l50d] {
    background: #0a76c8;
    color: #ffffff;
}

.task-inbox-button.secondary[b-m7e6r0l50d],
.task-inbox-button.link[b-m7e6r0l50d] {
    background: #f7f9fb;
    border-color: #cfd7e2;
    color: #536171;
}

.task-inbox-button.danger[b-m7e6r0l50d] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

.task-inbox-button:disabled[b-m7e6r0l50d] {
    opacity: 0.55;
    cursor: not-allowed;
}

.task-inbox-banner[b-m7e6r0l50d] {
    margin-bottom: 8px;
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 800;
}

.task-inbox-banner.success[b-m7e6r0l50d] {
    border: 1px solid #b8e3c8;
    background: #eef9f2;
    color: #25743f;
}

.task-inbox-banner.error[b-m7e6r0l50d] {
    border: 1px solid #f0c1c8;
    background: #fff2f3;
    color: #b24552;
}

.task-inbox-summary-strip[b-m7e6r0l50d] {
    display: flex;
    align-items: stretch;
    gap: 6px;
    margin-bottom: 8px;
    overflow-x: auto;
    padding-bottom: 1px;
}

.task-inbox-summary[b-m7e6r0l50d] {
    min-width: 118px;
    min-height: 42px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    padding: 6px 9px;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #334456;
    cursor: pointer;
}

.task-inbox-summary span[b-m7e6r0l50d] {
    font-size: 0.7rem;
    font-weight: 900;
    line-height: 1.1;
    text-align: left;
}

.task-inbox-summary strong[b-m7e6r0l50d] {
    min-width: 28px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #edf2f6;
    color: #314050;
    font-size: 0.75rem;
    font-weight: 900;
}

.task-inbox-summary.active[b-m7e6r0l50d] {
    border-color: #0a76c8;
    background: #eef7fd;
    color: #075a98;
}

.task-inbox-toolbar[b-m7e6r0l50d] {
    display: grid;
    grid-template-columns: 170px minmax(220px, 1fr) auto;
    gap: 8px;
    align-items: end;
    margin-bottom: 8px;
}

.task-inbox-toolbar label[b-m7e6r0l50d],
.task-inbox-form-block[b-m7e6r0l50d] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.task-inbox-toolbar label span[b-m7e6r0l50d],
.task-inbox-form-block span[b-m7e6r0l50d] {
    color: #657386;
    font-size: 0.64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.task-inbox-toolbar select[b-m7e6r0l50d],
.task-inbox-toolbar input[b-m7e6r0l50d],
.task-inbox-form-block textarea[b-m7e6r0l50d] {
    width: 100%;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #24313d;
    font-size: 0.74rem;
    font-weight: 600;
    box-sizing: border-box;
}

.task-inbox-toolbar select[b-m7e6r0l50d],
.task-inbox-toolbar input[b-m7e6r0l50d] {
    height: 30px;
    padding: 0 9px;
}

.task-inbox-form-block textarea[b-m7e6r0l50d] {
    min-height: 78px;
    padding: 8px 9px;
    resize: vertical;
}

.task-inbox-grid-shell[b-m7e6r0l50d],
.task-inbox-detail-panel[b-m7e6r0l50d] {
    overflow: hidden;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
}

.task-inbox-grid-header[b-m7e6r0l50d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
}

.task-inbox-section-title[b-m7e6r0l50d] {
    color: #1f2d3d;
    font-size: 0.82rem;
    font-weight: 900;
}

.task-inbox-empty[b-m7e6r0l50d] {
    padding: 12px;
    color: #5d6773;
    font-size: 0.78rem;
    font-weight: 700;
}

.task-inbox-table-wrap[b-m7e6r0l50d] {
    width: 100%;
    overflow-x: auto;
}

.task-inbox-table[b-m7e6r0l50d] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    table-layout: fixed;
}

.task-inbox-table thead th[b-m7e6r0l50d] {
    padding: 5px 6px;
    background: #f3f6f9;
    border-bottom: 1px solid #d7e0ea;
    color: #304150;
    font-size: 0.66rem;
    font-weight: 900;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-inbox-table tbody td[b-m7e6r0l50d] {
    padding: 5px 6px;
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.7rem;
    line-height: 0.98rem;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
}

.task-inbox-table tbody tr:nth-child(odd)[b-m7e6r0l50d] {
    background: #fcfdfe;
}

.task-inbox-table tbody tr:nth-child(even)[b-m7e6r0l50d] {
    background: #f6f8fa;
}

.task-inbox-table tbody tr:hover[b-m7e6r0l50d],
.task-inbox-table tbody tr.selected[b-m7e6r0l50d] {
    background: #eef6fb;
}

.task-inbox-table th:nth-child(1)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(1)[b-m7e6r0l50d] {
    width: 92px;
}

.task-inbox-table th:nth-child(2)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(2)[b-m7e6r0l50d] {
    width: 230px;
}

.task-inbox-table th:nth-child(3)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(3)[b-m7e6r0l50d] {
    width: 160px;
}

.task-inbox-table th:nth-child(4)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(4)[b-m7e6r0l50d] {
    width: 130px;
}

.task-inbox-table th:nth-child(5)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(5)[b-m7e6r0l50d] {
    width: 128px;
}

.task-inbox-table th:nth-child(6)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(6)[b-m7e6r0l50d] {
    width: 145px;
}

.task-inbox-table th:nth-child(7)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(7)[b-m7e6r0l50d] {
    width: 165px;
}

.task-inbox-table th:nth-child(8)[b-m7e6r0l50d],
.task-inbox-table td:nth-child(8)[b-m7e6r0l50d] {
    width: 92px;
}

.task-inbox-row-title[b-m7e6r0l50d] {
    display: block;
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: #0a66ad;
    font-size: 0.72rem;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-inbox-row-title:hover[b-m7e6r0l50d],
.task-inbox-link:hover[b-m7e6r0l50d] {
    text-decoration: underline;
}

.task-inbox-link[b-m7e6r0l50d] {
    color: #0a66ad;
    font-size: 0.72rem;
    font-weight: 900;
    text-decoration: none;
}

.task-inbox-row-meta[b-m7e6r0l50d],
.task-inbox-row-detail[b-m7e6r0l50d] {
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-inbox-pill[b-m7e6r0l50d] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.66rem;
    font-weight: 900;
    white-space: nowrap;
}

.task-inbox-pill.complete[b-m7e6r0l50d] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.task-inbox-pill.review[b-m7e6r0l50d] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.task-inbox-pill.rejected[b-m7e6r0l50d] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

.task-inbox-pill.open[b-m7e6r0l50d] {
    background: #eef7fd;
    border-color: #b8d9ef;
    color: #075a98;
}

.task-inbox-overlay[b-m7e6r0l50d],
.task-inbox-modal-backdrop[b-m7e6r0l50d] {
    position: fixed;
    inset: 0;
    z-index: 90;
    border: 0;
    background: rgba(20, 32, 44, 0.28);
    cursor: pointer;
}

.task-inbox-flyout[b-m7e6r0l50d] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    width: min(520px, 96vw);
    height: 100vh;
    background: #ffffff;
    border-left: 1px solid #cfd7e2;
    box-shadow: -10px 0 28px rgba(31, 45, 61, 0.16);
}

.task-inbox-flyout-header[b-m7e6r0l50d],
.task-inbox-flyout-footer[b-m7e6r0l50d] {
    padding: 10px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
}

.task-inbox-flyout-footer[b-m7e6r0l50d] {
    justify-content: flex-end;
    border-top: 1px solid #d9e1ea;
    border-bottom: 0;
}

.task-inbox-flyout-title[b-m7e6r0l50d] {
    margin-top: 2px;
    color: #1f2d3d;
    font-size: 0.98rem;
    font-weight: 900;
    line-height: 1.2;
}

.task-inbox-flyout-meta[b-m7e6r0l50d] {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 3px;
}

.task-inbox-close[b-m7e6r0l50d] {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 30px;
    height: 30px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #f7f9fb;
    color: #536171;
    font-size: 0.74rem;
    font-weight: 900;
    cursor: pointer;
}

.task-inbox-flyout-body[b-m7e6r0l50d] {
    flex: 1;
    display: grid;
    align-content: start;
    gap: 8px;
    padding: 10px;
    overflow-y: auto;
    background: #f5f7fa;
}

.task-inbox-detail-panel[b-m7e6r0l50d] {
    padding: 9px 10px;
}

.task-inbox-detail-panel.warning[b-m7e6r0l50d] {
    border-color: #f0c1c8;
    background: #fff8f8;
}

.task-inbox-detail-grid[b-m7e6r0l50d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    margin-top: 8px;
}

.task-inbox-detail-grid span[b-m7e6r0l50d] {
    display: block;
    color: #657386;
    font-size: 0.64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.task-inbox-detail-grid strong[b-m7e6r0l50d] {
    display: block;
    margin-top: 2px;
    color: #263646;
    font-size: 0.76rem;
    font-weight: 900;
    overflow-wrap: anywhere;
}

.task-inbox-copy[b-m7e6r0l50d] {
    margin-top: 7px;
    color: #2c3d4d;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.12rem;
    white-space: pre-wrap;
}

.i9-office-panel[b-m7e6r0l50d] {
    display: grid;
    gap: 9px;
}

.i9-detail-grid[b-m7e6r0l50d] {
    margin-top: 0;
}

.task-inbox-form-grid[b-m7e6r0l50d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.task-inbox-form-grid label[b-m7e6r0l50d],
.task-inbox-form-block[b-m7e6r0l50d] {
    display: grid;
    gap: 4px;
    color: #536171;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.task-inbox-form-grid label.wide[b-m7e6r0l50d],
.task-inbox-form-block[b-m7e6r0l50d] {
    grid-column: 1 / -1;
}

.task-inbox-form-grid input[b-m7e6r0l50d],
.task-inbox-form-grid select[b-m7e6r0l50d],
.task-inbox-form-grid textarea[b-m7e6r0l50d],
.task-inbox-form-block input[b-m7e6r0l50d],
.task-inbox-form-block textarea[b-m7e6r0l50d] {
    width: 100%;
    min-height: 32px;
    border: 1px solid #cfd8e3;
    background: #ffffff;
    color: #1f2d3d;
    font-size: 0.76rem;
    font-weight: 650;
    padding: 6px 8px;
}

.task-inbox-check-list[b-m7e6r0l50d] {
    display: grid;
    gap: 6px;
}

.task-inbox-check[b-m7e6r0l50d] {
    display: flex;
    align-items: flex-start;
    gap: 7px;
    color: #2c3d4d;
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.12rem;
    text-transform: none;
}

.task-inbox-check input[b-m7e6r0l50d] {
    margin-top: 2px;
    flex: 0 0 auto;
}

.task-inbox-mini-list[b-m7e6r0l50d] {
    display: grid;
    gap: 6px;
}

.task-inbox-mini-row[b-m7e6r0l50d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #dbe3ec;
    background: #ffffff;
    padding: 7px 8px;
}

.task-inbox-mini-row strong[b-m7e6r0l50d],
.task-inbox-mini-row span[b-m7e6r0l50d] {
    display: block;
    overflow-wrap: anywhere;
}

.task-inbox-mini-row strong[b-m7e6r0l50d] {
    color: #253447;
    font-size: 0.76rem;
}

.task-inbox-mini-row span[b-m7e6r0l50d] {
    margin-top: 2px;
    color: #647286;
    font-size: 0.68rem;
    font-weight: 750;
}

.task-inbox-modal[b-m7e6r0l50d] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 110;
    width: min(420px, calc(100vw - 24px));
    transform: translate(-50%, -50%);
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 16px 40px rgba(31, 45, 61, 0.2);
}

.task-inbox-modal.wide[b-m7e6r0l50d] {
    width: min(540px, calc(100vw - 24px));
}

.task-inbox-modal-header[b-m7e6r0l50d] {
    padding: 10px 12px;
    border-bottom: 1px solid #d9e1ea;
    color: #1f2d3d;
    font-size: 0.9rem;
    font-weight: 900;
}

.task-inbox-modal-body[b-m7e6r0l50d] {
    display: grid;
    gap: 8px;
    padding: 12px;
    color: #314050;
    font-size: 0.76rem;
    font-weight: 650;
    line-height: 1.16rem;
}

.task-inbox-modal-footer[b-m7e6r0l50d] {
    justify-content: flex-end;
    padding: 10px 12px;
    border-top: 1px solid #d9e1ea;
}

@media (max-width: 860px) {
    .task-inbox-toolbar[b-m7e6r0l50d] {
        grid-template-columns: 1fr;
    }

    .task-inbox-flyout[b-m7e6r0l50d] {
        width: 100vw;
    }

    .task-inbox-detail-grid[b-m7e6r0l50d] {
        grid-template-columns: 1fr;
    }

    .task-inbox-form-grid[b-m7e6r0l50d] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TimeEntry.razor.rz.scp.css */
.time-entry-page[b-jratta0ewl] {
    width: 100%;
}

.time-entry-page[b-jratta0ewl] {
    --time-ukg-green: #107a55;
    --time-ukg-green-dark: #07583e;
    --time-ukg-blue: #123f68;
    --time-ukg-blue-dark: #0b2f50;
    --time-ukg-line: #cfd8e3;
    --time-ukg-soft: #f4f7f8;
    --time-ukg-cell: #f0f2f3;
    display: flex;
    flex-direction: column;
}

.time-entry-module-header[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
    border-bottom: 1px solid #d6dee7;
    background: #ffffff;
    padding: 4px 0 10px;
}

.time-entry-module-title-wrap[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.time-entry-module-dot[b-jratta0ewl] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--time-ukg-green);
    flex-shrink: 0;
}

.time-entry-module-eyebrow[b-jratta0ewl] {
    margin-bottom: 3px;
    color: #687583;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.time-entry-module-title[b-jratta0ewl] {
    margin: 0;
    font-size: 1.06rem;
    font-weight: 800;
    color: #1f2d3d;
    line-height: 1.15;
}

.time-entry-module-actions[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.time-entry-action-button[b-jratta0ewl] {
    height: 32px;
    padding: 0 13px;
    border-radius: 999px;
    font-size: 0.73rem;
    font-weight: 800;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .time-entry-action-button.primary[b-jratta0ewl] {
        background: var(--time-ukg-green);
        color: white;
    }

        .time-entry-action-button.primary:hover:not(:disabled)[b-jratta0ewl] {
            background: var(--time-ukg-green-dark);
        }

    .time-entry-action-button.secondary[b-jratta0ewl] {
        background: #ffffff;
        color: #5a6570;
        border-color: #cfd7e2;
    }

    .time-entry-action-button.danger[b-jratta0ewl] {
        background: #fff2f3;
        color: #b24552;
        border-color: #f0c1c8;
    }

    .time-entry-action-button:disabled[b-jratta0ewl] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.time-entry-panel[b-jratta0ewl] {
    background: #ffffff;
    border: 1px solid var(--time-ukg-line);
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 12px;
}

.time-entry-selected-workspace[b-jratta0ewl] {
    order: 10;
    box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}

.time-entry-batch-directory[b-jratta0ewl] {
    order: 20;
}

.time-entry-batch-directory .time-entry-panel-header[b-jratta0ewl] {
    background: #fbfcfd;
}

.time-entry-panel-header[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 9px 12px;
    border-bottom: 1px solid #d9e1ea;
    background: #f9fbfc;
    flex-wrap: wrap;
}

.time-entry-panel-title[b-jratta0ewl] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #172637;
    letter-spacing: 0.01em;
}

.time-entry-panel-subtitle[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.74rem;
    color: #5d6773;
    font-weight: 500;
}

.time-entry-panel-count[b-jratta0ewl] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.time-entry-period-shell[b-jratta0ewl] {
    border-bottom: 1px solid #dbe3eb;
    background: #ffffff;
}

.time-entry-period-bar[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 10px 11px;
    flex-wrap: wrap;
}

.time-entry-period-left[b-jratta0ewl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.time-entry-period-kicker[b-jratta0ewl] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5d6773;
}

.time-entry-period-title[b-jratta0ewl] {
    font-size: 1.02rem;
    font-weight: 800;
    color: #183247;
}

.time-entry-period-meta[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
    font-size: 0.74rem;
    color: #4f5c69;
}

.time-entry-period-meta-sep[b-jratta0ewl] {
    color: #99a4af;
}

.time-entry-period-right[b-jratta0ewl] {
    display: flex;
    align-items: stretch;
    gap: 8px;
    flex-wrap: wrap;
}

.time-entry-period-stat[b-jratta0ewl] {
    min-width: 98px;
    padding: 8px 10px;
    border: 1px solid #d7e4ef;
    border-radius: 4px;
    background: #fbfcfd;
}

    .time-entry-period-stat .label[b-jratta0ewl] {
        display: block;
        font-size: 0.66rem;
        font-weight: 700;
        color: #5d6773;
        text-transform: uppercase;
        letter-spacing: 0.04em;
        margin-bottom: 2px;
    }

    .time-entry-period-stat strong[b-jratta0ewl] {
        font-size: 0.92rem;
        color: #183247;
    }

.time-entry-empty[b-jratta0ewl] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.create-batch-body[b-jratta0ewl] {
    padding: 11px;
}

.time-entry-form-grid[b-jratta0ewl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 10px 12px;
}

    .time-entry-form-grid label[b-jratta0ewl] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.time-entry-form-grid-full[b-jratta0ewl] {
    grid-column: 1 / -1;
}

.create-batch-actions[b-jratta0ewl] {
    margin-top: 12px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.time-entry-batch-workflow-bar[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #e3e8ee;
    background: #fbfcfd;
    flex-wrap: wrap;
}

.time-entry-batch-workflow-left[b-jratta0ewl],
.time-entry-batch-workflow-actions[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.time-entry-workflow-icon-rail[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.time-entry-tooltip-wrap[b-jratta0ewl] {
    display: inline-flex;
}

.time-entry-workflow-icon-button[b-jratta0ewl] {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    border: 1px solid #d4dde7;
    background: #ffffff;
    color: #375066;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.03em;
    cursor: pointer;
}

    .time-entry-workflow-icon-button:hover[b-jratta0ewl] {
        background: #eef5fa;
    }

    .time-entry-workflow-icon-button.primary[b-jratta0ewl] {
        background: #ebf8f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-workflow-icon-button.danger[b-jratta0ewl] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .time-entry-workflow-icon-button:disabled[b-jratta0ewl] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.time-entry-summary-strip[b-jratta0ewl] {
    display: grid;
    grid-template-columns: repeat(6, minmax(112px, 1fr));
    gap: 0;
    padding: 8px 10px;
    border-bottom: 1px solid #d7dee7;
    background: #ffffff;
}

.time-entry-summary-card[b-jratta0ewl] {
    border: 0;
    border-right: 1px solid #e2e7ed;
    border-radius: 0;
    background: transparent;
    padding: 5px 10px;
    text-align: center;
}

    .time-entry-summary-card:last-child[b-jratta0ewl] {
        border-right: 0;
    }

    .time-entry-summary-card.attention[b-jratta0ewl] {
        background: #fff8ee;
        border-left: 1px solid #f2d29a;
        border-right: 1px solid #f2d29a;
    }

.time-entry-summary-label[b-jratta0ewl] {
    font-size: 0.62rem;
    font-weight: 800;
    color: #5d6773;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.time-entry-summary-value[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #183247;
}

.time-entry-summary-note[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.64rem;
    color: #607080;
    line-height: 1.15;
}

.time-entry-flow-strip[b-jratta0ewl] {
    display: grid;
    grid-template-columns: minmax(220px, 0.9fr) minmax(360px, 2.2fr);
    gap: 0;
    align-items: stretch;
    padding: 0;
    border-bottom: 1px solid #d7dee7;
    background: #f8fafb;
}

.time-entry-flow-narrative[b-jratta0ewl] {
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #ffffff;
    padding: 8px 11px;
}

.time-entry-flow-kicker[b-jratta0ewl] {
    font-size: 0.65rem;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #1f7c69;
}

.time-entry-flow-title[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.82rem;
    font-weight: 800;
    color: #183247;
}

.time-entry-flow-note[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.69rem;
    color: #607080;
    line-height: 1.25;
}

.time-entry-flow-metrics[b-jratta0ewl] {
    display: grid;
    grid-template-columns: repeat(5, minmax(92px, 1fr));
    gap: 0;
}

.time-entry-flow-metric[b-jratta0ewl] {
    min-height: 50px;
    border: 0;
    border-right: 1px solid #d7dee7;
    border-radius: 0;
    background: #ffffff;
    color: #3a4c5f;
    padding: 7px 10px;
    text-align: left;
    cursor: pointer;
}

    .time-entry-flow-metric span[b-jratta0ewl] {
        display: block;
        font-size: 0.63rem;
        font-weight: 800;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        line-height: 1.15;
    }

    .time-entry-flow-metric:last-child[b-jratta0ewl] {
        border-right: 0;
    }

    .time-entry-flow-metric strong[b-jratta0ewl] {
        display: block;
        margin-top: 4px;
        font-size: 1rem;
        color: #183247;
    }

    .time-entry-flow-metric.approved[b-jratta0ewl] {
        border-color: #b8e3c8;
        background: #f3fbf6;
    }

    .time-entry-flow-metric.office[b-jratta0ewl] {
        border-color: #c8d7ea;
        background: #f6f9fd;
    }

    .time-entry-flow-metric.pending[b-jratta0ewl] {
        border-color: #efd49d;
        background: #fffaf0;
    }

    .time-entry-flow-metric.rejected[b-jratta0ewl] {
        border-color: #f0c1c8;
        background: #fff6f7;
    }

    .time-entry-flow-metric.portal[b-jratta0ewl] {
        border-color: #bddfea;
        background: #f0fbfe;
    }

    .time-entry-flow-metric.active[b-jratta0ewl] {
        outline: 2px solid #0b84b8;
        outline-offset: 1px;
    }

.time-entry-workspace-tabs[b-jratta0ewl] {
    display: flex;
    gap: 18px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 0 11px;
    border-bottom: 1px solid #d7dee7;
    background: #ffffff;
}

.time-entry-workspace-tab[b-jratta0ewl] {
    min-height: 38px;
    border-radius: 0;
    border: 0;
    border-bottom: 3px solid transparent;
    background: transparent;
    color: #576474;
    padding: 0;
    font-size: 0.72rem;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    cursor: pointer;
}

    .time-entry-workspace-tab span[b-jratta0ewl] {
        min-width: 18px;
        height: 18px;
        border-radius: 999px;
        background: #edf3f8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.66rem;
        color: #4f5c69;
    }

    .time-entry-workspace-tab.active[b-jratta0ewl] {
        background: transparent;
        border-color: var(--time-ukg-green);
        color: #1e2f3f;
    }

        .time-entry-workspace-tab.active span[b-jratta0ewl] {
            background: #e7f5ef;
            color: var(--time-ukg-green-dark);
        }

.time-entry-inline-status-banner[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    padding: 8px 11px;
    border-bottom: 1px solid #e3e8ee;
    background: #fbfcfd;
    font-size: 0.74rem;
    color: #4f5c69;
}

    .time-entry-inline-status-banner.warning[b-jratta0ewl] {
        background: #fffaf1;
    }

    .time-entry-inline-status-banner.clean[b-jratta0ewl] {
        background: #f8fcfa;
    }

.time-entry-day-board[b-jratta0ewl] {
    background: #ffffff;
    padding: 8px 10px 10px;
}

.time-entry-day-group[b-jratta0ewl] {
    border: 1px solid #d7dee7;
    border-radius: 3px;
    background: #ffffff;
    overflow: hidden;
    margin-bottom: 8px;
}

.time-entry-day-group-header[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 7px 9px;
    border-bottom: 1px solid #d7dee7;
    background: #f2f4f5;
    flex-wrap: wrap;
}

.time-entry-day-group-title[b-jratta0ewl] {
    font-size: 0.83rem;
    font-weight: 800;
    color: #183247;
}

.time-entry-day-group-subtitle[b-jratta0ewl] {
    margin-top: 2px;
    font-size: 0.69rem;
    color: #607080;
}

.time-entry-day-group-stats[b-jratta0ewl] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 0.70rem;
    color: #4f5c69;
    font-weight: 600;
}

.time-entry-day-table[b-jratta0ewl] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

    .time-entry-day-table thead th[b-jratta0ewl] {
        background: var(--time-ukg-blue);
        color: #ffffff;
        font-size: 0.68rem;
        font-weight: 800;
        text-align: left;
        padding: 6px 7px;
        border-right: 1px solid rgba(255, 255, 255, 0.22);
        border-bottom: 1px solid var(--time-ukg-blue-dark);
        white-space: nowrap;
    }

    .time-entry-day-table tbody td[b-jratta0ewl] {
        font-size: 0.70rem;
        color: #24313d;
        padding: 4px 6px;
        border-right: 1px solid #e3e7ec;
        border-bottom: 1px solid #e6ebf1;
        vertical-align: middle;
        white-space: nowrap;
    }

    .time-entry-day-table tbody tr:nth-child(even) td[b-jratta0ewl] {
        background: #f7f8f9;
    }

.time-entry-day-employee[b-jratta0ewl],
.time-entry-day-company[b-jratta0ewl] {
    font-weight: 700;
    color: #1f2d3d;
}

.time-entry-day-subtext[b-jratta0ewl] {
    margin-top: 2px;
    font-size: 0.66rem;
    color: #607080;
}

.time-entry-line-badges[b-jratta0ewl] {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.time-entry-line-chip[b-jratta0ewl] {
    display: inline-flex;
    align-items: center;
    min-height: 17px;
    border-radius: 999px;
    border: 1px solid #d6dee8;
    background: #f8fafc;
    color: #4f5c69;
    padding: 1px 6px;
    font-size: 0.61rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

    .time-entry-line-chip.source.portal[b-jratta0ewl],
    .time-entry-line-chip.source.timesheet[b-jratta0ewl],
    .time-entry-line-chip.approval.approved[b-jratta0ewl] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-line-chip.source.batch[b-jratta0ewl] {
        background: #eef7fb;
        border-color: #bddfea;
        color: #0f6f8b;
    }

    .time-entry-line-chip.source.manual[b-jratta0ewl],
    .time-entry-line-chip.approval.office[b-jratta0ewl] {
        background: #f7f9fc;
        border-color: #cfd9e5;
        color: #4b5e70;
    }

    .time-entry-line-chip.source.copy[b-jratta0ewl],
    .time-entry-line-chip.source.split[b-jratta0ewl] {
        background: #fffaf0;
        border-color: #efd49d;
        color: #8a5b0f;
    }

    .time-entry-line-chip.approval.pending[b-jratta0ewl] {
        background: #fff7e8;
        border-color: #f1ca83;
        color: #8a5b0f;
    }

    .time-entry-line-chip.approval.rejected[b-jratta0ewl] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .time-entry-line-chip.changed[b-jratta0ewl] {
        background: #eef4ff;
        border-color: #bfd0f4;
        color: #315b9e;
    }

.time-entry-day-status-stack[b-jratta0ewl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

.time-entry-time-input[b-jratta0ewl],
.time-entry-day-select[b-jratta0ewl] {
    height: 24px;
    border: 1px solid #cfd7e2;
    background: var(--time-ukg-cell);
    border-radius: 3px;
    padding: 0 5px;
    font-size: 0.70rem;
    color: #2f2f2f;
    box-sizing: border-box;
}

.time-entry-time-input[b-jratta0ewl] {
    width: 92px;
}

.time-entry-day-select[b-jratta0ewl] {
    width: 82px;
}

    .time-entry-time-input:disabled[b-jratta0ewl],
    .time-entry-day-select:disabled[b-jratta0ewl] {
        background: #f2f4f6;
        color: #8f99a5;
    }

.time-entry-raw-hours-cell[b-jratta0ewl] {
    font-weight: 700;
    color: #1f2d3d;
}

.time-entry-workflow-note[b-jratta0ewl] {
    font-size: 0.70rem;
    color: #5d6773;
    white-space: nowrap;
}

.time-entry-batch-status[b-jratta0ewl] {
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

    .time-entry-batch-status.open[b-jratta0ewl] {
        background: #edf6ff;
        border-color: #bfd7f0;
        color: #305e8d;
    }

    .time-entry-batch-status.reviewed[b-jratta0ewl] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .time-entry-batch-status.approved[b-jratta0ewl] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-batch-status.processing[b-jratta0ewl] {
        background: #f2f7ff;
        border-color: #c8daf5;
        color: #305e8d;
    }

    .time-entry-batch-status.partially-finalized[b-jratta0ewl] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .time-entry-batch-status.ready[b-jratta0ewl] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-batch-status.fully-locked[b-jratta0ewl] {
        background: #eef0f3;
        border-color: #c8d0da;
        color: #26323f;
    }

    .time-entry-batch-status.mistake[b-jratta0ewl] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

.time-entry-processing-pill[b-jratta0ewl] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.66rem;
    font-weight: 700;
    white-space: nowrap;
}

    .time-entry-processing-pill.not-started[b-jratta0ewl] {
        background: #f7f9fb;
        border-color: #d8e1ea;
        color: #50606f;
    }

    .time-entry-processing-pill.draft[b-jratta0ewl] {
        background: #edf6ff;
        border-color: #bfd7f0;
        color: #305e8d;
    }

    .time-entry-processing-pill.recalc[b-jratta0ewl] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .time-entry-processing-pill.reviewed[b-jratta0ewl] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .time-entry-processing-pill.approved[b-jratta0ewl] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-processing-pill.finalized[b-jratta0ewl] {
        background: #eef0f3;
        border-color: #c8d0da;
        color: #26323f;
    }

.time-entry-table-wrap[b-jratta0ewl] {
    width: 100%;
    overflow: auto;
}

.time-entry-batch-table[b-jratta0ewl],
.time-entry-line-table[b-jratta0ewl] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .time-entry-batch-table thead th[b-jratta0ewl],
    .time-entry-line-table thead th[b-jratta0ewl] {
        background: var(--time-ukg-blue);
        color: #ffffff;
        font-size: 0.68rem;
        font-weight: 800;
        text-align: left;
        padding: 5px 7px;
        border-right: 1px solid rgba(255, 255, 255, 0.18);
        border-bottom: 1px solid var(--time-ukg-blue-dark);
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .time-entry-line-table thead th[b-jratta0ewl] {
        position: sticky;
        top: 0;
        z-index: 3;
    }

    .time-entry-batch-table tbody td[b-jratta0ewl],
    .time-entry-line-table tbody td[b-jratta0ewl] {
        font-size: 0.70rem;
        font-weight: 400;
        color: #24313d;
        padding: 3px 7px;
        border-right: 1px solid #e3e7ec;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1rem;
        white-space: nowrap;
    }

    .time-entry-batch-table tbody tr:nth-child(odd)[b-jratta0ewl],
    .time-entry-line-table tbody tr:nth-child(odd)[b-jratta0ewl] {
        background: #fcfdfe;
    }

    .time-entry-batch-table tbody tr:nth-child(even)[b-jratta0ewl],
    .time-entry-line-table tbody tr:nth-child(even)[b-jratta0ewl] {
        background: #f6f8fa;
    }

    .time-entry-batch-table tbody tr:hover[b-jratta0ewl],
    .time-entry-line-table tbody tr:hover[b-jratta0ewl] {
        background: #eef9f4;
    }

.selected-batch-row[b-jratta0ewl] {
    background: #eaf7fc !important;
}

.compact-time-entry-grid thead th:first-child[b-jratta0ewl],
.compact-time-entry-grid tbody td:first-child[b-jratta0ewl] {
    width: 34px;
    min-width: 34px;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}

.compact-time-entry-grid thead th:nth-child(20)[b-jratta0ewl],
.compact-time-entry-grid tbody td:nth-child(20)[b-jratta0ewl] {
    position: sticky;
    right: 0;
    z-index: 2;
    background: inherit;
    min-width: 96px;
    box-shadow: -6px 0 8px rgba(15, 23, 42, 0.04);
}

.compact-time-entry-grid thead th:nth-child(20)[b-jratta0ewl] {
    z-index: 4;
    background: var(--time-ukg-blue);
}

.time-entry-line-table tfoot td[b-jratta0ewl] {
    background: #f3f6f9;
    color: #1f2d3d;
    font-size: 0.74rem;
    font-weight: 700;
    padding: 6px 7px;
    border-top: 1px solid #cfd7e2;
    white-space: nowrap;
}

.time-entry-date-input[b-jratta0ewl],
.time-entry-cell-input[b-jratta0ewl],
.time-entry-cell-select[b-jratta0ewl] {
    height: 24px;
    border: 1px solid #cfd7e2;
    background: var(--time-ukg-cell);
    border-radius: 3px;
    padding: 0 5px;
    font-size: 0.70rem;
    font-weight: 400;
    color: #2f2f2f;
    box-sizing: border-box;
}

.time-entry-date-input[b-jratta0ewl] {
    width: 108px;
}

.time-entry-cell-input[b-jratta0ewl] {
    width: 76px;
    text-align: right;
}

.time-entry-cell-select[b-jratta0ewl] {
    width: 70px;
}

    .time-entry-date-input:disabled[b-jratta0ewl],
    .time-entry-cell-input:disabled[b-jratta0ewl],
    .time-entry-cell-select:disabled[b-jratta0ewl] {
        background: #f2f4f6;
        color: #8f99a5;
    }

.time-entry-center-cell[b-jratta0ewl] {
    text-align: center;
}

.time-entry-row-actions[b-jratta0ewl] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-width: 88px;
}

.time-entry-icon-button[b-jratta0ewl] {
    width: 23px;
    height: 23px;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #cfd7e2;
    background: #f8fafc;
    color: #4a5867;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .time-entry-icon-button:hover[b-jratta0ewl] {
        background: #eef4f8;
    }

    .time-entry-icon-button.save[b-jratta0ewl] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .time-entry-icon-button.save:hover[b-jratta0ewl] {
        background: #e4f5eb;
    }

    .time-entry-icon-button.portal[b-jratta0ewl] {
        background: #eef7fb;
        border-color: #bddfea;
        color: #0f6f8b;
    }

        .time-entry-icon-button.portal:hover[b-jratta0ewl] {
            background: #e4f4fa;
        }

    .time-entry-icon-button:disabled[b-jratta0ewl] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.inline-link-button[b-jratta0ewl] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #099bc6;
    font-size: 0.70rem;
    font-weight: 600;
    cursor: pointer;
    text-align: left;
}

.inline-link-button.danger[b-jratta0ewl] {
    color: #b24552;
}

    .inline-link-button:hover[b-jratta0ewl] {
        text-decoration: underline;
    }

    .inline-link-button:disabled[b-jratta0ewl] {
        color: #9aa5b1;
        cursor: not-allowed;
        text-decoration: none;
    }

.batch-row-actions[b-jratta0ewl] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}

.time-entry-line-filter-bar[b-jratta0ewl] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
    padding: 7px 10px;
    border-bottom: 1px solid #d7dee7;
    background: #f7f9fa;
}

.time-entry-filter-input[b-jratta0ewl],
.time-entry-filter-select[b-jratta0ewl],
.time-entry-filter-date[b-jratta0ewl] {
    height: 28px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 3px;
    padding: 0 7px;
    font-size: 0.69rem;
    font-weight: 400;
    color: #2f2f2f;
    box-sizing: border-box;
}

.time-entry-filter-input[b-jratta0ewl] {
    width: 74px;
}

    .time-entry-filter-input.employee[b-jratta0ewl],
    .time-entry-filter-input.company[b-jratta0ewl],
    .time-entry-filter-input.position[b-jratta0ewl] {
        width: 140px;
    }

    .time-entry-filter-input.wc[b-jratta0ewl] {
        width: 70px;
    }

.time-entry-filter-select[b-jratta0ewl] {
    width: 105px;
}

    .time-entry-filter-select.flow[b-jratta0ewl] {
        width: 126px;
    }

.time-entry-filter-date[b-jratta0ewl] {
    width: 118px;
}

.time-entry-sort-button[b-jratta0ewl] {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    color: #304150;
    font-size: 0.69rem;
    font-weight: 700;
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
}

    .time-entry-sort-button:hover[b-jratta0ewl] {
        text-decoration: underline;
    }

.time-entry-validation-panel[b-jratta0ewl] {
    border-bottom: 1px solid #e3e8ee;
    background: #fbfcfd;
}

    .time-entry-validation-panel.clean[b-jratta0ewl] {
        background: #f8fcfa;
    }

.time-entry-validation-header[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    flex-wrap: wrap;
}

.time-entry-validation-title[b-jratta0ewl] {
    font-size: 0.78rem;
    font-weight: 700;
    color: #1f2d3d;
}

.time-entry-validation-subtitle[b-jratta0ewl] {
    margin-top: 2px;
    font-size: 0.70rem;
    color: #5d6773;
    font-weight: 400;
}

.time-entry-validation-count[b-jratta0ewl] {
    font-size: 0.72rem;
    font-weight: 700;
    color: #9a6300;
}

    .time-entry-validation-count.clean[b-jratta0ewl] {
        color: #25743f;
    }

.time-entry-validation-body[b-jratta0ewl] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    padding: 0 11px 9px 11px;
}

.time-entry-validation-pill[b-jratta0ewl] {
    min-height: 24px;
    border-radius: 999px;
    padding: 3px 9px;
    font-size: 0.70rem;
    font-weight: 600;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    border: 1px solid transparent;
    cursor: pointer;
    background: #f7f9fb;
    color: #50606f;
}

    .time-entry-validation-pill.error[b-jratta0ewl] {
        background: #fff2f3;
        border-color: #f0c1c8;
        color: #b24552;
    }

    .time-entry-validation-pill.warning[b-jratta0ewl] {
        background: #fff7ea;
        border-color: #f2d29a;
        color: #9a6300;
    }

    .time-entry-validation-pill.active[b-jratta0ewl] {
        outline: 2px solid rgba(9, 155, 198, 0.22);
        border-color: #099bc6;
    }

    .time-entry-validation-pill.clear[b-jratta0ewl] {
        background: #eef4f8;
        border-color: #cfd7e2;
        color: #4f5c69;
    }

.time-entry-validation-active[b-jratta0ewl] {
    border-top: 1px solid #e3e8ee;
    padding: 7px 11px;
    font-size: 0.72rem;
    color: #4f5c69;
    background: #ffffff;
}

.time-entry-bulk-bar[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #e3e8ee;
    background: #fbfcfd;
    font-size: 0.76rem;
    color: #4f5c69;
    flex-wrap: wrap;
}

.time-entry-bulk-actions[b-jratta0ewl] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.locked-row[b-jratta0ewl] {
    opacity: 0.72;
}

.dirty-row td[b-jratta0ewl] {
    background: #f7fbff;
}

.approval-approved-row td:first-child[b-jratta0ewl] {
    box-shadow: inset 3px 0 0 #1fad83;
}

.approval-pending-row td:first-child[b-jratta0ewl] {
    box-shadow: inset 3px 0 0 #d89421;
}

.approval-rejected-row td:first-child[b-jratta0ewl] {
    box-shadow: inset 3px 0 0 #c1515e;
}

.office-managed-row td:first-child[b-jratta0ewl] {
    box-shadow: inset 3px 0 0 #9aa9ba;
}

.time-entry-comment-row td[b-jratta0ewl] {
    background: #fffdf3;
    color: #4f5c69;
    font-size: 0.70rem;
    font-weight: 400;
    line-height: 1.15rem;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e3e8ee;
    white-space: normal;
}

.time-entry-comment-row strong[b-jratta0ewl] {
    color: #2f3b47;
    font-weight: 700;
}

.time-entry-modal-backdrop[b-jratta0ewl] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.40);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.time-entry-modal[b-jratta0ewl] {
    width: min(620px, 100%);
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 14px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
    padding: 18px;
}

.time-entry-modal-title[b-jratta0ewl] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    margin-bottom: 12px;
}

.time-entry-modal-text[b-jratta0ewl] {
    font-size: 0.82rem;
    color: #5d6773;
    line-height: 1.35rem;
    margin-bottom: 12px;
}

.time-entry-modal-field[b-jratta0ewl] {
    margin-bottom: 14px;
}

    .time-entry-modal-field label[b-jratta0ewl] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.76rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.time-entry-modal-hint[b-jratta0ewl] {
    margin-top: 6px;
    font-size: 0.76rem;
    color: #5d6773;
}

.time-entry-modal-actions[b-jratta0ewl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.time-entry-page input[type="checkbox"][b-jratta0ewl] {
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.time-entry-approval-panel[b-jratta0ewl] {
    border-bottom: 1px solid #e3e8ee;
    padding: 10px 11px 12px;
    background: #fcfdff;
}

.time-entry-approval-header[b-jratta0ewl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.time-entry-approval-title[b-jratta0ewl] {
    font-size: 0.8rem;
    font-weight: 800;
    color: #1f2d3d;
}

.time-entry-approval-subtitle[b-jratta0ewl],
.time-entry-approval-row-subtext[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.72rem;
    color: #5d6773;
}

.time-entry-approval-badges[b-jratta0ewl] {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.time-entry-approval-badge[b-jratta0ewl],
.time-entry-approval-status[b-jratta0ewl],
.time-entry-approval-doc[b-jratta0ewl] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.68rem;
    font-weight: 700;
    white-space: nowrap;
}

.time-entry-approval-badge.pending[b-jratta0ewl],
.time-entry-approval-status.pending[b-jratta0ewl] {
    background: #fff7ea;
    border-color: #f2d29a;
    color: #9a6300;
}

.time-entry-approval-badge.approved[b-jratta0ewl],
.time-entry-approval-status.approved[b-jratta0ewl],
.time-entry-approval-doc.ready[b-jratta0ewl] {
    background: #eef9f2;
    border-color: #b8e3c8;
    color: #25743f;
}

.time-entry-approval-badge.rejected[b-jratta0ewl],
.time-entry-approval-status.rejected[b-jratta0ewl],
.time-entry-approval-doc.missing[b-jratta0ewl] {
    background: #fff2f3;
    border-color: #f0c1c8;
    color: #b24552;
}

.time-entry-approval-summary-grid[b-jratta0ewl] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.time-entry-approval-summary-card[b-jratta0ewl] {
    border: 1px solid #d8e1ea;
    border-radius: 7px;
    background: #ffffff;
    padding: 9px 10px;
}

.time-entry-approval-summary-label[b-jratta0ewl] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #607185;
}

.time-entry-approval-summary-value[b-jratta0ewl] {
    margin-top: 5px;
    font-size: 1.15rem;
    font-weight: 800;
    color: #203147;
}

.time-entry-approval-summary-note[b-jratta0ewl] {
    margin-top: 3px;
    font-size: 0.72rem;
    line-height: 1.35;
    color: #66778c;
}

.time-entry-approval-table[b-jratta0ewl] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.73rem;
}

.time-entry-approval-table th[b-jratta0ewl] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.67rem;
    font-weight: 700;
    text-align: left;
    padding: 6px 7px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
}

.time-entry-approval-table td[b-jratta0ewl] {
    padding: 8px 7px;
    border-bottom: 1px solid #ebeff5;
    color: #2a3c52;
    vertical-align: top;
    white-space: nowrap;
}

.time-entry-approval-action-stack[b-jratta0ewl] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

@media (max-width: 1200px) {
    .time-entry-module-actions[b-jratta0ewl] {
        justify-content: flex-start;
        width: 100%;
    }

    .time-entry-form-grid[b-jratta0ewl] {
        grid-template-columns: 1fr;
    }

    .time-entry-form-grid-full[b-jratta0ewl] {
        grid-column: auto;
    }

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

    .time-entry-batch-workflow-bar[b-jratta0ewl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .time-entry-summary-strip[b-jratta0ewl] {
        grid-template-columns: repeat(3, minmax(112px, 1fr));
    }

    .time-entry-flow-strip[b-jratta0ewl] {
        grid-template-columns: 1fr;
    }

    .time-entry-flow-metrics[b-jratta0ewl] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .time-entry-period-bar[b-jratta0ewl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .time-entry-approval-summary-grid[b-jratta0ewl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .time-entry-module-header[b-jratta0ewl] {
        align-items: flex-start;
    }

    .time-entry-module-title-wrap[b-jratta0ewl] {
        width: 100%;
    }

    .time-entry-period-right[b-jratta0ewl],
    .time-entry-modal-actions[b-jratta0ewl],
    .time-entry-bulk-actions[b-jratta0ewl],
    .create-batch-actions[b-jratta0ewl],
    .time-entry-batch-workflow-actions[b-jratta0ewl] {
        flex-direction: column;
        align-items: stretch;
    }

    .time-entry-summary-strip[b-jratta0ewl],
    .time-entry-flow-metrics[b-jratta0ewl],
    .time-entry-approval-summary-grid[b-jratta0ewl] {
        grid-template-columns: 1fr;
    }

    .time-entry-module-actions[b-jratta0ewl] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        width: 100%;
    }

    .time-entry-module-actions .time-entry-action-button[b-jratta0ewl] {
        width: auto;
        flex: 0 0 auto;
    }

    .time-entry-workflow-icon-rail[b-jratta0ewl] {
        width: 100%;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .time-entry-workflow-icon-button[b-jratta0ewl] {
        width: 34px;
        min-width: 34px;
    }

    .time-entry-workspace-tabs[b-jratta0ewl] {
        flex-direction: row;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .time-entry-workspace-tab[b-jratta0ewl] {
        width: auto;
    }

    .time-entry-period-right[b-jratta0ewl] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: 100%;
    }

    .time-entry-period-stat[b-jratta0ewl] {
        width: auto;
        min-width: 0;
    }

    .time-entry-summary-strip[b-jratta0ewl] {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
    }

    .time-entry-summary-card[b-jratta0ewl] {
        flex: 0 0 118px;
    }

    .time-entry-flow-metrics[b-jratta0ewl] {
        display: flex;
        grid-template-columns: none;
        overflow-x: auto;
    }

    .time-entry-flow-metric[b-jratta0ewl] {
        flex: 0 0 126px;
    }

    .time-entry-approval-header[b-jratta0ewl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .time-entry-inline-status-banner[b-jratta0ewl] {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    .time-entry-module-actions[b-jratta0ewl] {
        display: flex;
    }

    .time-entry-period-right[b-jratta0ewl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/Timesheets.razor.rz.scp.css */
.timesheets-page[b-iq74psxxwb] {
    --ammon-blue: #0d7fc3;
    --ammon-blue-dark: #075f96;
    --ammon-teal: #0d7fc3;
    --ammon-line: #d7e1e8;
    --ammon-soft: #f4f7f9;
    --ammon-text: #1f2f3c;
    display: grid;
    gap: 10px;
    color: var(--ammon-text);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.timesheets-header[b-iq74psxxwb] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 2px 8px;
    background: #fff;
}

.timesheets-title-block[b-iq74psxxwb] {
    min-width: 260px;
}

.timesheets-eyebrow[b-iq74psxxwb] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.timesheets-header h1[b-iq74psxxwb] {
    margin: 3px 0 0;
    color: #122e3b;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.15;
}

.timesheets-title-row[b-iq74psxxwb] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.timesheets-back-button[b-iq74psxxwb] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    padding: 0;
}

.timesheets-back-button svg[b-iq74psxxwb] {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

.timesheets-back-button:hover[b-iq74psxxwb],
.timesheets-back-button:focus-visible[b-iq74psxxwb] {
    color: var(--ammon-blue);
    outline: none;
}

.timesheets-header h1 span[b-iq74psxxwb] {
    color: #4e6470;
    font-weight: 600;
}

.timesheets-header-actions[b-iq74psxxwb],
.timesheets-toolbar-actions[b-iq74psxxwb],
.timesheets-flyout-actions[b-iq74psxxwb],
.timesheets-modal-actions[b-iq74psxxwb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
}

.timesheets-button[b-iq74psxxwb] {
    min-height: 34px;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 0 13px;
    background: #ffffff;
    color: #4e5d6c;
    font-size: 0.78rem;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
}

.timesheets-button.primary[b-iq74psxxwb] {
    border-color: var(--ammon-blue-dark);
    background: var(--ammon-blue);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(13, 127, 195, 0.22);
}

.timesheets-button.secondary[b-iq74psxxwb] {
    border-color: #bdccd7;
    background: #ffffff;
    color: #315364;
}

.timesheets-button:hover:not(:disabled)[b-iq74psxxwb],
.timesheets-button:focus-visible:not(:disabled)[b-iq74psxxwb] {
    border-color: var(--ammon-blue-dark);
    outline: none;
}

.timesheets-button.primary:hover:not(:disabled)[b-iq74psxxwb],
.timesheets-button.primary:focus-visible:not(:disabled)[b-iq74psxxwb] {
    background: var(--ammon-blue-dark);
}

.timesheets-button:disabled[b-iq74psxxwb] {
    opacity: 0.58;
    cursor: default;
}

.timesheets-toolbar[b-iq74psxxwb] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: center;
    padding: 7px 8px;
    border: 1px solid var(--ammon-line);
    background: #ffffff;
    overflow-x: auto;
}

.timesheets-toolbar-left[b-iq74psxxwb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.timesheets-inline-field[b-iq74psxxwb],
.timesheets-current-view[b-iq74psxxwb] {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    color: #344b58;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
}

.timesheets-inline-field span[b-iq74psxxwb],
.timesheets-current-view span[b-iq74psxxwb] {
    font-size: 0.72rem;
}

.timesheets-select[b-iq74psxxwb],
.timesheets-input[b-iq74psxxwb],
.timesheets-textarea[b-iq74psxxwb] {
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #ffffff;
    color: #1f2f3c;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 500;
}

.timesheets-select.compact[b-iq74psxxwb] {
    min-width: 190px;
    height: 30px;
    padding: 0 8px;
}

.timesheets-select.rows[b-iq74psxxwb] {
    width: 70px;
    height: 30px;
    padding: 0 6px;
}

.timesheets-page-controls[b-iq74psxxwb] {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #4d5d68;
    font-size: 0.75rem;
    white-space: nowrap;
}

.timesheets-page-controls strong[b-iq74psxxwb] {
    color: #4f5c66;
    font-size: 0.75rem;
    font-weight: 600;
}

.timesheets-page-button[b-iq74psxxwb] {
    width: 24px;
    height: 24px;
    border: 1px solid #c8d4dc;
    border-radius: 2px;
    background: #ffffff;
    color: var(--ammon-blue-dark);
    font-weight: 800;
    cursor: pointer;
}

.timesheets-page-button:disabled[b-iq74psxxwb] {
    color: #a3b0b8;
    cursor: default;
}

.timesheets-page-input[b-iq74psxxwb] {
    width: 42px;
    height: 28px;
    border: 1px solid #c2d0d9;
    border-radius: 2px;
    text-align: center;
    font-family: inherit;
    font-size: 0.78rem;
}

.timesheets-message[b-iq74psxxwb] {
    padding: 8px 10px;
    border-radius: 3px;
    font-size: 0.8rem;
    font-weight: 700;
}

.timesheets-message.success[b-iq74psxxwb] {
    border: 1px solid #cbe7d6;
    background: #eef9f2;
    color: #276342;
}

.timesheets-message.error[b-iq74psxxwb] {
    border: 1px solid #f2c6c6;
    background: #fff1f1;
    color: #963b3b;
}

.timesheets-panel[b-iq74psxxwb] {
    border: 1px solid var(--ammon-line);
    background: #ffffff;
    overflow: hidden;
}

.timesheets-table-wrap[b-iq74psxxwb] {
    overflow: auto;
}

.timesheets-table[b-iq74psxxwb] {
    width: 100%;
    min-width: 1440px;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
}

.timesheets-table th:nth-child(6)[b-iq74psxxwb],
.timesheets-table td:nth-child(6)[b-iq74psxxwb] {
    width: 88px;
}

.timesheets-table th:nth-child(7)[b-iq74psxxwb],
.timesheets-table td:nth-child(7)[b-iq74psxxwb] {
    width: 94px;
}

.timesheets-table th:nth-child(8)[b-iq74psxxwb],
.timesheets-table td:nth-child(8)[b-iq74psxxwb] {
    width: 112px;
}

.timesheets-table th:nth-child(9)[b-iq74psxxwb],
.timesheets-table td:nth-child(9)[b-iq74psxxwb] {
    width: 140px;
}

.timesheets-table th:nth-child(10)[b-iq74psxxwb],
.timesheets-table td:nth-child(10)[b-iq74psxxwb] {
    width: 104px;
}

.timesheets-table th:nth-child(11)[b-iq74psxxwb],
.timesheets-table td:nth-child(11)[b-iq74psxxwb] {
    width: 206px;
}

.timesheets-table th:nth-child(12)[b-iq74psxxwb],
.timesheets-table td:nth-child(12)[b-iq74psxxwb],
.timesheets-table th:nth-child(13)[b-iq74psxxwb],
.timesheets-table td:nth-child(13)[b-iq74psxxwb],
.timesheets-table th:nth-child(14)[b-iq74psxxwb],
.timesheets-table td:nth-child(14)[b-iq74psxxwb],
.timesheets-table th:nth-child(15)[b-iq74psxxwb],
.timesheets-table td:nth-child(15)[b-iq74psxxwb] {
    width: 70px;
}

.timesheets-table th:nth-child(16)[b-iq74psxxwb],
.timesheets-table td:nth-child(16)[b-iq74psxxwb] {
    width: 84px;
}

.timesheets-table th:nth-child(17)[b-iq74psxxwb],
.timesheets-table td:nth-child(17)[b-iq74psxxwb],
.timesheets-table th:nth-child(18)[b-iq74psxxwb],
.timesheets-table td:nth-child(18)[b-iq74psxxwb],
.timesheets-table th:nth-child(19)[b-iq74psxxwb],
.timesheets-table td:nth-child(19)[b-iq74psxxwb],
.timesheets-table th:nth-child(20)[b-iq74psxxwb],
.timesheets-table td:nth-child(20)[b-iq74psxxwb] {
    width: 42px;
}

.timesheets-table th[b-iq74psxxwb] {
    height: 30px;
    padding: 0 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
    resize: horizontal;
    overflow: hidden;
}

.timesheets-table th.icon-col[b-iq74psxxwb],
.timesheets-table td.icon-col[b-iq74psxxwb] {
    width: 26px;
    text-align: center;
}

.timesheets-table th.record-link-col[b-iq74psxxwb],
.timesheets-table td.record-link-col[b-iq74psxxwb] {
    width: 26px;
}

.timesheets-filter-row th[b-iq74psxxwb] {
    height: 55px;
    padding: 4px 5px;
    border-right: 1px solid #d6dde3;
    background: #f2f3f4;
    vertical-align: top;
}

.grid-filter-operator[b-iq74psxxwb],
.grid-filter-select[b-iq74psxxwb],
.grid-filter-input[b-iq74psxxwb] {
    width: 100%;
    height: 20px;
    border: 1px solid #d2d8de;
    border-radius: 1px;
    background: #ffffff;
    color: #495966;
    font-family: inherit;
    font-size: 0.62rem;
    font-weight: 500;
    display: block;
    box-sizing: border-box;
}

.sort-header[b-iq74psxxwb] {
    display: flex;
    width: 100%;
    height: 30px;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    border: 0;
    padding: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    text-align: inherit;
}

.sort-header em[b-iq74psxxwb] {
    min-width: 8px;
    color: #d9edf7;
    font-style: normal;
    font-weight: 900;
}

.sort-header:hover span[b-iq74psxxwb],
.sort-header:focus-visible span[b-iq74psxxwb] {
    text-decoration: underline;
}

.grid-filter-operator[b-iq74psxxwb] {
    margin-bottom: 5px;
}

.grid-filter-operator:disabled[b-iq74psxxwb] {
    opacity: 1;
    color: #66737d;
}

.timesheets-table td[b-iq74psxxwb] {
    height: 30px;
    padding: 3px 5px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
    color: #2c3b46;
    font-size: 0.66rem;
    font-weight: 400;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
}

.timesheets-table td.clip[b-iq74psxxwb],
.timesheets-table td.clip span[b-iq74psxxwb],
.timesheets-table td.clip strong[b-iq74psxxwb] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.timesheets-table td.clip span[b-iq74psxxwb],
.timesheets-table td.clip strong[b-iq74psxxwb] {
    max-width: 100%;
}

.timesheets-table td span[b-iq74psxxwb] {
    display: block;
    color: #687783;
    font-size: 0.61rem;
    font-weight: 400;
}

.timesheets-table td strong[b-iq74psxxwb] {
    color: #263844;
    font-size: 0.66rem;
    font-weight: 600;
}

.timesheets-table tr.selected[b-iq74psxxwb],
.timesheets-table tbody tr:hover[b-iq74psxxwb] {
    background: #dff0fb;
}

.timesheets-table tfoot td[b-iq74psxxwb] {
    height: 34px;
    border-top: 1px solid #87939c;
    background: #f5f6f7;
    font-weight: 700;
}

.timesheets-empty-cell[b-iq74psxxwb] {
    height: 44px !important;
    color: #405461 !important;
    font-size: 0.82rem !important;
}

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

.center[b-iq74psxxwb] {
    text-align: center;
    vertical-align: middle;
}

.center > span[b-iq74psxxwb] {
    margin-right: auto;
    margin-left: auto;
}

.timesheets-check[b-iq74psxxwb] {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--ammon-blue);
}

.timesheets-grid-icon[b-iq74psxxwb] {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 2px;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.timesheets-grid-icon svg[b-iq74psxxwb] {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.record-link-icon[b-iq74psxxwb] {
    color: var(--ammon-blue-dark);
    text-decoration: none;
}

.record-link-icon.disabled[b-iq74psxxwb] {
    opacity: 0.3;
    pointer-events: none;
}

.timesheets-grid-icon:hover[b-iq74psxxwb],
.timesheets-grid-icon:focus-visible[b-iq74psxxwb] {
    border-color: #b8c9d5;
    background: #eef7fc;
    outline: none;
}

.timesheets-sync-icon[b-iq74psxxwb] {
    position: relative;
    display: inline-flex;
    width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center;
}

.timesheets-sync-icon.synced[b-iq74psxxwb]::before {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #1f8f4d;
}

.timesheets-sync-icon.synced[b-iq74psxxwb]::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 3px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg);
}

.timesheets-sync-icon.not-synced[b-iq74psxxwb]::before,
.timesheets-sync-icon.not-synced[b-iq74psxxwb]::after {
    content: "";
    position: absolute;
    width: 11px;
    height: 2px;
    border-radius: 2px;
    background: #c73636;
}

.timesheets-sync-icon.not-synced[b-iq74psxxwb]::before {
    transform: rotate(45deg);
}

.timesheets-sync-icon.not-synced[b-iq74psxxwb]::after {
    transform: rotate(-45deg);
}

.timesheets-lock-icon-svg[b-iq74psxxwb] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    align-items: center;
    justify-content: center;
    color: var(--ammon-blue-dark);
}

.timesheets-lock-icon-svg svg[b-iq74psxxwb] {
    width: 15px;
    height: 15px;
}

.timesheets-alert-icon[b-iq74psxxwb] {
    display: inline-flex;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #c73636;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 900;
    line-height: 1;
}

.timesheets-flyout-backdrop[b-iq74psxxwb],
.timesheets-modal-backdrop[b-iq74psxxwb] {
    position: fixed;
    inset: 0;
    z-index: 1500;
}

.timesheets-modal-backdrop[b-iq74psxxwb] {
    background: rgba(16, 35, 41, 0.28);
    z-index: 1500;
}

.timesheets-flyout-backdrop[b-iq74psxxwb] {
    z-index: 1320;
    background: transparent;
    animation: none;
}

.timesheets-flyout-backdrop.closing[b-iq74psxxwb] {
    pointer-events: none;
}

.timesheets-flyout[b-iq74psxxwb] {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: min(980px, 96vw);
    height: 100vh;
    overflow: hidden;
    padding: 14px;
    background: #ffffff;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    transform: translate3d(0, 0, 0);
    animation: timesheetEditFlyoutSlideIn-b-iq74psxxwb 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
    will-change: transform;
}

.timesheets-flyout.closing[b-iq74psxxwb] {
    pointer-events: none;
    animation: timesheetEditFlyoutSlideOut-b-iq74psxxwb 900ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.timesheet-edit-flyout[b-iq74psxxwb] {
    width: min(1360px, 98vw);
    padding: 0;
}

.timesheet-edit-topbar[b-iq74psxxwb] {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 18px;
    border-bottom: 1px solid #dde6eb;
    background: #ffffff;
}

.timesheet-edit-title-stack[b-iq74psxxwb] {
    display: grid;
    gap: 6px;
}

.timesheet-edit-breadcrumb[b-iq74psxxwb] {
    color: #596a74;
    font-size: 0.7rem;
    font-weight: 500;
}

.timesheet-edit-title-row[b-iq74psxxwb] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.timesheet-edit-title-row h2[b-iq74psxxwb] {
    margin: 0;
    color: #122e3b;
    font-size: 1.05rem;
    font-weight: 800;
}

.timesheet-back-button[b-iq74psxxwb] {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    padding: 0;
}

.timesheet-back-button svg[b-iq74psxxwb] {
    width: 20px;
    height: 20px;
    fill: currentColor;
}

.timesheet-edit-actions[b-iq74psxxwb] {
    display: flex;
    gap: 7px;
    align-items: center;
}

.timesheet-edit-actions .timesheets-button[b-iq74psxxwb] {
    min-width: 96px;
    min-height: 34px;
    border-radius: 2px;
}

.timesheet-edit-actions .timesheets-button.primary[b-iq74psxxwb] {
    border-color: #0d7fc3;
    background: #0d7fc3;
    color: #ffffff;
}

.timesheet-edit-actions .timesheets-button.secondary[b-iq74psxxwb] {
    border-color: #a9bdc9;
    background: #ffffff;
    color: #173443;
}

.timesheet-icon-action[b-iq74psxxwb] {
    position: relative;
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid #a9bdc9;
    border-radius: 2px;
    background: #ffffff;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    overflow: hidden;
}

.timesheet-icon-action svg[b-iq74psxxwb] {
    width: 19px;
    height: 19px;
    fill: currentColor;
}

.timesheet-file-input[b-iq74psxxwb] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
}

.timesheet-icon-action[b-iq74psxxwb]  input[type="file"] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    font-size: 0 !important;
    cursor: pointer !important;
}

.timesheets-more-button[b-iq74psxxwb] {
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    font-size: 1.05rem;
    font-weight: 900;
}

.timesheet-edit-identity[b-iq74psxxwb] {
    display: grid;
    gap: 9px;
    padding: 14px 18px 10px;
    background: #ffffff;
}

.timesheet-person-line[b-iq74psxxwb],
.timesheet-period-line[b-iq74psxxwb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: #52636e;
    font-size: 0.82rem;
    font-weight: 600;
}

.timesheet-person-line a[b-iq74psxxwb] {
    color: var(--ammon-blue-dark);
    font-size: 0.92rem;
    font-weight: 800;
    text-decoration: none;
}

.timesheet-person-line a:hover[b-iq74psxxwb] {
    text-decoration: underline;
}

.timesheet-person-icon[b-iq74psxxwb],
.calendar-icon[b-iq74psxxwb] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid var(--ammon-blue-dark);
}

.calendar-icon[b-iq74psxxwb] {
    border-radius: 2px;
}

.calendar-icon[b-iq74psxxwb]::before {
    content: "";
    width: 11px;
    height: 11px;
    margin-top: 2px;
    border-top: 3px solid var(--ammon-blue-dark);
    border-bottom: 1px solid var(--ammon-blue-dark);
}

.period-nav[b-iq74psxxwb] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    font-weight: 900;
    padding: 0;
}

.period-chevron[b-iq74psxxwb] {
    width: 16px;
    height: 16px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
}

.timesheet-lock-state[b-iq74psxxwb] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    align-items: center;
    justify-content: center;
    color: var(--ammon-blue-dark);
}

.timesheet-lock-state svg[b-iq74psxxwb] {
    width: 18px;
    height: 18px;
    fill: currentColor;
}

.timesheet-attachment-line[b-iq74psxxwb] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    color: #64747f;
    font-size: 0.7rem;
    font-weight: 600;
}

.timesheet-status[b-iq74psxxwb],
.timesheet-lock-text[b-iq74psxxwb] {
    color: #b1741c;
    font-weight: 800;
}

.timesheet-lock-text.locked[b-iq74psxxwb] {
    color: #0e6840;
}

.timesheet-tabs[b-iq74psxxwb] {
    position: sticky;
    top: 0;
    z-index: 12;
    display: flex;
    flex: 0 0 auto;
    overflow-x: auto;
    border-top: 1px solid #e1e8ec;
    border-bottom: 1px solid #d5dee4;
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(9, 40, 58, 0.06);
}

.timesheet-tabs button[b-iq74psxxwb] {
    min-height: 44px;
    border: 0;
    border-right: 1px solid #e4ebef;
    padding: 0 17px;
    background: #ffffff;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 800;
    white-space: nowrap;
}

.timesheet-tabs button.active[b-iq74psxxwb] {
    background: var(--ammon-blue-dark);
    color: #ffffff;
}

.timesheet-total-strip[b-iq74psxxwb] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 56px;
    padding: 14px;
    border-bottom: 1px solid #dce5eb;
    background: #ffffff;
}

.total-hours-only-button[b-iq74psxxwb] {
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid #b8c8d2;
    border-radius: 3px;
    background: #f8fbfd;
    color: #315364;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
}

.timesheet-total-strip div[b-iq74psxxwb] {
    display: grid;
    justify-items: center;
    gap: 1px;
}

.timesheet-total-strip strong[b-iq74psxxwb] {
    color: #122e3b;
    font-size: 1.35rem;
    line-height: 1;
}

.timesheet-total-strip span[b-iq74psxxwb] {
    color: #5f7079;
    font-size: 0.68rem;
    font-weight: 700;
}

.timesheet-edit-grid-wrap[b-iq74psxxwb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
}

.timesheet-edit-grid[b-iq74psxxwb] {
    width: 100%;
    min-width: 0;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 0.66rem;
}

.timesheet-edit-grid th[b-iq74psxxwb] {
    box-sizing: border-box;
    height: 29px;
    padding: 0 5px;
    border-right: 1px solid rgba(255, 255, 255, 0.22);
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 800;
    text-align: left;
    white-space: nowrap;
    resize: horizontal;
    overflow: hidden;
}

.timesheet-edit-grid th.date-col[b-iq74psxxwb] {
    width: 108px;
    background: #050505;
}

.timesheet-edit-grid th.row-tools[b-iq74psxxwb],
.timesheet-edit-grid td.row-tools[b-iq74psxxwb] {
    width: 34px;
    text-align: center;
}

.timesheet-edit-grid th.entry-date-col[b-iq74psxxwb] {
    width: 74px;
}

.timesheet-edit-grid th.pay-code-col[b-iq74psxxwb] {
    width: 58px;
}

.timesheet-edit-grid th:nth-child(5)[b-iq74psxxwb],
.timesheet-edit-grid th:nth-child(6)[b-iq74psxxwb] {
    width: 72px;
}

.timesheet-edit-grid th:nth-child(7)[b-iq74psxxwb],
.timesheet-edit-grid th:nth-child(8)[b-iq74psxxwb] {
    width: 64px;
}

.timesheet-edit-grid th.time-off-col[b-iq74psxxwb] {
    width: 116px;
}

.timesheet-edit-grid th.assignment-context-col[b-iq74psxxwb] {
    width: 148px;
}

.timesheet-edit-grid th.rate-col[b-iq74psxxwb] {
    width: 66px;
}

.timesheet-edit-grid th.notes-col[b-iq74psxxwb] {
    width: 42px;
}

.timesheet-edit-grid td[b-iq74psxxwb] {
    box-sizing: border-box;
    min-height: 34px;
    padding: 2px 4px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e3e8ed;
    color: #273c48;
    font-size: 0.66rem;
    vertical-align: top;
    overflow: hidden;
}

.day-row td[b-iq74psxxwb] {
    background: #ffffff;
    vertical-align: middle;
}

.day-row.collapsed td[b-iq74psxxwb] {
    background: #eeeeee;
    color: #8b969c;
}

.date-cell[b-iq74psxxwb] {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 3px;
    align-items: start;
}

.date-cell strong[b-iq74psxxwb] {
    color: #1b2d36;
    font-size: 0.68rem;
    line-height: 1.15;
}

.date-cell span[b-iq74psxxwb] {
    display: block;
    margin-left: 0;
    margin-top: 2px;
    color: #51707a;
    font-size: 0.56rem;
    font-weight: 600;
    line-height: 1.2;
}

.day-toggle[b-iq74psxxwb],
.line-add-button[b-iq74psxxwb],
.line-delete-button[b-iq74psxxwb],
.note-button[b-iq74psxxwb] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    font-size: 0.82rem;
    font-weight: 900;
}

.line-delete-button[b-iq74psxxwb] {
    color: var(--ammon-blue-dark);
}

.line-delete-button svg[b-iq74psxxwb],
.note-button svg[b-iq74psxxwb] {
    width: 13px;
    height: 13px;
    fill: currentColor;
}

.note-button[b-iq74psxxwb] {
    width: 22px;
    color: var(--ammon-blue-dark);
}

.chevron-icon[b-iq74psxxwb] {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 3;
    transform: rotate(0deg);
    transition: transform 140ms ease;
}

.chevron-icon.open[b-iq74psxxwb] {
    transform: rotate(90deg);
}

.date-cell span:empty[b-iq74psxxwb] {
    display: none;
}

.day-total-cell[b-iq74psxxwb] {
    color: #1f2f3c;
    font-weight: 800;
}

.entry-row td[b-iq74psxxwb] {
    background: #ffffff;
}

.entry-row.total-hours-only-row td[b-iq74psxxwb] {
    background: #fffaf0;
}

.entry-row.total-hours-only-row td:first-child[b-iq74psxxwb]::after {
    content: "!";
    display: inline-flex;
    width: 15px;
    height: 15px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #fff0cf;
    color: #8a5b16;
    font-size: 0.65rem;
    font-weight: 900;
}

.entry-input[b-iq74psxxwb],
.entry-select[b-iq74psxxwb] {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    height: 24px;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #ffffff;
    color: #1f2f3c;
    font-family: inherit;
    font-size: 0.66rem;
    font-weight: 500;
}

.entry-input.time[b-iq74psxxwb] {
    min-width: 0;
}

.entry-input.number[b-iq74psxxwb] {
    text-align: right;
}

.entry-input.readonly[b-iq74psxxwb] {
    background: #f8fbfd;
    color: #1f2f3c;
    font-weight: 700;
}

.pay-code-select[b-iq74psxxwb] {
    min-width: 0;
    color: var(--ammon-blue-dark);
    font-weight: 800;
}

.time-entry-box[b-iq74psxxwb] {
    display: grid;
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    grid-template-columns: minmax(34px, 1fr) 24px;
    align-items: center;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #ffffff;
}

.time-entry-box .entry-input[b-iq74psxxwb] {
    height: 22px;
    border: 0;
}

.meridiem-toggle[b-iq74psxxwb] {
    height: 22px;
    border: 0;
    border-left: 1px solid #d6e0e6;
    background: #ffffff;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    font-family: inherit;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: lowercase;
}

.entry-input.job[b-iq74psxxwb] {
    min-width: 0;
}

.assignment-link-button[b-iq74psxxwb] {
    display: block;
    width: 100%;
    overflow: hidden;
    border: 0;
    background: transparent;
    color: #173443;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.62rem;
    font-weight: 700;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.assignment-link-button:hover[b-iq74psxxwb],
.assignment-link-button:focus-visible[b-iq74psxxwb] {
    color: var(--ammon-blue);
    text-decoration: underline;
    outline: none;
}

.calc-value[b-iq74psxxwb] {
    display: block;
    padding: 4px 0;
    color: #3c515d;
    font-weight: 700;
}

.notes-cell[b-iq74psxxwb] {
    position: relative;
}

.line-notes[b-iq74psxxwb] {
    display: block;
    width: 100%;
    min-height: 58px;
    margin-top: 4px;
    border: 1px solid #bdd0db;
    border-radius: 2px;
    padding: 5px;
    font-family: inherit;
    font-size: 0.66rem;
}

.extra-pay-workspace[b-iq74psxxwb] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
    background: #ffffff;
}

.extra-pay-header[b-iq74psxxwb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #d9e5ec;
    padding: 12px 16px;
}

.extra-pay-header h3[b-iq74psxxwb] {
    margin: 0;
    color: #122e3b;
    font-size: 1rem;
    font-weight: 800;
}

.extra-pay-header p[b-iq74psxxwb] {
    margin: 2px 0 0;
    color: #5a6e79;
    font-size: 0.76rem;
    font-weight: 600;
}

.extra-pay-grid[b-iq74psxxwb] {
    min-width: 0;
}

.extra-pay-grid th:nth-child(3)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(3)[b-iq74psxxwb] {
    width: 76px;
}

.extra-pay-grid th:nth-child(4)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(4)[b-iq74psxxwb],
.extra-pay-grid th:nth-child(5)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(5)[b-iq74psxxwb],
.extra-pay-grid th:nth-child(6)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(6)[b-iq74psxxwb],
.extra-pay-grid th:nth-child(7)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(7)[b-iq74psxxwb] {
    width: 94px;
}

.extra-pay-grid th:nth-child(8)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(8)[b-iq74psxxwb],
.extra-pay-grid th:nth-child(9)[b-iq74psxxwb],
.extra-pay-grid td:nth-child(9)[b-iq74psxxwb] {
    width: 190px;
}

.extra-pay-grid td[b-iq74psxxwb] {
    vertical-align: middle;
}

.extra-pay-empty[b-iq74psxxwb] {
    height: 48px;
    color: #5b6d78;
    font-weight: 700;
    text-align: center;
}

.timesheet-tab-placeholder[b-iq74psxxwb] {
    margin: 16px;
    border: 1px dashed #bdd2dc;
    padding: 18px;
    background: #f7fafb;
}

.timesheet-tab-placeholder h3[b-iq74psxxwb] {
    margin: 0 0 4px;
    font-size: 1rem;
}

.timesheet-calc-review[b-iq74psxxwb] {
    display: grid;
    gap: 12px;
    padding: 14px 16px 16px;
}

.timesheet-calc-header-row[b-iq74psxxwb] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}

.timesheet-calc-header-row h3[b-iq74psxxwb] {
    margin: 0 0 3px;
    color: #183340;
    font-size: 1rem;
    font-weight: 800;
}

.timesheet-calc-header-row p[b-iq74psxxwb] {
    margin: 0;
    color: #58707d;
    font-size: 0.76rem;
    font-weight: 600;
}

.timesheet-calc-meta[b-iq74psxxwb] {
    display: grid;
    gap: 2px;
    min-width: 180px;
    border-left: 4px solid var(--ammon-teal);
    border-radius: 3px;
    background: #f7fbfd;
    padding: 8px 10px;
    color: #26424d;
    text-align: right;
}

.timesheet-calc-meta span[b-iq74psxxwb] {
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.timesheet-calc-meta strong[b-iq74psxxwb] {
    font-size: 0.86rem;
}

.timesheet-calc-issue-band[b-iq74psxxwb] {
    display: grid;
    gap: 8px;
}

.timesheet-calc-issue[b-iq74psxxwb] {
    border: 1px solid #d7e2e8;
    border-left-width: 4px;
    border-radius: 3px;
    padding: 8px 10px;
    background: #f7fafb;
    color: #314854;
    font-size: 0.76rem;
    font-weight: 700;
}

.timesheet-calc-issue.blocking[b-iq74psxxwb] {
    border-color: #efc7c7;
    border-left-color: #b54848;
    background: #fff3f3;
    color: #8f3030;
}

.timesheet-calc-issue.warning[b-iq74psxxwb] {
    border-color: #efd9a6;
    border-left-color: #bb8a2b;
    background: #fff9ee;
    color: #8b6416;
}

.timesheet-calc-summary-grid[b-iq74psxxwb],
.timesheet-calc-section-grid[b-iq74psxxwb] {
    display: grid;
    gap: 10px;
}

.timesheet-calc-summary-grid[b-iq74psxxwb] {
    grid-template-columns: repeat(4, minmax(145px, 1fr));
}

.timesheet-calc-summary-card[b-iq74psxxwb],
.timesheet-calc-section-card[b-iq74psxxwb] {
    border: 1px solid #d6e1e7;
    border-radius: 3px;
    background: #ffffff;
}

.timesheet-calc-summary-card[b-iq74psxxwb] {
    border-left: 4px solid var(--ammon-teal);
    padding: 9px 10px;
}

.timesheet-calc-summary-card span[b-iq74psxxwb] {
    display: block;
    color: #657985;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.timesheet-calc-summary-card strong[b-iq74psxxwb] {
    display: block;
    margin-top: 4px;
    color: #17303c;
    font-size: 0.92rem;
}

.timesheet-calc-summary-card.net[b-iq74psxxwb] {
    border-left-color: var(--ammon-blue);
    background: #f6fbff;
}

.timesheet-calc-section-grid[b-iq74psxxwb] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timesheet-calc-section-card[b-iq74psxxwb] {
    display: grid;
    gap: 8px;
    padding: 10px;
}

.timesheet-calc-section-title[b-iq74psxxwb] {
    color: #1d3744;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.timesheet-calc-empty[b-iq74psxxwb] {
    padding: 10px;
    border: 1px dashed #cad9e0;
    border-radius: 3px;
    color: #5d727d;
    font-size: 0.76rem;
    font-weight: 700;
}

.timesheet-calc-table-wrap[b-iq74psxxwb] {
    overflow: auto;
    border: 1px solid #d7e5e8;
    border-radius: 3px;
    background: #ffffff;
}

.timesheet-calc-table[b-iq74psxxwb] {
    width: 100%;
    min-width: 1060px;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
}

.timesheet-calc-table.compact[b-iq74psxxwb] {
    min-width: 0;
    table-layout: auto;
}

.timesheet-calc-table:not(.compact) th:nth-child(1)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(1)[b-iq74psxxwb] {
    width: 76px;
}

.timesheet-calc-table:not(.compact) th:nth-child(2)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(2)[b-iq74psxxwb] {
    width: 92px;
}

.timesheet-calc-table:not(.compact) th:nth-child(3)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(3)[b-iq74psxxwb] {
    width: 68px;
}

.timesheet-calc-table:not(.compact) th:nth-child(4)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(4)[b-iq74psxxwb] {
    width: 170px;
    white-space: normal;
}

.timesheet-calc-table:not(.compact) th:nth-child(5)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(5)[b-iq74psxxwb] {
    width: 62px;
}

.timesheet-calc-table:not(.compact) th:nth-child(6)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(6)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) th:nth-child(7)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(7)[b-iq74psxxwb] {
    width: 78px;
}

.timesheet-calc-table:not(.compact) th:nth-child(n+8)[b-iq74psxxwb],
.timesheet-calc-table:not(.compact) td:nth-child(n+8)[b-iq74psxxwb] {
    width: 86px;
}

.timesheet-calc-table th[b-iq74psxxwb] {
    padding: 0.46rem 0.54rem;
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-align: left;
    white-space: nowrap;
}

.timesheet-calc-table td[b-iq74psxxwb] {
    padding: 0.45rem 0.54rem;
    border-bottom: 1px solid #e1eaee;
    color: #203641;
    font-size: 0.74rem;
    vertical-align: top;
    white-space: nowrap;
    overflow-wrap: anywhere;
}

.timesheet-calc-table tbody tr:nth-child(even)[b-iq74psxxwb] {
    background: #f8fbfc;
}

.timesheet-calc-table tbody tr:last-child td[b-iq74psxxwb] {
    border-bottom: none;
}

.timesheet-calc-row-blocking td[b-iq74psxxwb] {
    background: #fff4f4;
    color: #8d3434;
}

@media (max-width: 1200px) {
    .timesheet-calc-summary-grid[b-iq74psxxwb] {
        grid-template-columns: repeat(2, minmax(145px, 1fr));
    }

    .timesheet-calc-section-grid[b-iq74psxxwb] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .timesheet-calc-review[b-iq74psxxwb] {
        padding: 12px;
    }

    .timesheet-calc-header-row[b-iq74psxxwb] {
        flex-direction: column;
    }

    .timesheet-calc-meta[b-iq74psxxwb] {
        min-width: 0;
        width: 100%;
        text-align: left;
    }

    .timesheet-calc-summary-grid[b-iq74psxxwb] {
        grid-template-columns: 1fr;
    }

    .timesheet-calc-table th[b-iq74psxxwb],
    .timesheet-calc-table td[b-iq74psxxwb] {
        padding: 0.42rem 0.46rem;
        font-size: 0.72rem;
    }
}

.timesheet-assignment-flyout-backdrop[b-iq74psxxwb] {
    position: fixed;
    inset: 0;
    z-index: 1360;
    background: transparent;
}

.timesheet-assignment-flyout-backdrop.closing[b-iq74psxxwb] {
    pointer-events: none;
}

.timesheet-assignment-flyout[b-iq74psxxwb] {
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    width: min(520px, 96vw);
    height: 100vh;
    flex-direction: column;
    background: #ffffff;
    box-shadow: -26px 0 52px rgba(7, 18, 32, 0.34), -7px 0 16px rgba(7, 18, 32, 0.16);
    animation: timesheetAssignmentFlyoutSlideIn-b-iq74psxxwb 650ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.timesheet-assignment-flyout.closing[b-iq74psxxwb] {
    animation: timesheetAssignmentFlyoutSlideOut-b-iq74psxxwb 650ms cubic-bezier(0.16, 1, 0.3, 1) both;
}

.timesheet-assignment-flyout-header[b-iq74psxxwb] {
    display: flex;
    min-height: 64px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #dce5eb;
    padding: 10px 14px;
}

.timesheet-assignment-flyout-header h2[b-iq74psxxwb] {
    margin: 2px 0 0;
    color: #122e3b;
    font-size: 1rem;
}

.timesheet-assignment-close[b-iq74psxxwb] {
    width: 30px;
    height: 30px;
    border: 1px solid #a9bdc9;
    border-radius: 2px;
    background: #ffffff;
    color: var(--ammon-blue-dark);
    cursor: pointer;
    font-weight: 800;
}

.timesheet-assignment-flyout-body[b-iq74psxxwb] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 12px 14px;
}

.assignment-flyout-title[b-iq74psxxwb] {
    display: grid;
    gap: 3px;
    border-left: 4px solid var(--ammon-teal);
    background: #f7fbfd;
    padding: 10px;
}

.assignment-flyout-title strong[b-iq74psxxwb] {
    color: #152f3b;
    font-size: 1rem;
}

.assignment-flyout-title span[b-iq74psxxwb] {
    color: #566b76;
    font-size: 0.78rem;
    font-weight: 700;
}

.assignment-flyout-grid[b-iq74psxxwb] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
}

.assignment-flyout-grid div[b-iq74psxxwb],
.assignment-flyout-notes[b-iq74psxxwb] {
    border: 1px solid #d7e1e8;
    background: #ffffff;
    padding: 8px;
}

.assignment-flyout-grid span[b-iq74psxxwb],
.assignment-flyout-notes span[b-iq74psxxwb] {
    display: block;
    color: #637683;
    font-size: 0.66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.assignment-flyout-grid strong[b-iq74psxxwb] {
    display: block;
    margin-top: 3px;
    color: #203541;
    font-size: 0.78rem;
}

.assignment-flyout-notes[b-iq74psxxwb] {
    margin-top: 12px;
}

.assignment-flyout-notes p[b-iq74psxxwb] {
    margin: 6px 0 0;
    color: #2e4250;
    font-size: 0.76rem;
    line-height: 1.4;
}

.timesheet-assignment-flyout-footer[b-iq74psxxwb] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    border-top: 1px solid #dce5eb;
    padding: 10px 14px;
}

.timesheets-flyout-header[b-iq74psxxwb] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    border-bottom: 1px solid #dce8ea;
    padding-bottom: 10px;
}

.timesheets-flyout-header h2[b-iq74psxxwb] {
    margin: 3px 0;
    font-size: 1.15rem;
}

.timesheets-flyout-header p[b-iq74psxxwb] {
    margin: 0;
    color: #5d7379;
    font-size: 0.82rem;
    font-weight: 600;
}

.timesheets-detail-grid[b-iq74psxxwb] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 8px;
}

.timesheets-detail-grid div[b-iq74psxxwb] {
    border-left: 4px solid var(--ammon-teal);
    border-radius: 3px;
    padding: 8px 9px;
    background: #f8fbfb;
}

.timesheets-detail-grid span[b-iq74psxxwb] {
    display: block;
    color: #667a80;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.timesheets-detail-grid strong[b-iq74psxxwb] {
    display: block;
    margin-top: 2px;
    font-size: 0.82rem;
}

.timesheets-line-section[b-iq74psxxwb] {
    display: grid;
    gap: 8px;
}

.timesheets-line-section h3[b-iq74psxxwb] {
    margin: 0;
    font-size: 1rem;
}

.timesheets-empty-inline[b-iq74psxxwb] {
    padding: 10px;
    border: 1px dashed #c8dadd;
    border-radius: 3px;
    color: #5e747a;
    font-weight: 700;
}

.timesheets-line-table[b-iq74psxxwb] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.timesheets-line-table th[b-iq74psxxwb] {
    padding: 0.45rem 0.55rem;
    background: var(--ammon-blue);
    color: #ffffff;
    font-size: 0.72rem;
    text-align: left;
}

.timesheets-line-table td[b-iq74psxxwb] {
    padding: 0.45rem 0.55rem;
    border-bottom: 1px solid #e3ecef;
    font-size: 0.75rem;
}

.timesheets-modal-backdrop[b-iq74psxxwb] {
    display: grid;
    place-items: center;
    padding: 20px;
    z-index: 1500;
}

.timesheets-modal[b-iq74psxxwb] {
    position: relative;
    z-index: 1;
    width: min(560px, 96vw);
    border-radius: 3px;
    padding: 18px;
    background: #ffffff;
    box-shadow: 0 22px 70px rgba(0, 0, 0, 0.24);
}

.timesheets-modal h2[b-iq74psxxwb] {
    margin: 0 0 8px;
    font-size: 1.15rem;
}

.timesheets-modal p[b-iq74psxxwb] {
    color: #5d7379;
    font-weight: 600;
}

.timesheets-textarea[b-iq74psxxwb] {
    width: 100%;
    min-height: 96px;
    padding: 8px;
    resize: vertical;
}

@keyframes timesheetEditFlyoutSlideIn-b-iq74psxxwb {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes timesheetEditFlyoutSlideOut-b-iq74psxxwb {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@keyframes timesheetAssignmentFlyoutSlideIn-b-iq74psxxwb {
    from {
        transform: translate3d(calc(100% + 24px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes timesheetAssignmentFlyoutSlideOut-b-iq74psxxwb {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 24px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .timesheets-flyout[b-iq74psxxwb],
    .timesheet-assignment-flyout[b-iq74psxxwb] {
        animation: none;
    }
}

@media (max-width: 1100px) {
    .timesheets-toolbar[b-iq74psxxwb] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timesheets-toolbar-actions[b-iq74psxxwb] {
        justify-content: flex-start;
    }

    .timesheets-detail-grid[b-iq74psxxwb] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 720px) {
    .timesheets-header[b-iq74psxxwb],
    .timesheets-flyout-header[b-iq74psxxwb] {
        flex-direction: column;
        align-items: stretch;
    }

    .timesheets-header-actions[b-iq74psxxwb],
    .timesheets-toolbar-actions[b-iq74psxxwb] {
        width: 100%;
    }

    .timesheets-header-actions .timesheets-button[b-iq74psxxwb],
    .timesheets-toolbar-actions .timesheets-button[b-iq74psxxwb] {
        flex: 1 1 160px;
    }

    .timesheets-detail-grid[b-iq74psxxwb] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Users.razor.rz.scp.css */
.users-page[b-8au56oexhl] {
    padding: 18px;
}

.users-header[b-8au56oexhl] {
    margin-bottom: 18px;
}

.users-kicker[b-8au56oexhl] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #667482;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 6px;
}

.users-header h1[b-8au56oexhl] {
    margin: 0 0 8px 0;
    font-size: 1.75rem;
    color: #1f2d3d;
}

.users-header p[b-8au56oexhl] {
    margin: 0;
    color: #5f6c79;
    max-width: 900px;
    line-height: 1.5;
}

.users-alert[b-8au56oexhl] {
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    font-weight: 600;
}

    .users-alert.success[b-8au56oexhl] {
        background: #edf9f1;
        border: 1px solid #b8e2c4;
        color: #1f6b36;
    }

    .users-alert.error[b-8au56oexhl] {
        background: #fff1f1;
        border: 1px solid #efb5b5;
        color: #a12828;
    }

.users-grid[b-8au56oexhl] {
    display: grid;
    grid-template-columns: minmax(620px, 1.4fr) minmax(320px, 0.8fr);
    gap: 16px;
}

.users-list-card[b-8au56oexhl],
.users-form-card[b-8au56oexhl] {
    border: 1px solid #d7e0ea;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.users-card-header[b-8au56oexhl] {
    padding: 12px 14px;
    border-bottom: 1px solid #e3e8ee;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.users-card-title[b-8au56oexhl] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #1f2d3d;
}

.users-button[b-8au56oexhl] {
    height: 38px;
    border-radius: 8px;
    padding: 0 14px;
    font-size: 0.9rem;
    font-weight: 800;
    border: 1px solid transparent;
    cursor: pointer;
}

    .users-button.primary[b-8au56oexhl] {
        background: #099bc6;
        color: #fff;
    }

    .users-button.secondary[b-8au56oexhl] {
        background: #fff;
        color: #1f2d3d;
        border-color: #ccd6e1;
    }

.users-table-wrap[b-8au56oexhl] {
    overflow-x: auto;
}

.users-table[b-8au56oexhl] {
    width: 100%;
    border-collapse: collapse;
}

    .users-table th[b-8au56oexhl],
    .users-table td[b-8au56oexhl] {
        padding: 10px 12px;
        border-bottom: 1px solid #e6ebf1;
        font-size: 0.86rem;
        vertical-align: middle;
    }

    .users-table th[b-8au56oexhl] {
        text-align: left;
        background: #f7fafc;
        color: #4f5d6a;
        font-size: 0.8rem;
        font-weight: 800;
    }

    .users-table tr.selected[b-8au56oexhl] {
        background: #eef8fc;
    }

.users-status[b-8au56oexhl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    height: 26px;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 0.76rem;
    font-weight: 800;
}

    .users-status.active[b-8au56oexhl] {
        background: #ecf8ef;
        color: #24663c;
        border: 1px solid #bfe2c8;
    }

    .users-status.inactive[b-8au56oexhl] {
        background: #fdf1f1;
        color: #a12b2b;
        border: 1px solid #edc3c3;
    }

.users-actions[b-8au56oexhl] {
    white-space: nowrap;
}

.users-link-button[b-8au56oexhl] {
    background: none;
    border: none;
    color: #099bc6;
    font-weight: 800;
    cursor: pointer;
    margin-right: 10px;
    padding: 0;
}

.users-link-button.icon-only[b-8au56oexhl] {
    width: 24px;
    height: 24px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd7e2;
    border-radius: 5px;
    background: #f7f9fb;
    color: #355169;
    font-size: 0.82rem;
    line-height: 1;
}

    .users-link-button.icon-only:hover[b-8au56oexhl] {
        background: #eef6fb;
        text-decoration: none;
    }

.users-form[b-8au56oexhl] {
    padding: 14px;
    display: grid;
    gap: 10px;
}

    .users-form label[b-8au56oexhl] {
        font-size: 0.8rem;
        font-weight: 800;
        color: #556372;
    }

    .users-form input[b-8au56oexhl],
    .users-form select[b-8au56oexhl] {
        height: 42px;
        border-radius: 8px;
        border: 1px solid #ced8e2;
        padding: 0 12px;
        font-size: 0.9rem;
        box-sizing: border-box;
    }

.users-checkbox-row[b-8au56oexhl] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .users-checkbox-row input[b-8au56oexhl] {
        width: 16px;
        height: 16px;
        margin: 0;
    }

.users-form-actions[b-8au56oexhl] {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}

@media (max-width: 1100px) {
    .users-grid[b-8au56oexhl] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/WorkersCompCodes.razor.rz.scp.css */
.wc-code-page[b-r2rqwt7upv] {
    width: 100%;
}

.wc-code-module-header[b-r2rqwt7upv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    flex-wrap: wrap;
}

.wc-code-module-title-wrap[b-r2rqwt7upv] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.wc-code-module-dot[b-r2rqwt7upv] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #1fad83;
    flex-shrink: 0;
}

.wc-code-module-title[b-r2rqwt7upv] {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
    line-height: 1.15;
}

.wc-code-module-filters[b-r2rqwt7upv] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
    flex: 1;
}

.wc-code-search-input[b-r2rqwt7upv] {
    width: 240px;
    max-width: 100%;
}

.wc-code-filter-select[b-r2rqwt7upv] {
    width: 150px;
}

.wc-code-toolbar[b-r2rqwt7upv] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 8px;
}

.wc-code-action-button[b-r2rqwt7upv] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    white-space: nowrap;
}

    .wc-code-action-button.search[b-r2rqwt7upv],
    .wc-code-action-button.add[b-r2rqwt7upv],
    .wc-code-action-button.save[b-r2rqwt7upv] {
        background: #099bc6;
        color: white;
    }

    .wc-code-action-button.clear[b-r2rqwt7upv] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

.wc-code-grid-panel[b-r2rqwt7upv] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 12px;
}

.wc-code-grid-headerbar[b-r2rqwt7upv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 11px;
    border-bottom: 1px solid #d9e1ea;
    background: #ffffff;
    flex-wrap: wrap;
}

.wc-code-grid-title[b-r2rqwt7upv] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
    letter-spacing: 0.01em;
}

.wc-code-grid-count[b-r2rqwt7upv] {
    font-size: 0.75rem;
    color: #4f5c69;
    white-space: nowrap;
    font-weight: 500;
}

.wc-code-empty[b-r2rqwt7upv] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.wc-code-table-wrap[b-r2rqwt7upv] {
    width: 100%;
    overflow-x: auto;
}

.wc-code-table[b-r2rqwt7upv] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

    .wc-code-table thead th[b-r2rqwt7upv] {
        background: #f3f6f9;
        color: #304150;
        font-size: 0.70rem;
        font-weight: 700;
        text-align: left;
        padding: 6px 8px;
        border-bottom: 1px solid #d7e0ea;
        white-space: nowrap;
        letter-spacing: 0.01em;
        vertical-align: middle;
    }

    .wc-code-table tbody td[b-r2rqwt7upv] {
        font-size: 0.72rem;
        font-weight: 400;
        color: #24313d;
        padding: 5px 8px;
        border-bottom: 1px solid #e3e8ee;
        vertical-align: middle;
        line-height: 1.05rem;
    }

    .wc-code-table tbody tr:nth-child(odd)[b-r2rqwt7upv] {
        background: #fcfdfe;
    }

    .wc-code-table tbody tr:nth-child(even)[b-r2rqwt7upv] {
        background: #f6f8fa;
    }

    .wc-code-table tbody tr:hover[b-r2rqwt7upv] {
        background: #eef9f4;
    }

.wc-code-actions-cell[b-r2rqwt7upv] {
    text-align: right;
    white-space: nowrap;
}

.wc-code-row-button[b-r2rqwt7upv] {
    height: 30px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #cfd7e2;
    background: #f7f9fb;
    color: #5a6570;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

    .wc-code-row-button.icon-only[b-r2rqwt7upv] {
        width: 24px;
        height: 24px;
        padding: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        color: #355169;
        font-size: 0.82rem;
        line-height: 1;
    }

        .wc-code-row-button.icon-only:hover[b-r2rqwt7upv] {
            background: #eef6fb;
        }

.wc-code-status-pill[b-r2rqwt7upv] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #d8e1ea;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

    .wc-code-status-pill.active[b-r2rqwt7upv] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .wc-code-status-pill.inactive[b-r2rqwt7upv] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #687584;
    }

.wc-code-form-card[b-r2rqwt7upv] {
    background: white;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    padding: 12px;
}

    .wc-code-form-card h3[b-r2rqwt7upv] {
        margin: 0 0 12px 0;
        font-size: 0.84rem;
        font-weight: 700;
        color: #1f2d3d;
        padding-bottom: 8px;
        border-bottom: 1px solid #d9e1ea;
    }

.wc-code-form-grid[b-r2rqwt7upv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 12px 16px;
}

    .wc-code-form-grid label[b-r2rqwt7upv] {
        display: block;
        margin-bottom: 4px;
        font-size: 0.74rem;
        font-weight: 700;
        color: #465463;
        letter-spacing: 0.01em;
    }

.wc-code-checkbox-wrap[b-r2rqwt7upv] {
    min-height: 30px;
    display: flex;
    align-items: center;
}

.wc-code-form-actions[b-r2rqwt7upv] {
    display: flex;
    gap: 8px;
    margin-top: 12px;
    flex-wrap: wrap;
}

@media (max-width: 1100px) {
    .wc-code-module-header[b-r2rqwt7upv] {
        flex-direction: column;
        align-items: flex-start;
    }

    .wc-code-module-filters[b-r2rqwt7upv] {
        justify-content: flex-start;
        width: 100%;
    }

    .wc-code-search-input[b-r2rqwt7upv],
    .wc-code-filter-select[b-r2rqwt7upv] {
        width: 100%;
    }

    .wc-code-grid-headerbar[b-r2rqwt7upv] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .wc-code-toolbar[b-r2rqwt7upv] {
        justify-content: flex-start;
    }

    .wc-code-form-grid[b-r2rqwt7upv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/ScheduleSetupPanel.razor.rz.scp.css */
.schedule-engine-alert[b-iqh3r56z2v] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid #efc1c7;
    border-radius: 12px;
    background: #fff5f6;
    color: #8d2332;
    font-size: 0.82rem;
    font-weight: 700;
}

.schedule-engine-panel[b-iqh3r56z2v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.schedule-engine-panel-flyout[b-iqh3r56z2v] {
    grid-template-columns: minmax(0, 1fr);
}

.schedule-engine-card[b-iqh3r56z2v] {
    border: 1px solid #d9e1ea;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(12, 31, 54, 0.04);
}

.schedule-engine-card-wide[b-iqh3r56z2v] {
    grid-column: 1 / -1;
}

.schedule-engine-card-header[b-iqh3r56z2v] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid #e8edf2;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
}

.schedule-engine-card-kicker[b-iqh3r56z2v] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f7e9f;
}

.schedule-engine-card-title[b-iqh3r56z2v] {
    margin: 4px 0 0;
    font-size: 0.98rem;
    font-weight: 800;
    color: #17324a;
}

.schedule-engine-card-note[b-iqh3r56z2v] {
    max-width: 320px;
    font-size: 0.76rem;
    line-height: 1.35;
    color: #647688;
}

.schedule-engine-grid[b-iqh3r56z2v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    padding: 14px 16px 16px;
}

.schedule-engine-grid-span-2[b-iqh3r56z2v] {
    grid-column: 1 / -1;
}

.schedule-engine-field[b-iqh3r56z2v] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.schedule-engine-field > span[b-iqh3r56z2v] {
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.schedule-engine-input[b-iqh3r56z2v] {
    min-height: 40px;
    border: 1px solid #d5dde7;
    border-radius: 12px;
    background: #fff;
    padding: 0 12px;
    color: #17324a;
    font-size: 0.9rem;
    font-weight: 600;
    box-sizing: border-box;
}

.schedule-engine-textarea[b-iqh3r56z2v] {
    min-height: 112px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical;
}

.schedule-engine-input:focus[b-iqh3r56z2v] {
    outline: none;
    border-color: #3a97bf;
    box-shadow: 0 0 0 3px rgba(58, 151, 191, 0.12);
}

.schedule-engine-inline-note[b-iqh3r56z2v] {
    padding: 10px 12px;
    border: 1px dashed #ddc58f;
    border-radius: 12px;
    background: #fff8e7;
    color: #765018;
    font-size: 0.78rem;
    font-weight: 700;
}

.schedule-engine-actions[b-iqh3r56z2v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.schedule-engine-button[b-iqh3r56z2v] {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.schedule-engine-button:hover[b-iqh3r56z2v] {
    transform: translateY(-1px);
}

.schedule-engine-button.primary[b-iqh3r56z2v] {
    background: linear-gradient(135deg, #0b93bb 0%, #1377b8 100%);
    color: #fff;
}

.schedule-engine-button.secondary[b-iqh3r56z2v] {
    background: #fff;
    border-color: #d5dde7;
    color: #17324a;
}

@media (max-width: 900px) {
    .schedule-engine-panel[b-iqh3r56z2v],
    .schedule-engine-grid[b-iqh3r56z2v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .schedule-engine-card-header[b-iqh3r56z2v] {
        flex-direction: column;
    }
}
/* /Components/Shared/AmmonFormFlyout.razor.rz.scp.css */
.ammon-form-flyout-backdrop[b-xrr6gspa2i] {
    position: fixed;
    inset: 0;
    z-index: 2600;
    background: transparent;
    animation: none;
}

.ammon-form-flyout-backdrop.closing[b-xrr6gspa2i] {
    pointer-events: none;
}

.ammon-form-flyout-panel[b-xrr6gspa2i] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(1120px, 100%);
    height: 100vh;
    z-index: 2601;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #2f2f2f;
    box-shadow: -34px 0 64px rgba(7, 18, 32, 0.38), -8px 0 18px rgba(7, 18, 32, 0.18);
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
    transform: translate3d(0, 0, 0);
    animation: ammonFormFlyoutSlideIn-b-xrr6gspa2i 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
    will-change: transform;
}

.ammon-form-flyout-panel.closing[b-xrr6gspa2i] {
    pointer-events: none;
    animation: ammonFormFlyoutSlideOut-b-xrr6gspa2i 1400ms cubic-bezier(0.12, 0.82, 0.18, 1) both;
}

.ammon-form-flyout-panel.narrow[b-xrr6gspa2i] {
    width: min(620px, 100%);
}

.ammon-form-flyout-panel.standard[b-xrr6gspa2i] {
    width: min(780px, 100%);
}

.ammon-form-flyout-panel.full[b-xrr6gspa2i] {
    width: min(1120px, 100%);
}

.ammon-form-flyout-panel.builder[b-xrr6gspa2i] {
    width: min(98vw, 1880px);
    max-width: 100vw;
}

.ammon-form-flyout-header[b-xrr6gspa2i] {
    min-height: 48px;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 8px 14px;
    color: #ffffff;
    background: #424242;
}

.ammon-form-flyout-title-stack[b-xrr6gspa2i] {
    min-width: 0;
}

.ammon-form-flyout-kicker[b-xrr6gspa2i] {
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #d7d7d7;
}

.ammon-form-flyout-header h2[b-xrr6gspa2i] {
    margin: 0;
    font-size: 0.96rem;
    line-height: 1.15;
    font-weight: 700;
}

.ammon-form-flyout-subtitle[b-xrr6gspa2i] {
    margin-top: 2px;
    font-size: 0.74rem;
    line-height: 1.25;
    font-weight: 400;
    color: #e7e7e7;
}

.ammon-form-flyout-close[b-xrr6gspa2i] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    line-height: 1;
    font-weight: 800;
    cursor: pointer;
}

.ammon-form-flyout-close:hover[b-xrr6gspa2i],
.ammon-form-flyout-close:focus-visible[b-xrr6gspa2i] {
    background: rgba(255, 255, 255, 0.10);
}

.ammon-form-flyout-strip[b-xrr6gspa2i] {
    flex: 0 0 auto;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 14px;
    background: #ffffff;
    border-bottom: 1px solid #d7e0e9;
}

.ammon-form-flyout-strip-item[b-xrr6gspa2i] {
    min-width: 0;
    padding: 8px 10px;
    background: linear-gradient(180deg, #fbfcfd 0%, #f4f7fa 100%);
    border: 1px solid #d7e0e9;
    border-radius: 2px;
}

.ammon-form-flyout-strip-item span[b-xrr6gspa2i] {
    display: block;
    margin-bottom: 2px;
    font-size: 0.68rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #6a7b8b;
}

.ammon-form-flyout-strip-item strong[b-xrr6gspa2i] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 600;
    color: #1f2d3d;
}

.ammon-form-flyout-body[b-xrr6gspa2i] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 16px;
    background: #ffffff;
}

.ammon-form-flyout-footer[b-xrr6gspa2i] {
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    background: #ffffff;
    border-top: 1px solid #d7e0e9;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tabs) {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 12px;
    border: 1px solid #d7e0e9;
    border-radius: 2px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08);
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: none;
    border-right: 1px solid #e3e9ef;
    background: #ffffff;
    color: #245b89;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab:last-child) {
    border-right: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab:focus-visible) {
    background: #f6f9fc;
    color: #0d6fb8;
    text-decoration: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab.active) {
    background: #0d88cf;
    color: #ffffff;
    font-weight: 600;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab-badge) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    background: #b9181f;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-panel),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-card),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-card) {
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: none;
    padding: 0;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-panel-header),
.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-flyout-section-title),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-card h3),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-card h3) {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9px 12px;
    background: #3c3c3c;
    color: #ffffff;
    border: 0;
    border-bottom: 1px solid #343434;
    border-radius: 0;
    font-size: 0.88rem;
    line-height: 1.15;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-panel-body),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-form-grid),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-form-grid) {
    padding: 12px 14px 14px;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-grid),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-form-grid),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-form-grid),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid) {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 16px;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid-three),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid-three) {
    grid-template-columns: repeat(2, minmax(220px, 1fr));
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-grid-full),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-form-grid-full),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-form-grid-full),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid-full),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid-full) {
    grid-column: 1 / -1;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.form-label),
.ammon-form-flyout-body[b-xrr6gspa2i] (label) {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.77rem;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.form-control),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-select),
.ammon-form-flyout-body[b-xrr6gspa2i] (input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])),
.ammon-form-flyout-body[b-xrr6gspa2i] (select),
.ammon-form-flyout-body[b-xrr6gspa2i] (textarea) {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (option),
.ammon-form-flyout-body[b-xrr6gspa2i] (input::placeholder),
.ammon-form-flyout-body[b-xrr6gspa2i] (textarea::placeholder) {
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 400;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.form-control:focus),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-select:focus),
.ammon-form-flyout-body[b-xrr6gspa2i] (input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus),
.ammon-form-flyout-body[b-xrr6gspa2i] (select:focus),
.ammon-form-flyout-body[b-xrr6gspa2i] (textarea:focus) {
    border-color: #f17080;
    outline: 2px solid rgba(241, 112, 128, 0.16);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(241, 112, 128, 0.18), inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.form-control:disabled),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-select:disabled),
.ammon-form-flyout-body[b-xrr6gspa2i] (input:disabled),
.ammon-form-flyout-body[b-xrr6gspa2i] (select:disabled),
.ammon-form-flyout-body[b-xrr6gspa2i] (textarea:disabled) {
    background: #eef1f4;
    color: #6b7682;
    cursor: not-allowed;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (textarea),
.ammon-form-flyout-body[b-xrr6gspa2i] (textarea.form-control),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-control[rows]) {
    min-height: 92px;
    padding-top: 8px;
    resize: vertical;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (input[type="checkbox"]),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-check-input) {
    position: relative;
    width: 13px;
    height: 13px;
    min-height: 13px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (input[type="checkbox"]:checked::after),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-check-input:checked::after) {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.ammon-form-flyout-body[b-xrr6gspa2i] (input[type="checkbox"]:focus-visible),
.ammon-form-flyout-body[b-xrr6gspa2i] (.form-check-input:focus-visible) {
    outline: 2px solid rgba(13, 136, 207, 0.18);
    outline-offset: 1px;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-actions),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-actions),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-actions),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-actions),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-actions) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-button),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-button),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-button),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button),
.ammon-form-flyout-body[b-xrr6gspa2i] (.btn) {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.15;
    cursor: pointer;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-button.primary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-button.primary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-button.primary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button.save),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button.primary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button.save),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button.primary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.btn-primary) {
    background: #f17080;
    border-color: #d85b6d;
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(167, 55, 69, 0.22);
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-button.primary:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-button.primary:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-button.primary:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button.save:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button.primary:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button.save:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button.primary:hover),
.ammon-form-flyout-body[b-xrr6gspa2i] (.btn-primary:hover) {
    background: #d85b6d;
    border-color: #d85b6d;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-button.secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-button.secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-button.secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button.secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button.secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.btn-secondary),
.ammon-form-flyout-body[b-xrr6gspa2i] (.btn-outline-secondary) {
    background: #ffffff;
    border-color: #ccd6e0;
    color: #4e5d6c;
    box-shadow: none;
}

@keyframes ammonFormFlyoutSlideIn-b-xrr6gspa2i {
    from {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

@keyframes ammonFormFlyoutSlideOut-b-xrr6gspa2i {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        transform: translate3d(calc(100% + 36px), 0, 0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ammon-form-flyout-panel[b-xrr6gspa2i],
    .ammon-form-flyout-panel.closing[b-xrr6gspa2i] {
        animation-duration: 1400ms;
    }
}

@media (max-width: 1080px) {
    .ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-grid),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-form-grid),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-form-grid),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid-three),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid-three) {
        grid-template-columns: 1fr;
    }

    .ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-grid-full),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-form-grid-full),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-form-grid-full),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-grid-full),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.client-form-grid-full) {
        grid-column: auto;
    }
}

@media (max-width: 760px) {
    .ammon-form-flyout-panel[b-xrr6gspa2i],
    .ammon-form-flyout-panel.narrow[b-xrr6gspa2i],
    .ammon-form-flyout-panel.standard[b-xrr6gspa2i],
    .ammon-form-flyout-panel.full[b-xrr6gspa2i],
    .ammon-form-flyout-panel.builder[b-xrr6gspa2i] {
        width: 100vw;
        max-width: 100vw;
        border-left: 0;
    }

    .ammon-form-flyout-header[b-xrr6gspa2i] {
        padding: 8px 12px;
    }

    .ammon-form-flyout-strip[b-xrr6gspa2i] {
        grid-template-columns: 1fr;
        padding: 10px 12px;
    }

    .ammon-form-flyout-body[b-xrr6gspa2i] {
        padding: 10px 12px 14px;
    }

    .ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-tab) {
        flex: 1 1 50%;
        border-bottom: 1px solid #e3e9ef;
    }

    .ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-actions),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-actions),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-actions),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-form-actions),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-actions) {
        align-items: stretch;
    }

    .ammon-form-flyout-body[b-xrr6gspa2i] (.ammon-form-button),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-candidate-button),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.create-client-button),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-profile-button),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.client-profile-button),
    .ammon-form-flyout-body[b-xrr6gspa2i] (.btn) {
        flex: 1 1 140px;
    }
}
/* /Components/Shared/AmmonFormPageShell.razor.rz.scp.css */
.ammon-form-page-body[b-it20hox70a] {
    min-width: 0;
}

.ammon-form-page-body[b-it20hox70a] (.create-candidate-page),
.ammon-form-page-body[b-it20hox70a] (.create-client-page),
.ammon-form-page-body[b-it20hox70a] (.create-assignment-page),
.ammon-form-page-body[b-it20hox70a] (.create-submission-page),
.ammon-form-page-body[b-it20hox70a] (.tax-wizard-page),
.ammon-form-page-body[b-it20hox70a] (.payroll-order-wizard-page) {
    padding: 0;
    margin: 0;
    background: transparent;
}

.ammon-form-page-body[b-it20hox70a] (.create-candidate-header),
.ammon-form-page-body[b-it20hox70a] (.create-client-header),
.ammon-form-page-body[b-it20hox70a] (.create-assignment-header),
.ammon-form-page-body[b-it20hox70a] (.create-submission-header),
.ammon-form-page-body[b-it20hox70a] (.tax-wizard-header),
.ammon-form-page-body[b-it20hox70a] (.payroll-order-wizard-header) {
    display: none;
}

.ammon-form-page-body[b-it20hox70a] {
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.ammon-form-page-body[b-it20hox70a] (.ammon-form-tabs) {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin-bottom: 12px;
    border: 1px solid #d7e0e9;
    border-radius: 2px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08);
}

.ammon-form-page-body[b-it20hox70a] (.ammon-form-tab) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: none;
    border-right: 1px solid #e3e9ef;
    background: #ffffff;
    color: #245b89;
    font-family: inherit;
    font-size: 0.84rem;
    font-weight: 500;
    cursor: pointer;
}

.ammon-form-page-body[b-it20hox70a] (.ammon-form-tab:last-child) {
    border-right: none;
}

.ammon-form-page-body[b-it20hox70a] (.ammon-form-tab.active) {
    background: #0d88cf;
    color: #ffffff;
    font-weight: 600;
}

.ammon-form-page-body[b-it20hox70a] (.form-control),
.ammon-form-page-body[b-it20hox70a] (.form-select),
.ammon-form-page-body[b-it20hox70a] (input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"])),
.ammon-form-page-body[b-it20hox70a] (select),
.ammon-form-page-body[b-it20hox70a] (textarea) {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 400;
    line-height: 1.25;
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.ammon-form-page-body[b-it20hox70a] (.form-control:focus),
.ammon-form-page-body[b-it20hox70a] (.form-select:focus),
.ammon-form-page-body[b-it20hox70a] (input:not([type="checkbox"]):not([type="radio"]):not([type="button"]):not([type="submit"]):focus),
.ammon-form-page-body[b-it20hox70a] (select:focus),
.ammon-form-page-body[b-it20hox70a] (textarea:focus) {
    border-color: #f17080;
    outline: 2px solid rgba(241, 112, 128, 0.16);
    outline-offset: 0;
}

.ammon-form-page-body[b-it20hox70a] (input[type="checkbox"]),
.ammon-form-page-body[b-it20hox70a] (.form-check-input) {
    position: relative;
    width: 13px;
    height: 13px;
    min-height: 13px;
    margin-top: 0;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.ammon-form-page-body[b-it20hox70a] (input[type="checkbox"]:checked::after),
.ammon-form-page-body[b-it20hox70a] (.form-check-input:checked::after) {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

@media (max-width: 760px) {
    .ammon-form-page-body[b-it20hox70a] (.ammon-form-tab) {
        flex: 1 1 50%;
        border-bottom: 1px solid #e3e9ef;
    }
}
/* /Components/SharedDocumentsSection.razor.rz.scp.css */
.shared-documents-page[b-l1cmq3fgv9] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.shared-documents-header[b-l1cmq3fgv9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
}
.shared-documents-title[b-l1cmq3fgv9] {
    font-size: 0.98rem;
    font-weight: 800;
    color: #1f2d3d;
}
.shared-documents-subtitle[b-l1cmq3fgv9] {
    margin-top: 4px;
    font-size: 0.82rem;
    color: #556372;
    line-height: 1.35rem;
    max-width: 900px;
}
.shared-documents-card[b-l1cmq3fgv9] {
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 14px;
}
.shared-documents-card-title[b-l1cmq3fgv9] {
    font-size: 0.9rem;
    font-weight: 800;
    color: #1f2d3d;
    margin-bottom: 10px;
}
.shared-documents-form-grid[b-l1cmq3fgv9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 10px 14px;
}
.shared-documents-form-grid-full[b-l1cmq3fgv9] {
    grid-column: 1 / -1;
}
.shared-documents-form-grid label[b-l1cmq3fgv9] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.76rem;
    font-weight: 800;
    color: #465463;
}
.shared-documents-form-grid input[b-l1cmq3fgv9],
.shared-documents-form-grid select[b-l1cmq3fgv9],
.shared-documents-form-grid textarea[b-l1cmq3fgv9] {
    width: 100%;
    border: 1px solid #ced8e2;
    border-radius: 8px;
    padding: 10px 12px;
    font-size: 0.9rem;
    box-sizing: border-box;
}
.shared-documents-form-grid textarea[b-l1cmq3fgv9] {
    min-height: 90px;
    resize: vertical;
}
.shared-documents-checkbox-row[b-l1cmq3fgv9] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    color: #334150;
}
.shared-documents-checkbox-row input[b-l1cmq3fgv9] {
    width: 16px;
    height: 16px;
    margin: 0;
}
.shared-documents-actions[b-l1cmq3fgv9] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
    flex-wrap: wrap;
}
.shared-documents-button[b-l1cmq3fgv9] {
    height: 38px;
    padding: 0 14px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 800;
    border: 1px solid transparent;
    cursor: pointer;
}
.shared-documents-button.primary[b-l1cmq3fgv9] {
    background: #099bc6;
    color: white;
}
.shared-documents-button.secondary[b-l1cmq3fgv9] {
    background: #ffffff;
    color: #1f2d3d;
    border-color: #ccd6e1;
}
.shared-documents-alert[b-l1cmq3fgv9] {
    border-radius: 8px;
    padding: 12px 14px;
    font-weight: 600;
}
.shared-documents-alert.success[b-l1cmq3fgv9] {
    background: #edf9f1;
    border: 1px solid #b8e2c4;
    color: #1f6b36;
}
.shared-documents-alert.error[b-l1cmq3fgv9] {
    background: #fff1f1;
    border: 1px solid #efb5b5;
    color: #a12828;
}
.shared-documents-table-wrap[b-l1cmq3fgv9] {
    overflow-x: auto;
}
.shared-documents-table[b-l1cmq3fgv9] {
    width: 100%;
    border-collapse: collapse;
}
.shared-documents-table th[b-l1cmq3fgv9],
.shared-documents-table td[b-l1cmq3fgv9] {
    padding: 9px 10px;
    border-bottom: 1px solid #e6ebf1;
    font-size: 0.82rem;
    vertical-align: middle;
    white-space: nowrap;
}
.shared-documents-table th[b-l1cmq3fgv9] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.77rem;
    font-weight: 800;
    text-align: left;
}
.shared-documents-status[b-l1cmq3fgv9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 24px;
    border-radius: 999px;
    padding: 0 10px;
    font-size: 0.72rem;
    font-weight: 800;
}
.shared-documents-status.active[b-l1cmq3fgv9] {
    background: #ecf8ef;
    color: #24663c;
    border: 1px solid #bfe2c8;
}
.shared-documents-status.inactive[b-l1cmq3fgv9] {
    background: #fdf1f1;
    color: #a12b2b;
    border: 1px solid #edc3c3;
}
.shared-documents-link[b-l1cmq3fgv9] {
    background: none;
    border: none;
    color: #099bc6;
    font-weight: 800;
    cursor: pointer;
    padding: 0;
}
.shared-documents-empty[b-l1cmq3fgv9],
.shared-documents-help[b-l1cmq3fgv9] {
    color: #667482;
    font-size: 0.82rem;
}
@media (max-width: 1000px) {
    .shared-documents-form-grid[b-l1cmq3fgv9] {
        grid-template-columns: 1fr;
    }
    .shared-documents-form-grid-full[b-l1cmq3fgv9] {
        grid-column: auto;
    }
}
/* /Components/SharedNotesPanel.razor.rz.scp.css */
.shared-notes-panel[b-vybc6a4mgi] {
    border: 1px solid #d7dfe8;
    background: #fff;
}

.shared-notes-toolbar[b-vybc6a4mgi] {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #d7dfe8;
    background: #f7fafc;
}

.shared-notes-title[b-vybc6a4mgi] {
    font-size: 0.95rem;
    font-weight: 800;
    color: #203040;
}

.shared-notes-subtitle[b-vybc6a4mgi],
.shared-notes-secondary-line[b-vybc6a4mgi],
.shared-notes-tag-empty[b-vybc6a4mgi],
.shared-notes-audit-empty[b-vybc6a4mgi] {
    font-size: 0.76rem;
    color: #627182;
}

.shared-notes-toolbar-actions[b-vybc6a4mgi] {
    display: flex;
    gap: 10px;
    align-items: center;
}

.shared-notes-filter[b-vybc6a4mgi] {
    min-width: 240px;
    height: 34px;
    border: 1px solid #c7d1dc;
    padding: 6px 10px;
    font-size: 0.82rem;
    color: #203040;
    background: #fff;
}

.shared-notes-add-button[b-vybc6a4mgi],
.shared-notes-primary-button[b-vybc6a4mgi] {
    height: 34px;
    border: 1px solid #1f6fd6;
    background: #1f6fd6;
    color: #fff;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
}

.shared-notes-secondary-button[b-vybc6a4mgi] {
    height: 34px;
    border: 1px solid #c7d1dc;
    background: #fff;
    color: #243746;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 700;
}

.shared-notes-empty[b-vybc6a4mgi] {
    padding: 18px 16px;
    font-size: 0.84rem;
    color: #627182;
}

.shared-notes-table-wrap[b-vybc6a4mgi] {
    overflow-x: auto;
}

.shared-notes-table[b-vybc6a4mgi] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.8rem;
}

.shared-notes-table th[b-vybc6a4mgi],
.shared-notes-table td[b-vybc6a4mgi] {
    border-bottom: 1px solid #e3e9ef;
    padding: 10px 12px;
    vertical-align: top;
    text-align: left;
}

.shared-notes-table th[b-vybc6a4mgi] {
    background: #fbfcfd;
    color: #415162;
    font-size: 0.73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.shared-notes-note-text[b-vybc6a4mgi] {
    white-space: pre-wrap;
    color: #203040;
}

.shared-notes-linked-records[b-vybc6a4mgi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.shared-notes-record-chip[b-vybc6a4mgi] {
    border: 1px solid #c7d1dc;
    background: #fff;
    color: #203040;
    padding: 3px 8px;
    font-size: 0.74rem;
    font-weight: 600;
    text-align: left;
}

.shared-notes-record-chip.primary[b-vybc6a4mgi] {
    border-color: #1f6fd6;
    color: #1f6fd6;
}

.shared-notes-status[b-vybc6a4mgi] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #d7dfe8;
    background: #f7fafc;
    color: #415162;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.shared-notes-status.active[b-vybc6a4mgi] {
    border-color: #b8dfc2;
    background: #edf9f1;
    color: #22653a;
}

.shared-notes-status.closed[b-vybc6a4mgi] {
    border-color: #d7dfe8;
    background: #f2f5f8;
    color: #485867;
}

.shared-notes-status.archived[b-vybc6a4mgi] {
    border-color: #d6d0ea;
    background: #f3f1fb;
    color: #5d4f8a;
}

.shared-notes-status.mistake[b-vybc6a4mgi] {
    border-color: #f0d8b3;
    background: #fff6e9;
    color: #8a5a14;
}

.shared-notes-actions-cell[b-vybc6a4mgi] {
    white-space: nowrap;
}

.shared-notes-inline-link[b-vybc6a4mgi] {
    display: inline-block;
    margin-right: 8px;
    padding: 0;
    border: none;
    background: transparent;
    color: #1f6fd6;
    font-size: 0.76rem;
    font-weight: 700;
}

.shared-notes-audit-row td[b-vybc6a4mgi] {
    background: #f8fafc;
    padding-top: 12px;
    padding-bottom: 12px;
}

.shared-notes-audit-list[b-vybc6a4mgi] {
    display: grid;
    gap: 8px;
}

.shared-notes-audit-item[b-vybc6a4mgi] {
    border: 1px solid #dbe4ec;
    background: #fff;
    padding: 10px 12px;
}

.shared-notes-audit-header[b-vybc6a4mgi] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 4px;
    font-size: 0.73rem;
    font-weight: 800;
    color: #415162;
    text-transform: uppercase;
}

.shared-notes-backdrop[b-vybc6a4mgi] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.36);
    z-index: 2200;
}

.shared-notes-flyout[b-vybc6a4mgi] {
    position: fixed;
    top: 0;
    right: 0;
    width: min(840px, 100vw);
    height: 100vh;
    background: #fff;
    border-left: 1px solid #d7dfe8;
    box-shadow: -18px 0 48px rgba(15, 23, 42, 0.16);
    z-index: 2201;
    display: flex;
    flex-direction: column;
}

.shared-notes-flyout-header[b-vybc6a4mgi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid #d7dfe8;
    background: #f7fafc;
}

.shared-notes-flyout-kicker[b-vybc6a4mgi] {
    font-size: 0.74rem;
    font-weight: 800;
    color: #627182;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.shared-notes-flyout-title[b-vybc6a4mgi] {
    font-size: 1rem;
    font-weight: 800;
    color: #203040;
}

.shared-notes-close-button[b-vybc6a4mgi] {
    border: none;
    background: transparent;
    color: #425263;
    font-size: 0.9rem;
    font-weight: 800;
}

.shared-notes-flyout-body[b-vybc6a4mgi] {
    flex: 1;
    overflow-y: auto;
    padding: 16px 18px;
}

.shared-notes-form-grid[b-vybc6a4mgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.shared-notes-form-grid label[b-vybc6a4mgi],
.shared-notes-text-block label[b-vybc6a4mgi] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.75rem;
    font-weight: 800;
    color: #425263;
}

.shared-notes-text-block[b-vybc6a4mgi] {
    margin-top: 14px;
}

.shared-notes-tags-panel[b-vybc6a4mgi],
.shared-notes-inline-history[b-vybc6a4mgi] {
    margin-top: 18px;
    border: 1px solid #d7dfe8;
    background: #fbfcfd;
    padding: 14px;
}

.shared-notes-tags-header[b-vybc6a4mgi] {
    margin-bottom: 10px;
}

.shared-notes-tags-title[b-vybc6a4mgi] {
    font-size: 0.86rem;
    font-weight: 800;
    color: #203040;
}

.shared-notes-tags-subtitle[b-vybc6a4mgi] {
    font-size: 0.76rem;
    color: #627182;
}

.shared-notes-tag-grid[b-vybc6a4mgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    margin-top: 10px;
}

.shared-notes-tag-option[b-vybc6a4mgi] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    border: 1px solid #d7dfe8;
    background: #fff;
    padding: 8px 10px;
    font-size: 0.78rem;
    color: #243746;
}

.shared-notes-tag-option.selected[b-vybc6a4mgi] {
    border-color: #1f6fd6;
    background: #f4f9ff;
}

.shared-notes-flyout-actions[b-vybc6a4mgi] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px;
    border-top: 1px solid #d7dfe8;
    background: #fff;
}

@media (max-width: 900px) {
    .shared-notes-toolbar[b-vybc6a4mgi],
    .shared-notes-toolbar-actions[b-vybc6a4mgi] {
        flex-direction: column;
        align-items: stretch;
    }

    .shared-notes-filter[b-vybc6a4mgi] {
        min-width: 0;
        width: 100%;
    }

    .shared-notes-form-grid[b-vybc6a4mgi],
    .shared-notes-tag-grid[b-vybc6a4mgi] {
        grid-template-columns: 1fr;
    }

    .shared-notes-flyout[b-vybc6a4mgi] {
        width: 100vw;
    }
}
/* /Components/ShiftIntakePanel.razor.rz.scp.css */
.shift-intake-alert[b-dw3rxgc0im] {
    margin-bottom: 10px;
    padding: 10px 12px;
    border: 1px solid #efc1c7;
    border-radius: 12px;
    background: #fff5f6;
    color: #8d2332;
    font-size: 0.82rem;
    font-weight: 700;
}

.shift-intake-panel[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(320px, 0.9fr);
    gap: 12px;
}

.shift-intake-panel-flyout[b-dw3rxgc0im] {
    grid-template-columns: minmax(0, 1fr);
}

.shift-intake-card[b-dw3rxgc0im] {
    border: 1px solid #d9e1ea;
    border-radius: 16px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 22px rgba(12, 31, 54, 0.04);
}

.shift-intake-card-wide[b-dw3rxgc0im] {
    grid-column: 1 / -1;
}

.shift-intake-card-header[b-dw3rxgc0im] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 10px;
    border-bottom: 1px solid #e8edf2;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
}

.shift-intake-card-kicker[b-dw3rxgc0im],
.shift-intake-template-kicker[b-dw3rxgc0im] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #0f7e9f;
}

.shift-intake-card-title[b-dw3rxgc0im],
.shift-intake-template-title[b-dw3rxgc0im] {
    margin: 4px 0 0;
    font-size: 0.98rem;
    font-weight: 800;
    color: #17324a;
}

.shift-intake-card-note[b-dw3rxgc0im],
.shift-intake-template-note[b-dw3rxgc0im] {
    max-width: 320px;
    font-size: 0.76rem;
    line-height: 1.35;
    color: #647688;
}

.shift-intake-grid[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
    padding: 14px 16px 16px;
}

.shift-intake-grid-span-2[b-dw3rxgc0im] {
    grid-column: 1 / -1;
}

.shift-intake-field[b-dw3rxgc0im] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.shift-intake-field > span[b-dw3rxgc0im] {
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.shift-intake-input[b-dw3rxgc0im] {
    min-height: 40px;
    border: 1px solid #d5dde7;
    border-radius: 12px;
    background: #fff;
    padding: 0 12px;
    color: #17324a;
    font-size: 0.9rem;
    font-weight: 600;
    box-sizing: border-box;
}

.shift-intake-textarea[b-dw3rxgc0im] {
    min-height: 96px;
    padding-top: 10px;
    padding-bottom: 10px;
    resize: vertical;
}

.shift-intake-input:focus[b-dw3rxgc0im] {
    outline: none;
    border-color: #3a97bf;
    box-shadow: 0 0 0 3px rgba(58, 151, 191, 0.12);
}

.shift-intake-inline-actions[b-dw3rxgc0im],
.shift-intake-actions[b-dw3rxgc0im] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.shift-intake-button[b-dw3rxgc0im] {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0 14px;
    font-size: 0.82rem;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.16s ease, background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}

.shift-intake-button:hover[b-dw3rxgc0im] {
    transform: translateY(-1px);
}

.shift-intake-button.primary[b-dw3rxgc0im] {
    background: linear-gradient(135deg, #0b93bb 0%, #1377b8 100%);
    color: #fff;
}

.shift-intake-button.secondary[b-dw3rxgc0im] {
    background: #fff;
    border-color: #d5dde7;
    color: #17324a;
}

.shift-intake-summary-grid[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    padding: 14px 16px 16px;
}

.shift-intake-summary-grid div[b-dw3rxgc0im] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.shift-intake-summary-grid strong[b-dw3rxgc0im] {
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.shift-intake-summary-grid span[b-dw3rxgc0im] {
    font-size: 0.9rem;
    font-weight: 700;
    color: #17324a;
    line-height: 1.35;
}

.shift-intake-template-editor[b-dw3rxgc0im] {
    margin: 0 16px 16px;
    border: 1px solid #d9e4ef;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

.shift-intake-template-editor-header[b-dw3rxgc0im] {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px 0;
}

.shift-intake-calendar[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    padding: 14px 16px 0;
}

.shift-intake-calendar-heading[b-dw3rxgc0im] {
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
    text-align: center;
    padding-bottom: 4px;
}

.shift-intake-calendar-day[b-dw3rxgc0im] {
    min-height: 76px;
    border: 1px solid #d9e1ea;
    border-radius: 14px;
    background: #fff;
    padding: 10px 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    transition: transform 0.14s ease, border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.shift-intake-calendar-day:hover[b-dw3rxgc0im] {
    transform: translateY(-1px);
    border-color: #9bc6dd;
}

.shift-intake-calendar-day.muted[b-dw3rxgc0im] {
    background: #f8fafc;
    color: #7a8b9c;
}

.shift-intake-calendar-day.today[b-dw3rxgc0im] {
    border-color: #7eb8d2;
}

.shift-intake-calendar-day.selected[b-dw3rxgc0im] {
    background: linear-gradient(180deg, #eef7ff 0%, #fff 100%);
    border-color: #0f8cb1;
    box-shadow: inset 0 0 0 2px rgba(15, 140, 177, 0.14);
}

.shift-intake-calendar-day-number[b-dw3rxgc0im] {
    font-size: 1.08rem;
    font-weight: 800;
    color: #17324a;
}

.shift-intake-calendar-day-name[b-dw3rxgc0im] {
    font-size: 0.76rem;
    font-weight: 700;
    color: #607486;
}

.shift-intake-selected[b-dw3rxgc0im] {
    padding: 14px 16px 16px;
}

.shift-intake-selected-title[b-dw3rxgc0im] {
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.shift-intake-selected-empty[b-dw3rxgc0im] {
    margin-top: 8px;
    font-size: 0.82rem;
    color: #617384;
}

.shift-intake-selected-chips[b-dw3rxgc0im] {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.shift-intake-selected-chip[b-dw3rxgc0im] {
    min-height: 34px;
    border: 1px solid #c4dceb;
    border-radius: 999px;
    background: #f3fbff;
    padding: 0 12px;
    color: #17597b;
    font-size: 0.8rem;
    font-weight: 800;
    cursor: pointer;
}

.shift-intake-actions[b-dw3rxgc0im] {
    margin-top: 12px;
}

@media (max-width: 1080px) {
    .shift-intake-panel[b-dw3rxgc0im],
    .shift-intake-grid[b-dw3rxgc0im] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shift-intake-card-header[b-dw3rxgc0im],
    .shift-intake-template-editor-header[b-dw3rxgc0im] {
        flex-direction: column;
    }
}

@media (max-width: 780px) {
    .shift-intake-summary-grid[b-dw3rxgc0im] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shift-intake-calendar[b-dw3rxgc0im] {
        gap: 6px;
    }

    .shift-intake-calendar-day[b-dw3rxgc0im] {
        min-height: 66px;
        padding: 8px 6px;
    }
}

@media (max-width: 560px) {
    .shift-intake-calendar[b-dw3rxgc0im] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/TimesheetRecordPanel.razor.rz.scp.css */
.timesheet-record-panel[b-qmv8xiyl3p] {
    display: grid;
    gap: 12px;
    color: #253449;
}

.timesheet-record-header[b-qmv8xiyl3p],
.timesheet-record-weekbar[b-qmv8xiyl3p],
.timesheet-record-create-card[b-qmv8xiyl3p],
.timesheet-record-table-header[b-qmv8xiyl3p],
.timesheet-record-flyout-header[b-qmv8xiyl3p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.timesheet-record-kicker[b-qmv8xiyl3p] {
    color: #617086;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.timesheet-record-title[b-qmv8xiyl3p],
.timesheet-record-flyout-title[b-qmv8xiyl3p] {
    color: #102238;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
}

.timesheet-record-subtitle[b-qmv8xiyl3p],
.timesheet-record-table-note[b-qmv8xiyl3p],
.timesheet-record-create-note[b-qmv8xiyl3p],
.timesheet-record-flyout-note[b-qmv8xiyl3p],
.timesheet-record-row-subtext[b-qmv8xiyl3p] {
    color: #657489;
    font-size: 12px;
}

.timesheet-record-actions[b-qmv8xiyl3p],
.timesheet-record-create-controls[b-qmv8xiyl3p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.timesheet-record-button[b-qmv8xiyl3p] {
    min-height: 30px;
    border: 1px solid #cfd8e5;
    border-radius: 4px;
    background: #fff;
    color: #253449;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 10px;
}

.timesheet-record-button.primary[b-qmv8xiyl3p] {
    border-color: #1f7a4f;
    background: #1f7a4f;
    color: #fff;
}

.timesheet-record-button.secondary[b-qmv8xiyl3p] {
    background: #f7f9fc;
}

.timesheet-record-button.icon[b-qmv8xiyl3p] {
    min-width: 36px;
    padding-inline: 8px;
}

.timesheet-record-button:disabled[b-qmv8xiyl3p] {
    cursor: not-allowed;
    opacity: .55;
}

.timesheet-record-alert[b-qmv8xiyl3p] {
    border: 1px solid #d8dee8;
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 700;
}

.timesheet-record-alert.success[b-qmv8xiyl3p] {
    border-color: #b9dfca;
    background: #eef9f2;
    color: #236b44;
}

.timesheet-record-alert.error[b-qmv8xiyl3p] {
    border-color: #efc4c4;
    background: #fff2f2;
    color: #9e3030;
}

.timesheet-record-weekbar[b-qmv8xiyl3p],
.timesheet-record-create-card[b-qmv8xiyl3p],
.timesheet-record-table-card[b-qmv8xiyl3p] {
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: #fff;
    padding: 12px;
}

.timesheet-record-weekbar[b-qmv8xiyl3p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.timesheet-record-label[b-qmv8xiyl3p],
.timesheet-record-detail-grid span[b-qmv8xiyl3p] {
    display: block;
    color: #657489;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.timesheet-record-summary-strip[b-qmv8xiyl3p] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.timesheet-record-summary-card[b-qmv8xiyl3p] {
    border: 1px solid #d8dee8;
    border-radius: 6px;
    background: #f8fafc;
    padding: 10px 12px;
}

.timesheet-record-summary-card span[b-qmv8xiyl3p] {
    display: block;
    color: #657489;
    font-size: 11px;
    font-weight: 800;
}

.timesheet-record-summary-card strong[b-qmv8xiyl3p] {
    display: block;
    margin-top: 2px;
    color: #102238;
    font-size: 18px;
}

.timesheet-record-summary-card.emphasis[b-qmv8xiyl3p] {
    border-color: #bbd7c7;
    background: #eef9f2;
}

.timesheet-record-select[b-qmv8xiyl3p],
.timesheet-record-input[b-qmv8xiyl3p] {
    min-height: 30px;
    border: 1px solid #cfd8e5;
    border-radius: 4px;
    background: #fff;
    color: #253449;
    font-size: 12px;
    padding: 5px 8px;
}

.timesheet-record-select[b-qmv8xiyl3p] {
    min-width: 320px;
}

.timesheet-record-input[b-qmv8xiyl3p] {
    width: 90px;
}

.timesheet-record-input.note[b-qmv8xiyl3p] {
    width: 180px;
}

.timesheet-record-table-wrap[b-qmv8xiyl3p],
.timesheet-record-lines-wrap[b-qmv8xiyl3p] {
    overflow-x: auto;
    border-top: 1px solid #d8dee8;
}

.timesheet-record-table[b-qmv8xiyl3p],
.timesheet-record-lines[b-qmv8xiyl3p] {
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
}

.timesheet-record-lines[b-qmv8xiyl3p] {
    min-width: 760px;
}

.timesheet-record-table th[b-qmv8xiyl3p],
.timesheet-record-table td[b-qmv8xiyl3p],
.timesheet-record-lines th[b-qmv8xiyl3p],
.timesheet-record-lines td[b-qmv8xiyl3p] {
    border-bottom: 1px solid #e4e9f1;
    border-right: 1px solid #eef2f7;
    padding: 8px 10px;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.timesheet-record-table th[b-qmv8xiyl3p],
.timesheet-record-lines th[b-qmv8xiyl3p] {
    background: #16456f;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .01em;
    text-transform: uppercase;
}

.timesheet-record-table tr.selected[b-qmv8xiyl3p],
.timesheet-record-table tr:hover[b-qmv8xiyl3p] {
    background: #eef6fb;
}

.timesheet-record-row-link[b-qmv8xiyl3p] {
    border: 0;
    background: transparent;
    color: #006c92;
    font-size: 12px;
    font-weight: 800;
    padding: 0;
    text-align: left;
}

.timesheet-record-status[b-qmv8xiyl3p] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid #d8dee8;
    border-radius: 999px;
    padding: 3px 8px;
    font-size: 11px;
    font-weight: 800;
}

.timesheet-record-status.approved[b-qmv8xiyl3p],
.timesheet-record-status.pulled[b-qmv8xiyl3p] {
    border-color: #b9dfca;
    background: #e9f8ef;
    color: #236b44;
}

.timesheet-record-status.rejected[b-qmv8xiyl3p] {
    border-color: #efc4c4;
    background: #fff2f2;
    color: #9e3030;
}

.timesheet-record-status.pending[b-qmv8xiyl3p] {
    border-color: #f1d29a;
    background: #fff8e8;
    color: #8a5a00;
}

.timesheet-record-status.draft[b-qmv8xiyl3p] {
    background: #f7f9fc;
    color: #42536a;
}

.timesheet-record-empty[b-qmv8xiyl3p] {
    border: 1px dashed #cfd8e5;
    border-radius: 6px;
    background: #fbfcfe;
    color: #657489;
    font-size: 13px;
    font-weight: 700;
    padding: 18px;
    text-align: center;
}

.timesheet-record-flyout-backdrop[b-qmv8xiyl3p] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background: rgba(15, 23, 42, .25);
    display: flex;
    justify-content: flex-end;
}

.timesheet-record-flyout[b-qmv8xiyl3p] {
    width: min(720px, 94vw);
    height: 100%;
    background: #fff;
    box-shadow: -12px 0 28px rgba(15, 23, 42, .18);
    display: flex;
    flex-direction: column;
}

.timesheet-record-flyout-header[b-qmv8xiyl3p] {
    border-bottom: 1px solid #d8dee8;
    padding: 14px;
}

.timesheet-record-flyout-meta[b-qmv8xiyl3p] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
    color: #657489;
    font-size: 12px;
    font-weight: 700;
}

.timesheet-record-flyout-body[b-qmv8xiyl3p] {
    display: grid;
    gap: 12px;
    overflow: auto;
    padding: 14px;
}

.timesheet-record-detail-grid[b-qmv8xiyl3p] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.timesheet-record-detail-grid div[b-qmv8xiyl3p] {
    border: 1px solid #d8dee8;
    border-radius: 4px;
    background: #f8fafc;
    padding: 8px;
}

.timesheet-record-next-action[b-qmv8xiyl3p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #bbd7c7;
    border-radius: 4px;
    background: #f4fbf7;
    padding: 10px;
}

.timesheet-record-next-action span[b-qmv8xiyl3p] {
    display: block;
    color: #236b44;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.timesheet-record-next-action strong[b-qmv8xiyl3p] {
    display: block;
    color: #102238;
    font-size: 15px;
}

.timesheet-record-next-action p[b-qmv8xiyl3p] {
    margin: 2px 0 0;
    color: #657489;
    font-size: 12px;
}

.timesheet-record-flyout-note[b-qmv8xiyl3p] {
    border: 1px solid #d8dee8;
    border-radius: 4px;
    background: #f8fafc;
    padding: 10px;
}

@media (max-width: 900px) {
    .timesheet-record-header[b-qmv8xiyl3p],
    .timesheet-record-create-card[b-qmv8xiyl3p],
    .timesheet-record-table-header[b-qmv8xiyl3p] {
        display: grid;
    }

    .timesheet-record-actions[b-qmv8xiyl3p],
    .timesheet-record-create-controls[b-qmv8xiyl3p] {
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 2px;
    }

    .timesheet-record-weekbar[b-qmv8xiyl3p],
    .timesheet-record-summary-strip[b-qmv8xiyl3p],
    .timesheet-record-next-action[b-qmv8xiyl3p],
    .timesheet-record-detail-grid[b-qmv8xiyl3p] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .timesheet-record-select[b-qmv8xiyl3p] {
        min-width: 260px;
    }
}