/* /Components/CandidateEducationSection.razor.rz.scp.css */
.candidate-education-section[b-le6ihg0dd3] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.candidate-education-header[b-le6ihg0dd3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px;
}

.candidate-education-meta[b-le6ihg0dd3] {
    min-width: 0;
}

.candidate-education-title[b-le6ihg0dd3] {
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
}

.candidate-education-count[b-le6ihg0dd3] {
    margin-top: 2px;
    color: #657485;
    font-size: 0.76rem;
    font-weight: 600;
}

.candidate-education-header-actions[b-le6ihg0dd3],
.candidate-education-row-actions[b-le6ihg0dd3],
.candidate-education-form-actions[b-le6ihg0dd3] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.candidate-education-button[b-le6ihg0dd3],
.candidate-education-row-action[b-le6ihg0dd3] {
    min-height: 32px;
    padding: 0.34rem 0.78rem;
    border-radius: 3px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
}

.candidate-education-button.primary[b-le6ihg0dd3] {
    border: 1px solid #0078c2;
    background: #0078c2;
    color: #ffffff;
}

.candidate-education-button.secondary[b-le6ihg0dd3],
.candidate-education-row-action[b-le6ihg0dd3] {
    border: 1px solid #b9c6d3;
    background: #ffffff;
    color: #445466;
}

.candidate-education-table-panel[b-le6ihg0dd3] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
}

.candidate-education-table-wrap[b-le6ihg0dd3] {
    overflow-x: auto;
}

.candidate-education-table[b-le6ihg0dd3] {
    width: 100%;
    min-width: 860px;
    margin: 0;
    border-collapse: collapse;
    color: #22313f;
    font-size: 0.78rem;
}

.candidate-education-table th[b-le6ihg0dd3] {
    border-bottom: 1px solid #d7e0e9;
    background: #f6f9fc;
    color: #2e3b49;
    padding: 0.55rem 0.65rem;
    font-size: 0.7rem;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.candidate-education-table td[b-le6ihg0dd3] {
    border-bottom: 1px solid #edf2f6;
    padding: 0.55rem 0.65rem;
    vertical-align: middle;
}

.candidate-education-table tbody tr:last-child td[b-le6ihg0dd3] {
    border-bottom: 0;
}

.candidate-education-primary[b-le6ihg0dd3] {
    color: #1f2d3d;
    font-weight: 700;
}

.candidate-education-muted[b-le6ihg0dd3] {
    color: #657485;
    font-size: 0.72rem;
}

.candidate-education-status[b-le6ihg0dd3] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid #c8d5e1;
    border-radius: 999px;
    padding: 0 0.55rem;
    background: #f8fbfd;
    color: #304253;
    font-size: 0.7rem;
    font-weight: 700;
}

.candidate-education-empty[b-le6ihg0dd3] {
    padding: 14px;
    color: #6a7b8b;
    font-size: 0.82rem;
}

.candidate-education-form-panel[b-le6ihg0dd3] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px 14px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-education-form-grid[b-le6ihg0dd3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.candidate-education-form-grid-three[b-le6ihg0dd3] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.candidate-education-field[b-le6ihg0dd3] {
    min-width: 0;
}

.candidate-education-field-full[b-le6ihg0dd3] {
    grid-column: 1 / -1;
}

.candidate-education-field label[b-le6ihg0dd3] {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.candidate-education-field .form-control[b-le6ihg0dd3] {
    width: 100%;
    min-height: 34px;
    border: 1px solid #b8c4cf;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2d3d;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    box-shadow: none;
}

.candidate-education-field[b-le6ihg0dd3]  .form-control,
.candidate-education-field[b-le6ihg0dd3]  input,
.candidate-education-field[b-le6ihg0dd3]  select,
.candidate-education-field[b-le6ihg0dd3]  textarea {
    width: 100%;
    min-height: 34px;
    border: 1px solid #b8c4cf;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2d3d;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    box-shadow: none;
    box-sizing: border-box;
}

.candidate-education-field textarea.form-control[b-le6ihg0dd3] {
    min-height: 78px;
    resize: vertical;
}

.candidate-education-field[b-le6ihg0dd3]  textarea.form-control,
.candidate-education-field[b-le6ihg0dd3]  textarea {
    min-height: 78px;
    resize: vertical;
}

.candidate-education-checkbox-wrap[b-le6ihg0dd3] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
}

.candidate-education-checkbox-wrap .form-check-input[b-le6ihg0dd3],
.candidate-education-checkbox-wrap[b-le6ihg0dd3]  input[type="checkbox"] {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    flex: 0 0 1rem;
    padding: 0;
    margin: 0;
    border-radius: 3px;
    accent-color: #0078c2;
    box-shadow: none;
}

.candidate-education-form-actions[b-le6ihg0dd3] {
    margin-top: 14px;
}

@media (max-width: 720px) {
    .candidate-education-header[b-le6ihg0dd3] {
        align-items: stretch;
        flex-direction: column;
    }

    .candidate-education-header-actions[b-le6ihg0dd3],
    .candidate-education-header-actions button[b-le6ihg0dd3],
    .candidate-education-form-actions[b-le6ihg0dd3],
    .candidate-education-form-actions button[b-le6ihg0dd3] {
        width: 100%;
    }

    .candidate-education-form-grid[b-le6ihg0dd3],
    .candidate-education-form-grid-three[b-le6ihg0dd3] {
        grid-template-columns: 1fr;
    }
}
/* /Components/CandidateOnboardingStaffPanel.razor.rz.scp.css */
.candidate-onboarding-shell[b-25qt419kvk] {
    display: grid;
    gap: 16px;
    min-width: 0;
    max-width: 100%;
}

.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);
    min-width: 0;
    max-width: 100%;
}

.candidate-onboarding-card.office-review-priority[b-25qt419kvk] {
    border-color: #c9daf0;
    background: #f8fbff;
}

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

.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;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    min-width: 0;
}

.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(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
    min-width: 0;
}

.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;
}

.i9-section2-review[b-25qt419kvk] {
    margin-top: 14px;
}

.i9-review-flyout[b-25qt419kvk] {
    width: min(860px, 100vw);
}

.i9-review-body[b-25qt419kvk] {
    background: #f7f9fc;
}

.i9-review-card[b-25qt419kvk] {
    border: 1px solid #dce5ef;
    border-radius: 6px;
    background: #ffffff;
    padding: 14px;
}

.i9-review-card + .i9-review-card[b-25qt419kvk],
.i9-review-card + .candidate-onboarding-empty[b-25qt419kvk],
.candidate-onboarding-empty + .i9-review-card[b-25qt419kvk] {
    margin-top: 12px;
}

.i9-review-card.compact[b-25qt419kvk] {
    padding: 12px;
}

.i9-review-notice[b-25qt419kvk],
.i9-review-chat-message[b-25qt419kvk] {
    margin-top: 10px;
    border-left: 3px solid #1d7fc0;
    background: #eef6ff;
    color: #245078;
    padding: 9px 11px;
    font-size: 0.82rem;
    line-height: 1.35;
}

.i9-review-chat-message[b-25qt419kvk] {
    border: 1px solid #bcd8f2;
    border-left-width: 3px;
}

.i9-review-signature-input[b-25qt419kvk] {
    font-family: "Segoe Script", "Lucida Handwriting", "Brush Script MT", cursive !important;
    font-size: 1rem !important;
}

.i9-document-preview-flyout[b-25qt419kvk] {
    right: 860px;
    width: min(680px, calc(100vw - 860px));
    max-width: calc(100vw - 860px);
    z-index: 9753;
    box-shadow: 18px 0 40px rgba(15, 23, 42, 0.14);
}

.candidate-onboarding-nested-backdrop[b-25qt419kvk] {
    position: fixed;
    inset: 0;
    background: transparent;
    z-index: 9652;
    animation: candidateOnboardingBackdropFadeIn-b-25qt419kvk 220ms ease-out both;
}

.i9-uploaded-images-header[b-25qt419kvk] {
    align-items: center;
    margin-bottom: 0;
}

.i9-preview-open-button[b-25qt419kvk] {
    min-width: 96px;
    white-space: nowrap;
    text-align: center;
}

.i9-preview-toolbar[b-25qt419kvk] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto auto;
    gap: 8px;
    align-items: end;
    margin-bottom: 12px;
}

.i9-preview-toolbar label[b-25qt419kvk] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.i9-preview-toolbar span[b-25qt419kvk] {
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #6d7f93;
}

.i9-preview-toolbar select[b-25qt419kvk] {
    width: 100%;
    min-width: 0;
    height: 34px;
    border: 1px solid #cdd8e3;
    border-radius: 4px;
    color: #26384b;
    background: #ffffff;
    font: inherit;
    font-size: 0.84rem;
}

.i9-document-preview-frame[b-25qt419kvk] {
    height: calc(100vh - 150px);
    overflow: auto;
    border: 1px solid #d2dce8;
    background: #eef2f7;
    display: grid;
    place-items: start center;
    padding: 14px;
}

.i9-document-preview-frame img[b-25qt419kvk] {
    max-width: 100%;
    height: auto;
    transform-origin: top center;
    transition: transform 120ms ease;
    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.14);
}

.i9-document-preview-pdf[b-25qt419kvk] {
    width: 100%;
    height: calc(100vh - 150px);
    border: 1px solid #d2dce8;
    background: #ffffff;
}

.i9-no-expiration-checkline[b-25qt419kvk],
.i9-certification-checkline[b-25qt419kvk] {
    gap: 8px;
    line-height: 1.35;
}

.i9-no-expiration-checkline input[type="checkbox"][b-25qt419kvk],
.i9-certification-checkline input[type="checkbox"][b-25qt419kvk] {
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    margin-top: 1px;
}

.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] {
    max-width: 100%;
    overflow-x: auto;
}

[b-25qt419kvk] .candidate-onboarding-table .ammon-table-actions {
    gap: 0;
}

[b-25qt419kvk] .candidate-onboarding-table .ammon-table-action-button {
    width: 17px !important;
    height: 18px !important;
    min-width: 17px !important;
}

[b-25qt419kvk] .candidate-onboarding-table .ammon-table-action-button svg {
    width: 11px !important;
    height: 11px !important;
}

.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: 9650;
    animation: candidateOnboardingBackdropFadeIn-b-25qt419kvk 260ms ease-out both;
}

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

.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: 9651;
    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-edit-fieldset[b-25qt419kvk] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.candidate-onboarding-edit-fieldset:disabled[b-25qt419kvk] {
    opacity: 0.86;
}

.candidate-onboarding-document-preview[b-25qt419kvk] {
    margin: 14px 0;
    padding: 12px;
    border: 1px solid #d8e4f0;
    border-radius: 6px;
    background: #f8fbff;
}

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

.candidate-onboarding-preview-frame[b-25qt419kvk] {
    width: 100%;
    max-height: 420px;
    overflow: auto;
    border: 1px solid #d5dee9;
    background: #ffffff;
    display: grid;
    place-items: start center;
    padding: 10px;
}

.candidate-onboarding-preview-frame img[b-25qt419kvk] {
    max-width: 100%;
    transform-origin: top center;
    transition: transform 120ms ease;
}

.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 .wide[b-25qt419kvk] {
    grid-column: 1 / -1;
}

.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.stacked[b-25qt419kvk] {
    display: grid;
    gap: 8px;
}

.candidate-onboarding-checkbox-row.stacked label[b-25qt419kvk] {
    align-items: flex-start;
}

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

.candidate-onboarding-checkline[b-25qt419kvk] {
    align-content: end;
}

.candidate-onboarding-delete-option[b-25qt419kvk] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-top: 12px;
    font-size: 0.84rem;
    color: #304255;
}

.candidate-onboarding-delete-option input[b-25qt419kvk] {
    margin-top: 3px;
}

.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: 9851;
}

.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],
    .i9-preview-toolbar[b-25qt419kvk] {
        grid-template-columns: 1fr;
    }

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

@media (max-width: 1540px) {
    .i9-document-preview-flyout[b-25qt419kvk] {
        right: 0;
        width: min(760px, 100vw);
        max-width: 100vw;
        box-shadow: -22px 0 44px rgba(15, 23, 42, 0.16);
    }
}

@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;
    }

    .i9-preview-toolbar[b-25qt419kvk] {
        align-items: stretch;
    }

    .i9-document-preview-frame[b-25qt419kvk],
    .i9-document-preview-pdf[b-25qt419kvk] {
        height: calc(100vh - 230px);
    }

    .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/CandidateQualificationsSection.razor.rz.scp.css */
.candidate-qualifications-section[b-o2tefs9vg7] (.ammon-form-flyout-backdrop) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9600 !important;
}

.candidate-qualifications-section[b-o2tefs9vg7] (.ammon-form-flyout-panel) {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 9601 !important;
    height: 100vh !important;
}

.candidate-qualification-tags-card[b-o2tefs9vg7] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px 14px;
    color: #22313f;
}

.candidate-qualification-tags-header[b-o2tefs9vg7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

.candidate-qualification-tags-title[b-o2tefs9vg7] {
    color: #1f2d3d;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
}

.candidate-qualification-tags-count[b-o2tefs9vg7] {
    margin-top: 2px;
    color: #657485;
    font-size: 0.76rem;
    font-weight: 600;
}

.candidate-qualification-edit-button[b-o2tefs9vg7] {
    min-height: 32px;
    padding: 0 13px;
    border: 1px solid #0078c2;
    border-radius: 3px;
    background: #0078c2;
    color: #ffffff;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 120, 194, 0.18);
}

.candidate-qualification-edit-button:hover[b-o2tefs9vg7],
.candidate-qualification-edit-button:focus-visible[b-o2tefs9vg7] {
    background: #0069ad;
    border-color: #0069ad;
}

.candidate-qualification-tag-section + .candidate-qualification-tag-section[b-o2tefs9vg7] {
    margin-top: 16px;
}

.candidate-qualification-tag-title[b-o2tefs9vg7],
.candidate-skill-position-field label[b-o2tefs9vg7] {
    display: block;
    margin-bottom: 5px;
    color: #2e3b49;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
}

.candidate-qualification-empty[b-o2tefs9vg7],
.candidate-skill-position-empty[b-o2tefs9vg7] {
    color: #6a7b8b;
    font-size: 0.8rem;
}

.candidate-qualification-tag-grid[b-o2tefs9vg7],
.candidate-skill-position-tag-grid[b-o2tefs9vg7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px 14px;
    max-width: 100%;
}

.candidate-qualification-tag[b-o2tefs9vg7],
.candidate-skill-position-tag[b-o2tefs9vg7] {
    box-sizing: border-box;
    min-width: 0;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    max-width: 100%;
    border: 1px solid #f17080;
    background: #ffffff;
    padding: 0.28rem 0.42rem 0.28rem 0.7rem;
    color: #f17080;
    width: 100%;
    overflow: hidden;
}

.candidate-qualification-tag span[b-o2tefs9vg7],
.candidate-skill-position-tag span[b-o2tefs9vg7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 400;
}

.candidate-skills-positions-editor[b-o2tefs9vg7] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.candidate-skill-position-editor-section[b-o2tefs9vg7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.candidate-skill-position-instructions[b-o2tefs9vg7] {
    color: #4e5d6c;
    font-size: 0.8rem;
    line-height: 1.42;
}

.candidate-skill-position-picker[b-o2tefs9vg7] {
    position: relative;
}

.candidate-skill-position-dropdown[b-o2tefs9vg7] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 5;
    max-height: 248px;
    overflow-y: auto;
    border: 1px solid #aeb9c4;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.candidate-skill-position-option[b-o2tefs9vg7] {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 0.42rem 0.62rem;
    border: 0;
    border-bottom: 1px solid #eef2f6;
    background: #ffffff;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    text-align: left;
    cursor: pointer;
}

.candidate-skill-position-option:hover[b-o2tefs9vg7],
.candidate-skill-position-option:focus-visible[b-o2tefs9vg7] {
    background: #f6f9fc;
}

.candidate-skill-position-option.new[b-o2tefs9vg7] {
    color: #0d6fb8;
    font-weight: 700;
}

.candidate-skill-position-option span[b-o2tefs9vg7] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
    font-weight: 400;
}

.candidate-skill-position-tag-grid.editor[b-o2tefs9vg7] {
    margin-top: 2px;
}

.candidate-skill-position-tag.removable button[b-o2tefs9vg7] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f17080;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.candidate-skill-position-tag.removable button:hover[b-o2tefs9vg7],
.candidate-skill-position-tag.removable button:focus-visible[b-o2tefs9vg7] {
    color: #d85b6d;
    background: rgba(241, 112, 128, 0.08);
}

.candidate-skill-position-actions[b-o2tefs9vg7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.candidate-qualification-detail-card[b-o2tefs9vg7] {
    border: 1px solid #d7e0e9;
    border-radius: 0;
    background: #ffffff;
    box-shadow: none;
    color: #22313f;
}

.candidate-qualification-detail-card .card-body[b-o2tefs9vg7] {
    padding: 12px 14px 14px;
}

.candidate-qualification-detail-card .card-title[b-o2tefs9vg7] {
    color: #1f2d3d;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.2;
}

.candidate-qualification-detail-card .text-muted.small[b-o2tefs9vg7] {
    color: #657485 !important;
    font-size: 0.76rem;
    font-weight: 500;
}

.candidate-qualification-detail-card .btn[b-o2tefs9vg7] {
    min-height: 30px;
    padding: 0.25rem 0.64rem;
    border-radius: 3px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.76rem;
    font-weight: 700;
    line-height: 1.1;
}

.candidate-qualification-detail-card .btn-primary[b-o2tefs9vg7] {
    border-color: #0078c2;
    background: #0078c2;
    color: #ffffff;
}

.candidate-qualification-detail-card .btn-outline-secondary[b-o2tefs9vg7] {
    border-color: #b9c6d3;
    background: #ffffff;
    color: #445466;
}

.candidate-qualification-detail-card .table[b-o2tefs9vg7] {
    margin-bottom: 0;
    color: #22313f;
    font-size: 0.78rem;
}

.candidate-qualification-detail-card .table thead th[b-o2tefs9vg7] {
    border-bottom: 1px solid #d7e0e9;
    color: #2e3b49;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.candidate-qualification-detail-card .table tbody td[b-o2tefs9vg7] {
    border-color: #edf2f6;
    vertical-align: middle;
}

.candidate-qualification-form-panel[b-o2tefs9vg7] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px 14px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-qualification-form-grid[b-o2tefs9vg7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.candidate-qualification-form-grid-three[b-o2tefs9vg7] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.candidate-qualification-field[b-o2tefs9vg7] {
    min-width: 0;
}

.candidate-qualification-field-full[b-o2tefs9vg7] {
    grid-column: 1 / -1;
}

.candidate-qualification-field label[b-o2tefs9vg7] {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
}

.candidate-qualification-field .form-control[b-o2tefs9vg7],
.candidate-qualification-field .form-select[b-o2tefs9vg7] {
    width: 100%;
    min-height: 34px;
    border: 1px solid #b8c4cf;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2d3d;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    box-shadow: none;
}

.candidate-qualification-field[b-o2tefs9vg7]  .form-control,
.candidate-qualification-field[b-o2tefs9vg7]  .form-select,
.candidate-qualification-field[b-o2tefs9vg7]  input,
.candidate-qualification-field[b-o2tefs9vg7]  select,
.candidate-qualification-field[b-o2tefs9vg7]  textarea {
    width: 100%;
    min-height: 34px;
    border: 1px solid #b8c4cf;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2d3d;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    box-shadow: none;
    box-sizing: border-box;
}

.candidate-qualification-field textarea.form-control[b-o2tefs9vg7] {
    min-height: 78px;
    resize: vertical;
}

.candidate-qualification-field[b-o2tefs9vg7]  textarea.form-control,
.candidate-qualification-field[b-o2tefs9vg7]  textarea {
    min-height: 78px;
    resize: vertical;
}

.candidate-qualification-checkbox-wrap[b-o2tefs9vg7] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 0.25rem;
}

.candidate-qualification-checkbox-wrap .form-check-input[b-o2tefs9vg7],
.candidate-qualification-checkbox-wrap[b-o2tefs9vg7]  input[type="checkbox"] {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    flex: 0 0 1rem;
    padding: 0;
    margin: 0;
    border-radius: 3px;
    accent-color: #0078c2;
    box-shadow: none;
}

.candidate-qualification-form-actions[b-o2tefs9vg7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
}

.candidate-qualification-action[b-o2tefs9vg7] {
    min-height: 32px;
    padding: 0.34rem 0.78rem;
    border-radius: 3px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.1;
    cursor: pointer;
}

.candidate-qualification-action.primary[b-o2tefs9vg7] {
    border: 1px solid #0078c2;
    background: #0078c2;
    color: #ffffff;
}

.candidate-qualification-action.secondary[b-o2tefs9vg7] {
    border: 1px solid #b9c6d3;
    background: #ffffff;
    color: #445466;
}

.candidate-credential-header[b-o2tefs9vg7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.candidate-credential-header-meta[b-o2tefs9vg7] {
    min-width: 220px;
}

.candidate-credential-title[b-o2tefs9vg7] {
    margin: 0 0 6px;
    color: #1f2d3d;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.candidate-credential-count[b-o2tefs9vg7] {
    color: #657485;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
}

.candidate-credential-toolbar[b-o2tefs9vg7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.candidate-credential-toolbar-button[b-o2tefs9vg7],
.candidate-credential-toolbar .ammon-button[b-o2tefs9vg7] {
    box-sizing: border-box;
    min-height: 34px;
    height: 34px;
    margin: 0;
    white-space: nowrap;
}

.candidate-credential-entry-list[b-o2tefs9vg7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.candidate-credential-entry[b-o2tefs9vg7] {
    border: 1px solid #d7e0e9;
    border-radius: 6px;
    background: #ffffff;
    padding: 10px 12px;
    color: #22313f;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
}

.candidate-credential-line[b-o2tefs9vg7] {
    display: grid;
    gap: 10px;
    align-items: stretch;
}

.candidate-credential-line-top[b-o2tefs9vg7] {
    grid-template-columns: minmax(0, 1fr) minmax(210px, auto);
    border-bottom: 1px solid #eef2f6;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

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

.candidate-credential-primary[b-o2tefs9vg7],
.candidate-credential-date-range[b-o2tefs9vg7],
.candidate-credential-line-secondary > div[b-o2tefs9vg7],
.candidate-credential-text-line[b-o2tefs9vg7] {
    min-width: 0;
    border: 1px solid #edf2f6;
    background: #fbfdff;
    padding: 7px 8px;
    color: #233241;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.25;
}

.candidate-credential-primary[b-o2tefs9vg7],
.candidate-credential-date-range[b-o2tefs9vg7] {
    background: #ffffff;
    border-color: transparent;
    padding: 0;
}

.candidate-credential-date-range[b-o2tefs9vg7] {
    text-align: right;
}

.candidate-credential-primary strong[b-o2tefs9vg7],
.candidate-credential-date-range strong[b-o2tefs9vg7] {
    display: block;
    color: #1f2d3d;
    font-size: 0.9rem;
    font-weight: 800;
    line-height: 1.25;
}

.candidate-credential-status[b-o2tefs9vg7] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid #c8d5e1;
    border-radius: 999px;
    padding: 0 0.55rem;
    background: #f8fbfd;
    color: #304253;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.candidate-credential-primary span[b-o2tefs9vg7],
.candidate-credential-date-range span[b-o2tefs9vg7],
.candidate-credential-line-secondary span[b-o2tefs9vg7],
.candidate-credential-text-line span[b-o2tefs9vg7],
.candidate-credential-check-row span[b-o2tefs9vg7] {
    display: block;
    margin-bottom: 3px;
    color: #657485;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.candidate-credential-text-line[b-o2tefs9vg7] {
    margin-top: 8px;
}

.candidate-credential-text-line p[b-o2tefs9vg7] {
    margin: 0;
    color: #334150;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.35;
    white-space: pre-wrap;
}

.candidate-credential-check-row[b-o2tefs9vg7] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    border-top: 1px solid #eef2f6;
    margin-top: 8px;
    padding-top: 8px;
}

.candidate-credential-check-row label[b-o2tefs9vg7] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.candidate-credential-check-row input[type="checkbox"][b-o2tefs9vg7] {
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
    margin: 0;
    accent-color: #0078c2;
}

.candidate-credential-actions[b-o2tefs9vg7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-left: auto;
}

@media (max-width: 720px) {
    .candidate-qualification-tags-header[b-o2tefs9vg7] {
        align-items: stretch;
        flex-direction: column;
    }

    .candidate-qualification-edit-button[b-o2tefs9vg7],
    .candidate-skill-position-actions[b-o2tefs9vg7],
    .candidate-skill-position-actions button[b-o2tefs9vg7] {
        width: 100%;
    }

    .candidate-qualification-tag-grid[b-o2tefs9vg7],
    .candidate-skill-position-tag-grid[b-o2tefs9vg7] {
        grid-template-columns: 1fr;
    }

    .candidate-qualification-form-grid[b-o2tefs9vg7],
    .candidate-qualification-form-grid-three[b-o2tefs9vg7],
    .candidate-credential-line-top[b-o2tefs9vg7],
    .candidate-credential-line-secondary[b-o2tefs9vg7] {
        grid-template-columns: 1fr;
    }

    .candidate-credential-date-range[b-o2tefs9vg7] {
        text-align: left;
    }

    .candidate-credential-toolbar[b-o2tefs9vg7],
    .candidate-credential-toolbar-button[b-o2tefs9vg7],
    .candidate-credential-toolbar .ammon-button[b-o2tefs9vg7] {
        width: 100%;
    }

    .candidate-credential-actions[b-o2tefs9vg7] {
        width: 100%;
        margin-left: 0;
    }

    .candidate-qualification-form-actions[b-o2tefs9vg7],
    .candidate-qualification-form-actions button[b-o2tefs9vg7] {
        width: 100%;
    }
}
/* /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/InternalMobileDashboard.razor.rz.scp.css */
.internal-mobile-dashboard[b-eclweoc3jp] {
    display: grid;
    gap: 10px;
    padding: 8px 0 12px;
    color: #22313f;
    font-family: Poppins, Arial, sans-serif;
}

.internal-mobile-dashboard *[b-eclweoc3jp],
.internal-mobile-dashboard *[b-eclweoc3jp]::before,
.internal-mobile-dashboard *[b-eclweoc3jp]::after {
    box-sizing: border-box;
}

.internal-mobile-dashboard button[b-eclweoc3jp] {
    font-family: Poppins, Arial, sans-serif;
    transition: transform 90ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.internal-mobile-dashboard button:active[b-eclweoc3jp] {
    transform: scale(0.97);
}

.internal-mobile-hero[b-eclweoc3jp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 6px 2px;
}

.internal-mobile-hero div[b-eclweoc3jp] {
    display: grid;
    gap: 3px;
}

.internal-mobile-hero span[b-eclweoc3jp] {
    color: #687687;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.internal-mobile-hero strong[b-eclweoc3jp] {
    color: #1f2f3f;
    font-size: 1.42rem;
    line-height: 1.05;
    font-weight: 650;
}

.internal-mobile-hero button[b-eclweoc3jp] {
    width: 36px;
    height: 36px;
    border: 1px solid #d6e0ea;
    border-radius: 8px;
    background: #ffffff;
    color: #0a76c8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.internal-mobile-hero button span[b-eclweoc3jp] {
    width: 17px;
    height: 17px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%206v5h-5M4%2018v-5h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath%20d='M18%2010a6.5%206.5%200%200%200-11-3.5L4%2010M6%2014a6.5%206.5%200%200%200%2011%203.5l3-3.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20d='M20%206v5h-5M4%2018v-5h5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath%20d='M18%2010a6.5%206.5%200%200%200-11-3.5L4%2010M6%2014a6.5%206.5%200%200%200%2011%203.5l3-3.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.internal-mobile-summary-grid[b-eclweoc3jp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.internal-mobile-summary-grid button[b-eclweoc3jp] {
    min-height: 72px;
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
    color: #213241;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 10px;
    text-align: left;
    box-shadow: 0 6px 14px rgba(12, 31, 54, 0.05);
}

.internal-mobile-summary-grid span[b-eclweoc3jp],
.internal-mobile-panel header span[b-eclweoc3jp] {
    color: #647384;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.internal-mobile-summary-grid strong[b-eclweoc3jp] {
    color: #0a76c8;
    font-size: 1.35rem;
    line-height: 1;
}

.internal-mobile-panel[b-eclweoc3jp] {
    border: 1px solid #d7e0e8;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 6px 14px rgba(12, 31, 54, 0.05);
}

.internal-mobile-panel > header[b-eclweoc3jp] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    border-bottom: 1px solid #e3e9ef;
    background: #fbfcfd;
}

.internal-mobile-panel header div[b-eclweoc3jp] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    min-width: 0;
}

.internal-mobile-panel header strong[b-eclweoc3jp] {
    min-width: 24px;
    min-height: 18px;
    border-radius: 999px;
    background: #e8f3fb;
    color: #0a76c8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1px 7px;
    font-size: 0.72rem;
    font-weight: 900;
}

.internal-mobile-panel header button[b-eclweoc3jp] {
    min-height: 30px;
    border: 1px solid #bdd5e8;
    border-radius: 6px;
    background: #ffffff;
    color: #0a76c8;
    font-size: 0.72rem;
    font-weight: 900;
    padding: 0 9px;
}

.internal-mobile-row[b-eclweoc3jp],
.internal-mobile-shift-link[b-eclweoc3jp] {
    border: 0;
    border-bottom: 1px solid #edf2f6;
    background: #ffffff;
    color: #243647;
    width: 100%;
    min-height: 66px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 9px;
    padding: 9px 10px;
    text-align: left;
}

.internal-mobile-row > div:first-child[b-eclweoc3jp],
.internal-mobile-shift-link[b-eclweoc3jp] {
    min-width: 0;
}

.internal-mobile-row strong[b-eclweoc3jp],
.internal-mobile-shift-link strong[b-eclweoc3jp],
.internal-mobile-candidate-strip strong[b-eclweoc3jp] {
    color: #17283c;
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.internal-mobile-row span[b-eclweoc3jp],
.internal-mobile-row em[b-eclweoc3jp],
.internal-mobile-shift-link span[b-eclweoc3jp],
.internal-mobile-shift-link em[b-eclweoc3jp],
.internal-mobile-candidate-strip em[b-eclweoc3jp] {
    display: block;
    margin-top: 2px;
    color: #5c6d7f;
    font-size: 0.7rem;
    line-height: 1.25;
    font-style: normal;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.internal-mobile-row-actions[b-eclweoc3jp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(66px, 1fr));
    align-items: center;
    gap: 6px;
}

.internal-mobile-row-actions button[b-eclweoc3jp] {
    min-height: 32px;
    border: 1px solid #0a76c8;
    border-radius: 6px;
    background: #0a76c8;
    color: #ffffff;
    font-size: 0.7rem;
    font-weight: 900;
}

.internal-mobile-row-actions button.danger[b-eclweoc3jp] {
    border-color: #efc1cf;
    background: #ffffff;
    color: #b33d60;
}

.internal-mobile-shift-link[b-eclweoc3jp] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
}

.internal-mobile-candidate-strip[b-eclweoc3jp] {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(112px, 1fr);
    gap: 8px;
    overflow-x: auto;
    padding: 10px;
}

.internal-mobile-candidate-strip button[b-eclweoc3jp] {
    min-height: 92px;
    border: 1px solid #dce6ef;
    border-radius: 8px;
    background: #ffffff;
    display: grid;
    align-content: start;
    gap: 5px;
    padding: 9px;
    text-align: left;
}

.internal-mobile-candidate-strip button > span[b-eclweoc3jp] {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: #0a76c8;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.78rem;
    font-weight: 900;
}

.internal-mobile-empty[b-eclweoc3jp],
.internal-mobile-empty-line[b-eclweoc3jp],
.internal-mobile-alert[b-eclweoc3jp] {
    border: 1px dashed #c8d8e4;
    border-radius: 8px;
    background: #ffffff;
    color: #647384;
    padding: 13px 10px;
    font-size: 0.76rem;
    font-weight: 700;
    text-align: center;
}

.internal-mobile-empty-line[b-eclweoc3jp] {
    margin: 10px;
}

.internal-mobile-alert[b-eclweoc3jp] {
    border-style: solid;
    text-align: left;
}

.internal-mobile-alert.success[b-eclweoc3jp] {
    background: #eaf8f1;
    color: #17623f;
    border-color: #bfe8d2;
}

.internal-mobile-alert.error[b-eclweoc3jp] {
    background: #fff0f1;
    color: #9d2e45;
    border-color: #f0c2cc;
}

.internal-mobile-flyout-backdrop[b-eclweoc3jp] {
    position: fixed;
    inset: 56px 0 66px 0;
    z-index: 5450;
    display: flex;
    justify-content: flex-end;
    background: rgba(34, 45, 58, 0.48);
    animation: internalMobileScrimIn-b-eclweoc3jp 140ms ease;
}

.internal-mobile-flyout[b-eclweoc3jp] {
    width: min(92vw, 560px);
    height: 100%;
    background: #f7fafc;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    box-shadow: -18px 0 42px rgba(15, 34, 50, 0.28);
    animation: internalMobileFlyoutIn-b-eclweoc3jp 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.internal-mobile-flyout header[b-eclweoc3jp] {
    min-height: 56px;
    background: #ffffff;
    border-bottom: 1px solid #dce7ef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 12px;
}

.internal-mobile-flyout header div[b-eclweoc3jp] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.internal-mobile-flyout header span[b-eclweoc3jp] {
    color: #6f7b8a;
    font-size: 0.64rem;
    font-weight: 900;
    text-transform: uppercase;
}

.internal-mobile-flyout header strong[b-eclweoc3jp] {
    color: #213241;
    font-size: 0.95rem;
    font-weight: 900;
}

.internal-mobile-flyout header button[b-eclweoc3jp] {
    width: 36px;
    height: 36px;
    border: 1px solid #d4e2ec;
    border-radius: 8px;
    background: #ffffff;
    color: #243647;
    font-weight: 900;
}

.internal-mobile-flyout-body[b-eclweoc3jp] {
    overflow-y: auto;
    padding: 8px;
}

.internal-mobile-row.flyout-row[b-eclweoc3jp] {
    border: 1px solid #dce7ef;
    border-radius: 8px;
    margin-bottom: 8px;
}

@keyframes internalMobileScrimIn-b-eclweoc3jp {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes internalMobileFlyoutIn-b-eclweoc3jp {
    from {
        opacity: 0.96;
        transform: translateX(100%);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (max-width: 390px) {
    .internal-mobile-row[b-eclweoc3jp] {
        grid-template-columns: minmax(0, 1fr);
    }

    .internal-mobile-row-actions[b-eclweoc3jp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /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] {
    position: relative;
    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-notification-menu[b-iticewofav] {
    position: absolute;
    top: calc(100% + 0.55rem);
    right: 0;
    z-index: 260;
    width: min(370px, calc(100vw - 2rem));
    border: 1px solid #d8e0ea;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.22);
}

.candidate-portal-notification-menu-header[b-iticewofav] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.72rem 0.85rem;
    border-bottom: 1px solid #e5eaf0;
    color: #263241;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.candidate-portal-notification-menu-header strong[b-iticewofav] {
    min-width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    background: #ff7f7a;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
}

.candidate-portal-notification-row[b-iticewofav] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.65rem;
    padding: 0.78rem 0.85rem;
    border: 0;
    border-top: 1px solid #edf1f5;
    background: #ffffff;
    color: #263241;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.candidate-portal-notification-row:first-of-type[b-iticewofav] {
    border-top: 0;
}

.candidate-portal-notification-row:hover[b-iticewofav] {
    background: #f7fafd;
}

.candidate-portal-notification-count[b-iticewofav] {
    min-width: 1.55rem;
    height: 1.55rem;
    border-radius: 999px;
    background: #e8f4fd;
    color: #166aa8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.76rem;
    font-weight: 800;
}

.candidate-portal-notification-copy[b-iticewofav] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
}

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

.candidate-portal-notification-detail[b-iticewofav],
.candidate-portal-notification-empty[b-iticewofav] {
    color: #69788a;
    font-size: 0.78rem;
    line-height: 1.35;
}

.candidate-portal-notification-empty[b-iticewofav] {
    padding: 0.85rem;
}

.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: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    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-schedule-info {
    margin-top: 0.65rem;
    border: 1px solid #e0d8ea;
    border-radius: 10px;
    background: #fff;
    color: #2f2a36;
    padding: 0.65rem 0.75rem;
    font-size: 0.82rem;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

[b-iticewofav] .candidate-portal-schedule-info p {
    margin: 0 0 0.45rem;
}

[b-iticewofav] .candidate-portal-schedule-info p:last-child {
    margin-bottom: 0;
}

[b-iticewofav] .candidate-portal-schedule-info a {
    color: #7655a8;
    font-weight: 700;
}

[b-iticewofav] .candidate-portal-schedule-docs {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.55rem;
}

[b-iticewofav] .candidate-portal-doc-chip {
    min-height: 30px;
    border: 1px solid #d8cce5;
    border-radius: 999px;
    background: #f7f2fb;
    color: #5f4185;
    padding: 0 0.7rem;
    font: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-document-viewer-scrim {
    position: fixed;
    inset: 0;
    z-index: 480;
    background: rgba(38, 39, 53, 0.62);
}

[b-iticewofav] .candidate-portal-document-viewer {
    position: fixed;
    inset: 4vh 4vw;
    z-index: 490;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.34);
}

[b-iticewofav] .candidate-portal-document-viewer-header {
    min-height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e3e8ee;
    padding: 0.8rem 1rem;
}

[b-iticewofav] .candidate-portal-document-viewer-header h2 {
    margin: 0.1rem 0 0;
    color: #263241;
    font-size: 1rem;
    font-weight: 700;
}

[b-iticewofav] .candidate-portal-document-viewer-kicker {
    color: #8f6eba;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

[b-iticewofav] .candidate-portal-document-viewer-header button {
    min-height: 36px;
    border: 1px solid #ced7e2;
    border-radius: 8px;
    background: #ffffff;
    color: #2d3847;
    padding: 0 0.9rem;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    cursor: pointer;
}

[b-iticewofav] .candidate-portal-document-viewer iframe {
    width: 100%;
    height: 100%;
    border: 0;
    background: #f3f5f7;
}

@media (max-width: 680px) {
    [b-iticewofav] .candidate-portal-document-viewer {
        inset: 0;
        border-radius: 0;
    }

    [b-iticewofav] .candidate-portal-document-viewer-header {
        min-height: 62px;
        padding: 0.65rem 0.75rem;
    }

    [b-iticewofav] .candidate-portal-document-viewer-header h2 {
        font-size: 0.9rem;
    }
}

[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-dark-alert-link {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    text-decoration: none;
}

[b-iticewofav] .candidate-portal-dark-alert-link strong {
    color: #ffffff;
    font-size: 0.88rem;
}

[b-iticewofav] .candidate-portal-dark-alert-link span {
    color: rgba(255, 255, 255, 0.78);
}

[b-iticewofav] .candidate-portal-action-prompt-backdrop {
    position: fixed;
    inset: 0;
    z-index: 2700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(31, 37, 53, 0.5);
}

[b-iticewofav] .candidate-portal-action-prompt-dialog {
    width: min(430px, 100%);
    border: 1px solid #cbd5e1;
    background: #ffffff;
    padding: 1rem;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.24);
}

[b-iticewofav] .candidate-portal-action-prompt-title {
    margin-top: 0.2rem;
    color: #172338;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.25;
}

[b-iticewofav] .candidate-portal-action-prompt-copy {
    margin-top: 0.35rem;
    color: #536274;
    font-size: 0.9rem;
}

[b-iticewofav] .candidate-portal-action-prompt-next {
    margin-top: 0.85rem;
    border: 1px solid #dce4ed;
    background: #f8fafc;
    padding: 0.65rem 0.75rem;
}

[b-iticewofav] .candidate-portal-action-prompt-next span,
[b-iticewofav] .candidate-portal-action-prompt-next strong {
    display: block;
}

[b-iticewofav] .candidate-portal-action-prompt-next span {
    color: #6d7b8d;
    font-size: 0.7rem;
    font-weight: 800;
    text-transform: uppercase;
}

[b-iticewofav] .candidate-portal-action-prompt-next strong {
    margin-top: 0.18rem;
    color: #243041;
    font-size: 0.9rem;
}

[b-iticewofav] .candidate-portal-action-prompt-actions {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
}

[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] {
        position: relative;
        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-mobile-settings-badge[b-iticewofav] {
        position: absolute;
        top: -0.22rem;
        right: -0.22rem;
        min-width: 1.1rem;
        height: 1.1rem;
        padding: 0 0.25rem;
        border-radius: 999px;
        background: #ff7f7a;
        color: #ffffff;
        font-size: 0.64rem;
        font-weight: 800;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .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-notification-link[b-iticewofav] {
        align-items: flex-start;
    }

    .candidate-portal-more-notification-link span:first-child[b-iticewofav] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0.14rem;
    }

    .candidate-portal-more-notification-link strong[b-iticewofav] {
        color: #ffffff;
        font-size: 0.92rem;
        line-height: 1.25;
    }

    .candidate-portal-more-notification-link small[b-iticewofav] {
        color: rgba(255, 255, 255, 0.68);
        font-size: 0.76rem;
        line-height: 1.35;
    }

    .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;
    }

    [b-iticewofav] .candidate-portal-action-prompt-backdrop {
        align-items: flex-end;
        padding: 0.75rem 0.75rem calc(0.75rem + env(safe-area-inset-bottom));
    }

    [b-iticewofav] .candidate-portal-action-prompt-dialog,
    [b-iticewofav] .candidate-portal-action-prompt-actions,
    [b-iticewofav] .candidate-portal-action-prompt-actions button {
        width: 100%;
    }

    [b-iticewofav] .candidate-portal-action-prompt-actions {
        flex-direction: column-reverse;
    }
}
/* /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;
    overflow: hidden;
    flex: 0 0 auto;
}

.avio-user-avatar img[b-ahnnwyoqsh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.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;
}

.linked-candidate-cell[b-6oomeitn0u] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.linked-candidate-photo[b-6oomeitn0u] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd9e3;
    border-radius: 50%;
    background: #eef3f7;
    color: #315364;
    object-fit: cover;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
}

.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/BackOfficeDashboard.razor.rz.scp.css */
.backoffice-dashboard-page[b-c5w0z9a5i4] {
    display: grid;
    gap: 10px;
    color: #1f2b34;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.backoffice-dashboard-header[b-c5w0z9a5i4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 2px 8px;
    background: #ffffff;
}

.backoffice-dashboard-eyebrow[b-c5w0z9a5i4] {
    color: #3c6975;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.backoffice-dashboard-header h1[b-c5w0z9a5i4] {
    margin: 3px 0 2px;
    color: #122e3b;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.15;
}

.backoffice-dashboard-header p[b-c5w0z9a5i4] {
    margin: 0;
    color: #5c7278;
    font-size: 0.78rem;
    font-weight: 500;
}

.backoffice-dashboard-action[b-c5w0z9a5i4] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0a76c8;
    border-radius: 3px;
    background: #0a76c8;
    color: #ffffff;
    padding: 0 13px;
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.backoffice-dashboard-message[b-c5w0z9a5i4] {
    border: 1px solid #d7e1e8;
    background: #ffffff;
    color: #344b58;
    padding: 9px 10px;
    font-size: 0.78rem;
    font-weight: 600;
}

.backoffice-dashboard-message.error[b-c5w0z9a5i4] {
    background: #fff4e7;
    color: #8a4f09;
}

.backoffice-paybill-widget-grid[b-c5w0z9a5i4] {
    display: grid;
    grid-template-columns: repeat(6, minmax(150px, 1fr));
    gap: 8px;
}

.backoffice-paybill-widget[b-c5w0z9a5i4] {
    min-width: 0;
    display: grid;
    gap: 4px;
    border: 1px solid #c9d4dd;
    border-left: 4px solid #2c869c;
    border-radius: 3px;
    background: #ffffff;
    padding: 8px 9px;
    color: #20313d;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(17, 32, 46, 0.1);
}

.backoffice-paybill-widget.primary[b-c5w0z9a5i4] {
    border-left-color: #0a76c8;
    background: #f7fbfe;
}

.backoffice-paybill-widget span[b-c5w0z9a5i4] {
    color: #526777;
    font-size: 0.64rem;
    font-weight: 800;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.backoffice-paybill-widget strong[b-c5w0z9a5i4] {
    color: #122e3b;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backoffice-paybill-widget small[b-c5w0z9a5i4] {
    color: #607180;
    font-size: 0.66rem;
    font-weight: 600;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.backoffice-paybill-widget:hover[b-c5w0z9a5i4] {
    border-color: #9fb8c8;
    color: #00528a;
}

@media (max-width: 1180px) {
    .backoffice-paybill-widget-grid[b-c5w0z9a5i4] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .backoffice-dashboard-header[b-c5w0z9a5i4] {
        display: grid;
    }

    .backoffice-paybill-widget-grid[b-c5w0z9a5i4] {
        grid-template-columns: 1fr;
    }
}
/* /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;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-portal-onboarding-page *[b-9u5ugqz45z],
.candidate-portal-onboarding-page *[b-9u5ugqz45z]::before,
.candidate-portal-onboarding-page *[b-9u5ugqz45z]::after {
    box-sizing: border-box;
}

.candidate-task-shell[b-9u5ugqz45z] {
    display: grid;
    gap: 22px;
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
}

.candidate-portal-onboarding-page-embedded[b-9u5ugqz45z] {
    padding: 0;
}

.candidate-portal-onboarding-page-embedded .candidate-task-shell[b-9u5ugqz45z] {
    max-width: none;
    gap: 18px;
}

.candidate-onboarding-brand-row[b-9u5ugqz45z] {
    min-height: 68px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.candidate-onboarding-logo[b-9u5ugqz45z] {
    width: 195px;
    max-width: 58vw;
    height: auto;
    display: block;
}

.candidate-onboarding-close[b-9u5ugqz45z] {
    width: 38px;
    height: 38px;
    border: 1px solid #d9e1ea;
    border-radius: 999px;
    background: #ffffff;
    color: #263445;
    font: inherit;
    font-size: 1.35rem;
    line-height: 1;
    cursor: pointer;
}

.candidate-onboarding-intro[b-9u5ugqz45z] {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.candidate-onboarding-kicker[b-9u5ugqz45z] {
    margin-bottom: 10px;
    color: #6d7a88;
    font-size: 0.95rem;
    font-weight: 400;
}

.candidate-onboarding-intro h1[b-9u5ugqz45z] {
    margin: 0 0 12px;
    color: #1f2d3d;
    font-size: clamp(2rem, 4vw, 3.15rem);
    line-height: 1.12;
    font-weight: 500;
}

.candidate-onboarding-intro p[b-9u5ugqz45z] {
    margin: 0 auto;
    max-width: 980px;
    color: #576575;
    font-size: 1rem;
    line-height: 1.65;
    font-weight: 400;
}

.candidate-task-nav[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 12px 0;
    overflow: visible;
    border-bottom: 0;
    background: transparent;
    width: 100%;
    max-width: 1100px;
    margin: 4px auto 0;
    position: relative;
}

.candidate-task-nav[b-9u5ugqz45z]::before {
    display: none;
}

.candidate-task-nav-button[b-9u5ugqz45z] {
    flex: 1 1 88px;
    width: 88px;
    min-width: 74px;
    max-width: 128px;
    min-height: 62px;
    padding: 36px 4px 0;
    border: 0;
    background: transparent;
    color: #637184;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.candidate-task-nav-button[b-9u5ugqz45z]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 16px;
    height: 3px;
    background: #ccd6e1;
    z-index: 0;
}

.candidate-task-nav-button span[b-9u5ugqz45z] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.25;
}

.candidate-task-nav-button.active[b-9u5ugqz45z] {
    color: #006d7d;
    background: transparent;
}

.candidate-task-nav-button[b-9u5ugqz45z]::before {
    content: "";
    position: absolute;
    top: 9px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #aeb8c2;
    box-shadow: 0 0 0 4px #ffffff;
    color: #ffffff;
    display: grid;
    place-items: center;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    z-index: 1;
}

.candidate-task-nav-button.active[b-9u5ugqz45z]::before {
    background: #008b97;
}

.candidate-task-nav-button.complete[b-9u5ugqz45z]::before {
    content: "\2713";
    background: #35b443;
}

.candidate-task-stage[b-9u5ugqz45z] {
    min-width: 0;
    display: flex;
    justify-content: center;
}

.candidate-task-panel[b-9u5ugqz45z] {
    width: min(980px, 100%);
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: none;
    overflow: hidden;
}

.candidate-task-panel.resume-task-panel[b-9u5ugqz45z] {
    width: min(980px, 100%);
}

.candidate-task-panel-title[b-9u5ugqz45z] {
    padding: 18px 20px 0;
    background: #ffffff;
    color: #213140;
    font-size: 1.02rem;
    font-weight: 700;
}

.candidate-task-panel-body[b-9u5ugqz45z] {
    padding: 16px 18px 18px;
}

.resume-task-body[b-9u5ugqz45z] {
    padding: 22px 34px 28px;
}

.resume-drop-area[b-9u5ugqz45z] {
    display: grid;
    gap: 6px;
    margin: 10px 0 20px;
    padding: 24px 20px;
    border: 2px dashed #c7cbd1;
    color: #29384a;
    text-align: center;
}

.resume-drop-area strong[b-9u5ugqz45z] {
    font-size: 0.82rem;
}

.resume-drop-area span[b-9u5ugqz45z] {
    font-size: 0.72rem;
}

.resume-upload-button[b-9u5ugqz45z] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
    border: 1px solid #0077bd;
    border-radius: 3px;
    background: #ffffff;
    color: #0077bd;
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.18);
}

.resume-upload-button:hover[b-9u5ugqz45z],
.resume-upload-button:focus-within[b-9u5ugqz45z] {
    background: #f2f9ff;
}

.resume-upload-button svg[b-9u5ugqz45z],
.resume-icon-button svg[b-9u5ugqz45z] {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}

.resume-file-input[b-9u5ugqz45z] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.resume-file-input:disabled[b-9u5ugqz45z],
.resume-file-input:disabled + span[b-9u5ugqz45z] {
    cursor: not-allowed;
}

.task-action-row[b-9u5ugqz45z],
.task-footer-row[b-9u5ugqz45z],
.task-upload-block[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.task-action-row[b-9u5ugqz45z] {
    justify-content: flex-start;
}

.task-file-input[b-9u5ugqz45z] {
    max-width: 260px;
    font-size: 0.78rem;
}

.task-primary-button[b-9u5ugqz45z],
.task-outline-button[b-9u5ugqz45z],
.task-ghost-button[b-9u5ugqz45z] {
    min-height: 32px;
    padding: 0 13px;
    border-radius: 4px;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    cursor: pointer;
}

.task-primary-button[b-9u5ugqz45z] {
    border: 1px solid #0077bd;
    background: #0077bd;
    color: #ffffff;
}

.task-outline-button[b-9u5ugqz45z] {
    border: 1px solid #0077bd;
    background: #ffffff;
    color: #0062a0;
    text-decoration: none;
}

.task-ghost-button[b-9u5ugqz45z] {
    border: 1px solid transparent;
    background: transparent;
    color: #0062a0;
}

.task-primary-button:disabled[b-9u5ugqz45z],
.task-outline-button:disabled[b-9u5ugqz45z],
.task-ghost-button:disabled[b-9u5ugqz45z],
.round-add-button:disabled[b-9u5ugqz45z] {
    opacity: 0.55;
    cursor: not-allowed;
}

.task-helper-text[b-9u5ugqz45z],
.task-muted[b-9u5ugqz45z],
.task-label[b-9u5ugqz45z] {
    font-size: 0.76rem;
    color: #53657a;
}

.task-label[b-9u5ugqz45z] {
    margin-bottom: 8px;
    font-weight: 700;
    color: #29384a;
}

.task-muted.boxed[b-9u5ugqz45z] {
    margin: 12px 0;
    padding: 10px 12px;
    border: 1px solid #c9d8e7;
    background: #eef7ff;
}

.onboarding-info-panel .task-muted.boxed[b-9u5ugqz45z] {
    max-width: 760px;
    margin: 0 auto 14px;
    border-radius: 8px;
    font-size: 0.88rem;
    line-height: 1.55;
    text-align: center;
}

.resume-list[b-9u5ugqz45z] {
    margin-top: 22px;
    border-bottom: 1px solid #d9e1ea;
}

.resume-row[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid #e5ebf1;
    font-size: 0.8rem;
    color: #29384a;
}

.resume-actions[b-9u5ugqz45z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.resume-icon-button[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border: 0;
    background: transparent;
    color: #0077bd;
    text-decoration: none;
    cursor: pointer;
}

.resume-icon-button:hover[b-9u5ugqz45z],
.resume-icon-button:focus[b-9u5ugqz45z] {
    color: #005f97;
}

.resume-icon-button.danger[b-9u5ugqz45z] {
    color: #e3342f;
}

.resume-icon-button:disabled[b-9u5ugqz45z] {
    opacity: 0.5;
    cursor: not-allowed;
}

.task-form-grid[b-9u5ugqz45z] {
    display: grid;
    gap: 12px 18px;
}

.task-form-grid.two[b-9u5ugqz45z] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.task-form-grid.three[b-9u5ugqz45z] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.task-form-grid.four[b-9u5ugqz45z] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.task-form-grid.competencies[b-9u5ugqz45z] {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 28px;
    align-items: end;
}

.task-form-grid.direct-deposit[b-9u5ugqz45z],
.task-form-grid.tax-grid[b-9u5ugqz45z],
.task-form-grid.i9-document-grid[b-9u5ugqz45z],
.profile-sync-form .task-form-grid[b-9u5ugqz45z] {
    width: min(720px, 100%);
}

.task-form-grid.personal-info-grid[b-9u5ugqz45z] {
    width: min(820px, 100%);
}

.task-form-grid.direct-deposit[b-9u5ugqz45z],
.task-form-grid.tax-grid[b-9u5ugqz45z],
.task-form-grid.i9-document-grid[b-9u5ugqz45z] {
    grid-template-columns: 1fr;
}

.task-form-grid label[b-9u5ugqz45z] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.task-form-grid label.full[b-9u5ugqz45z] {
    grid-column: 1 / -1;
}

.task-form-grid .full[b-9u5ugqz45z] {
    grid-column: 1 / -1;
}

.task-form-grid span[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.72rem;
    font-weight: 700;
}

.field-help[b-9u5ugqz45z] {
    display: block;
    color: #64758a;
    font-size: 0.72rem;
    font-weight: 400;
    line-height: 1.45;
}

.task-form-grid input[b-9u5ugqz45z],
.task-form-grid select[b-9u5ugqz45z],
.task-form-grid textarea[b-9u5ugqz45z] {
    width: 100%;
    min-height: 34px;
    padding: 7px 9px;
    border: 1px solid #c8ced6;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2f42;
    font: inherit;
    font-size: 0.82rem;
}

.task-form-grid textarea[b-9u5ugqz45z] {
    min-height: 74px;
    resize: vertical;
}

.task-form-grid input[readonly][b-9u5ugqz45z] {
    background: #f5f7fa;
    color: #405168;
}

.currency-input-wrap[b-9u5ugqz45z] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.currency-input-wrap > span[b-9u5ugqz45z] {
    position: absolute;
    top: 50%;
    left: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    color: #53657a;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.task-form-grid .currency-input-wrap > input[b-9u5ugqz45z],
.tax-question-card .currency-input-wrap > input[b-9u5ugqz45z] {
    padding-left: 30px;
}

.task-checkbox-field[b-9u5ugqz45z] {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    gap: 8px !important;
    min-height: 34px;
    color: #26364a;
    font-size: 0.82rem;
    font-weight: 600;
}

.task-checkbox-field input[b-9u5ugqz45z] {
    flex: 0 0 auto;
    width: 16px;
    min-height: 16px;
    height: 16px;
    padding: 0;
}

.task-checkbox-field span[b-9u5ugqz45z] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #26364a;
}

.personal-info-form .task-footer-row[b-9u5ugqz45z] {
    margin-top: 16px;
}

.round-add-button[b-9u5ugqz45z] {
    width: 24px;
    height: 24px;
    border: 1px solid #0077bd;
    border-radius: 999px;
    background: #ffffff;
    color: #0077bd;
    font-weight: 800;
    cursor: pointer;
}

.selected-skills[b-9u5ugqz45z] {
    margin-top: 12px;
}

.skill-chip-row[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill-chip[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 260px;
    min-height: 28px;
    padding: 0 8px;
    border: 1px solid #d75a7b;
    border-radius: 2px;
    background: #fff5f8;
    color: #b32852;
    font-size: 0.76rem;
}

.skill-chip button[b-9u5ugqz45z] {
    border: none;
    background: transparent;
    color: #b32852;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.direct-deposit-instructions[b-9u5ugqz45z] {
    margin-bottom: 12px;
    color: #29384a;
    font-size: 0.78rem;
}

.direct-deposit-instructions p[b-9u5ugqz45z] {
    margin: 0 0 6px;
}

.direct-deposit-instructions ul[b-9u5ugqz45z] {
    margin: 0;
    padding-left: 22px;
}

.direct-deposit-rule-card[b-9u5ugqz45z] {
    width: min(720px, 100%);
    display: grid;
    gap: 6px;
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #f7fafc;
    color: #405168;
    font-size: 0.78rem;
    line-height: 1.45;
}

.direct-deposit-rule-card strong[b-9u5ugqz45z] {
    color: #203044;
    font-size: 0.86rem;
    font-weight: 700;
}

.direct-deposit-authorization-card[b-9u5ugqz45z] {
    width: min(720px, 100%);
    margin: 12px 0 0;
}

.direct-deposit-authorization-check[b-9u5ugqz45z] {
    align-items: flex-start;
    padding: 12px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #f7fafc;
    line-height: 1.45;
}

.direct-deposit-authorization-check input[b-9u5ugqz45z] {
    margin-top: 2px;
}

.direct-deposit-account-list[b-9u5ugqz45z] {
    width: min(720px, 100%);
    display: grid;
    gap: 12px;
}

.direct-deposit-account-card[b-9u5ugqz45z] {
    display: grid;
    gap: 12px;
    padding: 12px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fbfcfd;
}

.direct-deposit-account-card-header[b-9u5ugqz45z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.direct-deposit-account-card-header strong[b-9u5ugqz45z] {
    display: block;
    color: #1f2f42;
    font-size: 0.92rem;
    font-weight: 700;
}

.direct-deposit-account-card-header span[b-9u5ugqz45z] {
    display: block;
    color: #64758a;
    font-size: 0.76rem;
}

.direct-deposit-account-actions[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.task-ghost-button.danger[b-9u5ugqz45z] {
    color: #b42318;
}

.payment-choice-row[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 14px;
    font-size: 0.82rem;
    color: #29384a;
}

.payment-choice-row label[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.existing-account-list[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
    width: min(520px, 100%);
    margin-top: 14px;
}

.existing-account-row[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
    border: 1px solid #e0e6ed;
    background: #fbfcfd;
    font-size: 0.78rem;
    color: #29384a;
}

.existing-account-row small[b-9u5ugqz45z] {
    color: #64758a;
}

.existing-record-list[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
    width: min(720px, 100%);
    margin-bottom: 14px;
}

.existing-record-row[b-9u5ugqz45z] {
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid #d9e2ec;
    background: #fbfcfd;
    color: #26364a;
    font-size: 0.8rem;
}

.existing-record-row strong[b-9u5ugqz45z] {
    color: #1d2c3d;
    font-size: 0.84rem;
}

.task-checkbox-field span[b-9u5ugqz45z] {
    display: grid;
    gap: 3px;
}

.task-instruction-card[b-9u5ugqz45z] {
    width: min(720px, 100%);
    display: grid;
    gap: 7px;
    margin: 0 0 14px;
    padding: 12px 14px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #f7fafc;
    color: #405168;
    font-size: 0.82rem;
    line-height: 1.5;
}

.personal-info-ssn-card[b-9u5ugqz45z] {
    width: min(820px, 100%);
}

.task-instruction-card p[b-9u5ugqz45z] {
    margin: 0;
}

.existing-record-row span[b-9u5ugqz45z],
.existing-record-row small[b-9u5ugqz45z] {
    color: #64758a;
}

.tax-form-panel .task-helper-text[b-9u5ugqz45z] {
    width: min(720px, 100%);
}

.tax-question-list[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
    width: min(720px, 100%);
}

.tax-question-card[b-9u5ugqz45z] {
    display: grid;
    gap: 9px;
    padding: 11px 12px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fbfcfd;
}

.tax-question-prompt[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.4;
}

.tax-question-prompt.small[b-9u5ugqz45z] {
    font-size: 0.82rem;
}

.tax-question-followup[b-9u5ugqz45z] {
    display: grid;
    gap: 6px;
    padding-top: 2px;
}

.tax-question-followup span[b-9u5ugqz45z],
.tax-question-card > label > span[b-9u5ugqz45z] {
    color: #243447;
    font-size: 0.78rem;
    font-weight: 600;
}

.tax-question-card input[type="text"][b-9u5ugqz45z],
.tax-question-card input[type="number"][b-9u5ugqz45z],
.tax-question-card input:not([type])[b-9u5ugqz45z],
.tax-question-card select[b-9u5ugqz45z] {
    width: 100%;
    min-height: 38px;
    padding: 8px 9px;
    border: 1px solid #c8d3df;
    border-radius: 5px;
    background: #ffffff;
    color: #1f2f42;
    font: inherit;
    font-size: 0.82rem;
}

.tax-question-card .currency-input-wrap > span[b-9u5ugqz45z],
.tax-question-followup .currency-input-wrap > span[b-9u5ugqz45z] {
    top: 50%;
    width: 12px;
    font-size: 0.78rem;
    font-weight: 500;
    line-height: 1;
    transform: translateY(-50%);
}

.tax-question-card .currency-input-wrap > input[b-9u5ugqz45z],
.tax-question-followup .currency-input-wrap > input[b-9u5ugqz45z] {
    padding-left: 30px;
}

.tax-question-card input[type="radio"][b-9u5ugqz45z] {
    width: 14px;
    height: 14px;
}

.signature-panel .document-window[b-9u5ugqz45z] {
    min-height: 260px;
    max-height: 480px;
    overflow: auto;
    padding: 18px;
    border: 1px solid #d2d8e0;
    background: #fbfcfd;
    color: #26364a;
    font-size: 0.86rem;
    line-height: 1.55;
}

.signature-panel .document-window h3[b-9u5ugqz45z],
.signature-panel .document-window h4[b-9u5ugqz45z],
.signature-panel .document-window p[b-9u5ugqz45z] {
    margin: 0;
}

.signature-panel .document-window h3[b-9u5ugqz45z] {
    margin-top: 16px;
    margin-bottom: 7px;
    color: #1f2f42;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.35;
}

.signature-panel .document-window h3:first-child[b-9u5ugqz45z] {
    margin-top: 0;
}

.signature-panel .document-window h4[b-9u5ugqz45z] {
    margin-top: 12px;
    margin-bottom: 5px;
    color: #26364a;
    font-size: 0.86rem;
    font-weight: 650;
    line-height: 1.35;
}

.signature-panel .document-window p[b-9u5ugqz45z] {
    margin-bottom: 9px;
    font-weight: 400;
}

.signature-panel .document-window .document-list-item[b-9u5ugqz45z] {
    position: relative;
    margin-bottom: 4px;
    padding-left: 15px;
}

.signature-panel .document-window .document-list-item[b-9u5ugqz45z]::before {
    content: "";
    position: absolute;
    top: 0.72em;
    left: 2px;
    width: 4px;
    height: 4px;
    border-radius: 999px;
    background: #6b7b8e;
}

.signature-modal-backdrop[b-9u5ugqz45z] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(20, 31, 44, 0.46);
}

.signature-modal[b-9u5ugqz45z] {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(560px, 100%);
    max-height: calc(100vh - 40px);
    overflow: auto;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #ffffff;
    padding: 24px;
    box-shadow: 0 24px 60px rgba(18, 31, 45, 0.22);
    color: #26364a;
}

.signature-modal-close[b-9u5ugqz45z] {
    position: absolute;
    top: 10px;
    right: 10px;
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border: 1px solid #d8e2ec;
    border-radius: 999px;
    background: #ffffff;
    color: #52647a;
    font-size: 0.85rem;
    font-weight: 700;
    cursor: pointer;
}

.signature-modal-kicker[b-9u5ugqz45z] {
    color: #008fa3;
    font-size: 0.78rem;
    font-weight: 600;
}

.signature-modal h2[b-9u5ugqz45z],
.signature-modal p[b-9u5ugqz45z] {
    margin: 0;
}

.signature-modal h2[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 1.2rem;
    font-weight: 700;
}

.signature-modal p[b-9u5ugqz45z],
.signature-consent-row[b-9u5ugqz45z] {
    color: #52647a;
    font-size: 0.86rem;
    line-height: 1.45;
}

.signature-preview-box[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
    border: 1px solid #c8dbe9;
    border-radius: 7px;
    background: #f7fbfd;
    padding: 14px;
}

.signature-preview-box div[b-9u5ugqz45z] {
    display: grid;
    gap: 3px;
}

.signature-preview-box span[b-9u5ugqz45z] {
    color: #64758a;
    font-size: 0.72rem;
    font-weight: 600;
}

.signature-preview-box strong[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.94rem;
    font-weight: 700;
}

.signature-preview-mark[b-9u5ugqz45z] {
    font-size: 1.05rem;
}

.signature-consent-row[b-9u5ugqz45z] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #34465c;
}

.signature-consent-row input[b-9u5ugqz45z] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.signature-dialog-error[b-9u5ugqz45z] {
    border: 1px solid #f3c1c1;
    border-radius: 6px;
    background: #fff5f5;
    color: #9b1c1c;
    padding: 10px 12px;
    font-size: 0.82rem;
}

.signature-modal-actions[b-9u5ugqz45z] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.signature-modal-actions .task-primary-button[b-9u5ugqz45z],
.signature-modal-actions .task-outline-button[b-9u5ugqz45z] {
    width: auto;
    min-width: 150px;
}

.health-questionnaire-intro[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
    color: #29384a;
    font-size: 0.82rem;
    line-height: 1.45;
}

.health-questionnaire-intro p[b-9u5ugqz45z] {
    margin: 0;
}

.health-questionnaire-warning[b-9u5ugqz45z] {
    font-weight: 700;
    letter-spacing: 0;
}

.health-questionnaire-section-title[b-9u5ugqz45z] {
    margin: 12px 0 8px;
    color: #1f2f42;
    font-size: 0.9rem;
    font-weight: 700;
}

.simple-form-panel[b-9u5ugqz45z] {
    display: grid;
    gap: 14px;
}

.healthcare-form-panel[b-9u5ugqz45z] {
    gap: 16px;
}

.healthcare-form-list[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.healthcare-form-field[b-9u5ugqz45z] {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 10px;
    border: 1px solid #d9e2ec;
    border-radius: 8px;
    background: #fbfcfd;
}

.healthcare-form-field.full[b-9u5ugqz45z] {
    grid-column: 1 / -1;
}

.healthcare-form-label[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.35;
}

.healthcare-form-input[b-9u5ugqz45z],
.healthcare-form-field select[b-9u5ugqz45z],
.healthcare-form-field input[b-9u5ugqz45z],
.healthcare-form-field textarea[b-9u5ugqz45z] {
    width: 100%;
    min-height: 38px;
    padding: 8px 9px;
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #ffffff;
    color: #1f2f42;
    font: inherit;
    font-size: 0.82rem;
}

.healthcare-form-field textarea[b-9u5ugqz45z] {
    min-height: 88px;
    resize: vertical;
}

.healthcare-answer-options[b-9u5ugqz45z] {
    justify-content: flex-start;
    gap: 18px;
}

.healthcare-detail-field[b-9u5ugqz45z] {
    margin-top: 2px;
}

.simple-choice-card[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
    width: min(520px, 100%);
    border: 1px solid #d9e2ec;
    background: #fbfcfd;
    padding: 12px;
}

.simple-choice-title[b-9u5ugqz45z] {
    color: #1d2c3d;
    font-size: 0.88rem;
    font-weight: 700;
}

.simple-choice-options[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.simple-choice-options label[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    color: #27364a;
    font-size: 0.84rem;
    font-weight: 700;
}

.compact-selects[b-9u5ugqz45z] {
    width: min(760px, 100%);
}

.health-question-list[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
}

.health-condition-card[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
    padding: 7px 9px;
    border: 1px solid #e1e7ee;
    background: #fbfcfd;
}

.health-condition-card .health-question-row[b-9u5ugqz45z] {
    min-height: 36px;
    padding: 0;
    border: 0;
    background: transparent;
}

.health-question-row[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 12px;
    align-items: center;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid #e1e7ee;
    background: #fbfcfd;
}

.health-question-text[b-9u5ugqz45z] {
    min-width: 0;
    color: #26364a;
    font-size: 0.82rem;
    line-height: 1.35;
}

.health-answer-options[b-9u5ugqz45z] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    white-space: nowrap;
}

.health-answer-options label[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #26364a;
    font-size: 0.78rem;
    font-weight: 700;
}

.health-answer-options input[b-9u5ugqz45z] {
    width: 14px;
    height: 14px;
}

.health-condition-detail-field[b-9u5ugqz45z] {
    width: 100%;
}

.job-related-question-list[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
}

.job-related-question-card[b-9u5ugqz45z] {
    display: grid;
    gap: 9px;
    padding: 10px 11px;
    border: 1px solid #d9e2ec;
    background: #fbfcfd;
}

.job-related-question-prompt[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.84rem;
    font-weight: 600;
    line-height: 1.4;
}

.job-related-question-help[b-9u5ugqz45z] {
    color: #516173;
    font-size: 0.8rem;
    line-height: 1.4;
}

.task-required-pill[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    margin-left: 6px;
    padding: 0 6px;
    border: 1px solid #d7e3ef;
    border-radius: 999px;
    background: #eef7ff;
    color: #305b78;
    font-size: 0.68rem;
    font-weight: 700;
}

.task-radio-row[b-9u5ugqz45z] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.task-radio-row label[b-9u5ugqz45z] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    color: #27364a;
    font-size: 0.82rem;
    font-weight: 600;
}

.job-related-question-input[b-9u5ugqz45z],
.job-related-question-card textarea[b-9u5ugqz45z] {
    width: 100%;
    padding: 8px 9px;
    border: 1px solid #c8ced6;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2f42;
    font: inherit;
    font-size: 0.82rem;
}

.job-related-question-card textarea[b-9u5ugqz45z] {
    min-height: 86px;
    resize: vertical;
}

.i9-current-document[b-9u5ugqz45z] {
    width: min(720px, 100%);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 14px;
    margin: 0 0 14px;
    padding: 12px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #f7fafc;
}

.i9-current-document div[b-9u5ugqz45z] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.i9-current-document span[b-9u5ugqz45z] {
    color: #64758a;
    font-size: 0.68rem;
    font-weight: 500;
}

.i9-current-document strong[b-9u5ugqz45z] {
    color: #203044;
    font-size: 0.82rem;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.i9-current-document a[b-9u5ugqz45z] {
    color: #008b97;
    font-size: 0.76rem;
    font-weight: 600;
    text-decoration: none;
}

.i9-current-document .task-outline-button[b-9u5ugqz45z] {
    align-self: end;
    justify-self: start;
}

.i9-purpose-card[b-9u5ugqz45z] {
    width: min(860px, 100%);
    display: grid;
    gap: 8px;
    margin: 0 0 14px;
    padding: 14px;
    border: 1px solid #cce4ed;
    border-radius: 8px;
    background: #f4fbfd;
    color: #405168;
    font-size: 0.82rem;
    line-height: 1.45;
}

.i9-purpose-card > strong[b-9u5ugqz45z] {
    color: #203044;
    font-size: 0.9rem;
    font-weight: 700;
}

.i9-purpose-card a[b-9u5ugqz45z] {
    color: #006f91;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.i9-field-reference-link[b-9u5ugqz45z] {
    width: fit-content;
    color: #006f91;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.35;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.i9-example-grid[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 4px;
}

.i9-example-grid div[b-9u5ugqz45z] {
    display: grid;
    gap: 5px;
    padding: 10px;
    border: 1px solid #d6e7ee;
    border-radius: 8px;
    background: #ffffff;
}

.i9-example-grid strong[b-9u5ugqz45z] {
    color: #203044;
    font-size: 0.8rem;
    font-weight: 700;
}

.i9-example-grid ul[b-9u5ugqz45z] {
    display: grid;
    gap: 5px;
    margin: 0;
    padding-left: 18px;
}

.i9-example-grid li[b-9u5ugqz45z] {
    color: #53677d;
    font-size: 0.76rem;
    line-height: 1.4;
}

.i9-rule-card[b-9u5ugqz45z] {
    width: min(860px, 100%);
    display: grid;
    gap: 6px;
    margin: 0 0 14px;
    padding: 12px;
    border: 1px solid #d6e0eb;
    border-radius: 8px;
    background: #f7fafc;
    color: #43546a;
    font-size: 0.82rem;
    line-height: 1.45;
}

.i9-rule-card strong[b-9u5ugqz45z],
.i9-document-section-title[b-9u5ugqz45z] {
    color: #203044;
    font-size: 0.88rem;
    font-weight: 700;
}

.i9-selected-document-note[b-9u5ugqz45z] {
    padding: 10px 12px;
    border: 1px solid #cae4ee;
    border-radius: 8px;
    background: #f3fbfe;
    color: #42556b;
    font-size: 0.8rem;
    line-height: 1.45;
}

.i9-document-section[b-9u5ugqz45z] {
    width: min(860px, 100%);
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #dbe3ec;
    border-radius: 8px;
    background: #ffffff;
}

.i9-upload-grid[b-9u5ugqz45z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

[b-9u5ugqz45z] .i9-upload-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 12px;
    min-height: 142px;
    padding: 14px;
    border: 1px solid #cfd8e3;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    text-align: center;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

[b-9u5ugqz45z] .i9-upload-box:hover,
[b-9u5ugqz45z] .i9-upload-box:focus-within {
    border-color: #099bc6;
    box-shadow: 0 0 0 3px rgba(9, 155, 198, 0.12);
}

[b-9u5ugqz45z] .i9-upload-box.is-drag-over {
    border-color: #099bc6;
    background: #eefafe;
    box-shadow: 0 0 0 3px rgba(9, 155, 198, 0.16);
}

[b-9u5ugqz45z] .i9-upload-meta {
    display: grid;
    gap: 6px;
    justify-items: center;
    min-width: 0;
}

[b-9u5ugqz45z] .i9-upload-title {
    display: block;
    color: #203044;
    font-size: 0.86rem;
    font-weight: 600;
}

[b-9u5ugqz45z] .i9-upload-file {
    display: block;
    color: #203044;
    font-size: 0.84rem;
    font-weight: 700;
    word-break: break-word;
}

[b-9u5ugqz45z] .i9-upload-help {
    display: block;
    color: #64758a;
    font-size: 0.76rem;
    line-height: 1.45;
}

[b-9u5ugqz45z] .i9-upload-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
}

[b-9u5ugqz45z] .i9-upload-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 128px;
    min-width: 128px;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid #099bc6;
    background: #099bc6;
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

[b-9u5ugqz45z] .i9-upload-button-secondary {
    background: #ffffff;
    color: #087f9f;
}

[b-9u5ugqz45z] .i9-upload-camera-button {
    display: none;
}

[b-9u5ugqz45z] .i9-file-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.i9-document-section .task-checkbox-field span[b-9u5ugqz45z] {
    font-weight: 400;
    line-height: 1.45;
}

.i9-review-action-row[b-9u5ugqz45z] {
    margin-top: 18px;
}

.i9-upload-next-step[b-9u5ugqz45z] {
    width: min(860px, 100%);
    margin-top: 18px;
    padding: 10px 12px;
    border: 1px solid #d7e5ef;
    border-radius: 8px;
    background: #f7fbfd;
    color: #53657a;
    font-size: 0.8rem;
    line-height: 1.45;
    text-align: center;
}

.health-detail-grid[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}

.health-detail-question-list[b-9u5ugqz45z] {
    display: grid;
    gap: 10px;
}

.health-detail-question-card[b-9u5ugqz45z] {
    display: grid;
    gap: 8px;
}

.health-detail-field[b-9u5ugqz45z] {
    display: grid;
    gap: 6px;
}

.health-detail-field span[b-9u5ugqz45z] {
    color: #1f2f42;
    font-size: 0.72rem;
    font-weight: 700;
}

.health-detail-field textarea[b-9u5ugqz45z] {
    width: 100%;
    min-height: 74px;
    resize: vertical;
    padding: 8px 9px;
    border: 1px solid #c8ced6;
    border-radius: 3px;
    background: #ffffff;
    color: #1f2f42;
    font: inherit;
    font-size: 0.82rem;
}

.signature-panel .task-footer-row[b-9u5ugqz45z],
.generic-task .task-footer-row[b-9u5ugqz45z],
.direct-deposit-instructions + .payment-choice-row ~ .task-footer-row[b-9u5ugqz45z],
.health-questionnaire-panel .task-footer-row[b-9u5ugqz45z],
.simple-form-panel .task-footer-row[b-9u5ugqz45z] {
    margin-top: 16px;
}

.generic-task[b-9u5ugqz45z] {
    color: #29384a;
    font-size: 0.86rem;
    line-height: 1.5;
}

.generic-task p[b-9u5ugqz45z] {
    margin: 0 0 12px;
}

@media (max-width: 720px) {
    .candidate-task-shell[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .candidate-onboarding-brand-row[b-9u5ugqz45z] {
        min-height: 54px;
    }

    .candidate-onboarding-logo[b-9u5ugqz45z] {
        width: 160px;
    }

    .candidate-onboarding-intro h1[b-9u5ugqz45z] {
        font-size: 1.85rem;
    }

    .candidate-onboarding-intro p[b-9u5ugqz45z] {
        font-size: 0.9rem;
        line-height: 1.55;
    }

    .candidate-task-nav[b-9u5ugqz45z] {
        gap: 10px 0;
        max-height: none;
        overflow-x: visible;
        overflow-y: visible;
        border-right: 0;
        border-bottom: 0;
        padding-bottom: 4px;
    }

    .candidate-task-nav[b-9u5ugqz45z]::before {
        display: none;
    }

    .candidate-task-nav-button[b-9u5ugqz45z] {
        flex: 0 1 82px;
        width: 82px;
        min-width: 68px;
        max-width: 92px;
        min-height: 58px;
        padding: 34px 4px 0;
        border: 0;
        font-size: 0.68rem;
        text-align: center;
    }

    .candidate-task-nav-button.active[b-9u5ugqz45z] {
        border: 0;
    }

    .candidate-task-panel[b-9u5ugqz45z] {
        width: 100%;
    }

    .candidate-task-panel-title[b-9u5ugqz45z] {
        padding: 14px 14px 0;
        font-size: 0.92rem;
    }

    .candidate-task-panel-body[b-9u5ugqz45z] {
        padding: 10px;
    }

    .resume-task-body[b-9u5ugqz45z] {
        padding: 14px;
    }

    .task-form-grid.two[b-9u5ugqz45z],
    .task-form-grid.three[b-9u5ugqz45z],
    .task-form-grid.four[b-9u5ugqz45z],
    .task-form-grid.tax-grid[b-9u5ugqz45z],
    .task-form-grid.direct-deposit[b-9u5ugqz45z],
    .task-form-grid.competencies[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .healthcare-form-list[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .healthcare-form-field[b-9u5ugqz45z] {
        padding: 9px;
    }

    .i9-current-document[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .round-add-button[b-9u5ugqz45z] {
        width: 34px;
        height: 30px;
        border-radius: 4px;
    }

    .resume-drop-area[b-9u5ugqz45z] {
        margin-left: 0;
        margin-right: 0;
        padding: 18px 12px;
    }

    .resume-row[b-9u5ugqz45z] {
        align-items: flex-start;
    }

    .task-action-row[b-9u5ugqz45z],
    .task-footer-row[b-9u5ugqz45z],
    .task-upload-block[b-9u5ugqz45z],
    .payment-choice-row[b-9u5ugqz45z] {
        align-items: stretch;
        flex-direction: column;
    }

    .direct-deposit-account-card-header[b-9u5ugqz45z],
    .direct-deposit-account-actions[b-9u5ugqz45z] {
        align-items: stretch;
        flex-direction: column;
    }

    .i9-upload-grid[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    [b-9u5ugqz45z] .i9-upload-camera-button {
        display: inline-flex;
    }

    .i9-example-grid[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .task-primary-button[b-9u5ugqz45z],
    .task-outline-button[b-9u5ugqz45z],
    .task-ghost-button[b-9u5ugqz45z] {
        width: 100%;
        min-height: 36px;
        padding: 0 9px;
        font-size: 0.74rem;
    }

    .task-form-grid[b-9u5ugqz45z] {
        gap: 9px;
    }

    .task-form-grid input[b-9u5ugqz45z],
    .task-form-grid select[b-9u5ugqz45z],
    .task-form-grid textarea[b-9u5ugqz45z],
    .healthcare-form-input[b-9u5ugqz45z],
    .healthcare-form-field select[b-9u5ugqz45z],
    .healthcare-form-field input[b-9u5ugqz45z],
    .healthcare-form-field textarea[b-9u5ugqz45z] {
        min-height: 36px;
        padding: 7px 8px;
        font-size: 0.78rem;
    }

    .task-form-grid span[b-9u5ugqz45z],
    .health-detail-field span[b-9u5ugqz45z] {
        font-size: 0.68rem;
    }

    .task-checkbox-field[b-9u5ugqz45z] {
        align-items: flex-start;
        min-height: 30px;
        font-size: 0.76rem;
    }

    .task-checkbox-field span[b-9u5ugqz45z] {
        font-size: 0.76rem;
    }

    .field-help[b-9u5ugqz45z] {
        font-size: 0.68rem;
    }

    .existing-account-row[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .health-question-row[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 8px;
    }

    .health-answer-options[b-9u5ugqz45z] {
        justify-content: flex-start;
    }

    .simple-choice-card[b-9u5ugqz45z] {
        padding: 10px;
    }

    .simple-choice-options[b-9u5ugqz45z] {
        gap: 8px;
    }

    .simple-choice-options label[b-9u5ugqz45z] {
        min-height: 34px;
        font-size: 0.78rem;
    }

    .signature-panel .document-window[b-9u5ugqz45z] {
        min-height: 220px;
        max-height: 58vh;
        padding: 12px;
        font-size: 0.78rem;
    }
}

@media (max-width: 480px) {
    .signature-modal[b-9u5ugqz45z] {
        padding: 20px 16px;
    }

    .signature-modal-actions[b-9u5ugqz45z] {
        display: grid;
    }

    .signature-modal-actions .task-primary-button[b-9u5ugqz45z],
    .signature-modal-actions .task-outline-button[b-9u5ugqz45z] {
        width: 100%;
    }

    .candidate-task-shell[b-9u5ugqz45z] {
        grid-template-columns: 1fr;
    }

    .candidate-task-nav-button[b-9u5ugqz45z] {
        font-size: 0.64rem;
        padding-left: 5px;
        padding-right: 5px;
    }

    .candidate-onboarding-intro h1[b-9u5ugqz45z] {
        font-size: 1.55rem;
    }
}
/* /Components/Pages/CandidatePortalProfile.razor.rz.scp.css */
.candidate-portal-task-flyout-backdrop[b-6oc66mxnkd] {
    position: fixed;
    inset: 0;
    z-index: 520;
    background: rgba(17, 30, 48, 0.48);
}

.candidate-portal-task-flyout[b-6oc66mxnkd] {
    position: fixed;
    top: 10vh;
    right: 2.5vw;
    z-index: 530;
    width: min(1120px, 80vw);
    height: 80vh;
    padding: 24px;
    border: 1px solid #dbe3ec;
    border-radius: 14px 0 0 14px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(17, 30, 48, 0.28);
    overflow: auto;
}

@media (max-width: 900px) {
    .candidate-portal-task-flyout[b-6oc66mxnkd] {
        inset: 4vh 0 0 0;
        width: auto;
        height: 96vh;
        padding: 18px 14px 28px;
        border-radius: 16px 16px 0 0;
    }
}

@media (max-width: 520px) {
    .candidate-portal-task-flyout[b-6oc66mxnkd] {
        padding: 14px 10px 24px;
    }
}
/* /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: var(--ammon-blue, #0a76c8);
    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: var(--ammon-blue, #0a76c8);
        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: var(--ammon-blue, #0a76c8);
        border-top: 3px solid var(--ammon-blue, #0a76c8);
        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-work-history-long-field[b-iyk8gcwznm] {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
}

.candidate-work-history-long-field textarea[b-iyk8gcwznm],
.candidate-work-history-long-field textarea.form-control[b-iyk8gcwznm] {
    width: 100%;
    min-height: 126px;
}

.candidate-form-grid-span-two[b-iyk8gcwznm] {
    grid-column: span 2;
}

.candidate-action-required[b-iyk8gcwznm] {
    padding: 12px 14px;
    border: 1px solid #d8e3ec;
    border-left: 4px solid #0a76c8;
    background: #f8fbfd;
    color: #2f4050;
    font-size: 0.86rem;
    line-height: 1.42;
}

.candidate-action-required.ready[b-iyk8gcwznm] {
    border-left-color: #39a75a;
    background: #f4fbf6;
    color: #23462f;
    font-weight: 700;
}

.candidate-employee-readiness[b-iyk8gcwznm] {
    display: grid;
    gap: 14px;
}

.candidate-employee-readiness-strip[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.candidate-employee-readiness-strip > div[b-iyk8gcwznm] {
    border: 1px solid #d8e3ec;
    background: #f8fbfd;
    padding: 10px 12px;
    min-height: 66px;
}

.candidate-employee-readiness-strip span[b-iyk8gcwznm] {
    display: block;
    margin-bottom: 5px;
    color: #778493;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.candidate-employee-readiness-strip strong[b-iyk8gcwznm] {
    display: block;
    color: #283746;
    font-size: 0.95rem;
}

.candidate-employee-readiness-strip strong.ready[b-iyk8gcwznm] {
    color: #20743b;
}

.candidate-employee-readiness-strip strong.blocked[b-iyk8gcwznm] {
    color: #9b5f00;
}

.candidate-employee-readiness-dropdown[b-iyk8gcwznm] {
    border: 1px solid #d7e1eb;
    background: #fff;
}

.candidate-employee-readiness-dropdown summary[b-iyk8gcwznm] {
    cursor: pointer;
    padding: 10px 12px;
    color: #253344;
    font-size: 0.86rem;
    font-weight: 800;
    border-bottom: 1px solid #e5edf4;
}

.candidate-employee-readiness-list[b-iyk8gcwznm] {
    display: grid;
    gap: 6px;
    padding: 8px;
}

.candidate-employee-readiness-link[b-iyk8gcwznm] {
    width: 100%;
    border: 1px solid #d8e3ec;
    background: #fbfcfe;
    display: grid;
    grid-template-columns: 26px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    text-align: left;
    color: #283746;
    cursor: pointer;
}

.candidate-employee-readiness-link:hover[b-iyk8gcwznm],
.candidate-employee-readiness-link:focus-visible[b-iyk8gcwznm] {
    border-color: #0a76c8;
    background: #f4f9fe;
}

.candidate-employee-readiness-link strong[b-iyk8gcwznm],
.candidate-employee-readiness-link em[b-iyk8gcwznm],
.candidate-employee-readiness-link small[b-iyk8gcwznm] {
    display: block;
}

.candidate-employee-readiness-link strong[b-iyk8gcwznm] {
    font-size: 0.88rem;
    font-weight: 800;
}

.candidate-employee-readiness-link em[b-iyk8gcwznm] {
    margin-top: 2px;
    color: #536475;
    font-size: 0.78rem;
    font-style: normal;
    line-height: 1.35;
}

.candidate-employee-readiness-link small[b-iyk8gcwznm] {
    margin-top: 3px;
    color: #8793a0;
    font-size: 0.69rem;
    font-weight: 800;
    text-transform: uppercase;
}

.candidate-employee-readiness-link b[b-iyk8gcwznm] {
    color: #0a65a8;
    font-size: 0.76rem;
    white-space: nowrap;
}

.candidate-employee-readiness-mark[b-iyk8gcwznm] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff4dc;
    border: 1px solid #e6b553;
    color: #8a5a00;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.76rem;
    font-weight: 900;
}

.candidate-interview-notification-strip[b-iyk8gcwznm] {
    margin-top: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #d8e1ea;
    background: #fbfcfd;
}

.candidate-interview-notification-strip label[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 0;
    color: #334251;
    font-size: 0.8rem;
    font-weight: 700;
}

.candidate-interview-notification-strip label.muted[b-iyk8gcwznm] {
    opacity: 0.55;
}

.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-application-review-meta[b-iyk8gcwznm] {
    margin-top: 3px;
    font-size: 0.78rem;
    color: #6c7886;
}

.candidate-application-answer-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 8px;
}

.candidate-application-answer-grid-single[b-iyk8gcwznm] {
    grid-template-columns: 1fr;
}

.candidate-application-answer[b-iyk8gcwznm] {
    border: 1px solid #e0e7ee;
    border-radius: 6px;
    background: #fbfdff;
    padding: 9px 10px;
    min-width: 0;
}

.candidate-application-answer-label[b-iyk8gcwznm] {
    display: block;
    font-size: 0.72rem;
    color: #667483;
    margin-bottom: 3px;
}

.candidate-application-answer-value[b-iyk8gcwznm] {
    display: block;
    font-size: 0.9rem;
    line-height: 1.35;
    color: #243444;
    overflow-wrap: anywhere;
}

.candidate-application-answer-meta[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
    font-size: 0.72rem;
    color: #5d6c7a;
}

.candidate-application-answer-meta span[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 1px 7px;
    border: 1px solid #d7e1eb;
    border-radius: 999px;
    background: #f4f8fb;
}

.candidate-application-answer-meta .danger[b-iyk8gcwznm] {
    border-color: #f2c1c1;
    background: #fff4f4;
    color: #9c2f2f;
}

.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: var(--ammon-blue, #0a76c8);
    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: var(--ammon-blue, #0a76c8);
        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-application-answer-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: var(--ammon-blue, #0a76c8);
    border-top: 3px solid var(--ammon-blue, #0a76c8);
        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-payroll-missing-card[b-iyk8gcwznm] {
    border-color: #f0b9c1;
    background: #fff7f8;
    box-shadow: inset 3px 0 0 #d94f63;
}

.candidate-payroll-missing-list[b-iyk8gcwznm] {
    display: grid;
    gap: 6px;
    color: #9c2f3e;
    font-size: 0.82rem;
    font-weight: 600;
}

.candidate-payroll-missing-list strong[b-iyk8gcwznm] {
    font-weight: 800;
}

.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-payroll-derived-input[readonly][b-iyk8gcwznm] {
    background: #f5f8fb;
    color: #233241;
    font-weight: 700;
    cursor: default;
}

.candidate-payroll-notes-grid[b-iyk8gcwznm] {
    grid-template-columns: 1fr;
}

.candidate-payroll-notes-field[b-iyk8gcwznm],
.candidate-payroll-notes-area.form-control[b-iyk8gcwznm] {
    width: 100%;
}

.candidate-payroll-notes-area.form-control[b-iyk8gcwznm] {
    min-height: 138px;
    resize: vertical;
}

.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: 9400;
    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.office-onboarding-prompt[b-iyk8gcwznm] {
    border-radius: 6px;
}

.candidate-modal.office-onboarding-prompt .candidate-modal-text[b-iyk8gcwznm] {
    display: grid;
    gap: 6px;
}

.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-linked-section-note[b-iyk8gcwznm] {
    color: #667482;
    font-size: 0.8rem;
    font-weight: 600;
    margin-bottom: 10px;
}

.candidate-linked-panel[b-iyk8gcwznm],
.candidate-linked-table-wrap[b-iyk8gcwznm] {
    width: 100%;
}

.candidate-linked-table-wrap[b-iyk8gcwznm] {
    overflow-x: auto;
}

.candidate-linked-table[b-iyk8gcwznm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.candidate-linked-table thead th[b-iyk8gcwznm] {
    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;
    text-transform: uppercase;
}

.candidate-linked-table tbody td[b-iyk8gcwznm] {
    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;
}

.candidate-linked-table tbody tr:nth-child(odd)[b-iyk8gcwznm] {
    background: #fcfdfe;
}

.candidate-linked-table tbody tr:nth-child(even)[b-iyk8gcwznm] {
    background: #f6f8fa;
}

.candidate-linked-table tbody tr:hover[b-iyk8gcwznm] {
    background: #eaf9fb;
}

.candidate-linked-link[b-iyk8gcwznm] {
    background: none;
    border: none;
    color: #0a76c8;
    font-size: 0.79rem;
    font-weight: 800;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.candidate-linked-status[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid #c8d5e1;
    border-radius: 999px;
    padding: 0 0.55rem;
    background: #f8fbfd;
    color: #304253;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.candidate-linked-status.subtle[b-iyk8gcwznm] {
    border-color: #d8e2ec;
    background: #ffffff;
    color: #546475;
}

.candidate-work-history-list[b-iyk8gcwznm] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.candidate-work-history-entry[b-iyk8gcwznm] {
    border: 1px solid #cfd7e2;
    border-radius: 4px;
    background: #ffffff;
    padding: 0;
    color: #22313f;
    box-shadow: none;
    overflow: hidden;
}

.candidate-work-history-line[b-iyk8gcwznm] {
    display: grid;
    gap: 0;
    align-items: stretch;
}

.candidate-work-history-line-top[b-iyk8gcwznm] {
    grid-template-columns: minmax(0, 1fr) minmax(150px, auto);
    border-bottom: 1px solid #d7e0ea;
    background: #f3f6f9;
    padding: 5px 8px;
    margin-bottom: 0;
}

.candidate-work-history-line-secondary[b-iyk8gcwznm] {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
    border-bottom: 1px solid #e3e8ee;
}

.candidate-work-history-primary[b-iyk8gcwznm],
.candidate-work-history-date-range[b-iyk8gcwznm],
.candidate-work-history-line-secondary > div[b-iyk8gcwznm],
.candidate-work-history-text-line[b-iyk8gcwznm] {
    min-width: 0;
    border: 0;
    border-right: 1px solid #e3e8ee;
    background: #ffffff;
    padding: 5px 8px;
    color: #233241;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.15;
}

.candidate-work-history-primary[b-iyk8gcwznm],
.candidate-work-history-date-range[b-iyk8gcwznm] {
    background: transparent;
    border-color: transparent;
    padding: 0;
}

.candidate-work-history-date-range[b-iyk8gcwznm] {
    text-align: right;
}

.candidate-work-history-primary strong[b-iyk8gcwznm],
.candidate-work-history-date-range strong[b-iyk8gcwznm] {
    display: block;
    color: #1f2d3d;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.15;
}

.candidate-work-history-primary span[b-iyk8gcwznm],
.candidate-work-history-date-range span[b-iyk8gcwznm],
.candidate-work-history-line-secondary span[b-iyk8gcwznm],
.candidate-work-history-text-line span[b-iyk8gcwznm],
.candidate-work-history-check-row span[b-iyk8gcwznm] {
    display: block;
    margin-bottom: 2px;
    color: #5e6c7a;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.candidate-work-history-text-line[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    margin-top: 0;
    padding: 0;
    border-right: 0;
    border-bottom: 1px solid #e3e8ee;
    background: #ffffff;
}

.candidate-work-history-text-line span[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 8px;
    border-right: 1px solid #e3e8ee;
    background: #f8fafc;
}

.candidate-work-history-text-line p[b-iyk8gcwznm] {
    margin: 0;
    color: #334150;
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.22;
    padding: 5px 8px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.candidate-work-history-check-row[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 0;
    padding: 5px 8px;
    background: #fcfdfe;
}

.candidate-work-history-check-row label[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0;
}

.candidate-work-history-check-row input[type="checkbox"][b-iyk8gcwznm] {
    width: 0.9rem;
    min-width: 0.9rem;
    height: 0.9rem;
    min-height: 0.9rem;
    margin: 0;
    accent-color: #0078c2;
}

.candidate-work-history-check-row .candidate-row-action[b-iyk8gcwznm] {
    margin-left: auto;
}

.candidate-form-panel[b-iyk8gcwznm] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px 14px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-form-panel .candidate-form-grid[b-iyk8gcwznm] {
    gap: 10px 14px;
}

.candidate-form-panel .candidate-form-grid label[b-iyk8gcwznm] {
    display: block;
    margin-bottom: 4px;
    color: #465463;
    font-size: 0.76rem;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-transform: none;
}

.candidate-form-panel .form-control[b-iyk8gcwznm],
.candidate-form-panel input[b-iyk8gcwznm],
.candidate-form-panel select[b-iyk8gcwznm],
.candidate-form-panel textarea[b-iyk8gcwznm] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    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;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.candidate-form-panel textarea.form-control[b-iyk8gcwznm],
.candidate-form-panel textarea[b-iyk8gcwznm] {
    min-height: 82px;
    resize: vertical;
}

.candidate-form-panel .form-control:focus[b-iyk8gcwznm],
.candidate-form-panel input:focus[b-iyk8gcwznm],
.candidate-form-panel select:focus[b-iyk8gcwznm],
.candidate-form-panel textarea:focus[b-iyk8gcwznm] {
    border-color: #0b77bd;
    outline: 2px solid rgba(11, 119, 189, 0.14);
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(11, 119, 189, 0.12), inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.candidate-form-panel .candidate-checkbox-wrap[b-iyk8gcwznm] {
    min-height: 32px;
    align-items: center;
    padding: 0 0.25rem;
}

.candidate-form-panel .candidate-checkbox-wrap input[b-iyk8gcwznm],
.candidate-form-panel .candidate-checkbox-wrap .form-check-input[b-iyk8gcwznm] {
    width: 1rem;
    min-height: 1rem;
    height: 1rem;
    padding: 0;
    margin: 0;
}

.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;
    border: 1px solid #d6dde5;
    background: #e7eaee;
    color: #667381;
    font-size: 0.84rem;
    font-weight: 600;
    font-family: inherit;
    line-height: 1.1;
    text-align: center;
    cursor: pointer;
}

    .candidate-placement-pill:hover[b-iyk8gcwznm],
    .candidate-placement-pill:focus-visible[b-iyk8gcwznm] {
        background: #dde3e9;
        color: #2f3d4b;
    }

    .candidate-placement-pill.active[b-iyk8gcwznm] {
        border-color: transparent;
        color: #ffffff;
    }

    .candidate-placement-pill.placed.active[b-iyk8gcwznm] {
        background: #76b63e;
    }

    .candidate-placement-pill.submitted.active[b-iyk8gcwznm] {
        background: #657487;
    }

    .candidate-placement-pill.previous.active[b-iyk8gcwznm] {
        background: #8c939d;
    }

    .candidate-placement-pill.former.active[b-iyk8gcwznm] {
        background: #7db0dd;
    }

.candidate-history-toggle[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    border: 1px solid #cfd8e3;
    border-radius: 4px;
    overflow: hidden;
    background: #ffffff;
}

.candidate-history-toggle-button[b-iyk8gcwznm] {
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #cfd8e3;
    background: #ffffff;
    color: #445465;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
}

    .candidate-history-toggle-button:last-child[b-iyk8gcwznm] {
        border-right: 0;
    }

    .candidate-history-toggle-button:hover[b-iyk8gcwznm],
    .candidate-history-toggle-button:focus-visible[b-iyk8gcwznm] {
        background: #edf3f8;
        color: #1f2d3d;
    }

    .candidate-history-toggle-button.active[b-iyk8gcwznm] {
        background: #0a76c8;
        color: #ffffff;
    }

.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: 9100;
}

.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: 9101;
    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-form-grid-span-two[b-iyk8gcwznm] {
        grid-column: auto;
    }

    .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-workspace-onboarding[b-iyk8gcwznm] {
    position: relative;
    z-index: 9600;
    max-width: 100%;
    overflow-x: hidden;
}

.candidate-tabs.avionte-tabs[b-iyk8gcwznm] {
    position: relative;
    z-index: 50;
    background: transparent;
    margin-bottom: 0;
    padding: 0 6px;
    border-bottom: 1px solid #d8dee6;
    overflow: visible;
}

.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:focus-visible[b-iyk8gcwznm] {
        outline: 2px solid rgba(10, 118, 200, 0.24);
        outline-offset: -2px;
    }

    .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] {
    position: relative;
    z-index: auto;
    margin-top: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 14px 0 0;
    min-height: 66vh;
    min-width: 0;
    max-width: 100%;
}

.candidate-workspace-onboarding .candidate-content-surface[b-iyk8gcwznm] {
    overflow-x: hidden;
}

.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-qualifications-card[b-iyk8gcwznm] {
    overflow: visible;
}

.candidate-resume-document[b-iyk8gcwznm] {
    border-radius: 10px;
    border: 1px solid #dde4eb;
}

@media (max-width: 900px) {
    .candidate-work-history-line-top[b-iyk8gcwznm],
    .candidate-work-history-line-secondary[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-work-history-text-line[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-work-history-text-line span[b-iyk8gcwznm] {
        border-right: 0;
        border-bottom: 1px solid #e3e8ee;
    }

    .candidate-work-history-date-range[b-iyk8gcwznm] {
        text-align: left;
    }

    .candidate-work-history-check-row .candidate-row-action[b-iyk8gcwznm] {
        margin-left: 0;
    }

    .candidate-linked-table[b-iyk8gcwznm] {
        min-width: 820px;
    }
}

.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;
    }
}

/* Candidate Profile Avionte-style shell follow-up */
.candidate-photo-button[b-iyk8gcwznm] {
    width: 112px;
    height: 112px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #d7e0e9;
    border-radius: 50%;
    background: #eef3f7;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}

.candidate-photo-button:hover[b-iyk8gcwznm],
.candidate-photo-button:focus-visible[b-iyk8gcwznm] {
    border-color: #0a76c8;
    outline: none;
    box-shadow: 0 0 0 3px rgba(10, 118, 200, 0.16);
}

.candidate-sidebar-photo[b-iyk8gcwznm] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.candidate-sidebar-login-value.clickable[b-iyk8gcwznm],
.candidate-inline-link[b-iyk8gcwznm] {
    border: 0;
    background: transparent;
    color: #1e6da8;
    font: inherit;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
}

.candidate-sidebar-login-value.clickable:hover[b-iyk8gcwznm],
.candidate-sidebar-login-value.clickable:focus-visible[b-iyk8gcwznm],
.candidate-inline-link:hover[b-iyk8gcwznm],
.candidate-inline-link:focus-visible[b-iyk8gcwznm] {
    text-decoration: underline;
    outline: none;
}

.candidate-sidebar-section-heading[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

.candidate-shell-icon.compact[b-iyk8gcwznm] {
    width: 24px;
    height: 24px;
    font-size: 0.72rem;
}

.candidate-social-link-stack[b-iyk8gcwznm] {
    display: grid;
    gap: 6px;
}

.candidate-social-link[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}

.candidate-social-icon[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    min-width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #eef4f8;
    color: #334155;
    font-size: 0.62rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
}

.candidate-social-icon svg[b-iyk8gcwznm] {
    display: block;
    width: 14px;
    height: 14px;
    fill: currentColor;
}

.candidate-social-icon-text[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.candidate-social-icon.linkedin[b-iyk8gcwznm] {
    background: #e8f3fb;
    color: #0a66c2;
}

.candidate-social-icon.facebook[b-iyk8gcwznm] {
    background: #eaf1ff;
    color: #1877f2;
}

.candidate-social-icon.instagram[b-iyk8gcwznm] {
    background: #fff1f2;
    color: #c13584;
}

.candidate-social-icon.x[b-iyk8gcwznm] {
    background: #eef2f7;
    color: #111827;
}

.candidate-social-icon.tiktok[b-iyk8gcwznm] {
    background: #f1f5f9;
    color: #010101;
}

.candidate-social-icon.indeed[b-iyk8gcwznm] {
    background: #edf4ff;
    color: #2557a7;
}

.candidate-social-icon.other[b-iyk8gcwznm] {
    background: #eef2f7;
    color: #475569;
    font-size: 0.52rem;
}

.candidate-social-profile-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 16px;
}

.candidate-social-profile-item[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 26px 1fr;
    gap: 3px 8px;
    align-items: center;
    min-width: 0;
}

.candidate-social-profile-item .candidate-info-label[b-iyk8gcwznm] {
    margin: 0;
}

.candidate-social-profile-item a[b-iyk8gcwznm],
.candidate-social-profile-row a[b-iyk8gcwznm] {
    color: #0a66aa;
    font-size: 0.79rem;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.candidate-social-profile-list[b-iyk8gcwznm] {
    display: grid;
    gap: 8px;
    padding: 12px 14px 14px;
}

.candidate-social-profile-row[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    min-height: 42px;
    border: 1px solid #d7e0e9;
    background: #fbfdff;
    padding: 8px 10px;
}

.candidate-social-profile-row-title[b-iyk8gcwznm] {
    color: #263647;
    font-size: 0.79rem;
    font-weight: 800;
}

.candidate-social-add-panel[b-iyk8gcwznm] {
    margin-top: 12px;
}

.candidate-form-actions.compact[b-iyk8gcwznm] {
    margin-top: 10px;
}

.candidate-info-grid-full[b-iyk8gcwznm] {
    grid-column: 1 / -1;
}

.candidate-more-tab-wrap[b-iyk8gcwznm] {
    position: relative;
    flex: 0 0 auto;
    z-index: 9100;
}

.candidate-more-tab[b-iyk8gcwznm] {
    min-width: 32px;
    text-align: center;
}

.candidate-more-tab-menu[b-iyk8gcwznm] {
    position: absolute;
    top: calc(100% + 1px);
    right: 0;
    z-index: 9101;
    min-width: 176px;
    display: grid;
    padding: 4px;
    border: 1px solid #cfd8e2;
    background: #ffffff;
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.16);
}

.candidate-more-tab-item[b-iyk8gcwznm] {
    min-height: 30px;
    border: 0;
    border-bottom: 1px solid #edf1f5;
    background: #ffffff;
    color: #2f4354;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    padding: 0 10px;
}

.candidate-more-tab-item:last-child[b-iyk8gcwznm] {
    border-bottom: 0;
}

.candidate-more-tab-item:hover[b-iyk8gcwznm],
.candidate-more-tab-item:focus-visible[b-iyk8gcwznm],
.candidate-more-tab-item.active[b-iyk8gcwznm] {
    background: #eaf5fc;
    color: #0a5f9c;
    outline: none;
}

.candidate-tag-list[b-iyk8gcwznm] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.candidate-tag-chip[b-iyk8gcwznm] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border: 1px solid #d4dee8;
    border-radius: 999px;
    background: #f4f7fa;
    color: #405365;
    padding: 2px 8px;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.candidate-tag-chip.hot[b-iyk8gcwznm] {
    border-color: #f0b8c0;
    background: #fff2f3;
    color: #a33d4b;
}

.candidate-tag-chip.review[b-iyk8gcwznm] {
    border-color: #f2d19c;
    background: #fff6e9;
    color: #8a5a00;
}

.candidate-tag-chip.priority[b-iyk8gcwznm] {
    border-color: #b8d7f0;
    background: #edf7ff;
    color: #255f93;
}

.candidate-tag-chip.success[b-iyk8gcwznm] {
    border-color: #b9dfc8;
    background: #edf8f1;
    color: #2e7442;
}

.candidate-tag-edit-list[b-iyk8gcwznm] {
    display: grid;
    gap: 8px;
}

.candidate-tag-edit-row[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: start;
    padding: 8px 10px;
    border: 1px solid #dfe6ee;
    background: #ffffff;
}

.candidate-pending-workflow-note[b-iyk8gcwznm] {
    border: 1px solid #f1d19b;
    background: #fff8ed;
    color: #7b560f;
    font-size: 0.74rem;
    font-weight: 700;
    line-height: 1.35;
    padding: 7px 9px;
}

.candidate-utility-button.pending[b-iyk8gcwznm] {
    position: relative;
    border-color: #c8d3dc;
    color: #546575;
}

.candidate-utility-button.pending span[b-iyk8gcwznm] {
    display: inline-flex;
    margin-left: 6px;
    min-height: 16px;
    align-items: center;
    border: 1px solid #f0c879;
    border-radius: 999px;
    background: #fff6e6;
    color: #805700;
    padding: 0 6px;
    font-size: 0.58rem;
    font-weight: 800;
    text-transform: uppercase;
}

.candidate-stage-title.linked[b-iyk8gcwznm] {
    border: 0;
    background: transparent;
    color: #1e6da8;
    font: inherit;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
    text-align: left;
}

.candidate-stage-title.linked:hover[b-iyk8gcwznm],
.candidate-stage-title.linked:focus-visible[b-iyk8gcwznm] {
    text-decoration: underline;
    outline: none;
}

.candidate-photo-modal-backdrop[b-iyk8gcwznm] {
    z-index: 9300;
    align-items: center;
}

.candidate-photo-modal[b-iyk8gcwznm] {
    width: min(760px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    padding: 0;
}

.candidate-photo-modal-header[b-iyk8gcwznm] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid #dbe4ed;
    padding: 9px 12px;
    background: #ffffff;
}

.candidate-photo-modal-title[b-iyk8gcwznm] {
    color: #213140;
    font-size: 0.94rem;
    font-weight: 800;
}

.candidate-photo-crop-shell[b-iyk8gcwznm] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #f4f7fa;
}

.candidate-photo-crop-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 172px;
    gap: 12px;
    align-items: start;
}

.candidate-photo-preview-large[b-iyk8gcwznm] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    border: 1px solid #cfd9e3;
    background: #ffffff;
}

.candidate-photo-preview-large img[b-iyk8gcwznm] {
    width: min(430px, 78vw);
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: 50%;
    border: 2px solid #d7e0e9;
    background: #eef3f7;
}

.candidate-photo-crop-stage[b-iyk8gcwznm] {
    position: relative;
    width: min(500px, 100%);
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid #adb9c5;
    background: #edf2f7;
    touch-action: none;
}

.candidate-photo-crop-stage img[b-iyk8gcwznm] {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    transform-origin: 0 0;
    user-select: none;
    pointer-events: auto;
    z-index: 0;
}

.candidate-photo-crop-stage[b-iyk8gcwznm]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 0 0 999px rgba(15, 23, 42, 0.10);
    z-index: 1;
    pointer-events: none;
}

.candidate-photo-crop-stage[b-iyk8gcwznm]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12.5%;
    width: 75%;
    height: 100%;
    border: 3px solid rgba(10, 118, 200, 0.82);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(255, 255, 255, 0.18);
    z-index: 2;
    pointer-events: none;
}

.candidate-photo-crop-controls[b-iyk8gcwznm] {
    display: grid;
    gap: 10px;
    border: 1px solid #dbe3eb;
    background: #ffffff;
    padding: 10px;
}

.candidate-photo-crop-controls label[b-iyk8gcwznm] {
    display: grid;
    gap: 5px;
    color: #405365;
    font-size: 0.72rem;
    font-weight: 800;
}

.candidate-photo-crop-controls input[type="range"][b-iyk8gcwznm] {
    width: 100%;
}

.candidate-photo-control-note[b-iyk8gcwznm] {
    color: #5e6f80;
    font-size: 0.72rem;
    line-height: 1.3;
}

.candidate-photo-empty-shell[b-iyk8gcwznm] {
    min-height: 360px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 18px;
    background: #f4f7fa;
}

.candidate-photo-empty-profile[b-iyk8gcwznm] {
    position: relative;
    width: 190px;
    height: 190px;
    justify-self: center;
    border-radius: 50%;
    border: 2px solid #d3dde7;
    background: linear-gradient(180deg, #e3ebf3 0%, #ccd8e3 100%);
    color: #33485b;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    font-size: 2.8rem;
    font-weight: 800;
}

.candidate-photo-preview-pencil[b-iyk8gcwznm] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9db2c6;
    border-radius: 50%;
    background: #ffffff;
    color: #0b5f9b;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.18);
    font-size: 0.9rem;
    font-weight: 800;
    cursor: pointer;
    z-index: 3;
}

.candidate-photo-preview-pencil:hover[b-iyk8gcwznm],
.candidate-photo-preview-pencil:focus-visible[b-iyk8gcwznm] {
    border-color: #0b77bd;
    color: #084f83;
    outline: 2px solid rgba(11, 119, 189, 0.16);
}

.candidate-photo-empty-profile img[b-iyk8gcwznm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.candidate-photo-help-card[b-iyk8gcwznm] {
    border: 1px solid #d8e1ea;
    background: #ffffff;
    padding: 12px;
    display: grid;
    gap: 8px;
}

.candidate-photo-help-title[b-iyk8gcwznm] {
    color: #22313f;
    font-size: 0.95rem;
    font-weight: 800;
}

.candidate-photo-help-text[b-iyk8gcwznm] {
    color: #58697a;
    font-size: 0.82rem;
    line-height: 1.4;
}

.candidate-photo-requirement-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.candidate-photo-requirement-grid span[b-iyk8gcwznm] {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 4px 7px;
    border: 1px solid #dce5ee;
    background: #f8fafc;
    color: #495a69;
    font-size: 0.7rem;
    font-weight: 700;
}

.candidate-photo-modal-actions[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #dbe4ed;
    padding: 10px 12px;
    background: #ffffff;
    flex-wrap: wrap;
}

.candidate-photo-upload-button[b-iyk8gcwznm],
.candidate-photo-icon-upload[b-iyk8gcwznm] {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #0a76c8;
    border-radius: 3px;
    background: #ffffff;
    color: #0a76c8;
    padding: 0 10px;
    font-size: 0.78rem;
    font-weight: 900;
    cursor: pointer;
}

.candidate-photo-upload-button[b-iyk8gcwznm] {
    min-width: 116px;
}

.candidate-photo-filename[b-iyk8gcwznm] {
    margin-right: auto;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #526475;
    font-size: 0.76rem;
    font-weight: 700;
}

.candidate-photo-crop-stage[b-iyk8gcwznm] {
    cursor: grab;
}

.candidate-photo-crop-stage:active[b-iyk8gcwznm] {
    cursor: grabbing;
}

.candidate-photo-icon-upload:hover[b-iyk8gcwznm],
.candidate-photo-icon-upload:focus-within[b-iyk8gcwznm],
.candidate-photo-upload-button:hover[b-iyk8gcwznm],
.candidate-photo-upload-button:focus-within[b-iyk8gcwznm] {
    border-color: #085f9f;
    color: #085f9f;
}

.candidate-photo-icon-upload input[b-iyk8gcwznm],
.candidate-photo-upload-button input[b-iyk8gcwznm],
.candidate-photo-upload-button[b-iyk8gcwznm] (.candidate-photo-file-input),
[b-iyk8gcwznm](.candidate-photo-file-input) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.candidate-profile-button.compact[b-iyk8gcwznm] {
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.76rem;
}

.candidate-photo-validation[b-iyk8gcwznm] {
    margin: 10px 12px 0;
}

.candidate-sidebar-login-value.clickable[b-iyk8gcwznm] {
    display: flex;
    justify-content: center;
    width: fit-content;
    max-width: calc(100% - 24px);
    margin: 3px auto 0;
    font-size: 0.76rem;
    line-height: 1.15;
    text-align: center;
}

.candidate-notice-backdrop[b-iyk8gcwznm] {
    position: fixed;
    inset: 0;
    z-index: 9700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(16, 30, 44, 0.34);
    backdrop-filter: blur(1px);
}

.candidate-notice-modal[b-iyk8gcwznm] {
    width: min(460px, calc(100vw - 32px));
    background: #ffffff;
    border: 1px solid #cfdbe6;
    border-radius: 4px;
    box-shadow: 0 22px 56px rgba(15, 23, 42, 0.28);
    color: #21313f;
    overflow: hidden;
}

.candidate-notice-modal.success[b-iyk8gcwznm] {
    border-top: 4px solid #0a76c8;
}

.candidate-notice-modal.danger[b-iyk8gcwznm] {
    border-top: 4px solid #b4232f;
}

.candidate-notice-header[b-iyk8gcwznm] {
    padding: 13px 16px 11px;
    border-bottom: 1px solid #e2e9f0;
    background: #f8fafc;
}

.candidate-notice-kicker[b-iyk8gcwznm] {
    color: #6b7784;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.candidate-notice-modal h2[b-iyk8gcwznm] {
    margin: 2px 0 0;
    color: #172738;
    font-size: 1rem;
    font-weight: 800;
}

.candidate-notice-body[b-iyk8gcwznm] {
    padding: 16px;
}

.candidate-notice-body p[b-iyk8gcwznm] {
    margin: 0;
    color: #263746;
    font-size: 0.88rem;
    line-height: 1.45;
}

.candidate-notice-actions[b-iyk8gcwznm] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px 14px;
    border-top: 1px solid #e8eef4;
}

.candidate-portal-flyout[b-iyk8gcwznm] {
    display: grid;
    gap: 12px;
}

.candidate-toggle-row[b-iyk8gcwznm] {
    min-height: 54px;
    display: grid !important;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    margin: 0;
    padding: 10px;
    border: 1px solid #d8e1ea;
    background: #fbfcfd;
}

.candidate-toggle-row strong[b-iyk8gcwznm],
.candidate-toggle-row em[b-iyk8gcwznm] {
    display: block;
    line-height: 1.3;
}

.candidate-toggle-row strong[b-iyk8gcwznm] {
    color: #263746;
    font-size: 0.8rem;
    font-weight: 800;
}

.candidate-toggle-row em[b-iyk8gcwznm] {
    color: #667687;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 500;
}

.candidate-portal-section-grid[b-iyk8gcwznm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    align-items: stretch;
}

.candidate-portal-section-grid label[b-iyk8gcwznm] {
    min-height: 34px;
    padding: 8px 9px;
    border: 1px solid #d9e2ea;
    background: #fbfcfd;
}

@media (max-width: 760px) {
    .candidate-social-profile-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-social-profile-row[b-iyk8gcwznm] {
        grid-template-columns: 28px minmax(0, 1fr);
    }

    .candidate-social-profile-row .candidate-profile-button[b-iyk8gcwznm] {
        grid-column: 2;
        width: fit-content;
    }
}

@media (max-width: 760px) {
    .candidate-photo-modal[b-iyk8gcwznm] {
        width: 100vw;
        max-height: 100vh;
    }

    .candidate-photo-crop-grid[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-photo-empty-shell[b-iyk8gcwznm],
    .candidate-portal-section-grid[b-iyk8gcwznm],
    .candidate-employee-readiness-strip[b-iyk8gcwznm] {
        grid-template-columns: 1fr;
    }

    .candidate-employee-readiness-link[b-iyk8gcwznm] {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .candidate-employee-readiness-link b[b-iyk8gcwznm] {
        grid-column: 2;
        white-space: normal;
    }

    .candidate-photo-preview-large[b-iyk8gcwznm] {
        min-height: 260px;
    }

    .candidate-photo-modal-actions[b-iyk8gcwznm] {
        justify-content: flex-start;
    }

    .candidate-more-tab-menu[b-iyk8gcwznm] {
        left: 0;
        right: auto;
    }
}

/* UI stabilization standard: keep Candidate dense and aligned with shared AMMON controls. */
.candidate-profile-page[b-iyk8gcwznm],
.avionte-candidate-page[b-iyk8gcwznm],
.candidate-record-shell[b-iyk8gcwznm] {
    font-family: var(--ammon-font-ui, "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);
}

.candidate-profile-dot[b-iyk8gcwznm] {
    background: var(--ammon-blue, #0a76c8);
}

.candidate-profile-button[b-iyk8gcwznm] {
    min-height: 34px;
    height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
}

.candidate-profile-button.primary[b-iyk8gcwznm],
.candidate-profile-button.save[b-iyk8gcwznm] {
    background: var(--ammon-blue, #0a76c8);
    border-color: var(--ammon-blue-dark, #075f9f);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.candidate-profile-button.primary:hover[b-iyk8gcwznm],
.candidate-profile-button.save:hover[b-iyk8gcwznm],
.candidate-profile-button.primary:focus-visible[b-iyk8gcwznm],
.candidate-profile-button.save:focus-visible[b-iyk8gcwznm] {
    background: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
    outline: none;
}

.candidate-profile-button.secondary[b-iyk8gcwznm] {
    background: #ffffff;
    border-color: var(--ammon-border, #c8d4df);
    color: #304150;
    box-shadow: none;
}

.candidate-profile-button.compact[b-iyk8gcwznm] {
    min-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 0.74rem;
}

.candidate-shell-icon[b-iyk8gcwznm],
.candidate-profile-edit-button[b-iyk8gcwznm],
.candidate-resume-icon-button[b-iyk8gcwznm],
.candidate-payroll-icon-button[b-iyk8gcwznm] {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border-color: var(--ammon-blue, #0a76c8);
    color: var(--ammon-blue, #0a76c8);
    background: #ffffff;
}

.candidate-shell-icon:hover[b-iyk8gcwznm],
.candidate-shell-icon:focus-visible[b-iyk8gcwznm],
.candidate-profile-edit-button:hover[b-iyk8gcwznm],
.candidate-profile-edit-button:focus-visible[b-iyk8gcwznm],
.candidate-resume-icon-button:hover[b-iyk8gcwznm],
.candidate-resume-icon-button:focus-visible[b-iyk8gcwznm],
.candidate-payroll-icon-button:hover[b-iyk8gcwznm],
.candidate-payroll-icon-button:focus-visible[b-iyk8gcwznm] {
    border-color: var(--ammon-blue-dark, #075f9f);
    background: #eef8fc;
    color: var(--ammon-blue-dark, #075f9f);
    outline: none;
}

.candidate-shell-icon.disabled[b-iyk8gcwznm],
.candidate-shell-icon:disabled[b-iyk8gcwznm] {
    border-color: #d5dde6;
    background: #f8fafc;
    color: #9aa8b3;
}

.candidate-subtab.active[b-iyk8gcwznm],
.candidate-payroll-subtabs .candidate-subtab.active[b-iyk8gcwznm] {
    color: var(--ammon-blue, #0a76c8);
    border-top-color: var(--ammon-blue, #0a76c8);
}

@media (max-width: 760px) {
    .candidate-profile-button[b-iyk8gcwznm] {
        min-width: 0;
    }
}
/* /Components/Pages/Candidates.razor.rz.scp.css */
.candidate-module[b-jnlog4ke4s] {
    --ammon-blue: #0d7fc3;
    --ammon-blue-dark: #075f96;
    --ammon-line: #d7e1e8;
    --ammon-soft: #f4f7f9;
    --ammon-text: #1f2f3c;
    display: grid;
    gap: 10px;
    width: 100%;
    color: var(--ammon-text);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-module-bar[b-jnlog4ke4s] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    padding: 4px 2px 8px;
    background: #ffffff;
}

.candidate-module-title-wrap[b-jnlog4ke4s] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 220px;
}

.candidate-module-dot[b-jnlog4ke4s] {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: var(--ammon-blue, #0078d4);
    flex-shrink: 0;
}

.candidate-module-title[b-jnlog4ke4s] {
    margin: 0;
    color: #122e3b;
    font-size: 1.05rem;
    font-weight: 800;
    line-height: 1.15;
}

.timesheets-toolbar[b-jnlog4ke4s] {
    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-jnlog4ke4s],
.timesheets-toolbar-actions[b-jnlog4ke4s] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
}

.timesheets-toolbar-actions[b-jnlog4ke4s] {
    gap: 6px;
    justify-content: flex-end;
}

.timesheets-inline-field[b-jnlog4ke4s],
.timesheets-current-view[b-jnlog4ke4s] {
    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-jnlog4ke4s],
.timesheets-current-view span[b-jnlog4ke4s] {
    font-size: 0.72rem;
}

.candidate-search-field[b-jnlog4ke4s] {
    min-width: 340px;
}

.candidate-toolbar-search[b-jnlog4ke4s] {
    width: 410px;
    max-width: 48vw;
}

.timesheets-select[b-jnlog4ke4s],
.timesheets-input[b-jnlog4ke4s] {
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #ffffff;
    color: #1f2f3c;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 500;
    box-sizing: border-box;
}

.timesheets-input[b-jnlog4ke4s] {
    height: 30px;
    padding: 0 8px;
}

.timesheets-select.compact[b-jnlog4ke4s] {
    min-width: 170px;
    height: 30px;
    padding: 0 8px;
}

.timesheets-select.rows[b-jnlog4ke4s] {
    width: 70px;
    height: 30px;
    padding: 0 6px;
}

.timesheets-page-controls[b-jnlog4ke4s] {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    color: #4d5d68;
    font-size: 0.75rem;
    white-space: nowrap;
}

.timesheets-page-controls strong[b-jnlog4ke4s],
.candidate-row-range[b-jnlog4ke4s] {
    color: #4f5c66;
    font-size: 0.75rem;
    font-weight: 700;
    white-space: nowrap;
}

.timesheets-page-button[b-jnlog4ke4s] {
    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-jnlog4ke4s] {
    color: #a3b0b8;
    cursor: default;
}

.timesheets-page-input[b-jnlog4ke4s] {
    width: 42px;
    height: 28px;
    border: 1px solid #c2d0d9;
    border-radius: 2px;
    text-align: center;
    font-family: inherit;
    font-size: 0.78rem;
}

.timesheets-button[b-jnlog4ke4s] {
    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;
}

.timesheets-button.primary[b-jnlog4ke4s] {
    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-jnlog4ke4s] {
    border-color: #bdccd7;
    background: #ffffff;
    color: #315364;
}

.timesheets-button:hover:not(:disabled)[b-jnlog4ke4s],
.timesheets-button:focus-visible:not(:disabled)[b-jnlog4ke4s] {
    border-color: var(--ammon-blue-dark);
    outline: none;
}

.timesheets-panel[b-jnlog4ke4s],
.candidate-grid-panel[b-jnlog4ke4s] {
    border: 1px solid var(--ammon-line);
    border-radius: 0;
    background: #ffffff;
    overflow: hidden;
}

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

.candidate-grid-title[b-jnlog4ke4s] {
    color: #1f2d3d;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.candidate-grid-count[b-jnlog4ke4s] {
    margin-top: 2px;
    color: #4f5c69;
    font-size: 0.72rem;
    font-weight: 600;
    white-space: nowrap;
}

.timesheets-table-wrap[b-jnlog4ke4s],
.candidate-table-wrap[b-jnlog4ke4s] {
    width: 100%;
    overflow: auto;
}

.timesheets-table[b-jnlog4ke4s],
.candidate-table[b-jnlog4ke4s] {
    width: 100%;
    min-width: 1370px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #ffffff;
}

.candidate-table th:nth-child(1)[b-jnlog4ke4s],
.candidate-table td:nth-child(1)[b-jnlog4ke4s] {
    width: 34px;
}

.candidate-table th:nth-child(2)[b-jnlog4ke4s],
.candidate-table td:nth-child(2)[b-jnlog4ke4s] {
    width: 68px;
}

.candidate-table th:nth-child(3)[b-jnlog4ke4s],
.candidate-table td:nth-child(3)[b-jnlog4ke4s] {
    width: 46px;
}

.candidate-table th:nth-child(4)[b-jnlog4ke4s],
.candidate-table td:nth-child(4)[b-jnlog4ke4s] {
    width: 140px;
}

.candidate-table th:nth-child(5)[b-jnlog4ke4s],
.candidate-table td:nth-child(5)[b-jnlog4ke4s] {
    width: 120px;
}

.candidate-table th:nth-child(6)[b-jnlog4ke4s],
.candidate-table td:nth-child(6)[b-jnlog4ke4s] {
    width: 210px;
}

.candidate-table th:nth-child(7)[b-jnlog4ke4s],
.candidate-table td:nth-child(7)[b-jnlog4ke4s] {
    width: 150px;
}

.candidate-table th:nth-child(8)[b-jnlog4ke4s],
.candidate-table td:nth-child(8)[b-jnlog4ke4s] {
    width: 170px;
}

.candidate-table th:nth-child(9)[b-jnlog4ke4s],
.candidate-table td:nth-child(9)[b-jnlog4ke4s] {
    width: 130px;
}

.candidate-table th:nth-child(10)[b-jnlog4ke4s],
.candidate-table td:nth-child(10)[b-jnlog4ke4s] {
    width: 120px;
}

.candidate-table th:nth-child(11)[b-jnlog4ke4s],
.candidate-table td:nth-child(11)[b-jnlog4ke4s] {
    width: 120px;
}

.timesheets-table th[b-jnlog4ke4s],
.candidate-table thead th[b-jnlog4ke4s] {
    box-sizing: border-box;
    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-filter-row th[b-jnlog4ke4s],
.candidate-filter-row th[b-jnlog4ke4s] {
    height: 67px;
    padding: 4px 5px;
    border-right: 1px solid #d6dde3;
    border-bottom: 1px solid #d6dde3;
    background: #f2f3f4;
    vertical-align: top;
}

.timesheets-filter-row th[b-jnlog4ke4s]::after,
.candidate-filter-row th[b-jnlog4ke4s]::after {
    content: "";
    display: block;
    height: 12px;
    margin-top: 4px;
    background: #f2f3f4;
}

.sort-header[b-jnlog4ke4s],
.candidate-sort-button[b-jnlog4ke4s] {
    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-jnlog4ke4s] {
    min-width: 8px;
    color: #d9edf7;
    font-style: normal;
    font-weight: 900;
}

.sort-header:hover span[b-jnlog4ke4s],
.sort-header:focus-visible span[b-jnlog4ke4s] {
    text-decoration: underline;
}

.grid-filter-operator[b-jnlog4ke4s],
.grid-filter-select[b-jnlog4ke4s],
.grid-filter-input[b-jnlog4ke4s] {
    display: block;
    box-sizing: border-box;
    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;
}

.grid-filter-operator[b-jnlog4ke4s] {
    margin-bottom: 5px;
}

.grid-filter-operator:disabled[b-jnlog4ke4s],
.grid-filter-input:disabled[b-jnlog4ke4s] {
    opacity: 0.68;
}

.candidate-table tbody td[b-jnlog4ke4s] {
    height: 30px;
    padding: 3px 5px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
    color: #2c3b46;
    font-size: 0.66rem;
    font-weight: 500;
    line-height: 1.2;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.candidate-table tbody tr[b-jnlog4ke4s] {
    cursor: pointer;
}

.candidate-table tbody tr:nth-child(odd)[b-jnlog4ke4s] {
    background: #ffffff;
}

.candidate-table tbody tr:nth-child(even)[b-jnlog4ke4s] {
    background: #f7fafc;
}

.candidate-table tbody tr:hover[b-jnlog4ke4s],
.candidate-table tbody tr:focus-within[b-jnlog4ke4s] {
    background: #dff0fb;
}

.candidate-photo-col[b-jnlog4ke4s],
.candidate-photo-cell[b-jnlog4ke4s] {
    text-align: center;
}

.candidate-row-photo[b-jnlog4ke4s] {
    display: inline-flex;
    width: 28px;
    height: 28px;
    border: 1px solid #cfd9e3;
    border-radius: 50%;
    object-fit: cover;
    background: #eef3f7;
    color: #315364;
    align-items: center;
    justify-content: center;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
}

.timesheets-empty-cell[b-jnlog4ke4s] {
    height: 44px !important;
    color: #405461 !important;
    font-size: 0.82rem !important;
    font-weight: 700;
    text-align: center;
}

.candidate-status-pill[b-jnlog4ke4s] {
    display: inline-flex;
    align-items: center;
    min-height: 19px;
    padding: 2px 7px;
    border: 1px solid #d8e1ea;
    border-radius: 999px;
    background: #f7f9fb;
    color: #50606f;
    font-size: 0.61rem;
    font-weight: 800;
    white-space: nowrap;
}

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

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

.candidate-status-pill.danger[b-jnlog4ke4s] {
    border-color: #f0c1c8;
    background: #fff2f3;
    color: #b24552;
}

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

.candidate-portal-profile-scrim[b-jnlog4ke4s] {
    position: fixed;
    inset: 0;
    z-index: 2220;
    border: none;
    background: transparent;
}

.candidate-portal-profile-panel[b-jnlog4ke4s] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    z-index: 2221;
    display: flex;
    width: min(760px, 100vw);
    height: 100vh;
    flex-direction: column;
    border-left: 1px solid #1f2933;
    background: #f3f6f9;
    box-shadow: -18px 0 36px rgba(15, 23, 42, 0.24);
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.candidate-portal-profile-header[b-jnlog4ke4s] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    background: #3f3f3f;
    color: #ffffff;
}

.candidate-portal-profile-kicker[b-jnlog4ke4s] {
    color: #d7d7d7;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.candidate-portal-profile-title[b-jnlog4ke4s] {
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 700;
    line-height: 1.15;
}

.candidate-portal-profile-subtitle[b-jnlog4ke4s] {
    margin-top: 2px;
    color: #e7e7e7;
    font-size: 0.74rem;
    line-height: 1.25;
}

.candidate-portal-profile-close[b-jnlog4ke4s] {
    width: 30px;
    height: 30px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.candidate-portal-profile-body[b-jnlog4ke4s] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 14px 16px;
    display: grid;
    gap: 10px;
}

.candidate-portal-profile-summary[b-jnlog4ke4s] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.candidate-portal-profile-summary-card[b-jnlog4ke4s] {
    border: 1px solid #d7e0e9;
    border-radius: 2px;
    background: linear-gradient(180deg, #fbfcfd 0%, #f4f7fa 100%);
    padding: 8px 10px;
}

.candidate-portal-profile-summary-card span[b-jnlog4ke4s] {
    display: block;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.candidate-portal-profile-summary-card strong[b-jnlog4ke4s] {
    display: block;
    margin-top: 2px;
    color: #1f2d3d;
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.25;
}

.candidate-portal-profile-section[b-jnlog4ke4s] {
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    background: #ffffff;
}

.candidate-portal-profile-section-title[b-jnlog4ke4s] {
    min-height: 38px;
    display: flex;
    align-items: center;
    margin: 0;
    padding: 9px 12px;
    border-bottom: 1px solid #dce4ec;
    background: #f6f8fa;
    color: #253443;
    font-size: 0.78rem;
    font-weight: 700;
}

.candidate-portal-profile-form-grid[b-jnlog4ke4s],
.candidate-portal-profile-link-grid[b-jnlog4ke4s] {
    display: grid;
    padding: 12px 14px 14px;
}

.candidate-portal-profile-form-grid[b-jnlog4ke4s] {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 14px 18px;
    align-items: start;
}

.candidate-portal-profile-form-grid > div[b-jnlog4ke4s] {
    min-width: 0;
}

.candidate-portal-profile-link-grid[b-jnlog4ke4s] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
}

.candidate-portal-profile-link[b-jnlog4ke4s] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bdccd7;
    border-radius: 3px;
    background: #ffffff;
    color: #315364;
    font-size: 0.76rem;
    font-weight: 700;
    text-decoration: none;
}

.candidate-portal-profile-link:hover[b-jnlog4ke4s],
.candidate-portal-profile-link:focus-visible[b-jnlog4ke4s] {
    border-color: var(--ammon-blue-dark);
    color: var(--ammon-blue-dark);
}

.candidate-portal-profile-panel label[b-jnlog4ke4s] {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.77rem;
    font-weight: 600;
}

.candidate-portal-profile-input[b-jnlog4ke4s] {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    min-height: 34px;
    padding: 6px 9px;
    border: 1px solid #b8c4ce;
    border-radius: 2px;
    background: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
    color: #1f2933;
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 500;
}

.candidate-portal-profile-input:disabled[b-jnlog4ke4s] {
    color: #627183;
    background: #eef3f7;
}

.candidate-portal-profile-check-wrap[b-jnlog4ke4s] {
    min-height: 32px;
    display: flex;
    align-items: center;
}

.candidate-portal-profile-check-wrap input[type="checkbox"][b-jnlog4ke4s] {
    width: 15px;
    height: 15px;
}

.candidate-portal-profile-note[b-jnlog4ke4s],
.candidate-portal-profile-temp[b-jnlog4ke4s],
.candidate-portal-profile-alert[b-jnlog4ke4s] {
    margin: 0 14px 14px;
    border: 1px solid #d9e4ec;
    border-radius: 2px;
    background: #f8fbfd;
    padding: 8px 10px;
    color: #51606f;
    font-size: 0.78rem;
    line-height: 1.35;
}

.candidate-portal-profile-alert[b-jnlog4ke4s] {
    margin: 0;
}

.candidate-portal-profile-alert.success[b-jnlog4ke4s] {
    border-color: #b8e3c8;
    background: #eef9f2;
    color: #25743f;
}

.candidate-portal-profile-alert.error[b-jnlog4ke4s] {
    border-color: #f0c1c8;
    background: #fff2f3;
    color: #b24552;
}

.candidate-portal-profile-temp span[b-jnlog4ke4s] {
    display: block;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.candidate-portal-profile-temp strong[b-jnlog4ke4s] {
    display: block;
    margin-top: 3px;
    color: #1f2d3d;
    font-size: 0.92rem;
    font-weight: 800;
    word-break: break-word;
}

.candidate-portal-profile-actions[b-jnlog4ke4s] {
    flex: 0 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid #cfd8e2;
    background: #ffffff;
}

@media (max-width: 1100px) {
    .timesheets-toolbar[b-jnlog4ke4s] {
        align-items: flex-start;
        flex-direction: column;
    }

    .timesheets-toolbar-actions[b-jnlog4ke4s] {
        justify-content: flex-start;
    }

    .candidate-toolbar-search[b-jnlog4ke4s] {
        width: 100%;
        max-width: none;
    }

    .candidate-search-field[b-jnlog4ke4s] {
        width: min(100%, 520px);
        min-width: 0;
    }
}

@media (max-width: 720px) {
    .candidate-module-bar[b-jnlog4ke4s] {
        flex-direction: column;
        align-items: stretch;
    }

    .timesheets-toolbar-actions[b-jnlog4ke4s] {
        width: 100%;
    }

    .timesheets-toolbar-actions .timesheets-button[b-jnlog4ke4s] {
        flex: 1 1 145px;
    }

    .candidate-portal-profile-panel[b-jnlog4ke4s] {
        width: 100vw;
        border-left: 0;
    }

    .candidate-portal-profile-summary[b-jnlog4ke4s],
    .candidate-portal-profile-form-grid[b-jnlog4ke4s],
    .candidate-portal-profile-link-grid[b-jnlog4ke4s] {
        grid-template-columns: 1fr;
    }
}
/* /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-summary-link[b-0snwlb5f4c] {
    margin-top: 10px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #c7d2df;
    border-radius: 4px;
    color: #2b5ea8;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.client-portal-summary-link:hover[b-0snwlb5f4c] {
    border-color: #a9c0de;
    background: #eef5fd;
}

.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-page[b-0snwlb5f4c] {
        gap: 0.75rem;
    }

    .client-portal-dashboard-hero[b-0snwlb5f4c],
    .client-portal-summary-card[b-0snwlb5f4c],
    .client-portal-widget-card[b-0snwlb5f4c],
    .client-portal-widget-card.wide[b-0snwlb5f4c] {
        border-radius: 0.65rem;
    }

    .client-portal-dashboard-hero[b-0snwlb5f4c] {
        padding: 1rem 1.05rem;
    }

    .client-portal-hero-actions[b-0snwlb5f4c],
    .client-portal-widget-actions[b-0snwlb5f4c] {
        display: none;
    }

    .client-portal-page-kicker[b-0snwlb5f4c] {
        font-size: 0.68rem;
    }

    .client-portal-page-title[b-0snwlb5f4c] {
        font-size: 1.7rem;
        letter-spacing: 0;
    }

    .client-portal-page-text[b-0snwlb5f4c] {
        font-size: 0.9rem;
    }

    .client-portal-summary-strip[b-0snwlb5f4c] {
        grid-template-columns: 1fr;
    }

    .client-portal-summary-card[b-0snwlb5f4c] {
        padding: 1rem;
    }

    .client-portal-summary-value[b-0snwlb5f4c] {
        font-size: 2rem;
    }

    .client-portal-summary-link[b-0snwlb5f4c] {
        width: 100%;
    }

    .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-mobile-workspace[b-hf66pr7nt4] {
    display: none;
}

.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: 1024px) {
    .client-portal-schedules-page[b-hf66pr7nt4] {
        gap: 10px;
        font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    }

    .client-portal-schedules-mobile-workspace[b-hf66pr7nt4] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        min-width: 0;
        background: #ffffff;
        border: 1px solid #d9e0ea;
        box-shadow: 0 8px 22px rgba(31, 45, 67, 0.08);
        overflow: hidden;
    }

    .client-portal-schedules-hero[b-hf66pr7nt4],
    .client-portal-schedules-summary-strip[b-hf66pr7nt4],
    .client-portal-schedules-toolbar-card[b-hf66pr7nt4],
    .client-portal-schedules-summary-grid[b-hf66pr7nt4],
    .client-portal-schedules-calendar-card[b-hf66pr7nt4],
    .client-portal-schedules-table-card[b-hf66pr7nt4],
    .client-portal-schedules-queue-grid[b-hf66pr7nt4] {
        display: none;
    }

    .client-portal-schedules-mobile-tabs[b-hf66pr7nt4] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
        padding: 9px 8px 0;
        background: #ffffff;
        border-bottom: 1px solid #e5e9f0;
    }

    .client-portal-schedules-mobile-tab[b-hf66pr7nt4] {
        position: relative;
        min-height: 40px;
        border: 0;
        background: transparent;
        color: #2f3442;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
    }

    .client-portal-schedules-mobile-tab.active[b-hf66pr7nt4] {
        color: #b04f87;
    }

    .client-portal-schedules-mobile-tab.active[b-hf66pr7nt4]::after {
        content: "";
        position: absolute;
        left: 7px;
        right: 7px;
        bottom: 0;
        height: 2px;
        background: #d96299;
    }

    .client-portal-schedules-mobile-tab strong[b-hf66pr7nt4] {
        min-width: 22px;
        height: 18px;
        padding: 0 6px;
        border-radius: 999px;
        background: #8f69c6;
        color: #ffffff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 10px;
        line-height: 1;
    }

    .client-portal-schedules-mobile-tab strong.blue[b-hf66pr7nt4] {
        background: #688ddc;
    }

    .client-portal-schedules-mobile-tab-icon[b-hf66pr7nt4] {
        width: 15px;
        height: 15px;
        background: currentColor;
        flex: 0 0 auto;
    }

    .client-portal-schedules-mobile-tab-icon.schedule[b-hf66pr7nt4] {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .client-portal-schedules-mobile-tab-icon.open[b-hf66pr7nt4] {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .client-portal-schedules-mobile-tab-icon.requests[b-hf66pr7nt4] {
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .client-portal-schedules-mobile-day-nav[b-hf66pr7nt4] {
        display: grid;
        grid-template-columns: 44px minmax(0, 1fr) 44px minmax(88px, auto);
        gap: 6px;
        padding: 8px 8px 0;
        align-items: stretch;
    }

    .client-portal-schedules-mobile-icon-button[b-hf66pr7nt4],
    .client-portal-schedules-mobile-filter-button[b-hf66pr7nt4],
    .client-portal-schedules-mobile-add[b-hf66pr7nt4],
    .client-portal-schedules-mobile-add-shift[b-hf66pr7nt4],
    .client-portal-schedules-mobile-request-actions button[b-hf66pr7nt4] {
        min-height: 38px;
        border: 1px solid #d4dbe7;
        background: #ffffff;
        color: #243447;
        font: 800 12px/1 "Poppins", "Segoe UI", sans-serif;
        cursor: pointer;
    }

    .client-portal-schedules-mobile-icon-button[b-hf66pr7nt4] {
        width: 44px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 20px;
    }

    .client-portal-schedules-mobile-date[b-hf66pr7nt4] {
        min-width: 0;
        border: 1px solid #d4dbe7;
        background: #ffffff;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 4px;
        padding: 0 10px;
        min-height: 38px;
    }

    .client-portal-schedules-mobile-date span[b-hf66pr7nt4] {
        font-size: 12px;
        font-weight: 800;
        color: #151925;
        text-align: center;
    }

    .client-portal-schedules-mobile-date input[b-hf66pr7nt4] {
        width: 28px;
        min-width: 28px;
        border: 0;
        color: transparent;
        background: transparent;
    }

    .client-portal-schedules-mobile-filter-button[b-hf66pr7nt4] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .client-portal-schedules-mobile-filter-button.active[b-hf66pr7nt4] {
        border-color: #8f69c6;
        box-shadow: inset 0 0 0 1px #8f69c6;
    }

    .client-portal-schedules-mobile-filter-icon[b-hf66pr7nt4] {
        width: 15px;
        height: 15px;
        background: currentColor;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%207h14M8%2012h8M10%2017h4'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%207h14M8%2012h8M10%2017h4'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .client-portal-schedules-mobile-search-row[b-hf66pr7nt4] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 44px 44px;
        gap: 6px;
        padding: 8px;
        border-bottom: 1px solid #e5e9f0;
    }

    .client-portal-schedules-mobile-search-row.no-create[b-hf66pr7nt4] {
        grid-template-columns: minmax(0, 1fr) 44px;
    }

    .client-portal-schedules-mobile-search[b-hf66pr7nt4] {
        min-width: 0;
        height: 38px;
        border: 1px solid #d4dbe7;
        padding: 0 10px;
        font: 600 12px/1 "Poppins", "Segoe UI", sans-serif;
        color: #26384f;
    }

    .client-portal-schedules-mobile-icon-button.search[b-hf66pr7nt4]::before {
        content: "";
        width: 17px;
        height: 17px;
        background: #657385;
        -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M10.8%2018.2a7.4%207.4%200%201%200%200-14.8%207.4%207.4%200%200%200%200%2014.8ZM16.2%2016.2%2021%2021'/%3E%3C/svg%3E") center / contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M10.8%2018.2a7.4%207.4%200%201%200%200-14.8%207.4%207.4%200%200%200%200%2014.8ZM16.2%2016.2%2021%2021'/%3E%3C/svg%3E") center / contain no-repeat;
    }

    .client-portal-schedules-mobile-add[b-hf66pr7nt4],
    .client-portal-schedules-mobile-add-shift[b-hf66pr7nt4] {
        border-color: #bdd0e5;
        color: #1278c4;
        background: #ffffff;
    }

    .client-portal-schedules-mobile-add[b-hf66pr7nt4] {
        font-size: 20px;
    }

    .client-portal-schedules-mobile-filter-panel[b-hf66pr7nt4] {
        margin: 0 8px 8px;
        padding: 10px;
        border: 1px solid #d9e0ea;
        background: #f9fbfd;
        display: grid;
        gap: 10px;
        animation: clientPortalScheduleFilterIn-b-hf66pr7nt4 0.16s ease-out;
    }

    .client-portal-schedules-mobile-filter-panel label[b-hf66pr7nt4] {
        display: grid;
        gap: 5px;
    }

    .client-portal-schedules-mobile-filter-panel label span[b-hf66pr7nt4] {
        color: #607286;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.05em;
        text-transform: uppercase;
    }

    .client-portal-schedules-mobile-filter-actions[b-hf66pr7nt4] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .client-portal-schedules-mobile-list[b-hf66pr7nt4] {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 8px;
        background: #f6f8fb;
    }

    .client-portal-schedules-mobile-list-heading[b-hf66pr7nt4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 4px 0;
    }

    .client-portal-schedules-mobile-list-heading.secondary[b-hf66pr7nt4] {
        margin-top: 4px;
        padding-top: 12px;
        border-top: 1px solid #e2e7ef;
    }

    .client-portal-schedules-mobile-list-heading div[b-hf66pr7nt4] {
        display: grid;
        gap: 2px;
        min-width: 0;
    }

    .client-portal-schedules-mobile-list-heading span[b-hf66pr7nt4] {
        color: #647286;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.05em;
    }

    .client-portal-schedules-mobile-list-heading strong[b-hf66pr7nt4] {
        color: #142036;
        font-size: 18px;
        line-height: 1.1;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-add-shift[b-hf66pr7nt4] {
        min-width: 92px;
        border-radius: 7px;
    }

    .client-portal-schedules-mobile-client-header[b-hf66pr7nt4] {
        min-height: 46px;
        padding: 8px 10px;
        background: #e4f7f6;
        color: #0a5b6f;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .client-portal-schedules-mobile-client-header div[b-hf66pr7nt4] {
        display: grid;
        gap: 2px;
        min-width: 0;
    }

    .client-portal-schedules-mobile-client-header strong[b-hf66pr7nt4] {
        overflow: hidden;
        color: #086479;
        font-size: 13px;
        font-weight: 800;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .client-portal-schedules-mobile-client-header span[b-hf66pr7nt4],
    .client-portal-schedules-mobile-client-header em[b-hf66pr7nt4] {
        color: #2d6f7d;
        font-size: 10px;
        font-style: normal;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-client-header em[b-hf66pr7nt4] {
        flex: 0 0 auto;
        padding: 5px 8px;
        border-radius: 999px;
        background: #d7f1f0;
    }

    .client-portal-schedules-mobile-shift-card[b-hf66pr7nt4] {
        position: relative;
        width: 100%;
        padding: 9px 10px 10px 12px;
        border: 1px solid #d6e0ee;
        border-left: 4px solid #1586d4;
        border-radius: 0;
        background: #ffffff;
        color: #1c2b3f;
        display: grid;
        gap: 5px;
        text-align: left;
        box-shadow: 0 3px 12px rgba(31, 45, 67, 0.06);
        cursor: pointer;
    }

    .client-portal-schedules-mobile-shift-card > .client-portal-schedules-status[b-hf66pr7nt4] {
        position: absolute;
        top: 8px;
        right: 8px;
        min-height: 18px;
        padding: 0 7px;
        font-size: 9px;
    }

    .client-portal-schedules-mobile-shift-card strong[b-hf66pr7nt4] {
        padding-right: 72px;
        color: #44566c;
        font-size: 17px;
        line-height: 1.08;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-shift-card em[b-hf66pr7nt4] {
        color: #16253b;
        font-size: 12px;
        font-style: normal;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-metrics[b-hf66pr7nt4] {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }

    .client-portal-schedules-mobile-metrics span[b-hf66pr7nt4] {
        min-height: 22px;
        padding: 0 8px;
        border-radius: 999px;
        background: #edf4fa;
        color: #38506d;
        display: inline-flex;
        align-items: center;
        font-size: 10px;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-job[b-hf66pr7nt4],
    .client-portal-schedules-mobile-assigned[b-hf66pr7nt4] {
        color: #647386;
        font-size: 10px;
        line-height: 1.3;
        font-weight: 700;
        overflow-wrap: anywhere;
    }

    .client-portal-schedules-mobile-assigned[b-hf66pr7nt4] {
        color: #34475f;
    }

    .client-portal-schedules-mobile-request-card[b-hf66pr7nt4],
    .client-portal-schedules-mobile-empty[b-hf66pr7nt4] {
        border: 1px solid #dce3ed;
        background: #ffffff;
    }

    .client-portal-schedules-mobile-request-card[b-hf66pr7nt4] {
        padding: 10px;
        display: grid;
        gap: 9px;
    }

    .client-portal-schedules-mobile-request-card.muted[b-hf66pr7nt4] {
        background: #fbfcfe;
    }

    .client-portal-schedules-mobile-request-main[b-hf66pr7nt4] {
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        display: grid;
        gap: 3px;
        text-align: left;
        cursor: pointer;
    }

    .client-portal-schedules-mobile-request-main.static[b-hf66pr7nt4] {
        cursor: default;
    }

    .client-portal-schedules-mobile-request-main span[b-hf66pr7nt4] {
        color: #607286;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .client-portal-schedules-mobile-request-main strong[b-hf66pr7nt4] {
        color: #18283e;
        font-size: 13px;
        font-weight: 800;
    }

    .client-portal-schedules-mobile-request-main em[b-hf66pr7nt4] {
        color: #5f6f84;
        font-size: 11px;
        line-height: 1.35;
        font-style: normal;
        font-weight: 600;
        overflow-wrap: anywhere;
    }

    .client-portal-schedules-mobile-request-footer[b-hf66pr7nt4] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }

    .client-portal-schedules-mobile-request-actions[b-hf66pr7nt4] {
        display: flex;
        gap: 6px;
    }

    .client-portal-schedules-mobile-request-actions button[b-hf66pr7nt4] {
        min-height: 30px;
        padding: 0 10px;
        border-radius: 4px;
    }

    .client-portal-schedules-mobile-request-actions .approve[b-hf66pr7nt4] {
        background: #1483d2;
        border-color: #1483d2;
        color: #ffffff;
    }

    .client-portal-schedules-mobile-request-actions .decline[b-hf66pr7nt4] {
        background: #ffffff;
        border-color: #e1b5c7;
        color: #9f416c;
    }

    .client-portal-schedules-mobile-empty[b-hf66pr7nt4] {
        padding: 14px 12px;
        color: #5f6f84;
        font-size: 12px;
        line-height: 1.45;
    }

    .client-portal-schedules-overlay[b-hf66pr7nt4] {
        z-index: 220;
    }

    .client-portal-schedules-flyout[b-hf66pr7nt4],
    .client-portal-schedules-flyout.wide[b-hf66pr7nt4] {
        z-index: 221;
        top: var(--client-portal-mobile-header-height, 56px);
        width: min(94vw, 560px);
        height: calc(100dvh - var(--client-portal-mobile-header-height, 56px));
        max-height: calc(100dvh - var(--client-portal-mobile-header-height, 56px));
    }

    .client-portal-schedules-modal[b-hf66pr7nt4] {
        z-index: 222;
    }

    @keyframes clientPortalScheduleFilterIn-b-hf66pr7nt4 {
        from {
            opacity: 0;
            transform: translateY(-4px);
        }

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

@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-photo-button[b-o4xkxyllox] {
    width: 112px;
    height: 112px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #cad4de;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    overflow: hidden;
}

.client-photo-button:hover[b-o4xkxyllox],
.client-photo-button:focus-visible[b-o4xkxyllox] {
    border-color: #0a76c8;
    outline: none;
    box-shadow: 0 0 0 3px rgba(10, 118, 200, 0.16);
}

.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-photo[b-o4xkxyllox] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    object-fit: cover;
}

.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;
    justify-content: space-between;
    gap: 10px;
    overflow: visible;
    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] {
    flex: 1 1 0;
    min-width: 0;
    background: transparent;
    border: none;
    border-radius: 0;
    margin-right: 0;
    padding: 14px 6px 13px;
    color: #97a2ad;
    font-size: 0.85rem;
    font-weight: 500;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
}

    .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-tabs-more[b-o4xkxyllox] {
    position: relative;
    flex: 0 0 auto;
    margin-left: 0;
}

.client-tabs-more-trigger[b-o4xkxyllox] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    padding: 0 8px 8px;
    border: none;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: #5e6d7c;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

    .client-tabs-more.active .client-tabs-more-trigger[b-o4xkxyllox] {
        color: #283848;
        border-bottom-color: #0a76c8;
    }

.client-tabs-more-backdrop[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    z-index: 29;
    border: 0;
    background: transparent;
    cursor: default;
}

.client-tabs-more-menu[b-o4xkxyllox] {
    position: absolute;
    z-index: 32;
    right: 0;
    top: calc(100% + 2px);
    min-width: 220px;
    border: 1px solid #c7d3df;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(31, 45, 61, 0.16);
}

    .client-tabs-more-menu button[b-o4xkxyllox] {
        width: 100%;
        min-height: 42px;
        border: 0;
        border-bottom: 1px solid #edf2f6;
        background: #ffffff;
        color: #233241;
        font-family: inherit;
        font-size: 0.8rem;
        font-weight: 800;
        text-align: left;
        padding: 0 14px;
        cursor: pointer;
    }

        .client-tabs-more-menu button:hover[b-o4xkxyllox],
        .client-tabs-more-menu button:focus-visible[b-o4xkxyllox],
        .client-tabs-more-menu button.active[b-o4xkxyllox] {
            background: #f2f8fd;
            color: var(--ammon-blue, #0a76c8);
            outline: none;
        }

.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: var(--ammon-blue, #0a76c8);
        color: #ffffff;
    }

    .client-profile-button.secondary[b-o4xkxyllox] {
        background: #f8f9fb;
        color: #5a6570;
        border-color: #c9d0d8;
    }

    .client-profile-button.danger[b-o4xkxyllox] {
        background: #fff5f6;
        color: #a6303c;
        border-color: #efb8c0;
    }

    .client-profile-button.success[b-o4xkxyllox] {
        background: #eef9f2;
        color: #25743f;
        border-color: #b8e3c8;
    }

.client-profile-button.secondary.delete[b-o4xkxyllox] {
    background: #fff7f7;
    color: #a94442;
    border-color: #efc9cb;
}

.client-profile-button.compact[b-o4xkxyllox] {
    height: 32px;
    min-height: 32px;
    padding: 0 10px;
    font-size: 0.76rem;
}

.client-photo-modal-backdrop[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    z-index: 2400;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    background: rgba(18, 31, 45, 0.42);
}

.client-photo-modal[b-o4xkxyllox] {
    width: min(760px, calc(100vw - 28px));
    max-height: calc(100vh - 28px);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid #cfd9e3;
    background: #ffffff;
    box-shadow: 0 18px 52px rgba(15, 23, 42, 0.28);
}

.client-photo-modal-header[b-o4xkxyllox] {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #dbe4ed;
    background: #ffffff;
}

.client-photo-modal-title[b-o4xkxyllox] {
    color: #213140;
    font-size: 0.94rem;
    font-weight: 800;
}

.client-photo-validation[b-o4xkxyllox] {
    margin: 10px 12px 0;
}

.client-photo-crop-shell[b-o4xkxyllox] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #f4f7fa;
}

.client-photo-crop-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 172px;
    gap: 12px;
    align-items: start;
}

.client-photo-crop-stage[b-o4xkxyllox] {
    position: relative;
    width: min(500px, 100%);
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid #adb9c5;
    background: #172638;
    cursor: grab;
}

.client-photo-crop-stage:active[b-o4xkxyllox] {
    cursor: grabbing;
}

.client-photo-crop-stage img[b-o4xkxyllox] {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    transform-origin: 0 0;
    user-select: none;
    pointer-events: none;
}

.client-photo-crop-stage[b-o4xkxyllox]::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid rgba(255, 255, 255, 0.88);
    box-shadow: inset 0 0 0 999px rgba(15, 23, 42, 0.10);
    pointer-events: none;
}

.client-photo-crop-stage[b-o4xkxyllox]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 12.5%;
    width: 75%;
    height: 100%;
    border: 2px solid rgba(10, 118, 200, 0.92);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(15, 23, 42, 0.18);
    pointer-events: none;
    z-index: 1;
}

.client-photo-crop-controls[b-o4xkxyllox] {
    display: grid;
    gap: 10px;
    border: 1px solid #dbe3eb;
    background: #ffffff;
    padding: 10px;
}

.client-photo-crop-controls label[b-o4xkxyllox] {
    display: grid;
    gap: 5px;
    color: #405365;
    font-size: 0.72rem;
    font-weight: 800;
}

.client-photo-crop-controls input[type="range"][b-o4xkxyllox] {
    width: 100%;
}

.client-photo-control-note[b-o4xkxyllox] {
    color: #5e6f80;
    font-size: 0.72rem;
    line-height: 1.35;
}

.client-photo-empty-shell[b-o4xkxyllox] {
    min-height: 360px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    border: 1px solid #d5dee7;
    background: #ffffff;
    padding: 18px;
}

.client-photo-empty-profile[b-o4xkxyllox],
.client-photo-preview-large[b-o4xkxyllox] {
    position: relative;
    width: 190px;
    height: 190px;
    justify-self: center;
    border-radius: 50%;
    border: 2px solid #d7e0e9;
    background: linear-gradient(180deg, #dce5ee 0%, #cfd9e4 100%);
    color: #33485b;
    font-size: 2.4rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.client-photo-preview-large img[b-o4xkxyllox] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.client-photo-empty-copy[b-o4xkxyllox] {
    display: grid;
    gap: 6px;
    color: #405365;
    font-size: 0.84rem;
    line-height: 1.42;
}

.client-photo-empty-copy p[b-o4xkxyllox] {
    margin: 0;
}

.client-photo-modal-actions[b-o4xkxyllox] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    border-top: 1px solid #dbe4ed;
    padding: 10px 12px;
    background: #ffffff;
}

.client-photo-upload-button[b-o4xkxyllox],
.client-photo-icon-upload[b-o4xkxyllox] {
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #0a76c8;
    color: #0a76c8;
    background: #ffffff;
    border-radius: 4px;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    position: relative;
}

.client-photo-icon-upload[b-o4xkxyllox] {
    position: absolute;
    right: 12px;
    bottom: 12px;
    border-color: #d5dde6;
    color: #27394a;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.16);
}

.client-photo-upload-button[b-o4xkxyllox] {
    min-width: 116px;
}

.client-photo-filename[b-o4xkxyllox] {
    margin-right: auto;
    color: #466174;
    font-size: 0.78rem;
    font-weight: 700;
    max-width: 280px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-photo-icon-upload:hover[b-o4xkxyllox],
.client-photo-icon-upload:focus-within[b-o4xkxyllox],
.client-photo-upload-button:hover[b-o4xkxyllox],
.client-photo-upload-button:focus-within[b-o4xkxyllox] {
    border-color: #085f9f;
    color: #085f9f;
}

.client-photo-icon-upload input[b-o4xkxyllox],
.client-photo-upload-button input[b-o4xkxyllox],
.client-photo-upload-button[b-o4xkxyllox] (.client-photo-file-input),
[b-o4xkxyllox](.client-photo-file-input) {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.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-address-table-wrap .client-table-actions[b-o4xkxyllox] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.client-address-table-wrap .client-job-order-mini-table thead th[b-o4xkxyllox] {
    background: var(--ammon-blue, #0a76c8);
    color: #ffffff;
    border-bottom-color: var(--ammon-blue-dark, #075f9f);
    border-right: 1px solid rgba(255, 255, 255, 0.32);
}

.client-address-table-wrap .client-job-order-mini-table tbody td[b-o4xkxyllox] {
    border-right: 1px solid #e0e7ef;
}

.client-address-add-row[b-o4xkxyllox] {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.client-address-role-grid[b-o4xkxyllox],
.client-contact-role-chip-grid[b-o4xkxyllox] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.client-address-detail-panel[b-o4xkxyllox],
.client-address-editor-panel[b-o4xkxyllox] {
    border: 1px solid #cfd8e2;
    background: #ffffff;
    padding: 10px 12px;
    margin: 10px 0 12px;
}

.client-field-help[b-o4xkxyllox] {
    margin-top: 4px;
    color: #667789;
    font-size: 0.74rem;
    line-height: 1.3;
}

.client-field-help-inline[b-o4xkxyllox] {
    color: #718096;
    font-size: 0.72rem;
    font-weight: 700;
}

.client-shift-day-grid[b-o4xkxyllox] {
    display: grid;
    grid-template-columns: repeat(7, minmax(96px, 1fr));
    gap: 8px 12px;
}

    .client-shift-day-grid label[b-o4xkxyllox] {
        min-height: 30px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: #263545;
        font-size: 0.79rem;
        font-weight: 700;
    }

.client-contact-role-chip[b-o4xkxyllox] {
    min-height: 30px;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    margin: 0;
    padding: 5px 9px;
    border: 1px solid #cbd5df;
    border-radius: 4px;
    background: #f7f9fb;
    color: #24313d;
    font-size: 0.78rem;
    font-weight: 700;
    cursor: pointer;
}

.client-contact-role-chip.selected[b-o4xkxyllox] {
    border-color: #099bc6;
    background: #eaf8fc;
    color: #075a73;
}

.client-contact-role-chip input[b-o4xkxyllox] {
    width: 14px;
    height: 14px;
    margin: 0;
}

.client-success-modal-backdrop[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.34);
}

.client-success-modal[b-o4xkxyllox] {
    width: min(420px, 100%);
    border: 1px solid #bfcbd6;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.22);
}

.client-success-modal-title[b-o4xkxyllox] {
    padding: 10px 14px;
    border-bottom: 1px solid #d8e0e8;
    background: #3c3c3c;
    color: #ffffff;
    font-size: 0.92rem;
    font-weight: 800;
}

.client-success-modal-text[b-o4xkxyllox] {
    padding: 14px;
    color: #24313d;
    font-size: 0.86rem;
    line-height: 1.35;
    white-space: pre-wrap;
}

.client-success-modal-actions[b-o4xkxyllox] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 14px;
    border-top: 1px solid #d8e0e8;
    background: #f7f9fb;
}

.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-four[b-o4xkxyllox] {
    grid-template-columns: repeat(4, minmax(160px, 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: var(--ammon-blue, #0a76c8);
    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.danger[b-o4xkxyllox] {
        border-color: #efb8c0;
        background: #fff5f6;
        color: #a6303c;
    }

    .client-inline-action:disabled[b-o4xkxyllox] {
        border-color: #d8dfe7;
        background: #f3f5f7;
        color: #9aa5b1;
        cursor: not-allowed;
    }

.client-position-status-pill[b-o4xkxyllox] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 1px 7px;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.72rem;
    font-weight: 800;
    line-height: 1;
}

    .client-position-status-pill.active[b-o4xkxyllox] {
        background: #eef9f2;
        border-color: #b8e3c8;
        color: #25743f;
    }

    .client-position-status-pill.archived[b-o4xkxyllox] {
        background: #f3f5f7;
        border-color: #d8dfe7;
        color: #667483;
    }

.client-position-checkbox-inline[b-o4xkxyllox] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #3a4652;
    font-size: 0.82rem;
    font-weight: 600;
}

.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],
    .client-form-grid-four[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: var(--ammon-blue, #0a76c8);
    outline: 2px solid var(--ammon-blue-soft, rgba(10, 118, 200, 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;
    }

    .client-shift-day-grid[b-o4xkxyllox] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .client-photo-modal[b-o4xkxyllox] {
        width: 100vw;
        max-height: 100vh;
    }

    .client-photo-crop-grid[b-o4xkxyllox],
    .client-photo-empty-shell[b-o4xkxyllox] {
        grid-template-columns: 1fr;
    }

    .client-photo-modal-actions[b-o4xkxyllox] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .client-photo-filename[b-o4xkxyllox] {
        width: 100%;
        max-width: 100%;
    }
}

.client-position-confirm-scrim[b-o4xkxyllox] {
    position: fixed;
    inset: 0;
    z-index: 11900;
    background: rgba(42, 39, 50, 0.42);
}

.client-position-confirm-modal[b-o4xkxyllox] {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 11901;
    width: min(420px, calc(100vw - 28px));
    transform: translate(-50%, -50%);
    border: 1px solid #d8d2df;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 24px 58px rgba(31, 27, 39, 0.25);
    padding: 18px 20px 16px;
}

.client-position-confirm-modal h2[b-o4xkxyllox] {
    margin: 0 0 8px;
    color: #252232;
    font-size: 1.05rem;
    font-weight: 750;
}

.client-position-confirm-modal p[b-o4xkxyllox] {
    margin: 0;
    color: #5a5363;
    font-size: 0.82rem;
    line-height: 1.4;
}

.client-position-confirm-modal > div[b-o4xkxyllox] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

/* UI stabilization standard: keep Client dense and aligned with shared AMMON controls. */
.avionte-client-page[b-o4xkxyllox],
.client-record-shell[b-o4xkxyllox] {
    font-family: var(--ammon-font-ui, "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif);
}

.client-profile-button[b-o4xkxyllox] {
    min-height: 34px;
    height: 34px;
    padding: 0 13px;
    border-radius: 3px;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.15;
}

.client-profile-button.primary[b-o4xkxyllox],
.client-profile-button.save[b-o4xkxyllox] {
    background: var(--ammon-blue, #0a76c8);
    border-color: var(--ammon-blue-dark, #075f9f);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.client-profile-button.primary:hover[b-o4xkxyllox],
.client-profile-button.save:hover[b-o4xkxyllox],
.client-profile-button.primary:focus-visible[b-o4xkxyllox],
.client-profile-button.save:focus-visible[b-o4xkxyllox] {
    background: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
    outline: none;
}

.client-profile-button.secondary[b-o4xkxyllox] {
    background: #ffffff;
    border-color: var(--ammon-border, #c8d4df);
    color: #304150;
    box-shadow: none;
}

.client-profile-button.compact[b-o4xkxyllox] {
    min-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 0.74rem;
}

.client-shell-icon[b-o4xkxyllox],
.client-profile-edit-button[b-o4xkxyllox] {
    width: 30px;
    height: 30px;
    border-radius: 3px;
    border-color: var(--ammon-blue, #0a76c8);
    color: var(--ammon-blue, #0a76c8);
    background: #ffffff;
}

.client-shell-icon:hover[b-o4xkxyllox],
.client-shell-icon:focus-visible[b-o4xkxyllox],
.client-profile-edit-button:hover[b-o4xkxyllox],
.client-profile-edit-button:focus-visible[b-o4xkxyllox] {
    border-color: var(--ammon-blue-dark, #075f9f);
    background: #eef8fc;
    color: var(--ammon-blue-dark, #075f9f);
    outline: none;
}

.client-shell-icon.disabled[b-o4xkxyllox],
.client-shell-icon:disabled[b-o4xkxyllox] {
    border-color: #d5dde6;
    background: #f8fafc;
    color: #9aa8b3;
}

.client-contact-flyout-actions[b-o4xkxyllox] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    box-shadow: 0 -8px 16px rgba(15, 23, 42, 0.08);
}

.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: var(--ammon-blue, #0a76c8);
    outline: 2px solid var(--ammon-blue-soft, rgba(10, 118, 200, 0.16));
    outline-offset: 0;
}

.client-shift-flyout-panel[b-o4xkxyllox],
.client-address-flyout-panel[b-o4xkxyllox] {
    width: min(1120px, 100%);
}

.client-shift-flyout-panel .client-contact-flyout-body[b-o4xkxyllox],
.client-address-flyout-panel .client-contact-flyout-body[b-o4xkxyllox] {
    gap: 10px;
}

.client-shift-main-grid[b-o4xkxyllox] {
    grid-template-columns: minmax(360px, 2fr) minmax(220px, 0.8fr);
}

.client-shift-time-grid[b-o4xkxyllox] {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

.client-shift-notes[b-o4xkxyllox] {
    min-height: 190px;
}

.client-address-flyout-panel .client-address-role-grid[b-o4xkxyllox] {
    padding: 12px 14px 14px;
}

.client-address-notes[b-o4xkxyllox] {
    min-height: 150px;
}

@media (max-width: 760px) {
    .client-profile-button[b-o4xkxyllox] {
        min-width: 0;
    }

    .client-shift-flyout-panel[b-o4xkxyllox],
    .client-address-flyout-panel[b-o4xkxyllox] {
        width: 100vw;
    }

    .client-shift-main-grid[b-o4xkxyllox],
    .client-shift-time-grid[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;
}

.assignment-locked-input[b-ysnj0bhwqv] {
    background: #eef4f9;
    border-color: #b6c4d1;
    color: #22313f;
    font-weight: 600;
}

.create-assignment-notes-grid[b-ysnj0bhwqv] {
    grid-template-columns: 1fr;
}

.create-assignment-notes-field[b-ysnj0bhwqv] {
    grid-column: 1 / -1;
}

.create-assignment-page[b-ysnj0bhwqv] (.assignment-notes-textarea) {
    width: 100%;
    min-height: 170px;
    resize: vertical;
}

.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: var(--ammon-blue, #0a76c8);
    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: 1fr;
    gap: 12px;
}

.create-candidate-card[b-yfll315yp6] {
    grid-column: 1 / -1;
    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(3, 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-assignment-grid[b-yfll315yp6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(240px, 1fr));
    gap: 12px;
}

.create-candidate-collection[b-yfll315yp6] {
    padding: 12px 14px 14px;
    border-bottom: 1px solid #e3e9f0;
}

.create-candidate-collection:last-child[b-yfll315yp6] {
    border-bottom: 0;
}

.create-candidate-collection-header[b-yfll315yp6] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}

.create-candidate-collection-header strong[b-yfll315yp6] {
    display: block;
    font-size: 0.86rem;
    color: #233143;
    line-height: 1.2;
}

.create-candidate-collection-header span[b-yfll315yp6],
.create-candidate-parser-note[b-yfll315yp6],
.create-candidate-file-selected[b-yfll315yp6],
.create-candidate-empty[b-yfll315yp6] {
    display: block;
    font-size: 0.74rem;
    color: #657487;
    line-height: 1.3;
}

.create-candidate-collection-actions[b-yfll315yp6] {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

.create-candidate-repeat-row[b-yfll315yp6] {
    display: grid;
    grid-template-columns: 96px minmax(260px, 1fr) 34px;
    gap: 10px;
    align-items: end;
    padding: 8px 0;
    border-top: 1px solid #edf1f5;
}

.create-candidate-repeat-row.phone-row[b-yfll315yp6] {
    grid-template-columns: 96px minmax(140px, 180px) minmax(240px, 1fr) 34px;
}

.create-candidate-repeat-row.skill-row[b-yfll315yp6] {
    grid-template-columns: minmax(220px, 1fr) minmax(260px, 1.4fr) minmax(120px, 160px) 34px;
}

.create-candidate-skill-position-section[b-yfll315yp6] {
    display: grid;
    gap: 8px;
    padding: 8px 0 12px;
    border-top: 1px solid #edf1f5;
}

.create-candidate-skill-position-section + .create-candidate-skill-position-section[b-yfll315yp6] {
    margin-top: 6px;
}

.create-candidate-repeat-row label[b-yfll315yp6],
.create-candidate-address-row label[b-yfll315yp6],
.create-candidate-skill-position-section > label[b-yfll315yp6] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.77rem;
    font-weight: 600;
    color: #2e3b49;
    line-height: 1.25;
}

.create-candidate-skill-position-picker[b-yfll315yp6] {
    position: relative;
}

.create-candidate-skill-position-dropdown[b-yfll315yp6] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 248px;
    overflow-y: auto;
    border: 1px solid #aeb9c4;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.16);
}

.create-candidate-skill-position-option[b-yfll315yp6] {
    width: 100%;
    min-height: 32px;
    display: flex;
    align-items: center;
    padding: 0.42rem 0.62rem;
    border: 0;
    border-bottom: 1px solid #eef2f6;
    background: #ffffff;
    color: #22313f;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.create-candidate-skill-position-option:hover[b-yfll315yp6],
.create-candidate-skill-position-option:focus-visible[b-yfll315yp6] {
    background: #f6f9fc;
}

.create-candidate-skill-position-option.new[b-yfll315yp6] {
    color: var(--ammon-blue, #0a76c8);
    font-weight: 700;
}

.create-candidate-skill-position-option span[b-yfll315yp6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-candidate-skill-position-empty[b-yfll315yp6] {
    padding: 8px 10px;
    color: #657487;
    font-size: 0.78rem;
}

.create-candidate-skill-position-tag-grid[b-yfll315yp6] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 8px 10px;
}

.create-candidate-skill-position-tag[b-yfll315yp6] {
    min-width: 0;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border: 1px solid #f17080;
    background: #ffffff;
    padding: 0.28rem 0.42rem 0.28rem 0.7rem;
    color: #f17080;
    overflow: hidden;
}

.create-candidate-skill-position-tag span[b-yfll315yp6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    font-weight: 400;
}

.create-candidate-skill-position-tag button[b-yfll315yp6] {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #f17080;
    font-size: 0.86rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.create-candidate-skill-position-tag button:hover[b-yfll315yp6],
.create-candidate-skill-position-tag button:focus-visible[b-yfll315yp6] {
    color: #d85b6d;
    background: rgba(241, 112, 128, 0.08);
}

.create-candidate-primary-cell[b-yfll315yp6],
.create-candidate-checkbox-row[b-yfll315yp6] {
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2d3b4b;
}

.create-candidate-remove-button[b-yfll315yp6] {
    width: 34px;
    height: 34px;
    border: 1px solid #c9d5e2;
    border-radius: 3px;
    background: #ffffff;
    color: #233143;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

.create-candidate-remove-button:disabled[b-yfll315yp6] {
    opacity: 0.38;
    cursor: not-allowed;
}

.create-candidate-address-row[b-yfll315yp6] {
    border-top: 1px solid #edf1f5;
    padding: 10px 0 12px;
}

.create-candidate-repeat-toolbar[b-yfll315yp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.create-candidate-repeat-toolbar strong[b-yfll315yp6] {
    font-size: 0.86rem;
    color: #233143;
}

.create-candidate-resume-panel[b-yfll315yp6] {
    padding: 12px 14px 14px;
    display: grid;
    gap: 10px;
}

.create-candidate-upload-box[b-yfll315yp6] {
    position: relative;
    min-height: 178px;
    border: 2px dashed #9eb7cf;
    background: #f6f9fc;
    padding: 18px;
    display: grid;
    place-items: center;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, box-shadow 0.15s ease;
}

.create-candidate-upload-box:hover[b-yfll315yp6],
.create-candidate-upload-box:focus-within[b-yfll315yp6] {
    border-color: var(--ammon-blue, #0a76c8);
    background: #f0f7fd;
    box-shadow: inset 0 0 0 1px rgba(10, 118, 200, 0.08);
}

.create-candidate-upload-input[b-yfll315yp6] {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    opacity: 0 !important;
    overflow: hidden;
    border: 0 !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    cursor: pointer;
}

.create-candidate-upload-input[b-yfll315yp6]::file-selector-button,
.create-candidate-upload-input[b-yfll315yp6]::-webkit-file-upload-button {
    display: none;
    visibility: hidden;
}

.create-candidate-upload-content[b-yfll315yp6] {
    max-width: 680px;
    display: grid;
    justify-items: center;
    gap: 8px;
    pointer-events: none;
}

.create-candidate-upload-box strong[b-yfll315yp6] {
    font-size: 1rem;
    color: #233143;
}

.create-candidate-upload-box span[b-yfll315yp6] {
    color: #657487;
    font-size: 0.8rem;
    line-height: 1.45;
}

.create-candidate-upload-action[b-yfll315yp6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 18px;
    border: 1px solid #b8cadb;
    border-radius: 3px;
    background: #ffffff;
    color: #1f4f77 !important;
    font-size: 0.8rem !important;
    font-weight: 800;
    box-shadow: 0 2px 5px rgba(31, 45, 61, 0.08);
}

.create-candidate-file-selected[b-yfll315yp6] {
    margin-top: 3px;
    padding: 6px 10px;
    border: 1px solid #a9d0ee;
    border-radius: 3px;
    background: #ffffff;
    color: #1d5f93;
    font-weight: 700;
}

.create-candidate-file-selected.empty[b-yfll315yp6] {
    border-color: #d4dde7;
    color: #68778a;
    font-weight: 600;
}

.create-candidate-summary[b-yfll315yp6] {
    min-height: 150px;
}

.create-candidate-duplicate-review[b-yfll315yp6] {
    border-color: #f0bf55;
    background: #fff8e8;
    color: #263445;
}

.create-candidate-duplicate-review-header[b-yfll315yp6],
.create-candidate-duplicate-row[b-yfll315yp6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.create-candidate-duplicate-review-header > div[b-yfll315yp6],
.create-candidate-duplicate-row > div[b-yfll315yp6] {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.create-candidate-duplicate-review-header strong[b-yfll315yp6],
.create-candidate-duplicate-row strong[b-yfll315yp6] {
    font-size: 0.86rem;
    color: #1e2f42;
}

.create-candidate-duplicate-review-header span[b-yfll315yp6],
.create-candidate-duplicate-row span[b-yfll315yp6],
.create-candidate-duplicate-note[b-yfll315yp6] {
    font-size: 0.78rem;
    color: #516173;
}

.create-candidate-duplicate-list[b-yfll315yp6] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

.create-candidate-duplicate-row[b-yfll315yp6] {
    padding: 9px 10px;
    border: 1px solid #ecd6a3;
    background: #ffffff;
}

.create-candidate-duplicate-row.selected[b-yfll315yp6] {
    border-color: var(--ammon-blue, #0a76c8);
    background: #f2f8fd;
}

.create-candidate-duplicate-actions[b-yfll315yp6] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.create-candidate-duplicate-preview[b-yfll315yp6] {
    margin-top: 10px;
    border: 1px solid #cbd7e4;
    background: #ffffff;
}

.create-candidate-duplicate-preview.loading[b-yfll315yp6] {
    padding: 10px 12px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4e5d6c;
}

.create-candidate-duplicate-preview-header[b-yfll315yp6] {
    min-height: 38px;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #dce4ed;
    background: #f5f8fb;
}

.create-candidate-duplicate-preview-header > div[b-yfll315yp6] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.create-candidate-duplicate-preview-header strong[b-yfll315yp6] {
    font-size: 0.86rem;
    color: #1f2d3d;
}

.create-candidate-duplicate-preview-header span[b-yfll315yp6] {
    font-size: 0.75rem;
    color: #5f6f81;
}

.create-candidate-duplicate-preview-grid[b-yfll315yp6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 0;
}

.create-candidate-duplicate-preview-grid > div[b-yfll315yp6] {
    min-width: 0;
    padding: 8px 10px;
    border-right: 1px solid #edf1f5;
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: 2px;
}

.create-candidate-duplicate-preview-grid > div:nth-child(4n)[b-yfll315yp6] {
    border-right: 0;
}

.create-candidate-duplicate-preview-grid span[b-yfll315yp6],
.create-candidate-duplicate-preview-list span[b-yfll315yp6] {
    color: #68778a;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.create-candidate-duplicate-preview-grid strong[b-yfll315yp6],
.create-candidate-duplicate-preview-list strong[b-yfll315yp6] {
    min-width: 0;
    color: #22313f;
    font-size: 0.78rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.create-candidate-duplicate-preview-list[b-yfll315yp6] {
    padding: 8px 10px;
    border-bottom: 1px solid #edf1f5;
    display: grid;
    gap: 4px;
}

.create-candidate-duplicate-preview-footer[b-yfll315yp6] {
    padding: 8px 10px;
    display: flex;
    justify-content: flex-end;
}

.create-candidate-review-pill[b-yfll315yp6] {
    justify-self: end;
    padding: 4px 8px;
    border: 1px solid #9cccb0;
    background: #e9f8ef;
    color: #22623b;
    font-size: 0.74rem;
    font-weight: 700;
    text-transform: uppercase;
}

.create-candidate-duplicate-note[b-yfll315yp6] {
    margin-top: 8px;
    font-weight: 600;
}

.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: var(--ammon-blue, #0a76c8);
    color: #ffffff;
    border-color: var(--ammon-blue-dark, #075f9f);
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.create-candidate-button.primary:hover[b-yfll315yp6],
.create-candidate-button.primary:focus-visible[b-yfll315yp6] {
    background: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
}

.create-candidate-button.secondary[b-yfll315yp6] {
    background: #ffffff;
    color: #4e5d6c;
    border-color: #ccd6e0;
}

@media (max-width: 1080px) {
    .create-candidate-form-grid[b-yfll315yp6],
    .create-candidate-assignment-grid[b-yfll315yp6],
    .create-candidate-repeat-row[b-yfll315yp6],
    .create-candidate-repeat-row.phone-row[b-yfll315yp6],
    .create-candidate-repeat-row.skill-row[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;
    }

    .create-candidate-collection-actions[b-yfll315yp6] {
        justify-content: stretch;
    }

    .create-candidate-collection-header[b-yfll315yp6],
    .create-candidate-repeat-toolbar[b-yfll315yp6],
    .create-candidate-duplicate-review-header[b-yfll315yp6],
    .create-candidate-duplicate-row[b-yfll315yp6],
    .create-candidate-duplicate-preview-header[b-yfll315yp6] {
        align-items: stretch;
        flex-direction: column;
    }

    .create-candidate-duplicate-actions[b-yfll315yp6] {
        justify-content: stretch;
    }

    .create-candidate-duplicate-preview-grid[b-yfll315yp6] {
        grid-template-columns: 1fr;
    }

    .create-candidate-duplicate-preview-grid > div[b-yfll315yp6] {
        border-right: 0;
    }
}
/* /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] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    align-items: start;
}

.create-client-card[b-ubczs6tmei] {
    width: 100%;
    grid-column: 1 / -1;
    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;
    width: 100%;
}

.create-client-form-grid[b-ubczs6tmei] {
    display: grid;
    grid-template-columns: repeat(3, 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-contact-block[b-ubczs6tmei] {
    grid-column: 1 / -1;
    border: 1px solid #d7e1eb;
    background: #fbfcfe;
}

.create-client-address-block[b-ubczs6tmei] {
    grid-column: 1 / -1;
    border: 1px solid #d7e1eb;
    background: #fbfcfe;
}

.create-client-contact-heading[b-ubczs6tmei] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 10px;
    border-bottom: 1px solid #e2e8ef;
    background: #ffffff;
    color: #233241;
    font-size: 0.9rem;
    font-weight: 800;
}

.create-client-contact-remove[b-ubczs6tmei] {
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid #d4a6a6;
    border-radius: 3px;
    background: #fff8f8;
    color: #9b3434;
    font-family: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
}

.create-client-contact-remove:hover[b-ubczs6tmei],
.create-client-contact-remove:focus-visible[b-ubczs6tmei] {
    border-color: #b95050;
    background: #fff1f1;
    outline: none;
}

.create-client-contact-fields[b-ubczs6tmei] {
    padding: 10px 12px 12px;
}

.create-client-address-fields[b-ubczs6tmei] {
    padding: 10px 12px 12px;
}

.create-client-address-table-wrap[b-ubczs6tmei] {
    width: 100%;
    overflow-x: auto;
    padding: 0 14px 10px;
}

.create-client-address-entry-table[b-ubczs6tmei] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    table-layout: fixed;
}

    .create-client-address-entry-table thead th[b-ubczs6tmei] {
        background: var(--ammon-blue, #0a76c8);
        color: #ffffff;
        font-size: 0.72rem;
        font-weight: 800;
        text-align: left;
        padding: 7px 8px;
        border-right: 1px solid rgba(255, 255, 255, 0.32);
        border-bottom: 1px solid var(--ammon-blue-dark, #075f9f);
        white-space: nowrap;
    }

    .create-client-address-entry-table tbody td[b-ubczs6tmei] {
        padding: 5px 6px;
        border: 1px solid #dce5ee;
        background: #ffffff;
        vertical-align: top;
    }

    .create-client-address-entry-table tbody tr:nth-child(even) td[b-ubczs6tmei] {
        background: #f6f8fa;
    }

    .create-client-address-entry-table .form-control[b-ubczs6tmei] {
        width: 100%;
        min-width: 0;
        height: 30px;
        padding: 4px 7px;
        font-size: 0.78rem;
    }

    .create-client-address-entry-table .create-client-role-dropdown[b-ubczs6tmei] {
        width: 100%;
    }

    .create-client-address-entry-table .create-client-role-dropdown summary[b-ubczs6tmei] {
        min-height: 30px;
        padding-left: 7px;
        font-size: 0.76rem;
    }

    .create-client-address-entry-table .create-client-role-menu[b-ubczs6tmei] {
        position: static;
        margin-top: 4px;
        min-width: 100%;
    }

.create-client-address-label[b-ubczs6tmei] {
    width: 84px;
    color: #233241;
    font-size: 0.78rem;
    font-weight: 800;
    white-space: nowrap;
}

.create-client-address-actions[b-ubczs6tmei] {
    width: 96px;
    white-space: nowrap;
}

.create-client-role-dropdown[b-ubczs6tmei] {
    position: relative;
    width: min(420px, 100%);
}

.create-client-address-type-dropdown[b-ubczs6tmei] {
    width: min(620px, 100%);
}

.create-client-invoice-contact-dropdown[b-ubczs6tmei] {
    width: 100%;
}

.create-client-contact-role-chip-grid[b-ubczs6tmei] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    width: min(680px, 100%);
    padding: 8px;
    border: 1px solid #d4dee8;
    background: #f8fafc;
}

.create-client-contact-role-chip[b-ubczs6tmei] {
    min-height: 30px;
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    padding: 5px 9px;
    border: 1px solid #cbd7e2;
    border-radius: 3px;
    background: #ffffff;
    color: #314153;
    font-size: 0.77rem !important;
    font-weight: 700 !important;
    cursor: pointer;
}

.create-client-contact-role-chip.selected[b-ubczs6tmei] {
    border-color: #099bc6;
    background: #eaf8fc;
    color: #075a73;
}

.create-client-contact-role-chip input[b-ubczs6tmei] {
    width: 14px;
    height: 14px;
    margin: 0;
}

.create-client-role-dropdown summary[b-ubczs6tmei] {
    min-height: 34px;
    display: flex;
    align-items: center;
    padding: 0 36px 0 10px;
    border: 1px solid #c5d2df;
    border-radius: 2px;
    background: #ffffff;
    color: #233241;
    font-size: 0.82rem;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    box-shadow: inset 0 1px 2px rgba(31, 45, 61, 0.05);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-client-role-dropdown summary[b-ubczs6tmei]::-webkit-details-marker {
    display: none;
}

.create-client-role-dropdown summary[b-ubczs6tmei]::after {
    content: "";
    position: absolute;
    right: 13px;
    top: 14px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #536476;
    pointer-events: none;
}

.create-client-role-dropdown[open] summary[b-ubczs6tmei] {
    border-color: var(--ammon-blue, #0a76c8);
    box-shadow: 0 0 0 2px rgba(10, 118, 200, 0.12);
}

.create-client-role-menu[b-ubczs6tmei] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    min-width: 260px;
    border: 1px solid #c7d3df;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(31, 45, 61, 0.16);
}

.create-client-role-option[b-ubczs6tmei] {
    min-height: 32px;
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 7px 10px;
    border-bottom: 1px solid #edf2f6;
    font-size: 0.79rem !important;
    font-weight: 600 !important;
    color: #2e3b49 !important;
    cursor: pointer;
}

.create-client-role-option:last-child[b-ubczs6tmei] {
    border-bottom: 0;
}

.create-client-role-option:hover[b-ubczs6tmei] {
    background: #f2f8fd;
}

.create-client-role-option input[b-ubczs6tmei] {
    flex: 0 0 auto;
}

.create-client-role-empty[b-ubczs6tmei] {
    min-height: 32px;
    padding: 8px 10px;
    color: #637286;
    font-size: 0.78rem;
    font-weight: 600;
    background: #f7fafc;
}

.create-client-add-contact-row[b-ubczs6tmei],
.create-client-add-address-row[b-ubczs6tmei] {
    display: flex;
    justify-content: flex-end;
    padding: 0;
}

.create-client-add-address-row[b-ubczs6tmei] {
    padding: 0 14px 12px;
}

.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: var(--ammon-blue, #0a76c8);
    color: #ffffff;
    border-color: var(--ammon-blue-dark, #075f9f);
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.create-client-button.primary:hover[b-ubczs6tmei],
.create-client-button.primary:focus-visible[b-ubczs6tmei] {
    background: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
}

.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],
    .create-client-add-contact-row .create-client-button[b-ubczs6tmei] {
        flex: 1 1 140px;
    }

    .create-client-add-contact-row[b-ubczs6tmei],
    .create-client-add-address-row[b-ubczs6tmei] {
        align-items: stretch;
    }

    .create-client-role-dropdown[b-ubczs6tmei] {
        width: 100%;
    }

    .create-client-role-menu[b-ubczs6tmei] {
        position: static;
        margin-top: 4px;
        box-shadow: none;
    }
}
/* /Components/Pages/CreateJobOrder.razor.rz.scp.css */
.create-job-order-shell[b-p38dm051b2] {
    --create-job-accent: #0d88cf;
    --create-job-accent-dark: #0a6cab;
    --create-job-accent-soft: rgba(13, 136, 207, 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] {
    gap: 6px;
    margin: -8px -10px 10px;
    padding: 8px 10px;
}

.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(13, 136, 207, 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-locked-input[b-p38dm051b2] {
    background: #eef1f4 !important;
    color: #4f5f6f !important;
    cursor: default;
}

.create-job-order-locked-client-display[b-p38dm051b2] {
    display: flex;
    align-items: center;
    min-height: 32px;
    user-select: text;
}

.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-skill-typeahead[b-p38dm051b2] {
    position: relative;
}

.create-job-order-skill-input[b-p38dm051b2] {
    width: 100%;
}

.create-job-order-skill-results[b-p38dm051b2] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    z-index: 80;
    max-height: 238px;
    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-skill-result[b-p38dm051b2] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    min-height: 38px;
    padding: 8px 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;
}

.create-job-order-skill-result:last-child[b-p38dm051b2] {
    border-bottom: 0;
}

.create-job-order-skill-result:hover[b-p38dm051b2],
.create-job-order-skill-result:focus-visible[b-p38dm051b2] {
    background: #f3f8fc;
    outline: none;
}

.create-job-order-skill-result span[b-p38dm051b2] {
    font-size: 0.8rem;
    font-weight: 600;
}

.create-job-order-skill-result small[b-p38dm051b2] {
    font-size: 0.68rem;
    font-weight: 500;
    color: #6a7887;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.create-job-order-skill-empty[b-p38dm051b2],
.create-job-order-selected-empty[b-p38dm051b2] {
    padding: 9px 10px;
    color: #647482;
    font-size: 0.78rem;
    font-weight: 400;
}

.create-job-order-selected-empty[b-p38dm051b2] {
    margin-top: 8px;
    border: 1px dashed #d4dde6;
    background: #ffffff;
}

.create-job-order-selected-skills[b-p38dm051b2] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.create-job-order-selected-skill[b-p38dm051b2] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    min-height: 30px;
    padding: 0 8px 0 10px;
    border: 1px solid var(--create-job-accent-dark);
    border-radius: 3px;
    background: #eef7fd;
    color: #0a5d94;
    font-size: 0.78rem;
    font-weight: 600;
}

.create-job-order-selected-skill span[b-p38dm051b2] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.create-job-order-selected-skill button[b-p38dm051b2] {
    width: 18px;
    height: 18px;
    padding: 0;
    border: 0;
    border-radius: 3px;
    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-selected-skill button:hover[b-p38dm051b2],
.create-job-order-selected-skill button:focus-visible[b-p38dm051b2] {
    background: rgba(168, 57, 73, 0.20);
    outline: none;
}

.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: #eef7fd;
    color: #0a5d94;
}

.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(13, 136, 207, 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;
    min-height: 34px;
    gap: 8px;
    padding: 7px 10px;
}

.create-job-order-shell.embedded .create-job-order-topline-copy[b-p38dm051b2] {
    gap: 6px;
}

.create-job-order-shell.embedded .create-job-order-topline-copy strong[b-p38dm051b2] {
    font-size: 0.88rem;
}

.create-job-order-shell.embedded .create-job-order-topline-label[b-p38dm051b2] {
    font-size: 0.64rem;
}

.create-job-order-shell.embedded .create-job-order-topline-client[b-p38dm051b2] {
    gap: 6px;
    font-size: 0.72rem;
}

.create-job-order-shell.embedded .create-job-order-topline-client span[b-p38dm051b2] {
    padding: 2px 7px;
    border-radius: 10px;
}

.create-job-order-shell.embedded .create-job-order-tabs[b-p38dm051b2] {
    border-radius: 2px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    box-shadow: none;
}

.create-job-order-shell.embedded .create-job-order-tab[b-p38dm051b2] {
    flex: 0 0 auto;
    min-height: 34px;
    gap: 6px;
    padding: 0 11px;
    font-size: 0.76rem;
    white-space: nowrap;
}

.create-job-order-shell.embedded .create-job-order-tab-badge[b-p38dm051b2] {
    min-width: 17px;
    height: 17px;
    padding: 0 4px;
    font-size: 0.62rem;
}

.create-job-order-shell.embedded .create-job-order-panel[b-p38dm051b2] {
    scroll-margin-top: 42px;
}

.create-job-order-shell.embedded .create-job-order-panel-header[b-p38dm051b2] {
    padding: 7px 10px;
    font-size: 0.8rem;
}

.create-job-order-shell.embedded .create-job-order-panel-body[b-p38dm051b2] {
    padding: 10px;
    gap: 10px;
}

.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-shell.embedded .create-job-order-tab[b-p38dm051b2] {
        flex: 0 0 auto;
        border-bottom: 0;
    }

    .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;
}

.submission-selected-clear[b-df83s2d8u9] {
    margin-left: 8px;
    border: 1px solid #cfd7e2;
    background: #f8f9fb;
    color: #006aa6;
    border-radius: 6px;
    font-size: 0.72rem;
    font-weight: 800;
    padding: 3px 8px;
}

@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/EmailMailbox.razor.rz.scp.css */
.email-mailbox-page[b-h32jg3h3ff] {
    height: calc(100vh - 142px);
    min-height: 620px;
    color: #17283b;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.email-mailbox-shell[b-h32jg3h3ff] {
    height: 100%;
    display: grid;
    grid-template-columns: 250px minmax(310px, 380px) minmax(0, 1fr);
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    overflow: hidden;
    background: #ffffff;
}

.email-mailbox-sidebar[b-h32jg3h3ff] {
    border-right: 1px solid #d8e2ec;
    background: #f8fbfd;
    padding: 12px;
    overflow-y: auto;
}

.email-mailbox-header[b-h32jg3h3ff],
.email-mailbox-list-top[b-h32jg3h3ff],
.email-mailbox-attachments-heading[b-h32jg3h3ff],
.email-mailbox-composer-header[b-h32jg3h3ff],
.email-mailbox-composer-actions[b-h32jg3h3ff] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

.email-mailbox-kicker[b-h32jg3h3ff] {
    color: #64748b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.email-mailbox-header h1[b-h32jg3h3ff],
.email-mailbox-list-top h2[b-h32jg3h3ff],
.email-mailbox-detail h2[b-h32jg3h3ff],
.email-mailbox-composer h2[b-h32jg3h3ff] {
    margin: 2px 0 3px;
    font-size: 1rem;
    line-height: 1.15;
}

.email-mailbox-detail h2[b-h32jg3h3ff] {
    font-size: 1.12rem;
}

.email-mailbox-list-top p[b-h32jg3h3ff],
.email-mailbox-detail p[b-h32jg3h3ff],
.email-mailbox-empty[b-h32jg3h3ff] {
    color: #5c6b7b;
    font-size: 0.76rem;
}

.email-mailbox-label[b-h32jg3h3ff] {
    display: block;
    margin: 14px 0 5px;
    color: #516276;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.email-mailbox-select[b-h32jg3h3ff],
.email-mailbox-button[b-h32jg3h3ff],
.email-mailbox-compose[b-h32jg3h3ff],
.email-mailbox-search[b-h32jg3h3ff],
.email-mailbox-composer input[b-h32jg3h3ff],
.email-mailbox-composer select[b-h32jg3h3ff],
.email-mailbox-composer textarea[b-h32jg3h3ff] {
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    background: #ffffff;
    color: #20364d;
    font: 700 0.78rem/1.2 "Poppins", "Segoe UI", sans-serif;
}

.email-mailbox-select[b-h32jg3h3ff],
.email-mailbox-search[b-h32jg3h3ff],
.email-mailbox-composer input[b-h32jg3h3ff],
.email-mailbox-composer select[b-h32jg3h3ff] {
    width: 100%;
    min-height: 34px;
    padding: 0 10px;
}

.email-mailbox-button[b-h32jg3h3ff],
.email-mailbox-compose[b-h32jg3h3ff],
.email-mailbox-icon-button[b-h32jg3h3ff] {
    min-height: 34px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.email-mailbox-button[b-h32jg3h3ff] {
    padding: 0 11px;
}

.email-mailbox-button.primary[b-h32jg3h3ff] {
    background: #0a76c8;
    border-color: #0a76c8;
    color: #ffffff;
}

.email-mailbox-button.secondary[b-h32jg3h3ff] {
    background: #ffffff;
    color: #20364d;
}

.email-mailbox-button:disabled[b-h32jg3h3ff] {
    cursor: not-allowed;
    opacity: 0.65;
}

.email-mailbox-compose[b-h32jg3h3ff] {
    width: 100%;
    margin-top: 10px;
    color: #0a76c8;
    font-weight: 900;
}

.email-mailbox-folder-group[b-h32jg3h3ff] {
    margin-top: 10px;
    display: grid;
    gap: 6px;
}

.email-mailbox-folder[b-h32jg3h3ff] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 0;
    border-radius: 5px;
    background: transparent;
    padding: 8px 9px;
    color: #405268;
    text-align: left;
    font: 800 0.78rem/1.2 "Poppins", "Segoe UI", sans-serif;
    cursor: pointer;
}

.email-mailbox-folder:hover[b-h32jg3h3ff],
.email-mailbox-folder.active[b-h32jg3h3ff] {
    background: #e9f3fc;
    color: #0a76c8;
}

.email-mailbox-folder strong[b-h32jg3h3ff] {
    min-width: 22px;
    border-radius: 999px;
    background: #eef3f8;
    color: #405268;
    padding: 2px 7px;
    text-align: center;
    font-size: 0.68rem;
}

.email-mailbox-folder.active strong[b-h32jg3h3ff] {
    background: #0a76c8;
    color: #ffffff;
}

.email-mailbox-list[b-h32jg3h3ff] {
    border-right: 1px solid #d8e2ec;
    overflow-y: auto;
    background: #ffffff;
}

.email-mailbox-list-top[b-h32jg3h3ff] {
    position: sticky;
    top: 0;
    z-index: 2;
    padding: 10px 11px;
    border-bottom: 1px solid #d8e2ec;
    background: #ffffff;
}

.email-mailbox-filterbar[b-h32jg3h3ff] {
    position: sticky;
    top: 56px;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border-bottom: 1px solid #d8e2ec;
    background: #f8fbfd;
    padding: 8px 10px;
}

.email-mailbox-check[b-h32jg3h3ff] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #405268;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
}

.email-mailbox-message[b-h32jg3h3ff] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    border: 0;
    border-bottom: 1px solid #e6edf3;
    background: #ffffff;
    padding: 9px 11px;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

.email-mailbox-message:hover[b-h32jg3h3ff],
.email-mailbox-message.active[b-h32jg3h3ff] {
    background: #eef5ff;
}

.email-mailbox-message-from[b-h32jg3h3ff],
.email-mailbox-message-subject[b-h32jg3h3ff] {
    font-weight: 850;
    color: #17283b;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mailbox-message-subject[b-h32jg3h3ff],
.email-mailbox-message-preview[b-h32jg3h3ff],
.email-mailbox-message-tags[b-h32jg3h3ff] {
    grid-column: 1 / -1;
}

.email-mailbox-message-preview[b-h32jg3h3ff],
.email-mailbox-message-date[b-h32jg3h3ff],
.email-mailbox-message-status[b-h32jg3h3ff] {
    color: #5c6b7b;
    font-size: 0.7rem;
}

.email-mailbox-message-status[b-h32jg3h3ff] {
    border-radius: 999px;
    background: #eef3f8;
    padding: 2px 7px;
    font-weight: 800;
}

.email-mailbox-message-tags[b-h32jg3h3ff] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

.email-mailbox-message-tags span[b-h32jg3h3ff] {
    border-radius: 999px;
    background: #eef3f8;
    color: #516276;
    padding: 2px 7px;
    font-size: 0.64rem;
    font-weight: 850;
}

.email-mailbox-unread-dot[b-h32jg3h3ff] {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #0a76c8;
    margin-right: 5px;
}

.email-mailbox-detail[b-h32jg3h3ff] {
    overflow-y: auto;
    padding: 14px;
}

.email-mailbox-detail-meta[b-h32jg3h3ff] {
    border-bottom: 1px solid #d8e2ec;
    padding-bottom: 11px;
    margin-bottom: 11px;
}

.email-mailbox-detail-meta p[b-h32jg3h3ff] {
    margin: 6px 0 0;
}

.email-mailbox-detail-actions[b-h32jg3h3ff] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 10px;
}

.email-mailbox-loading-pill[b-h32jg3h3ff] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #c8d6e3;
    border-radius: 999px;
    background: #f4f8fb;
    color: #516276;
    padding: 0 11px;
    font-size: 0.7rem;
    font-weight: 850;
}

.email-mailbox-preview[b-h32jg3h3ff] {
    max-width: 900px;
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    padding: 14px;
    background: #ffffff;
    min-height: 220px;
    color: #24384d;
    font-size: 0.82rem;
    line-height: 1.5;
}

.email-mailbox-preview.loading[b-h32jg3h3ff] {
    min-height: 120px;
    color: #64748b;
    font-weight: 800;
}

.email-mailbox-matches[b-h32jg3h3ff],
.email-mailbox-attachments[b-h32jg3h3ff] {
    max-width: 980px;
    margin-bottom: 11px;
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    background: #fbfdff;
    padding: 10px;
}

.email-mailbox-match-grid[b-h32jg3h3ff] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 8px;
    margin-top: 8px;
}

.email-mailbox-match-card[b-h32jg3h3ff] {
    display: grid;
    gap: 2px;
    border: 1px solid #d8e2ec;
    border-radius: 5px;
    background: #ffffff;
    color: inherit;
    padding: 8px;
    text-decoration: none;
}

.email-mailbox-match-card strong[b-h32jg3h3ff] {
    color: #0a76c8;
    font-size: 0.72rem;
    text-transform: uppercase;
}

.email-mailbox-match-card span[b-h32jg3h3ff],
.email-mailbox-match-card small[b-h32jg3h3ff] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mailbox-match-card span[b-h32jg3h3ff] {
    font-size: 0.78rem;
    font-weight: 850;
}

.email-mailbox-match-card small[b-h32jg3h3ff] {
    color: #64748b;
    font-size: 0.68rem;
}

.email-mailbox-attachments-heading[b-h32jg3h3ff] {
    align-items: center;
    margin-bottom: 8px;
}

.email-mailbox-attachments-heading h3[b-h32jg3h3ff] {
    margin: 1px 0 0;
    font-size: 0.86rem;
}

.email-mailbox-attachments p[b-h32jg3h3ff] {
    margin: 8px 0 0;
    color: #5c6b7b;
    font-size: 0.76rem;
}

.email-mailbox-inline-toggle[b-h32jg3h3ff] {
    min-height: 28px;
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    background: #ffffff;
    color: #405268;
    padding: 0 9px;
    font: 850 0.68rem/1 "Poppins", "Segoe UI", sans-serif;
    cursor: pointer;
}

.email-mailbox-attachment-grid[b-h32jg3h3ff] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 8px;
}

.email-mailbox-attachment-card[b-h32jg3h3ff] {
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    border: 1px solid #d8e2ec;
    border-radius: 5px;
    background: #ffffff;
    padding: 8px;
    color: inherit;
    text-decoration: none;
}

.email-mailbox-attachment-card:hover[b-h32jg3h3ff] {
    border-color: #8bbbe2;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.email-mailbox-attachment-icon[b-h32jg3h3ff] {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background: #e9f3fc;
    color: #0a76c8;
    font-size: 0.64rem;
    font-weight: 900;
}

.email-mailbox-attachment-copy[b-h32jg3h3ff] {
    min-width: 0;
}

.email-mailbox-attachment-copy strong[b-h32jg3h3ff],
.email-mailbox-attachment-copy span[b-h32jg3h3ff] {
    display: block;
}

.email-mailbox-attachment-copy strong[b-h32jg3h3ff] {
    color: #17283b;
    font-size: 0.76rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.email-mailbox-attachment-copy span[b-h32jg3h3ff] {
    margin-top: 2px;
    color: #64748b;
    font-size: 0.68rem;
}

.email-mailbox-attachment-action[b-h32jg3h3ff] {
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    color: #20364d;
    padding: 7px 9px;
    font-size: 0.68rem;
    font-weight: 900;
    white-space: nowrap;
}

.email-mailbox-inline-files[b-h32jg3h3ff] {
    margin-top: 8px;
    border-top: 1px solid #e6edf3;
    padding-top: 7px;
}

.email-mailbox-inline-file[b-h32jg3h3ff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border-bottom: 1px solid #edf2f7;
    padding: 5px 0;
    color: #405268;
    font-size: 0.7rem;
    text-decoration: none;
}

.email-mailbox-inline-file small[b-h32jg3h3ff] {
    color: #7c8da0;
    white-space: nowrap;
}

.email-mailbox-html-frame[b-h32jg3h3ff] {
    width: 100%;
    min-height: 600px;
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    background: #ffffff;
}

.email-mailbox-alert[b-h32jg3h3ff],
.email-mailbox-empty[b-h32jg3h3ff] {
    margin: 10px;
    border: 1px solid #d8e2ec;
    border-radius: 5px;
    padding: 10px;
    background: #fbfdff;
}

.email-mailbox-alert.success[b-h32jg3h3ff] {
    border-color: #b8e4c8;
    background: #eefaf3;
    color: #17633d;
}

.email-mailbox-alert.error[b-h32jg3h3ff] {
    border-color: #fecdd3;
    background: #fff1f2;
    color: #9f1239;
}

.email-mailbox-composer-scrim[b-h32jg3h3ff] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(15, 23, 42, 0.28);
}

.email-mailbox-composer[b-h32jg3h3ff] {
    position: fixed;
    top: 92px;
    right: 28px;
    z-index: 3001;
    width: min(760px, calc(100vw - 56px));
    max-height: calc(100vh - 118px);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto auto;
    border: 1px solid #c8d6e3;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
    overflow: hidden;
}

.email-mailbox-composer-header[b-h32jg3h3ff] {
    align-items: center;
    border-bottom: 1px solid #d8e2ec;
    padding: 12px 14px;
}

.email-mailbox-icon-button[b-h32jg3h3ff] {
    width: 34px;
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    background: #ffffff;
    color: #17283b;
    font-weight: 900;
}

.email-mailbox-composer-grid[b-h32jg3h3ff] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    overflow-y: auto;
    padding: 12px 14px;
}

.email-mailbox-composer-grid label[b-h32jg3h3ff] {
    display: grid;
    gap: 5px;
}

.email-mailbox-composer-grid label.wide[b-h32jg3h3ff] {
    grid-column: 1 / -1;
}

.email-mailbox-composer-grid span[b-h32jg3h3ff] {
    color: #516276;
    font-size: 0.68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.email-mailbox-composer textarea[b-h32jg3h3ff] {
    min-height: 260px;
    padding: 10px;
    resize: vertical;
    line-height: 1.45;
}

.email-mailbox-send-guard[b-h32jg3h3ff] {
    border-top: 1px solid #d8e2ec;
    background: #fff7ed;
    color: #9a3412;
    padding: 9px 14px;
    font-size: 0.74rem;
    font-weight: 800;
}

.email-mailbox-composer-actions[b-h32jg3h3ff] {
    align-items: center;
    border-top: 1px solid #d8e2ec;
    padding: 10px 14px;
}

.email-mailbox-mobile-lock[b-h32jg3h3ff] {
    display: none;
}

@media (max-width: 1280px) {
    .email-mailbox-shell[b-h32jg3h3ff] {
        grid-template-columns: 230px minmax(290px, 360px) minmax(0, 1fr);
    }
}

@media (max-width: 1024px), (max-device-width: 1024px), ((pointer: coarse) and (max-width: 1180px)) {
    .email-mailbox-shell[b-h32jg3h3ff] {
        display: none;
    }

    .email-mailbox-page[b-h32jg3h3ff] {
        height: auto;
        min-height: 0;
    }

    .email-mailbox-mobile-lock[b-h32jg3h3ff] {
        display: block;
        padding: 18px 10px 90px;
    }

    .email-mailbox-lock-card[b-h32jg3h3ff] {
        border: 1px solid #d8e2ec;
        border-radius: 6px;
        background: #ffffff;
        padding: 18px;
        box-shadow: 0 10px 22px rgba(15, 23, 42, 0.08);
    }

    .email-mailbox-lock-card h1[b-h32jg3h3ff] {
        margin: 0 0 8px;
        font-size: 1.25rem;
    }
}
/* /Components/Pages/EmailNotifications.razor.rz.scp.css */
.email-admin-page[b-dm0y87y4he] {
    max-width: 1480px;
    margin: 0 auto;
    color: #17283b;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.email-admin-header[b-dm0y87y4he] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 14px;
}

.email-admin-kicker[b-dm0y87y4he] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.email-admin-header h1[b-dm0y87y4he] {
    margin: 2px 0 4px;
    font-size: 1.45rem;
    line-height: 1.15;
}

.email-admin-header p[b-dm0y87y4he],
.email-admin-panel-subtitle[b-dm0y87y4he],
.email-admin-muted[b-dm0y87y4he] {
    color: #5c6b7b;
    font-size: 0.82rem;
}

.email-admin-button[b-dm0y87y4he],
.email-admin-tab[b-dm0y87y4he] {
    min-height: 36px;
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    background: #ffffff;
    color: #20364d;
    padding: 0 14px;
    font: 700 0.82rem/1 "Poppins", "Segoe UI", sans-serif;
    cursor: pointer;
}

.email-admin-button.primary[b-dm0y87y4he],
.email-admin-tab.active[b-dm0y87y4he] {
    background: #0a76c8;
    border-color: #0a76c8;
    color: #ffffff;
}

.email-admin-button.secondary:hover[b-dm0y87y4he],
.email-admin-tab:hover[b-dm0y87y4he] {
    background: #eef6fd;
}

.email-admin-alert[b-dm0y87y4he] {
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.82rem;
    font-weight: 700;
}

.email-admin-alert.success[b-dm0y87y4he] {
    background: #eefaf3;
    border-color: #b8e4c8;
    color: #17633d;
}

.email-admin-alert.error[b-dm0y87y4he] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.email-admin-toolbar[b-dm0y87y4he] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.email-admin-panel[b-dm0y87y4he],
.email-admin-empty[b-dm0y87y4he] {
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.email-admin-panel-title[b-dm0y87y4he] {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 2px;
}

.email-admin-table-wrap[b-dm0y87y4he] {
    overflow-x: auto;
    margin-top: 12px;
    border: 1px solid #dce5ed;
    border-radius: 5px;
}

.email-admin-table[b-dm0y87y4he] {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
}

.email-admin-table th[b-dm0y87y4he],
.email-admin-table td[b-dm0y87y4he] {
    border-bottom: 1px solid #e6edf3;
    padding: 10px 12px;
    text-align: left;
    vertical-align: top;
    font-size: 0.78rem;
}

.email-admin-table th[b-dm0y87y4he] {
    background: #f4f7fa;
    color: #506175;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.email-admin-action[b-dm0y87y4he] {
    width: 86px;
    text-align: center !important;
}

.email-admin-strong[b-dm0y87y4he] {
    font-weight: 800;
    color: #17283b;
}

.email-admin-pill[b-dm0y87y4he],
.email-admin-folder[b-dm0y87y4he] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: 999px;
    background: #eef4fa;
    color: #334b62;
    padding: 0 9px;
    margin: 2px 4px 2px 0;
    font-size: 0.68rem;
    font-weight: 800;
}

.email-admin-pill.positive[b-dm0y87y4he] {
    background: #e8f7ed;
    color: #17633d;
}

.email-admin-pill.warning[b-dm0y87y4he] {
    background: #fff7ed;
    color: #9a3412;
}

.email-admin-switch[b-dm0y87y4he] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.email-admin-switch input[b-dm0y87y4he] {
    position: absolute;
    opacity: 0;
}

.email-admin-switch span[b-dm0y87y4he] {
    width: 42px;
    height: 22px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    transition: background 140ms ease;
}

.email-admin-switch span[b-dm0y87y4he]::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #ffffff;
    transition: transform 140ms ease;
}

.email-admin-switch input:checked + span[b-dm0y87y4he] {
    background: #0a76c8;
}

.email-admin-switch input:checked + span[b-dm0y87y4he]::after {
    transform: translateX(20px);
}

.email-admin-template-grid[b-dm0y87y4he] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.email-admin-template-card[b-dm0y87y4he] {
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    padding: 12px;
    background: #fbfdff;
}

.email-admin-template-top[b-dm0y87y4he] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.email-admin-template-card h2[b-dm0y87y4he] {
    margin: 2px 0;
    font-size: 0.95rem;
}

.email-admin-template-subject[b-dm0y87y4he] {
    margin-top: 10px;
    font-weight: 800;
}

.email-admin-template-card pre[b-dm0y87y4he] {
    white-space: pre-wrap;
    margin: 8px 0 0;
    color: #334b62;
    font-family: "Poppins", "Segoe UI", sans-serif;
    font-size: 0.76rem;
}

.email-admin-checklist[b-dm0y87y4he] {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.email-admin-check-item[b-dm0y87y4he] {
    border: 1px solid #dce5ed;
    border-radius: 5px;
    padding: 11px 12px;
    background: #fbfdff;
}

.email-admin-check-item strong[b-dm0y87y4he],
.email-admin-check-item span[b-dm0y87y4he] {
    display: block;
}

.email-admin-check-item span[b-dm0y87y4he] {
    margin-top: 3px;
    color: #5c6b7b;
    font-size: 0.82rem;
}

.email-admin-secret-note[b-dm0y87y4he] {
    margin: 12px 0;
    border: 1px solid #f4c7c3;
    border-radius: 5px;
    background: #fff7f6;
    color: #9f1239;
    padding: 10px 12px;
    font-size: 0.8rem;
    font-weight: 800;
}

.email-admin-form-grid[b-dm0y87y4he] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 10px 12px;
    margin-top: 12px;
}

.email-admin-form-grid label[b-dm0y87y4he] {
    display: grid;
    gap: 5px;
}

.email-admin-form-grid span[b-dm0y87y4he],
.email-admin-check-toggle span[b-dm0y87y4he] {
    color: #516276;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.email-admin-form-grid input[b-dm0y87y4he] {
    min-height: 36px;
    border: 1px solid #c8d6e3;
    border-radius: 4px;
    background: #ffffff;
    color: #17283b;
    padding: 0 10px;
    font: 600 0.8rem/1 "Poppins", "Segoe UI", sans-serif;
}

.email-admin-toggle-row[b-dm0y87y4he],
.email-admin-actions[b-dm0y87y4he] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}

.email-admin-check-toggle[b-dm0y87y4he] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    border: 1px solid #d8e2ec;
    border-radius: 5px;
    padding: 0 10px;
    background: #fbfdff;
}

.email-admin-check-toggle input[b-dm0y87y4he] {
    width: 16px;
    height: 16px;
}

.email-admin-status-grid[b-dm0y87y4he] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.email-admin-status-grid > div[b-dm0y87y4he] {
    border: 1px solid #d8e2ec;
    border-radius: 5px;
    background: #fbfdff;
    padding: 12px;
}

.email-admin-status-grid strong[b-dm0y87y4he],
.email-admin-status-grid span[b-dm0y87y4he] {
    display: block;
}

.email-admin-status-grid span[b-dm0y87y4he] {
    color: #5c6b7b;
    font-size: 0.76rem;
    margin-top: 2px;
}

.email-admin-status-grid pre[b-dm0y87y4he] {
    margin: 10px 0 0;
    white-space: pre-wrap;
    color: #334b62;
    font: 600 0.76rem/1.45 "Poppins", "Segoe UI", sans-serif;
}

@media (max-width: 900px) {
    .email-admin-form-grid[b-dm0y87y4he],
    .email-admin-status-grid[b-dm0y87y4he] {
        grid-template-columns: 1fr;
    }
}
/* /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-x: hidden;
    overflow-y: auto;
    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: none;
    grid-auto-rows: auto;
    align-content: start;
    align-items: start;
    gap: 8px;
}

.dashboard-widget[b-gtxoueark5] {
    min-width: 0;
    min-height: 0;
    height: auto;
    max-height: 306px;
    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: 38px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    background: #34424d;
    color: #ffffff;
}

.dashboard-widget-title[b-gtxoueark5] {
    color: #ffffff;
    font-size: 0.80rem;
    font-weight: 700;
    line-height: 1.2;
}

.dashboard-widget-subtitle[b-gtxoueark5] {
    margin-top: 2px;
    color: #d7e2eb;
    font-size: 0.62rem;
    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: 0 1 auto;
    min-height: 72px;
    max-height: 230px;
    position: relative;
    overflow-y: auto;
    scrollbar-gutter: stable;
    background: #ffffff;
}

.dashboard-widget-footer[b-gtxoueark5] {
    flex: 0 0 auto;
    min-height: 26px;
    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: 38px;
    padding: 4px 8px;
    border-bottom: 1px solid #e3e9ef;
}

.dashboard-row.compact[b-gtxoueark5] {
    min-height: 34px;
}

.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.72rem;
    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.62rem;
    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: 23px;
    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.62rem;
    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: 54px;
    display: grid;
    align-content: center;
    gap: 2px;
    padding: 6px 8px;
    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.60rem;
    font-weight: 800;
    line-height: 1.2;
    text-transform: uppercase;
}

.dashboard-metric strong[b-gtxoueark5] {
    color: #0a76c8;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1;
}

.dashboard-metric-note[b-gtxoueark5] {
    color: #6c7b89;
    font-size: 0.60rem;
    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: 26px;
    align-items: center;
    border-bottom: 1px solid #e3e9ef;
    padding: 3px 8px;
    color: #25313c;
    font-size: 0.64rem;
    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: 34px;
    padding: 3px 8px;
    border-bottom: 1px solid #e3e9ef;
    color: #25313c;
    font-size: 0.64rem;
    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.66rem;
    font-weight: 800;
}

.dashboard-table-row small[b-gtxoueark5] {
    margin-top: 2px;
    color: #6c7b89;
    font-size: 0.58rem;
    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: 36px;
    padding: 4px 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.66rem;
    font-weight: 800;
    line-height: 1.2;
}

.dashboard-alert-row small[b-gtxoueark5] {
    margin-top: 2px;
    color: #586878;
    font-size: 0.62rem;
    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: auto;
    }

    .dashboard-widget[b-gtxoueark5] {
        min-height: 0;
        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: auto;
    }

    .dashboard-widget[b-gtxoueark5] {
        min-height: 0;
    }
}

@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-batch-table-toolbar[b-lr2b1eh2mc] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(150px, 190px);
    gap: 8px;
    align-items: end;
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #cfd8e3;
    border-radius: 5px;
    background: #ffffff;
}

.invoice-batch-table-toolbar label[b-lr2b1eh2mc] {
    display: grid;
    gap: 3px;
    color: #596b77;
    font-size: 0.66rem;
    font-weight: 900;
    text-transform: uppercase;
}

.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-batch-table-shell[b-lr2b1eh2mc] {
    margin-bottom: 0;
}

.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-batch-table[b-lr2b1eh2mc] {
    min-width: 1120px;
}

.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-batch-table-toolbar[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: 28px;
}

.invoice-operating-table col.invoice-select-col[b-lr2b1eh2mc] {
    width: 34px;
}

.invoice-operating-table col.invoice-action-col[b-lr2b1eh2mc] {
    width: 28px;
}

.invoice-operating-table col.invoice-number-col[b-lr2b1eh2mc] {
    width: 285px;
}

.invoice-operating-table col.invoice-company-col[b-lr2b1eh2mc] {
    width: 255px;
}

.invoice-operating-table col.invoice-po-col[b-lr2b1eh2mc] {
    width: 105px;
}

.invoice-operating-table col.invoice-count-col[b-lr2b1eh2mc] {
    width: 82px;
}

.invoice-operating-table col.invoice-money-col[b-lr2b1eh2mc] {
    width: 104px;
}

.invoice-operating-table col.invoice-flag-col[b-lr2b1eh2mc] {
    width: 74px;
}

.invoice-operating-table col.invoice-menu-col[b-lr2b1eh2mc] {
    width: 34px;
}

.invoice-operating-table th.invoice-select-col[b-lr2b1eh2mc],
.invoice-operating-table td.invoice-select-cell[b-lr2b1eh2mc] {
    width: 34px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.invoice-operating-table th.invoice-action-col[b-lr2b1eh2mc],
.invoice-operating-table td.invoice-action-cell[b-lr2b1eh2mc] {
    width: 28px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.invoice-operating-table th.invoice-menu-col[b-lr2b1eh2mc],
.invoice-operating-table td.invoice-menu-cell[b-lr2b1eh2mc] {
    width: 34px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.invoice-grid-icon-button[b-lr2b1eh2mc] {
    width: 22px;
    height: 22px;
    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: 17px;
    height: 17px;
}

.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-batch-table th.invoice-action-col[b-lr2b1eh2mc],
.invoice-batch-table tbody td:first-child[b-lr2b1eh2mc] {
    width: 32px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.invoice-batch-table .invoice-grid-icon-button[b-lr2b1eh2mc] {
    width: 26px;
    height: 26px;
    color: var(--ammon-blue-dark);
}

.invoice-batch-table .invoice-grid-icon-button svg[b-lr2b1eh2mc] {
    width: 20px;
    height: 20px;
}

.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-batch-table-toolbar[b-lr2b1eh2mc],
    .invoice-header-right[b-lr2b1eh2mc],
    .invoice-icon-rail[b-lr2b1eh2mc] {
        width: 100%;
        justify-content: flex-start;
    }

    .invoice-batch-table-toolbar[b-lr2b1eh2mc] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/JobOrderProfile.razor.rz.scp.css */
.job-order-profile-page[b-3pvlnckjy2] {
    --job-order-accent: var(--ammon-blue, #0a76c8);
    --job-order-accent-dark: var(--ammon-blue-dark, #075f9f);
    --job-order-accent-soft: var(--ammon-blue-soft, rgba(10, 118, 200, 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-header-icon[aria-disabled="true"][b-3pvlnckjy2],
.job-order-profile-button[aria-disabled="true"][b-3pvlnckjy2] {
    color: #7f8b96;
    border-color: #cfd8e2;
    background: #f8fafc;
    box-shadow: none;
}

.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(10, 118, 200, 0.18);
}

.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: 2px 7px;
    border-radius: 2px;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.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: var(--ammon-blue, #0a76c8);
    border-top: 3px solid var(--ammon-blue, #0a76c8);
    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(10, 118, 200, 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-subsection-title[b-3pvlnckjy2] {
    color: #26323e;
    font-size: 0.86rem;
    font-weight: 700;
}

.job-question-rule-panel[b-3pvlnckjy2] {
    display: grid;
    gap: 12px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #dce4ec;
    border-radius: 4px;
    background: #fbfcfd;
}

.job-question-rule-header[b-3pvlnckjy2] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.job-question-rule-help[b-3pvlnckjy2] {
    margin-top: 3px;
    color: #667483;
    font-size: 0.76rem;
    line-height: 1.35;
}

.job-question-option-list[b-3pvlnckjy2] {
    display: grid;
    gap: 8px;
}

.job-question-option-row[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) 90px 130px 110px minmax(180px, 1fr) auto;
    gap: 8px;
    align-items: end;
    padding: 9px;
    border: 1px solid #e0e7ee;
    background: #ffffff;
}

.job-question-option-check[b-3pvlnckjy2] {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    min-height: 32px;
    margin: 0;
    color: #425161;
    font-size: 0.78rem;
    font-weight: 600;
}

.job-question-option-reason[b-3pvlnckjy2] {
    min-width: 0;
}

.job-question-rule-grid[b-3pvlnckjy2] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) 150px minmax(190px, 1fr) minmax(220px, 1fr);
    gap: 10px;
    align-items: end;
}

.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: var(--ammon-blue, #0a76c8);
    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(10, 118, 200, 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-unsaved-confirm-scrim[b-3pvlnckjy2] {
    position: fixed;
    inset: 0;
    z-index: 1322;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.32);
}

.job-order-unsaved-confirm[b-3pvlnckjy2] {
    width: min(430px, calc(100vw - 28px));
    border: 1px solid #cfdbe6;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.28);
    padding: 16px 18px 14px;
    color: #21313f;
}

.job-order-unsaved-confirm-kicker[b-3pvlnckjy2] {
    margin-bottom: 4px;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.job-order-unsaved-confirm h3[b-3pvlnckjy2] {
    margin: 0;
    color: #172738;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.job-order-unsaved-confirm p[b-3pvlnckjy2] {
    margin: 8px 0 0;
    color: #344353;
    font-size: 0.82rem;
    line-height: 1.42;
}

.job-order-unsaved-confirm-actions[b-3pvlnckjy2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.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-question-option-row[b-3pvlnckjy2],
    .job-question-rule-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-edit-flyout-panel[b-3pvlnckjy2],
    .job-order-side-flyout[b-3pvlnckjy2] {
        top: 8px;
        right: 8px;
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        height: calc(100dvh - 16px);
        border: 1px solid #cfd8e2;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
    }

    .job-order-edit-flyout-body[b-3pvlnckjy2],
    .job-order-side-flyout-body[b-3pvlnckjy2] {
        padding: 10px 12px 14px;
    }

    .job-order-side-flyout-footer[b-3pvlnckjy2] {
        align-items: stretch;
        justify-content: stretch;
    }

    .job-order-side-flyout-footer .job-order-profile-button[b-3pvlnckjy2],
    .job-order-unsaved-confirm-actions .job-order-profile-button[b-3pvlnckjy2] {
        flex: 1 1 100%;
        width: 100%;
    }

    .job-order-unsaved-confirm-actions[b-3pvlnckjy2] {
        align-items: stretch;
    }

    .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: var(--ammon-blue, #0078d4);
        color: #ffffff;
        border-color: var(--ammon-blue, #0078d4);
        box-shadow: 0 2px 6px rgba(0, 120, 212, 0.20);
    }

    .job-order-action-button.create:hover[b-p4at7v99tj],
    .job-order-action-button.create:focus-visible[b-p4at7v99tj] {
        background: var(--ammon-blue-dark, #006bbd);
        border-color: var(--ammon-blue-dark, #006bbd);
    }

    .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;
}

.job-order-unsaved-confirm-scrim[b-p4at7v99tj] {
    position: fixed;
    inset: 0;
    z-index: 1322;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.32);
}

.job-order-unsaved-confirm[b-p4at7v99tj] {
    width: min(430px, calc(100vw - 28px));
    border: 1px solid #cfdbe6;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.28);
    padding: 16px 18px 14px;
    color: #21313f;
}

.job-order-unsaved-confirm-kicker[b-p4at7v99tj] {
    margin-bottom: 4px;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.job-order-unsaved-confirm h3[b-p4at7v99tj] {
    margin: 0;
    color: #172738;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.job-order-unsaved-confirm p[b-p4at7v99tj] {
    margin: 8px 0 0;
    color: #344353;
    font-size: 0.82rem;
    line-height: 1.42;
}

.job-order-unsaved-confirm-actions[b-p4at7v99tj] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 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;
    }

    .job-order-unsaved-confirm-actions[b-p4at7v99tj] {
        flex-direction: column;
        align-items: stretch;
    }

    .job-order-unsaved-confirm-actions .job-order-action-button[b-p4at7v99tj] {
        width: 100%;
    }
}
/* /Components/Pages/JobOrderWorkspaceFlyout.razor.rz.scp.css */
.job-order-workspace-panel[b-8ry5r0dbm4] {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1120;
    width: min(680px, calc(100vw - 320px));
    height: 100vh;
    height: 100dvh;
    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);
    display: flex;
    flex-direction: column;
    color: #22313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.job-order-workspace-panel.with-candidates[b-8ry5r0dbm4] {
    width: min(1320px, calc(100vw - 260px));
}

.job-order-workspace-header[b-8ry5r0dbm4] {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 18px;
    background: #424242;
    color: #ffffff;
    flex: 0 0 auto;
}

.job-order-workspace-kicker[b-8ry5r0dbm4] {
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #d7d7d7;
}

.job-order-workspace-header h2[b-8ry5r0dbm4] {
    margin: 0;
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.1;
}

.job-order-workspace-subtitle[b-8ry5r0dbm4] {
    margin-top: 3px;
    color: #f4f4f4;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1.25;
}

.job-order-workspace-close[b-8ry5r0dbm4] {
    width: 34px;
    height: 34px;
    border: 1px solid rgba(255, 255, 255, 0.35);
    background: transparent;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.job-order-workspace-loading[b-8ry5r0dbm4],
.job-order-workspace-alert[b-8ry5r0dbm4] {
    margin: 14px;
    padding: 12px;
    border: 1px solid #d7e0ea;
    background: #f8fafc;
    color: #263746;
    font-size: 0.82rem;
    font-weight: 600;
}

.job-order-workspace-alert[b-8ry5r0dbm4] {
    border-color: #efb8bf;
    background: #fff3f4;
    color: #9f2635;
}

.job-order-workspace-body[b-8ry5r0dbm4] {
    flex: 1 1 auto;
    min-height: 0;
    display: grid;
    border-top: 1px solid #dce4ec;
    overflow: hidden;
}

.job-order-workspace-body.hide-candidates[b-8ry5r0dbm4] {
    grid-template-columns: minmax(0, 1fr);
}

.job-order-workspace-body.show-candidates[b-8ry5r0dbm4] {
    grid-template-columns: minmax(420px, 47%) minmax(0, 53%);
}

.job-order-workspace-left[b-8ry5r0dbm4] {
    min-width: 0;
    min-height: 0;
    border-right: 1px solid #e0e4eb;
    background: #ffffff;
    overflow-y: auto;
}

.job-order-workspace-main[b-8ry5r0dbm4] {
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 14px 18px;
    background: #ffffff;
    font-size: 0.76rem;
}

.job-order-workspace-edit-shell[b-8ry5r0dbm4] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 12px 14px 84px;
}

.job-order-workspace-summary-strip[b-8ry5r0dbm4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #d7e0ea;
    background: #f8fafc;
    margin-bottom: 10px;
}

.job-order-workspace-summary-strip div[b-8ry5r0dbm4] {
    padding: 9px 11px;
    border-right: 1px solid #d7e0ea;
}

.job-order-workspace-summary-strip div:last-child[b-8ry5r0dbm4] {
    border-right: 0;
}

.job-order-workspace-summary-strip span[b-8ry5r0dbm4],
.job-order-workspace-field span[b-8ry5r0dbm4],
.job-order-workspace-note-block span[b-8ry5r0dbm4],
.job-order-workspace-subtitle-label[b-8ry5r0dbm4] {
    display: block;
    color: #657789;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.job-order-workspace-summary-strip strong[b-8ry5r0dbm4] {
    display: block;
    margin-top: 2px;
    color: #162635;
    font-size: 0.92rem;
    font-weight: 800;
}

.job-order-workspace-section-grid[b-8ry5r0dbm4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}

.job-order-workspace-section[b-8ry5r0dbm4] {
    border: 1px solid #d7e0ea;
    background: #ffffff;
}

.job-order-workspace-section h3[b-8ry5r0dbm4] {
    margin: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    background: #383838;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 700;
}

.job-order-workspace-section h3 button[b-8ry5r0dbm4] {
    min-width: 86px;
    height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-family: inherit;
    font-size: 0.68rem;
    font-weight: 700;
    cursor: pointer;
}

.job-order-workspace-fields[b-8ry5r0dbm4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 14px;
    padding: 10px;
}

.job-order-workspace-section-compact .job-order-workspace-fields[b-8ry5r0dbm4] {
    gap: 6px 12px;
    padding: 9px 10px;
}

.job-order-workspace-fields-four[b-8ry5r0dbm4] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.job-order-workspace-field[b-8ry5r0dbm4] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 4px;
}

.job-order-workspace-field strong[b-8ry5r0dbm4] {
    display: inline;
    margin-top: 0;
    color: #22313f;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.job-order-workspace-field span[b-8ry5r0dbm4] {
    font-size: 0.62rem;
}

.job-order-workspace-field-link[b-8ry5r0dbm4] {
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 0;
    color: #005ea8;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.job-order-workspace-chip-list[b-8ry5r0dbm4] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 12px;
}

.job-order-workspace-chip-list span[b-8ry5r0dbm4] {
    border: 1px solid #cfdde9;
    background: #eef6fb;
    color: #254660;
    padding: 4px 8px;
    font-size: 0.72rem;
    font-weight: 700;
}

.job-order-workspace-question-list[b-8ry5r0dbm4] {
    margin: 0;
    padding: 0 12px 12px 26px;
    color: #314252;
    font-size: 0.76rem;
    font-weight: 500;
}

.job-order-workspace-subtitle-label[b-8ry5r0dbm4] {
    padding: 0 12px 4px;
}

.job-order-workspace-rate-list[b-8ry5r0dbm4] {
    display: grid;
    gap: 7px;
    padding: 0 12px 12px;
}

.job-order-workspace-rate-list div[b-8ry5r0dbm4] {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    border-top: 1px solid #e4ebf2;
    padding-top: 7px;
    font-size: 0.76rem;
}

.job-order-workspace-note-grid[b-8ry5r0dbm4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 12px;
}

.job-order-workspace-note-block[b-8ry5r0dbm4] {
    border: 1px solid #e2e9f0;
    background: #fbfcfe;
    padding: 9px;
}

.job-order-workspace-note-block p[b-8ry5r0dbm4] {
    margin: 4px 0 0;
    color: #263746;
    font-size: 0.8rem;
    line-height: 1.42;
    white-space: pre-wrap;
}

.job-order-workspace-empty[b-8ry5r0dbm4] {
    padding: 12px;
    color: #627386;
    font-size: 0.76rem;
    font-weight: 600;
}

.job-order-workspace-section .job-order-workspace-record-list[b-8ry5r0dbm4] {
    display: grid;
    gap: 6px;
    padding: 8px 10px 10px;
}

.job-order-workspace-record-list button[b-8ry5r0dbm4] {
    display: grid;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cfdae5;
    background: #ffffff;
    color: #24313d;
    text-align: left;
    cursor: pointer;
}

.job-order-workspace-record-list strong[b-8ry5r0dbm4] {
    font-size: 0.78rem;
    font-weight: 700;
}

.job-order-workspace-record-list span[b-8ry5r0dbm4] {
    color: #617284;
    font-size: 0.68rem;
    font-weight: 500;
}

.job-order-workspace-record-list button.staged[b-8ry5r0dbm4] {
    border-style: dashed;
    background: #f7fbff;
}

.job-order-workspace-drop-section.drop-active[b-8ry5r0dbm4] {
    border-color: #0078d4;
    background: #f2f9ff;
    box-shadow: inset 0 0 0 1px #0078d4;
}

.job-order-workspace-footer[b-8ry5r0dbm4] {
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 62px;
    padding: 10px 18px;
    border-top: 1px solid #d9e2ec;
    background: #ffffff;
    box-shadow: 0 -10px 22px rgba(15, 23, 42, 0.08);
    flex: 0 0 auto;
}

.job-order-workspace-panel.with-candidates .job-order-workspace-footer[b-8ry5r0dbm4] {
    margin-left: 0;
}

.job-order-workspace-footer > div[b-8ry5r0dbm4] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.job-order-workspace-button[b-8ry5r0dbm4] {
    min-width: 116px;
    height: 34px;
    padding: 0 14px;
    border-radius: 4px;
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.job-order-workspace-button.primary[b-8ry5r0dbm4] {
    border: 1px solid #0078d4;
    background: #0078d4;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 120, 212, 0.2);
}

.job-order-workspace-button.secondary[b-8ry5r0dbm4] {
    border: 1px solid #cfd7e2;
    background: #ffffff;
    color: #344454;
}

.job-order-workspace-button.ghost[b-8ry5r0dbm4] {
    min-width: 0;
    border-color: transparent;
    background: transparent;
    color: #6f7583;
    text-transform: uppercase;
    box-shadow: none;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-left-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 20px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-left-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #1f2d3d;
    font-size: 0.92rem;
    font-weight: 700;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-left-title button {
    min-width: 66px;
    height: 30px;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    color: #344454;
    font-size: 0.74rem;
    font-weight: 800;
    cursor: pointer;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-search {
    height: 42px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
    border: 1px solid #d3dce7;
    background: #ffffff;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-search input {
    min-width: 0;
    height: 100%;
    padding: 0 14px;
    border: 0;
    outline: 0;
    color: #2b3444;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 500;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-search span::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid #7a8190;
    border-radius: 50%;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-search span::after {
    content: "";
    display: block;
    width: 8px;
    height: 2px;
    margin-top: -1px;
    margin-left: 14px;
    background: #7a8190;
    transform: rotate(45deg);
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-section {
    display: grid;
    gap: 8px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-section-header {
    width: 100%;
    min-height: 36px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 18px;
    align-items: center;
    gap: 10px;
    padding: 0 13px;
    border: 0;
    background: #f0f1f5;
    color: #313044;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-section-header:disabled {
    cursor: default;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-section-header span {
    font-size: 0.78rem;
    font-weight: 700;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-match-section-header small {
    color: #767384;
    font-size: 0.76rem;
    font-weight: 800;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-row-chevron {
    width: 10px;
    height: 10px;
    border-right: 2px solid #4e4b5c;
    border-bottom: 2px solid #4e4b5c;
    transform: rotate(45deg);
    transition: transform 120ms ease;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-row-chevron.up {
    transform: rotate(225deg);
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-list {
    display: grid;
    gap: 6px;
    max-height: clamp(220px, 46vh, 560px);
    overflow-y: auto;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-card {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    width: 100%;
    padding: 8px 9px;
    border: 1px solid #d7e0ea;
    background: #ffffff;
    color: #24313d;
    text-align: left;
    cursor: grab;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-card:active {
    cursor: grabbing;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-avatar {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #e7f4fb;
    border: 1px solid #c9e4f4;
    color: #0b5f88;
    font-size: 0.75rem;
    font-weight: 800;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-card strong {
    color: #132b3f;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.2;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-card span {
    color: #617284;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.35;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-candidate-actions button {
    height: 26px;
    padding: 0 8px;
    border: 1px solid #bcd0e0;
    background: #f8fbfe;
    color: #006bbd;
    font-family: inherit;
    font-size: 0.7rem;
    font-weight: 800;
    cursor: pointer;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-empty {
    padding: 10px;
    color: #627386;
    font-size: 0.76rem;
    font-weight: 600;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-field {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 4px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-field span,
.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-note-block span,
.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-subtitle-label {
    display: block;
    color: #657789;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-field strong {
    display: inline;
    margin-top: 0;
    color: #22313f;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-field-link {
    min-width: 0;
    border: 0;
    background: transparent;
    padding: 0;
    color: #005ea8;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form {
    display: grid;
    grid-template-columns: minmax(118px, 0.28fr) minmax(280px, 0.72fr);
    align-items: center;
    gap: 7px 10px;
    border: 1px solid #d7e0ea;
    background: #fbfcfe;
    padding: 10px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form > label {
    min-width: 0;
    color: #1f2d3d;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form .job-order-workspace-field {
    grid-column: 1 / -1;
    border-bottom: 1px solid #e5ecf3;
    padding-bottom: 7px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form .form-control {
    width: 100%;
    min-width: 0;
    min-height: 32px;
    height: 32px;
    border: 1px solid #bccad7;
    color: #23313f;
    font-family: inherit;
    font-size: 0.74rem;
    font-weight: 500;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form select.form-control,
.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form input.form-control {
    max-width: 100%;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form input[type="date"].form-control,
.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form input[type="number"].form-control {
    padding-right: 7px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form .job-order-workspace-textarea {
    min-height: 68px;
    height: 68px;
    resize: vertical;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form .internal-user-picker {
    grid-column: 1 / -1;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-note-block {
    border: 1px solid #e2e9f0;
    background: #fbfcfe;
    padding: 9px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-note-block p {
    margin: 4px 0 0;
    color: #263746;
    font-size: 0.76rem;
    line-height: 1.42;
    white-space: pre-wrap;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-record-list {
    display: grid;
    gap: 6px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-record-list button {
    display: grid;
    gap: 3px;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cfdae5;
    background: #ffffff;
    color: #24313d;
    text-align: left;
    cursor: pointer;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-record-list strong {
    color: #132b3f;
    font-size: 0.78rem;
    font-weight: 700;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-record-list span {
    color: #617284;
    font-size: 0.68rem;
    font-weight: 600;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-record-list button.staged {
    border-style: dashed;
    background: #f7fbff;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-textarea {
    min-height: 92px;
    resize: vertical;
    font-size: 0.78rem;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-textarea.compact {
    min-height: 72px;
}

.job-order-workspace-confirm-scrim[b-8ry5r0dbm4] {
    position: fixed;
    inset: 0;
    z-index: 1130;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(11, 21, 32, 0.42);
}

.job-order-workspace-confirm[b-8ry5r0dbm4] {
    width: min(460px, calc(100vw - 32px));
    border-top: 4px solid #0078d4;
    background: #ffffff;
    box-shadow: 0 18px 54px rgba(8, 20, 33, 0.3);
}

.job-order-workspace-confirm-kicker[b-8ry5r0dbm4] {
    padding: 14px 16px 0;
    color: #607286;
    font-size: 0.64rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.job-order-workspace-confirm h3[b-8ry5r0dbm4] {
    margin: 4px 16px 0;
    color: #1f2d3d;
    font-size: 0.92rem;
    font-weight: 800;
}

.job-order-workspace-confirm p[b-8ry5r0dbm4] {
    margin: 10px 16px 16px;
    color: #3a4b5c;
    font-size: 0.78rem;
    line-height: 1.45;
}

.job-order-workspace-confirm-actions[b-8ry5r0dbm4] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 12px 16px;
    border-top: 1px solid #dfe7ef;
    background: #fbfcfe;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-left-content label {
    color: #344454;
    font-size: 0.73rem;
    font-weight: 800;
    margin-top: 4px;
}

.job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-left-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
}

@media (max-width: 1100px) {
    .job-order-workspace-panel[b-8ry5r0dbm4],
    .job-order-workspace-panel.with-candidates[b-8ry5r0dbm4] {
        width: min(100vw, 900px);
    }

    .job-order-workspace-body.show-candidates[b-8ry5r0dbm4] {
        grid-template-columns: minmax(360px, 48%) minmax(0, 52%);
    }

    .job-order-workspace-panel.with-candidates .job-order-workspace-footer[b-8ry5r0dbm4] {
        margin-left: 0;
    }

    .job-order-workspace-panel[b-8ry5r0dbm4]  .job-order-workspace-panel-form {
        grid-template-columns: minmax(104px, 0.3fr) minmax(220px, 0.7fr);
    }
}

@media (max-width: 760px) {
    .job-order-workspace-panel[b-8ry5r0dbm4],
    .job-order-workspace-panel.with-candidates[b-8ry5r0dbm4] {
        width: 100vw;
    }

    .job-order-workspace-body.show-candidates[b-8ry5r0dbm4] {
        grid-template-columns: 1fr;
    }

    .job-order-workspace-panel.with-candidates .job-order-workspace-footer[b-8ry5r0dbm4] {
        margin-left: 0;
    }

    .job-order-workspace-left[b-8ry5r0dbm4] {
        max-height: 42vh;
        border-right: 0;
        border-bottom: 1px solid #d9e2ec;
    }

    .job-order-workspace-summary-strip[b-8ry5r0dbm4],
    .job-order-workspace-fields[b-8ry5r0dbm4] {
        grid-template-columns: 1fr;
    }

    .job-order-workspace-footer[b-8ry5r0dbm4] {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .job-order-workspace-footer > div[b-8ry5r0dbm4] {
        flex: 1 1 100%;
        flex-wrap: wrap;
    }

    .job-order-workspace-button[b-8ry5r0dbm4] {
        flex: 1 1 140px;
    }
}
/* /Components/Pages/MigrationTools.razor.rz.scp.css */
.migration-tools-page[b-d8omn8gweh] {
    width: 100%;
}

.migration-tools-header[b-d8omn8gweh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.migration-tools-title-wrap[b-d8omn8gweh] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.migration-tools-dot[b-d8omn8gweh] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.migration-tools-eyebrow[b-d8omn8gweh] {
    font-size: 0.70rem;
    font-weight: 800;
    color: #617080;
    text-transform: uppercase;
}

.migration-tools-title[b-d8omn8gweh] {
    margin: 0;
    font-size: 1.04rem;
    font-weight: 800;
    color: #1f2d3d;
    line-height: 1.15;
}

.migration-tools-header-actions[b-d8omn8gweh] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.migration-tools-refresh[b-d8omn8gweh],
.migration-tools-muted[b-d8omn8gweh] {
    color: #5d6773;
    font-size: 0.72rem;
    font-weight: 600;
}

.migration-tools-button[b-d8omn8gweh] {
    height: 30px;
    padding: 0 11px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.migration-tools-button.primary[b-d8omn8gweh] {
    background: #099bc6;
    color: #ffffff;
}

.migration-tools-button:disabled[b-d8omn8gweh] {
    opacity: 0.65;
    cursor: not-allowed;
}

.migration-tools-metrics[b-d8omn8gweh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.migration-tools-metric[b-d8omn8gweh] {
    min-height: 72px;
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 9px 10px;
    box-shadow: inset 0 3px 0 rgba(9, 155, 198, 0.10);
}

.migration-tools-metric span[b-d8omn8gweh],
.migration-tools-metric small[b-d8omn8gweh] {
    display: block;
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 700;
}

.migration-tools-metric strong[b-d8omn8gweh] {
    display: block;
    margin-top: 4px;
    color: #1f2d3d;
    font-size: 0.98rem;
    font-weight: 800;
}

.migration-tools-metric small[b-d8omn8gweh] {
    margin-top: 3px;
}

.migration-tools-grid[b-d8omn8gweh] {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(320px, 0.8fr);
    gap: 10px;
    align-items: start;
}

.migration-tools-panel[b-d8omn8gweh] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 10px;
}

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

.migration-tools-panel-title[b-d8omn8gweh] {
    color: #1f2d3d;
    font-size: 0.84rem;
    font-weight: 800;
}

.migration-tools-panel-subtitle[b-d8omn8gweh] {
    margin-top: 3px;
    color: #5d6773;
    font-size: 0.72rem;
    font-weight: 600;
}

.migration-tools-panel-count[b-d8omn8gweh] {
    color: #304150;
    font-size: 0.72rem;
    font-weight: 800;
}

.migration-tools-table-wrap[b-d8omn8gweh] {
    width: 100%;
    overflow-x: auto;
}

.migration-tools-table[b-d8omn8gweh] {
    width: 100%;
    border-collapse: collapse;
}

.migration-tools-table th[b-d8omn8gweh] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.70rem;
    font-weight: 800;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
}

.migration-tools-table td[b-d8omn8gweh] {
    color: #24313d;
    font-size: 0.72rem;
    font-weight: 500;
    padding: 6px 8px;
    border-bottom: 1px solid #e3e8ee;
    vertical-align: top;
    white-space: nowrap;
}

.migration-tools-table.readiness td[b-d8omn8gweh] {
    min-width: 96px;
}

.migration-tools-table td.wrap[b-d8omn8gweh] {
    min-width: 220px;
    max-width: 320px;
    line-height: 1.35;
    white-space: normal;
}

.migration-tools-table tbody tr:nth-child(odd)[b-d8omn8gweh] {
    background: #fcfdfe;
}

.migration-tools-table tbody tr:nth-child(even)[b-d8omn8gweh] {
    background: #f6f8fa;
}

.migration-tools-table tbody tr:hover[b-d8omn8gweh] {
    background: #eef7fb;
}

.migration-tools-table .numeric[b-d8omn8gweh] {
    text-align: right;
}

.migration-tools-status[b-d8omn8gweh] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.70rem;
    font-weight: 800;
    white-space: nowrap;
}

.migration-tools-status.positive[b-d8omn8gweh] {
    color: #0c6b4d;
    background: #e9f8f2;
    border: 1px solid #bce6d4;
}

.migration-tools-status.warning[b-d8omn8gweh] {
    color: #8a5a00;
    background: #fff7ea;
    border: 1px solid #f2d29a;
}

.migration-tools-status.danger[b-d8omn8gweh] {
    color: #a83242;
    background: #fff2f3;
    border: 1px solid #efc1c9;
}

.migration-tools-status.neutral[b-d8omn8gweh] {
    color: #4f5c69;
    background: #f3f6f9;
    border: 1px solid #d7e0ea;
}

.migration-tools-empty[b-d8omn8gweh] {
    padding: 10px 12px;
    color: #5d6773;
    font-size: 0.80rem;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .migration-tools-metrics[b-d8omn8gweh] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .migration-tools-grid[b-d8omn8gweh] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .migration-tools-header[b-d8omn8gweh] {
        align-items: flex-start;
    }

    .migration-tools-header-actions[b-d8omn8gweh],
    .migration-tools-button[b-d8omn8gweh] {
        width: 100%;
    }

    .migration-tools-metrics[b-d8omn8gweh] {
        grid-template-columns: 1fr;
    }

    .migration-tools-button[b-d8omn8gweh] {
        justify-content: center;
    }
}
/* /Components/Pages/MobileSchedules.razor.rz.scp.css */
.mobile-schedule-page[b-nx1bvzmund] {
    --schedule-blue: #0b84cf;
    --schedule-blue-dark: #0a6fa8;
    --schedule-teal: #128b9e;
    --schedule-purple: #9167c6;
    --schedule-purple-dark: #7652aa;
    --schedule-pink: #d85f94;
    --schedule-ink: #17283c;
    --schedule-muted: #637085;
    --schedule-border: #d8e2ec;
    --schedule-soft: #f5f1fa;
    --mobile-schedule-top-offset: 56px;
    box-sizing: border-box;
    width: min(100%, 620px);
    margin: 0 auto;
    padding: 0 0 86px;
    background: #f5f6f9;
    color: var(--schedule-ink);
    min-height: calc(100vh - 110px);
    font-family: Poppins, Arial, sans-serif;
}

.mobile-schedule-page *[b-nx1bvzmund],
.mobile-schedule-page *[b-nx1bvzmund]::before,
.mobile-schedule-page *[b-nx1bvzmund]::after {
    box-sizing: border-box;
}

.mobile-schedule-page button[b-nx1bvzmund],
.mobile-schedule-page input[b-nx1bvzmund],
.mobile-schedule-page select[b-nx1bvzmund],
.mobile-schedule-page textarea[b-nx1bvzmund] {
    font-family: Poppins, Arial, sans-serif;
}

.mobile-schedule-page button[b-nx1bvzmund],
.mobile-schedule-sheet button[b-nx1bvzmund],
.mobile-schedule-detail-sheet button[b-nx1bvzmund],
.mobile-schedule-match-sheet button[b-nx1bvzmund],
.mobile-schedule-bulk-sheet button[b-nx1bvzmund],
.mobile-schedule-remove-sheet button[b-nx1bvzmund] {
    transition: transform 90ms ease, box-shadow 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}

.mobile-schedule-page button:active[b-nx1bvzmund],
.mobile-schedule-sheet button:active[b-nx1bvzmund],
.mobile-schedule-detail-sheet button:active[b-nx1bvzmund],
.mobile-schedule-match-sheet button:active[b-nx1bvzmund],
.mobile-schedule-bulk-sheet button:active[b-nx1bvzmund],
.mobile-schedule-remove-sheet button:active[b-nx1bvzmund] {
    transform: scale(0.97);
}

@keyframes mobileScheduleScrimIn-b-nx1bvzmund {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes mobileScheduleFlyoutIn-b-nx1bvzmund {
    from {
        opacity: 0.96;
        transform: translateX(100%);
    }

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

.mobile-schedule-hero[b-nx1bvzmund] {
    background: linear-gradient(180deg, var(--schedule-teal) 0%, var(--schedule-blue) 100%);
    color: #ffffff;
    margin: 4px 6px 0;
    padding: 10px 12px 11px;
    box-shadow: 0 12px 24px rgba(17, 79, 125, 0.16);
}

.mobile-schedule-hero-row[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    gap: 8px;
    align-items: center;
}

.mobile-schedule-title-block[b-nx1bvzmund] {
    text-align: center;
    min-width: 0;
}

.mobile-schedule-title-block h1[b-nx1bvzmund] {
    margin: 0;
    font-size: 20px;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 0;
}

.mobile-schedule-title-block div:last-child[b-nx1bvzmund] {
    font-size: 12px;
    opacity: 0.88;
    margin-top: 3px;
}

.mobile-schedule-kicker[b-nx1bvzmund] {
    display: none;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    opacity: 0.82;
    font-weight: 700;
}

.mobile-schedule-icon-button[b-nx1bvzmund],
.mobile-schedule-plus-button[b-nx1bvzmund] {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.13);
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
}

.mobile-schedule-icon-button span[b-nx1bvzmund],
.mobile-schedule-icon-button span[b-nx1bvzmund]::before,
.mobile-schedule-icon-button span[b-nx1bvzmund]::after {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: #ffffff;
    content: "";
}

.mobile-schedule-icon-button span[b-nx1bvzmund] {
    position: relative;
}

.mobile-schedule-icon-button span[b-nx1bvzmund]::before,
.mobile-schedule-icon-button span[b-nx1bvzmund]::after {
    position: absolute;
    left: 0;
}

.mobile-schedule-icon-button span[b-nx1bvzmund]::before {
    top: -6px;
}

.mobile-schedule-icon-button span[b-nx1bvzmund]::after {
    top: 6px;
}

.mobile-schedule-actions-wrap[b-nx1bvzmund] {
    position: relative;
}

.mobile-schedule-action-menu[b-nx1bvzmund] {
    position: absolute;
    right: 0;
    top: 46px;
    width: 230px;
    background: #ffffff;
    border: 1px solid #d6e2ea;
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(28, 51, 74, 0.22);
    z-index: 20;
    overflow: hidden;
}

.mobile-schedule-action-menu button[b-nx1bvzmund] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #edf3f7;
    background: #ffffff;
    color: #243647;
    text-align: left;
    padding: 12px 14px;
    font-size: 13px;
    font-weight: 700;
}

.mobile-schedule-action-menu button:last-child[b-nx1bvzmund] {
    border-bottom: 0;
}

.mobile-schedule-tabs[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5px;
    margin-top: 10px;
    padding: 5px;
    border-radius: 10px;
    background: rgba(5, 81, 112, 0.55);
}

.mobile-schedule-tab[b-nx1bvzmund] {
    border: 0;
    border-radius: 7px;
    min-height: 36px;
    background: transparent;
    color: rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 700;
}

.mobile-schedule-tab.active[b-nx1bvzmund] {
    background: #ffffff;
    color: var(--schedule-blue);
}

.mobile-schedule-week-strip[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: 30px repeat(7, minmax(0, 1fr)) 30px;
    gap: 2px;
    margin-top: 9px;
    align-items: center;
}

.mobile-schedule-week-arrow[b-nx1bvzmund],
.mobile-schedule-day[b-nx1bvzmund] {
    border: 0;
    background: transparent;
    color: #ffffff;
}

.mobile-schedule-week-arrow[b-nx1bvzmund] {
    height: 44px;
    font-size: 24px;
    opacity: 0.75;
}

.mobile-schedule-day[b-nx1bvzmund] {
    height: 50px;
    border-radius: 999px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1px;
}

.mobile-schedule-day span[b-nx1bvzmund] {
    font-size: 10px;
    font-weight: 600;
    opacity: 0.76;
}

.mobile-schedule-day strong[b-nx1bvzmund] {
    font-size: 14px;
    line-height: 1;
}

.mobile-schedule-day small[b-nx1bvzmund] {
    font-size: 8px;
    opacity: 0.78;
}

.mobile-schedule-day.active[b-nx1bvzmund] {
    background: rgba(255, 255, 255, 0.26);
    box-shadow: inset 0 -3px 0 rgba(255, 255, 255, 0.7);
}

.mobile-schedule-alert[b-nx1bvzmund],
.mobile-schedule-report-link[b-nx1bvzmund],
.mobile-schedule-filter-card[b-nx1bvzmund],
.mobile-schedule-empty[b-nx1bvzmund],
.mobile-schedule-client-group[b-nx1bvzmund],
.mobile-request-card[b-nx1bvzmund],
.mobile-post-card[b-nx1bvzmund] {
    margin: 8px 8px 0;
}

.mobile-schedule-alert[b-nx1bvzmund] {
    border-radius: 10px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 700;
}

.mobile-schedule-alert.success[b-nx1bvzmund] {
    background: #e7f8f1;
    color: #16643f;
    border: 1px solid #bce8d2;
}

.mobile-schedule-alert.error[b-nx1bvzmund] {
    background: #fff0f0;
    color: #9a2e2e;
    border: 1px solid #f2c6c6;
}

.mobile-schedule-report-link[b-nx1bvzmund] {
    display: block;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #b8d6e8;
    color: var(--schedule-blue);
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    padding: 10px 12px;
}

.mobile-schedule-filter-card[b-nx1bvzmund] {
    background: #ffffff;
    border: 1px solid var(--schedule-border);
    border-radius: 0;
    padding: 8px 10px 9px;
    box-shadow: 0 8px 16px rgba(28, 51, 74, 0.04);
}

.mobile-schedule-filter-row[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 7px;
}

.mobile-schedule-filter-row:last-child[b-nx1bvzmund] {
    margin-bottom: 0;
}

.mobile-schedule-filter-row label[b-nx1bvzmund] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mobile-schedule-filter-row span[b-nx1bvzmund] {
    font-size: 9px;
    text-transform: uppercase;
    color: #6a7b8c;
    font-weight: 800;
}

.mobile-schedule-filter-row input[b-nx1bvzmund] {
    min-width: 0;
    height: 34px;
    min-height: 34px;
    border: 1px solid #cbd8e6;
    border-radius: 8px;
    padding: 6px 9px;
    color: var(--schedule-ink);
    font-size: 12px;
    width: 100%;
}

.mobile-schedule-stack[b-nx1bvzmund] {
    padding-bottom: 18px;
}

.mobile-schedule-section-heading[b-nx1bvzmund] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin: 10px 10px 7px;
}

.mobile-schedule-section-heading div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
}

.mobile-schedule-section-heading span[b-nx1bvzmund] {
    font-size: 11px;
    color: var(--schedule-muted);
    font-weight: 700;
    text-transform: uppercase;
}

.mobile-schedule-section-heading strong[b-nx1bvzmund] {
    font-size: 18px;
    color: var(--schedule-ink);
}

.mobile-schedule-link-button[b-nx1bvzmund] {
    min-height: 38px;
    border: 1px solid #bdd5e8;
    border-radius: 9px;
    background: #ffffff;
    color: var(--schedule-blue);
    font-size: 12px;
    font-weight: 800;
    padding: 0 12px;
}

.mobile-schedule-empty[b-nx1bvzmund] {
    border: 1px dashed #c8d8e4;
    border-radius: 12px;
    background: #ffffff;
    padding: 18px 14px;
    color: #6a7b8c;
    font-size: 12px;
    text-align: center;
}

.mobile-schedule-client-group[b-nx1bvzmund] {
    display: grid;
    gap: 8px;
}

.mobile-schedule-client-heading[b-nx1bvzmund] {
    border: 0;
    border-radius: 10px;
    background: #e4f5f5;
    color: #086070;
    min-height: 38px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    font-weight: 800;
}

.mobile-schedule-client-heading strong[b-nx1bvzmund] {
    font-size: 12px;
    text-transform: uppercase;
    color: #0c7588;
}

.mobile-shift-card[b-nx1bvzmund] {
    position: relative;
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    background: #ffffff;
    border: 1px solid #cfe0ed;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(28, 51, 74, 0.07);
    cursor: pointer;
}

.mobile-shift-stripe[b-nx1bvzmund] {
    background: var(--schedule-purple);
}

.mobile-shift-card.open .mobile-shift-stripe[b-nx1bvzmund] {
    background: var(--schedule-blue);
}

.mobile-shift-card.filled .mobile-shift-stripe[b-nx1bvzmund] {
    background: #14b86a;
}

.mobile-shift-card.published[b-nx1bvzmund] {
    border-color: #b8d6e8;
}

.mobile-shift-card-body[b-nx1bvzmund] {
    padding: 8px 10px 9px;
    min-width: 0;
}

.mobile-shift-card-top[b-nx1bvzmund] {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.mobile-shift-card-top > div:first-child[b-nx1bvzmund] {
    min-width: 0;
}

.mobile-shift-time[b-nx1bvzmund] {
    font-size: 17px;
    line-height: 1.1;
    color: #4b5967;
    font-weight: 800;
}

.mobile-shift-title[b-nx1bvzmund] {
    font-size: 13px;
    line-height: 1.2;
    color: var(--schedule-ink);
    font-weight: 800;
    margin-top: 3px;
}

.mobile-shift-meta[b-nx1bvzmund] {
    color: #7a8997;
    font-size: 9px;
    font-weight: 700;
    margin-top: 2px;
}

.mobile-shift-status[b-nx1bvzmund],
.mobile-request-status[b-nx1bvzmund] {
    align-self: flex-start;
    border-radius: 999px;
    padding: 3px 6px;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    white-space: nowrap;
    max-width: 112px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile-shift-status.open[b-nx1bvzmund],
.mobile-request-status.pending[b-nx1bvzmund] {
    background: #e7f3ff;
    color: var(--schedule-blue);
}

.mobile-shift-status.filled[b-nx1bvzmund],
.mobile-request-status.closed[b-nx1bvzmund] {
    background: #eef1f5;
    color: #667585;
}

.mobile-shift-metrics[b-nx1bvzmund] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 7px;
}

.mobile-shift-metrics span[b-nx1bvzmund] {
    border-radius: 999px;
    background: #edf5f9;
    color: #506170;
    font-size: 10px;
    font-weight: 800;
    padding: 4px 7px;
}

.mobile-shift-expanded[b-nx1bvzmund] {
    display: grid;
    gap: 7px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e5eef5;
}

.mobile-shift-assignments[b-nx1bvzmund] {
    display: grid;
    gap: 5px;
}

.mobile-shift-assignments div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    border: 1px solid #e7eef4;
    border-radius: 8px;
    padding: 6px 7px;
    min-width: 0;
}

.mobile-shift-assignments strong[b-nx1bvzmund] {
    font-size: 12px;
    color: var(--schedule-ink);
    min-width: 0;
    overflow-wrap: anywhere;
}

.mobile-shift-assignments span[b-nx1bvzmund],
.mobile-shift-open-note[b-nx1bvzmund] {
    font-size: 10px;
    color: #6a7b8c;
    font-weight: 700;
}

.mobile-shift-assignments span[b-nx1bvzmund] {
    text-align: left;
}

.mobile-shift-open-note[b-nx1bvzmund] {
    margin-top: 0;
}

.mobile-shift-actions[b-nx1bvzmund],
.mobile-request-actions[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    margin-top: 8px;
}

.mobile-request-actions[b-nx1bvzmund] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobile-shift-actions button[b-nx1bvzmund],
.mobile-request-actions button[b-nx1bvzmund] {
    min-height: 34px;
    border: 1px solid #bdd5e8;
    border-radius: 8px;
    background: #ffffff;
    color: var(--schedule-blue);
    font-size: 12px;
    font-weight: 900;
}

.mobile-shift-actions button[b-nx1bvzmund],
.mobile-request-actions button:first-child[b-nx1bvzmund] {
    background: #0f7fc8;
    color: #ffffff;
    border-color: #0f7fc8;
}

.mobile-shift-detail-link[b-nx1bvzmund] {
    min-height: 32px;
    border: 1px solid #bdd5e8;
    border-radius: 8px;
    background: #ffffff;
    color: var(--schedule-blue);
    font-size: 11px;
    font-weight: 900;
}

.mobile-request-actions button.danger[b-nx1bvzmund] {
    color: #af3f56;
    border-color: #f0c8d1;
}

.mobile-request-actions button:disabled[b-nx1bvzmund] {
    opacity: 0.48;
}

.mobile-request-card[b-nx1bvzmund] {
    background: #ffffff;
    border: 1px solid #e0e8ef;
    border-radius: 13px;
    padding: 11px;
    box-shadow: 0 8px 18px rgba(28, 51, 74, 0.08);
}

.mobile-request-top[b-nx1bvzmund] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.mobile-request-top div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
}

.mobile-request-top strong[b-nx1bvzmund] {
    font-size: 14px;
    color: #243647;
}

.mobile-request-top span[b-nx1bvzmund] {
    font-size: 11px;
    color: #657687;
    font-weight: 700;
}

.mobile-request-meta[b-nx1bvzmund] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 8px;
}

.mobile-request-meta span[b-nx1bvzmund] {
    border-radius: 999px;
    background: #eef5f9;
    color: #506170;
    padding: 4px 7px;
    font-size: 10px;
    font-weight: 800;
}

.mobile-request-note[b-nx1bvzmund] {
    margin-top: 9px;
    border-left: 3px solid #0f7fc8;
    padding-left: 8px;
    color: #5f6f7d;
    font-size: 12px;
}

.mobile-schedule-toggle[b-nx1bvzmund] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #536575;
    font-weight: 800;
}

.mobile-post-card[b-nx1bvzmund] {
    min-height: 70px;
    border-radius: 12px;
    background: #ffffff;
    border: 1px solid #dce7ef;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 8px;
    padding: 10px 11px;
    box-shadow: 0 6px 14px rgba(28, 51, 74, 0.06);
}

.mobile-post-card input[b-nx1bvzmund] {
    width: 18px;
    height: 18px;
}

.mobile-post-card span[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
}

.mobile-post-card strong[b-nx1bvzmund] {
    font-size: 16px;
    color: #243647;
}

.mobile-post-card em[b-nx1bvzmund] {
    font-style: normal;
    font-size: 12px;
    color: var(--schedule-blue);
    font-weight: 800;
}

.mobile-post-card small[b-nx1bvzmund] {
    font-size: 10px;
    color: #647584;
    font-weight: 700;
}

.mobile-schedule-post-button[b-nx1bvzmund] {
    position: sticky;
    bottom: 78px;
    z-index: 5;
    width: calc(100% - 24px);
    margin: 14px 12px 0;
    min-height: 48px;
    border: 0;
    border-radius: 999px;
    background: var(--schedule-purple);
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    box-shadow: 0 12px 26px rgba(145, 103, 198, 0.25);
}

.mobile-schedule-post-button:disabled[b-nx1bvzmund] {
    opacity: 0.58;
}

.mobile-schedule-sheet-backdrop[b-nx1bvzmund] {
    position: fixed;
    inset: 0 0 64px 0;
    z-index: 4000;
    background: rgba(22, 35, 46, 0.54);
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-sheet[b-nx1bvzmund] {
    width: min(92vw, 560px);
    height: 100%;
    max-height: 100%;
    background: #f7fafc;
    border-radius: 16px 0 0 16px;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.32);
    overflow: hidden;
    display: grid;
    grid-template-rows: auto 1fr;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-sheet-header[b-nx1bvzmund] {
    background: #ffffff;
    border-bottom: 1px solid #dce7ef;
    padding: 12px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mobile-schedule-sheet-header div[b-nx1bvzmund] {
    display: grid;
}

.mobile-schedule-sheet-header span[b-nx1bvzmund] {
    color: #7a8997;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.mobile-schedule-sheet-header strong[b-nx1bvzmund] {
    color: #243647;
    font-size: 16px;
}

.mobile-schedule-sheet-header button[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border: 1px solid #d4e2ec;
    border-radius: 10px;
    background: #ffffff;
    color: #243647;
    font-weight: 900;
}

.mobile-schedule-sheet-body[b-nx1bvzmund] {
    overflow: auto;
    padding: 0 0 10px;
}

.mobile-schedule-send-backdrop[b-nx1bvzmund] {
    position: fixed;
    inset: 0 0 64px 0;
    z-index: 4075;
    display: flex;
    justify-content: flex-end;
    background: rgba(22, 35, 46, 0.5);
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-send-sheet[b-nx1bvzmund] {
    width: min(92vw, 560px);
    height: 100%;
    background: #f7fafc;
    border-radius: 16px 0 0 16px;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.28);
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-send-header[b-nx1bvzmund] {
    background: #ffffff;
    border-bottom: 1px solid #dce7ef;
    min-height: 56px;
    padding: 10px 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.mobile-schedule-send-header div[b-nx1bvzmund] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.mobile-schedule-send-header span[b-nx1bvzmund] {
    color: #7a8997;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-send-header strong[b-nx1bvzmund] {
    color: #243647;
    font-size: 15px;
    font-weight: 900;
}

.mobile-schedule-send-header em[b-nx1bvzmund] {
    color: #607182;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-schedule-send-header button[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border: 1px solid #d4e2ec;
    border-radius: 10px;
    background: #ffffff;
    color: #243647;
    font-weight: 900;
}

.mobile-schedule-send-body[b-nx1bvzmund] {
    overflow-y: auto;
    padding: 10px;
    display: grid;
    align-content: start;
    gap: 9px;
}

.mobile-schedule-send-field[b-nx1bvzmund] {
    display: grid;
    gap: 4px;
}

.mobile-schedule-send-field span[b-nx1bvzmund] {
    color: #6a7b8c;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-send-field select[b-nx1bvzmund] {
    min-height: 38px;
    border: 1px solid #cbd8e6;
    border-radius: 8px;
    background: #ffffff;
    color: var(--schedule-ink);
    font-size: 12px;
    font-weight: 700;
    padding: 0 9px;
}

.mobile-schedule-send-preview[b-nx1bvzmund],
.mobile-schedule-send-alert[b-nx1bvzmund] {
    border: 1px solid #dce7ef;
    border-radius: 9px;
    background: #ffffff;
    padding: 10px;
}

.mobile-schedule-send-preview[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mobile-schedule-send-preview div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
}

.mobile-schedule-send-preview span[b-nx1bvzmund] {
    color: #6a7b8c;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-send-preview strong[b-nx1bvzmund] {
    color: #243647;
    font-size: 12px;
    overflow-wrap: anywhere;
}

.mobile-schedule-send-preview p[b-nx1bvzmund] {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    color: #627284;
    font-size: 11px;
    line-height: 1.35;
    font-weight: 600;
}

.mobile-schedule-send-alert[b-nx1bvzmund] {
    font-size: 12px;
    font-weight: 700;
}

.mobile-schedule-send-alert.success[b-nx1bvzmund] {
    background: #eaf8f1;
    color: #17623f;
    border-color: #bfe8d2;
}

.mobile-schedule-send-alert.error[b-nx1bvzmund] {
    background: #fff0f1;
    color: #9d2e45;
    border-color: #f0c2cc;
}

.mobile-schedule-send-alert a[b-nx1bvzmund] {
    display: inline-block;
    margin-left: 6px;
    color: #0a76c8;
    font-weight: 900;
}

.mobile-schedule-send-actions[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px;
    background: #ffffff;
    border-top: 1px solid #dce7ef;
}

.mobile-schedule-send-actions button[b-nx1bvzmund] {
    min-height: 40px;
    border: 1px solid var(--schedule-blue);
    border-radius: 9px;
    background: var(--schedule-blue);
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-send-actions button.secondary[b-nx1bvzmund] {
    background: #ffffff;
    color: #4d4a59;
    border-color: #d7d1de;
}

.mobile-schedule-send-actions button:disabled[b-nx1bvzmund] {
    opacity: 0.55;
}

.mobile-schedule-detail-backdrop[b-nx1bvzmund] {
    position: fixed;
    inset: 0 0 64px 0;
    z-index: 4050;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    background: rgba(22, 35, 46, 0.5);
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-detail-sheet[b-nx1bvzmund] {
    width: min(92vw, 560px);
    height: 100%;
    background: #f7fafc;
    border: 0;
    border-radius: 16px 0 0 16px;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.28);
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-detail-header[b-nx1bvzmund] {
    background: #ffffff;
    border-bottom: 1px solid #dce7ef;
    padding: 12px 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.mobile-schedule-detail-header div[b-nx1bvzmund] {
    display: grid;
    min-width: 0;
}

.mobile-schedule-detail-header span[b-nx1bvzmund] {
    color: #7a8997;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.mobile-schedule-detail-header strong[b-nx1bvzmund] {
    color: #243647;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-schedule-detail-header button[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border: 1px solid #d4e2ec;
    border-radius: 10px;
    background: #ffffff;
    color: #243647;
    font-weight: 900;
}

.mobile-schedule-detail-body[b-nx1bvzmund] {
    overflow: auto;
    padding: 10px;
}

.mobile-schedule-detail-summary[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mobile-schedule-detail-summary div[b-nx1bvzmund],
.mobile-schedule-detail-employees[b-nx1bvzmund],
.mobile-schedule-detail-metrics span[b-nx1bvzmund] {
    border: 1px solid #dce7ef;
    background: #ffffff;
}

.mobile-schedule-detail-summary div[b-nx1bvzmund] {
    display: grid;
    gap: 3px;
    border-radius: 9px;
    padding: 9px 10px;
    min-width: 0;
}

.mobile-schedule-detail-summary span[b-nx1bvzmund] {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6a7b8c;
}

.mobile-schedule-detail-summary strong[b-nx1bvzmund] {
    font-size: 12px;
    color: var(--schedule-ink);
    overflow-wrap: anywhere;
}

.mobile-schedule-detail-metrics[b-nx1bvzmund] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 9px;
}

.mobile-schedule-detail-metrics span[b-nx1bvzmund] {
    border-radius: 999px;
    padding: 5px 8px;
    color: #506170;
    background: #edf5f9;
    font-size: 10px;
    font-weight: 900;
}

.mobile-schedule-detail-employees[b-nx1bvzmund] {
    margin-top: 10px;
    border-radius: 10px;
    padding: 10px;
}

.mobile-schedule-detail-employees h2[b-nx1bvzmund] {
    margin: 0 0 8px;
    font-size: 13px;
    color: var(--schedule-ink);
}

.mobile-schedule-detail-employees p[b-nx1bvzmund] {
    margin: 0;
    color: #6a7b8c;
    font-size: 12px;
}

.mobile-schedule-detail-employees div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    border-top: 1px solid #edf3f7;
    padding: 8px 0;
}

.mobile-schedule-detail-employees div:first-of-type[b-nx1bvzmund] {
    border-top: 0;
}

.mobile-schedule-detail-employees strong[b-nx1bvzmund] {
    color: var(--schedule-ink);
    font-size: 12px;
}

.mobile-schedule-detail-employees span[b-nx1bvzmund] {
    color: #6a7b8c;
    font-size: 10px;
    font-weight: 800;
}

.mobile-schedule-detail-actions[b-nx1bvzmund] {
    padding: 10px;
    background: #ffffff;
    border-top: 1px solid #dce7ef;
}

.mobile-schedule-detail-actions button[b-nx1bvzmund] {
    width: 100%;
    min-height: 40px;
    border: 0;
    border-radius: 9px;
    background: var(--schedule-blue);
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-card-kicker {
    display: none;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-card-note {
    display: none;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-grid {
    align-items: end;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-quantity-field {
    width: 100%;
    align-items: stretch;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-stepper {
    width: 100%;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-number-input {
    width: 100%;
    min-width: 0;
    height: 34px;
    padding-right: 30px;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-stepper-buttons {
    width: 24px;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-card-header {
    padding: 9px 10px 7px;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-card-title {
    font-size: 0.88rem;
    margin-top: 0;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 8px 0 0;
    padding: 8px 10px 10px;
    background: #ffffff;
    border-top: 1px solid #dce7ef;
}

.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-actions .shift-intake-button {
    width: 100%;
}

@media (max-width: 700px) {
    .mobile-schedule-page[b-nx1bvzmund] {
        width: 100%;
        min-height: 100vh;
    }

    .mobile-schedule-filter-card[b-nx1bvzmund] {
        border-left: 0;
        border-right: 0;
        border-radius: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .mobile-schedule-filter-row[b-nx1bvzmund] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 390px) {
    .mobile-schedule-filter-row[b-nx1bvzmund] {
        grid-template-columns: 1fr;
    }

    .mobile-shift-card-top[b-nx1bvzmund] {
        display: grid;
    }

    .mobile-shift-actions[b-nx1bvzmund],
    .mobile-request-actions[b-nx1bvzmund] {
        grid-template-columns: 1fr;
    }
}

/* Mobile daily Scheduling: mirrors the desktop Scheduling workspace, collapsed to one selected day. */
.mobile-schedule-page[b-nx1bvzmund] {
    --schedule-blue: #6689d7;
    --schedule-purple: #8f6eba;
    --schedule-pink: #ca6d9b;
    --schedule-top: #3c3b4f;
    --schedule-rail: #ebe9ed;
    --schedule-line: #e6e2e8;
    --schedule-ink: #242331;
    --schedule-muted: #6e6a78;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 10px;
    min-height: calc(100vh - 122px);
    background: #f8f7f9;
    color: var(--schedule-ink);
}

.mobile-schedule-daily-header[b-nx1bvzmund] {
    background: #f8f7f9;
    border-bottom: 1px solid var(--schedule-line);
    padding: 8px 8px 10px;
}

.mobile-schedule-top-tabs[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: end;
    gap: 0;
    border-bottom: 1px solid #ded9e4;
}

.mobile-schedule-tab[b-nx1bvzmund] {
    position: relative;
    min-height: 42px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #4d4a59;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    padding: 0 3px 8px;
    white-space: nowrap;
}

.mobile-schedule-tab.active[b-nx1bvzmund] {
    color: #b04f87;
    background: transparent;
}

.mobile-schedule-tab.active[b-nx1bvzmund]::after {
    content: "";
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: -1px;
    height: 2px;
    background: var(--schedule-pink);
}

.mobile-schedule-tab strong[b-nx1bvzmund] {
    min-width: 24px;
    height: 18px;
    border-radius: 999px;
    background: var(--schedule-purple);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 800;
    padding: 0 6px;
}

.mobile-schedule-tab strong.blue[b-nx1bvzmund] {
    background: var(--schedule-blue);
}

.mobile-schedule-tab-icon[b-nx1bvzmund] {
    width: 17px;
    height: 17px;
    background: currentColor;
    flex: 0 0 auto;
}

.mobile-schedule-tab-icon.schedule[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-tab-icon.open[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-tab-icon.requests[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-control-row[b-nx1bvzmund],
.mobile-schedule-work-row[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 7px;
    align-items: center;
    margin-top: 8px;
}

.mobile-schedule-day-picker[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    height: 36px;
    border: 1px solid #d7d1de;
    background: #ffffff;
}

.mobile-schedule-day-picker button[b-nx1bvzmund],
.mobile-schedule-filter-toggle[b-nx1bvzmund],
.mobile-schedule-view-toggle button[b-nx1bvzmund],
.mobile-schedule-add-square[b-nx1bvzmund] {
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #4c4958;
    font-weight: 800;
}

.mobile-schedule-day-picker button[b-nx1bvzmund] {
    border-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mobile-schedule-day-picker label[b-nx1bvzmund] {
    position: relative;
    min-width: 0;
    border-left: 1px solid #eee9f0;
    border-right: 1px solid #eee9f0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
}

.mobile-schedule-day-picker input[b-nx1bvzmund] {
    position: absolute;
    inset: 0;
    opacity: 0;
}

.mobile-schedule-date-icon[b-nx1bvzmund],
.mobile-schedule-filter-icon[b-nx1bvzmund] {
    width: 14px;
    height: 14px;
    display: inline-block;
    background: currentColor;
}

.mobile-schedule-date-icon[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-filter-icon[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M4%206h16M7%2012h10M10%2018h4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M4%206h16M7%2012h10M10%2018h4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-chevron[b-nx1bvzmund] {
    width: 10px;
    height: 10px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    display: inline-block;
}

.mobile-schedule-chevron.left[b-nx1bvzmund] {
    transform: rotate(-135deg);
}

.mobile-schedule-chevron.right[b-nx1bvzmund] {
    transform: rotate(45deg);
}

.mobile-schedule-chevron.up[b-nx1bvzmund] {
    transform: rotate(-45deg);
}

.mobile-schedule-filter-toggle[b-nx1bvzmund] {
    min-height: 36px;
    border-radius: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0 9px;
    font-size: 11px;
}

.mobile-schedule-filter-toggle.active[b-nx1bvzmund] {
    color: var(--schedule-purple);
    border-color: #c7b4de;
    background: #f5f0fa;
}

.mobile-schedule-work-row[b-nx1bvzmund] {
    grid-template-columns: auto minmax(0, 1fr) 36px;
}

.mobile-schedule-work-row.has-context[b-nx1bvzmund] {
    grid-template-columns: auto minmax(0, 1fr) 36px 36px;
}

.mobile-schedule-view-toggle[b-nx1bvzmund] {
    height: 36px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 142px;
}

.mobile-schedule-view-toggle button[b-nx1bvzmund] {
    border-radius: 0;
    padding: 0 8px;
    font-size: 10px;
    line-height: 1;
    white-space: nowrap;
    text-transform: uppercase;
}

.mobile-schedule-view-toggle button.active[b-nx1bvzmund] {
    background: var(--schedule-purple);
    color: #ffffff;
    border-color: var(--schedule-purple);
}

.mobile-schedule-view-lines[b-nx1bvzmund],
.mobile-schedule-view-stack[b-nx1bvzmund] {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: currentColor;
}

.mobile-schedule-view-lines[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20d='M5%207h14M5%2012h14M5%2017h14'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20d='M5%207h14M5%2012h14M5%2017h14'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-view-stack[b-nx1bvzmund] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'%20d='M8%206h12M8%2012h12M8%2018h12M4%206h.01M4%2012h.01M4%2018h.01'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'%20d='M8%206h12M8%2012h12M8%2018h12M4%206h.01M4%2012h.01M4%2018h.01'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-search-box[b-nx1bvzmund] {
    min-width: 0;
    height: 36px;
    border: 1px solid #d7d1de;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    align-items: center;
}

.mobile-schedule-search-box input[b-nx1bvzmund] {
    min-width: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    padding: 0 10px;
    color: var(--schedule-ink);
    font-size: 11px;
    outline: none;
}

.mobile-schedule-search-box span[b-nx1bvzmund] {
    width: 17px;
    height: 17px;
    justify-self: center;
    background: #7e7787;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20d='m15.5%2015.5%205%205'/%3E%3Ccircle%20cx='10.5'%20cy='10.5'%20r='6.5'%20fill='none'%20stroke='black'%20stroke-width='1.9'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.9'%20stroke-linecap='round'%20d='m15.5%2015.5%205%205'/%3E%3Ccircle%20cx='10.5'%20cy='10.5'%20r='6.5'%20fill='none'%20stroke='black'%20stroke-width='1.9'/%3E%3C/svg%3E") center / contain no-repeat;
}

.mobile-schedule-add-square[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border-radius: 0;
    color: var(--schedule-purple);
    font-size: 18px;
    font-weight: 600;
    line-height: 1;
}

.mobile-schedule-context-wrap[b-nx1bvzmund] {
    position: relative;
}

.mobile-schedule-context-button[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border: 1px solid #d7d1de;
    border-radius: 0;
    background: #ffffff;
    color: #4d4a59;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.mobile-schedule-context-menu[b-nx1bvzmund] {
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 36;
    width: 180px;
    border: 1px solid #d6e2ea;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(28, 51, 74, 0.22);
}

.mobile-schedule-context-menu button[b-nx1bvzmund] {
    width: 100%;
    min-height: 40px;
    border: 0;
    background: #ffffff;
    color: #243647;
    text-align: left;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 800;
}

.mobile-schedule-daily-actions[b-nx1bvzmund] {
    position: relative;
}

.mobile-schedule-action-menu-daily[b-nx1bvzmund] {
    top: 40px;
    width: 218px;
    border-radius: 2px;
    z-index: 35;
}

.mobile-schedule-action-menu-daily button[b-nx1bvzmund] {
    font-size: 12px;
    min-height: 40px;
}

.mobile-schedule-publish-inline[b-nx1bvzmund] {
    width: 100%;
    min-height: 36px;
    border: 0;
    margin-top: 8px;
    background: var(--schedule-purple);
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.mobile-schedule-filter-card[b-nx1bvzmund] {
    margin: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
    padding: 0 8px;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-4px);
    transition: max-height 180ms ease, opacity 160ms ease, transform 180ms ease, padding 180ms ease;
}

.mobile-schedule-filter-card.open[b-nx1bvzmund] {
    max-height: 198px;
    opacity: 1;
    padding: 8px;
    pointer-events: auto;
    transform: translateY(0);
}

.mobile-schedule-filter-inner[b-nx1bvzmund] {
    min-width: 0;
}

.mobile-schedule-clear-filters[b-nx1bvzmund] {
    min-height: 34px;
    align-self: end;
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #4d4a59;
    font-size: 11px;
    font-weight: 800;
}

.mobile-schedule-filter-status-row[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 7px;
}

.mobile-schedule-filter-status-row button[b-nx1bvzmund] {
    min-height: 32px;
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #4d4a59;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.mobile-schedule-filter-status-row button.active[b-nx1bvzmund] {
    border-color: var(--schedule-purple);
    background: var(--schedule-purple);
    color: #ffffff;
}

.mobile-schedule-section-heading[b-nx1bvzmund] {
    margin: 10px 10px 8px;
}

.mobile-schedule-section-heading span[b-nx1bvzmund] {
    color: var(--schedule-muted);
    font-size: 10px;
}

.mobile-schedule-section-heading strong[b-nx1bvzmund] {
    font-size: 16px;
}

.mobile-schedule-client-group[b-nx1bvzmund] {
    margin: 0;
    gap: 0;
    border-top: 1px solid var(--schedule-line);
}

.mobile-schedule-client-heading[b-nx1bvzmund] {
    min-height: 44px;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid var(--schedule-line);
    background: #ffffff;
    color: var(--schedule-ink);
    padding: 6px 10px;
    gap: 8px;
}

.mobile-schedule-client-heading span[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    text-align: left;
    min-width: 0;
}

.mobile-schedule-client-heading span strong[b-nx1bvzmund] {
    color: #050915;
    font-size: 13px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.mobile-schedule-client-heading em[b-nx1bvzmund] {
    color: #595667;
    font-size: 9px;
    font-style: normal;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-schedule-client-heading > strong[b-nx1bvzmund] {
    color: #4f3f82;
    background: #efe8f8;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 10px;
}

.mobile-schedule-client-heading:disabled[b-nx1bvzmund] {
    cursor: default;
    opacity: 1;
}

.mobile-schedule-candidate-group .mobile-schedule-client-heading[b-nx1bvzmund] {
    background: #fbfbfd;
}

.mobile-shift-card[b-nx1bvzmund] {
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: var(--schedule-line);
    box-shadow: none;
}

.mobile-shift-card-body[b-nx1bvzmund] {
    padding: 8px 9px;
}

.mobile-shift-time-row[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.mobile-shift-time-row strong[b-nx1bvzmund] {
    color: #15151c;
    font-size: 13px;
    line-height: 1.1;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-shift-clock[b-nx1bvzmund] {
    width: 16px;
    height: 16px;
    border: 1.8px solid #777384;
    border-radius: 999px;
    position: relative;
}

.mobile-shift-clock[b-nx1bvzmund]::before,
.mobile-shift-clock[b-nx1bvzmund]::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 1.6px;
    height: 5px;
    background: #777384;
    border-radius: 999px;
}

.mobile-shift-clock[b-nx1bvzmund]::after {
    top: 7px;
    width: 5px;
    height: 1.6px;
}

.mobile-shift-day-stack[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: auto minmax(64px, 1fr) auto auto auto;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
}

.mobile-shift-position-pill[b-nx1bvzmund],
.mobile-shift-coverage-pill[b-nx1bvzmund],
.mobile-shift-rate[b-nx1bvzmund],
.mobile-shift-post-state[b-nx1bvzmund] {
    min-height: 24px;
    border-radius: 999px;
    background: #f0f2f6;
    color: #4e4a59;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 7px;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.mobile-shift-position-pill[b-nx1bvzmund] {
    color: #4e4a59;
}

.mobile-shift-coverage-pill[b-nx1bvzmund] {
    border: 1px solid #e3dfe8;
    background: #ffffff;
    justify-content: flex-start;
    min-width: 0;
}

.mobile-shift-count-badge[b-nx1bvzmund] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    background: var(--schedule-blue);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 900;
}

.mobile-shift-rate[b-nx1bvzmund],
.mobile-shift-post-state[b-nx1bvzmund] {
    background: #f4f1f8;
    color: #6d568e;
}

.mobile-shift-meta[b-nx1bvzmund] {
    margin-top: 5px;
    font-size: 9px;
}

.mobile-shift-tap-hint[b-nx1bvzmund] {
    margin-top: 7px;
    color: #7a7285;
    font-size: 10px;
    font-weight: 800;
}

.mobile-shift-status[b-nx1bvzmund] {
    background: #eef1f5;
    color: #5c5968;
}

.mobile-shift-status.open[b-nx1bvzmund] {
    background: #efe8f8;
    color: #7857ab;
}

.mobile-shift-actions button[b-nx1bvzmund],
.mobile-request-actions button:first-child[b-nx1bvzmund],
.mobile-schedule-detail-actions button[b-nx1bvzmund] {
    background: #0a76c8;
    border-color: #0a76c8;
}

.mobile-schedule-shift-workspace-sheet[b-nx1bvzmund] {
    width: min(94vw, 640px);
    border-radius: 0;
    background: #ffffff;
}

.mobile-schedule-shift-workspace-header[b-nx1bvzmund] {
    background: #ffffff;
    border-bottom: 1px solid #e2dfe7;
    padding: 8px 10px 7px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.mobile-schedule-shift-workspace-header div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-shift-workspace-header strong[b-nx1bvzmund] {
    color: #171522;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 800;
}

.mobile-schedule-shift-workspace-header span[b-nx1bvzmund] {
    color: #514c5e;
    font-size: 10px;
    line-height: 1.35;
    font-weight: 500;
}

.mobile-schedule-shift-workspace-header button[b-nx1bvzmund],
.mobile-schedule-match-header button[b-nx1bvzmund],
.mobile-schedule-bulk-header button[b-nx1bvzmund],
.mobile-schedule-remove-header button[b-nx1bvzmund] {
    width: 34px;
    height: 32px;
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #2b2835;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-shift-workspace-body[b-nx1bvzmund] {
    padding: 6px 8px 10px;
}

.mobile-schedule-shift-progress[b-nx1bvzmund] {
    height: 5px;
    border-radius: 999px;
    background: #e2dfe7;
    overflow: hidden;
}

.mobile-schedule-shift-progress span[b-nx1bvzmund] {
    display: block;
    height: 100%;
    background: var(--schedule-purple);
}

.mobile-schedule-shift-progress-text[b-nx1bvzmund] {
    color: #4f4a5c;
    font-size: 11px;
    margin-top: 5px;
}

.mobile-schedule-shift-day-card[b-nx1bvzmund] {
    margin-top: 9px;
}

.mobile-schedule-shift-day-heading[b-nx1bvzmund] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    margin-bottom: 7px;
}

.mobile-schedule-shift-day-heading strong[b-nx1bvzmund] {
    color: #15121d;
    font-size: 13px;
}

.mobile-schedule-shift-day-heading span[b-nx1bvzmund] {
    color: #554f62;
    font-size: 10px;
    text-align: right;
}

.mobile-schedule-shift-detail-block[b-nx1bvzmund] {
    border: 1px solid #dfdbe5;
    background: #ffffff;
}

.mobile-schedule-shift-detail-bar[b-nx1bvzmund] {
    min-height: 34px;
    background: #f0eef3;
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    color: #252230;
}

.mobile-schedule-shift-detail-bar span[b-nx1bvzmund],
.mobile-schedule-shift-detail-bar em[b-nx1bvzmund],
.mobile-schedule-shift-detail-bar strong[b-nx1bvzmund] {
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    white-space: nowrap;
}

.mobile-schedule-shift-detail-grid[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 10px;
    padding: 9px 10px;
    border-bottom: 1px solid #e6e1eb;
}

.mobile-schedule-shift-detail-grid div[b-nx1bvzmund] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.mobile-schedule-shift-detail-grid span[b-nx1bvzmund] {
    color: #221f2c;
    font-size: 10px;
    font-weight: 800;
}

.mobile-schedule-shift-detail-grid strong[b-nx1bvzmund] {
    color: #4b4658;
    font-size: 10px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.mobile-schedule-shift-slot-section[b-nx1bvzmund] {
    margin: 8px 8px 0;
    padding-top: 0;
    border-top: 1px solid #e9e5ee;
}

.mobile-schedule-shift-section-title[b-nx1bvzmund] {
    min-height: 32px;
    background: #f0eef3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 8px;
}

.mobile-schedule-shift-section-title strong[b-nx1bvzmund],
.mobile-schedule-shift-section-title span[b-nx1bvzmund] {
    color: #3b3547;
    font-size: 11px;
    font-weight: 800;
}

.mobile-schedule-shift-time-axis[b-nx1bvzmund] {
    color: #7a7384;
    font-size: 9px;
    font-weight: 700;
    line-height: 1.4;
    padding: 5px 8px 3px;
    white-space: normal;
}

.mobile-schedule-open-slot[b-nx1bvzmund] {
    width: calc(100% - 16px);
    margin: 5px 8px;
    min-height: 34px;
    border: 1px solid #b8a6d2;
    background: #ffffff;
    color: #312b41;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12px;
}

.mobile-schedule-open-slot strong[b-nx1bvzmund],
.mobile-schedule-open-slot span[b-nx1bvzmund] {
    font-size: 11px;
    font-weight: 800;
}

.mobile-schedule-filled-list[b-nx1bvzmund] {
    display: grid;
    gap: 5px;
    padding: 0 8px 7px;
}

.mobile-schedule-filled-item[b-nx1bvzmund] {
    position: relative;
    display: grid;
    gap: 4px;
}

.mobile-schedule-filled-employee[b-nx1bvzmund] {
    width: 100%;
    border: 1px solid #e5e0ea;
    background: #ffffff;
    padding: 7px 9px;
    display: grid;
    gap: 2px;
    text-align: left;
}

.mobile-schedule-filled-employee.active[b-nx1bvzmund] {
    border-color: #8f6eba;
    box-shadow: inset 3px 0 0 #8f6eba;
}

.mobile-schedule-filled-menu[b-nx1bvzmund] {
    justify-self: end;
    width: 118px;
    border: 1px solid #d7d1de;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(31, 35, 47, 0.16);
}

.mobile-schedule-filled-menu button[b-nx1bvzmund] {
    width: 100%;
    min-height: 32px;
    border: 0;
    background: #ffffff;
    color: #a33452;
    font-size: 11px;
    font-weight: 900;
}

.mobile-schedule-filled-list strong[b-nx1bvzmund] {
    font-size: 12px;
    color: #201c2a;
}

.mobile-schedule-filled-list span[b-nx1bvzmund],
.mobile-schedule-shift-empty-line[b-nx1bvzmund] {
    color: #625c6d;
    font-size: 11px;
}

.mobile-schedule-shift-empty-line[b-nx1bvzmund] {
    margin: 6px 8px 8px;
}

.mobile-schedule-detail-actions[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 8px;
}

.mobile-schedule-detail-actions button.secondary[b-nx1bvzmund] {
    background: #ffffff;
    border: 1px solid #d7d1de;
    color: #3f394b;
}

.mobile-schedule-detail-actions button:disabled[b-nx1bvzmund] {
    opacity: 0.45;
}

.mobile-schedule-match-backdrop[b-nx1bvzmund] {
    position: fixed;
    inset: 0 0 64px 0;
    z-index: 4100;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    background: rgba(22, 35, 46, 0.34);
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-match-sheet[b-nx1bvzmund] {
    width: min(82vw, 420px);
    height: 100%;
    background: #ffffff;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.26);
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-match-header[b-nx1bvzmund] {
    border-bottom: 1px solid #e4dfeb;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.mobile-schedule-match-header div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-match-header span[b-nx1bvzmund] {
    color: #7a7285;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-match-header strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 15px;
}

.mobile-schedule-match-header em[b-nx1bvzmund] {
    color: #635d6f;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.mobile-schedule-match-body[b-nx1bvzmund] {
    overflow: auto;
    padding: 9px 10px;
}

.mobile-schedule-match-search[b-nx1bvzmund] {
    display: grid;
    gap: 5px;
}

.mobile-schedule-match-search span[b-nx1bvzmund] {
    color: #6f687c;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-match-search input[b-nx1bvzmund] {
    height: 40px;
    border: 1px solid #d8d1e3;
    padding: 0 10px;
    font-size: 12px;
}

.mobile-schedule-match-empty[b-nx1bvzmund] {
    margin-top: 10px;
    border: 1px dashed #d8d1e3;
    padding: 12px;
    color: #635d6f;
    font-size: 12px;
}

.mobile-schedule-match-list[b-nx1bvzmund] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.mobile-schedule-match-list button[b-nx1bvzmund] {
    border: 1px solid #e0dce8;
    background: #ffffff;
    min-height: 68px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 8px;
    text-align: left;
}

.mobile-schedule-match-list button.selected[b-nx1bvzmund] {
    border-color: #8f6eba;
    background: #f8f3fc;
    box-shadow: inset 3px 0 0 #8f6eba;
}

.mobile-schedule-match-avatar[b-nx1bvzmund] {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #0a76c8;
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-match-list button > span:last-child[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-match-list strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 12px;
}

.mobile-schedule-match-list em[b-nx1bvzmund],
.mobile-schedule-match-list small[b-nx1bvzmund] {
    color: #665f72;
    font-size: 10px;
    font-style: normal;
    overflow-wrap: anywhere;
}

.mobile-schedule-match-actions[b-nx1bvzmund] {
    border-top: 1px solid #e4dfeb;
    padding: 8px 10px;
    background: #ffffff;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mobile-schedule-match-actions button[b-nx1bvzmund] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #0a76c8;
    background: #0a76c8;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-match-actions button.secondary[b-nx1bvzmund] {
    border-color: #d7d1de;
    background: #ffffff;
    color: #3f394b;
}

.mobile-schedule-match-actions button:disabled[b-nx1bvzmund] {
    opacity: 0.45;
}

.mobile-schedule-bulk-backdrop[b-nx1bvzmund] {
    position: fixed;
    inset: 0 0 64px 0;
    z-index: 4080;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    background: rgba(22, 35, 46, 0.44);
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-bulk-sheet[b-nx1bvzmund] {
    width: min(92vw, 520px);
    height: 100%;
    background: #ffffff;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.28);
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-bulk-header[b-nx1bvzmund] {
    border-bottom: 1px solid #e4dfeb;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.mobile-schedule-bulk-header div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-bulk-header span[b-nx1bvzmund] {
    color: #7a7285;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-bulk-header strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 15px;
}

.mobile-schedule-bulk-header em[b-nx1bvzmund] {
    color: #635d6f;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.mobile-schedule-bulk-body[b-nx1bvzmund] {
    overflow: auto;
    padding: 9px 10px;
}

.mobile-schedule-bulk-candidate-list[b-nx1bvzmund] {
    max-height: 230px;
    overflow: auto;
}

.mobile-schedule-bulk-selected[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    margin-top: 12px;
    border: 1px solid #d9d3e4;
    background: #f8f3fc;
    padding: 9px 10px;
}

.mobile-schedule-bulk-selected span[b-nx1bvzmund],
.mobile-schedule-bulk-results-title span[b-nx1bvzmund] {
    color: #6f687c;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-bulk-selected strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 13px;
}

.mobile-schedule-bulk-selected em[b-nx1bvzmund] {
    color: #625c6d;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.mobile-schedule-bulk-results[b-nx1bvzmund] {
    margin-top: 12px;
}

.mobile-schedule-bulk-results-title[b-nx1bvzmund] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 10px;
    padding-bottom: 8px;
}

.mobile-schedule-bulk-results-title strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 13px;
}

.mobile-schedule-bulk-day[b-nx1bvzmund] {
    display: grid;
    gap: 8px;
    padding: 10px 0 12px;
    border-top: 1px solid #e9e5ee;
}

.mobile-schedule-bulk-day h3[b-nx1bvzmund] {
    margin: 0;
    color: #201c2a;
    font-size: 13px;
    font-weight: 900;
}

.mobile-schedule-bulk-client[b-nx1bvzmund] {
    display: grid;
    gap: 6px;
}

.mobile-schedule-bulk-client h4[b-nx1bvzmund] {
    margin: 0;
    border-radius: 6px;
    background: #f0eef3;
    color: #272231;
    padding: 7px 9px;
    font-size: 12px;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.mobile-schedule-bulk-shift[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    gap: 8px;
    align-items: center;
    border: 1px solid #ded9e4;
    background: #ffffff;
    padding: 8px;
}

.mobile-schedule-bulk-shift div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-bulk-shift strong[b-nx1bvzmund] {
    color: #15151c;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-bulk-shift span[b-nx1bvzmund],
.mobile-schedule-bulk-shift em[b-nx1bvzmund] {
    color: #625c6d;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.mobile-schedule-bulk-shift button[b-nx1bvzmund] {
    min-height: 34px;
    border: 1px solid #0a76c8;
    background: #0a76c8;
    color: #ffffff;
    font-size: 11px;
    font-weight: 900;
}

.mobile-schedule-bulk-actions[b-nx1bvzmund] {
    border-top: 1px solid #e4dfeb;
    padding: 8px 10px;
    background: #ffffff;
}

.mobile-schedule-bulk-actions button[b-nx1bvzmund] {
    width: 100%;
    min-height: 38px;
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #3f394b;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-sheet-backdrop[b-nx1bvzmund],
.mobile-schedule-detail-backdrop[b-nx1bvzmund],
.mobile-schedule-match-backdrop[b-nx1bvzmund],
.mobile-schedule-bulk-backdrop[b-nx1bvzmund],
.mobile-schedule-remove-backdrop[b-nx1bvzmund] {
    inset: var(--mobile-schedule-top-offset, 56px) 0 64px 0;
}

.mobile-schedule-detail-actions button[b-nx1bvzmund],
.mobile-schedule-match-actions button[b-nx1bvzmund],
.mobile-schedule-remove-actions button[b-nx1bvzmund],
.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-actions .shift-intake-button {
    min-height: 38px;
    border-radius: 7px;
    border: 1px solid #8dc2e8;
    background: #8dc2e8;
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.mobile-schedule-detail-actions button.secondary[b-nx1bvzmund],
.mobile-schedule-match-actions button.secondary[b-nx1bvzmund],
.mobile-schedule-bulk-actions button.secondary[b-nx1bvzmund],
.mobile-schedule-remove-actions button.secondary[b-nx1bvzmund],
.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-actions .shift-intake-button.secondary {
    border-color: #d7d1de;
    background: #ffffff;
    color: #3f394b;
}

.mobile-schedule-detail-actions button:disabled[b-nx1bvzmund],
.mobile-schedule-match-actions button:disabled[b-nx1bvzmund],
.mobile-schedule-remove-actions button:disabled[b-nx1bvzmund],
.mobile-schedule-sheet[b-nx1bvzmund]  .shift-intake-actions .shift-intake-button:disabled {
    opacity: 0.5;
}

.mobile-schedule-remove-backdrop[b-nx1bvzmund] {
    position: fixed;
    z-index: 4160;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
    background: rgba(22, 35, 46, 0.38);
    animation: mobileScheduleScrimIn-b-nx1bvzmund 140ms ease-out;
}

.mobile-schedule-remove-sheet[b-nx1bvzmund] {
    width: min(84vw, 430px);
    height: 100%;
    background: #ffffff;
    box-shadow: -18px 0 44px rgba(15, 34, 50, 0.28);
    display: grid;
    grid-template-rows: auto 1fr auto;
    animation: mobileScheduleFlyoutIn-b-nx1bvzmund 190ms cubic-bezier(0.18, 0.82, 0.28, 1);
}

.mobile-schedule-remove-header[b-nx1bvzmund] {
    border-bottom: 1px solid #e4dfeb;
    padding: 8px 10px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
}

.mobile-schedule-remove-header div[b-nx1bvzmund] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.mobile-schedule-remove-header span[b-nx1bvzmund],
.mobile-schedule-remove-summary span[b-nx1bvzmund],
.mobile-schedule-remove-reason span[b-nx1bvzmund] {
    color: #6f687c;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.mobile-schedule-remove-header strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-schedule-remove-header em[b-nx1bvzmund] {
    color: #635d6f;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.mobile-schedule-remove-body[b-nx1bvzmund] {
    overflow: auto;
    padding: 9px 10px;
}

.mobile-schedule-remove-summary[b-nx1bvzmund] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.mobile-schedule-remove-summary div[b-nx1bvzmund] {
    display: grid;
    gap: 3px;
    border: 1px solid #e0dce8;
    background: #fbfbfd;
    padding: 8px;
}

.mobile-schedule-remove-summary strong[b-nx1bvzmund] {
    color: #201c2a;
    font-size: 11px;
    overflow-wrap: anywhere;
}

.mobile-schedule-remove-reason[b-nx1bvzmund] {
    display: grid;
    gap: 5px;
    margin-top: 10px;
}

.mobile-schedule-remove-reason textarea[b-nx1bvzmund] {
    width: 100%;
    min-height: 112px;
    border: 1px solid #d8d1e3;
    padding: 9px 10px;
    color: #242331;
    font-size: 12px;
    resize: vertical;
}

.mobile-schedule-remove-error[b-nx1bvzmund] {
    margin-top: 8px;
    border: 1px solid #f0c8d1;
    background: #fff5f6;
    color: #a33452;
    padding: 8px 9px;
    font-size: 11px;
    font-weight: 800;
}

.mobile-schedule-remove-actions[b-nx1bvzmund] {
    border-top: 1px solid #e4dfeb;
    padding: 8px 10px;
    background: #ffffff;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

@media (prefers-reduced-motion: reduce) {
    .mobile-schedule-page button[b-nx1bvzmund],
    .mobile-schedule-sheet button[b-nx1bvzmund],
    .mobile-schedule-detail-sheet button[b-nx1bvzmund],
    .mobile-schedule-match-sheet button[b-nx1bvzmund],
    .mobile-schedule-bulk-sheet button[b-nx1bvzmund],
    .mobile-schedule-remove-sheet button[b-nx1bvzmund],
    .mobile-schedule-sheet[b-nx1bvzmund],
    .mobile-schedule-detail-sheet[b-nx1bvzmund],
    .mobile-schedule-match-sheet[b-nx1bvzmund],
    .mobile-schedule-bulk-sheet[b-nx1bvzmund],
    .mobile-schedule-remove-sheet[b-nx1bvzmund],
    .mobile-schedule-sheet-backdrop[b-nx1bvzmund],
    .mobile-schedule-detail-backdrop[b-nx1bvzmund],
    .mobile-schedule-match-backdrop[b-nx1bvzmund],
    .mobile-schedule-bulk-backdrop[b-nx1bvzmund],
    .mobile-schedule-remove-backdrop[b-nx1bvzmund] {
        animation: none;
        transition: none;
    }
}

@media (max-width: 430px) {
    .mobile-schedule-tab[b-nx1bvzmund] {
        gap: 4px;
        font-size: 10px;
    }

    .mobile-schedule-tab-icon[b-nx1bvzmund] {
        width: 15px;
        height: 15px;
    }

    .mobile-schedule-work-row[b-nx1bvzmund] {
        grid-template-columns: minmax(124px, 138px) minmax(0, 1fr) 36px;
    }

    .mobile-shift-day-stack[b-nx1bvzmund] {
        grid-template-columns: auto minmax(72px, 1fr) auto;
    }

    .mobile-shift-rate[b-nx1bvzmund],
    .mobile-shift-post-state[b-nx1bvzmund] {
        grid-column: span 1;
    }
}
/* /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/Options.razor.rz.scp.css */
.options-page[b-12lpojqv63] {
    padding: 18px;
    color: #243447;
}

.options-header[b-12lpojqv63] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 14px;
}

.options-kicker[b-12lpojqv63] {
    font-size: 0.76rem;
    font-weight: 800;
    color: #647485;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 5px;
}

.options-header h1[b-12lpojqv63] {
    margin: 0 0 6px 0;
    font-size: 1.75rem;
    line-height: 1.1;
}

.options-header p[b-12lpojqv63] {
    margin: 0;
    max-width: 900px;
    color: #5f6d7b;
    line-height: 1.4;
}

.options-alert[b-12lpojqv63] {
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    font-weight: 700;
}

.options-alert.success[b-12lpojqv63] {
    background: #edf9f1;
    border: 1px solid #b7dfc1;
    color: #1f6a35;
}

.options-alert.error[b-12lpojqv63] {
    background: #fff1f1;
    border: 1px solid #edbcbc;
    color: #9c2929;
}

.options-toolbar[b-12lpojqv63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    border: 1px solid #d8e1ea;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 12px;
}

.options-entity-tabs[b-12lpojqv63],
.options-search-wrap[b-12lpojqv63] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.options-entity-button[b-12lpojqv63],
.options-button[b-12lpojqv63] {
    height: 34px;
    border-radius: 7px;
    padding: 0 12px;
    border: 1px solid #cbd6e2;
    background: #fff;
    color: #263646;
    font-size: 0.84rem;
    font-weight: 800;
    cursor: pointer;
}

.options-entity-button.active[b-12lpojqv63],
.options-button.primary[b-12lpojqv63] {
    background: #087dbc;
    color: #fff;
    border-color: #087dbc;
}

.options-button.secondary[b-12lpojqv63] {
    background: #fff;
    color: #263646;
}

.options-button.danger[b-12lpojqv63] {
    background: #fff6f6;
    border-color: #efb7b7;
    color: #a72b2b;
}

.options-search[b-12lpojqv63] {
    width: min(420px, 42vw);
    height: 34px;
    border: 1px solid #cbd6e2;
    border-radius: 7px;
    padding: 0 10px;
    font-size: 0.86rem;
}

.options-grid-panel[b-12lpojqv63] {
    border: 1px solid #d8e1ea;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}

.options-grid-header[b-12lpojqv63] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #e5ebf2;
    background: #f8fafc;
}

.options-panel-title[b-12lpojqv63] {
    font-weight: 900;
    color: #1f2d3d;
}

.options-panel-subtitle[b-12lpojqv63] {
    margin-top: 2px;
    font-size: 0.8rem;
    color: #677686;
}

.options-table-wrap[b-12lpojqv63],
.options-target-table-wrap[b-12lpojqv63] {
    overflow: auto;
}

.options-table[b-12lpojqv63],
.options-target-table[b-12lpojqv63] {
    width: 100%;
    border-collapse: collapse;
}

.options-table th[b-12lpojqv63],
.options-table td[b-12lpojqv63],
.options-target-table th[b-12lpojqv63],
.options-target-table td[b-12lpojqv63] {
    padding: 10px 12px;
    border-bottom: 1px solid #e5ebf2;
    font-size: 0.86rem;
    vertical-align: middle;
}

.options-table th[b-12lpojqv63],
.options-target-table th[b-12lpojqv63] {
    background: #fbfcfe;
    color: #536171;
    font-size: 0.78rem;
    font-weight: 900;
    text-align: left;
}

.options-group-row td[b-12lpojqv63] {
    background: #f4f7fa;
    padding: 9px 12px;
}

.options-group-toggle[b-12lpojqv63] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: none;
    background: transparent;
    color: #1f2d3d;
    font-weight: 900;
    cursor: pointer;
    padding: 0;
}

.options-property-name[b-12lpojqv63] {
    font-weight: 800;
}

.options-property-code[b-12lpojqv63] {
    color: #708091;
    font-size: 0.75rem;
    margin-top: 2px;
}

.options-note-pill[b-12lpojqv63],
.options-source-pill[b-12lpojqv63] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    border-radius: 999px;
    padding: 0 8px;
    margin: 6px 6px 0 0;
    background: #edf3f8;
    color: #496071;
    font-size: 0.72rem;
    font-weight: 800;
}

.options-note-pill.sensitive[b-12lpojqv63],
.options-source-pill.override[b-12lpojqv63] {
    background: #fff3dc;
    color: #7b4a00;
}

.options-table-action[b-12lpojqv63],
.options-actions[b-12lpojqv63] {
    width: 56px;
    text-align: right;
}

.options-icon-button[b-12lpojqv63] {
    width: 32px;
    height: 32px;
    border: 1px solid #ccd7e3;
    background: #fff;
    border-radius: 7px;
    color: #1f2d3d;
    cursor: pointer;
    font-weight: 900;
}

.options-empty[b-12lpojqv63] {
    padding: 18px;
    color: #647485;
    font-weight: 700;
}

.options-flyout[b-12lpojqv63] {
    display: grid;
    gap: 14px;
}

.options-flyout-topline[b-12lpojqv63] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.options-flyout-topline > div[b-12lpojqv63] {
    border: 1px solid #d8e1ea;
    background: #f8fafc;
    border-radius: 8px;
    padding: 10px;
}

.options-flyout-label[b-12lpojqv63] {
    color: #69788a;
    font-size: 0.72rem;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.options-editor-grid[b-12lpojqv63] {
    display: grid;
    grid-template-columns: minmax(220px, 0.6fr) minmax(280px, 1fr);
    gap: 12px;
}

.options-editor-grid label[b-12lpojqv63] {
    display: block;
    margin-bottom: 5px;
    font-size: 0.78rem;
    font-weight: 900;
    color: #536171;
}

.options-input[b-12lpojqv63] {
    width: 100%;
    height: 38px;
    border: 1px solid #cbd6e2;
    border-radius: 7px;
    padding: 0 10px;
    font-size: 0.88rem;
}

.options-target-header[b-12lpojqv63] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-top: 1px solid #e5ebf2;
    padding-top: 12px;
}

.options-target-title[b-12lpojqv63] {
    font-weight: 900;
}

.options-checkbox-col[b-12lpojqv63] {
    width: 42px;
}

.options-target-table tr.selected[b-12lpojqv63] {
    background: #edf7fc;
}

.options-flyout-actions[b-12lpojqv63] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    border-top: 1px solid #e5ebf2;
    padding-top: 12px;
}

@media (max-width: 900px) {
    .options-header[b-12lpojqv63],
    .options-toolbar[b-12lpojqv63],
    .options-target-header[b-12lpojqv63] {
        align-items: stretch;
        flex-direction: column;
    }

    .options-search[b-12lpojqv63] {
        width: 100%;
    }

    .options-flyout-topline[b-12lpojqv63],
    .options-editor-grid[b-12lpojqv63] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/PaiEscAdmin.razor.rz.scp.css */
.pai-esc-admin-page[b-0gm8pnrncm] {
    max-width: 1480px;
    margin: 0 auto;
    color: #17283b;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.pai-esc-admin-header[b-0gm8pnrncm],
.pai-esc-admin-status-panel[b-0gm8pnrncm],
.pai-esc-admin-footer[b-0gm8pnrncm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.pai-esc-admin-kicker[b-0gm8pnrncm] {
    color: #64748b;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.pai-esc-admin-header h1[b-0gm8pnrncm] {
    margin: 2px 0 4px;
    font-size: 1.45rem;
    line-height: 1.15;
}

.pai-esc-admin-header p[b-0gm8pnrncm],
.pai-esc-admin-panel-subtitle[b-0gm8pnrncm],
.pai-esc-admin-footer span[b-0gm8pnrncm] {
    color: #5c6b7b;
    font-size: 0.82rem;
}

.pai-esc-admin-actions[b-0gm8pnrncm],
.pai-esc-admin-footer[b-0gm8pnrncm] {
    align-items: center;
}

.pai-esc-admin-button[b-0gm8pnrncm] {
    min-height: 34px;
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    background: #ffffff;
    color: #20364d;
    padding: 0 13px;
    font: 700 0.8rem/1 "Poppins", "Segoe UI", sans-serif;
    text-decoration: none;
    cursor: pointer;
}

.pai-esc-admin-button.primary[b-0gm8pnrncm] {
    background: #0a76c8;
    border-color: #0a76c8;
    color: #ffffff;
}

.pai-esc-admin-button.secondary:hover[b-0gm8pnrncm] {
    background: #eef6fd;
    text-decoration: none;
}

.pai-esc-admin-alert[b-0gm8pnrncm],
.pai-esc-admin-empty[b-0gm8pnrncm],
.pai-esc-admin-note[b-0gm8pnrncm] {
    border: 1px solid #c8d6e3;
    border-radius: 5px;
    padding: 10px 12px;
    margin-bottom: 12px;
    font-size: 0.82rem;
    font-weight: 700;
}

.pai-esc-admin-alert.success[b-0gm8pnrncm] {
    background: #eefaf3;
    border-color: #b8e4c8;
    color: #17633d;
}

.pai-esc-admin-alert.error[b-0gm8pnrncm] {
    background: #fff1f2;
    border-color: #fecdd3;
    color: #9f1239;
}

.pai-esc-admin-note.warning[b-0gm8pnrncm] {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #9a3412;
}

.pai-esc-admin-status-panel[b-0gm8pnrncm],
.pai-esc-admin-panel[b-0gm8pnrncm] {
    border: 1px solid #d8e2ec;
    border-radius: 6px;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.pai-esc-admin-status-pill[b-0gm8pnrncm] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    border-radius: 999px;
    padding: 0 11px;
    font-size: 0.72rem;
    font-weight: 800;
    white-space: nowrap;
}

.pai-esc-admin-status-pill.ready[b-0gm8pnrncm] {
    background: #e8f7ed;
    color: #17633d;
}

.pai-esc-admin-status-pill.warning[b-0gm8pnrncm] {
    background: #fff7ed;
    color: #9a3412;
}

.pai-esc-admin-status-pill.blocking[b-0gm8pnrncm] {
    background: #fff1f2;
    color: #9f1239;
}

.pai-esc-admin-grid[b-0gm8pnrncm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
}

.pai-esc-admin-panel[b-0gm8pnrncm] {
    margin-bottom: 12px;
}

.pai-esc-admin-panel-title[b-0gm8pnrncm] {
    font-size: 1rem;
    font-weight: 800;
    margin-bottom: 2px;
}

.pai-esc-admin-form-grid[b-0gm8pnrncm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 10px 12px;
    margin-top: 12px;
}

.pai-esc-admin-form-grid label[b-0gm8pnrncm] {
    display: grid;
    gap: 4px;
    color: #465463;
    font-size: 0.74rem;
    font-weight: 800;
}

.pai-esc-admin-form-grid input[b-0gm8pnrncm],
.pai-esc-admin-form-grid select[b-0gm8pnrncm] {
    min-height: 32px;
    border: 1px solid #cfd8e3;
    border-radius: 5px;
    background: #ffffff;
    color: #17283b;
    padding: 0 9px;
    font: 600 0.78rem/1.2 "Poppins", "Segoe UI", sans-serif;
}

.pai-esc-admin-check[b-0gm8pnrncm] {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    color: #26384a !important;
}

.pai-esc-admin-check input[b-0gm8pnrncm] {
    min-height: auto;
    width: 15px;
    height: 15px;
    padding: 0;
}

.pai-esc-admin-readiness-list[b-0gm8pnrncm],
.pai-esc-admin-instruction-grid[b-0gm8pnrncm] {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.pai-esc-admin-readiness-row[b-0gm8pnrncm],
.pai-esc-admin-instruction-grid div[b-0gm8pnrncm] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    background: #fbfdff;
    padding: 9px 10px;
    font-size: 0.78rem;
}

.pai-esc-admin-readiness-row.ready strong[b-0gm8pnrncm] {
    color: #17633d;
}

.pai-esc-admin-readiness-row.warning strong[b-0gm8pnrncm] {
    color: #9a3412;
}

.pai-esc-admin-readiness-row.blocking strong[b-0gm8pnrncm] {
    color: #9f1239;
}

.pai-esc-admin-instruction-grid strong[b-0gm8pnrncm] {
    color: #17283b;
}

.pai-esc-admin-instruction-grid span[b-0gm8pnrncm],
.pai-esc-admin-readiness-row span[b-0gm8pnrncm] {
    color: #526173;
}

@media (max-width: 980px) {
    .pai-esc-admin-grid[b-0gm8pnrncm],
    .pai-esc-admin-form-grid[b-0gm8pnrncm] {
        grid-template-columns: 1fr;
    }

    .pai-esc-admin-header[b-0gm8pnrncm],
    .pai-esc-admin-status-panel[b-0gm8pnrncm],
    .pai-esc-admin-footer[b-0gm8pnrncm] {
        flex-direction: column;
    }
}
/* /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] {
    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: 1320px;
    border-collapse: collapse;
    table-layout: fixed;
    color: #172530;
    background: #ffffff;
    font-size: 0.66rem;
}

.process-col-week-ending[b-wjunl1jw08] {
    width: 125px;
}

.process-col-work-week[b-wjunl1jw08] {
    width: 150px;
}

.process-col-pay-date[b-wjunl1jw08] {
    width: 118px;
}

.process-col-count[b-wjunl1jw08],
.process-col-clients[b-wjunl1jw08],
.process-col-invoices[b-wjunl1jw08] {
    width: 84px;
}

.process-col-employees[b-wjunl1jw08] {
    width: 102px;
}

.process-col-money[b-wjunl1jw08] {
    width: 116px;
}

.process-col-status[b-wjunl1jw08] {
    width: 140px;
}

.process-table th[b-wjunl1jw08],
.process-table td[b-wjunl1jw08] {
    height: 30px;
    border-right: 1px solid #e3e8ed;
    border-bottom: 1px solid #e4e9ee;
    padding: 3px 4px;
    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;
    line-height: 1.15;
}

.process-table .numeric[b-wjunl1jw08] {
    text-align: right;
}

.process-filter-row th[b-wjunl1jw08] {
    height: 50px;
    padding: 3px 4px;
    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: 4px;
    padding: 0 5px;
}

.process-table tbody tr.current-week[b-wjunl1jw08] {
    background: #f7fbfe;
}

.process-table tbody tr:hover[b-wjunl1jw08] {
    background: #edf6fb;
}

.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;
    font-weight: 700;
}

@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: 1320px;
    }
}
/* /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: 104px;
    display: grid;
    gap: 14px;
    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: 6px;
    box-sizing: border-box;
    margin: -18px -14px 0;
    padding: 18px 28px 9px;
    border: 0;
    border-bottom: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.prep-sticky-header[b-e29o3b2hkk]::before {
    content: "";
    position: absolute;
    top: -60px;
    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: 0.98rem;
    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;
    grid-template-columns: auto minmax(150px, 320px);
    gap: 10px;
    align-items: center;
    width: min(620px, 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-instruction-grid span[b-e29o3b2hkk] {
    display: block;
    color: #60717b;
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.prep-process-workspace[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(130px, 12%) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    margin-top: 10px;
}

.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-instruction-box[b-e29o3b2hkk] {
    margin: 8px 0 12px;
    border: 1px solid #d9e2e8;
    background: #f9fbfc;
}

.prep-instruction-box > summary[b-e29o3b2hkk] {
    min-height: 28px;
    padding: 7px 10px;
    color: #17445c;
    font-size: 0.68rem;
    font-weight: 800;
    cursor: pointer;
}

.prep-instruction-grid[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1px;
    border-top: 1px solid #d9e2e8;
    background: #d9e2e8;
}

.prep-instruction-grid > div[b-e29o3b2hkk] {
    min-width: 0;
    background: #ffffff;
    padding: 8px 10px;
}

.prep-instruction-grid p[b-e29o3b2hkk] {
    margin: 3px 0 0;
    color: #243845;
    font-size: 0.68rem;
    line-height: 1.35;
}

.prep-section-completion-row[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    margin: 10px 0 12px;
    border: 1px solid #dce3e8;
    background: #f8fafb;
    padding: 10px 12px;
}

.prep-section-completion-row h3[b-e29o3b2hkk] {
    margin: 0;
    color: #172d3b;
    font-size: 0.8rem;
}

.prep-section-completion-row p[b-e29o3b2hkk] {
    margin: 3px 0 0;
    color: #52636e;
    font-size: 0.68rem;
}

.prep-section-title[b-e29o3b2hkk] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.prep-workflow-report-list[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 0 58px;
    margin-top: 12px;
}

.prep-workflow-report-column[b-e29o3b2hkk] {
    display: grid;
    align-content: start;
}

.prep-workflow-report-item[b-e29o3b2hkk] {
    min-width: 0;
    border-bottom: 1px solid #cfd8df;
    padding: 7px 0 8px;
}

.prep-workflow-report-item.not-required[b-e29o3b2hkk],
.prep-workflow-report-item.not-configured[b-e29o3b2hkk] {
    color: #6d7c86;
}

.prep-workflow-report-main[b-e29o3b2hkk] {
    display: flex;
    min-width: 0;
    align-items: flex-start;
    gap: 3px;
}

.prep-workflow-report-link[b-e29o3b2hkk] {
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--prep-blue);
    cursor: pointer;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1.25;
    padding: 0;
    text-align: left;
}

.prep-workflow-report-link:hover:not(:disabled)[b-e29o3b2hkk],
.prep-workflow-report-link:focus-visible:not(:disabled)[b-e29o3b2hkk],
.prep-report-subaction:hover:not(:disabled)[b-e29o3b2hkk],
.prep-report-subaction:focus-visible:not(:disabled)[b-e29o3b2hkk] {
    color: var(--prep-blue-dark);
    text-decoration: underline;
}

.prep-workflow-report-link:disabled[b-e29o3b2hkk],
.prep-report-subaction:disabled[b-e29o3b2hkk] {
    color: #8f9ca7;
    cursor: not-allowed;
    text-decoration: none;
}

.prep-report-info-shell[b-e29o3b2hkk] {
    position: relative;
    display: inline-flex;
    flex: 0 0 auto;
    justify-content: center;
    align-self: flex-start;
    margin-top: 1px;
}

.prep-report-info-button[b-e29o3b2hkk] {
    display: inline-flex;
    width: 12px;
    height: 12px;
    align-items: center;
    justify-content: center;
    border: 1px solid #9db4c3;
    border-radius: 50%;
    background: #ffffff;
    color: #006aae;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.48rem;
    font-weight: 900;
    line-height: 1;
    cursor: help;
    padding: 0;
    transform: translateY(-1px);
}

.prep-report-info-button:hover[b-e29o3b2hkk],
.prep-report-info-button:focus-visible[b-e29o3b2hkk] {
    border-color: #0071bc;
    background: #eef7fc;
    outline: none;
}

.prep-report-info-tooltip[b-e29o3b2hkk] {
    position: absolute;
    left: 0;
    bottom: calc(100% + 8px);
    z-index: 5000;
    display: none;
    width: min(500px, calc(100vw - 80px));
    max-width: 500px;
    border: 1px solid #b8c7d1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(18, 43, 56, 0.18);
    color: #223946;
    padding: 9px 11px;
    text-align: left;
    white-space: pre-line;
    font-size: 0.66rem;
    font-weight: 500;
    line-height: 1.35;
}

.prep-report-info-shell:hover .prep-report-info-tooltip[b-e29o3b2hkk],
.prep-report-info-button:focus-visible + .prep-report-info-tooltip[b-e29o3b2hkk] {
    display: block;
}

.prep-workflow-report-column:last-child .prep-report-info-tooltip[b-e29o3b2hkk] {
    right: 0;
    left: auto;
}

.prep-section-info-tooltip[b-e29o3b2hkk] {
    left: 0;
}

.prep-section-info-shell[b-e29o3b2hkk] {
    margin-top: 4px;
}

.prep-section-info-button[b-e29o3b2hkk] {
    width: 13px;
    height: 13px;
    font-size: 0.5rem;
    transform: none;
}

.prep-download-toast[b-e29o3b2hkk] {
    position: fixed;
    right: 22px;
    bottom: 22px;
    z-index: 6000;
    display: grid;
    gap: 9px;
    width: min(320px, calc(100vw - 32px));
    border: 1px solid #a9c0cf;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(18, 43, 56, 0.22);
    padding: 12px 14px;
}

.prep-download-text[b-e29o3b2hkk] {
    display: grid;
    gap: 2px;
}

.prep-download-text strong[b-e29o3b2hkk] {
    color: #122b38;
    font-size: 0.76rem;
    font-weight: 800;
}

.prep-download-text span[b-e29o3b2hkk] {
    color: #425865;
    font-size: 0.68rem;
    font-weight: 600;
    line-height: 1.3;
    word-break: break-word;
}

.prep-download-bar[b-e29o3b2hkk] {
    height: 6px;
    overflow: hidden;
    border-radius: 999px;
    background: #dce8ef;
}

.prep-download-bar span[b-e29o3b2hkk] {
    display: block;
    width: 45%;
    height: 100%;
    border-radius: inherit;
    background: var(--prep-blue);
    animation: prep-download-progress-b-e29o3b2hkk 1.15s ease-in-out infinite;
}

@keyframes prep-download-progress-b-e29o3b2hkk {
    0% {
        transform: translateX(-110%);
    }

    55% {
        transform: translateX(80%);
    }

    100% {
        transform: translateX(240%);
    }
}

.prep-card-status[b-e29o3b2hkk] {
    display: block;
    margin-top: 2px;
    color: #172d3b;
    font-size: 0.74rem;
    font-weight: 500;
    line-height: 1.25;
    text-transform: none;
    white-space: normal;
}

.prep-card-status.ready[b-e29o3b2hkk] {
    color: #172d3b;
}

.prep-card-status.warning[b-e29o3b2hkk] {
    color: #82520b;
}

.prep-card-status.neutral[b-e29o3b2hkk] {
    color: #51636f;
}

.prep-report-subactions[b-e29o3b2hkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    align-items: center;
    margin-top: 3px;
}

.prep-report-subaction[b-e29o3b2hkk] {
    border: 0;
    background: transparent;
    color: var(--prep-blue);
    cursor: pointer;
    font: inherit;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1.25;
    padding: 0;
    text-align: left;
}

.prep-quarter-link-row[b-e29o3b2hkk] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 12px;
    border-top: 1px solid #e2e8ed;
    padding-top: 10px;
}

.prep-quarter-link-row span[b-e29o3b2hkk] {
    color: #52636e;
    font-size: 0.68rem;
}

.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-action-note[b-e29o3b2hkk] {
    width: min(720px, 100%);
    margin: 0 0 12px;
    padding: 8px 10px;
    border: 1px solid #d9e3ea;
    border-radius: 3px;
    background: #f8fbfb;
    color: #314b5b;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
}

.prep-action-note.warning[b-e29o3b2hkk] {
    border-color: #e6bd79;
    background: #fff7e6;
    color: #815611;
}

.prep-close-open-stack.review-actions[b-e29o3b2hkk] {
    width: min(720px, 100%);
    grid-template-columns: repeat(2, minmax(240px, 1fr));
}

.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-modal-backdrop[b-e29o3b2hkk] {
    position: fixed;
    inset: 0;
    z-index: 300;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 88px 16px 24px;
    background: rgba(15, 30, 42, 0.32);
}

.prep-modal[b-e29o3b2hkk] {
    width: min(720px, 96vw);
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    border: 1px solid #aebbc4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(14, 38, 51, 0.24);
    padding: 16px;
}

.prep-modal.compact[b-e29o3b2hkk] {
    width: min(620px, 96vw);
}

.prep-modal h2[b-e29o3b2hkk] {
    margin: 0 0 8px;
    color: #122b38;
    font-size: 1rem;
    font-weight: 700;
}

.prep-modal p[b-e29o3b2hkk] {
    margin: 0 0 10px;
    color: #314b5b;
    font-size: 0.78rem;
    line-height: 1.45;
}

.prep-modal-summary[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(4, minmax(105px, 1fr));
    gap: 1px;
    margin: 10px 0;
    border: 1px solid #d7e1e8;
    background: #d7e1e8;
}

.prep-modal-summary div[b-e29o3b2hkk] {
    min-width: 0;
    padding: 8px 9px;
    background: #f8fbfb;
}

.prep-modal-summary span[b-e29o3b2hkk] {
    display: block;
    color: #637987;
    font-size: 0.62rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-modal-summary strong[b-e29o3b2hkk] {
    display: block;
    margin-top: 2px;
    color: #122b38;
    font-size: 0.78rem;
    line-height: 1.2;
}

.prep-modal-note[b-e29o3b2hkk] {
    padding: 8px;
    border: 1px solid #d5e0e7;
    background: #f8fbfb;
}

.prep-form-grid[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(2, minmax(200px, 1fr));
    gap: 12px;
}

.prep-form-grid label[b-e29o3b2hkk] {
    display: grid;
    gap: 4px;
    color: #526a70;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.prep-form-grid .wide[b-e29o3b2hkk] {
    grid-column: 1 / -1;
}

.prep-select[b-e29o3b2hkk],
.prep-input[b-e29o3b2hkk],
.prep-textarea[b-e29o3b2hkk] {
    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-static-value[b-e29o3b2hkk] {
    min-height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #f7fafc;
    color: #18343c;
    padding: 0.5rem 0.58rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.prep-textarea[b-e29o3b2hkk] {
    min-height: 82px;
    resize: vertical;
}

.batch-create-grid[b-e29o3b2hkk] {
    align-items: start;
}

.prep-checkbox-field[b-e29o3b2hkk] {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row;
    align-items: center;
    gap: 8px !important;
    min-height: 34px;
    color: #243b47 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.prep-checkbox-field input[b-e29o3b2hkk] {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--prep-blue);
}

.batch-create-preview[b-e29o3b2hkk] {
    margin-top: 12px;
    border: 1px solid var(--prep-line);
    background: #f8fbfd;
}

.batch-create-summary[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    border-bottom: 1px solid var(--prep-line);
}

.batch-create-summary > div[b-e29o3b2hkk] {
    padding: 8px 10px;
    border-right: 1px solid var(--prep-line);
}

.batch-create-summary > div:last-child[b-e29o3b2hkk] {
    border-right: 0;
}

.batch-create-summary span[b-e29o3b2hkk] {
    display: block;
    color: #637980;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.batch-create-summary strong[b-e29o3b2hkk] {
    display: block;
    margin-top: 2px;
    color: #183340;
    font-size: 0.94rem;
}

.batch-create-table-wrap[b-e29o3b2hkk] {
    overflow-x: auto;
}

.batch-create-table[b-e29o3b2hkk] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.batch-create-table th[b-e29o3b2hkk],
.batch-create-table td[b-e29o3b2hkk] {
    padding: 6px 8px;
    border-right: 1px solid var(--prep-line);
    border-bottom: 1px solid var(--prep-line);
    text-align: left;
    white-space: nowrap;
}

.batch-create-table th[b-e29o3b2hkk] {
    background: var(--prep-blue);
    color: #ffffff;
    font-weight: 800;
}

.batch-create-table td.numeric[b-e29o3b2hkk],
.batch-create-table th.numeric[b-e29o3b2hkk] {
    text-align: right;
}

.batch-create-more[b-e29o3b2hkk],
.prep-empty-inline[b-e29o3b2hkk] {
    padding: 7px 8px;
    color: #516a72;
    font-size: 0.74rem;
    font-weight: 600;
}

.prep-modal-choice-grid[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    margin: 10px 0;
}

.prep-modal-check[b-e29o3b2hkk] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px;
    align-items: flex-start;
    border: 1px solid #c7d5df;
    background: #ffffff;
    padding: 8px;
    color: #213642;
    font-size: 0.76rem;
}

.prep-modal-check input[b-e29o3b2hkk] {
    margin-top: 2px;
}

.prep-modal-check strong[b-e29o3b2hkk],
.prep-modal-check small[b-e29o3b2hkk] {
    display: block;
    line-height: 1.25;
}

.prep-modal-check strong[b-e29o3b2hkk] {
    color: #122b38;
    font-size: 0.78rem;
}

.prep-modal-check small[b-e29o3b2hkk] {
    margin-top: 2px;
    color: #60717d;
    font-size: 0.68rem;
    font-weight: 600;
}

.prep-modal-actions[b-e29o3b2hkk] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 12px;
}

.prep-link-stack[b-e29o3b2hkk] {
    display: grid;
    justify-items: start;
    gap: 11px;
    margin-bottom: 13px;
}

.prep-link-stack button[b-e29o3b2hkk] {
    border: 0;
    background: transparent;
    color: var(--prep-blue);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.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] {
    color: var(--prep-blue-dark);
    text-decoration: underline;
}

.prep-button-row[b-e29o3b2hkk] {
    display: flex;
    gap: 9px;
    flex-wrap: wrap;
}

.prep-button-row .prep-process-button[b-e29o3b2hkk] {
    width: 180px;
}

.prep-action-stack[b-e29o3b2hkk] {
    display: grid;
    justify-items: start;
    gap: 9px;
}

.prep-action-stack .prep-process-button[b-e29o3b2hkk] {
    width: 260px;
}

.prep-review-strip[b-e29o3b2hkk] {
    display: grid;
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    gap: 0;
    width: min(920px, 100%);
    border: 1px solid var(--prep-line);
    background: #f7fafc;
    color: #263d4b;
    font-size: 0.72rem;
}

.prep-review-strip span[b-e29o3b2hkk] {
    min-width: 0;
    border-right: 1px solid var(--prep-line);
    padding: 7px 9px;
}

.prep-review-strip span:last-child[b-e29o3b2hkk] {
    border-right: 0;
}

.prep-proof-table-wrap[b-e29o3b2hkk] {
    width: min(980px, 100%);
    overflow-x: auto;
    margin-top: 12px;
    border: 1px solid var(--prep-line);
}

.prep-proof-table[b-e29o3b2hkk] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    color: #203744;
    font-size: 0.72rem;
}

.prep-proof-table th[b-e29o3b2hkk] {
    background: var(--prep-blue);
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.prep-proof-table th[b-e29o3b2hkk],
.prep-proof-table td[b-e29o3b2hkk] {
    border-bottom: 1px solid var(--prep-line);
    padding: 6px 8px;
    vertical-align: top;
}

.prep-proof-table tbody tr:nth-child(even)[b-e29o3b2hkk] {
    background: #f8fbfd;
}

.prep-status-text[b-e29o3b2hkk] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    border: 1px solid #b8c6ce;
    border-radius: 12px;
    padding: 0 10px;
    font-size: 0.7rem;
    font-weight: 800;
}

.prep-status-text.complete[b-e29o3b2hkk] {
    border-color: #b8dfc6;
    background: #eef8f2;
    color: #21683e;
}

.prep-status-text.warning[b-e29o3b2hkk] {
    border-color: #e6bd79;
    background: #fff7e6;
    color: #815611;
}

.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-section-completion-row[b-e29o3b2hkk],
    .prep-instruction-grid[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .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-modal-summary[b-e29o3b2hkk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prep-form-grid[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .batch-create-summary[b-e29o3b2hkk] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .prep-close-open-stack.review-actions[b-e29o3b2hkk],
    .prep-review-strip[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .prep-review-strip span[b-e29o3b2hkk] {
        border-right: 0;
        border-bottom: 1px solid var(--prep-line);
    }

    .prep-review-strip span:last-child[b-e29o3b2hkk] {
        border-bottom: 0;
    }

    .prep-workflow-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-modal-backdrop[b-e29o3b2hkk] {
        align-items: stretch;
        padding: 54px 10px 12px;
    }

    .prep-modal[b-e29o3b2hkk] {
        max-height: calc(100vh - 66px);
    }

    .prep-modal-summary[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .prep-modal-actions[b-e29o3b2hkk] {
        display: grid;
    }

    .batch-create-summary[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
    }

    .batch-create-summary > div[b-e29o3b2hkk] {
        border-right: 0;
        border-bottom: 1px solid var(--prep-line);
    }

    .batch-create-summary > div:last-child[b-e29o3b2hkk] {
        border-bottom: 0;
    }

    .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;
    }

    .prep-workflow-report-list[b-e29o3b2hkk] {
        grid-template-columns: 1fr;
        gap: 0;
    }
}
/* /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-static-value[b-edozyaprhb] {
    min-height: 35px;
    display: flex;
    align-items: center;
    border: 1px solid #b8c8d2;
    border-radius: 2px;
    background: #f7fafc;
    color: #18343c;
    padding: 0.5rem 0.58rem;
    font-size: 0.82rem;
    font-weight: 700;
}

.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-batch-toolbar[b-edozyaprhb] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) repeat(3, minmax(150px, 190px));
    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-batch-toolbar 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-batch-grid-shell[b-edozyaprhb] {
    margin-top: 0;
}

.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-batch-table[b-edozyaprhb] {
    min-width: 1500px;
}

.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-batch-toolbar[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: 28px;
}

.payroll-grid-icon-button[b-edozyaprhb] {
    width: 22px;
    height: 22px;
    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: 16px;
    height: 16px;
    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-batch-table th.payroll-action-col[b-edozyaprhb],
.payroll-batch-table tbody td:first-child[b-edozyaprhb] {
    width: 32px;
    padding-right: 2px;
    padding-left: 2px;
    text-align: center;
}

.payroll-batch-table .payroll-grid-icon-button[b-edozyaprhb] {
    width: 26px;
    height: 26px;
    color: var(--ammon-blue-dark);
}

.payroll-batch-table .payroll-grid-icon-button svg[b-edozyaprhb] {
    width: 20px;
    height: 20px;
}

.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: 2200;
    display: flex;
    justify-content: flex-end;
    background: rgba(15, 23, 42, 0.32);
}

.payroll-flyout-panel[b-edozyaprhb] {
    position: relative;
    z-index: 2201;
    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-note[b-edozyaprhb] {
    margin: 0 0 12px;
    color: #425965;
    font-size: 0.82rem;
    line-height: 1.35;
}

.batch-create-grid[b-edozyaprhb] {
    align-items: start;
}

.prep-checkbox-field[b-edozyaprhb] {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row;
    align-items: center;
    gap: 8px !important;
    min-height: 34px;
    color: #243b47 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-transform: none !important;
}

.prep-checkbox-field input[b-edozyaprhb] {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--ammon-blue);
}

.batch-create-preview[b-edozyaprhb] {
    margin-top: 12px;
    border: 1px solid var(--ammon-line);
    background: #f8fbfd;
}

.batch-create-summary[b-edozyaprhb] {
    display: grid;
    grid-template-columns: repeat(5, minmax(90px, 1fr));
    border-bottom: 1px solid var(--ammon-line);
}

.batch-create-summary > div[b-edozyaprhb] {
    padding: 8px 10px;
    border-right: 1px solid var(--ammon-line);
}

.batch-create-summary > div:last-child[b-edozyaprhb] {
    border-right: 0;
}

.batch-create-summary span[b-edozyaprhb] {
    display: block;
    color: #637980;
    font-size: 0.68rem;
    font-weight: 800;
    text-transform: uppercase;
}

.batch-create-summary strong[b-edozyaprhb] {
    display: block;
    margin-top: 2px;
    color: #183340;
    font-size: 0.94rem;
}

.batch-create-table-wrap[b-edozyaprhb] {
    overflow-x: auto;
}

.batch-create-table[b-edozyaprhb] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.batch-create-table th[b-edozyaprhb],
.batch-create-table td[b-edozyaprhb] {
    padding: 6px 8px;
    border-right: 1px solid var(--ammon-line);
    border-bottom: 1px solid var(--ammon-line);
    text-align: left;
    white-space: nowrap;
}

.batch-create-table th[b-edozyaprhb] {
    background: var(--ammon-blue);
    color: #ffffff;
    font-weight: 800;
}

.batch-create-table td.numeric[b-edozyaprhb],
.batch-create-table th.numeric[b-edozyaprhb] {
    text-align: right;
}

.batch-create-more[b-edozyaprhb] {
    padding: 6px 8px;
    color: #516a72;
    font-size: 0.74rem;
}

.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],
    .payroll-batch-toolbar[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],
    .batch-create-summary[b-edozyaprhb] {
        grid-template-columns: 1fr;
    }

    .batch-create-summary > div[b-edozyaprhb] {
        border-right: 0;
    }

    .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-setup-note[b-eaxbcruskw] {
    margin: -4px 0 12px 0;
    padding: 8px 10px;
    border: 1px solid #d7e0ea;
    background: #f7f9fb;
    color: #334150;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.25;
}

.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-proof-exception-note[b-rg17ztv1z6] {
    margin-top: 3px;
    color: #8a5b0f;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.25;
}

.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;
    overflow: hidden;
}

.office-profile-avatar[b-ebci7rzmgi] {
    width: 108px;
    height: 108px;
    font-size: 2rem;
}

.office-profile-avatar-button[b-ebci7rzmgi],
.office-profile-photo-button[b-ebci7rzmgi] {
    padding: 0;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.office-profile-avatar-button:hover[b-ebci7rzmgi],
.office-profile-avatar-button:focus-visible[b-ebci7rzmgi],
.office-profile-photo-button:hover[b-ebci7rzmgi],
.office-profile-photo-button:focus-visible[b-ebci7rzmgi] {
    border-color: #0d78bf;
    box-shadow: 0 0 0 4px rgba(13, 120, 191, 0.14);
    outline: none;
}

.office-profile-avatar img[b-ebci7rzmgi],
.office-profile-photo-preview img[b-ebci7rzmgi],
.office-profile-photo-empty-profile img[b-ebci7rzmgi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.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.secondary[b-ebci7rzmgi] {
    background: #ffffff;
    color: #30475d;
}

.office-profile-button.save[b-ebci7rzmgi] {
    border-color: #0785bf;
    background: #0aa0c9;
    color: #ffffff;
    font-size: 0.9rem;
}

.office-profile-button.delete[b-ebci7rzmgi] {
    border-color: #b7c3ce;
    color: #8b3440;
}

.office-profile-button.compact[b-ebci7rzmgi] {
    min-height: 30px;
    width: 100%;
}

.office-profile-button:hover:not(:disabled)[b-ebci7rzmgi],
.office-profile-button:focus-visible[b-ebci7rzmgi] {
    border-color: #0b77bd;
    background: #eef6fc;
    color: #0b5792;
    outline: none;
}

.office-profile-button.save:hover[b-ebci7rzmgi],
.office-profile-button.save:focus-visible[b-ebci7rzmgi] {
    background: #087fa4;
    color: #ffffff;
}

.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;
}

.office-profile-photo-modal-backdrop[b-ebci7rzmgi] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(25, 34, 45, 0.48);
}

.office-profile-photo-modal[b-ebci7rzmgi] {
    width: min(900px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid #cfd9e3;
    background: #ffffff;
    box-shadow: 0 22px 54px rgba(12, 23, 36, 0.24);
}

.office-profile-photo-modal-header[b-ebci7rzmgi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid #d9e3ec;
    background: #ffffff;
}

.office-profile-photo-modal-title[b-ebci7rzmgi] {
    color: #263442;
    font-size: 0.98rem;
    font-weight: 800;
    line-height: 1.2;
}

.office-profile-icon-button[b-ebci7rzmgi] {
    width: 34px;
    height: 34px;
    border: 1px solid #ccd8e4;
    border-radius: 5px;
    background: #ffffff;
    color: #465b70;
    font-size: 1rem;
    font-weight: 800;
    cursor: pointer;
}

.office-profile-icon-button:hover[b-ebci7rzmgi],
.office-profile-icon-button:focus-visible[b-ebci7rzmgi] {
    border-color: #0b77bd;
    color: #0b5792;
    outline: none;
}

.office-profile-photo-validation[b-ebci7rzmgi] {
    margin: 10px 12px 0;
}

.office-profile-photo-crop-shell[b-ebci7rzmgi] {
    min-height: 0;
    overflow: auto;
    padding: 12px;
    background: #f5f8fb;
}

.office-profile-photo-crop-grid[b-ebci7rzmgi] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 202px;
    gap: 18px;
    align-items: start;
}

.office-profile-photo-crop-stage[b-ebci7rzmgi] {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border: 1px solid #aebdca;
    background: #182737;
    touch-action: none;
    cursor: grab;
    user-select: none;
}

.office-profile-photo-crop-stage:active[b-ebci7rzmgi] {
    cursor: grabbing;
}

.office-profile-photo-crop-stage img[b-ebci7rzmgi] {
    position: absolute;
    inset: 0 auto auto 0;
    max-width: none;
    max-height: none;
    pointer-events: none;
    user-select: none;
}

.office-profile-photo-crop-stage[b-ebci7rzmgi]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 75%;
    height: 100%;
    transform: translateX(-50%);
    border: 3px solid rgba(20, 146, 214, 0.9);
    border-radius: 50%;
    box-shadow: 0 0 0 999px rgba(10, 24, 38, 0.16);
    pointer-events: none;
    z-index: 2;
}

.office-profile-photo-crop-controls[b-ebci7rzmgi] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid #d5e0ea;
    background: #ffffff;
}

.office-profile-photo-crop-controls label[b-ebci7rzmgi] {
    display: grid;
    gap: 7px;
    color: #425469;
    font-size: 0.72rem;
    font-weight: 800;
}

.office-profile-photo-crop-controls input[type="range"][b-ebci7rzmgi] {
    width: 100%;
}

.office-profile-photo-control-note[b-ebci7rzmgi] {
    color: #5f7183;
    font-size: 0.72rem;
    line-height: 1.3;
}

.office-profile-photo-empty-shell[b-ebci7rzmgi] {
    min-height: 330px;
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    padding: 24px;
    background: #f5f8fb;
}

.office-profile-photo-empty-profile[b-ebci7rzmgi] {
    position: relative;
    width: 190px;
    height: 190px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    overflow: hidden;
    border: 4px solid #d4e2ee;
    border-radius: 50%;
    background: linear-gradient(180deg, #dce5ee 0%, #cfd9e4 100%);
    color: #33485b;
    font-size: 3rem;
    font-weight: 800;
}

.office-profile-photo-preview-pencil[b-ebci7rzmgi] {
    position: absolute;
    right: 16px;
    bottom: 16px;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0a74b8;
    border-radius: 50%;
    background: #ffffff;
    color: #0a64a0;
    font-size: 1.05rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(24, 42, 60, 0.24);
}

.office-profile-photo-preview-pencil:hover[b-ebci7rzmgi],
.office-profile-photo-preview-pencil:focus-visible[b-ebci7rzmgi] {
    background: #eaf6fd;
    outline: none;
}

.office-profile-photo-help-card[b-ebci7rzmgi] {
    display: grid;
    gap: 8px;
}

.office-profile-photo-help-title[b-ebci7rzmgi] {
    color: #263442;
    font-size: 1rem;
    font-weight: 800;
}

.office-profile-photo-help-text[b-ebci7rzmgi] {
    max-width: 460px;
    color: #5d6f81;
    font-size: 0.78rem;
    line-height: 1.4;
}

.office-profile-photo-requirement-grid[b-ebci7rzmgi] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.office-profile-photo-requirement-grid span[b-ebci7rzmgi] {
    border: 1px solid #d2dee8;
    border-radius: 4px;
    background: #ffffff;
    color: #33485b;
    padding: 5px 8px;
    font-size: 0.68rem;
    font-weight: 800;
}

.office-profile-photo-modal-actions[b-ebci7rzmgi] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #d9e3ec;
    background: #ffffff;
}

.office-profile-photo-filename[b-ebci7rzmgi] {
    min-width: 0;
    max-width: 300px;
    overflow: hidden;
    color: #526578;
    font-size: 0.72rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-profile-photo-upload-button[b-ebci7rzmgi] {
    position: relative;
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #0b77bd;
    border-radius: 4px;
    background: #ffffff;
    color: #0b63a0;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
    overflow: hidden;
}

.office-profile-photo-upload-button:hover[b-ebci7rzmgi],
.office-profile-photo-upload-button:focus-within[b-ebci7rzmgi] {
    background: #eef6fc;
}

.office-profile-photo-upload-button input[b-ebci7rzmgi],
.office-profile-photo-upload-button[b-ebci7rzmgi] (.office-profile-photo-file-input),
[b-ebci7rzmgi](.office-profile-photo-file-input) {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

@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;
    }

    .office-profile-photo-crop-grid[b-ebci7rzmgi],
    .office-profile-photo-empty-shell[b-ebci7rzmgi] {
        grid-template-columns: 1fr;
    }

    .office-profile-photo-crop-controls[b-ebci7rzmgi] {
        order: -1;
    }
}

@media (max-width: 640px) {
    .office-profile-panel-header[b-ebci7rzmgi],
    .office-profile-action-row[b-ebci7rzmgi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .office-profile-photo-modal-backdrop[b-ebci7rzmgi] {
        padding: 10px;
        align-items: stretch;
    }

    .office-profile-photo-modal[b-ebci7rzmgi] {
        width: 100%;
        max-height: calc(100vh - 20px);
    }

    .office-profile-photo-modal-actions[b-ebci7rzmgi] {
        align-items: stretch;
        flex-direction: column;
    }

    .office-profile-photo-upload-button[b-ebci7rzmgi],
    .office-profile-button.save[b-ebci7rzmgi],
    .office-profile-button.delete[b-ebci7rzmgi] {
        width: 100%;
    }

    .office-profile-photo-filename[b-ebci7rzmgi] {
        max-width: 100%;
    }
}
/* /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-page[b-oublkok3aj] {
    padding: 12px 16px;
}

.registration-search-input[b-oublkok3aj] {
    min-width: 280px;
    height: 30px;
    border: 1px solid #c5d2dc;
    border-radius: 2px;
    padding: 0 9px;
    color: #233445;
    font-size: 0.74rem;
    font-weight: 600;
}

.registration-action-button[b-oublkok3aj] {
    border: 1px solid #b8c8d2;
    background: #ffffff;
    color: #344b58;
}

.registration-action-button.search[b-oublkok3aj] {
    border-color: #0d7fc3;
    background: #0d7fc3;
    color: #ffffff;
}

.registration-action-button.clear[b-oublkok3aj] {
    border-color: #b8c8d2;
    background: #ffffff;
    color: #334554;
}

.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-top: #3c3b4f;
    --schedule-rail: #ebe9ed;
    --schedule-line: #e6e2e8;
    --schedule-text: #242331;
    --schedule-muted: #6e6a78;
    --schedule-purple: #8f6eba;
    --schedule-pink: #ca6d9b;
    --schedule-blue: #6689d7;
    --schedule-empty: #ffffff;
    --schedule-partial: #e8e3f3;
    --schedule-filled: #e0f6ee;
    --schedule-risk: #f7e7e9;
    --schedule-risk-text: #bd5364;
    --schedule-filled-text: #2da37b;
    --schedule-partial-text: #7857ab;
    height: calc(100vh - 118px);
    min-height: 620px;
    margin: -18px -14px -14px;
    display: flex;
    overflow: hidden;
    background: #f8f7f9;
    color: var(--schedule-text);
}

/* Scheduling reference pass 3: tighter Viventium-style controls and staff breakdown. */
.schedule-top-tabs[b-6gkpjbek7l] {
    position: relative;
    border-bottom: 0;
}

.schedule-top-tabs[b-6gkpjbek7l]::after {
    left: 24px;
    right: 36px;
    bottom: 0;
}

.schedule-top-tab[b-6gkpjbek7l] {
    font-size: 0.71rem;
    font-weight: 600;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 20px;
    height: 17px;
    border: 0;
    background: none;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 4px;
    right: 0;
    top: 2px;
    height: 1.35px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 2px;
    height: 1.35px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 19px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 1.3px solid currentColor;
    border-radius: 999px;
    box-shadow: 4px 8px 0 -4px currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    content: "+";
    position: absolute;
    right: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    border: 1.3px solid currentColor;
    border-radius: 2px;
    background: #ffffff;
    color: currentColor;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    font-weight: 600;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 4px;
}

.schedule-request-only-row[b-6gkpjbek7l] {
    min-height: 58px;
    justify-content: space-between;
    padding-bottom: 12px;
}

.schedule-request-log-control[b-6gkpjbek7l] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #514d5a;
    font-size: 0.82rem;
    font-weight: 500;
}

.schedule-request-log-toggle[b-6gkpjbek7l] {
    width: 54px;
    height: 26px;
    border: 1px solid #ded9e4;
    border-radius: 999px;
    background: #f2eff4;
    color: #7d7785;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px;
    font-size: 0.72rem;
    font-weight: 500;
    cursor: pointer;
}

.schedule-request-log-toggle[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
}

.schedule-request-log-toggle.active[b-6gkpjbek7l] {
    justify-content: flex-start;
    background: #efe8f8;
    border-color: #c7b4de;
    color: #76599b;
}

.schedule-filter-popover.request-mode[b-6gkpjbek7l] {
    left: 24px;
    top: 106px;
}

.schedule-week-header[b-6gkpjbek7l],
.schedule-coverage-board[b-6gkpjbek7l],
.schedule-list-workspace[b-6gkpjbek7l],
.schedule-grid-wrap[b-6gkpjbek7l],
.schedule-coverage-grid[b-6gkpjbek7l] {
    min-width: 0;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l],
.schedule-tab-icon.list[b-6gkpjbek7l],
.schedule-tab-icon.requests[b-6gkpjbek7l],
.schedule-filter-icon[b-6gkpjbek7l],
.schedule-view-stack[b-6gkpjbek7l] {
    border: 0 !important;
    box-shadow: none !important;
    background: currentColor !important;
    transform: none !important;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l]::before,
.schedule-tab-icon.calendar[b-6gkpjbek7l]::after,
.schedule-tab-icon.list[b-6gkpjbek7l]::before,
.schedule-tab-icon.list[b-6gkpjbek7l]::after,
.schedule-tab-icon.requests[b-6gkpjbek7l]::before,
.schedule-tab-icon.requests[b-6gkpjbek7l]::after,
.schedule-filter-icon[b-6gkpjbek7l]::before,
.schedule-filter-icon[b-6gkpjbek7l]::after,
.schedule-view-stack[b-6gkpjbek7l]::before,
.schedule-view-stack[b-6gkpjbek7l]::after {
    display: none !important;
    content: none !important;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M7%203v4M17%203v4M4%208h16M5%205h14v16H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 20px;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20d='M5%206.5h14M5%2012h14M5%2017.5h14'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 20px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.65'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M8.5%2010.5a3.3%203.3%200%201%200%200-6.6%203.3%203.3%200%200%200%200%206.6ZM2.8%2020c.7-4%202.9-6.1%205.7-6.1s5%202.1%205.7%206.1M15%204.5h6v6h-6zM18%206.2v2.6M16.7%207.5h2.6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M3.5%205h17L14%2012.6v5.2l-4%201.8v-7L3.5%205z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'%20d='M3.5%205h17L14%2012.6v5.2l-4%201.8v-7L3.5%205z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-view-stack[b-6gkpjbek7l] {
    width: 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20d='M6%206.5h12M6%2012h12M6%2017.5h12'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='none'%20stroke='black'%20stroke-width='2'%20stroke-linecap='round'%20d='M6%206.5h12M6%2012h12M6%2017.5h12'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-week-header[b-6gkpjbek7l] {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.schedule-week-header[b-6gkpjbek7l]::after {
    display: none !important;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l],
.schedule-day-header.active[b-6gkpjbek7l] {
    border-bottom: 0 !important;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    box-shadow: inset 0 -2px 0 #8f6eba !important;
}

.schedule-week-header[b-6gkpjbek7l] {
    position: relative;
}

.schedule-week-header[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #ffffff;
    z-index: 3;
    pointer-events: none;
}

.schedule-day-header[b-6gkpjbek7l] {
    position: relative;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    box-shadow: none !important;
}

.schedule-day-header.active[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #8f6eba;
    z-index: 4;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 22px;
    height: 18px;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 24px;
    height: 21px;
}

.material-schedule-icon[b-6gkpjbek7l] {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga";
    font-variation-settings:
        "FILL" 0,
        "wght" 300,
        "GRAD" 0,
        "opsz" 24;
}

.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l],
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l],
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l] {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: currentColor;
}

.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l]::after,
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l]::after,
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l]::after {
    display: none !important;
    content: none !important;
}

.schedule-tab-icon.material-schedule-icon.calendar[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.schedule-tab-icon.material-schedule-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 22px;
    font-size: 21px;
}

.schedule-view-person.material-schedule-icon[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
    font-size: 19px;
}

.schedule-action-icon.material-schedule-icon.create[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    font-size: 21px;
}

.schedule-action-icon.material-schedule-icon.bulk[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    font-size: 21px;
}

.schedule-tab-icon.open-shifts[b-6gkpjbek7l] {
    width: 22px;
    height: 20px;
    border: 0 !important;
    box-shadow: none !important;
    background: currentColor !important;
    transform: rotate(180deg);
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.45'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%202h10M5%206h14'/%3E%3Crect%20width='18'%20height='12'%20x='3'%20y='10'%20rx='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.45'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%202h10M5%206h14'/%3E%3Crect%20width='18'%20height='12'%20x='3'%20y='10'%20rx='2'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-tab-icon.open-shifts[b-6gkpjbek7l]::before,
.schedule-tab-icon.open-shifts[b-6gkpjbek7l]::after {
    display: none !important;
    content: none !important;
}

.schedule-square-button[b-6gkpjbek7l],
.schedule-filter-toggle[b-6gkpjbek7l],
.schedule-view-icon[b-6gkpjbek7l],
.schedule-publish-button[b-6gkpjbek7l] {
    height: 34px;
    min-height: 34px;
}

.schedule-date-step[b-6gkpjbek7l] {
    width: 34px;
    flex-basis: 34px;
}

.schedule-date-field[b-6gkpjbek7l] {
    min-width: 246px;
    height: 34px;
    min-height: 34px;
    font-size: 0.78rem;
    font-weight: 500;
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    min-width: 122px;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    position: relative;
    width: 14px;
    height: 14px;
    border: 0;
    transform: none;
}

.schedule-filter-icon[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border: 1.35px solid currentColor;
    border-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 61% 100%, 39% 100%);
}

.schedule-filter-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 1.5px;
    height: 4px;
    background: currentColor;
}

.schedule-mode-toggle[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    border: 1px solid #d9d5df;
    margin-left: 2px;
}

.schedule-mode-toggle .schedule-view-icon[b-6gkpjbek7l] {
    border: 0;
    border-right: 1px solid #d9d5df;
}

.schedule-mode-toggle .schedule-view-icon:last-child[b-6gkpjbek7l] {
    border-right: 0;
}

.schedule-view-icon[b-6gkpjbek7l] {
    width: 34px;
    border-radius: 0;
    font-weight: 500;
}

.schedule-view-icon:focus[b-6gkpjbek7l] {
    outline: 0;
}

.schedule-view-icon:focus-visible[b-6gkpjbek7l] {
    box-shadow: inset 0 0 0 2px rgba(143, 110, 186, 0.34);
}

.schedule-view-icon.active[b-6gkpjbek7l] {
    background: #8f6eba;
    color: #ffffff;
}

.schedule-view-stack[b-6gkpjbek7l],
.schedule-view-lines[b-6gkpjbek7l] {
    color: currentColor;
}

.schedule-view-stack[b-6gkpjbek7l] {
    width: 16px;
    height: 14px;
    background:
        linear-gradient(currentColor, currentColor) left 2px top 2px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 2px top 7px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 2px top 12px / 12px 1.5px no-repeat;
}

.schedule-view-stack[b-6gkpjbek7l]::before,
.schedule-view-stack[b-6gkpjbek7l]::after {
    display: none;
}

.schedule-view-person[b-6gkpjbek7l],
.schedule-view-calendar[b-6gkpjbek7l] {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    color: currentColor;
}

.schedule-view-person[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 6px;
    border: 1.4px solid currentColor;
    border-radius: 999px;
}

.schedule-view-person[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 2px;
    height: 7px;
    border: 1.4px solid currentColor;
    border-radius: 7px 7px 2px 2px;
}

.schedule-view-calendar[b-6gkpjbek7l] {
    border: 1.35px solid currentColor;
    border-radius: 2px;
}

.schedule-view-calendar[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 5px;
    border-top: 1.35px solid currentColor;
}

.schedule-view-calendar[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: -2px;
    width: 7px;
    border-top: 1.35px solid currentColor;
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 0;
}

.schedule-joined-actions[b-6gkpjbek7l] {
    margin-right: 7px;
}

.schedule-report-wrap[b-6gkpjbek7l] {
    margin-left: 0;
    margin-right: 9px;
}

.schedule-publish-button[b-6gkpjbek7l] {
    margin-left: 0;
    padding: 0 18px;
    font-size: 0.76rem;
    font-weight: 650;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    border-bottom: 0;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    border-bottom: 0;
    box-shadow: inset 0 -2px 0 #8f6eba;
}

.schedule-section-heading h1[b-6gkpjbek7l] {
    font-size: 1rem;
    font-weight: 650;
}

.schedule-section-heading p[b-6gkpjbek7l],
.schedule-legend[b-6gkpjbek7l],
.schedule-group-meta[b-6gkpjbek7l],
.schedule-request-board[b-6gkpjbek7l] {
    font-size: 0.75rem;
}

.schedule-request-section-title[b-6gkpjbek7l] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 10px;
    color: #1f1b2e;
}

.schedule-request-section-title:not(:first-child)[b-6gkpjbek7l] {
    margin-top: 18px;
}

.schedule-request-section-title strong[b-6gkpjbek7l] {
    font-size: 0.9rem;
    font-weight: 750;
}

.schedule-request-section-title span[b-6gkpjbek7l] {
    color: #6d6673;
    font-size: 0.72rem;
    font-weight: 550;
}

.schedule-request-shift.portal-request[b-6gkpjbek7l] {
    border-left: 3px solid #8f6eba;
}

.schedule-request-avatar.client[b-6gkpjbek7l] {
    border: 1px solid #d8d2df;
    background: #f4eef9;
    color: #6f518f;
    font-size: 0.66rem;
}

.schedule-request-candidate-row.portal-request-row[b-6gkpjbek7l] {
    grid-template-columns: 34px minmax(180px, 1fr) 74px 78px minmax(120px, 1fr) 140px 150px;
}

.schedule-position-cell[b-6gkpjbek7l],
.schedule-coverage-slot[b-6gkpjbek7l] {
    min-height: 34px;
}

.schedule-position-pill[b-6gkpjbek7l] {
    min-height: 22px;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 650;
}

.schedule-coverage-board:not(.expanded) .schedule-coverage-slot[b-6gkpjbek7l] {
    align-items: center;
    padding: 4px;
}

.schedule-coverage-board:not(.expanded) .schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 26px;
    height: 26px;
    padding: 3px 6px;
    align-self: center;
    border-radius: 3px;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-hours[b-6gkpjbek7l] {
    font-size: 0.68rem;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-status-dot[b-6gkpjbek7l] {
    width: 6px;
    height: 6px;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-badge[b-6gkpjbek7l] {
    min-width: 15px;
    height: 14px;
    font-size: 0.6rem;
}

.schedule-staff-grid-wrap[b-6gkpjbek7l] {
    overflow-x: auto;
    border-top: 1px solid #ece8ef;
    border-left: 1px solid #ece8ef;
}

.schedule-staff-grid[b-6gkpjbek7l] {
    min-width: 1020px;
    display: grid;
    align-items: stretch;
}

.schedule-staff-name-cell[b-6gkpjbek7l],
.schedule-staff-day-cell[b-6gkpjbek7l] {
    min-height: 42px;
    border-right: 1px solid #ece8ef;
    border-bottom: 1px solid #ece8ef;
    background: #ffffff;
}

.schedule-staff-name-cell[b-6gkpjbek7l] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    align-content: center;
    padding: 6px 10px 6px 14px;
}

.schedule-staff-name[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #3f3949;
    padding: 0;
    text-align: left;
    font-size: 0.76rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.schedule-staff-name-cell > span[b-6gkpjbek7l],
.schedule-staff-name-cell > em[b-6gkpjbek7l] {
    color: #766f7f;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 500;
}

.schedule-staff-name-cell.overtime > em[b-6gkpjbek7l] {
    color: #bd5364;
    font-weight: 650;
}

.schedule-staff-popover[b-6gkpjbek7l] {
    position: absolute;
    left: 16px;
    top: calc(100% - 4px);
    z-index: 25;
    min-width: 210px;
    display: none;
    flex-direction: column;
    gap: 3px;
    border: 1px solid #d8d1df;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(32, 27, 40, 0.16);
    padding: 10px 12px;
    color: #3f3949;
    font-size: 0.76rem;
}

.schedule-staff-name-cell:hover .schedule-staff-popover[b-6gkpjbek7l],
.schedule-staff-name-cell:focus-within .schedule-staff-popover[b-6gkpjbek7l] {
    display: flex;
}

.schedule-staff-day-cell[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 5px;
}

.schedule-staff-empty[b-6gkpjbek7l] {
    display: block;
    min-height: 22px;
}

.schedule-staff-shift-block[b-6gkpjbek7l] {
    width: 100%;
    min-height: 30px;
    border: 1px solid #c9eadf;
    border-radius: 3px;
    background: #e0f6ee;
    color: #277e64;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.schedule-staff-shift-block small[b-6gkpjbek7l] {
    color: #5b7d73;
    font-size: 0.66rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-staff-check[b-6gkpjbek7l] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #2da37b;
    flex: 0 0 auto;
}

.schedule-requests-workspace[b-6gkpjbek7l] {
    padding-top: 26px;
}

.schedule-request-board[b-6gkpjbek7l] {
    margin-top: 0;
}

.schedule-request-day h2[b-6gkpjbek7l] {
    font-size: 1.06rem;
    font-weight: 650;
}

.schedule-match-row.can-drag[b-6gkpjbek7l] {
    cursor: grab;
    user-select: none;
    touch-action: none;
}

.schedule-match-row.can-drag:active[b-6gkpjbek7l] {
    cursor: grabbing;
}

.schedule-match-row.dragging[b-6gkpjbek7l] {
    opacity: 0.62;
}

body.schedule-drag-active[b-6gkpjbek7l] {
    user-select: none;
}

.schedule-drag-ghost[b-6gkpjbek7l] {
    border: 1px solid #bde7d8;
    background: #effaf5;
    box-shadow: 0 12px 28px rgba(31, 27, 39, 0.22);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    pointer-events: none;
    opacity: 0.96;
    transform: translate(-9999px, -9999px);
}

.schedule-match-row.unavailable[b-6gkpjbek7l] {
    opacity: 0.72;
}

.schedule-open-slot-box[b-6gkpjbek7l] {
    position: relative;
}

.schedule-open-slot-box[b-6gkpjbek7l]::after {
    content: "Drop candidate here";
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: none;
    align-items: center;
    justify-content: center;
    border: 1px dashed #8f6eba;
    background: rgba(246, 241, 251, 0.88);
    color: #76599b;
    font-size: 0.72rem;
    font-weight: 650;
}

.schedule-open-slot-box:hover[b-6gkpjbek7l]::after {
    display: flex;
}

.schedule-open-slot-box.drag-over[b-6gkpjbek7l]::after {
    display: flex;
}

.schedule-empty-slot-create[b-6gkpjbek7l] {
    width: 100%;
    height: 100%;
    min-height: 32px;
    border: 0;
    background: transparent;
    color: #b6afbd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 800;
    cursor: pointer;
}

.schedule-empty-slot-create span[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
    border: 1px solid transparent;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.schedule-coverage-slot.no-shift:hover .schedule-empty-slot-create span[b-6gkpjbek7l],
.schedule-empty-slot-create:focus span[b-6gkpjbek7l] {
    border-color: #cbbbdc;
    background: #f8f4fb;
    color: #8f6eba;
}

.schedule-action-icon.bulk[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    color: currentColor;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%205h8M5%209h8M5%2013h8'/%3E%3Ccircle%20cx='18'%20cy='8'%20r='3'/%3E%3Cpath%20d='M15%2018c.7-2%201.7-3%203-3s2.3%201%203%203'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M5%205h8M5%209h8M5%2013h8'/%3E%3Ccircle%20cx='18'%20cy='8'%20r='3'/%3E%3Cpath%20d='M15%2018c.7-2%201.7-3%203-3s2.3%201%203%203'/%3E%3C/svg%3E") center / contain no-repeat;
}

.schedule-open-shifts-control-row[b-6gkpjbek7l] {
    justify-content: flex-start;
}

.schedule-match-loading[b-6gkpjbek7l],
.schedule-action-progress[b-6gkpjbek7l] {
    border: 1px solid #d8cae8;
    background: #f7f3fb;
    color: #674c88;
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 7px 10px;
    font-size: 0.74rem;
    font-weight: 650;
}

.schedule-match-loading[b-6gkpjbek7l] {
    margin-bottom: 8px;
}

.schedule-action-progress[b-6gkpjbek7l] {
    margin-left: auto;
    margin-right: 10px;
}

.schedule-match-loading span[b-6gkpjbek7l],
.schedule-action-progress span[b-6gkpjbek7l] {
    width: 88px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #8f6eba 0%, #d7c6ee 50%, #8f6eba 100%);
    background-size: 180% 100%;
    animation: scheduleLoadingBar-b-6gkpjbek7l 0.95s linear infinite;
}

.schedule-decision-modal[b-6gkpjbek7l] {
    max-width: 420px;
}

.schedule-worker-hover button[b-6gkpjbek7l],
.schedule-worker-hover .schedule-inline-link[b-6gkpjbek7l] {
    cursor: pointer;
}

@keyframes scheduleLoadingBar-b-6gkpjbek7l {
    from {
        background-position: 180% 0;
    }

    to {
        background-position: -180% 0;
    }
}

/* Final requested schedule icon overrides. Keep last. */
.material-schedule-icon[b-6gkpjbek7l] {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 300;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "liga";
    font-variation-settings:
        "FILL" 0,
        "wght" 300,
        "GRAD" 0,
        "opsz" 24;
}

.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l],
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l],
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-mask: none !important;
    mask: none !important;
    color: currentColor;
    transform: none !important;
}

.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-tab-icon.material-schedule-icon[b-6gkpjbek7l]::after,
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-view-person.material-schedule-icon[b-6gkpjbek7l]::after,
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l]::before,
.schedule-action-icon.material-schedule-icon[b-6gkpjbek7l]::after,
.schedule-tab-icon.open-shifts[b-6gkpjbek7l]::before,
.schedule-tab-icon.open-shifts[b-6gkpjbek7l]::after {
    display: none !important;
    content: none !important;
}

.schedule-tab-icon.material-schedule-icon.calendar[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    font-size: 20px;
}

.schedule-tab-icon.material-schedule-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 22px;
    font-size: 21px;
}

.schedule-view-person.material-schedule-icon[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
    font-size: 19px;
}

.schedule-action-icon.material-schedule-icon.create[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    font-size: 21px;
}

.schedule-tab-icon.open-shifts[b-6gkpjbek7l] {
    width: 22px;
    height: 20px;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: currentColor !important;
    transform: rotate(180deg) !important;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.45'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%202h10M5%206h14'/%3E%3Crect%20width='18'%20height='12'%20x='3'%20y='10'%20rx='2'/%3E%3C/svg%3E") center / contain no-repeat !important;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='1.45'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M7%202h10M5%206h14'/%3E%3Crect%20width='18'%20height='12'%20x='3'%20y='10'%20rx='2'/%3E%3C/svg%3E") center / contain no-repeat !important;
}

.schedule-week-header[b-6gkpjbek7l],
.schedule-coverage-board[b-6gkpjbek7l],
.schedule-list-workspace[b-6gkpjbek7l],
.schedule-grid-wrap[b-6gkpjbek7l],
.schedule-coverage-grid[b-6gkpjbek7l] {
    min-width: 0;
}

.schedule-week-header[b-6gkpjbek7l] {
    position: relative;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.schedule-week-header[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #ffffff;
    z-index: 3;
    pointer-events: none;
}

/* Final scheduler grid polish. Keep this as the last schedule rule. */
.schedule-week-header[b-6gkpjbek7l] {
    padding: 0 24px 0 !important;
    align-items: stretch;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    box-sizing: border-box;
    min-width: 0;
}

.schedule-day-header.past[b-6gkpjbek7l],
.schedule-day-header:disabled[b-6gkpjbek7l] {
    color: #aaa3ae;
    background: #fbfafc;
    cursor: not-allowed;
    opacity: 0.7;
}

.schedule-client-section-header[b-6gkpjbek7l] {
    grid-column: 1 / -1;
    padding: 14px 0 8px;
    background: #ffffff;
    border-right: 1px solid #ece8ef;
    border-bottom: 0;
}

.schedule-client-section-header:not(:first-child)[b-6gkpjbek7l] {
    margin-top: 12px;
}

.schedule-client-section-header > div[b-6gkpjbek7l] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
}

.schedule-client-section-header strong[b-6gkpjbek7l] {
    color: #17131e;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.15;
}

.schedule-client-section-header span[b-6gkpjbek7l] {
    min-width: 0;
    color: #625b68;
    font-size: 0.76rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-group-header[b-6gkpjbek7l] {
    min-height: 34px;
    padding-left: 14px;
}

.schedule-coverage-slot.no-shift[b-6gkpjbek7l] {
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover[b-6gkpjbek7l] {
    background: #fbf8ff;
    box-shadow: inset 0 0 0 1px #d8cae8;
}

.schedule-coverage-slot.no-shift.past-date[b-6gkpjbek7l] {
    background: #fbfbfc;
    color: #d5cfda;
    cursor: not-allowed;
}

.schedule-empty-slot-create span[b-6gkpjbek7l] {
    opacity: 0;
    transition: opacity 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover .schedule-empty-slot-create span[b-6gkpjbek7l],
.schedule-empty-slot-create:focus span[b-6gkpjbek7l] {
    opacity: 1;
}

/* Final schedule shift-block grouping polish */
.schedule-group-header[b-6gkpjbek7l] {
    position: relative;
    min-height: 36px !important;
    margin-top: 6px;
    padding: 7px 12px 7px 14px !important;
    background: #efedf1;
    border: 1px solid #e8e4ec;
    border-bottom: 0;
}

.schedule-group-header.collapsed[b-6gkpjbek7l] {
    border-bottom: 1px solid #e8e4ec;
}

.schedule-client-section-header + .schedule-group-header[b-6gkpjbek7l] {
    margin-top: 0;
}

.schedule-group-meta[b-6gkpjbek7l] {
    gap: 14px;
}

.schedule-shift-time-label[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    color: #282631;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1;
}

.schedule-shift-time-icon[b-6gkpjbek7l] {
    position: relative;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    border: 1.6px solid #6f6975;
    border-radius: 999px;
}

.schedule-shift-time-icon[b-6gkpjbek7l]::before,
.schedule-shift-time-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.4px;
    background: #6f6975;
    border-radius: 999px;
    transform-origin: bottom center;
}

.schedule-shift-time-icon[b-6gkpjbek7l]::before {
    height: 4.6px;
    transform: translate(-50%, -100%);
}

.schedule-shift-time-icon[b-6gkpjbek7l]::after {
    height: 3.8px;
    transform: translate(-50%, -100%) rotate(92deg);
}

.schedule-group-client[b-6gkpjbek7l] {
    font-size: 0.82rem !important;
    font-weight: 700 !important;
}

.schedule-group-collapse[b-6gkpjbek7l] {
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #aaa3ae;
    cursor: pointer;
    padding: 0;
}

.schedule-group-collapse span[b-6gkpjbek7l] {
    width: 7px;
    height: 7px;
    border-top: 1.6px solid currentColor;
    border-right: 1.6px solid currentColor;
    transform: translateY(2px) rotate(-45deg);
    transition: transform 120ms ease, color 120ms ease;
}

.schedule-group-collapse.collapsed span[b-6gkpjbek7l] {
    transform: translateY(-1px) rotate(135deg);
}

.schedule-group-collapse:hover[b-6gkpjbek7l],
.schedule-group-collapse:focus[b-6gkpjbek7l] {
    color: #6f4fa0;
    outline: none;
}

/* Final scheduler grid polish. Keep after the divider overrides so the weekly header and coverage grid stay aligned. */
.schedule-week-header[b-6gkpjbek7l] {
    padding: 0 24px 0 !important;
    align-items: stretch;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    box-sizing: border-box;
    min-width: 0;
}

.schedule-day-header.past[b-6gkpjbek7l],
.schedule-day-header:disabled[b-6gkpjbek7l] {
    color: #aaa3ae;
    background: #fbfafc;
    cursor: not-allowed;
    opacity: 0.7;
}

.schedule-client-section-header[b-6gkpjbek7l] {
    grid-column: 1 / -1;
    padding: 14px 0 8px;
    background: #ffffff;
    border-right: 1px solid #ece8ef;
    border-bottom: 0;
}

.schedule-client-section-header:not(:first-child)[b-6gkpjbek7l] {
    margin-top: 12px;
}

.schedule-client-section-header > div[b-6gkpjbek7l] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
}

.schedule-client-section-header strong[b-6gkpjbek7l] {
    color: #17131e;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.15;
}

.schedule-client-section-header span[b-6gkpjbek7l] {
    min-width: 0;
    color: #625b68;
    font-size: 0.76rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-group-header[b-6gkpjbek7l] {
    min-height: 34px;
    padding-left: 14px;
}

.schedule-coverage-slot.no-shift[b-6gkpjbek7l] {
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover[b-6gkpjbek7l] {
    background: #fbf8ff;
    box-shadow: inset 0 0 0 1px #d8cae8;
}

.schedule-coverage-slot.no-shift.past-date[b-6gkpjbek7l] {
    background: #fbfbfc;
    color: #d5cfda;
    cursor: not-allowed;
}

.schedule-empty-slot-create span[b-6gkpjbek7l] {
    opacity: 0;
    transition: opacity 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover .schedule-empty-slot-create span[b-6gkpjbek7l],
.schedule-empty-slot-create:focus span[b-6gkpjbek7l] {
    opacity: 1;
}

.schedule-week-header[b-6gkpjbek7l]::after {
    display: none !important;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l],
.schedule-day-header.active[b-6gkpjbek7l] {
    border-bottom: 0 !important;
}

.schedule-day-header[b-6gkpjbek7l] {
    position: relative;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    box-shadow: none !important;
}

.schedule-day-header.active[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #8f6eba;
    z-index: 4;
}

.schedule-week-header[b-6gkpjbek7l],
.schedule-coverage-board[b-6gkpjbek7l],
.schedule-list-workspace[b-6gkpjbek7l],
.schedule-grid-wrap[b-6gkpjbek7l],
.schedule-coverage-grid[b-6gkpjbek7l] {
    min-width: 0;
}

.schedule-left-rail[b-6gkpjbek7l] {
    flex: 0 0 184px;
    width: 184px;
    background: var(--schedule-rail);
    border-right: 1px solid #dedbe1;
    padding: 28px 10px 18px;
    overflow: hidden;
}

.schedule-rail-heading[b-6gkpjbek7l] {
    margin: 0 10px 12px;
    color: #35323d;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.schedule-rail-nav[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.schedule-rail-item[b-6gkpjbek7l] {
    position: relative;
    min-height: 34px;
    width: 100%;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #696673;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    font-size: 0.95rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.schedule-rail-item.active[b-6gkpjbek7l] {
    color: #2a2632;
    font-weight: 700;
}

.schedule-rail-item.active[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 6px;
    bottom: 6px;
    width: 3px;
    border-radius: 999px;
    background: var(--schedule-pink);
}

.schedule-rail-badge[b-6gkpjbek7l],
.schedule-tab-badge[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 18px;
    padding: 0 6px;
    border-radius: 999px;
    background: #d96b93;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
}

.schedule-tab-badge[b-6gkpjbek7l] {
    min-width: 18px;
    height: 18px;
    background: var(--schedule-purple);
}

.schedule-tab-badge.blue[b-6gkpjbek7l] {
    background: var(--schedule-blue);
}

.schedule-main-shell[b-6gkpjbek7l] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    overflow: hidden;
}

.schedule-fixed-zone[b-6gkpjbek7l] {
    flex: 0 0 auto;
    background: #ffffff;
    border-bottom: 1px solid #ebe7ee;
    z-index: 2;
}

.schedule-top-tabs[b-6gkpjbek7l] {
    display: flex;
    align-items: stretch;
    gap: 26px;
    min-height: 58px;
    padding: 0 24px;
    border-bottom: 1px solid #ece8ef;
}

.schedule-top-tab[b-6gkpjbek7l] {
    position: relative;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #5d5965;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 0 0;
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    cursor: pointer;
}

.schedule-top-tab.active[b-6gkpjbek7l] {
    color: #a45a8e;
}

.schedule-top-tab.active[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #c16c9f;
}

.schedule-tab-icon[b-6gkpjbek7l] {
    width: 19px;
    height: 19px;
    border: 1.5px solid currentColor;
    display: inline-block;
    position: relative;
    color: inherit;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l] {
    border-radius: 3px;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 4px;
    border-top: 1.5px solid currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    border: 0;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 8px;
    border-top: 2px solid currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    border-radius: 50%;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    right: -5px;
    bottom: -3px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
    background: #ffffff;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 72px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 24px;
}

.schedule-range-picker[b-6gkpjbek7l],
.schedule-view-toggle[b-6gkpjbek7l],
.schedule-utility-actions[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
}

.schedule-range-picker[b-6gkpjbek7l] {
    gap: 0;
}

.schedule-square-button[b-6gkpjbek7l],
.schedule-filter-toggle[b-6gkpjbek7l],
.schedule-view-icon[b-6gkpjbek7l] {
    min-height: 36px;
    border: 1px solid #d9d5df;
    background: #ffffff;
    color: #514d5a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: 800;
}

.schedule-square-button[b-6gkpjbek7l] {
    width: 36px;
    font-size: 0.82rem;
}

.schedule-date-field[b-6gkpjbek7l] {
    position: relative;
    min-width: 242px;
    height: 36px;
    border-top: 1px solid #d9d5df;
    border-bottom: 1px solid #d9d5df;
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #383541;
    font-size: 0.86rem;
    font-weight: 600;
}

.schedule-date-field input[b-6gkpjbek7l] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.schedule-date-icon[b-6gkpjbek7l] {
    width: 14px;
    height: 14px;
    border: 1.5px solid var(--schedule-purple);
    border-radius: 2px;
    position: relative;
}

.schedule-date-icon[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 4px;
    border-top: 1.5px solid var(--schedule-purple);
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    gap: 9px;
    min-width: 112px;
    padding: 0 14px;
    font-size: 0.86rem;
    font-weight: 600;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    width: 13px;
    height: 13px;
    border-left: 1.5px solid #716c78;
    border-right: 1.5px solid #716c78;
    transform: skewX(-16deg);
}

.schedule-chevron[b-6gkpjbek7l] {
    margin-left: auto;
}

.schedule-view-toggle[b-6gkpjbek7l] {
    border: 1px solid #d9d5df;
    margin-left: 2px;
}

.schedule-view-icon[b-6gkpjbek7l] {
    width: 34px;
    border: 0;
    border-right: 1px solid #d9d5df;
}

.schedule-view-icon:last-child[b-6gkpjbek7l] {
    border-right: 0;
}

.schedule-view-icon.active[b-6gkpjbek7l] {
    background: var(--schedule-purple);
    color: #ffffff;
}

.schedule-view-lines[b-6gkpjbek7l],
.schedule-view-stack[b-6gkpjbek7l] {
    width: 16px;
    height: 14px;
    display: inline-block;
    background:
        linear-gradient(currentColor, currentColor) left 1px / 100% 2px no-repeat,
        linear-gradient(currentColor, currentColor) left 6px / 100% 2px no-repeat,
        linear-gradient(currentColor, currentColor) left 11px / 100% 2px no-repeat;
}

.schedule-view-stack[b-6gkpjbek7l] {
    background:
        linear-gradient(currentColor, currentColor) left 1px / 100% 2px no-repeat,
        linear-gradient(currentColor, currentColor) left 8px / 100% 2px no-repeat;
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 8px;
    margin-left: auto;
}

.schedule-publish-stack[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
    min-width: 198px;
}

.schedule-publish-button[b-6gkpjbek7l] {
    min-height: 36px;
    border: 0;
    background: var(--schedule-purple);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    letter-spacing: 0.02em;
    cursor: pointer;
}

.schedule-publish-button:disabled[b-6gkpjbek7l] {
    background: #bcb5c8;
    cursor: default;
}

.schedule-publish-note[b-6gkpjbek7l] {
    color: #9a94a0;
    font-size: 0.72rem;
    text-align: center;
}

.schedule-filter-panel[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr)) auto;
    gap: 8px;
    padding: 0 24px 12px;
}

.schedule-filter-panel label[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.schedule-filter-panel span[b-6gkpjbek7l] {
    color: #736d7a;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.schedule-filter-panel input[b-6gkpjbek7l],
.schedule-filter-panel select[b-6gkpjbek7l] {
    min-height: 30px;
    border: 1px solid #d9d5df;
    background: #ffffff;
    color: #34313c;
    font-size: 0.78rem;
    padding: 0 8px;
}

.schedule-filter-actions[b-6gkpjbek7l] {
    display: flex;
    align-items: end;
    gap: 6px;
}

.schedule-filter-apply[b-6gkpjbek7l],
.schedule-filter-clear[b-6gkpjbek7l],
.schedule-primary-action[b-6gkpjbek7l],
.schedule-secondary-action[b-6gkpjbek7l],
.schedule-mini-action[b-6gkpjbek7l],
.schedule-list-actions button[b-6gkpjbek7l] {
    min-height: 30px;
    border: 1px solid #d9d5df;
    background: #ffffff;
    color: #4a4653;
    padding: 0 10px;
    font-size: 0.76rem;
    font-weight: 800;
    cursor: pointer;
}

.schedule-filter-apply[b-6gkpjbek7l],
.schedule-primary-action[b-6gkpjbek7l] {
    border-color: var(--schedule-purple);
    background: var(--schedule-purple);
    color: #ffffff;
}

.schedule-week-header[b-6gkpjbek7l] {
    display: grid;
    gap: 0;
    padding: 0 24px 0;
    min-width: 1168px;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    height: 50px;
    border: 1px solid #ece8ef;
    border-right: 0;
    background: #ffffff;
}

.schedule-day-header:last-child[b-6gkpjbek7l] {
    border-right: 1px solid #ece8ef;
}

.schedule-day-header[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    color: #33313a;
    cursor: pointer;
}

.schedule-day-header strong[b-6gkpjbek7l] {
    font-size: 0.84rem;
}

.schedule-day-header span[b-6gkpjbek7l] {
    font-size: 0.92rem;
    font-weight: 700;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    background: #fbf8ff;
    border-bottom: 2px solid var(--schedule-purple);
}

.schedule-scroll-region[b-6gkpjbek7l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: #ffffff;
    padding: 0 24px 28px;
}

.schedule-coverage-board[b-6gkpjbek7l],
.schedule-list-workspace[b-6gkpjbek7l] {
    min-width: 1168px;
    padding-top: 14px;
}

.schedule-section-heading[b-6gkpjbek7l] {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 10px;
}

.schedule-section-heading h1[b-6gkpjbek7l] {
    margin: 0;
    color: #24222d;
    font-size: 1.35rem;
    line-height: 1.1;
    font-weight: 800;
}

.schedule-section-heading p[b-6gkpjbek7l] {
    margin: 4px 0 0;
    color: #77727e;
    font-size: 0.75rem;
    line-height: 1.25;
}

.schedule-legend[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    color: #6e6875;
    font-size: 0.72rem;
    font-weight: 800;
}

.schedule-legend span[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.schedule-legend i[b-6gkpjbek7l] {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    border: 1px solid #d8d3de;
    display: inline-block;
}

.legend-empty[b-6gkpjbek7l] {
    background: #ffffff;
}

.legend-partial[b-6gkpjbek7l] {
    background: var(--schedule-partial);
}

.legend-filled[b-6gkpjbek7l] {
    background: var(--schedule-filled);
}

.legend-risk[b-6gkpjbek7l] {
    background: var(--schedule-risk);
}

.schedule-grid-wrap[b-6gkpjbek7l] {
    min-width: 1168px;
}

.schedule-coverage-grid[b-6gkpjbek7l] {
    display: grid;
    gap: 0;
    min-width: 1168px;
    border-top: 1px solid #ece8ef;
    border-left: 1px solid #ece8ef;
}

.schedule-group-header[b-6gkpjbek7l] {
    grid-column: 1 / -1;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px 0 18px;
    background: #f1f0f3;
    border-right: 1px solid #ece8ef;
    border-bottom: 1px solid #ece8ef;
}

.schedule-group-meta[b-6gkpjbek7l] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 18px;
    overflow: hidden;
}

.schedule-group-client[b-6gkpjbek7l] {
    flex: 0 0 auto;
    color: #282631;
    font-size: 0.86rem;
    font-weight: 800;
}

.schedule-group-chip[b-6gkpjbek7l] {
    min-width: 0;
    color: #4a4651;
    font-size: 0.76rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.schedule-group-chip.location[b-6gkpjbek7l] {
    max-width: 360px;
}

.schedule-group-collapse[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #9a94a0;
    font-size: 1rem;
    font-weight: 800;
}

.schedule-position-cell[b-6gkpjbek7l],
.schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 40px;
    border-right: 1px solid #ece8ef;
    border-bottom: 1px solid #ece8ef;
}

.schedule-position-cell[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    padding: 6px 10px 6px 18px;
    background: #ffffff;
}

.schedule-position-pill[b-6gkpjbek7l] {
    max-width: 100%;
    border: 0;
    border-radius: 999px;
    background: #eceff5;
    color: #4b4a59;
    padding: 5px 10px;
    font-size: 0.75rem;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.schedule-coverage-cell[b-6gkpjbek7l] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    padding: 6px 7px;
    background: var(--schedule-empty);
    color: #4e4a55;
    font-size: 0.72rem;
    text-align: left;
}

button.schedule-coverage-cell[b-6gkpjbek7l] {
    border-top: 0;
    border-left: 0;
    cursor: pointer;
}

.schedule-coverage-cell.unfilled[b-6gkpjbek7l] {
    background: #ffffff;
}

.schedule-coverage-cell.partial[b-6gkpjbek7l] {
    background: var(--schedule-partial);
    color: #4f3a75;
}

.schedule-coverage-cell.filled[b-6gkpjbek7l],
.schedule-coverage-cell.completed[b-6gkpjbek7l] {
    background: var(--schedule-filled);
    color: #0e6c54;
}

.schedule-coverage-cell.overfilled[b-6gkpjbek7l] {
    background: var(--schedule-risk);
    color: #934051;
}

.schedule-coverage-cell.cancelled[b-6gkpjbek7l] {
    background: #f0f0f2;
    color: #6c6874;
}

.schedule-coverage-cell.pending[b-6gkpjbek7l] {
    outline: 1px dashed rgba(98, 85, 120, 0.42);
    outline-offset: -4px;
}

.schedule-coverage-cell.no-shift[b-6gkpjbek7l] {
    justify-content: center;
    color: #bab4c0;
}

.schedule-cell-hours[b-6gkpjbek7l] {
    flex: 0 0 auto;
    font-weight: 800;
    line-height: 1;
}

.schedule-cell-status-dot[b-6gkpjbek7l] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    flex: 0 0 auto;
}

.schedule-coverage-cell.filled .schedule-cell-status-dot[b-6gkpjbek7l],
.schedule-coverage-cell.completed .schedule-cell-status-dot[b-6gkpjbek7l] {
    background: var(--schedule-filled-text);
}

.schedule-coverage-cell.overfilled .schedule-cell-status-dot[b-6gkpjbek7l] {
    background: var(--schedule-risk-text);
}

.schedule-coverage-cell.partial .schedule-cell-status-dot[b-6gkpjbek7l] {
    background: var(--schedule-partial-text);
}

.schedule-coverage-cell.unfilled .schedule-cell-status-dot[b-6gkpjbek7l] {
    background: #d6d1dc;
}

.schedule-cell-badges[b-6gkpjbek7l] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
}

.schedule-cell-badge[b-6gkpjbek7l] {
    min-width: 20px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 900;
    line-height: 1;
}

.schedule-cell-badge.assigned[b-6gkpjbek7l] {
    background: var(--schedule-purple);
}

.schedule-cell-badge.open[b-6gkpjbek7l] {
    background: var(--schedule-blue);
}

.schedule-cell-badge.issue[b-6gkpjbek7l] {
    background: #e36f86;
}

.schedule-empty-state[b-6gkpjbek7l] {
    border: 1px dashed #d8d3de;
    background: #fbfafc;
    color: #5c5664;
    padding: 22px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.schedule-card-list[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.schedule-list-card[b-6gkpjbek7l] {
    border: 1px solid #e2dee6;
    background: #ffffff;
    padding: 14px;
    box-shadow: 0 8px 18px rgba(35, 31, 46, 0.04);
}

.schedule-list-card.selected[b-6gkpjbek7l] {
    border-color: var(--schedule-purple);
    box-shadow: inset 0 0 0 1px var(--schedule-purple);
}

.schedule-list-topline[b-6gkpjbek7l],
.schedule-list-actions[b-6gkpjbek7l],
.schedule-list-metrics[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.schedule-list-topline[b-6gkpjbek7l] {
    justify-content: space-between;
    color: #7b7582;
    font-size: 0.74rem;
    font-weight: 800;
}

.schedule-list-card h2[b-6gkpjbek7l] {
    margin: 10px 0 4px;
    color: #272431;
    font-size: 0.98rem;
    line-height: 1.15;
}

.schedule-list-card p[b-6gkpjbek7l] {
    margin: 3px 0;
    color: #6e6875;
    font-size: 0.8rem;
    line-height: 1.25;
}

.schedule-list-metrics[b-6gkpjbek7l] {
    margin-top: 10px;
    color: #4e4956;
    font-size: 0.76rem;
    font-weight: 700;
}

.schedule-list-actions[b-6gkpjbek7l] {
    margin-top: 12px;
}

.schedule-status-pill[b-6gkpjbek7l],
.schedule-small-badge[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 900;
}

.schedule-status-pill.open[b-6gkpjbek7l],
.schedule-small-badge.open[b-6gkpjbek7l] {
    background: var(--schedule-partial);
    color: var(--schedule-partial-text);
}

.schedule-status-pill.requested[b-6gkpjbek7l],
.schedule-small-badge.requests[b-6gkpjbek7l] {
    background: #e7efff;
    color: #3e6dbe;
}

.schedule-status-pill.approved[b-6gkpjbek7l],
.schedule-small-badge.posted[b-6gkpjbek7l] {
    background: var(--schedule-filled);
    color: var(--schedule-filled-text);
}

.schedule-status-pill.declined[b-6gkpjbek7l] {
    background: var(--schedule-risk);
    color: var(--schedule-risk-text);
}

.schedule-status-pill.neutral[b-6gkpjbek7l] {
    background: #eeeef2;
    color: #66616f;
}

.schedule-flyout-scrim[b-6gkpjbek7l] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    background: rgba(26, 22, 34, 0.18);
}

.schedule-flyout-panel[b-6gkpjbek7l] {
    --schedule-top: #3c3b4f;
    --schedule-purple: #8f6eba;
    --schedule-partial: #e8e3f3;
    --schedule-filled: #e0f6ee;
    --schedule-risk: #f7e7e9;
    --schedule-risk-text: #bd5364;
    --schedule-filled-text: #2da37b;
    --schedule-partial-text: #7857ab;
    position: fixed;
    top: 0;
    right: 0;
    width: min(760px, 100%);
    height: 100vh;
    z-index: 3001;
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-left: 1px solid #d9d5df;
    box-shadow: -24px 0 58px rgba(29, 24, 38, 0.22);
}

.schedule-engine-flyout-panel[b-6gkpjbek7l] {
    width: min(640px, 100%);
}

.schedule-flyout-header[b-6gkpjbek7l] {
    min-height: 74px;
    flex: 0 0 auto;
    background: var(--schedule-top);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
}

.schedule-flyout-kicker[b-6gkpjbek7l] {
    color: #d8d2df;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.schedule-flyout-title[b-6gkpjbek7l] {
    margin: 2px 0 0;
    font-size: 1rem;
    line-height: 1.1;
}

.schedule-flyout-subtitle[b-6gkpjbek7l] {
    margin-top: 4px;
    color: #d8d2df;
    font-size: 0.76rem;
}

.schedule-flyout-close[b-6gkpjbek7l] {
    min-height: 32px;
    border: 1px solid rgba(255, 255, 255, 0.32);
    background: transparent;
    color: #ffffff;
    padding: 0 12px;
    font-weight: 800;
    cursor: pointer;
}

.schedule-flyout-summary[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #ece8ef;
    background: #fbfafc;
}

.schedule-flyout-summary > div[b-6gkpjbek7l] {
    border: 1px solid #e2dee6;
    background: #ffffff;
    padding: 9px 10px;
}

.schedule-flyout-summary span[b-6gkpjbek7l] {
    display: block;
    color: #766f7d;
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.schedule-flyout-summary strong[b-6gkpjbek7l] {
    display: block;
    margin-top: 4px;
    color: #25222d;
    font-size: 0.92rem;
}

.schedule-flyout-body[b-6gkpjbek7l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 14px;
}

.schedule-flyout-shiftcard[b-6gkpjbek7l] {
    border: 1px solid #e2dee6;
    background: #ffffff;
    padding: 14px;
    margin-bottom: 12px;
}

.schedule-flyout-shift-topline[b-6gkpjbek7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.schedule-flyout-shift-id[b-6gkpjbek7l],
.schedule-flyout-block-title[b-6gkpjbek7l],
.schedule-flyout-request-name[b-6gkpjbek7l] {
    color: #282531;
    font-size: 0.84rem;
    font-weight: 900;
}

.schedule-flyout-shift-meta[b-6gkpjbek7l],
.schedule-flyout-request-meta[b-6gkpjbek7l],
.schedule-flyout-empty[b-6gkpjbek7l] {
    margin-top: 3px;
    color: #716b77;
    font-size: 0.76rem;
}

.schedule-flyout-pillrow[b-6gkpjbek7l],
.schedule-flyout-actions[b-6gkpjbek7l],
.schedule-flyout-chiplist[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.schedule-flyout-grid[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px 12px;
    margin-top: 12px;
    color: #514c58;
    font-size: 0.78rem;
}

.schedule-inline-link[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #6e4f9b;
    padding: 0;
    font: inherit;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

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

.schedule-flyout-block[b-6gkpjbek7l] {
    margin-top: 14px;
}

.schedule-flyout-assignment-row[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.schedule-flyout-chip[b-6gkpjbek7l] {
    border: 1px solid #d9d5df;
    background: #f7f5fa;
    color: #4d4855;
    min-height: 28px;
    padding: 0 10px;
    font-size: 0.75rem;
    font-weight: 800;
    cursor: pointer;
}

.schedule-flyout-chip.secondary[b-6gkpjbek7l] {
    background: #ffffff;
    color: #6e4f9b;
}

.schedule-flyout-requestlist[b-6gkpjbek7l],
.schedule-publish-list[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedule-flyout-requestrow[b-6gkpjbek7l],
.schedule-publish-row[b-6gkpjbek7l] {
    border: 1px solid #e2dee6;
    background: #fbfafc;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.schedule-publish-row span[b-6gkpjbek7l] {
    display: block;
    margin-top: 3px;
    color: #716b77;
    font-size: 0.76rem;
}

.schedule-flyout-actions[b-6gkpjbek7l] {
    margin-top: 14px;
}

.schedule-inline-alert[b-6gkpjbek7l] {
    border: 1px solid #e5b8c1;
    background: #fff5f7;
    color: #9c3b4d;
    padding: 10px 12px;
    margin-bottom: 10px;
    font-size: 0.8rem;
    font-weight: 800;
}

.schedule-fixed-zone[b-6gkpjbek7l] {
    position: relative;
}

.schedule-top-tab[b-6gkpjbek7l] {
    font-weight: 700;
}

.schedule-tab-icon[b-6gkpjbek7l] {
    border: 0;
    width: 20px;
    height: 20px;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l] {
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l]::before {
    left: 2px;
    right: 2px;
    top: 5px;
}

.schedule-tab-icon.calendar[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    top: -3px;
    left: 4px;
    width: 10px;
    height: 5px;
    border-left: 1.5px solid currentColor;
    border-right: 1.5px solid currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 20px;
    height: 18px;
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    top: 8px;
    left: 2px;
    right: 2px;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 20px;
    border: 0;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    width: 7px;
    height: 7px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 10px;
    border: 1.5px solid currentColor;
    border-radius: 2px;
    background: #ffffff;
    color: currentColor;
    font-size: 10px;
    line-height: 8px;
    text-align: center;
    font-weight: 700;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    box-shadow: inset 0 -2px 0 -1px currentColor;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 54px;
    padding: 14px 24px 5px;
    gap: 9px;
}

.schedule-square-button[b-6gkpjbek7l],
.schedule-filter-toggle[b-6gkpjbek7l],
.schedule-view-icon[b-6gkpjbek7l],
.schedule-publish-button[b-6gkpjbek7l],
.schedule-secondary-action[b-6gkpjbek7l],
.schedule-primary-action[b-6gkpjbek7l],
.schedule-mini-action[b-6gkpjbek7l],
.schedule-list-actions button[b-6gkpjbek7l] {
    font-weight: 650;
}

.schedule-date-step[b-6gkpjbek7l] {
    color: #3f3a48;
    font-size: 0;
}

.schedule-icon-chevron[b-6gkpjbek7l],
.schedule-chevron[b-6gkpjbek7l],
.schedule-filter-caret[b-6gkpjbek7l] {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
}

.schedule-icon-chevron.left[b-6gkpjbek7l] {
    transform: rotate(135deg);
}

.schedule-icon-chevron.right[b-6gkpjbek7l],
.schedule-chevron[b-6gkpjbek7l] {
    transform: rotate(-45deg);
}

.schedule-chevron[b-6gkpjbek7l] {
    margin-left: auto;
    transform: rotate(45deg) translateY(-2px);
}

.schedule-chevron.up[b-6gkpjbek7l],
.schedule-filter-caret.up[b-6gkpjbek7l] {
    transform: rotate(225deg) translateY(-2px);
}

.schedule-date-field[b-6gkpjbek7l] {
    min-width: 244px;
    font-weight: 500;
}

.schedule-date-icon[b-6gkpjbek7l] {
    color: var(--schedule-purple);
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    min-width: 122px;
    gap: 8px;
    font-weight: 600;
}

.schedule-filter-toggle.active[b-6gkpjbek7l] {
    border-color: var(--schedule-purple);
    box-shadow: inset 0 0 0 1px rgba(143, 110, 186, 0.34);
}

.schedule-filter-toggle.compact[b-6gkpjbek7l] {
    min-width: 108px;
    min-height: 36px;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    position: relative;
    width: 15px;
    height: 15px;
    border: 0;
    transform: none;
}

.schedule-filter-icon[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    inset: 1px 1px auto;
    height: 7px;
    border: 1.6px solid currentColor;
    border-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 61% 100%, 39% 100%);
}

.schedule-filter-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 3px;
    height: 5px;
    background: currentColor;
}

.schedule-search-box[b-6gkpjbek7l] {
    position: relative;
    flex: 0 1 330px;
    min-width: 220px;
    height: 38px;
    display: flex;
    align-items: center;
    border: 1px solid #d9d5df;
    background: #ffffff;
}

.schedule-search-box input[b-6gkpjbek7l] {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #383541;
    padding: 0 38px 0 12px;
    font-size: 0.83rem;
}

.schedule-search-box input[b-6gkpjbek7l]::placeholder {
    color: #aaa4af;
}

.schedule-search-icon[b-6gkpjbek7l] {
    position: absolute;
    right: 12px;
    width: 14px;
    height: 14px;
    border: 1.5px solid #9b94a2;
    border-radius: 999px;
}

.schedule-search-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    width: 6px;
    border-top: 1.5px solid #9b94a2;
    right: -5px;
    bottom: -2px;
    transform: rotate(45deg);
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 7px;
}

.schedule-icon-button[b-6gkpjbek7l] {
    color: #453f50;
}

.schedule-action-icon[b-6gkpjbek7l] {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    color: currentColor;
}

.schedule-action-icon.create[b-6gkpjbek7l] {
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.schedule-action-icon.create[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 5px;
    border-top: 1.5px solid currentColor;
}

.schedule-action-icon.create[b-6gkpjbek7l]::after {
    content: "+";
    position: absolute;
    right: -5px;
    bottom: -6px;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #ffffff;
    color: currentColor;
    font-size: 13px;
    line-height: 12px;
    font-weight: 700;
}

.schedule-action-icon.intake[b-6gkpjbek7l] {
    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 8px;
    border-top: 2px solid currentColor;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    right: -2px;
    bottom: -3px;
    width: 8px;
    height: 8px;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
}

.schedule-action-icon.reports[b-6gkpjbek7l] {
    border: 1.5px solid currentColor;
    border-radius: 2px;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 4px;
    width: 7px;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 4px;
    width: 1.5px;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-more-button span[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transform: translateY(-2px);
    font-size: 1rem;
    letter-spacing: 1px;
}

.schedule-menu-wrap[b-6gkpjbek7l] {
    position: relative;
    display: inline-flex;
}

.schedule-dropdown-menu[b-6gkpjbek7l] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 20;
    min-width: 210px;
    border: 1px solid #ded9e4;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(31, 27, 39, 0.14);
    padding: 10px 0;
}

.schedule-dropdown-menu[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    top: -7px;
    right: 20px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-left: 1px solid #ded9e4;
    border-top: 1px solid #ded9e4;
    transform: rotate(45deg);
}

.schedule-dropdown-menu button[b-6gkpjbek7l] {
    width: 100%;
    min-height: 34px;
    border: 0;
    background: transparent;
    color: #76599b;
    display: flex;
    align-items: center;
    padding: 0 18px;
    font-size: 0.84rem;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

.schedule-dropdown-menu button:hover[b-6gkpjbek7l] {
    background: #f7f3fb;
}

.schedule-publish-button[b-6gkpjbek7l] {
    min-height: 40px;
    min-width: 204px;
    padding: 0 14px;
    font-weight: 700;
}

.schedule-publish-note-row[b-6gkpjbek7l] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
    min-height: 22px;
    padding: 0 24px 10px;
    color: #9a94a0;
    font-size: 0.72rem;
}

.schedule-view-label[b-6gkpjbek7l] {
    color: #776d83;
    font-weight: 600;
}

.schedule-filter-popover[b-6gkpjbek7l] {
    position: absolute;
    top: 112px;
    left: 340px;
    z-index: 18;
    width: 286px;
    border: 1px solid #ded9e4;
    background: #ffffff;
    box-shadow: 0 16px 30px rgba(31, 27, 39, 0.14);
    padding: 12px 18px 14px;
}

.schedule-filter-group[b-6gkpjbek7l] {
    border-bottom: 1px solid #eeeaf1;
}

.schedule-filter-heading[b-6gkpjbek7l] {
    width: 100%;
    min-height: 46px;
    border: 0;
    background: transparent;
    color: #4f4a56;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto 12px;
    align-items: center;
    gap: 8px;
    padding: 0;
    cursor: pointer;
    text-align: left;
}

.schedule-filter-heading strong[b-6gkpjbek7l] {
    font-size: 0.86rem;
    font-weight: 650;
}

.schedule-filter-heading span[b-6gkpjbek7l] {
    color: #aaa3ae;
    font-size: 0.73rem;
    font-weight: 500;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-filter-caret[b-6gkpjbek7l] {
    color: #9e96a5;
    transform: rotate(45deg) translateY(-2px);
}

.schedule-filter-options[b-6gkpjbek7l] {
    padding: 0 0 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedule-filter-option[b-6gkpjbek7l] {
    min-height: 28px;
    border: 0;
    background: transparent;
    color: #625c68;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0;
    font-size: 0.85rem;
    text-align: left;
    cursor: pointer;
}

.schedule-filter-check[b-6gkpjbek7l],
.schedule-post-check[b-6gkpjbek7l] {
    width: 20px;
    height: 20px;
    border: 2px solid #d197b8;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    color: #c16c9f;
}

.schedule-filter-option.selected .schedule-filter-check[b-6gkpjbek7l]::before,
.schedule-post-check.checked[b-6gkpjbek7l]::before,
.schedule-post-shift.selected .schedule-post-check[b-6gkpjbek7l]::before {
    content: "";
    width: 9px;
    height: 5px;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translate(1px, -1px);
}

.schedule-filter-actions[b-6gkpjbek7l] {
    justify-content: flex-end;
    padding-top: 14px;
}

.schedule-filter-apply[b-6gkpjbek7l],
.schedule-filter-clear[b-6gkpjbek7l] {
    border: 0;
    min-height: 34px;
    font-weight: 650;
    text-transform: uppercase;
}

.schedule-filter-clear[b-6gkpjbek7l] {
    color: #8665ae;
    background: transparent;
}

.schedule-week-header[b-6gkpjbek7l] {
    padding-top: 4px;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    height: 48px;
}

.schedule-day-header[b-6gkpjbek7l] {
    flex-direction: row;
    gap: 0;
    font-size: 0.88rem;
    font-weight: 500;
}

.schedule-day-header strong[b-6gkpjbek7l],
.schedule-day-header span[b-6gkpjbek7l] {
    font-size: 0.88rem;
    font-weight: 650;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    background: #fbf8ff;
    border-bottom: 1px solid #ece8ef;
    box-shadow: none;
}

.schedule-coverage-board.expanded .schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 86px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.schedule-cell-expanded[b-6gkpjbek7l] {
    display: none;
}

.schedule-coverage-board.expanded .schedule-cell-expanded[b-6gkpjbek7l] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: inherit;
    font-size: 0.68rem;
    line-height: 1.25;
}

.schedule-requests-workspace[b-6gkpjbek7l] {
    padding-top: 18px;
}

.schedule-request-log-toggle[b-6gkpjbek7l] {
    min-height: 30px;
    border: 0;
    background: transparent;
    color: #4e4a56;
    font-size: 0.78rem;
    font-weight: 500;
}

.schedule-request-board[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.schedule-request-day h2[b-6gkpjbek7l] {
    margin: 0 0 8px;
    font-size: 1.18rem;
    font-weight: 650;
    color: #24222d;
}

.schedule-request-shift[b-6gkpjbek7l] {
    border: 1px solid #e0dce4;
    background: #ffffff;
    margin-bottom: 12px;
}

.schedule-request-shift-header[b-6gkpjbek7l] {
    min-height: 58px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    align-items: center;
    gap: 16px;
    padding: 10px 14px;
    background: #f4f3f6;
}

.schedule-request-time[b-6gkpjbek7l] {
    color: #72539c;
    font-size: 0.9rem;
    font-weight: 600;
}

.schedule-request-time span[b-6gkpjbek7l] {
    display: inline-flex;
    margin-left: 6px;
    padding: 2px 6px;
    border: 1px solid #d8d3de;
    border-radius: 999px;
    color: #66616d;
    background: #ffffff;
    font-size: 0.64rem;
    font-weight: 600;
}

.schedule-request-meta[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 5px;
    color: #56515c;
    font-size: 0.72rem;
    font-weight: 500;
}

.schedule-request-progress[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
    color: #5b5663;
    font-size: 0.72rem;
    font-weight: 500;
}

.schedule-request-progress i[b-6gkpjbek7l] {
    width: 156px;
    height: 6px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--schedule-purple) var(--request-progress), #ddd9e2 var(--request-progress));
}

.schedule-request-candidates[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
}

.schedule-request-candidate-row[b-6gkpjbek7l] {
    min-height: 48px;
    display: grid;
    grid-template-columns: 34px minmax(170px, 1.25fr) 88px 88px minmax(130px, 1fr) minmax(130px, 1fr) 152px;
    align-items: center;
    gap: 10px;
    padding: 7px 14px;
    border-top: 1px solid #ebe7ee;
}

.schedule-request-avatar[b-6gkpjbek7l] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #7f90da;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 650;
}

.schedule-request-person[b-6gkpjbek7l] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.schedule-request-name[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #312d38;
    padding: 0;
    font-size: 0.78rem;
    font-weight: 650;
    text-align: left;
}

.schedule-request-person span[b-6gkpjbek7l],
.schedule-request-metric[b-6gkpjbek7l] {
    color: #6d6673;
    font-size: 0.72rem;
    line-height: 1.25;
}

.schedule-request-actions[b-6gkpjbek7l] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.schedule-request-actions button[b-6gkpjbek7l] {
    min-width: 66px;
    min-height: 28px;
    border: 0;
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 650;
    text-transform: uppercase;
}

.schedule-request-actions .decline[b-6gkpjbek7l] {
    background: #dc6677;
}

.schedule-request-actions .approve[b-6gkpjbek7l] {
    background: #42be9a;
}

.schedule-post-open-panel[b-6gkpjbek7l] {
    width: min(560px, 100%);
    background: #ffffff;
}

.schedule-post-header[b-6gkpjbek7l] {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 24px;
    border-bottom: 1px solid #e8e4ec;
    background: #ffffff;
}

.schedule-post-header h2[b-6gkpjbek7l] {
    margin: 0;
    color: #28242f;
    font-size: 1.28rem;
    font-weight: 500;
}

.schedule-post-close[b-6gkpjbek7l] {
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: #a39ba8;
    font-size: 1.2rem;
    cursor: pointer;
}

.schedule-post-body[b-6gkpjbek7l] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 24px 28px;
}

.schedule-post-controls[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
}

.schedule-post-date[b-6gkpjbek7l] {
    position: relative;
    width: 196px;
    height: 36px;
    border: 1px solid #d9d5df;
    color: #75569c;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 12px;
    font-size: 0.82rem;
    font-weight: 500;
}

.schedule-post-date input[b-6gkpjbek7l] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.schedule-post-choice-list[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    border-top: 1px solid #eeeaf1;
    border-bottom: 1px solid #eeeaf1;
    margin-bottom: 16px;
}

.schedule-post-radio[b-6gkpjbek7l] {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3d3845;
    font-size: 0.95rem;
}

.schedule-post-radio input[b-6gkpjbek7l] {
    accent-color: #c16c9f;
}

.schedule-post-group[b-6gkpjbek7l] {
    margin-bottom: 12px;
}

.schedule-post-group-title[b-6gkpjbek7l],
.schedule-post-shift[b-6gkpjbek7l] {
    width: 100%;
    border: 0;
    background: transparent;
    color: #312c38;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    text-align: left;
    cursor: pointer;
}

.schedule-post-group-title[b-6gkpjbek7l] {
    min-height: 34px;
    font-size: 0.82rem;
}

.schedule-post-shift[b-6gkpjbek7l] {
    min-height: 50px;
    padding-left: 28px;
    border-bottom: 1px solid #f0edf3;
}

.schedule-post-shift strong[b-6gkpjbek7l],
.schedule-post-shift small[b-6gkpjbek7l] {
    display: block;
}

.schedule-post-shift strong[b-6gkpjbek7l] {
    font-size: 0.78rem;
    font-weight: 600;
}

.schedule-post-shift small[b-6gkpjbek7l],
.schedule-post-shift em[b-6gkpjbek7l] {
    color: #766f7d;
    font-size: 0.7rem;
    font-style: normal;
}

.schedule-post-footer[b-6gkpjbek7l] {
    min-height: 62px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 28px;
    border-top: 1px solid #eeeaf1;
    background: #ffffff;
}

.schedule-post-cancel[b-6gkpjbek7l],
.schedule-post-submit[b-6gkpjbek7l] {
    min-height: 38px;
    border: 0;
    text-transform: uppercase;
    font-size: 0.76rem;
    font-weight: 650;
    cursor: pointer;
}

.schedule-post-cancel[b-6gkpjbek7l] {
    background: transparent;
    color: #716b78;
}

.schedule-post-submit[b-6gkpjbek7l] {
    min-width: 176px;
    padding: 0 18px;
    background: #7f4db1;
    color: #ffffff;
}

.schedule-post-submit:disabled[b-6gkpjbek7l] {
    background: #d8d4dd;
    cursor: default;
}

.schedule-workspace-page[b-6gkpjbek7l] {
    font-size: 0.9rem;
}

.schedule-top-tabs[b-6gkpjbek7l] {
    position: relative;
    border-bottom: 0;
    gap: 24px;
}

.schedule-top-tabs[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 24px;
    right: 28px;
    bottom: 0;
    height: 1px;
    background: #ece8ef;
}

.schedule-top-tab[b-6gkpjbek7l] {
    z-index: 1;
    font-size: 0.76rem;
    font-weight: 650;
    letter-spacing: 0;
}

.schedule-top-tab.active[b-6gkpjbek7l]::after {
    bottom: 0;
    height: 2px;
    z-index: 2;
}

.schedule-tab-badge[b-6gkpjbek7l],
.schedule-rail-badge[b-6gkpjbek7l] {
    font-weight: 700;
}

.schedule-tab-icon[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
    color: inherit;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    border: 0;
    width: 20px;
    height: 18px;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 2px;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
    border: 0;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 5px;
    height: 1px;
    background: transparent;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 19px;
    border: 0;
    box-shadow: none;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 9px;
    height: 9px;
    border: 1.4px solid currentColor;
    border-radius: 999px;
    box-shadow: 0 10px 0 -5px currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    content: "+";
    position: absolute;
    right: 0;
    top: 1px;
    width: 10px;
    height: 10px;
    border: 1.4px solid currentColor;
    border-radius: 2px;
    background: #ffffff;
    color: currentColor;
    font-size: 9px;
    line-height: 8px;
    text-align: center;
    font-weight: 650;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 52px;
    padding-top: 12px;
    padding-bottom: 4px;
}

.schedule-square-button[b-6gkpjbek7l],
.schedule-filter-toggle[b-6gkpjbek7l],
.schedule-view-icon[b-6gkpjbek7l] {
    height: 36px;
    min-height: 36px;
    box-sizing: border-box;
    font-weight: 600;
}

.schedule-date-field[b-6gkpjbek7l] {
    height: 36px;
    min-height: 36px;
    box-sizing: border-box;
    border: 1px solid #d9d5df;
    font-size: 0.82rem;
    font-weight: 500;
}

.schedule-date-step + .schedule-date-field[b-6gkpjbek7l] {
    border-left: 0;
    border-right: 0;
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 600;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    position: relative;
    width: 14px;
    height: 14px;
    border: 0;
    transform: none;
}

.schedule-filter-icon[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border: 1.4px solid currentColor;
    border-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 62% 100%, 38% 100%);
}

.schedule-filter-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 2px;
    height: 4px;
    background: currentColor;
}

.schedule-view-toggle[b-6gkpjbek7l] {
    height: 36px;
}

.schedule-view-icon[b-6gkpjbek7l] {
    width: 34px;
}

.schedule-view-lines[b-6gkpjbek7l] {
    width: 15px;
    height: 14px;
    background:
        linear-gradient(currentColor, currentColor) left 1px / 15px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 6px / 15px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 11px / 15px 1.5px no-repeat;
}

.schedule-view-stack[b-6gkpjbek7l] {
    position: relative;
    width: 16px;
    height: 14px;
    background: none;
}

.schedule-view-stack[b-6gkpjbek7l]::before,
.schedule-view-stack[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    height: 5px;
    border: 1.5px solid currentColor;
    border-radius: 1px;
}

.schedule-view-stack[b-6gkpjbek7l]::before {
    top: 1px;
}

.schedule-view-stack[b-6gkpjbek7l]::after {
    bottom: 1px;
}

.schedule-search-box input[b-6gkpjbek7l] {
    font-size: 0.8rem;
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 8px;
}

.schedule-joined-actions[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
}

.schedule-joined-actions > .schedule-square-button[b-6gkpjbek7l],
.schedule-joined-actions > .schedule-menu-wrap > .schedule-square-button[b-6gkpjbek7l] {
    border-radius: 0;
    margin-left: -1px;
}

.schedule-joined-actions > .schedule-square-button:first-child[b-6gkpjbek7l] {
    margin-left: 0;
}

.schedule-report-wrap[b-6gkpjbek7l] {
    margin-left: 4px;
}

.schedule-publish-button[b-6gkpjbek7l] {
    margin-left: 6px;
    font-weight: 650;
}

.schedule-action-icon[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
}

.schedule-action-icon.create[b-6gkpjbek7l] {
    border: 1.4px solid currentColor;
    border-radius: 2px;
}

.schedule-action-icon.create[b-6gkpjbek7l]::before {
    top: 5px;
    border-top-width: 1.4px;
}

.schedule-action-icon.create[b-6gkpjbek7l]::after {
    right: -4px;
    bottom: -4px;
    width: 10px;
    height: 10px;
    font-size: 10px;
    line-height: 9px;
    font-weight: 650;
}

.schedule-action-icon.intake[b-6gkpjbek7l] {
    border: 1.4px solid currentColor;
    border-radius: 2px;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 5px;
    height: 1.4px;
    background: currentColor;
    border: 0;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    right: -3px;
    bottom: 1px;
    width: 9px;
    height: 6px;
    border-right: 1.4px solid currentColor;
    border-bottom: 1.4px solid currentColor;
    transform: skewX(-18deg);
    background: #ffffff;
}

.schedule-action-icon.reports[b-6gkpjbek7l] {
    border: 1.4px solid currentColor;
    border-radius: 2px;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::before {
    left: 6px;
    top: 4px;
    width: 7px;
    height: 1.4px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::after {
    left: 3px;
    top: 4px;
    width: 1.5px;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-week-header[b-6gkpjbek7l] {
    padding-top: 2px;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    border-bottom: 0;
}

.schedule-day-header[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 500;
}

.schedule-day-header strong[b-6gkpjbek7l],
.schedule-day-header span[b-6gkpjbek7l] {
    font-size: 0.82rem;
    font-weight: 600;
}

.schedule-section-heading h1[b-6gkpjbek7l] {
    font-size: 1.08rem;
    font-weight: 700;
}

.schedule-section-heading p[b-6gkpjbek7l] {
    font-size: 0.78rem;
}

.schedule-block-meta[b-6gkpjbek7l] {
    font-size: 0.75rem;
    font-weight: 600;
}

.schedule-position-pill[b-6gkpjbek7l] {
    font-size: 0.73rem;
    font-weight: 650;
}

.schedule-position-cell[b-6gkpjbek7l],
.schedule-coverage-slot[b-6gkpjbek7l] {
    min-height: 40px;
    border-right: 1px solid #ece8ef;
    border-bottom: 1px solid #ece8ef;
}

.schedule-coverage-slot[b-6gkpjbek7l] {
    display: flex;
    align-items: stretch;
    padding: 4px;
    background: #ffffff;
    min-width: 0;
}

.schedule-coverage-slot.no-shift[b-6gkpjbek7l] {
    align-items: center;
    justify-content: center;
    color: #bab4c0;
    font-size: 0.78rem;
}

.schedule-coverage-cell[b-6gkpjbek7l] {
    width: 100%;
    min-height: 30px;
    border: 1px solid #e4dfe8;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 0.72rem;
    font-weight: 500;
    box-sizing: border-box;
}

button.schedule-coverage-cell[b-6gkpjbek7l] {
    border: 1px solid #e4dfe8;
}

.schedule-cell-hours[b-6gkpjbek7l] {
    font-size: 0.72rem;
    font-weight: 550;
}

.schedule-cell-badge[b-6gkpjbek7l] {
    min-width: 16px;
    height: 15px;
    font-size: 0.63rem;
    font-weight: 650;
}

.schedule-cell-expanded[b-6gkpjbek7l] {
    font-size: 0.68rem;
}

.schedule-coverage-board.expanded .schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 76px;
}

.schedule-workspace-page[b-6gkpjbek7l] {
    font-size: 0.84rem;
}

.schedule-top-tabs[b-6gkpjbek7l] {
    padding-bottom: 0;
}

.schedule-top-tabs[b-6gkpjbek7l]::after {
    left: 24px;
    right: 36px;
}

.schedule-top-tab[b-6gkpjbek7l] {
    min-height: 58px;
    padding: 0 0;
    font-size: 0.72rem;
    font-weight: 600;
}

.schedule-top-tab span:not(.schedule-tab-badge)[b-6gkpjbek7l] {
    line-height: 1;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 19px;
    height: 16px;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    left: 1px;
    right: 1px;
    top: 1px;
    height: 1.4px;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 3px;
    height: 1.4px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 18px;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::before {
    left: 1px;
    top: 5px;
    width: 8px;
    height: 8px;
    border: 1.25px solid currentColor;
    border-radius: 50%;
    box-shadow: 4px 8px 0 -4px currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    right: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    line-height: 8px;
    font-size: 8px;
    border-radius: 2px;
    border-width: 1.25px;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 50px;
    align-items: center;
}

.schedule-range-picker[b-6gkpjbek7l] {
    align-items: stretch;
}

.schedule-date-step[b-6gkpjbek7l],
.schedule-square-button[b-6gkpjbek7l] {
    width: 34px;
    height: 34px;
    min-height: 34px;
    flex: 0 0 34px;
}

.schedule-date-field[b-6gkpjbek7l] {
    height: 34px;
    min-height: 34px;
    align-items: center;
    padding: 0 34px;
    font-size: 0.78rem;
    font-weight: 500;
}

.schedule-date-icon[b-6gkpjbek7l] {
    width: 13px;
    height: 13px;
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    height: 34px;
    min-height: 34px;
    padding: 0 11px;
    font-size: 0.78rem;
    font-weight: 600;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    width: 13px;
    height: 13px;
}

.schedule-filter-icon[b-6gkpjbek7l]::before {
    left: 1px;
    top: 1px;
    width: 11px;
    height: 8px;
    border: 1.3px solid currentColor;
    border-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 58% 100%, 42% 100%);
}

.schedule-filter-icon[b-6gkpjbek7l]::after {
    left: 6px;
    top: 8px;
    width: 1.4px;
    height: 4px;
}

.schedule-view-toggle[b-6gkpjbek7l] {
    height: 34px;
}

.schedule-view-icon[b-6gkpjbek7l] {
    width: 34px;
    height: 34px;
    min-height: 34px;
}

.schedule-view-stack[b-6gkpjbek7l] {
    width: 15px;
    height: 15px;
}

.schedule-view-stack[b-6gkpjbek7l]::before,
.schedule-view-stack[b-6gkpjbek7l]::after {
    left: 2px;
    right: 2px;
    height: 1.5px;
    border: 0;
    border-radius: 0;
    background: currentColor;
}

.schedule-view-stack[b-6gkpjbek7l]::before {
    top: 3px;
    box-shadow: 0 5px 0 currentColor;
}

.schedule-view-stack[b-6gkpjbek7l]::after {
    bottom: 2px;
}

.schedule-search-box[b-6gkpjbek7l] {
    height: 36px;
}

.schedule-search-box input[b-6gkpjbek7l] {
    font-size: 0.78rem;
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 0;
}

.schedule-joined-actions[b-6gkpjbek7l] {
    margin-right: 7px;
}

.schedule-report-wrap[b-6gkpjbek7l] {
    margin-left: 0;
    margin-right: 9px;
}

.schedule-publish-button[b-6gkpjbek7l] {
    height: 34px;
    min-height: 34px;
    margin-left: 0;
    padding: 0 18px;
    font-size: 0.76rem;
    font-weight: 650;
}

.schedule-more-button[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.schedule-more-button span[b-6gkpjbek7l] {
    display: block;
    min-width: 14px;
    line-height: 1;
    text-align: center;
    letter-spacing: 1.5px;
    transform: translateY(-1px);
}

.schedule-action-icon.create[b-6gkpjbek7l] {
    border-width: 1.25px;
}

.schedule-action-icon.create[b-6gkpjbek7l]::after {
    right: -3px;
    bottom: -3px;
    width: 9px;
    height: 9px;
    font-size: 9px;
    line-height: 8px;
}

.schedule-action-icon.intake[b-6gkpjbek7l] {
    border: 0;
    width: 18px;
    height: 16px;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::before {
    left: 2px;
    right: 2px;
    top: 2px;
    height: 1.5px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-action-icon.intake[b-6gkpjbek7l]::after {
    right: 0;
    bottom: 1px;
    width: 8px;
    height: 5px;
    border-right: 1.3px solid currentColor;
    border-bottom: 1.3px solid currentColor;
    transform: skewX(-16deg);
}

.schedule-action-icon.reports[b-6gkpjbek7l] {
    border-width: 1.25px;
    width: 17px;
    height: 18px;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::before {
    left: 6px;
    top: 5px;
    width: 7px;
    height: 1.25px;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-action-icon.reports[b-6gkpjbek7l]::after {
    left: 3px;
    top: 5px;
    width: 1.3px;
    height: 1.3px;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l],
.schedule-day-header.active[b-6gkpjbek7l] {
    border-bottom: 0;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    box-shadow: none;
}

.schedule-day-header strong[b-6gkpjbek7l],
.schedule-day-header span[b-6gkpjbek7l] {
    font-size: 0.78rem;
    font-weight: 600;
}

.schedule-section-heading h1[b-6gkpjbek7l] {
    font-size: 1rem;
    font-weight: 650;
}

.schedule-section-heading p[b-6gkpjbek7l],
.schedule-legend[b-6gkpjbek7l] {
    font-size: 0.74rem;
}

.schedule-block-meta[b-6gkpjbek7l],
.schedule-group-chip[b-6gkpjbek7l] {
    font-size: 0.71rem;
    font-weight: 600;
}

.schedule-position-pill[b-6gkpjbek7l] {
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-coverage-slot[b-6gkpjbek7l] {
    padding: 4px;
}

.schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 28px;
    border-radius: 3px;
    padding: 4px 6px;
    font-size: 0.7rem;
    font-weight: 500;
}

.schedule-cell-hours[b-6gkpjbek7l] {
    font-size: 0.7rem;
    font-weight: 500;
}

.schedule-cell-badge[b-6gkpjbek7l] {
    min-width: 15px;
    height: 14px;
    font-size: 0.6rem;
    font-weight: 650;
}

.schedule-shift-detail-panel[b-6gkpjbek7l] {
    width: min(640px, 42vw);
    background: #ffffff;
}

.schedule-shift-detail-header[b-6gkpjbek7l] {
    flex: 0 0 auto;
    padding: 18px 22px 12px;
    background: #f6f4f8;
    border-bottom: 1px solid #e6e1ea;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.schedule-shift-detail-header .schedule-flyout-close[b-6gkpjbek7l] {
    border: 1px solid #d7d1de;
    background: #ffffff;
    color: #514a5b;
}

.schedule-shift-detail-header .schedule-flyout-close:hover[b-6gkpjbek7l] {
    border-color: #8f6eba;
    color: #6f4fa1;
}

.schedule-shift-detail-title[b-6gkpjbek7l] {
    margin: 0 0 8px;
    font-size: 1.08rem;
    font-weight: 600;
    color: #262335;
    line-height: 1.2;
}

.schedule-shift-detail-meta[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    color: #6f6878;
    font-size: 0.75rem;
    font-weight: 500;
}

.schedule-shift-progress[b-6gkpjbek7l] {
    flex: 0 0 auto;
    padding: 0 22px 14px;
    background: #f6f4f8;
    color: #61596b;
    font-size: 0.74rem;
}

.schedule-shift-progress-bar[b-6gkpjbek7l] {
    height: 7px;
    border-radius: 999px;
    background: #ddd8e2;
    overflow: hidden;
    margin-bottom: 8px;
}

.schedule-shift-progress-bar span[b-6gkpjbek7l] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #42b997;
}

.schedule-flyout-toast[b-6gkpjbek7l],
.schedule-match-message[b-6gkpjbek7l] {
    margin: 10px 22px 0;
    padding: 8px 10px;
    border: 1px solid #d6d0de;
    background: #fbfaff;
    color: #4f465d;
    font-size: 0.76rem;
    font-weight: 500;
}

.schedule-flyout-toast.success[b-6gkpjbek7l],
.schedule-match-message.success[b-6gkpjbek7l] {
    border-color: #bfe8dc;
    background: #edf9f5;
    color: #15715a;
}

.schedule-flyout-toast.error[b-6gkpjbek7l],
.schedule-match-message.error[b-6gkpjbek7l] {
    border-color: #efc2c9;
    background: #fff2f4;
    color: #a64052;
}

.schedule-shift-detail-body[b-6gkpjbek7l] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 16px 22px 84px;
    background: #ffffff;
}

.schedule-shift-detail-date[b-6gkpjbek7l] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    color: #574f60;
    font-size: 0.78rem;
}

.schedule-shift-detail-date strong[b-6gkpjbek7l] {
    font-size: 0.9rem;
    font-weight: 600;
    color: #2d2936;
}

.schedule-shift-time-card[b-6gkpjbek7l] {
    border: 1px solid #e7e2eb;
    margin-bottom: 12px;
    background: #ffffff;
}

.schedule-shift-time-row[b-6gkpjbek7l] {
    width: 100%;
    min-height: 42px;
    border: 0;
    background: #f0eef2;
    color: #3b3445;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 12px;
    text-align: left;
}

.schedule-shift-time-row > div[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.schedule-shift-time-row strong[b-6gkpjbek7l] {
    font-size: 0.8rem;
    font-weight: 650;
}

.schedule-shift-time-row span[b-6gkpjbek7l] {
    font-size: 0.72rem;
    color: #6a6272;
}

.schedule-row-chevron[b-6gkpjbek7l] {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    margin-left: 4px;
}

.schedule-row-chevron.up[b-6gkpjbek7l] {
    transform: rotate(225deg);
}

.schedule-shift-time-content[b-6gkpjbek7l] {
    padding: 12px;
}

.schedule-shift-detail-links[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeaf1;
    color: #595164;
    font-size: 0.74rem;
}

.schedule-shift-detail-links strong[b-6gkpjbek7l] {
    font-weight: 650;
    color: #342f3d;
}

.schedule-slot-section[b-6gkpjbek7l] {
    padding: 12px 0;
    border-bottom: 1px solid #eeeaf1;
}

.schedule-slot-section:last-of-type[b-6gkpjbek7l] {
    border-bottom: 0;
}

.schedule-slot-section-title[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    font-size: 0.76rem;
    color: #51485c;
}

.schedule-slot-section-titlebar[b-6gkpjbek7l] {
    min-height: 32px;
    margin-bottom: 0;
    padding: 7px 10px;
    background: #f0eef2;
}

.schedule-slot-section-title strong[b-6gkpjbek7l] {
    font-weight: 650;
}

.schedule-time-rail[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(46px, 1fr));
    gap: 0;
    padding: 7px 8px 8px;
    color: #9a93a1;
    font-size: 0.64rem;
    font-weight: 600;
    text-align: center;
}

.schedule-open-slot-grid[b-6gkpjbek7l] {
    display: grid;
    gap: 8px;
}

.schedule-open-slot-box[b-6gkpjbek7l] {
    min-height: 38px;
    border: 1px solid #bcb0cd;
    border-radius: 3px;
    background: #ffffff;
    color: #4b4257;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 12px;
    text-align: left;
}

.schedule-open-slot-box strong[b-6gkpjbek7l] {
    font-size: 0.78rem;
    font-weight: 650;
}

.schedule-open-slot-box span[b-6gkpjbek7l] {
    font-size: 0.72rem;
    color: #786f82;
}

.schedule-open-slot-box:hover[b-6gkpjbek7l] {
    border-color: #8f6eba;
    background: #fbf8ff;
}

.schedule-scheduled-list[b-6gkpjbek7l] {
    display: grid;
    gap: 8px;
}

.schedule-scheduled-worker[b-6gkpjbek7l] {
    min-height: 36px;
    border: 1px solid #cfc3dc;
    background: #f5f0fb;
    color: #403848;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    position: relative;
}

.schedule-scheduled-worker[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 10px;
    display: none;
}

.schedule-scheduled-worker.staged[b-6gkpjbek7l] {
    border-style: dashed;
    background: #fbf7ff;
}

.schedule-open-slot-staged[b-6gkpjbek7l] {
    border-style: dashed;
    border-color: #bde7d8;
    background: #effaf5;
}

.schedule-open-slot-staged .schedule-inline-link[b-6gkpjbek7l] {
    color: #267a58;
}

.schedule-scheduled-worker.has-warning[b-6gkpjbek7l] {
    border-color: #e7bd65;
}

.schedule-scheduled-worker-main[b-6gkpjbek7l] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.schedule-scheduled-worker-main span[b-6gkpjbek7l] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #736b7d;
    font-size: 0.64rem;
}

.schedule-rate-pill[b-6gkpjbek7l] {
    min-width: 24px;
    min-height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border-radius: 2px;
    font-size: 0.62rem;
    font-weight: 750;
}

.schedule-rate-pill.rt[b-6gkpjbek7l] {
    background: #dff5ee;
    color: #17805f;
}

.schedule-rate-pill.ot[b-6gkpjbek7l] {
    background: #f7e3e7;
    color: #bd4056;
}

.schedule-warning-count[b-6gkpjbek7l] {
    min-width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    background: #efb955;
    color: #ffffff;
    font-size: 0.62rem;
    font-weight: 800;
}

.schedule-worker-hover[b-6gkpjbek7l] {
    display: none;
    position: absolute;
    left: 18px;
    right: 18px;
    top: calc(100% - 1px);
    z-index: 5;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #e0d8e8;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(36, 29, 47, 0.18);
    color: #4a4354;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
}

.schedule-scheduled-worker:hover[b-6gkpjbek7l]::after,
.schedule-scheduled-worker:hover .schedule-worker-hover[b-6gkpjbek7l],
.schedule-worker-hover:hover[b-6gkpjbek7l] {
    display: grid;
}

.schedule-scheduled-worker:hover[b-6gkpjbek7l]::after {
    display: block;
}

.schedule-worker-hover:hover[b-6gkpjbek7l] {
    display: grid;
}

.schedule-worker-hover strong[b-6gkpjbek7l],
.schedule-worker-hover span[b-6gkpjbek7l] {
    font-size: 0.66rem;
    white-space: nowrap;
}

.schedule-worker-hover > span[b-6gkpjbek7l] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.schedule-worker-hover button[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #c65562;
    cursor: pointer;
    font-size: 0.66rem;
    font-weight: 700;
}

.schedule-worker-hover button:hover[b-6gkpjbek7l] {
    color: #a93242;
    text-decoration: underline;
}

.schedule-warning-chip-row[b-6gkpjbek7l] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.schedule-warning-chip-row span[b-6gkpjbek7l] {
    padding: 2px 5px;
    background: #f5bd59;
    color: #ffffff;
    font-size: 0.58rem;
    font-weight: 700;
}

.schedule-scheduled-avatar[b-6gkpjbek7l],
.schedule-match-avatar[b-6gkpjbek7l] {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #a079cd;
    color: #ffffff;
    font-size: 0.66rem;
    font-weight: 650;
}

.schedule-match-panel[b-6gkpjbek7l] {
    position: fixed;
    top: 0;
    right: min(640px, 42vw);
    bottom: 0;
    height: 100vh;
    max-height: 100vh;
    width: min(520px, 32vw);
    z-index: 3002;
    background: #ffffff;
    border-left: 1px solid #ded8e5;
    border-right: 1px solid #ded8e5;
    box-shadow: -18px 0 42px rgba(29, 24, 38, 0.16);
    padding: 24px 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.schedule-match-search[b-6gkpjbek7l] {
    margin-bottom: 14px;
    position: relative;
    flex: 0 0 auto;
}

.schedule-match-search label[b-6gkpjbek7l] {
    height: 42px;
    border: 1px solid #e2dde8;
    display: flex;
    align-items: center;
    padding: 0 10px;
    gap: 10px;
}

.schedule-match-search input[b-6gkpjbek7l] {
    flex: 1 1 auto;
    border: 0;
    outline: 0;
    font-size: 0.82rem;
    color: #342f3d;
}

.schedule-match-search-results[b-6gkpjbek7l] {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    z-index: 2;
    max-height: 236px;
    overflow-y: auto;
    border: 1px solid #ded7e6;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(31, 27, 39, 0.18);
    padding: 6px;
}

.schedule-match-search-row[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 7px;
    min-height: 34px;
    border: 1px solid #e5dfeb;
    padding: 5px 6px;
    font-size: 0.66rem;
}

.schedule-match-search-row + .schedule-match-search-row[b-6gkpjbek7l] {
    margin-top: 5px;
}

.schedule-match-search-row > div[b-6gkpjbek7l] {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.schedule-match-search-row span[b-6gkpjbek7l],
.schedule-match-search-row small[b-6gkpjbek7l] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #756d7e;
    font-size: 0.62rem;
}

.schedule-match-search-row > strong[b-6gkpjbek7l] {
    font-size: 0.62rem;
    font-weight: 700;
    white-space: nowrap;
}

.schedule-match-message[b-6gkpjbek7l] {
    margin: 0 0 10px;
}

.schedule-match-section[b-6gkpjbek7l] {
    margin-bottom: 9px;
    min-height: 0;
    flex: 0 1 auto;
}

.schedule-match-section-header[b-6gkpjbek7l] {
    width: 100%;
    min-height: 38px;
    border: 0;
    background: #f0eef2;
    color: #403848;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    text-align: left;
    font-size: 0.8rem;
    font-weight: 650;
}

.schedule-match-section-header small[b-6gkpjbek7l] {
    color: #7a7184;
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-match-list[b-6gkpjbek7l] {
    display: grid;
    gap: 7px;
    padding: 8px 0 2px;
    max-height: clamp(132px, 22vh, 230px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

.schedule-match-row[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr) auto auto auto;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    border: 1px solid #e5dfeb;
    background: #ffffff;
    padding: 7px 8px;
}

.schedule-match-row.available[b-6gkpjbek7l],
.schedule-match-search-row.available[b-6gkpjbek7l] {
    border-color: #bde7d8;
    background: #effaf5;
}

.schedule-match-row.conflict[b-6gkpjbek7l],
.schedule-match-search-row.conflict[b-6gkpjbek7l] {
    border-color: #efd58a;
    background: #fff8e2;
}

.schedule-match-row.ineligible[b-6gkpjbek7l],
.schedule-match-search-row.ineligible[b-6gkpjbek7l] {
    border-color: #f0bdc4;
    background: #fff3f5;
}

.schedule-match-row > div[b-6gkpjbek7l] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.schedule-match-row span[b-6gkpjbek7l],
.schedule-match-row small[b-6gkpjbek7l] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #756d7e;
    font-size: 0.68rem;
}

.schedule-match-row > strong[b-6gkpjbek7l] {
    color: #6f4fa1;
    font-size: 0.72rem;
    font-weight: 650;
}

.schedule-match-row .schedule-warning-count[b-6gkpjbek7l],
.schedule-match-search-row .schedule-warning-count[b-6gkpjbek7l] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    font-size: 0.58rem;
}

.schedule-match-row .schedule-mini-action[b-6gkpjbek7l],
.schedule-match-search-row .schedule-mini-action[b-6gkpjbek7l] {
    min-width: 42px;
}

.schedule-shift-detail-footer[b-6gkpjbek7l] {
    position: sticky;
    bottom: 0;
    z-index: 2;
    flex: 0 0 auto;
    min-height: 58px;
    padding: 10px 22px;
    border-top: 1px solid #e4dfe8;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.schedule-shift-detail-footer > div[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.schedule-confirm-scrim[b-6gkpjbek7l] {
    position: fixed;
    inset: 0;
    z-index: 3100;
    background: rgba(38, 35, 49, 0.42);
}

.schedule-confirm-modal[b-6gkpjbek7l] {
    position: fixed;
    z-index: 3101;
    left: 50%;
    top: 50%;
    width: min(430px, calc(100vw - 32px));
    transform: translate(-50%, -50%);
    padding: 16px;
    border: 1px solid #d8d1df;
    background: #ffffff;
    box-shadow: 0 22px 52px rgba(27, 22, 34, 0.24);
    display: grid;
    gap: 12px;
}

.schedule-confirm-modal h2[b-6gkpjbek7l] {
    margin: 0;
    font-size: 1rem;
    font-weight: 650;
}

.schedule-confirm-modal p[b-6gkpjbek7l] {
    margin: 0;
    color: #665f6f;
    font-size: 0.76rem;
}

.schedule-confirm-modal label[b-6gkpjbek7l] {
    display: grid;
    gap: 5px;
    font-size: 0.68rem;
    font-weight: 700;
    color: #655d70;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.schedule-confirm-modal select[b-6gkpjbek7l],
.schedule-confirm-modal textarea[b-6gkpjbek7l] {
    border: 1px solid #d8d1df;
    background: #ffffff;
    color: #2f2a37;
    font: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    padding: 8px 9px;
}

.schedule-confirm-actions[b-6gkpjbek7l] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.schedule-match-row.available > strong[b-6gkpjbek7l],
.schedule-match-search-row.available > strong[b-6gkpjbek7l] {
    color: #267a58;
}

.schedule-match-row.conflict > strong[b-6gkpjbek7l],
.schedule-match-search-row.conflict > strong[b-6gkpjbek7l] {
    color: #9a6d12;
}

.schedule-match-row.ineligible > strong[b-6gkpjbek7l],
.schedule-match-search-row.ineligible > strong[b-6gkpjbek7l] {
    color: #ad3d4d;
}

@media (max-width: 1180px) {
    .schedule-shift-detail-panel[b-6gkpjbek7l] {
        width: min(580px, 48vw);
    }

    .schedule-match-panel[b-6gkpjbek7l] {
        right: min(580px, 48vw);
        width: min(420px, 34vw);
    }
}

@media (max-width: 1450px) {
    .schedule-control-row[b-6gkpjbek7l] {
        flex-wrap: nowrap;
        align-items: center;
        gap: 7px;
    }

    .schedule-date-field[b-6gkpjbek7l] {
        min-width: 220px;
        padding: 0 22px;
    }

    .schedule-filter-toggle[b-6gkpjbek7l] {
        min-width: 106px;
        padding: 0 10px;
    }

    .schedule-search-box[b-6gkpjbek7l] {
        flex: 0 1 180px;
        min-width: 130px;
        max-width: 180px;
    }

    .schedule-utility-actions[b-6gkpjbek7l] {
        margin-left: 0;
    }

    .schedule-publish-button[b-6gkpjbek7l] {
        flex: 0 0 auto;
        padding: 0 12px;
        font-size: 0.72rem;
    }
}

@media (max-width: 1180px) {
    .schedule-workspace-page[b-6gkpjbek7l] {
        height: calc(100vh - 112px);
    }

    .schedule-left-rail[b-6gkpjbek7l] {
        flex-basis: 144px;
        width: 144px;
    }

    .schedule-control-row[b-6gkpjbek7l] {
        flex-wrap: nowrap;
        align-items: center;
        gap: 6px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .schedule-square-button[b-6gkpjbek7l] {
        width: 32px;
    }

    .schedule-date-field[b-6gkpjbek7l] {
        min-width: 154px;
    }

    .schedule-filter-toggle[b-6gkpjbek7l] {
        min-width: 104px;
        padding: 0 10px;
    }

    .schedule-view-icon[b-6gkpjbek7l] {
        width: 30px;
    }

    .schedule-search-box[b-6gkpjbek7l] {
        flex: 1 1 122px;
        min-width: 116px;
    }

    .schedule-utility-actions[b-6gkpjbek7l] {
        margin-left: 0;
        gap: 4px;
    }

    .schedule-publish-button[b-6gkpjbek7l] {
        min-width: 138px;
        margin-left: 0;
        padding: 0 8px;
        font-size: 0.72rem;
        line-height: 1.15;
    }

    .schedule-filter-popover[b-6gkpjbek7l] {
        top: 152px;
        left: 184px;
    }

    .schedule-request-candidate-row[b-6gkpjbek7l] {
        grid-template-columns: 34px minmax(160px, 1fr) 78px 82px minmax(120px, 1fr) 140px;
    }

    .schedule-request-candidate-row .schedule-request-metric:nth-of-type(3)[b-6gkpjbek7l] {
        display: none;
    }

    .schedule-filter-panel[b-6gkpjbek7l] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .schedule-workspace-page[b-6gkpjbek7l] {
        height: auto;
        min-height: calc(100vh - 112px);
        flex-direction: column;
        overflow: visible;
        margin: -12px;
    }

    .schedule-left-rail[b-6gkpjbek7l] {
        width: 100%;
        flex: 0 0 auto;
        padding: 10px 12px;
        border-right: 0;
        border-bottom: 1px solid #dedbe1;
    }

    .schedule-rail-nav[b-6gkpjbek7l] {
        flex-direction: row;
        overflow-x: auto;
    }

    .schedule-rail-item[b-6gkpjbek7l] {
        flex: 0 0 auto;
        width: auto;
        min-width: 104px;
    }

    .schedule-rail-item.active[b-6gkpjbek7l]::before {
        left: 8px;
        right: 8px;
        top: auto;
        bottom: 0;
        width: auto;
        height: 2px;
    }

    .schedule-main-shell[b-6gkpjbek7l] {
        min-height: calc(100vh - 190px);
    }

    .schedule-top-tabs[b-6gkpjbek7l],
    .schedule-control-row[b-6gkpjbek7l],
    .schedule-scroll-region[b-6gkpjbek7l],
    .schedule-filter-panel[b-6gkpjbek7l],
    .schedule-week-header[b-6gkpjbek7l] {
        padding-left: 12px;
        padding-right: 12px;
    }

    .schedule-top-tabs[b-6gkpjbek7l] {
        gap: 18px;
        overflow-x: auto;
    }

    .schedule-control-row[b-6gkpjbek7l] {
        gap: 8px;
        flex-wrap: wrap;
    }

    .schedule-date-field[b-6gkpjbek7l] {
        min-width: 190px;
    }

    .schedule-search-box[b-6gkpjbek7l] {
        min-width: 100%;
        flex-basis: 100%;
        order: 4;
    }

    .schedule-publish-button[b-6gkpjbek7l] {
        min-width: 100%;
        margin-left: 0;
        order: 8;
    }

    .schedule-publish-note-row[b-6gkpjbek7l] {
        justify-content: flex-start;
        padding-left: 12px;
        padding-right: 12px;
    }

    .schedule-filter-popover[b-6gkpjbek7l] {
        position: static;
        width: auto;
        margin: 0 12px 12px;
        box-shadow: 0 12px 24px rgba(31, 27, 39, 0.12);
    }

    .schedule-filter-panel[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
    }

    .schedule-scroll-region[b-6gkpjbek7l] {
        overflow: auto;
    }

    .schedule-card-list[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
    }

    .schedule-section-heading[b-6gkpjbek7l] {
        align-items: flex-start;
        flex-direction: column;
    }

    .schedule-flyout-summary[b-6gkpjbek7l],
    .schedule-flyout-grid[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
    }

    .schedule-request-shift-header[b-6gkpjbek7l],
    .schedule-request-candidate-row[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .schedule-request-progress[b-6gkpjbek7l] {
        align-items: flex-start;
    }

    .schedule-request-actions[b-6gkpjbek7l] {
        justify-content: flex-start;
    }

    .schedule-post-open-panel[b-6gkpjbek7l] {
        width: 100%;
    }

    .schedule-post-body[b-6gkpjbek7l],
    .schedule-post-footer[b-6gkpjbek7l] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .schedule-post-controls[b-6gkpjbek7l] {
        flex-direction: column;
        align-items: stretch;
    }

    .schedule-post-date[b-6gkpjbek7l] {
        width: 100%;
    }

    .schedule-match-panel[b-6gkpjbek7l] {
        left: 0;
        right: auto;
        width: min(100vw, 520px);
        padding: 16px;
    }

    .schedule-match-list[b-6gkpjbek7l] {
        max-height: clamp(110px, 20vh, 190px);
    }
}

/* Final scheduling reference pass 3 overrides. Keep this block last. */
.schedule-top-tabs[b-6gkpjbek7l] {
    position: relative;
    border-bottom: 0;
}

.schedule-top-tabs[b-6gkpjbek7l]::after {
    left: 24px;
    right: 36px;
    bottom: 0;
}

.schedule-top-tab[b-6gkpjbek7l] {
    font-size: 0.71rem;
    font-weight: 600;
}

.schedule-tab-icon.list[b-6gkpjbek7l] {
    width: 20px;
    height: 17px;
    border: 0;
    background: none;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 4px;
    right: 0;
    top: 2px;
    height: 1.35px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.list[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 2px;
    height: 1.35px;
    background: currentColor;
    box-shadow: 0 6px 0 currentColor, 0 12px 0 currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l] {
    width: 22px;
    height: 19px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background: none;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 6px;
    width: 8px;
    height: 8px;
    border: 1.3px solid currentColor;
    border-radius: 999px;
    box-shadow: 4px 8px 0 -4px currentColor;
}

.schedule-tab-icon.requests[b-6gkpjbek7l]::after {
    content: "+";
    position: absolute;
    right: 1px;
    top: 1px;
    width: 10px;
    height: 10px;
    border: 1.3px solid currentColor;
    border-radius: 2px;
    background: #ffffff;
    color: currentColor;
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    font-weight: 600;
}

.schedule-control-row[b-6gkpjbek7l] {
    min-height: 48px;
    padding-top: 12px;
    padding-bottom: 4px;
}

.schedule-request-only-row[b-6gkpjbek7l] {
    min-height: 58px;
    justify-content: space-between;
    padding-bottom: 12px;
}

.schedule-request-log-control[b-6gkpjbek7l] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #514d5a;
    font-size: 0.82rem;
    font-weight: 500;
}

.schedule-request-log-toggle[b-6gkpjbek7l] {
    width: 54px;
    height: 26px;
    border: 1px solid #ded9e4;
    border-radius: 999px;
    background: #f2eff4;
    color: #7d7785;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 8px;
    font-size: 0.72rem;
    font-weight: 500;
    cursor: pointer;
}

.schedule-request-log-toggle.active[b-6gkpjbek7l] {
    justify-content: flex-start;
    background: #efe8f8;
    border-color: #c7b4de;
    color: #76599b;
}

.schedule-filter-popover.request-mode[b-6gkpjbek7l] {
    left: 24px;
    top: 106px;
}

.schedule-square-button[b-6gkpjbek7l],
.schedule-filter-toggle[b-6gkpjbek7l],
.schedule-view-icon[b-6gkpjbek7l],
.schedule-publish-button[b-6gkpjbek7l] {
    height: 34px;
    min-height: 34px;
}

.schedule-date-step[b-6gkpjbek7l] {
    width: 34px;
    flex-basis: 34px;
}

.schedule-date-field[b-6gkpjbek7l] {
    min-width: 246px;
    height: 34px;
    min-height: 34px;
    font-size: 0.78rem;
    font-weight: 500;
}

.schedule-filter-toggle[b-6gkpjbek7l] {
    min-width: 122px;
    gap: 8px;
    font-size: 0.78rem;
    font-weight: 600;
}

.schedule-filter-icon[b-6gkpjbek7l] {
    position: relative;
    width: 14px;
    height: 14px;
    border: 0;
    transform: none;
}

.schedule-filter-icon[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 12px;
    height: 7px;
    border: 1.35px solid currentColor;
    border-bottom: 0;
    clip-path: polygon(0 0, 100% 0, 61% 100%, 39% 100%);
}

.schedule-filter-icon[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 8px;
    width: 1.5px;
    height: 4px;
    background: currentColor;
}

.schedule-mode-toggle[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    height: 34px;
    border: 1px solid #d9d5df;
    margin-left: 2px;
}

.schedule-mode-toggle .schedule-view-icon[b-6gkpjbek7l] {
    border: 0;
    border-right: 1px solid #d9d5df;
}

.schedule-mode-toggle .schedule-view-icon:last-child[b-6gkpjbek7l] {
    border-right: 0;
}

.schedule-view-icon[b-6gkpjbek7l] {
    width: 34px;
    border-radius: 0;
    font-weight: 500;
}

.schedule-view-icon:focus[b-6gkpjbek7l] {
    outline: 0;
}

.schedule-view-icon:focus-visible[b-6gkpjbek7l] {
    box-shadow: inset 0 0 0 2px rgba(143, 110, 186, 0.34);
}

.schedule-view-icon.active[b-6gkpjbek7l] {
    background: #8f6eba;
    color: #ffffff;
}

.schedule-view-stack[b-6gkpjbek7l],
.schedule-view-lines[b-6gkpjbek7l] {
    color: currentColor;
}

.schedule-view-stack[b-6gkpjbek7l] {
    width: 16px;
    height: 14px;
    background:
        linear-gradient(currentColor, currentColor) left 2px top 2px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 2px top 7px / 12px 1.5px no-repeat,
        linear-gradient(currentColor, currentColor) left 2px top 12px / 12px 1.5px no-repeat;
}

.schedule-view-stack[b-6gkpjbek7l]::before,
.schedule-view-stack[b-6gkpjbek7l]::after {
    display: none;
}

.schedule-view-person[b-6gkpjbek7l],
.schedule-view-calendar[b-6gkpjbek7l] {
    position: relative;
    display: inline-block;
    width: 17px;
    height: 17px;
    color: currentColor;
}

.schedule-view-person[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 6px;
    height: 6px;
    border: 1.4px solid currentColor;
    border-radius: 999px;
}

.schedule-view-person[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    bottom: 2px;
    height: 7px;
    border: 1.4px solid currentColor;
    border-radius: 7px 7px 2px 2px;
}

.schedule-view-calendar[b-6gkpjbek7l] {
    border: 1.35px solid currentColor;
    border-radius: 2px;
}

.schedule-view-calendar[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 2px;
    right: 2px;
    top: 5px;
    border-top: 1.35px solid currentColor;
}

.schedule-view-calendar[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 4px;
    top: -2px;
    width: 7px;
    border-top: 1.35px solid currentColor;
}

.schedule-utility-actions[b-6gkpjbek7l] {
    gap: 0;
}

.schedule-joined-actions[b-6gkpjbek7l] {
    margin-right: 7px;
}

.schedule-report-wrap[b-6gkpjbek7l] {
    margin-left: 0;
    margin-right: 9px;
}

.schedule-publish-button[b-6gkpjbek7l] {
    margin-left: 0;
    padding: 0 18px;
    font-size: 0.76rem;
    font-weight: 650;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    border-bottom: 0;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    border-bottom: 0;
    box-shadow: inset 0 -2px 0 #8f6eba;
}

.schedule-section-heading h1[b-6gkpjbek7l] {
    font-size: 1rem;
    font-weight: 650;
}

.schedule-section-heading p[b-6gkpjbek7l],
.schedule-legend[b-6gkpjbek7l],
.schedule-group-meta[b-6gkpjbek7l],
.schedule-request-board[b-6gkpjbek7l] {
    font-size: 0.75rem;
}

.schedule-position-cell[b-6gkpjbek7l],
.schedule-coverage-slot[b-6gkpjbek7l] {
    min-height: 34px;
}

.schedule-position-pill[b-6gkpjbek7l] {
    min-height: 22px;
    padding: 4px 10px;
    font-size: 0.7rem;
    font-weight: 650;
}

.schedule-coverage-board:not(.expanded) .schedule-coverage-slot[b-6gkpjbek7l] {
    align-items: center;
    padding: 4px;
}

.schedule-coverage-board:not(.expanded) .schedule-coverage-cell[b-6gkpjbek7l] {
    min-height: 26px;
    height: 26px;
    padding: 3px 6px;
    align-self: center;
    border-radius: 3px;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-hours[b-6gkpjbek7l] {
    font-size: 0.68rem;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-status-dot[b-6gkpjbek7l] {
    width: 6px;
    height: 6px;
}

.schedule-coverage-board:not(.expanded) .schedule-cell-badge[b-6gkpjbek7l] {
    min-width: 15px;
    height: 14px;
    font-size: 0.6rem;
}

.schedule-staff-grid-wrap[b-6gkpjbek7l] {
    overflow-x: auto;
    border-top: 1px solid #ece8ef;
    border-left: 1px solid #ece8ef;
}

.schedule-staff-grid[b-6gkpjbek7l] {
    min-width: 1020px;
    display: grid;
    align-items: stretch;
}

.schedule-staff-name-cell[b-6gkpjbek7l],
.schedule-staff-day-cell[b-6gkpjbek7l] {
    min-height: 42px;
    border-right: 1px solid #ece8ef;
    border-bottom: 1px solid #ece8ef;
    background: #ffffff;
}

.schedule-staff-name-cell[b-6gkpjbek7l] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 8px;
    align-content: center;
    padding: 6px 10px 6px 14px;
}

.schedule-staff-name[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #3f3949;
    padding: 0;
    text-align: left;
    font-size: 0.76rem;
    font-weight: 650;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
}

.schedule-staff-name-cell > span[b-6gkpjbek7l],
.schedule-staff-name-cell > em[b-6gkpjbek7l] {
    color: #766f7f;
    font-size: 0.68rem;
    font-style: normal;
    font-weight: 500;
}

.schedule-staff-name-cell.overtime > em[b-6gkpjbek7l] {
    color: #bd5364;
    font-weight: 650;
}

.schedule-staff-popover[b-6gkpjbek7l] {
    position: absolute;
    left: 16px;
    top: calc(100% - 4px);
    z-index: 25;
    min-width: 210px;
    display: none;
    flex-direction: column;
    gap: 3px;
    border: 1px solid #d8d1df;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(32, 27, 40, 0.16);
    padding: 10px 12px;
    color: #3f3949;
    font-size: 0.76rem;
}

.schedule-staff-name-cell:hover .schedule-staff-popover[b-6gkpjbek7l],
.schedule-staff-name-cell:focus-within .schedule-staff-popover[b-6gkpjbek7l] {
    display: flex;
}

.schedule-staff-day-cell[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    padding: 5px;
}

.schedule-staff-empty[b-6gkpjbek7l] {
    display: block;
    min-height: 22px;
}

.schedule-staff-shift-block[b-6gkpjbek7l] {
    width: 100%;
    min-height: 30px;
    border: 1px solid #c9eadf;
    border-radius: 3px;
    background: #e0f6ee;
    color: #277e64;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    text-align: left;
    font-size: 0.72rem;
    font-weight: 600;
    cursor: pointer;
}

.schedule-staff-shift-block small[b-6gkpjbek7l] {
    color: #5b7d73;
    font-size: 0.66rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-staff-check[b-6gkpjbek7l] {
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #2da37b;
    flex: 0 0 auto;
}

.schedule-requests-workspace[b-6gkpjbek7l] {
    padding-top: 26px;
}

.schedule-request-board[b-6gkpjbek7l] {
    margin-top: 0;
}

.schedule-request-day h2[b-6gkpjbek7l] {
    font-size: 1.06rem;
    font-weight: 650;
}

.schedule-match-row.can-drag[b-6gkpjbek7l] {
    cursor: grab;
    touch-action: none;
}

.schedule-match-row.can-drag:active[b-6gkpjbek7l] {
    cursor: grabbing;
}

.schedule-match-row.unavailable[b-6gkpjbek7l] {
    opacity: 0.72;
}

.schedule-open-slot-box[b-6gkpjbek7l] {
    position: relative;
}

.schedule-open-slot-box[b-6gkpjbek7l]::after {
    content: "Drop candidate here";
    position: absolute;
    inset: 0;
    pointer-events: none;
    display: none;
    align-items: center;
    justify-content: center;
    border: 1px dashed #8f6eba;
    background: rgba(246, 241, 251, 0.88);
    color: #76599b;
    font-size: 0.72rem;
    font-weight: 650;
}

.schedule-open-slot-box:hover[b-6gkpjbek7l]::after {
    display: flex;
}

.schedule-template-only-row[b-6gkpjbek7l] {
    justify-content: space-between;
    align-items: center;
}

.schedule-template-toolbar-copy[b-6gkpjbek7l] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.schedule-template-toolbar-copy strong[b-6gkpjbek7l] {
    color: #2b2732;
    font-size: 0.86rem;
    font-weight: 650;
}

.schedule-template-toolbar-copy span[b-6gkpjbek7l] {
    color: #776f80;
    font-size: 0.74rem;
    font-weight: 500;
}

.schedule-template-workspace[b-6gkpjbek7l] {
    padding-top: 18px;
}

.schedule-template-table-wrap[b-6gkpjbek7l] {
    overflow-x: auto;
    border: 1px solid #ece8ef;
    background: #ffffff;
}

.schedule-template-table[b-6gkpjbek7l] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
    font-size: 0.76rem;
}

.schedule-shift-time-table[b-6gkpjbek7l] {
    min-width: 720px;
}

.schedule-template-table th[b-6gkpjbek7l],
.schedule-template-table td[b-6gkpjbek7l] {
    padding: 8px 10px;
    border-bottom: 1px solid #eeeaf1;
    text-align: left;
    vertical-align: middle;
}

.schedule-template-table th[b-6gkpjbek7l] {
    background: #f5f3f7;
    color: #5f5867;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.schedule-template-table td[b-6gkpjbek7l] {
    color: #332d3b;
    font-weight: 500;
}

.schedule-template-table td:last-child[b-6gkpjbek7l] {
    text-align: right;
    white-space: nowrap;
}

.schedule-template-table tbody tr:hover td[b-6gkpjbek7l] {
    background: #fbfafc;
}

.schedule-template-flyout-panel[b-6gkpjbek7l] {
    width: min(720px, 100%);
}

.schedule-bulk-schedule-panel[b-6gkpjbek7l] {
    width: min(1180px, calc(100vw - 28px));
    max-width: 1180px;
}

.schedule-bulk-body[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: minmax(420px, 1fr) minmax(360px, 0.86fr);
    gap: 14px;
    min-height: 0;
    padding: 14px;
    overflow: auto;
}

.schedule-bulk-pane[b-6gkpjbek7l] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    background: #ffffff;
    border: 1px solid #ded7e8;
    border-radius: 4px;
}

.schedule-bulk-pane-header[b-6gkpjbek7l] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #eee9f3;
}

.schedule-section-kicker[b-6gkpjbek7l] {
    color: #087fa5;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.1;
    text-transform: uppercase;
}

.schedule-bulk-pane-header h3[b-6gkpjbek7l] {
    margin: 2px 0 0;
    color: #162d44;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.2;
}

.schedule-bulk-pane-header > span[b-6gkpjbek7l] {
    color: #6e6474;
    font-size: 0.76rem;
    font-weight: 650;
    white-space: nowrap;
}

.schedule-bulk-search[b-6gkpjbek7l] {
    position: relative;
    display: block;
    margin: 10px 12px;
}

.schedule-bulk-search input[b-6gkpjbek7l] {
    width: 100%;
    height: 38px;
    border: 1px solid #d8d1e2;
    border-radius: 0;
    background: #ffffff;
    color: #2b2533;
    font-family: Poppins, "Segoe UI", sans-serif;
    font-size: 0.82rem;
    font-weight: 500;
    padding: 0 34px 0 12px;
}

.schedule-bulk-open-list[b-6gkpjbek7l],
.schedule-bulk-staged-list[b-6gkpjbek7l] {
    min-height: 0;
    overflow: auto;
    padding: 0 12px 12px;
}

.schedule-bulk-client-group[b-6gkpjbek7l] {
    margin-bottom: 12px;
}

.schedule-bulk-client-group h4[b-6gkpjbek7l] {
    margin: 8px 0 4px;
    color: #17131e;
    font-size: 0.86rem;
    font-weight: 750;
    line-height: 1.2;
}

.schedule-bulk-site-label[b-6gkpjbek7l] {
    margin: 4px 0 6px;
    color: #665d6d;
    font-size: 0.72rem;
    font-weight: 600;
}

.schedule-bulk-shift-card[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 7px;
    padding: 9px 10px;
    background: #ffffff;
    border: 1px solid #ded7e8;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
}

.schedule-bulk-shift-card.can-drag[b-6gkpjbek7l] {
    cursor: grab;
    touch-action: none;
}

.schedule-bulk-shift-card.can-drag:active[b-6gkpjbek7l] {
    cursor: grabbing;
}

.schedule-bulk-shift-card.dragging[b-6gkpjbek7l] {
    opacity: 0.62;
}

.schedule-bulk-shift-card.filled[b-6gkpjbek7l] {
    opacity: 0.68;
}

.schedule-bulk-shift-main[b-6gkpjbek7l] {
    min-width: 0;
}

.schedule-bulk-shift-main strong[b-6gkpjbek7l],
.schedule-bulk-shift-main span[b-6gkpjbek7l],
.schedule-bulk-shift-main small[b-6gkpjbek7l] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-bulk-shift-main strong[b-6gkpjbek7l] {
    color: #17131e;
    font-size: 0.84rem;
    font-weight: 750;
}

.schedule-bulk-shift-main span[b-6gkpjbek7l],
.schedule-bulk-shift-main small[b-6gkpjbek7l] {
    color: #6b6271;
    font-size: 0.72rem;
    font-weight: 600;
}

.schedule-bulk-shift-actions[b-6gkpjbek7l] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #4b4056;
    font-size: 0.72rem;
    font-weight: 650;
    white-space: nowrap;
}

.schedule-status-pill[b-6gkpjbek7l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
}

.schedule-status-pill.published[b-6gkpjbek7l] {
    background: #e0f6ee;
    color: #087254;
}

.schedule-status-pill.draft[b-6gkpjbek7l] {
    background: #f0eaf7;
    color: #6d4b97;
}

.schedule-bulk-candidate-results[b-6gkpjbek7l] {
    max-height: 224px;
    margin: 0 12px 10px;
    overflow: auto;
    border: 1px solid #ded7e8;
    background: #ffffff;
}

.schedule-bulk-candidate-result[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #eee9f3;
    background: #ffffff;
    color: #2b2533;
    font-family: Poppins, "Segoe UI", sans-serif;
    text-align: left;
    padding: 8px 10px;
    cursor: pointer;
}

.schedule-bulk-candidate-result:hover[b-6gkpjbek7l],
.schedule-bulk-candidate-result:focus[b-6gkpjbek7l] {
    background: #fbf8ff;
    outline: none;
}

.schedule-bulk-candidate-result strong[b-6gkpjbek7l],
.schedule-bulk-candidate-result small[b-6gkpjbek7l] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-bulk-candidate-result strong[b-6gkpjbek7l] {
    color: #6f4fa1;
    font-size: 0.82rem;
    font-weight: 750;
}

.schedule-bulk-candidate-result small[b-6gkpjbek7l] {
    color: #6d6472;
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-bulk-candidate-drop[b-6gkpjbek7l] {
    min-height: 300px;
    margin: 0 12px 12px;
    padding: 12px;
    border: 1px dashed #bcb0cd;
    background: #fff;
    transition: background-color 120ms ease, border-color 120ms ease;
}

.schedule-bulk-candidate-drop.empty[b-6gkpjbek7l] {
    display: grid;
    place-items: center;
}

.schedule-bulk-candidate-drop.drag-over[b-6gkpjbek7l] {
    background: #fbf8ff;
    border-color: #8f6eba;
}

.schedule-bulk-selected-candidate[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    padding: 9px 10px;
    background: #effaf5;
    border: 1px solid #bde7d8;
}

.schedule-bulk-selected-candidate strong[b-6gkpjbek7l],
.schedule-bulk-selected-candidate span[b-6gkpjbek7l] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-bulk-selected-candidate strong[b-6gkpjbek7l] {
    color: #087254;
    font-size: 0.86rem;
    font-weight: 750;
}

.schedule-bulk-selected-candidate span[b-6gkpjbek7l] {
    color: #5f5966;
    font-size: 0.72rem;
    font-weight: 600;
}

.schedule-bulk-staged-row[b-6gkpjbek7l] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding: 9px 10px;
    background: #effaf5;
    border: 1px solid #bde7d8;
}

.schedule-bulk-staged-row.warning[b-6gkpjbek7l] {
    background: #fff8ec;
    border-color: #f1bd67;
}

.schedule-bulk-staged-row strong[b-6gkpjbek7l],
.schedule-bulk-staged-row span[b-6gkpjbek7l],
.schedule-bulk-staged-row small[b-6gkpjbek7l] {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-bulk-staged-row strong[b-6gkpjbek7l] {
    color: #17131e;
    font-size: 0.82rem;
    font-weight: 750;
}

.schedule-bulk-staged-row span[b-6gkpjbek7l],
.schedule-bulk-staged-row small[b-6gkpjbek7l] {
    color: #665d6d;
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-inline-danger[b-6gkpjbek7l] {
    border: 0;
    background: transparent;
    color: #d64b5d;
    cursor: pointer;
    font-family: Poppins, "Segoe UI", sans-serif;
    font-size: 0.76rem;
    font-weight: 800;
    padding: 5px 0;
}

.schedule-inline-danger:hover[b-6gkpjbek7l],
.schedule-inline-danger:focus[b-6gkpjbek7l] {
    text-decoration: underline;
}

@media (max-width: 920px) {
    .schedule-bulk-schedule-panel[b-6gkpjbek7l] {
        width: 100vw;
        max-width: none;
    }

    .schedule-bulk-body[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
    }

    .schedule-bulk-shift-card[b-6gkpjbek7l],
    .schedule-bulk-staged-row[b-6gkpjbek7l] {
        grid-template-columns: 1fr;
    }

    .schedule-bulk-shift-actions[b-6gkpjbek7l] {
        flex-wrap: wrap;
    }
}

/* Final week header divider removal. Keep this as the last schedule rule. */
.schedule-week-header[b-6gkpjbek7l] {
    position: relative;
    border-bottom: 0 !important;
    box-shadow: none !important;
    overflow: visible;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #ece8ef !important;
    box-shadow: none !important;
}

.schedule-day-header.active[b-6gkpjbek7l] {
    z-index: 2;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

.schedule-scroll-region[b-6gkpjbek7l] {
    border-top: 0 !important;
    box-shadow: none !important;
}

.schedule-week-header[b-6gkpjbek7l]::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    height: 4px;
    background: #ffffff;
    z-index: 0;
    pointer-events: none;
}

.schedule-week-header[b-6gkpjbek7l]::after {
    display: none !important;
    content: none !important;
}

.schedule-day-header.active[b-6gkpjbek7l]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: #8f6eba;
    z-index: 3;
    pointer-events: none;
}

/* Final scheduler grid polish. Keep this block last so duplicate legacy rules cannot override it. */
.schedule-week-header[b-6gkpjbek7l] {
    padding: 0 24px 0 !important;
    align-items: stretch;
}

.schedule-week-corner[b-6gkpjbek7l],
.schedule-day-header[b-6gkpjbek7l] {
    box-sizing: border-box;
    min-width: 0;
}

.schedule-day-header.past[b-6gkpjbek7l],
.schedule-day-header:disabled[b-6gkpjbek7l] {
    color: #aaa3ae;
    background: #fbfafc;
    cursor: not-allowed;
    opacity: 0.7;
}

.schedule-client-section-header[b-6gkpjbek7l] {
    grid-column: 1 / -1;
    padding: 14px 0 8px;
    background: #ffffff;
    border-right: 1px solid #ece8ef;
    border-bottom: 0;
}

.schedule-client-section-header:not(:first-child)[b-6gkpjbek7l] {
    margin-top: 12px;
}

.schedule-client-section-header > div[b-6gkpjbek7l] {
    display: flex;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
}

.schedule-client-section-header strong[b-6gkpjbek7l] {
    color: #17131e;
    font-size: 1rem;
    font-weight: 750;
    line-height: 1.15;
}

.schedule-client-section-header span[b-6gkpjbek7l] {
    min-width: 0;
    color: #625b68;
    font-size: 0.76rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-group-header[b-6gkpjbek7l] {
    min-height: 34px;
    padding-left: 14px;
}

.schedule-coverage-slot.no-shift[b-6gkpjbek7l] {
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover[b-6gkpjbek7l] {
    background: #fbf8ff;
    box-shadow: inset 0 0 0 1px #d8cae8;
}

.schedule-coverage-slot.no-shift.past-date[b-6gkpjbek7l] {
    background: #fbfbfc;
    color: #d5cfda;
    cursor: not-allowed;
}

.schedule-empty-slot-create span[b-6gkpjbek7l] {
    opacity: 0;
    transition: opacity 120ms ease, background-color 120ms ease, border-color 120ms ease;
}

.schedule-coverage-slot.no-shift.can-create:hover .schedule-empty-slot-create span[b-6gkpjbek7l],
.schedule-empty-slot-create:focus span[b-6gkpjbek7l] {
    opacity: 1;
}
/* /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;
}

.linked-candidate-cell[b-nbqwe1vxcb] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.linked-candidate-photo[b-nbqwe1vxcb] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfd9e3;
    border-radius: 50%;
    background: #eef3f7;
    color: #315364;
    object-fit: cover;
    font-size: 0.62rem;
    font-weight: 800;
    line-height: 1;
}

.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-remove-button[b-jogo439rsk] {
    position: absolute;
    top: -9px;
    right: -9px;
    z-index: 3;
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b91c1c;
    border-radius: 50%;
    background: #ffffff;
    color: #b91c1c;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

.system-forms-placement-remove-button:hover[b-jogo439rsk],
.system-forms-placement-remove-button:focus-visible[b-jogo439rsk] {
    background: #fee2e2;
}

.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/SystemLocks.razor.rz.scp.css */
.system-locks-page[b-hn87x0le2o] {
    width: 100%;
}

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

.system-locks-title-wrap[b-hn87x0le2o] {
    display: flex;
    align-items: center;
    gap: 10px;
}

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

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

.system-locks-header-actions[b-hn87x0le2o] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

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

.system-locks-button.primary[b-hn87x0le2o] {
    background: #099bc6;
    color: #ffffff;
}

.system-locks-button.secondary[b-hn87x0le2o],
.system-locks-row-button.secondary[b-hn87x0le2o] {
    background: #f7f9fb;
    color: #5a6570;
    border-color: #cfd7e2;
}

.system-locks-button.warning[b-hn87x0le2o] {
    background: #fff7ea;
    color: #8a5a00;
    border-color: #f2d29a;
}

.system-locks-button.danger[b-hn87x0le2o],
.system-locks-row-button.danger[b-hn87x0le2o] {
    background: #fff2f3;
    color: #a83242;
    border-color: #efc1c9;
}

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

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

.system-locks-panel-title[b-hn87x0le2o] {
    font-size: 0.84rem;
    font-weight: 700;
    color: #1f2d3d;
}

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

.system-locks-panel-count[b-hn87x0le2o],
.system-locks-muted[b-hn87x0le2o] {
    font-size: 0.72rem;
    color: #5d6773;
    font-weight: 500;
}

.system-locks-empty[b-hn87x0le2o] {
    padding: 10px 12px;
    font-size: 0.8rem;
    color: #5d6773;
}

.system-locks-table-wrap[b-hn87x0le2o] {
    width: 100%;
    overflow-x: auto;
}

.system-locks-table[b-hn87x0le2o] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto;
}

.system-locks-table thead th[b-hn87x0le2o] {
    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;
    vertical-align: middle;
}

.system-locks-table tbody td[b-hn87x0le2o] {
    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;
}

.system-locks-table tbody tr:nth-child(odd)[b-hn87x0le2o] {
    background: #fcfdfe;
}

.system-locks-table tbody tr:nth-child(even)[b-hn87x0le2o] {
    background: #f6f8fa;
}

.system-locks-table tbody tr:hover[b-hn87x0le2o] {
    background: #eef9f4;
}

.system-locks-status[b-hn87x0le2o] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 0.70rem;
    font-weight: 700;
    white-space: nowrap;
}

.system-locks-status.active[b-hn87x0le2o] {
    background: #edf6ff;
    border: 1px solid #bfd7f0;
    color: #305e8d;
}

.system-locks-status.expired[b-hn87x0le2o] {
    background: #fff7ea;
    border: 1px solid #f2d29a;
    color: #9a6300;
}

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

.system-locks-modal[b-hn87x0le2o] {
    width: min(680px, 100%);
    max-height: 90vh;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 10px;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.22);
    padding: 16px;
}

.system-locks-modal-header[b-hn87x0le2o] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.system-locks-modal-title[b-hn87x0le2o] {
    font-size: 1rem;
    font-weight: 700;
    color: #1f2d3d;
}

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

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

.system-locks-reason-label[b-hn87x0le2o] {
    display: block;
    margin-bottom: 4px;
    font-size: 0.74rem;
    font-weight: 700;
    color: #465463;
}

.system-locks-reason-input[b-hn87x0le2o] {
    width: 100%;
    border: 1px solid #cfd7e2;
    background: #ffffff;
    border-radius: 6px;
    padding: 8px 9px;
    font-size: 0.78rem;
    color: #2f2f2f;
    box-sizing: border-box;
    resize: vertical;
}

.system-locks-modal-actions[b-hn87x0le2o] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .system-locks-header-actions[b-hn87x0le2o],
    .system-locks-modal-actions[b-hn87x0le2o] {
        width: 100%;
        justify-content: stretch;
    }

    .system-locks-button[b-hn87x0le2o],
    .system-locks-row-button[b-hn87x0le2o] {
        width: 100%;
    }
}
/* /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-field-list[b-m7e6r0l50d] {
    display: grid;
    gap: 7px;
}

.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;
}

.internal-esign-check[b-m7e6r0l50d] {
    padding: 6px 8px;
    border: 1px solid #d7e0ea;
    border-radius: 6px;
    background: #f8fafc;
}

.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-proof-filter-strip[b-jratta0ewl] {
    display: flex;
    align-items: stretch;
    gap: 0;
    margin: 10px 0 8px;
    border: 1px solid #d7dee7;
    border-radius: 4px;
    background: #f7f9fb;
    overflow-x: auto;
}

.time-entry-proof-filter-button[b-jratta0ewl] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 0;
    border-right: 1px solid #d7dee7;
    background: transparent;
    color: #304150;
    padding: 5px 9px;
    font-size: 0.7rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

    .time-entry-proof-filter-button:last-child[b-jratta0ewl] {
        border-right: 0;
    }

    .time-entry-proof-filter-button strong[b-jratta0ewl] {
        min-width: 18px;
        border-radius: 999px;
        background: #e8edf3;
        color: #24313d;
        padding: 1px 6px;
        text-align: center;
        font-size: 0.68rem;
    }

    .time-entry-proof-filter-button.active[b-jratta0ewl] {
        background: #eaf3fb;
        color: #123f68;
        box-shadow: inset 0 -2px 0 #123f68;
    }

        .time-entry-proof-filter-button.active strong[b-jratta0ewl] {
            background: #123f68;
            color: #ffffff;
        }

.time-entry-proof-exception-note[b-jratta0ewl] {
    margin-top: 3px;
    color: #8a5b0f;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 1.25;
}

.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: 500;
}

.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: 1396px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    background: #ffffff;
}

.timesheets-table col.timesheets-icon-col[b-iq74psxxwb] {
    width: 24px;
}

.timesheets-table col.timesheets-first-name-col[b-iq74psxxwb] {
    width: 88px;
}

.timesheets-table col.timesheets-last-name-col[b-iq74psxxwb] {
    width: 94px;
}

.timesheets-table col.timesheets-employee-number-col[b-iq74psxxwb] {
    width: 112px;
}

.timesheets-table col.timesheets-client-col[b-iq74psxxwb] {
    width: 140px;
}

.timesheets-table col.timesheets-job-order-col[b-iq74psxxwb] {
    width: 104px;
}

.timesheets-table col.timesheets-assignment-col[b-iq74psxxwb] {
    width: 206px;
}

.timesheets-table col.timesheets-money-col[b-iq74psxxwb] {
    width: 70px;
}

.timesheets-table col.timesheets-approval-col[b-iq74psxxwb] {
    width: 84px;
}

.timesheets-table col.timesheets-status-icon-col[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: 24px;
    min-width: 24px;
    max-width: 24px;
    padding-right: 0;
    padding-left: 0;
    text-align: center;
    resize: none;
}

.timesheets-table th.record-link-col[b-iq74psxxwb],
.timesheets-table td.record-link-col[b-iq74psxxwb] {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
}

.timesheets-filter-row th[b-iq74psxxwb] {
    height: 67px;
    padding: 4px 5px;
    border-right: 1px solid #d6dde3;
    border-bottom: 1px solid #d6dde3;
    background: #f2f3f4;
    vertical-align: top;
}

.timesheets-filter-row th:nth-child(-n + 5)[b-iq74psxxwb] {
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    padding-right: 0;
    padding-left: 0;
    resize: none;
}

.timesheets-filter-row th[b-iq74psxxwb]::after {
    content: "";
    display: block;
    height: 12px;
    margin-top: 4px;
    background: #f2f3f4;
}

.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;
    font-weight: 400;
}

.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: 78px;
    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: 66px;
}

.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;
    font-weight: 400;
    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: 12px minmax(0, 1fr);
    gap: 2px;
    align-items: center;
}

.date-cell-stack[b-iq74psxxwb] {
    display: grid;
    gap: 0;
    min-width: 0;
    line-height: 1.05;
}

.date-cell strong[b-iq74psxxwb] {
    color: #1b2d36;
    font-size: 0.63rem;
    font-weight: 600;
    line-height: 1.05;
}

.date-cell .date-month-day[b-iq74psxxwb] {
    display: block;
    margin: 0;
    color: #1b2d36;
    font-size: 0.58rem;
    font-weight: 500;
    line-height: 1.05;
}

.date-cell .date-schedule-label[b-iq74psxxwb] {
    display: block;
    margin-left: 0;
    margin-top: 2px;
    color: #51707a;
    font-size: 0.56rem;
    font-weight: 400;
    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: 500;
}

.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: 400;
}

.entry-input.time[b-iq74psxxwb],
.entry-input.time-clock[b-iq74psxxwb] {
    min-width: 0;
}

.entry-input.number[b-iq74psxxwb] {
    text-align: right;
}

.entry-input.readonly[b-iq74psxxwb] {
    background: #f8fbfd;
    color: #1f2f3c;
    font-weight: 500;
}

.pay-code-select[b-iq74psxxwb] {
    min-width: 0;
    color: var(--ammon-blue-dark);
    font-weight: 600;
}

.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: 600;
    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: 500;
    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: 500;
}

.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-modal-note[b-iq74psxxwb] {
    border: 1px solid #f1c979;
    background: #fff8e8;
    color: #7c5200;
    padding: 8px 10px;
    font-size: 0.78rem;
    font-weight: 700;
}

.timesheets-field[b-iq74psxxwb] {
    display: grid;
    gap: 4px;
    margin: 10px 0 14px;
    color: #20343c;
    font-size: 0.72rem;
    font-weight: 800;
    text-transform: uppercase;
}

.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/Pages/WorkflowStatuses.razor.rz.scp.css */
.workflow-statuses-page[b-01gg5n9a69] {
    width: 100%;
}

.workflow-statuses-header[b-01gg5n9a69] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.workflow-statuses-title-wrap[b-01gg5n9a69] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.workflow-statuses-dot[b-01gg5n9a69] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #0a76c8;
    flex-shrink: 0;
}

.workflow-statuses-eyebrow[b-01gg5n9a69] {
    color: #617080;
    font-size: 0.70rem;
    font-weight: 800;
    text-transform: uppercase;
}

.workflow-statuses-title[b-01gg5n9a69] {
    margin: 0;
    color: #1f2d3d;
    font-size: 1.04rem;
    font-weight: 800;
    line-height: 1.15;
}

.workflow-statuses-header-actions[b-01gg5n9a69] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.workflow-statuses-refresh[b-01gg5n9a69] {
    color: #5d6773;
    font-size: 0.72rem;
    font-weight: 600;
}

.workflow-statuses-button[b-01gg5n9a69] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 6px;
    border: 1px solid transparent;
    font-size: 0.76rem;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.workflow-statuses-button.primary[b-01gg5n9a69] {
    background: #099bc6;
    color: #ffffff;
}

.workflow-statuses-button.secondary[b-01gg5n9a69] {
    background: #ffffff;
    border-color: #cfd7e2;
    color: #315b7c;
}

.workflow-statuses-metrics[b-01gg5n9a69] {
    display: grid;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.workflow-statuses-metric[b-01gg5n9a69] {
    min-height: 70px;
    background: #ffffff;
    border: 1px solid #d5dde6;
    border-radius: 8px;
    padding: 9px 10px;
    box-shadow: inset 0 3px 0 rgba(9, 155, 198, 0.10);
}

.workflow-statuses-metric span[b-01gg5n9a69],
.workflow-statuses-metric small[b-01gg5n9a69] {
    display: block;
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 700;
}

.workflow-statuses-metric strong[b-01gg5n9a69] {
    display: block;
    margin-top: 4px;
    color: #1f2d3d;
    font-size: 0.98rem;
    font-weight: 800;
}

.workflow-statuses-panel[b-01gg5n9a69] {
    background: #ffffff;
    border: 1px solid #cfd7e2;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 10px;
}

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

.workflow-statuses-panel-title[b-01gg5n9a69] {
    color: #1f2d3d;
    font-size: 0.84rem;
    font-weight: 800;
}

.workflow-statuses-panel-subtitle[b-01gg5n9a69] {
    margin-top: 3px;
    color: #5d6773;
    font-size: 0.72rem;
    font-weight: 600;
}

.workflow-statuses-panel-count[b-01gg5n9a69] {
    color: #304150;
    font-size: 0.72rem;
    font-weight: 800;
}

.workflow-statuses-area-grid[b-01gg5n9a69] {
    display: grid;
    grid-template-columns: repeat(4, minmax(190px, 1fr));
    gap: 8px;
    padding: 10px;
    background: #f8fafc;
}

.workflow-statuses-area-card[b-01gg5n9a69] {
    min-height: 112px;
    border: 1px solid #d7e0ea;
    border-radius: 8px;
    background: #ffffff;
    padding: 9px;
    text-align: left;
    cursor: pointer;
}

.workflow-statuses-area-card.active[b-01gg5n9a69] {
    border-color: #0a76c8;
    box-shadow: inset 0 3px 0 rgba(10, 118, 200, 0.18);
}

.workflow-statuses-area-name[b-01gg5n9a69] {
    display: block;
    color: #1f2d3d;
    font-size: 0.80rem;
    font-weight: 800;
}

.workflow-statuses-area-counts[b-01gg5n9a69],
.workflow-statuses-area-note[b-01gg5n9a69] {
    display: block;
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 600;
    line-height: 1.25;
}

.workflow-statuses-area-counts[b-01gg5n9a69] {
    margin-top: 3px;
}

.workflow-statuses-area-flags[b-01gg5n9a69],
.workflow-statuses-value-list[b-01gg5n9a69] {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.workflow-statuses-area-flags[b-01gg5n9a69] {
    margin: 7px 0;
}

.workflow-statuses-flag[b-01gg5n9a69],
.workflow-statuses-count[b-01gg5n9a69] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 800;
    white-space: nowrap;
}

.workflow-statuses-flag.financial[b-01gg5n9a69],
.workflow-statuses-count.financial[b-01gg5n9a69] {
    color: #8a5a00;
    background: #fff7ea;
    border: 1px solid #f2d29a;
}

.workflow-statuses-flag.edit[b-01gg5n9a69],
.workflow-statuses-count.edit[b-01gg5n9a69] {
    color: #a83242;
    background: #fff2f3;
    border: 1px solid #efc1c9;
}

.workflow-statuses-flag.terminal[b-01gg5n9a69] {
    color: #285a7e;
    background: #eef6fd;
    border: 1px solid #c8dff0;
}

.workflow-statuses-count[b-01gg5n9a69] {
    background: #f3f6f9;
    border: 1px solid #d7e0ea;
    color: #4f5c69;
}

.workflow-statuses-toolbar[b-01gg5n9a69] {
    display: flex;
    align-items: end;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid #e3e8ee;
    flex-wrap: wrap;
}

.workflow-statuses-toolbar label[b-01gg5n9a69] {
    display: grid;
    gap: 4px;
    min-width: 180px;
}

.workflow-statuses-toolbar label.workflow-statuses-search[b-01gg5n9a69] {
    min-width: 260px;
    flex: 1;
}

.workflow-statuses-toolbar span[b-01gg5n9a69] {
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 800;
    text-transform: uppercase;
}

.workflow-statuses-toolbar select[b-01gg5n9a69],
.workflow-statuses-toolbar input[b-01gg5n9a69] {
    height: 30px;
    border: 1px solid #cfd7e2;
    border-radius: 6px;
    background: #ffffff;
    color: #1f2d3d;
    font-size: 0.76rem;
    font-weight: 700;
    padding: 0 9px;
}

.workflow-statuses-table-wrap[b-01gg5n9a69] {
    width: 100%;
    overflow-x: auto;
}

.workflow-statuses-table[b-01gg5n9a69] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
}

.workflow-statuses-table th[b-01gg5n9a69] {
    background: #f3f6f9;
    color: #304150;
    font-size: 0.70rem;
    font-weight: 800;
    text-align: left;
    padding: 6px 8px;
    border-bottom: 1px solid #d7e0ea;
    white-space: nowrap;
}

.workflow-statuses-table td[b-01gg5n9a69] {
    color: #24313d;
    font-size: 0.72rem;
    font-weight: 500;
    padding: 6px 8px;
    border-bottom: 1px solid #e3e8ee;
    vertical-align: top;
    white-space: nowrap;
}

.workflow-statuses-table td.wrap[b-01gg5n9a69] {
    min-width: 180px;
    max-width: 320px;
    white-space: normal;
    line-height: 1.35;
}

.workflow-statuses-table tbody tr:nth-child(odd)[b-01gg5n9a69] {
    background: #fcfdfe;
}

.workflow-statuses-table tbody tr:nth-child(even)[b-01gg5n9a69] {
    background: #f6f8fa;
}

.workflow-statuses-table tbody tr:hover[b-01gg5n9a69] {
    background: #eef7fb;
}

.workflow-statuses-table .numeric[b-01gg5n9a69] {
    text-align: right;
}

.workflow-statuses-entity[b-01gg5n9a69] {
    color: #1f2d3d;
    font-weight: 800;
}

.workflow-statuses-field[b-01gg5n9a69] {
    color: #5d6773;
    font-size: 0.70rem;
    font-weight: 700;
}

.workflow-statuses-value-list span[b-01gg5n9a69] {
    background: #eef2f6;
    border: 1px solid #d7e0ea;
    border-radius: 999px;
    color: #304150;
    padding: 2px 7px;
    font-size: 0.68rem;
    font-weight: 700;
}

.workflow-statuses-empty[b-01gg5n9a69] {
    color: #5d6773;
    font-weight: 700;
    text-align: center;
}

@media (max-width: 1180px) {
    .workflow-statuses-metrics[b-01gg5n9a69],
    .workflow-statuses-area-grid[b-01gg5n9a69] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }
}

@media (max-width: 720px) {
    .workflow-statuses-header[b-01gg5n9a69] {
        align-items: flex-start;
    }

    .workflow-statuses-header-actions[b-01gg5n9a69],
    .workflow-statuses-button[b-01gg5n9a69],
    .workflow-statuses-toolbar[b-01gg5n9a69],
    .workflow-statuses-toolbar label[b-01gg5n9a69],
    .workflow-statuses-toolbar label.workflow-statuses-search[b-01gg5n9a69] {
        width: 100%;
    }

    .workflow-statuses-metrics[b-01gg5n9a69],
    .workflow-statuses-area-grid[b-01gg5n9a69] {
        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/ScheduleTemplatePanel.razor.rz.scp.css */
.schedule-template-alert[b-e8j61ss3sj] {
    margin: 0 0 10px;
    padding: 8px 10px;
    border: 1px solid #efc2c9;
    background: #fff2f4;
    color: #a64052;
    font-size: 0.78rem;
    font-weight: 650;
}

.schedule-template-panel[b-e8j61ss3sj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    overflow: visible;
}

.schedule-template-panel-flyout[b-e8j61ss3sj] {
    grid-template-columns: minmax(0, 1fr);
}

.schedule-template-card[b-e8j61ss3sj] {
    border: 1px solid #ded9e4;
    border-radius: 4px;
    background: #ffffff;
    overflow: visible;
}

.schedule-template-card-wide[b-e8j61ss3sj] {
    grid-column: 1 / -1;
}

.schedule-template-card-header[b-e8j61ss3sj] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px 9px;
    border-bottom: 1px solid #eeeaf1;
    background: #fbfafc;
}

.schedule-template-card-header h3[b-e8j61ss3sj] {
    margin: 2px 0 0;
    color: #2b2732;
    font-size: 0.92rem;
    font-weight: 650;
}

.schedule-template-kicker[b-e8j61ss3sj] {
    color: #8f6eba;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.schedule-template-grid[b-e8j61ss3sj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 12px 14px 14px;
    overflow: visible;
}

.schedule-template-grid-span-2[b-e8j61ss3sj] {
    grid-column: 1 / -1;
}

.schedule-template-field[b-e8j61ss3sj] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative;
}

.schedule-template-field > span[b-e8j61ss3sj],
.schedule-template-checklist-title[b-e8j61ss3sj] {
    color: #756e7c;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.schedule-template-input[b-e8j61ss3sj] {
    width: 100%;
    min-height: 34px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #2f2a36;
    padding: 0 10px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 550;
    box-sizing: border-box;
    appearance: none;
}

.schedule-template-field[b-e8j61ss3sj]  input.schedule-template-input,
.schedule-template-field[b-e8j61ss3sj]  select.schedule-template-input,
.schedule-template-field[b-e8j61ss3sj]  textarea.schedule-template-input {
    width: 100%;
    min-height: 34px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #2f2a36;
    padding: 0 10px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 550;
    box-sizing: border-box;
}

.schedule-template-rate-input[b-e8j61ss3sj],
.schedule-template-field[b-e8j61ss3sj]  .schedule-template-rate-input {
    text-align: left;
    font-variant-numeric: tabular-nums;
}

.schedule-template-input:focus[b-e8j61ss3sj],
.schedule-template-field[b-e8j61ss3sj]  .schedule-template-input:focus,
.schedule-template-rich-editor:focus[b-e8j61ss3sj] {
    outline: none;
    border-color: #8f6eba;
    box-shadow: 0 0 0 2px rgba(143, 110, 186, 0.14);
}

.schedule-template-client-dropdown[b-e8j61ss3sj],
.schedule-template-skill-dropdown[b-e8j61ss3sj] {
    border: 1px solid #ded9e4;
    border-radius: 3px;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(43, 39, 50, 0.12);
    max-height: 214px;
    overflow-y: auto;
    z-index: 12;
}

.schedule-template-client-dropdown[b-e8j61ss3sj] {
    position: absolute;
    top: calc(100% + 3px);
    left: 0;
    right: 0;
    z-index: 4000;
    max-height: min(280px, 48vh);
}

.schedule-template-client-option[b-e8j61ss3sj] {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 0;
    border-bottom: 1px solid #eeeaf1;
    background: #ffffff;
    color: #393342;
    padding: 7px 10px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.schedule-template-client-option strong[b-e8j61ss3sj] {
    color: #8f6eba;
    font-size: 0.7rem;
    font-weight: 700;
    white-space: nowrap;
}

.schedule-template-client-option:hover[b-e8j61ss3sj],
.schedule-template-client-option:focus[b-e8j61ss3sj] {
    outline: none;
    background: #f7f4fb;
    color: #6f4da0;
}

.schedule-template-client-empty[b-e8j61ss3sj] {
    min-height: 32px;
    display: flex;
    align-items: center;
    color: #746d7c;
    padding: 7px 10px;
    font-size: 0.76rem;
    font-weight: 550;
}

.schedule-template-selected-client[b-e8j61ss3sj] {
    min-height: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #fbfafc;
    color: #332d3b;
    padding: 5px 7px 5px 10px;
    font-size: 0.78rem;
    font-weight: 650;
}

.schedule-template-selected-client button[b-e8j61ss3sj],
.schedule-template-attachment-row button[b-e8j61ss3sj] {
    border: 0;
    background: transparent;
    color: #8b4f7a;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 750;
    cursor: pointer;
}

.schedule-template-checklist[b-e8j61ss3sj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px 10px;
    padding: 12px 14px 14px;
}

.schedule-template-check[b-e8j61ss3sj],
.schedule-template-empty-option[b-e8j61ss3sj] {
    min-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #e5e0e9;
    border-radius: 3px;
    background: #ffffff;
    padding: 6px 8px;
    color: #393342;
    font-size: 0.78rem;
    font-weight: 550;
    line-height: 1.25;
}

.schedule-template-check input[b-e8j61ss3sj] {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #c25a91;
    flex: 0 0 auto;
}

.schedule-template-check span[b-e8j61ss3sj] {
    overflow-wrap: anywhere;
}

.schedule-template-empty-option[b-e8j61ss3sj] {
    grid-column: 1 / -1;
    color: #746d7c;
    background: #fbfafc;
}

.schedule-template-skill-picker-panel[b-e8j61ss3sj] {
    display: grid;
    gap: 10px;
    padding: 12px 14px 14px;
    position: relative;
}

.schedule-template-skill-option[b-e8j61ss3sj] {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    border: 0;
    border-bottom: 1px solid #eeeaf1;
    background: #ffffff;
    color: #393342;
    padding: 7px 10px;
    font: inherit;
    font-size: 0.78rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
}

.schedule-template-skill-option:hover[b-e8j61ss3sj],
.schedule-template-skill-option:focus[b-e8j61ss3sj] {
    outline: none;
    background: #f7f4fb;
    color: #6f4da0;
}

.schedule-template-skill-empty[b-e8j61ss3sj],
.schedule-template-selected-empty[b-e8j61ss3sj] {
    min-height: 32px;
    display: flex;
    align-items: center;
    border: 1px dashed #ded9e4;
    border-radius: 3px;
    background: #fbfafc;
    color: #746d7c;
    padding: 7px 10px;
    font-size: 0.76rem;
    font-weight: 550;
}

.schedule-template-selected-skills[b-e8j61ss3sj] {
    display: grid;
    gap: 7px;
}

.schedule-template-selected-title[b-e8j61ss3sj] {
    color: #756e7c;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.schedule-template-selected-list[b-e8j61ss3sj] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.schedule-template-selected-chip[b-e8j61ss3sj] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #d8d2df;
    border-radius: 14px;
    background: #f7f4fb;
    color: #332d3b;
    padding: 4px 8px 4px 10px;
    font: inherit;
    font-size: 0.74rem;
    font-weight: 650;
    cursor: pointer;
}

.schedule-template-selected-chip strong[b-e8j61ss3sj] {
    color: #8f6eba;
    font-size: 0.68rem;
    line-height: 1;
}

.schedule-template-selected-chip:hover[b-e8j61ss3sj],
.schedule-template-selected-chip:focus[b-e8j61ss3sj] {
    outline: none;
    border-color: #8f6eba;
    background: #f0e9f8;
}

.schedule-template-rich-editor-toolbar[b-e8j61ss3sj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    border: 1px solid #d8d2df;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    background: #fbfafc;
    padding: 6px;
}

.schedule-template-rich-editor-toolbar button[b-e8j61ss3sj] {
    min-height: 28px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #3a3343;
    padding: 0 9px;
    font: inherit;
    font-size: 0.72rem;
    font-weight: 700;
    cursor: pointer;
}

.schedule-template-color-button[b-e8j61ss3sj] {
    width: 28px;
    min-width: 28px;
    padding: 0 !important;
}

.schedule-template-color-button.dark[b-e8j61ss3sj] {
    background: #2f2a36 !important;
}

.schedule-template-color-button.purple[b-e8j61ss3sj] {
    background: #6f4da0 !important;
}

.schedule-template-color-button.green[b-e8j61ss3sj] {
    background: #21806a !important;
}

.schedule-template-link-input[b-e8j61ss3sj] {
    flex: 1 1 170px;
    min-width: 0;
    min-height: 28px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #2f2a36;
    padding: 0 8px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.76rem;
    font-weight: 550;
    box-sizing: border-box;
}

.schedule-template-rich-editor[b-e8j61ss3sj] {
    min-height: 104px;
    border: 1px solid #d8d2df;
    border-radius: 0 0 3px 3px;
    background: #ffffff;
    color: #2f2a36;
    padding: 9px 10px;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.8rem;
    font-weight: 500;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.schedule-template-rich-editor a[b-e8j61ss3sj] {
    color: #6f4da0;
    font-weight: 650;
}

.schedule-template-rich-editor ul[b-e8j61ss3sj] {
    margin: 0.35rem 0;
    padding-left: 1.15rem;
}

.schedule-template-rich-editor-help[b-e8j61ss3sj],
.schedule-template-upload-message[b-e8j61ss3sj] {
    color: #746d7c;
    font-size: 0.74rem;
    font-weight: 550;
}

.schedule-template-upload-panel[b-e8j61ss3sj] {
    display: grid;
    gap: 9px;
    padding: 12px 14px 14px;
}

.schedule-template-upload-box[b-e8j61ss3sj] {
    min-height: 78px;
    display: grid;
    place-items: center;
    gap: 4px;
    border: 1px dashed #c9bdd6;
    border-radius: 4px;
    background: #fbfafc;
    color: #3c3445;
    padding: 12px;
    text-align: center;
    cursor: pointer;
}

.schedule-template-upload-box input[b-e8j61ss3sj] {
    max-width: 100%;
    color: #5c5267;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.78rem;
}

.schedule-template-upload-box span[b-e8j61ss3sj] {
    color: #2f2a36;
    font-size: 0.82rem;
    font-weight: 700;
}

.schedule-template-upload-box strong[b-e8j61ss3sj] {
    color: #746d7c;
    font-size: 0.72rem;
    font-weight: 550;
}

.schedule-template-attachment-list[b-e8j61ss3sj] {
    display: grid;
    gap: 6px;
}

.schedule-template-attachment-row[b-e8j61ss3sj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #e5e0e9;
    border-radius: 3px;
    background: #ffffff;
    padding: 7px 9px;
}

.schedule-template-attachment-row div[b-e8j61ss3sj] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.schedule-template-attachment-row strong[b-e8j61ss3sj] {
    color: #332d3b;
    font-size: 0.78rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.schedule-template-attachment-row span[b-e8j61ss3sj] {
    color: #746d7c;
    font-size: 0.7rem;
    font-weight: 600;
}

.schedule-template-shift-list[b-e8j61ss3sj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 12px 12px;
}

.schedule-template-shift-option[b-e8j61ss3sj] {
    display: grid;
    gap: 3px;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid #ded9e4;
    border-radius: 4px;
    background: #ffffff;
    color: #332d3b;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.schedule-template-shift-option:hover[b-e8j61ss3sj],
.schedule-template-shift-option.selected[b-e8j61ss3sj] {
    border-color: #8f6eba;
    box-shadow: inset 3px 0 0 #c15493;
}

.schedule-template-shift-option strong[b-e8j61ss3sj] {
    color: #282331;
    font-size: 0.76rem;
    font-weight: 700;
}

.schedule-template-shift-option span[b-e8j61ss3sj] {
    color: #756e7c;
    font-size: 0.68rem;
    font-weight: 600;
}

.schedule-template-actions[b-e8j61ss3sj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 12px;
}

.schedule-template-action-alert[b-e8j61ss3sj] {
    flex: 1 0 100%;
    margin: 0;
}

.schedule-template-button[b-e8j61ss3sj] {
    min-height: 32px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #4d4657;
    padding: 0 14px;
    font-size: 0.74rem;
    font-weight: 650;
    text-transform: uppercase;
    cursor: pointer;
}

.schedule-template-button.primary[b-e8j61ss3sj] {
    border-color: #8f6eba;
    background: #8f6eba;
    color: #ffffff;
}

@media (max-width: 760px) {
    .schedule-template-panel[b-e8j61ss3sj],
    .schedule-template-grid[b-e8j61ss3sj],
    .schedule-template-checklist[b-e8j61ss3sj],
    .schedule-template-shift-list[b-e8j61ss3sj] {
        grid-template-columns: 1fr;
    }

    .schedule-template-card-header[b-e8j61ss3sj],
    .schedule-template-actions[b-e8j61ss3sj] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Shared/AmmonFormFlyout.razor.rz.scp.css */
.ammon-form-flyout-backdrop[b-xrr6gspa2i] {
    position: fixed;
    inset: 0;
    z-index: 9600;
    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: 9601;
    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 18px;
    background: #ffffff;
}

.ammon-form-flyout-footer[b-xrr6gspa2i] {
    flex: 0 0 auto;
    position: sticky;
    bottom: 0;
    z-index: 3;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    padding: 10px 14px;
    background: #ffffff;
    border-top: 1px solid #d7e0e9;
    box-shadow: 0 -8px 16px rgba(15, 23, 42, 0.08);
}

.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] (.candidate-work-history-long-field) {
    grid-column: 1 / -1;
    width: 100%;
    max-width: 100%;
}

.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-work-history-long-field textarea),
.ammon-form-flyout-body[b-xrr6gspa2i] (.candidate-work-history-long-field textarea.form-control) {
    width: 100%;
    min-height: 126px;
}

.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: var(--ammon-blue, #0a76c8);
    outline: 2px solid var(--ammon-blue-soft, rgba(10, 118, 200, 0.16));
    outline-offset: 0;
    box-shadow: 0 0 0 1px rgba(10, 118, 200, 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) {
    position: sticky;
    bottom: -18px;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin: 14px -14px -18px;
    padding: 10px 14px;
    border-top: 1px solid #d7e0e9;
    background: #ffffff;
    box-shadow: 0 -8px 16px rgba(15, 23, 42, 0.08);
}

.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: var(--ammon-blue, #0a76c8);
    border-color: var(--ammon-blue-dark, #075f9f);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.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: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
}

.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;
}

.ammon-form-flyout-footer[b-xrr6gspa2i] (.ammon-form-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-candidate-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-client-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-job-order-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.candidate-profile-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.client-profile-button),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.job-order-profile-button),
.ammon-form-flyout-footer[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: 700;
    line-height: 1.15;
    cursor: pointer;
}

.ammon-form-flyout-footer[b-xrr6gspa2i] (.ammon-form-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-candidate-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-client-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-job-order-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.candidate-profile-button.save),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.candidate-profile-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.client-profile-button.save),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.client-profile-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.job-order-profile-button.save),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.job-order-profile-button.primary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.btn-primary) {
    background: var(--ammon-blue, #0a76c8);
    border-color: var(--ammon-blue-dark, #075f9f);
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(10, 118, 200, 0.18);
}

.ammon-form-flyout-footer[b-xrr6gspa2i] (.ammon-form-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-candidate-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-client-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.create-job-order-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.candidate-profile-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.client-profile-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.job-order-profile-button.secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.btn-secondary),
.ammon-form-flyout-footer[b-xrr6gspa2i] (.btn-outline-secondary) {
    background: #ffffff;
    border-color: #ccd6e0;
    color: #304150;
    box-shadow: none;
}

.ammon-form-flyout-confirm-scrim[b-xrr6gspa2i] {
    position: absolute;
    inset: 0;
    z-index: 8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.32);
}

.ammon-form-flyout-confirm[b-xrr6gspa2i] {
    width: min(430px, 100%);
    border: 1px solid #cfdbe6;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.28);
    padding: 16px 18px 14px;
    color: #21313f;
}

.ammon-form-flyout-confirm-kicker[b-xrr6gspa2i] {
    margin-bottom: 4px;
    color: #6a7b8b;
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.ammon-form-flyout-confirm h3[b-xrr6gspa2i] {
    margin: 0;
    color: #172738;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.2;
}

.ammon-form-flyout-confirm p[b-xrr6gspa2i] {
    margin: 8px 0 0;
    color: #344353;
    font-size: 0.82rem;
    line-height: 1.42;
}

.ammon-form-flyout-confirm-actions[b-xrr6gspa2i] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 16px;
}

.ammon-form-flyout-confirm-button[b-xrr6gspa2i] {
    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: 800;
    cursor: pointer;
}

.ammon-form-flyout-confirm-button.primary[b-xrr6gspa2i] {
    background: var(--ammon-blue, #0a76c8);
    border-color: var(--ammon-blue-dark, #075f9f);
    color: #ffffff;
}

.ammon-form-flyout-confirm-button.secondary[b-xrr6gspa2i] {
    background: #ffffff;
    border-color: #c7d4df;
    color: #263746;
}

@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] {
        top: 8px;
        right: 8px;
        width: calc(100vw - 16px);
        max-width: calc(100vw - 16px);
        height: calc(100dvh - 16px);
        border-left: 0;
        border: 1px solid #cfd8e2;
        border-radius: 10px 10px 0 0;
        overflow: hidden;
    }

    .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-footer[b-xrr6gspa2i] {
        align-items: stretch;
        justify-content: stretch;
        padding: 10px 12px 12px;
    }

    .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;
        justify-content: stretch;
        bottom: -14px;
        margin: 14px -12px -14px;
        padding: 10px 12px 12px;
    }

    .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;
    }

    .ammon-form-flyout-footer[b-xrr6gspa2i] (.ammon-form-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.create-candidate-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.create-client-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.create-job-order-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.candidate-profile-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.client-profile-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.job-order-profile-button),
    .ammon-form-flyout-footer[b-xrr6gspa2i] (.btn),
    .ammon-form-flyout-confirm-button[b-xrr6gspa2i] {
        flex: 1 1 100%;
        width: 100%;
    }

    .ammon-form-flyout-confirm[b-xrr6gspa2i] {
        width: 100%;
    }

    .ammon-form-flyout-confirm-actions[b-xrr6gspa2i] {
        align-items: stretch;
    }
}
/* /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/Shared/AmmonNoticeModal.razor.rz.scp.css */
.ammon-notice-backdrop[b-2rwbnk99li] {
    position: fixed;
    inset: 0;
    z-index: 14000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(16, 30, 44, 0.32);
    backdrop-filter: blur(1px);
}

.ammon-notice-modal[b-2rwbnk99li] {
    width: min(460px, calc(100vw - 32px));
    background: #ffffff;
    border: 1px solid #cfdbe6;
    border-radius: 4px;
    box-shadow: 0 22px 56px rgba(15, 23, 42, 0.28);
    color: #21313f;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    overflow: hidden;
}

.ammon-notice-header[b-2rwbnk99li] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 16px 10px;
    border-bottom: 1px solid #e2e9f0;
    background: #f8fafc;
}

.ammon-notice-kicker[b-2rwbnk99li] {
    color: #6b7784;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.ammon-notice-modal h2[b-2rwbnk99li] {
    margin: 2px 0 0;
    color: #172738;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.ammon-notice-body[b-2rwbnk99li] {
    padding: 14px 16px;
}

.ammon-notice-body p[b-2rwbnk99li] {
    margin: 0;
    color: #263746;
    font-size: 0.9rem;
    line-height: 1.45;
}

.ammon-notice-actions[b-2rwbnk99li] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 16px 14px;
    border-top: 1px solid #e8eef4;
    background: #ffffff;
}

.ammon-notice-ok[b-2rwbnk99li] {
    min-width: 86px;
    border: 1px solid var(--ammon-blue, #0a76c8);
    border-radius: 3px;
    background: var(--ammon-blue, #0a76c8);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 700;
    padding: 8px 18px;
    cursor: pointer;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.ammon-notice-ok:hover[b-2rwbnk99li] {
    background: var(--ammon-blue-dark, #075f9f);
    border-color: var(--ammon-blue-dark, #075f9f);
}

.ammon-notice-ok:focus[b-2rwbnk99li] {
    outline: 2px solid rgba(10, 118, 200, 0.24);
    outline-offset: 2px;
}

.ammon-notice-modal.warning[b-2rwbnk99li] {
    border-top: 4px solid #d97706;
}

@media (max-width: 640px) {
    .ammon-notice-backdrop[b-2rwbnk99li] {
        align-items: center;
        padding: 14px;
    }

    .ammon-notice-modal[b-2rwbnk99li] {
        width: 100%;
    }

    .ammon-notice-actions[b-2rwbnk99li] {
        justify-content: stretch;
    }

    .ammon-notice-ok[b-2rwbnk99li] {
        width: 100%;
    }
}
/* /Components/Shared/CandidateProfileAvionteSection.razor.rz.scp.css */
.candidate-av-card-grid[b-mrwynf0nnn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 16px;
}

.candidate-av-card[b-mrwynf0nnn] {
    background: #fff;
    border: 1px solid #dfe5eb;
    border-radius: 8px;
    padding: 14px;
    overflow: hidden;
}

.candidate-av-card-wide[b-mrwynf0nnn] {
    grid-column: 1 / -1;
}

.candidate-av-card-header[b-mrwynf0nnn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    border-bottom: 1px solid #ebeff3;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.candidate-extended-header[b-mrwynf0nnn] {
    align-items: center;
}

.candidate-av-card-title[b-mrwynf0nnn] {
    color: #243444;
    font-size: 0.88rem;
    font-weight: 800;
}

.candidate-extended-subtitle[b-mrwynf0nnn] {
    margin-top: 2px;
    color: #677485;
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.15rem;
}

.candidate-card-iconbar[b-mrwynf0nnn] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.candidate-profile-button[b-mrwynf0nnn] {
    min-height: 34px;
    padding: 0 13px;
    border: 1px solid #b7c3cf;
    border-radius: 4px;
    background: #f8fafc;
    color: #263849;
    font-size: 0.82rem;
    font-weight: 800;
}

.candidate-profile-button.primary[b-mrwynf0nnn],
.candidate-profile-button.save[b-mrwynf0nnn] {
    border-color: #0786ad;
    background: #099bc6;
    color: #fff;
}

.candidate-profile-button.secondary[b-mrwynf0nnn] {
    background: #f8f9fb;
    color: #536273;
}

.candidate-profile-button.compact[b-mrwynf0nnn] {
    min-height: 31px;
    padding: 0 10px;
    font-size: 0.75rem;
}

.candidate-extended-toolbar[b-mrwynf0nnn] {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 180px auto;
    gap: 10px;
    align-items: end;
    margin-bottom: 12px;
}

.candidate-extended-toolbar label[b-mrwynf0nnn],
.candidate-form-grid[b-mrwynf0nnn]  label {
    display: block;
    color: #465463;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.candidate-extended-toolbar input[b-mrwynf0nnn],
.candidate-extended-toolbar select[b-mrwynf0nnn],
.candidate-form-grid[b-mrwynf0nnn]  input,
.candidate-form-grid[b-mrwynf0nnn]  select,
.candidate-form-grid[b-mrwynf0nnn]  textarea,
.candidate-form-grid .form-control[b-mrwynf0nnn] {
    width: 100%;
    min-height: 32px;
    margin-top: 4px;
    padding: 5px 8px;
    border: 1px solid #aeb9c4;
    border-radius: 3px;
    background: #fff;
    color: #1d2d3c;
    font-size: 0.82rem;
    font-weight: 600;
}

.candidate-form-grid[b-mrwynf0nnn]  textarea {
    min-height: 82px;
    resize: vertical;
}

.candidate-extended-count[b-mrwynf0nnn] {
    justify-self: end;
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 1px solid #d7e0e9;
    border-radius: 999px;
    background: #f6f9fb;
    color: #425466;
    font-size: 0.76rem;
    font-weight: 800;
}

.candidate-extended-alert[b-mrwynf0nnn] {
    margin-bottom: 10px;
    padding: 8px 10px;
    border-radius: 4px;
    font-size: 0.82rem;
    font-weight: 700;
}

.candidate-extended-alert.success[b-mrwynf0nnn] {
    border: 1px solid #b9dfc5;
    background: #f0fbf3;
    color: #176b2e;
}

.candidate-extended-alert.error[b-mrwynf0nnn] {
    border: 1px solid #f0b8b8;
    background: #fff5f5;
    color: #a33b3b;
}

.candidate-linked-table-wrap[b-mrwynf0nnn] {
    width: 100%;
    overflow-x: auto;
}

.candidate-linked-table[b-mrwynf0nnn] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    table-layout: auto;
}

.candidate-linked-table thead th[b-mrwynf0nnn] {
    padding: 7px 9px;
    background: #f3f6f9;
    border-bottom: 1px solid #d7e0e9;
    color: #304150;
    font-size: 0.72rem;
    font-weight: 900;
    text-align: left;
    text-transform: uppercase;
}

.candidate-linked-table tbody td[b-mrwynf0nnn] {
    padding: 7px 9px;
    border-bottom: 1px solid #e3e8ee;
    color: #24313d;
    font-size: 0.78rem;
    font-weight: 600;
    vertical-align: top;
}

.candidate-linked-table tbody tr:nth-child(odd)[b-mrwynf0nnn] {
    background: #fcfdfe;
}

.candidate-linked-table tbody tr:nth-child(even)[b-mrwynf0nnn] {
    background: #f6f8fa;
}

.candidate-linked-muted[b-mrwynf0nnn] {
    margin-top: 2px;
    color: #728093;
    font-size: 0.72rem;
    font-weight: 600;
}

.candidate-profile-wrap-cell[b-mrwynf0nnn] {
    max-width: 300px;
    white-space: normal;
}

.candidate-system-activity-row[b-mrwynf0nnn] {
    border-left: 3px solid #8898aa;
}

.candidate-empty[b-mrwynf0nnn] {
    padding: 14px;
    color: #687789;
    font-size: 0.84rem;
    font-weight: 700;
}

.candidate-form-grid[b-mrwynf0nnn] {
    display: grid;
    grid-template-columns: repeat(2, minmax(220px, 1fr));
    gap: 12px 16px;
}

.candidate-form-grid-three[b-mrwynf0nnn] {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
}

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

.candidate-form-actions[b-mrwynf0nnn] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

@media (max-width: 920px) {
    .candidate-av-card-grid[b-mrwynf0nnn],
    .candidate-form-grid[b-mrwynf0nnn],
    .candidate-form-grid-three[b-mrwynf0nnn],
    .candidate-extended-toolbar[b-mrwynf0nnn] {
        grid-template-columns: 1fr;
    }

    .candidate-card-iconbar[b-mrwynf0nnn],
    .candidate-form-actions[b-mrwynf0nnn] {
        justify-content: flex-start;
    }

    .candidate-extended-count[b-mrwynf0nnn] {
        justify-self: start;
    }
}
/* /Components/Shared/InternalUserAssignmentPicker.razor.rz.scp.css */
.internal-user-picker[b-nr14ws4d0b] {
    display: grid;
    gap: 8px;
    width: 100%;
}

.internal-user-picker-header[b-nr14ws4d0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.internal-user-picker-header label[b-nr14ws4d0b] {
    margin: 0;
    color: #29384a;
    font-size: 0.92rem;
    font-weight: 700;
}

.internal-user-picker-header span[b-nr14ws4d0b] {
    color: #66788c;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.internal-user-picker-list[b-nr14ws4d0b] {
    display: grid;
    gap: 6px;
}

.internal-user-picker-chip[b-nr14ws4d0b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    border: 1px solid #c7d5e2;
    background: #f7fbff;
    padding: 6px 8px;
}

.internal-user-picker-chip strong[b-nr14ws4d0b],
.internal-user-picker-result strong[b-nr14ws4d0b] {
    display: block;
    color: #243344;
    font-size: 0.92rem;
    line-height: 1.2;
}

.internal-user-picker-chip span[b-nr14ws4d0b],
.internal-user-picker-result span[b-nr14ws4d0b],
.internal-user-picker-empty[b-nr14ws4d0b],
.internal-user-picker-no-results[b-nr14ws4d0b] {
    color: #65778b;
    font-size: 0.82rem;
    line-height: 1.25;
}

.internal-user-picker-chip button[b-nr14ws4d0b] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid #bfd0df;
    background: #fff;
    color: #263646;
    font-weight: 800;
}

.internal-user-picker-chip button:hover[b-nr14ws4d0b],
.internal-user-picker-chip button:focus-visible[b-nr14ws4d0b] {
    border-color: #0d80c8;
    color: #0d80c8;
}

.internal-user-picker-empty[b-nr14ws4d0b] {
    border: 1px dashed #c9d6e3;
    background: #f8fafc;
    padding: 9px 10px;
}

.internal-user-picker-search[b-nr14ws4d0b] {
    position: relative;
}

.internal-user-picker-input[b-nr14ws4d0b] {
    height: 38px;
}

.internal-user-picker-results[b-nr14ws4d0b] {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #c7d5e2;
    background: #fff;
    box-shadow: 0 10px 24px rgba(24, 40, 58, 0.18);
}

.internal-user-picker-result[b-nr14ws4d0b] {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e3ebf2;
    background: #fff;
    padding: 9px 10px;
    text-align: left;
}

.internal-user-picker-result:last-child[b-nr14ws4d0b] {
    border-bottom: 0;
}

.internal-user-picker-result:hover[b-nr14ws4d0b],
.internal-user-picker-result:focus-visible[b-nr14ws4d0b] {
    background: #eef7ff;
    outline: none;
}

.internal-user-picker-no-results[b-nr14ws4d0b] {
    padding: 10px;
}

@media (max-width: 760px) {
    .internal-user-picker-header[b-nr14ws4d0b] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Components/Shared/InternalUserNamePicker.razor.rz.scp.css */
.internal-user-name-picker[b-5g02l92jdv] {
    display: grid;
    gap: 4px;
    width: 100%;
}

.internal-user-name-picker label[b-5g02l92jdv] {
    margin: 0;
    color: #435367;
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.internal-user-name-picker-search[b-5g02l92jdv] {
    position: relative;
}

.internal-user-name-picker-input[b-5g02l92jdv] {
    height: 38px;
}

.internal-user-name-picker-results[b-5g02l92jdv] {
    position: absolute;
    z-index: 1200;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 260px;
    overflow: auto;
    border: 1px solid #c7d5e2;
    background: #fff;
    box-shadow: 0 10px 24px rgba(24, 40, 58, 0.18);
}

.internal-user-name-picker-result[b-5g02l92jdv] {
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #e3ebf2;
    background: #fff;
    padding: 9px 10px;
    text-align: left;
}

.internal-user-name-picker-result:last-child[b-5g02l92jdv] {
    border-bottom: 0;
}

.internal-user-name-picker-result:hover[b-5g02l92jdv],
.internal-user-name-picker-result:focus-visible[b-5g02l92jdv] {
    background: #eef7ff;
    outline: none;
}

.internal-user-name-picker-result strong[b-5g02l92jdv] {
    display: block;
    color: #243344;
    font-size: 0.92rem;
    line-height: 1.2;
}

.internal-user-name-picker-result span[b-5g02l92jdv],
.internal-user-name-picker-no-results[b-5g02l92jdv] {
    color: #65778b;
    font-size: 0.82rem;
    line-height: 1.25;
}

.internal-user-name-picker-no-results[b-5g02l92jdv] {
    padding: 10px;
}
/* /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-panel[b-l1cmq3fgv9] {
    border: 1px solid #d7e0e9;
    background: #ffffff;
    padding: 12px 14px 14px;
}
.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.72rem;
    font-weight: 800;
    color: #2e3b49;
    text-transform: uppercase;
}
.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: 3px;
    padding: 7px 9px;
    min-height: 34px;
    font-size: 0.82rem;
    box-sizing: border-box;
}
.shared-documents-form-grid[b-l1cmq3fgv9]  input,
.shared-documents-form-grid[b-l1cmq3fgv9]  select,
.shared-documents-form-grid[b-l1cmq3fgv9]  textarea {
    width: 100%;
    border: 1px solid #ced8e2;
    border-radius: 3px;
    padding: 7px 9px;
    min-height: 34px;
    color: #1f2d3d;
    font-size: 0.82rem;
    box-sizing: border-box;
}
.shared-documents-form-grid textarea[b-l1cmq3fgv9] {
    min-height: 90px;
    resize: vertical;
}
.shared-documents-form-grid[b-l1cmq3fgv9]  textarea {
    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;
    min-height: 16px;
    margin: 0;
    padding: 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] {
    height: 34px;
    min-width: 98px;
    border: 1px solid #0a76c8;
    border-radius: 5px;
    background: #ffffff;
    color: #0a76c8;
    padding: 0 12px;
    font-size: 0.78rem;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.shared-notes-add-button:hover[b-vybc6a4mgi],
.shared-notes-add-button:focus-visible[b-vybc6a4mgi] {
    background: #eef7ff;
    outline: none;
}

.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-flyout-layer[b-vybc6a4mgi] {
    position: relative;
    z-index: 9800;
}

.shared-notes-flyout-layer[b-vybc6a4mgi] (.ammon-form-flyout-backdrop) {
    z-index: 9800;
}

.shared-notes-flyout-layer[b-vybc6a4mgi] (.ammon-form-flyout-panel) {
    z-index: 9801;
}

.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-note-text.formatted[b-vybc6a4mgi] {
    white-space: normal;
}

.shared-notes-note-text :is(p, div)[b-vybc6a4mgi] {
    margin: 0 0 4px;
}

.shared-notes-note-text :is(ul, ol)[b-vybc6a4mgi] {
    margin: 4px 0 4px 18px;
    padding-left: 16px;
}

.shared-notes-note-text :is(li)[b-vybc6a4mgi] {
    margin: 2px 0;
}

.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-form-panel[b-vybc6a4mgi],
.shared-notes-tags-panel[b-vybc6a4mgi],
.shared-notes-inline-history[b-vybc6a4mgi] {
    border: 1px solid #cfd8e2;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: none;
}

.shared-notes-tags-panel[b-vybc6a4mgi],
.shared-notes-inline-history[b-vybc6a4mgi] {
    margin-top: 12px;
}

.shared-notes-form-panel[b-vybc6a4mgi],
.shared-notes-section-body[b-vybc6a4mgi] {
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}

.shared-notes-form-panel-body[b-vybc6a4mgi],
.shared-notes-section-body[b-vybc6a4mgi] {
    padding: 12px 14px 14px;
}

.shared-notes-form-grid[b-vybc6a4mgi] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 16px;
}

.shared-notes-form-grid-full[b-vybc6a4mgi] {
    grid-column: 1 / -1;
}

.shared-notes-form-grid > div[b-vybc6a4mgi] {
    min-width: 0;
}

.shared-notes-form-grid label[b-vybc6a4mgi] {
    display: block;
    margin-bottom: 4px;
    color: #2e3b49;
    font-size: 0.77rem;
    font-weight: 600;
    line-height: 1.25;
}

.shared-notes-form-panel .form-control[b-vybc6a4mgi],
.shared-notes-form-panel input:not([type="checkbox"])[b-vybc6a4mgi],
.shared-notes-form-panel select[b-vybc6a4mgi],
.shared-notes-form-panel textarea[b-vybc6a4mgi],
.shared-notes-filter[b-vybc6a4mgi] {
    width: 100%;
    min-height: 32px;
    padding: 5px 8px;
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    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;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
    box-sizing: border-box;
}

.shared-notes-form-panel .form-control:disabled[b-vybc6a4mgi],
.shared-notes-form-panel input:disabled[b-vybc6a4mgi],
.shared-notes-form-panel select:disabled[b-vybc6a4mgi],
.shared-notes-form-panel textarea:disabled[b-vybc6a4mgi] {
    background: #eef1f4;
    color: #6b7682;
    cursor: not-allowed;
}

.shared-notes-form-panel .form-control:focus[b-vybc6a4mgi],
.shared-notes-form-panel input:not([type="checkbox"]):focus[b-vybc6a4mgi],
.shared-notes-form-panel select:focus[b-vybc6a4mgi],
.shared-notes-form-panel textarea:focus[b-vybc6a4mgi],
.shared-notes-filter:focus[b-vybc6a4mgi] {
    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);
}

.shared-notes-note-entry[b-vybc6a4mgi],
.shared-notes-form-panel textarea.form-control[b-vybc6a4mgi] {
    min-height: 98px;
    padding-top: 8px;
    resize: vertical;
}

.shared-notes-rich-editor[b-vybc6a4mgi] {
    border: 1px solid #aeb9c4;
    border-radius: 2px;
    background: #ffffff;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.08);
}

.shared-notes-rich-toolbar[b-vybc6a4mgi] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    min-height: 34px;
    padding: 4px 6px;
    border-bottom: 1px solid #d6dfe8;
    background: #f7fafc;
}

.shared-notes-rich-tool[b-vybc6a4mgi],
.shared-notes-rich-color[b-vybc6a4mgi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 26px;
    border: 1px solid #c7d1dc;
    border-radius: 2px;
    background: #ffffff;
    color: #243746;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
}

.shared-notes-rich-tool.wide[b-vybc6a4mgi] {
    width: 38px;
}

.shared-notes-rich-tool:hover[b-vybc6a4mgi],
.shared-notes-rich-tool:focus-visible[b-vybc6a4mgi],
.shared-notes-rich-color:hover[b-vybc6a4mgi],
.shared-notes-rich-color:focus-within[b-vybc6a4mgi] {
    border-color: #0b77bd;
    color: #0b5f99;
    outline: none;
}

.shared-notes-rich-underline[b-vybc6a4mgi] {
    text-decoration: underline;
}

.shared-notes-rich-color[b-vybc6a4mgi] {
    position: relative;
    gap: 2px;
    overflow: hidden;
}

.shared-notes-rich-color input[type="color"][b-vybc6a4mgi] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.shared-notes-rich-editor-surface[b-vybc6a4mgi] {
    min-height: 132px;
    max-height: 260px;
    overflow: auto;
    padding: 8px 10px;
    color: #1f2933;
    font-family: "Poppins", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-size: 0.82rem;
    line-height: 1.35;
}

.shared-notes-rich-editor-surface:focus[b-vybc6a4mgi] {
    outline: 2px solid rgba(241, 112, 128, 0.16);
    outline-offset: -2px;
}

.shared-notes-rich-editor-surface:empty[b-vybc6a4mgi]::before {
    content: "Enter note details";
    color: #8793a0;
}

.shared-notes-rich-editor-surface :is(p, div)[b-vybc6a4mgi] {
    margin: 0 0 4px;
}

.shared-notes-rich-editor-surface :is(ul, ol)[b-vybc6a4mgi] {
    margin: 4px 0 4px 18px;
    padding-left: 16px;
}

.shared-notes-tags-subtitle[b-vybc6a4mgi] {
    margin-bottom: 10px;
    font-size: 0.76rem;
    color: #627182;
}

.shared-notes-tags-title[b-vybc6a4mgi] {
    font-size: 0.86rem;
    font-weight: 800;
    color: #203040;
}

.shared-notes-filter[b-vybc6a4mgi] {
    max-width: 360px;
}

.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: center;
    min-height: 38px;
    border: 1px solid #d7dfe8;
    background: #fff;
    padding: 8px 10px;
    font-size: 0.78rem;
    color: #243746;
}

.shared-notes-tag-option input[type="checkbox"][b-vybc6a4mgi] {
    position: relative;
    width: 13px;
    min-width: 13px;
    height: 13px;
    min-height: 13px;
    margin: 0;
    padding: 0;
    border: 1px solid #8f9aa5;
    border-radius: 2px;
    background: #ffffff !important;
    box-shadow: none;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

.shared-notes-tag-option input[type="checkbox"]:checked[b-vybc6a4mgi]::after {
    content: "";
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #24313d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.shared-notes-tag-option input[type="checkbox"]:disabled[b-vybc6a4mgi] {
    background: #eef1f4 !important;
    cursor: not-allowed;
}

.shared-notes-tag-option span[b-vybc6a4mgi] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.shared-notes-tag-option.selected[b-vybc6a4mgi] {
    border-color: #1f6fd6;
    background: #f4f9ff;
}

@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-form-grid-full[b-vybc6a4mgi] {
        grid-column: auto;
    }

    .shared-notes-filter[b-vybc6a4mgi] {
        max-width: 100%;
    }
}
/* /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, 0.98fr) minmax(340px, 0.92fr);
    gap: 10px;
}

.shift-intake-panel-flyout[b-dw3rxgc0im] {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.shift-intake-panel-flyout .shift-intake-details-card[b-dw3rxgc0im],
.shift-intake-panel-flyout .shift-intake-calendar-card[b-dw3rxgc0im] {
    grid-column: 1;
    grid-row: auto;
}

.shift-intake-card[b-dw3rxgc0im] {
    border: 1px solid #d9e1ea;
    border-radius: 8px;
    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-details-card[b-dw3rxgc0im] {
    grid-column: 1;
    grid-row: 1;
}

.shift-intake-calendar-card[b-dw3rxgc0im] {
    grid-column: 2;
    grid-row: 1;
}

.shift-intake-card-header[b-dw3rxgc0im] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px 8px;
    border-bottom: 1px solid #e8edf2;
    background: #fff;
}

.shift-intake-calendar-header[b-dw3rxgc0im] {
    display: grid;
    justify-items: center;
    gap: 5px;
    padding: 10px 12px 9px;
    border-bottom: 1px solid #e8edf2;
    background: #fff;
    text-align: center;
}

.shift-intake-calendar-titlebar[b-dw3rxgc0im] {
    display: grid;
    gap: 2px;
    justify-items: center;
}

.shift-intake-calendar-month-row[b-dw3rxgc0im] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-width: min(290px, 100%);
}

.shift-intake-calendar-month-row .shift-intake-card-title[b-dw3rxgc0im] {
    min-width: 136px;
    margin-top: 0;
}

.shift-intake-calendar-arrow[b-dw3rxgc0im] {
    width: 32px;
    height: 30px;
    border: 1px solid #cfdde8;
    border-radius: 7px;
    background: #fff;
    color: #17324a;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
}

.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: 3px 0 0;
    font-size: 0.9rem;
    font-weight: 800;
    color: #17324a;
}

.shift-intake-card-note[b-dw3rxgc0im],
.shift-intake-template-note[b-dw3rxgc0im] {
    max-width: 320px;
    font-size: 0.74rem;
    line-height: 1.35;
    color: #647688;
}

.shift-intake-grid[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px 10px;
    padding: 10px 12px 12px;
}

.shift-intake-grid.compact[b-dw3rxgc0im] {
    padding-top: 10px;
}

.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: 32px;
    border: 1px solid #d7d3df;
    border-radius: 2px;
    background: #fff;
    padding: 0 9px;
    color: #252235;
    font-size: 0.78rem;
    font-weight: 600;
    box-sizing: border-box;
}

.shift-intake-number-input[b-dw3rxgc0im] {
    width: 72px;
    min-width: 72px;
    padding: 0 26px 0 9px;
    text-align: left;
    appearance: textfield;
    -moz-appearance: textfield;
}

.shift-intake-number-input[b-dw3rxgc0im]::-webkit-outer-spin-button,
.shift-intake-number-input[b-dw3rxgc0im]::-webkit-inner-spin-button {
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
}

.shift-intake-quantity-field[b-dw3rxgc0im] {
    align-items: flex-start;
    width: min(132px, 100%);
}

.shift-intake-stepper[b-dw3rxgc0im] {
    position: relative;
    width: 72px;
}

.shift-intake-stepper-buttons[b-dw3rxgc0im] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 20px;
    display: grid;
    grid-template-rows: 1fr 1fr;
    border-left: 1px solid #e1dce7;
    overflow: hidden;
}

.shift-intake-stepper-buttons button[b-dw3rxgc0im] {
    display: grid;
    place-items: center;
    border: 0;
    background: #fbfafc;
    color: #675f70;
    cursor: pointer;
    padding: 0;
}

.shift-intake-stepper-buttons button + button[b-dw3rxgc0im] {
    border-top: 1px solid #e1dce7;
}

.shift-intake-stepper-buttons button:hover[b-dw3rxgc0im] {
    background: #f1ecf6;
}

.shift-intake-stepper-arrow[b-dw3rxgc0im] {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.shift-intake-stepper-arrow.up[b-dw3rxgc0im] {
    border-bottom: 5px solid #4f4659;
}

.shift-intake-stepper-arrow.down[b-dw3rxgc0im] {
    border-top: 5px solid #4f4659;
}

.shift-intake-client-picker[b-dw3rxgc0im] {
    padding: 12px 14px 0;
}

.shift-intake-selected-client[b-dw3rxgc0im] {
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 6px;
    padding: 0 9px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #fbfafc;
    color: #252235;
    font-size: 0.78rem;
    font-weight: 700;
}

.shift-intake-selected-client button[b-dw3rxgc0im] {
    border: 0;
    background: transparent;
    color: #8f4f82;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
}

.shift-intake-client-hint[b-dw3rxgc0im],
.shift-intake-template-empty[b-dw3rxgc0im] {
    padding: 9px 10px;
    border: 1px dashed #d8d2df;
    border-radius: 3px;
    color: #675f70;
    font-size: 0.78rem;
    background: #fbfafc;
}

.shift-intake-client-results[b-dw3rxgc0im] {
    display: grid;
    gap: 5px;
    margin-top: 6px;
}

.shift-intake-client-results button[b-dw3rxgc0im] {
    min-height: 38px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #fff;
    padding: 7px 9px;
    color: #252235;
    text-align: left;
    cursor: pointer;
}

.shift-intake-client-results strong[b-dw3rxgc0im] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.82rem;
}

.shift-intake-client-results span[b-dw3rxgc0im] {
    color: #675f70;
    font-size: 0.72rem;
    font-weight: 800;
}

.shift-intake-template-picker[b-dw3rxgc0im] {
    display: grid;
    gap: 6px;
    padding: 10px 12px 0;
}

.shift-intake-worksite-picker[b-dw3rxgc0im] {
    margin-bottom: 2px;
}

.shift-intake-worksite-picker select[b-dw3rxgc0im] {
    width: 100%;
}

.shift-intake-field-label[b-dw3rxgc0im] {
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.shift-intake-template-list[b-dw3rxgc0im] {
    display: grid;
    gap: 6px;
}

.shift-intake-template-card[b-dw3rxgc0im] {
    display: grid;
    gap: 3px;
    min-height: 48px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #fff;
    padding: 8px 10px;
    color: #252235;
    text-align: left;
    cursor: pointer;
}

.shift-intake-template-card:hover[b-dw3rxgc0im],
.shift-intake-template-card.selected[b-dw3rxgc0im] {
    border-color: #8f6eba;
    box-shadow: inset 3px 0 0 #c15493;
}

.shift-intake-template-card strong[b-dw3rxgc0im] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.84rem;
    font-weight: 800;
}

.shift-intake-template-card span[b-dw3rxgc0im] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #675f70;
    font-size: 0.75rem;
    font-weight: 650;
}

.shift-intake-shift-picker[b-dw3rxgc0im] {
    min-width: 0;
}

.shift-intake-field-label[b-dw3rxgc0im] {
    margin-bottom: 5px;
    color: #617384;
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.shift-intake-shift-time-list[b-dw3rxgc0im] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.shift-intake-shift-time-dropdown[b-dw3rxgc0im] {
    display: none;
    min-width: 0;
}

.shift-intake-multiselect-trigger[b-dw3rxgc0im] {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    border: 1px solid #d8d2df;
    border-radius: 2px;
    background: #fff;
    padding: 0 9px;
    color: #252235;
    font-size: 0.78rem;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
}

.shift-intake-multiselect-trigger:focus[b-dw3rxgc0im] {
    outline: none;
    border-color: #8f6eba;
    box-shadow: 0 0 0 2px rgba(143, 110, 186, 0.16);
}

.shift-intake-multiselect-chevron[b-dw3rxgc0im] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-right: 2px solid #675f70;
    border-bottom: 2px solid #675f70;
    transform: rotate(45deg) translateY(-2px);
}

.shift-intake-multiselect-menu[b-dw3rxgc0im] {
    display: grid;
    gap: 4px;
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #d8d2df;
    border-radius: 2px;
    background: #fbfafc;
    max-height: 218px;
    overflow: auto;
}

.shift-intake-multiselect-option[b-dw3rxgc0im] {
    min-height: 42px;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    border: 1px solid #e4dfea;
    border-radius: 2px;
    background: #fff;
    padding: 7px 8px;
    color: #252235;
    text-align: left;
    cursor: pointer;
}

.shift-intake-multiselect-option.selected[b-dw3rxgc0im] {
    border-color: #8f6eba;
    box-shadow: inset 3px 0 0 #c15493;
}

.shift-intake-multiselect-check[b-dw3rxgc0im] {
    width: 14px;
    height: 14px;
    border: 1px solid #bcb4c7;
    border-radius: 2px;
    background: #fff;
}

.shift-intake-multiselect-option.selected .shift-intake-multiselect-check[b-dw3rxgc0im] {
    border-color: #8f6eba;
    background: linear-gradient(135deg, #8f6eba 0%, #c15493 100%);
    box-shadow: inset 0 0 0 3px #fff;
}

.shift-intake-multiselect-option-text[b-dw3rxgc0im] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.shift-intake-multiselect-option-text strong[b-dw3rxgc0im],
.shift-intake-multiselect-option-text small[b-dw3rxgc0im] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shift-intake-multiselect-option-text strong[b-dw3rxgc0im] {
    font-size: 0.78rem;
    font-weight: 800;
}

.shift-intake-multiselect-option-text small[b-dw3rxgc0im] {
    color: #675f70;
    font-size: 0.7rem;
    font-weight: 650;
}

.shift-intake-shift-time-card[b-dw3rxgc0im] {
    display: grid;
    gap: 3px;
    min-height: 42px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #fff;
    padding: 7px 9px;
    color: #252235;
    text-align: left;
    cursor: pointer;
}

.shift-intake-shift-time-card:hover[b-dw3rxgc0im],
.shift-intake-shift-time-card.selected[b-dw3rxgc0im] {
    border-color: #8f6eba;
    box-shadow: inset 3px 0 0 #c15493;
}

.shift-intake-shift-time-card strong[b-dw3rxgc0im] {
    color: #252235;
    font-size: 0.78rem;
    font-weight: 800;
}

.shift-intake-shift-time-card span[b-dw3rxgc0im] {
    color: #675f70;
    font-size: 0.7rem;
    font-weight: 650;
}

.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: 5px;
}

.shift-intake-button[b-dw3rxgc0im] {
    min-height: 32px;
    border: 1px solid transparent;
    border-radius: 2px;
    padding: 0 11px;
    font-size: 0.72rem;
    font-weight: 750;
    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: #8f6eba;
    border-color: #8f6eba;
    color: #fff;
}

.shift-intake-button.post[b-dw3rxgc0im] {
    background: #6f518f;
    border-color: #6f518f;
    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.compact[b-dw3rxgc0im] {
    padding: 10px 14px;
}

.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, 38px);
    gap: 5px;
    justify-content: center;
    padding: 10px 12px 0;
}

.shift-intake-calendar-heading[b-dw3rxgc0im] {
    font-size: 0.56rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
    text-align: center;
    padding-bottom: 3px;
}

.shift-intake-calendar-day[b-dw3rxgc0im] {
    width: 38px;
    min-height: 38px;
    aspect-ratio: 1 / 1;
    border: 1px solid #ded9e5;
    border-radius: 4px;
    background: #fff;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    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:disabled[b-dw3rxgc0im],
.shift-intake-calendar-day.past[b-dw3rxgc0im] {
    background: #f4f5f7;
    border-color: #e1e3e7;
    color: #9aa5af;
    cursor: not-allowed;
    opacity: 0.74;
}

.shift-intake-calendar-day:disabled:hover[b-dw3rxgc0im],
.shift-intake-calendar-day.past:hover[b-dw3rxgc0im] {
    transform: none;
    border-color: #e1e3e7;
}

.shift-intake-calendar-day.muted[b-dw3rxgc0im] {
    background: #f8fafc;
    color: #7a8b9c;
}

.shift-intake-calendar-day.today[b-dw3rxgc0im] {
    border-color: #20a75a;
    box-shadow: inset 0 0 0 1px rgba(32, 167, 90, 0.32);
}

.shift-intake-calendar-day.selected[b-dw3rxgc0im] {
    background: #eef9fb;
    border-color: #0f8cb1;
    box-shadow: inset 0 0 0 1px rgba(15, 140, 177, 0.2);
}

.shift-intake-calendar-day.today.selected[b-dw3rxgc0im] {
    border-color: #20a75a;
    box-shadow: inset 0 0 0 2px rgba(32, 167, 90, 0.42);
}

.shift-intake-calendar-day-number[b-dw3rxgc0im] {
    font-size: 0.82rem;
    font-weight: 800;
    color: #17324a;
}

.shift-intake-calendar-day:disabled .shift-intake-calendar-day-number[b-dw3rxgc0im],
.shift-intake-calendar-day.past .shift-intake-calendar-day-number[b-dw3rxgc0im] {
    color: #9aa5af;
}

.shift-intake-selected[b-dw3rxgc0im] {
    width: min(296px, calc(100% - 24px));
    margin: 0 auto;
    padding: 8px 0 10px;
}

.shift-intake-selected-title[b-dw3rxgc0im] {
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #617384;
}

.shift-intake-selected-empty[b-dw3rxgc0im] {
    margin-top: 5px;
    font-size: 0.72rem;
    color: #617384;
}

.shift-intake-selected-chips[b-dw3rxgc0im] {
    margin-top: 7px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.shift-intake-selected-chip[b-dw3rxgc0im] {
    min-height: 24px;
    border: 1px solid #c9dfea;
    border-radius: 4px;
    background: #f4fbff;
    padding: 0 8px;
    color: #17597b;
    font-size: 0.72rem;
    font-weight: 800;
    cursor: pointer;
}

.shift-intake-actions[b-dw3rxgc0im] {
    position: sticky;
    bottom: 0;
    justify-content: flex-end;
    margin-top: 10px;
    padding: 10px 0 0;
    background: #fff;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.shift-intake-saving-bar[b-dw3rxgc0im] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: auto;
    border: 1px solid #d8cae8;
    background: #f7f3fb;
    color: #674c88;
    padding: 7px 10px;
    font-size: 0.74rem;
    font-weight: 650;
}

.shift-intake-saving-bar span[b-dw3rxgc0im] {
    width: 96px;
    height: 4px;
    border-radius: 999px;
    background: linear-gradient(90deg, #8f6eba 0%, #d7c6ee 50%, #8f6eba 100%);
    background-size: 180% 100%;
    animation: shiftIntakeLoadingBar-b-dw3rxgc0im 0.95s linear infinite;
}

@keyframes shiftIntakeLoadingBar-b-dw3rxgc0im {
    from {
        background-position: 180% 0;
    }

    to {
        background-position: -180% 0;
    }
}

@media (max-width: 1080px) {
    .shift-intake-panel[b-dw3rxgc0im],
    .shift-intake-grid[b-dw3rxgc0im] {
        grid-template-columns: minmax(0, 1fr);
    }

    .shift-intake-details-card[b-dw3rxgc0im],
    .shift-intake-calendar-card[b-dw3rxgc0im] {
        grid-column: auto;
        grid-row: auto;
    }

    .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] {
        grid-template-columns: repeat(7, 34px);
        gap: 5px;
        padding: 9px 10px 0;
    }

    .shift-intake-calendar-day[b-dw3rxgc0im] {
        width: 34px;
        min-height: 34px;
        padding: 0;
        border-radius: 4px;
    }

    .shift-intake-calendar-day-number[b-dw3rxgc0im] {
        font-size: 0.78rem;
    }
}

@media (max-width: 560px) {
    .shift-intake-card-header[b-dw3rxgc0im],
    .shift-intake-grid[b-dw3rxgc0im],
    .shift-intake-summary-grid[b-dw3rxgc0im],
    .shift-intake-client-picker[b-dw3rxgc0im],
    .shift-intake-template-picker[b-dw3rxgc0im],
    .shift-intake-selected[b-dw3rxgc0im] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .shift-intake-calendar[b-dw3rxgc0im] {
        grid-template-columns: repeat(7, 30px);
        gap: 4px;
    }

    .shift-intake-calendar-day[b-dw3rxgc0im] {
        width: 30px;
        min-height: 30px;
    }

    .shift-intake-calendar-heading[b-dw3rxgc0im] {
        font-size: 0.58rem;
    }

    .shift-intake-shift-time-list[b-dw3rxgc0im] {
        display: none;
    }

    .shift-intake-shift-time-dropdown[b-dw3rxgc0im] {
        display: block;
    }

    .shift-intake-button[b-dw3rxgc0im],
    .shift-intake-selected-chip[b-dw3rxgc0im] {
        width: 100%;
        justify-content: center;
    }

    .shift-intake-inline-actions[b-dw3rxgc0im],
    .shift-intake-actions[b-dw3rxgc0im] {
        width: 100%;
    }

    .shift-intake-actions[b-dw3rxgc0im] {
        flex-direction: column;
        align-items: stretch;
        gap: 5px;
        padding: 8px 0 0;
    }

    .shift-intake-actions .shift-intake-button[b-dw3rxgc0im] {
        min-height: 34px;
        display: inline-flex;
        align-items: center;
        border-radius: 2px;
        margin: 0;
        box-sizing: border-box;
    }

    .shift-intake-panel-flyout[b-dw3rxgc0im] {
        overflow-x: hidden;
    }
}
/* /Components/ShiftTimeTemplatePanel.razor.rz.scp.css */
.shift-time-alert[b-z7ihqdz2a7] {
    margin: 0 0 10px;
    padding: 8px 10px;
    border: 1px solid #efc2c9;
    background: #fff2f4;
    color: #a64052;
    font-size: 0.78rem;
    font-weight: 650;
}

.shift-time-card[b-z7ihqdz2a7] {
    border: 1px solid #ded9e4;
    border-radius: 4px;
    background: #ffffff;
    overflow: hidden;
}

.shift-time-card-header[b-z7ihqdz2a7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px 9px;
    border-bottom: 1px solid #eeeaf1;
    background: #fbfafc;
}

.shift-time-card-header h3[b-z7ihqdz2a7] {
    margin: 2px 0 0;
    color: #2b2732;
    font-size: 0.92rem;
    font-weight: 650;
}

.shift-time-card-header span[b-z7ihqdz2a7] {
    max-width: 260px;
    color: #756e7c;
    font-size: 0.72rem;
    font-weight: 550;
    line-height: 1.35;
}

.shift-time-kicker[b-z7ihqdz2a7] {
    color: #8f6eba;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.shift-time-grid[b-z7ihqdz2a7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 12px 14px 14px;
}

.shift-time-grid-span-2[b-z7ihqdz2a7] {
    grid-column: 1 / -1;
}

.shift-time-field[b-z7ihqdz2a7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.shift-time-field > span[b-z7ihqdz2a7] {
    color: #756e7c;
    font-size: 0.66rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.shift-time-input[b-z7ihqdz2a7] {
    min-height: 34px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #2f2a36;
    padding: 0 10px;
    font-size: 0.8rem;
    font-weight: 550;
    box-sizing: border-box;
}

.shift-time-input:focus[b-z7ihqdz2a7] {
    outline: none;
    border-color: #8f6eba;
    box-shadow: 0 0 0 2px rgba(143, 110, 186, 0.14);
}

.shift-time-actions[b-z7ihqdz2a7] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    padding-top: 12px;
}

.shift-time-button[b-z7ihqdz2a7] {
    min-height: 32px;
    border: 1px solid #d8d2df;
    border-radius: 3px;
    background: #ffffff;
    color: #4d4657;
    padding: 0 14px;
    font-size: 0.74rem;
    font-weight: 650;
    text-transform: uppercase;
    cursor: pointer;
}

.shift-time-button.primary[b-z7ihqdz2a7] {
    border-color: #8f6eba;
    background: #8f6eba;
    color: #ffffff;
}

@media (max-width: 620px) {
    .shift-time-grid[b-z7ihqdz2a7] {
        grid-template-columns: 1fr;
    }

    .shift-time-card-header[b-z7ihqdz2a7],
    .shift-time-actions[b-z7ihqdz2a7] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /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;
    }
}