@import '_content/AnnnyBloxComponents/AnnnyBloxComponents.pgbo12vg1m.bundle.scp.css';
@import '_content/FancyTiles/FancyTiles.dv4bh8rd6y.bundle.scp.css';
@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.boiwgh0w5b.bundle.scp.css';
@import '_content/SharedFrontendComponents/SharedFrontendComponents.w6g66ysagi.bundle.scp.css';
@import '_content/SignatureUtilities/SignatureUtilities.5lhi8hmlpi.bundle.scp.css';

/* /App.razor.rz.scp.css */
/* /Components/Absences/AbsenceList.razor.rz.scp.css */
.absence-row-clickable[b-e45zps4naa] {
    cursor: pointer;
}

.absence-row-clickable:hover[b-e45zps4naa],
.absence-row-clickable:focus-within[b-e45zps4naa] {
    background: var(--brand-soft, #e6f2ed);
}

.absence-avatar[b-e45zps4naa] {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 16px;
}

.absence-name[b-e45zps4naa] {
    font-weight: 650;
}

.absence-reason[b-e45zps4naa] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 4px);
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 650;
    white-space: nowrap;
}

.absence-actions[b-e45zps4naa] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-1, 4px);
}

.absence-actions[b-e45zps4naa]  .absence-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: var(--control-height, 44px);
    padding: var(--space-2, 8px) var(--space-3, 12px);
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.absence-actions[b-e45zps4naa]  .absence-action:hover:not(:disabled) {
    background: var(--brand-soft, #e6f2ed);
}

.absence-actions[b-e45zps4naa]  .absence-action-delete {
    color: var(--danger, #b83242);
}

.absence-actions[b-e45zps4naa]  .absence-action-delete:hover:not(:disabled) {
    background: color-mix(in srgb, var(--danger, #b83242) 10%, var(--surface, #ffffff));
}

.absence-actions[b-e45zps4naa]  .absence-action:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.absence-actions[b-e45zps4naa]  .absence-action:disabled {
    opacity: .45;
}

@media (pointer: coarse), (max-width: 700px) {
    .absence-actions[b-e45zps4naa]  .absence-action {
        min-height: 44px;
        min-width: 44px;
    }
}
/* /Components/AccessContainerManager.razor.rz.scp.css */
.container-management-container[b-8gtv8ojuim] {
    width: 100%;
    min-width: 0;
}

.container-explorer[b-8gtv8ojuim] {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    grid-template-areas: 'toolbar toolbar' 'treeview main';
    width: 100%;
    border: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px;
    background: var(--agency-surface, #ffffff);
}

.explorer-toolbar[b-8gtv8ojuim] {
    grid-area: toolbar;
    min-width: 0;
    min-height: 76px;
    padding: 16px;
    border-bottom: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px 9px 0 0;
    background: var(--agency-surface-alt, #f0f3ef);
    overflow-x: auto;
}

.explorer-action-button-container[b-8gtv8ojuim] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 8px;
}

.explorer-action-button-container[b-8gtv8ojuim]  .agency-action {
    flex-shrink: 0;
    white-space: nowrap;
}

.explorer-delete-action[b-8gtv8ojuim] {
    margin-left: auto;
}

.explorer-member-actions[b-8gtv8ojuim] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 8px;
}

.explorer-treeview[b-8gtv8ojuim] {
    grid-area: treeview;
    border-right: 1px solid var(--agency-line, #dce4de);
    padding: 16px;
}

.explorer-main[b-8gtv8ojuim] {
    grid-area: main;
    padding: 16px;
}

.explorer-treeview[b-8gtv8ojuim], .explorer-main[b-8gtv8ojuim] {
    position: relative;
    min-width: 0;
    height: clamp(320px, 55vh, 600px);
    overflow: auto;
}

.error-no-users-container[b-8gtv8ojuim] {
    display: grid;
    align-content: center;
    justify-items: center;
    gap: 12px;
    min-height: 280px;
    text-align: center;
    color: var(--agency-muted, #5b6b63);
}

.error-no-users-icon[b-8gtv8ojuim] {
    color: var(--agency-brand, #00624a);
    font-size: 28px;
}

.error-no-users[b-8gtv8ojuim] {
    font-size: 14px;
}

.loading-overlay[b-8gtv8ojuim] {
    position: absolute;
    inset: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255 255 255 / 85%);
}

.spinner-style[b-8gtv8ojuim] {
    width: 2rem;
    height: 2rem;
}

.user-line-spacer[b-8gtv8ojuim] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 20px 0 12px;
}

.user-line-spacer-text[b-8gtv8ojuim] {
    color: var(--agency-muted, #5b6b63);
    font-size: 11px;
    font-weight: 650;
}

.user-line-spacer-line[b-8gtv8ojuim] {
    flex: 1;
    border-bottom: 1px solid var(--agency-line, #dce4de);
}

@media (max-width: 991.98px) {
    .container-explorer[b-8gtv8ojuim] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: 'toolbar' 'treeview' 'main';
    }

    .explorer-treeview[b-8gtv8ojuim] {
        height: 280px;
        border-right: 0;
        border-bottom: 1px solid var(--agency-line, #dce4de);
    }
}
/* /Components/AccessContainerManagerUserLine.razor.rz.scp.css */
.user-line[b-3j3m3hs9vj] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 48px;
    padding: 6px 8px;
    margin-bottom: 4px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: var(--agency-surface, #ffffff);
    color: var(--agency-ink, #182e28);
    font-size: 13px;
    text-align: left;
}

.user-line:hover[b-3j3m3hs9vj] {
    background: var(--agency-surface-alt, #f0f3ef);
}

.user-line-active[b-3j3m3hs9vj] {
    background: var(--agency-soft, #e6f2ed);
    border-color: var(--agency-brand, #00624a);
}

.user-line:focus-visible[b-3j3m3hs9vj] {
    outline: 3px solid var(--agency-brand, #00624a);
    outline-offset: 3px;
}

.user-line-name[b-3j3m3hs9vj] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.user-type-badge[b-3j3m3hs9vj] {
    padding: 4px 8px;
    border-radius: 999px;
    background: var(--user-type-background);
    color: var(--user-type-color, var(--bs-dark));
    font-size: 11px;
    white-space: nowrap;
}

@media (max-width: 575.98px) {
    .user-line[b-3j3m3hs9vj] {
        flex-wrap: wrap;
    }

    .user-type-badge[b-3j3m3hs9vj] {
        margin-left: 40px;
    }
}

.user-type-admin[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-gray-dark);
    --user-type-color: var(--bs-light);
}

.user-type-agent[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-purple);
    --user-type-color: var(--bs-light);
}

.user-type-dgkp[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-orange);
}

.user-type-guardian[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-yellow);
}

.user-type-external[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-gray-500);
}

.user-type-medical[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-cyan);
}

.user-type-client[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-green);
    --user-type-color: var(--bs-light);
}

.user-type-caretaker[b-3j3m3hs9vj] {
    --user-type-background: var(--bs-blue);
    --user-type-color: var(--bs-light);
}
/* /Components/AddressCard.razor.rz.scp.css */
.address-card[b-xi83fmfeiv] {
    display: grid;
    gap: 16px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    overflow-wrap: anywhere;
}

.address-badge-container[b-xi83fmfeiv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    color: var(--brand, #00624a);
}

.address-badge-other[b-xi83fmfeiv] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
    font-weight: 650;
}

.address-details[b-xi83fmfeiv] {
    display: grid;
    gap: 4px;
    font-size: 13px;
    line-height: 1.55;
}

.address-street[b-xi83fmfeiv] {
    margin: 0;
    font-weight: 650;
}

.address-secondary-text[b-xi83fmfeiv] {
    margin: 0;
    color: var(--muted, #5b6b63);
}
/* /Components/AgencyManagementSection.razor.rz.scp.css */
.agency-management-section[b-eep0nrbm20] {
    --agency-brand: var(--annny-shell-brand, var(--brand, #00624a));
    --agency-brand-hover: var(--annny-shell-brand-hover, #004f3c);
    --agency-soft: var(--brand-soft, #e6f2ed);
    --agency-surface: var(--surface, #ffffff);
    --agency-surface-alt: var(--surface-alt, #f0f3ef);
    --agency-ink: var(--ink, #182e28);
    --agency-muted: var(--muted, #5b6b63);
    --agency-line: var(--line, #dce4de);
    --agency-control-border: var(--control-border, #87998e);
    --agency-danger: var(--danger, #b83242);
    border: 1px solid var(--agency-line);
    border-radius: var(--radius, 12px);
    background: var(--agency-surface);
    color: var(--agency-ink);
    min-width: 0;
}

.agency-section-heading[b-eep0nrbm20] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--agency-line);
}

.agency-section-heading h2[b-eep0nrbm20] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.025em;
}

.agency-section-heading h2 i[b-eep0nrbm20] {
    color: var(--agency-brand);
}

.agency-section-heading p[b-eep0nrbm20] {
    margin: 8px 0 0;
    max-width: 760px;
    color: var(--agency-muted);
    font-size: 13px;
}

.agency-section-actions[b-eep0nrbm20] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.agency-section-content[b-eep0nrbm20] {
    padding: 24px;
    min-width: 0;
}

/* Opt-in classes keep all dialog and modal controls outside this styling. */
.agency-management-section[b-eep0nrbm20]  .agency-action {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
}

.agency-management-section[b-eep0nrbm20]  .agency-action.btn-primary {
    background: var(--agency-brand);
    border-color: var(--agency-brand);
    color: var(--agency-surface);
}

.agency-management-section[b-eep0nrbm20]  .agency-action.btn-primary:hover:not(:disabled) {
    background: var(--agency-brand-hover);
    border-color: var(--agency-brand-hover);
}

.agency-management-section[b-eep0nrbm20]  .agency-action.btn-secondary {
    background: var(--agency-surface);
    color: var(--agency-ink);
    border-color: var(--agency-line);
}

.agency-management-section[b-eep0nrbm20]  .agency-action.btn-secondary:hover:not(:disabled) {
    background: var(--agency-soft);
}

.agency-management-section[b-eep0nrbm20]  .agency-action.btn-danger {
    background: var(--agency-danger);
    border-color: var(--agency-danger);
    color: var(--agency-surface);
}

.agency-management-section[b-eep0nrbm20]  .agency-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.agency-management-section[b-eep0nrbm20]  .agency-field {
    min-width: 0;
    flex: 1;
    max-width: 480px;
}

.agency-management-section[b-eep0nrbm20]  .agency-field label {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
}

.agency-management-section[b-eep0nrbm20]  .agency-field :is(.form-control, .form-select),
.agency-management-section[b-eep0nrbm20]  .agency-data-table :is(.form-control, .form-select) {
    min-height: 44px;
    border-color: var(--agency-control-border);
    border-radius: 9px;
    font-size: 13px;
    background-color: var(--agency-surface);
    color: var(--agency-ink);
}

.agency-management-section[b-eep0nrbm20]  .agency-field :is(.form-control, .form-select):disabled,
.agency-management-section[b-eep0nrbm20]  .agency-data-table :is(.form-control, .form-select):disabled {
    background-color: var(--agency-surface-alt);
    color: var(--agency-muted);
}

.agency-management-section[b-eep0nrbm20]  .agency-table-scroll {
    overflow-x: auto;
    border: 1px solid var(--agency-line);
    border-radius: 9px;
}

.agency-management-section[b-eep0nrbm20]  .agency-data-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-size: 13px;
}

.agency-management-section[b-eep0nrbm20]  .agency-data-table th {
    padding: 12px 16px;
    border-bottom: 1px solid var(--agency-line);
    background: var(--agency-surface-alt);
    color: var(--agency-muted);
    font-size: 11px;
    font-weight: 650;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
}

.agency-management-section[b-eep0nrbm20]  .agency-data-table td {
    padding: 16px;
    border-bottom: 1px solid var(--agency-line);
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.agency-management-section[b-eep0nrbm20]  .agency-data-table tr:last-child td {
    border-bottom: 0;
}

.agency-management-section[b-eep0nrbm20]  .agency-data-table tbody tr:hover {
    background: var(--agency-soft);
}

.agency-management-section[b-eep0nrbm20]  .agency-edit-row {
    cursor: pointer;
}

.agency-management-section[b-eep0nrbm20]  .agency-edit-row:focus-within {
    background: var(--agency-soft);
}

.agency-management-section[b-eep0nrbm20]  .agency-row-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 8px;
}

.agency-management-section[b-eep0nrbm20]  .agency-empty-state {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 48px 24px;
    border: 1px dashed var(--agency-line);
    border-radius: 9px;
    color: var(--agency-muted);
    text-align: center;
}

.agency-management-section[b-eep0nrbm20]  .agency-empty-state > i {
    font-size: 28px;
    color: var(--agency-brand);
}

.agency-management-section[b-eep0nrbm20]  .agency-empty-state p {
    margin: 0;
}

.agency-management-section[b-eep0nrbm20]  .agency-action:focus-visible,
.agency-management-section[b-eep0nrbm20]  .agency-table-scroll:focus-visible,
.agency-management-section[b-eep0nrbm20]  .agency-field :focus-visible,
.agency-management-section[b-eep0nrbm20]  .agency-data-table :focus-visible {
    outline: 3px solid var(--agency-brand);
    outline-offset: 3px;
}

@media (max-width: 575.98px) {
    .agency-section-heading[b-eep0nrbm20], .agency-section-content[b-eep0nrbm20] {
        padding: 16px;
    }

    .agency-management-section[b-eep0nrbm20]  .agency-field :is(.form-control, .form-select),
    .agency-management-section[b-eep0nrbm20]  .agency-data-table :is(.form-control, .form-select) {
        font-size: 16px;
    }

    .agency-management-section[b-eep0nrbm20]  .agency-row-actions {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .agency-management-section[b-eep0nrbm20]  .agency-action {
        transition: none;
        animation: none;
    }
}
/* /Components/AgencySkillsAndSpecialTreatments.razor.rz.scp.css */
.management-panel[b-prdrhha8qs] {
    min-width: 0;
}

.panel-heading[b-prdrhha8qs], .list-heading[b-prdrhha8qs], .action-row[b-prdrhha8qs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.panel-heading h3[b-prdrhha8qs], .list-heading h4[b-prdrhha8qs] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
    color: var(--agency-ink, #182e28);
}

.group-toolbar[b-prdrhha8qs] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
}

.item-list[b-prdrhha8qs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 24px;
}

.list-heading[b-prdrhha8qs] {
    margin-bottom: 8px;
}

.item-list-entry[b-prdrhha8qs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    padding: 12px 16px;
    border: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px;
    background: var(--agency-surface, #ffffff);
    color: var(--agency-ink, #182e28);
    font-size: 13px;
}

.item-actions[b-prdrhha8qs] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.empty-state[b-prdrhha8qs] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 20px;
    padding: 32px 24px;
    border: 1px dashed var(--agency-line, #dce4de);
    border-radius: 9px;
    color: var(--agency-muted, #5b6b63);
    text-align: center;
}

.relationship-legend[b-prdrhha8qs] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin: 20px 0;
}

.legend-entry[b-prdrhha8qs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--agency-muted, #5b6b63);
    font-size: 12px;
}

.relationship-state[b-prdrhha8qs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 9px;
    font-size: 16px;
}

button.relationship-state:not(:disabled):hover[b-prdrhha8qs] {
    border-color: currentColor;
}

button.relationship-state:focus-visible[b-prdrhha8qs] {
    outline: 3px solid var(--agency-brand, #00624a);
    outline-offset: 3px;
}

.relationship-state.positive[b-prdrhha8qs] {
    background: var(--agency-soft, #e6f2ed);
    color: var(--success, #176b46);
}

.relationship-state.negative[b-prdrhha8qs] {
    background: var(--surface-alt, #f0f3ef);
    color: var(--danger, #b83242);
}

.relationship-state.none[b-prdrhha8qs] {
    background: var(--agency-surface-alt, #f0f3ef);
    color: var(--agency-muted, #5b6b63);
}
/* /Components/BackofficeUpdateBanner.razor.rz.scp.css */
.backoffice-update-announcements[b-kdhvnqnh1u] {
    flex: 0 0 auto;
}

.backoffice-update-banner[b-kdhvnqnh1u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    padding: var(--space-3, 12px) var(--space-4, 16px);
    border-bottom: 1px solid var(--line, #dce4de);
    background-color: color-mix(in srgb, var(--warning, #865600) 7%, var(--surface, #ffffff));
    color: var(--warning, #865600);
    font-size: 12px;
    line-height: 1.55;
}

.backoffice-update-message[b-kdhvnqnh1u] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    min-width: 0;
}

.backoffice-update-message > i[b-kdhvnqnh1u] {
    flex: 0 0 auto;
    font-size: 18px;
}

.backoffice-update-message strong[b-kdhvnqnh1u],
.backoffice-update-message span[b-kdhvnqnh1u] {
    display: block;
}

.backoffice-update-message strong[b-kdhvnqnh1u] {
    font-weight: 650;
}

.backoffice-update-banner[b-kdhvnqnh1u]  .backoffice-update-reload {
    flex: 0 0 auto;
    min-height: max(44px, var(--control-height, 44px));
    padding: 9px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
}

.backoffice-update-banner[b-kdhvnqnh1u]  .backoffice-update-reload:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    box-shadow: none;
}

@media (max-width: 575.98px) {
    .backoffice-update-banner[b-kdhvnqnh1u] {
        flex-wrap: wrap;
    }

    .backoffice-update-banner[b-kdhvnqnh1u]  .backoffice-update-reload {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .backoffice-update-banner[b-kdhvnqnh1u]  .backoffice-update-reload {
        transition: none;
    }
}
/* /Components/Calendar/AnnnyCalendar.razor.rz.scp.css */
.calendar-scroll[b-h1fh8hqllh] {
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
}

.calendar-table[b-h1fh8hqllh] {
    width: max-content;
    min-width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px;
    line-height: 1.55;
}

.calendar-person-column[b-h1fh8hqllh] {
    width: 200px;
}

.calendar-day-column[b-h1fh8hqllh] {
    width: 52px;
}

.calendar-table thead th[b-h1fh8hqllh] {
    position: sticky;
    top: 0;
    z-index: 3;
    height: 64px;
    border-bottom: 1px solid var(--line, #dce4de);
    border-right: 1px solid var(--line, #dce4de);
    background: var(--surface-alt, #f0f3ef);
}

.calendar-person-heading[b-h1fh8hqllh] {
    left: 0;
    padding: var(--space-4, 16px);
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-weight: 600;
}

.calendar-table thead .calendar-person-heading[b-h1fh8hqllh] {
    z-index: 4;
}

.calendar-day-heading[b-h1fh8hqllh] {
    min-width: 52px;
    padding: var(--space-2, 8px) var(--space-1, 4px);
    text-align: center;
}

.calendar-day-number[b-h1fh8hqllh],
.calendar-weekday[b-h1fh8hqllh] {
    display: block;
}

.calendar-day-number[b-h1fh8hqllh] {
    color: var(--ink, #182e28);
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.calendar-weekday[b-h1fh8hqllh] {
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 400;
}

.calendar-person-group[b-h1fh8hqllh] {
    background: var(--surface, #ffffff);
}

.calendar-person-group:nth-of-type(even)[b-h1fh8hqllh] {
    background: var(--canvas, #f6f7f4);
}

.calendar-person[b-h1fh8hqllh] {
    position: sticky;
    left: 0;
    z-index: 2;
    padding: 0;
    vertical-align: middle;
    border-right: 1px solid var(--line, #dce4de);
    border-bottom: 1px solid var(--line, #dce4de);
    background: var(--surface, #ffffff);
}

.calendar-person-link[b-h1fh8hqllh] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2, 8px);
    width: 200px;
    min-height: 44px;
    padding: var(--space-3, 12px) var(--space-4, 16px);
    color: var(--brand, #00624a);
    font-weight: 600;
    text-decoration: none;
}

.calendar-person-link > span[b-h1fh8hqllh] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-person-link .bi[b-h1fh8hqllh] {
    flex-shrink: 0;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.calendar-cell[b-h1fh8hqllh] {
    height: 48px;
    padding: 0;
    border-right: 1px solid var(--line, #dce4de);
}

.calendar-person-group tr:last-child .calendar-cell[b-h1fh8hqllh] {
    border-bottom: 1px solid var(--line, #dce4de);
}

.calendar-cell.calendar-day--weekend[b-h1fh8hqllh] {
    background: var(--surface-alt, #f0f3ef);
}

.calendar-day-heading.calendar-day--today[b-h1fh8hqllh],
.calendar-cell.calendar-day--today[b-h1fh8hqllh] {
    background: var(--brand-soft, #e6f2ed);
}

.calendar-day--today .calendar-day-number[b-h1fh8hqllh] {
    color: var(--brand, #00624a);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.calendar-duty-cell[b-h1fh8hqllh] {
    padding: var(--space-1, 4px) 2px;
}

.calendar-duty[b-h1fh8hqllh] {
    display: flex;
    align-items: center;
    gap: var(--space-1, 4px);
    min-height: 32px;
    padding: 6px var(--space-2, 8px);
    border: 1px solid color-mix(in srgb, var(--brand, #00624a) 30%, var(--line, #dce4de));
    border-radius: 8px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.calendar-duty > span[b-h1fh8hqllh] {
    flex: 1;
    width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.calendar-duty .bi[b-h1fh8hqllh] {
    flex-shrink: 0;
    font-size: 10px;
}

.calendar-duty--alternate[b-h1fh8hqllh] {
    border-color: color-mix(in srgb, var(--info, #275a8c) 30%, var(--line, #dce4de));
    background: color-mix(in srgb, var(--info, #275a8c) 10%, var(--surface, #ffffff));
    color: var(--info, #275a8c);
}

.calendar-duty--continues-before[b-h1fh8hqllh] {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}

.calendar-duty--continues-after[b-h1fh8hqllh] {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
}

.calendar-person-link:hover[b-h1fh8hqllh],
.calendar-duty:hover[b-h1fh8hqllh] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.calendar-scroll:focus-visible[b-h1fh8hqllh],
.calendar-person-link:focus-visible[b-h1fh8hqllh],
.calendar-duty:focus-visible[b-h1fh8hqllh] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: -3px;
}

@media (pointer: coarse), (max-width: 767.98px) {
    .calendar-person-column[b-h1fh8hqllh],
    .calendar-person-link[b-h1fh8hqllh] {
        width: 160px;
    }

    .calendar-person-heading[b-h1fh8hqllh],
    .calendar-person-link[b-h1fh8hqllh] {
        padding-inline: var(--space-3, 12px);
    }

    .calendar-day-column[b-h1fh8hqllh] {
        width: 44px;
    }

    .calendar-day-heading[b-h1fh8hqllh] {
        min-width: 44px;
    }

    .calendar-duty[b-h1fh8hqllh] {
        min-height: 44px;
    }

    .calendar-cell[b-h1fh8hqllh] {
        height: 52px;
    }
}
/* /Components/CheckLists/CareDutyDependantCheckListOverview.razor.rz.scp.css */
.care-duty-checklists[b-epboudvid5] {
    color: var(--ink, #182e28);
}

.care-duty-filters[b-epboudvid5] {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: var(--space-6, 24px);
    padding: var(--space-6, 24px);
    margin-bottom: var(--space-6, 24px);
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.care-duty-filter[b-epboudvid5] {
    flex: 1 1 220px;
    min-width: 0;
}

.care-duty-filter .form-label[b-epboudvid5] {
    color: var(--ink, #182e28);
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 6px;
}

.care-duty-filter[b-epboudvid5]  .form-select,
.care-duty-filter[b-epboudvid5]  .selected-person-container {
    width: 100%;
    min-height: var(--control-height, 44px);
    padding: 9px 12px;
    border: 1px solid var(--control-border, #87998e);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    font-size: 13px;
}

.care-duty-filter[b-epboudvid5]  .selected-person-container {
    margin: 0;
}

.care-duty-filter[b-epboudvid5]  .selected-person-disabled,
.care-duty-filter[b-epboudvid5]  .form-select:disabled {
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
}

.care-duty-filter-options[b-epboudvid5] {
    display: grid;
    gap: var(--space-2, 8px);
    flex: 1 1 320px;
}

.care-duty-filter-options[b-epboudvid5]  .form-check {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: 28px;
    margin: 0;
}

.care-duty-filter-options[b-epboudvid5]  .form-check-input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 0;
    border-color: var(--control-border, #87998e);
}

.care-duty-filter-options[b-epboudvid5]  .form-check-input:checked {
    background-color: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
}

.care-duty-filter-options[b-epboudvid5]  .form-check-label {
    color: var(--ink, #182e28) !important;
    font-size: 13px;
}

.care-duty-checklists[b-epboudvid5]  :is(button, input, select):focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    box-shadow: none;
}

.care-duty-workspace[b-epboudvid5] {
    display: grid;
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr);
    align-items: start;
    gap: var(--space-6, 24px);
}

.care-duty-workspace--list-only[b-epboudvid5] {
    grid-template-columns: minmax(0, 1fr);
}

.care-duty-calendar[b-epboudvid5],
.care-duty-results[b-epboudvid5] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.care-duty-panel-heading[b-epboudvid5] {
    padding: var(--space-6, 24px);
    border-bottom: 1px solid var(--line, #dce4de);
}

.care-duty-panel-heading h2[b-epboudvid5] {
    margin: 0;
    color: var(--ink, #182e28);
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.care-duty-panel-heading p[b-epboudvid5] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.care-duty-results-heading[b-epboudvid5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
}

.care-duty-count[b-epboudvid5] {
    flex-shrink: 0;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    border-radius: 6px;
    color: var(--brand, #00624a);
    background: var(--brand-soft, #e6f2ed);
    font-size: 12px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.care-duty-results-content[b-epboudvid5] {
    padding: var(--space-4, 16px);
}

.care-duty-results-footer[b-epboudvid5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-top: 1px solid var(--line, #dce4de);
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.care-duty-state[b-epboudvid5] {
    display: grid;
    justify-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-8, 32px) var(--space-4, 16px);
    text-align: center;
}

.care-duty-state > i[b-epboudvid5] {
    font-size: 32px;
    color: var(--muted, #5b6b63);
}

.care-duty-state h3[b-epboudvid5] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.care-duty-state p[b-epboudvid5],
.care-duty-loading[b-epboudvid5] {
    margin: 0;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.care-duty-loading[b-epboudvid5] {
    text-align: center;
}

.care-duty-state[b-epboudvid5]  .care-duty-retry {
    min-height: var(--control-height, 44px);
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

@media (max-width: 1100px) {
    .care-duty-workspace[b-epboudvid5] {
        grid-template-columns: minmax(0, 1fr);
    }

    .care-duty-calendar[b-epboudvid5] {
        width: 100%;
        max-width: 440px;
    }
}

@media (max-width: 700px) {
    .care-duty-filters[b-epboudvid5],
    .care-duty-panel-heading[b-epboudvid5] {
        padding: var(--space-4, 16px);
    }

    .care-duty-filters[b-epboudvid5] {
        gap: var(--space-4, 16px);
    }

    .care-duty-filter[b-epboudvid5],
    .care-duty-filter-options[b-epboudvid5] {
        flex-basis: 100%;
    }

    .care-duty-results-heading[b-epboudvid5] {
        flex-wrap: wrap;
    }

    .care-duty-results-footer[b-epboudvid5] {
        justify-content: center;
    }
}

@media (pointer: coarse), (max-width: 700px) {
    .care-duty-filter[b-epboudvid5]  .form-select {
        min-height: 44px;
        font-size: 16px;
    }

    .care-duty-filter-options[b-epboudvid5]  .form-check {
        min-height: 44px;
    }

    .care-duty-filter[b-epboudvid5]  .btn-in-input {
        min-width: 44px;
        min-height: 44px;
    }
}
/* /Components/CheckLists/CheckListAssignmentModal.razor.rz.scp.css */
.headline[b-e37nmc9m80] {
    font-size: 1.5rem;
}

.button-container[b-e37nmc9m80] {
    display: flex;
    justify-content: right;
}

.modal-button[b-e37nmc9m80] {
    margin: 0 5px;
}

.text-container[b-e37nmc9m80] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text[b-e37nmc9m80] {
    margin-bottom: 10px;
}

/* /Components/CheckLists/CheckListCard.razor.rz.scp.css */
.checklist-card[b-u1ecm185ui] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3, 12px);
    padding: var(--space-4, 16px);
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
}

.checklist-card--overdue[b-u1ecm185ui] {
    border-left: 3px solid var(--danger, #b83242);
}

.checklist-card-body[b-u1ecm185ui] {
    flex: 1;
    min-width: 0;
}

.checklist-card-heading[b-u1ecm185ui] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    margin-bottom: var(--space-2, 8px);
}

.checklist-card-heading-content[b-u1ecm185ui] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1;
    min-width: 0;
    gap: var(--space-2, 8px);
}

.checklist-card-actions[b-u1ecm185ui] {
    flex-shrink: 0;
}

.checklist-card-title[b-u1ecm185ui] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
    max-width: 100%;
    min-height: 44px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--brand, #00624a);
    font-size: 15px;
    font-weight: 650;
    text-align: left;
    overflow-wrap: anywhere;
}

.checklist-card-title i[b-u1ecm185ui] {
    flex-shrink: 0;
    font-size: 13px;
}

.checklist-card-title:hover:not(:disabled)[b-u1ecm185ui] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.checklist-card-badges[b-u1ecm185ui] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2, 8px);
}

.checklist-card-badges[b-u1ecm185ui]  .checklist-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 11px;
    font-weight: 650;
}

.checklist-card-badges[b-u1ecm185ui]  .checklist-badge--info {
    color: var(--info, #275a8c);
    background: color-mix(in srgb, var(--info, #275a8c) 10%, var(--surface, #ffffff));
}

.checklist-card-badges[b-u1ecm185ui]  .checklist-badge--danger {
    color: var(--danger, #b83242);
    background: color-mix(in srgb, var(--danger, #b83242) 10%, var(--surface, #ffffff));
}

.checklist-card-badges[b-u1ecm185ui]  .checklist-badge--success {
    color: var(--success, #176b46);
    background: color-mix(in srgb, var(--success, #176b46) 10%, var(--surface, #ffffff));
}

.checklist-card-description[b-u1ecm185ui] {
    margin: 0 0 var(--space-3, 12px);
    color: var(--muted, #5b6b63);
    font-size: 13px;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.checklist-card-metadata[b-u1ecm185ui] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-2, 8px) var(--space-6, 24px);
    margin: 0;
}

.checklist-card-metadata[b-u1ecm185ui]  dt {
    margin-bottom: var(--space-1, 4px);
    color: var(--muted, #5b6b63);
    font-size: 11px;
    font-weight: 500;
}

.checklist-card-metadata[b-u1ecm185ui]  dd {
    margin: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.checklist-card-actions[b-u1ecm185ui]  .checklist-menu-button {
    display: inline-grid;
    place-items: center;
    min-width: 44px;
    min-height: 44px;
    padding: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: transparent;
    color: var(--muted, #5b6b63);
    font-size: 18px;
}

.checklist-card-actions[b-u1ecm185ui]  .checklist-menu-button:hover:not(:disabled) {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.checklist-card-actions[b-u1ecm185ui]  .dropdown-menu {
    padding: var(--space-1, 4px);
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.checklist-card-actions[b-u1ecm185ui]  .dropdown-item {
    width: 100%;
    min-height: 44px;
    padding: 9px 12px;
    border: 0;
    border-radius: 6px;
    color: var(--ink, #182e28);
    font-size: 13px;
    text-align: left;
}

.checklist-card-actions[b-u1ecm185ui]  .dropdown-item:hover {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.checklist-card[b-u1ecm185ui]  :is(button, input):focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    box-shadow: none;
}

.checklist-card[b-u1ecm185ui]  button:disabled {
    opacity: .45;
}

.checklist-card-selection[b-u1ecm185ui] {
    padding-top: var(--space-3, 12px);
}

.checklist-card-selection[b-u1ecm185ui]  .form-check {
    margin: 0;
}

.checklist-card-selection[b-u1ecm185ui]  .form-check-input {
    width: 18px;
    height: 18px;
    border-color: var(--control-border, #87998e);
}

.checklist-card-selection[b-u1ecm185ui]  .form-check-input:checked {
    background-color: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
}

.checklist-card-selection[b-u1ecm185ui]  .form-check-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

@media (max-width: 700px) {
    .checklist-card-metadata[b-u1ecm185ui] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .checklist-card-metadata[b-u1ecm185ui] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (pointer: coarse) {
    .checklist-card-selection[b-u1ecm185ui]  .form-check {
        display: flex;
        align-items: center;
        position: relative;
        min-width: 44px;
        min-height: 44px;
    }

    .checklist-card-selection[b-u1ecm185ui]  .form-check-label {
        inset: 0;
        width: 44px;
        height: 44px;
        clip-path: none;
        color: transparent !important;
        font-size: 0;
        cursor: pointer;
    }
}
/* /Components/CheckLists/CheckListCreationDialog.razor.rz.scp.css */
.check-list-creation-container[b-if1oybm9f6] {
    position: fixed;
    top: 5%;
    left: 10%;
    width: 80%;
    height: 80%;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.scrollable-list[b-if1oybm9f6] {
    width: auto;
    max-height: 350px;
    overflow-y: auto;
    margin-top: 20px;
    min-height: 200px;
}

.check-list-creation-overlay-title[b-if1oybm9f6] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.check-list-creation-top-container[b-if1oybm9f6] {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.check-list-creation-container-left[b-if1oybm9f6] {
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.check-list-creation-overlay-close-button[b-if1oybm9f6] {
    z-index: 101;
    margin: -10px -10px 5px 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.check-list-creation-overlay-close-button:hover[b-if1oybm9f6] {
    color: var(--bs-red);
}

.add-edit-description-button[b-if1oybm9f6] {
    height: 100%;
    background-color: var(--bs-gray-200);
    border-radius: 0 10px 10px 0;
    border: hidden;
}

.description-exists[b-if1oybm9f6] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.check-list-creation-name[b-if1oybm9f6] {
    margin-bottom: 15px;
}

.check-list-creation-description[b-if1oybm9f6] {
    margin-bottom: 15px;
    resize: none;
}

.check-list-creation-tab-content[b-if1oybm9f6] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.check-list-creation-tool-tip[b-if1oybm9f6] {
    margin-left: 0;
}

.check-list-creation-priority-input[b-if1oybm9f6] {
    width: 50px;
}

.check-list-creation-item-title[b-if1oybm9f6] {
    width: 50%;
}

.check-list-creation-tool-tip-description[b-if1oybm9f6] {
    height: 100%;
}

.line-container[b-if1oybm9f6]{
    gap: 10px; 
    margin-bottom: 20px; 
    width: 100%;
}
/* /Components/CheckLists/CheckListFulfillModal.razor.rz.scp.css */
.check-list-fulfill-overlay[b-c4fwl3md58] {
    min-width: 700px;
    position: fixed;
    width: calc(40%); /* 50px space (left and right) + 75px toolbar height */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: var(--bs-white);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.check-list-fulfill-overlay-title[b-c4fwl3md58] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.check-list-system-created-label[b-c4fwl3md58] {
    background-color: var(--bs-info);
}

.check-list-fulfill-overlay-close-button[b-c4fwl3md58] {
    z-index: 101;
    margin: -10px -10px 5px 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.check-list-fulfill-overlay-close-button:hover[b-c4fwl3md58] {
    color: var(--bs-red);
}

.check-list-fulfill-overlay-top-container[b-c4fwl3md58] {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    flex-direction: row;
}

.check-list-fulfill-container-right[b-c4fwl3md58] {
    display: flex;
}

.expandable-check-list-item-container[b-c4fwl3md58] {
    margin: 10px; 
    max-height: 67vh; 
    overflow: hidden; 
    overflow-y: auto;
}
/* /Components/CheckLists/CheckListItemAttachmentModal.razor.rz.scp.css */
.attachment-modal-container[b-crkefufrtb] {
    position: fixed;
    top: calc(25%);
    left: calc(33%);
    width: 40%;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.template-screen-content[b-crkefufrtb] {
    height: calc(100% - 40px);
}

.template-screen-tile-container[b-crkefufrtb] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.template-screen-tile[b-crkefufrtb] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 200px;
    border-radius: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-screen-tile:hover[b-crkefufrtb] {
    opacity: 0.8;
}

.template-screen-tile-icon[b-crkefufrtb] {
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
}

.template-screen-tile-text[b-crkefufrtb] {
    font-size: 1.2rem;
    padding: 10px;
}

.template-selection-screen-list-container[b-crkefufrtb] {
    width: 300px;
    overflow: auto;
    max-height: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.template-selection-screen-list-item[b-crkefufrtb] {
    width: 250px;
    height: 40px;
    margin: 5px;
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    line-height: 40px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-selection-screen-list-item:hover[b-crkefufrtb] {
    opacity: 0.8;
}
/* /Components/CheckLists/CheckListItemInformation.razor.rz.scp.css */
.check-list-item-information[b-6vavmeeekg] {
    display: grid;
    grid-template-columns: 42px minmax(170px, .9fr) minmax(120px, 1fr) 96px;
    gap: 12px;
    align-items: center;
    width: 100%;
    min-width: 0;
}

.priority[b-6vavmeeekg] {
    min-width: 0;
}

.fulfilled-check[b-6vavmeeekg] {
    color: var(--bs-success); 
    font-size: xx-large;
}

.type[b-6vavmeeekg] {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.2;
}

.title[b-6vavmeeekg] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.deadline[b-6vavmeeekg] {
    min-width: 0;
    white-space: nowrap;
}
/* /Components/CheckLists/CheckListItemList.razor.rz.scp.css */
.scrollable-list[b-f0sjvyzbv7] {
    width: auto;
}
/* /Components/CheckLists/CheckListList.razor.rz.scp.css */
.checklist-cards[b-66gzokek0u] {
    display: grid;
    gap: var(--space-3, 12px);
}

.checklist-empty[b-66gzokek0u] {
    padding: var(--space-6, 24px);
    color: var(--muted, #5b6b63);
    text-align: center;
}
/* /Components/CheckLists/CheckListOverview.razor.rz.scp.css */
.checklist-overview[b-jljjevo6fv]  .selected-person-container {
    width: 100%;
    min-height: var(--control-height, 44px);
    height: auto;
    padding: 9px 12px;
    border: 1px solid var(--control-border, #87998e);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    font-size: 13px;
}

.checklist-overview[b-jljjevo6fv]  .selected-person-disabled {
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
}

.checklist-date-toggle[b-jljjevo6fv] {
    grid-column: 1 / -2;
}

.checklist-overview[b-jljjevo6fv]  .directory-search-button {
    grid-row: 2;
}

.checklist-date-filters[b-jljjevo6fv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-column: 1 / -1;
    gap: var(--space-4, 16px);
    padding-top: var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
}

.checklist-selection-toolbar[b-jljjevo6fv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-bottom: 1px solid var(--line, #dce4de);
    background: var(--canvas, #f6f7f4);
}

.checklist-bulk-actions[b-jljjevo6fv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2, 8px);
}

.checklist-selection-toolbar[b-jljjevo6fv]  .form-check,
.checklist-date-toggle[b-jljjevo6fv]  .form-check {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: 44px;
    margin: 0;
}

.checklist-selection-toolbar[b-jljjevo6fv]  .form-check-input,
.checklist-date-toggle[b-jljjevo6fv]  .form-check-input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 0;
    border-color: var(--control-border, #87998e);
}

.checklist-selection-toolbar[b-jljjevo6fv]  .form-check-input:checked,
.checklist-selection-toolbar[b-jljjevo6fv]  .form-check-input:indeterminate,
.checklist-date-toggle[b-jljjevo6fv]  .form-check-input:checked {
    background-color: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
}

.checklist-selection-toolbar[b-jljjevo6fv]  .form-check-label,
.checklist-date-toggle[b-jljjevo6fv]  .form-check-label {
    color: var(--ink, #182e28) !important;
    font-size: 13px;
}

.checklist-bulk-actions[b-jljjevo6fv]  .annny-button {
    min-height: var(--control-height, 44px);
    padding: 9px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
}

.checklist-bulk-actions[b-jljjevo6fv]  .checklist-secondary-action {
    border: 1px solid var(--line, #dce4de);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
}

.checklist-bulk-actions[b-jljjevo6fv]  .checklist-secondary-action:hover:not(:disabled) {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.checklist-bulk-actions[b-jljjevo6fv]  .checklist-delete-action {
    border: 1px solid var(--danger, #b83242);
    background: transparent;
    color: var(--danger, #b83242);
}

.checklist-bulk-actions[b-jljjevo6fv]  .checklist-delete-action:hover:not(:disabled) {
    background: color-mix(in srgb, var(--danger, #b83242) 10%, var(--surface, #ffffff));
}

.checklist-bulk-actions[b-jljjevo6fv]  .annny-button:disabled {
    opacity: .45;
}

.checklist-overview[b-jljjevo6fv]  :is(button, input, select):focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    box-shadow: none;
}

@media (max-width: 1100px) {
    .checklist-overview[b-jljjevo6fv]  .directory-search-button {
        grid-row: auto;
    }
}

@media (max-width: 700px) {
    .checklist-date-toggle[b-jljjevo6fv],
    .checklist-overview[b-jljjevo6fv]  .directory-search-button {
        grid-column: 1 / -1;
    }

    .checklist-date-filters[b-jljjevo6fv] {
        grid-template-columns: minmax(0, 1fr);
    }

    .checklist-selection-toolbar[b-jljjevo6fv] {
        padding: var(--space-4, 16px);
    }

    .checklist-bulk-actions[b-jljjevo6fv],
    .checklist-bulk-actions[b-jljjevo6fv]  .annny-button {
        width: 100%;
    }
}

@media (pointer: coarse) {
    .checklist-bulk-actions[b-jljjevo6fv]  .annny-button,
    .checklist-overview[b-jljjevo6fv]  .btn-in-input {
        min-height: 44px;
        min-width: 44px;
    }
}
/* /Components/CheckLists/CheckListTemplateCreationDialog.razor.rz.scp.css */
.check-list-template-creation-container[b-r7936rtkau] {
    position: fixed;
    top: 5%;
    left: 10%;
    width: 80%;
    height: 80%;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.scrollable-list[b-r7936rtkau] {
    width: auto;
    max-height: 350px;
    overflow-y: auto;
    margin-top: 20px;
    min-height: 200px;
}

.check-list-template-creation-overlay-title[b-r7936rtkau] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.check-list-template-creation-top-container[b-r7936rtkau] {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.check-list-template-creation-container-left[b-r7936rtkau] {
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.check-list-template-creation-user-type-container[b-r7936rtkau] {
    display: flex;
    width: 100%;
    margin: 10px 10px 36px 0;
}

.check-list-template-creation-overlay-close-button[b-r7936rtkau] {
    z-index: 101;
    margin: -10px -10px 5px 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.check-list-template-creation-overlay-close-button:hover[b-r7936rtkau] {
    color: var(--bs-red);
}

.add-edit-description-button[b-r7936rtkau] {
    height: 100%;
    background-color: var(--bs-gray-200);

    border-radius: 0 10px 10px 0;
    border: hidden;
}

.description-exists[b-r7936rtkau] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.check-list-template-creation-name[b-r7936rtkau] {
    margin-bottom: 15px;
}

.check-list-template-creation-description[b-r7936rtkau] {
    margin-bottom: 15px;
    resize: none;
}

.check-list-template-creation-tab-content[b-r7936rtkau] {
    display: flex;
    justify-content: center;
}

.check-list-template-creation-tool-tip[b-r7936rtkau] {
    margin-left: 30px;
}

.check-list-template-creation-priority-input[b-r7936rtkau] {
    width: 50px;
}

.check-list-template-creation-item-title[b-r7936rtkau] {
    width: 50%;
}

.check-list-template-creation-tool-tip-description[b-r7936rtkau] {
    height: 100%;
}

.line-container[b-r7936rtkau]{
    gap: 10px;
    margin-bottom: 20px;
    width: 100%;
}
/* /Components/CheckLists/CheckListTemplateList.razor.rz.scp.css */
.checklist-template-cards[b-81zm67muae] {
    display: grid;
    gap: var(--space-3, 12px);
}

.checklist-template-empty[b-81zm67muae] {
    padding: var(--space-6, 24px);
    color: var(--muted, #5b6b63);
    text-align: center;
}
/* /Components/CheckLists/CheckListTemplateOverview.razor.rz.scp.css */
.checklist-templates[b-j8k43cqubk]  .directory-filters {
    grid-template-columns: minmax(0, 1fr) auto;
}

@media (max-width: 700px) {
    .checklist-templates[b-j8k43cqubk]  .directory-filters {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/CheckLists/DeclineReasonModal.razor.rz.scp.css */
.button-container[b-596mdrysli]{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 8px;
}
/* /Components/CheckLists/ExpandableCheckListItem.razor.rz.scp.css */
.check-list-item-container[b-3x7og9vkky] {
    width: 100%;
    border: none;
    background-color: var(--bs-gray-100);
    margin: 13px 0 13px 0;
}

.check-list-span-element-left[b-3x7og9vkky] {
    display: inline-flex;
    float: left;
    width: 100%;
    text-align: left;
    align-items: center;
}

.check-list-item-text[b-3x7og9vkky] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--bs-gray-700);
}

.check-list-item-comment[b-3x7og9vkky] {
    font-size: 14px;
    display: flex;
    color: var(--bs-gray-700);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 700px;
}

.check-list-item-list-menu-button[b-3x7og9vkky] {
    float: right;
    font-size: 25px;
    padding: 0;
}

.check-list-item-span-element-container[b-3x7og9vkky] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.person-ball[b-3x7og9vkky] {
    background-color: rgba(var(--bs-info-rgb), 0.6);
    position: relative;
    width: 40px;
    height: 40px;
    margin: 3px 10px 3px 3px;
    cursor: default;
    color: var(--bs-white);
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}

.delegation-title[b-3x7og9vkky]
{
    margin-left: 11px;
    margin-right: 11px;
    height: 50px;
    justify-content: center;
}

.dropdown-menu-icon[b-3x7og9vkky] {
    font-size: 15px; 
    margin-right: 5px;
}

.check-list-description-container[b-3x7og9vkky] {
    height: 20px; 
    margin-left: 35px;
}

.check-list-description-icon[b-3x7og9vkky] {
    padding-right: 5px;
}

.check-list-person-assignment-container[b-3x7og9vkky] {
    width: 97%; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin: 10px; 
    background-color: var(--bs-gray-300); 
    border-radius: 25px; 
    color: var(--bs-gray-700);
}

.check-list-person-assignment-state-icon[b-3x7og9vkky] {
    font-size: 25px;
}

.icon-container[b-3x7og9vkky] {
    width: 100px;
    display: flex;
    justify-content: end;
    margin-right: 10px;
}
/* /Components/CheckLists/GenericCheckListItemType.razor.rz.scp.css */
.check-list-item-span-element-right[b-eby1667swf] {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 20%;
}

.check-list-span-element-left[b-eby1667swf] {
    display: flex;
    float: left;
    width: 80%;
    text-align: left;
    align-items: center;
    min-width: 0;
}

.check-list-item-text[b-eby1667swf] {
    overflow: hidden;
    text-overflow: ellipsis;
    color: var(--bs-gray-700);
}

.attachment-menu-button[b-eby1667swf] {
    float: right;
    padding: 0;
}

.check-list-item-attachment-container[b-eby1667swf] {
    width: 95%;
    margin: 5px 100% 5px 5px;
    border: 2px solid var(--bs-gray-200);
}

.document-icon[b-eby1667swf] {
    margin-right: 10px;
    font-size: 1rem;
}

.fulfilled[b-eby1667swf] {
    color: var(--bs-primary);
    font-size: 80%;
    margin-right: 8%;
}

.unfulfilled[b-eby1667swf] {
    font-size: 80%;
    margin-right: 8%;
}

.check-list-item-span-element-container[b-eby1667swf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.check-list-item-base-addon[b-eby1667swf] {
    border: none;
    font-size: 25px;
    border-radius: 20px;
}

.check-list-item-document-button[b-eby1667swf] {
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
}
/* /Components/CrmEmail/CrmEmailActivityList.razor.rz.scp.css */
.crm-email-activity-list[b-xkkj5aamza] {
    display: flex;
    flex-direction: column;
}

.crm-email-activity-empty[b-xkkj5aamza] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--bs-gray-600);
    padding: 1rem 0;
}

.crm-email-activity-timeline[b-xkkj5aamza] {
    display: flex;
    flex-direction: column;
    gap: .9rem;
    padding: .25rem 0 .25rem .25rem;
}

.crm-email-activity-timeline-item[b-xkkj5aamza] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .75rem;
    align-items: flex-start;
}

.crm-email-activity-inbound[b-xkkj5aamza] {
    grid-template-columns: minmax(0, 1fr) 2rem;
}

.crm-email-activity-inbound .crm-email-activity-marker[b-xkkj5aamza] {
    grid-column: 2;
    grid-row: 1;
}

.crm-email-activity-inbound .crm-email-activity-card[b-xkkj5aamza] {
    grid-column: 1;
    grid-row: 1;
    justify-self: end;
    border-color: rgba(var(--bs-primary-rgb), .35);
    border-radius: .75rem .2rem .75rem .75rem;
}

.crm-email-activity-outbound .crm-email-activity-card[b-xkkj5aamza] {
    justify-self: start;
    border-radius: .2rem .75rem .75rem .75rem;
}

.crm-email-activity-clickable[b-xkkj5aamza] {
    cursor: pointer;
}

.crm-email-activity-clickable:hover .crm-email-activity-card[b-xkkj5aamza],
.crm-email-activity-clickable:focus .crm-email-activity-card[b-xkkj5aamza] {
    border-color: rgba(var(--bs-primary-rgb), .55);
    box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), .14);
}

.crm-email-activity-highlighted .crm-email-activity-card[b-xkkj5aamza] {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .2rem rgba(var(--bs-primary-rgb), .18),
                0 3px 12px rgba(var(--bs-primary-rgb), .2);
}

.crm-email-activity-marker[b-xkkj5aamza] {
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 0;
    border-radius: 50%;
    background: var(--bs-body-bg);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: 0;
}

.crm-email-activity-card[b-xkkj5aamza] {
    box-sizing: border-box;
    width: 80%;
    min-width: 0;
    border: 1px solid var(--bs-gray-300);
    border-radius: 6px;
    background: var(--bs-body-bg);
    padding: .85rem 1rem;
    box-shadow: 0 1px 4px rgba(var(--bs-dark-rgb), .08);
}

.crm-email-activity-card-header[b-xkkj5aamza] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.crm-email-activity-time[b-xkkj5aamza] {
    color: var(--bs-gray-600);
    font-size: .8rem;
}

.crm-email-activity-subject[b-xkkj5aamza] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    margin-top: .65rem;
}

.crm-email-activity-badges[b-xkkj5aamza] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .35rem;
    flex: 0 0 auto;
}

.crm-email-activity-status-badge[b-xkkj5aamza],
.crm-email-activity-provider[b-xkkj5aamza] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid transparent;
    border-radius: 999px;
    padding: .15rem .55rem;
    font-size: .75rem;
    line-height: 1.2;
}

.crm-email-activity-provider[b-xkkj5aamza] {
    background: var(--bs-gray-100);
    color: var(--bs-gray-600);
}

.crm-email-activity-detail-list[b-xkkj5aamza] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    color: var(--bs-gray-600);
    font-size: .875rem;
    margin-top: .55rem;
}

.crm-email-activity-attachments[b-xkkj5aamza] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    color: var(--bs-gray-600);
    font-size: .875rem;
    margin-top: .55rem;
}

.crm-email-activity-detail-row[b-xkkj5aamza],
.crm-email-activity-attachment[b-xkkj5aamza] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
    max-width: 100%;
}

.crm-email-activity-detail-value[b-xkkj5aamza],
.crm-email-activity-attachment[b-xkkj5aamza] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-activity-attachment[b-xkkj5aamza] {
    border: 0;
    border-radius: 999px;
    background: var(--bs-gray-100);
    color: var(--bs-gray-600);
    padding: .2rem .55rem;
}

.crm-email-activity-attachment:not(:disabled):hover[b-xkkj5aamza] {
    color: var(--bs-primary);
}

.crm-email-activity-attachment:disabled[b-xkkj5aamza] {
    cursor: default;
    opacity: .65;
}

.crm-email-activity-detail-row i[b-xkkj5aamza] {
    flex: 0 0 1rem;
    color: var(--bs-gray-600);
}

.crm-email-activity-detail-label[b-xkkj5aamza] {
    flex: 0 0 auto;
    color: var(--bs-body-color);
    font-weight: 600;
}

.crm-email-activity-detail-value[b-xkkj5aamza] {
    min-width: 0;
}

.crm-email-activity-body-preview[b-xkkj5aamza] {
    margin-top: .65rem;
    color: var(--bs-body-color);
    line-height: 1.35;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.crm-email-activity-conversation-hint[b-xkkj5aamza] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .65rem;
    color: var(--bs-primary);
    font-size: .8rem;
    font-weight: 600;
}

.crm-email-activity-event[b-xkkj5aamza] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-top: .75rem;
}

.crm-email-activity-event-icon[b-xkkj5aamza] {
    color: var(--bs-primary);
    font-size: 1.35rem;
    line-height: 1.2;
}

.crm-email-activity-event-content[b-xkkj5aamza] {
    min-width: 0;
}

.crm-email-activity-event-title[b-xkkj5aamza] {
    font-weight: 600;
}

.crm-email-activity-event-reference[b-xkkj5aamza] {
    display: flex;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .25rem;
    color: var(--bs-gray-600);
    font-size: .875rem;
}

.crm-email-activity-event-reference a[b-xkkj5aamza] {
    font-weight: 600;
}

.crm-email-activity-error[b-xkkj5aamza] {
    display: flex;
    gap: .45rem;
    align-items: flex-start;
    margin-top: .65rem;
    margin-bottom: 0;
    padding: .45rem .6rem;
    font-size: .875rem;
}

.crm-email-activity-status-success[b-xkkj5aamza] {
    color: var(--bs-success);
    background: rgba(var(--bs-success-rgb), .12);
    border-color: rgba(var(--bs-success-rgb), .35);
}

.crm-email-activity-status-failed[b-xkkj5aamza] {
    color: var(--bs-danger);
    background: rgba(var(--bs-danger-rgb), .12);
    border-color: rgba(var(--bs-danger-rgb), .35);
}

.crm-email-activity-status-progress[b-xkkj5aamza] {
    color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .12);
    border-color: rgba(var(--bs-primary-rgb), .35);
}

.crm-email-activity-status-warning[b-xkkj5aamza] {
    color: var(--bs-warning-text-emphasis);
    background: rgba(var(--bs-warning-rgb), .16);
    border-color: rgba(var(--bs-warning-rgb), .5);
}

.crm-email-activity-status-draft[b-xkkj5aamza],
.crm-email-activity-status-muted[b-xkkj5aamza] {
    color: var(--bs-gray-600);
    background: rgba(var(--bs-secondary-rgb), .12);
    border-color: var(--bs-gray-300);
}

.crm-email-activity-marker.crm-email-activity-status-success[b-xkkj5aamza] {
    color: var(--bs-white);
    background: var(--bs-success);
}

.crm-email-activity-inbound .crm-email-activity-marker[b-xkkj5aamza] {
    color: var(--bs-white);
    background: var(--bs-primary);
    border-color: var(--bs-primary);
}

.crm-email-activity-marker.crm-email-activity-status-failed[b-xkkj5aamza] {
    color: var(--bs-white);
    background: var(--bs-danger);
}

.crm-email-activity-marker.crm-email-activity-status-progress[b-xkkj5aamza] {
    color: var(--bs-white);
    background: var(--bs-primary);
}

.crm-email-activity-marker.crm-email-activity-status-warning[b-xkkj5aamza] {
    color: var(--bs-dark);
    background: var(--bs-warning);
    border-color: var(--bs-warning);
}

.crm-email-activity-marker.crm-email-activity-status-draft[b-xkkj5aamza],
.crm-email-activity-marker.crm-email-activity-status-muted[b-xkkj5aamza] {
    color: var(--bs-white);
    background: var(--bs-secondary);
}

@media (max-width: 700px) {
    .crm-email-activity-card[b-xkkj5aamza] {
        width: 100%;
    }

    .crm-email-activity-card-header[b-xkkj5aamza] {
        flex-direction: column;
        gap: .55rem;
    }

    .crm-email-activity-badges[b-xkkj5aamza] {
        justify-content: flex-start;
    }
}
/* /Components/CrmEmail/CrmEmailBodyPreview.razor.rz.scp.css */
.email-body-preview[b-zea3jwdhu2] {
    min-width: 0;
}

.email-external-images-banner[b-zea3jwdhu2] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: 1rem;
    padding: .45rem .65rem;
    border: 1px solid var(--bs-warning-border-subtle, #ffe69c);
    border-radius: .4rem;
    background: var(--bs-warning-bg-subtle, #fff3cd);
    color: var(--bs-warning-text-emphasis, #664d03);
    font-size: .78rem;
}

.email-external-images-banner > span[b-zea3jwdhu2] {
    flex: 1;
    min-width: 180px;
}

.email-external-images-banner[b-zea3jwdhu2]  .annny-button {
    appearance: none;
    flex-shrink: 0;
    padding: .2rem .55rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: .25rem;
    background: var(--bs-body-bg);
    color: var(--bs-primary);
    box-shadow: none;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
}

.email-external-images-banner[b-zea3jwdhu2]  .annny-button:hover {
    border-color: var(--bs-primary);
    background: var(--bs-gray-100);
}

.email-external-images-banner[b-zea3jwdhu2]  .annny-button:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

.email-body-preview-frame[b-zea3jwdhu2] {
    display: block;
    width: 100%;
    height: 65vh;
    min-height: 480px;
    border: 0;
    background: #fff;
}

@media (max-width: 767.98px) {
    .email-body-preview-frame[b-zea3jwdhu2] {
        min-height: 360px;
    }
}
/* /Components/CrmEmail/ManageCrmEmailAccounts.razor.rz.scp.css */
.crm-email-panel[b-jvekcmfk1x] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-toolbar[b-jvekcmfk1x] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.crm-email-provider-state[b-jvekcmfk1x] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.crm-email-provider-enabled[b-jvekcmfk1x],
.crm-email-provider-disabled[b-jvekcmfk1x] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border-radius: 6px;
    padding: .35rem .6rem;
    font-size: .875rem;
}

.crm-email-provider-enabled[b-jvekcmfk1x] {
    background: rgba(var(--bs-success-rgb), .14);
    color: var(--bs-success);
}

.crm-email-provider-disabled[b-jvekcmfk1x] {
    background: var(--bs-gray-200);
    color: var(--bs-gray-700);
}

.crm-email-provider-enabled span[b-jvekcmfk1x],
.crm-email-provider-disabled span[b-jvekcmfk1x] {
    font-size: .75rem;
}

.crm-email-empty[b-jvekcmfk1x] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--bs-gray-600);
    padding: 1rem 0;
}

.crm-email-account-table-container[b-jvekcmfk1x] {
    width: 100%;
    overflow-x: auto;
}

.crm-email-account-table[b-jvekcmfk1x] {
    width: 100%;
    min-width: 1180px;
}

.crm-email-account-header[b-jvekcmfk1x] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.crm-email-account-header th[b-jvekcmfk1x] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
    padding: .35rem .5rem;
    font-weight: 600;
}

.crm-email-account-row[b-jvekcmfk1x] {
    background-color: var(--bs-gray-300);
}

.crm-email-account-row:nth-child(odd)[b-jvekcmfk1x] {
    background-color: var(--bs-gray-100);
}

.crm-email-account-row td[b-jvekcmfk1x],
.crm-email-account-detail-row td[b-jvekcmfk1x] {
    padding: .55rem .5rem;
    vertical-align: middle;
    font-size: .875rem;
}

.crm-email-account-row td[b-jvekcmfk1x] {
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-account-title[b-jvekcmfk1x] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    max-width: 100%;
    font-weight: 600;
}

.crm-email-account-title span:not(.badge)[b-jvekcmfk1x] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-account-date[b-jvekcmfk1x] {
    color: var(--bs-gray-700);
}

.crm-email-validation-error[b-jvekcmfk1x] {
    color: var(--bs-danger);
}

.crm-email-account-actions[b-jvekcmfk1x] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.crm-email-account-actions-header[b-jvekcmfk1x] {
    text-align: right;
}

.crm-email-account-detail-row[b-jvekcmfk1x] {
    background-color: var(--bs-gray-100);
}

.crm-email-assignment-expander-header[b-jvekcmfk1x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    width: 100%;
    padding: .35rem .5rem;
    border: 0;
    border-left: 3px solid rgba(var(--bs-primary-rgb), .55);
    border-radius: .25rem;
    background: transparent;
    color: var(--bs-gray-700);
    font: inherit;
    text-align: left;
}

.crm-email-assignment-expander-header:hover[b-jvekcmfk1x] {
    background: rgba(var(--bs-primary-rgb), .06);
}

.crm-email-assignment-expander-title[b-jvekcmfk1x] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
}

.crm-email-access-row[b-jvekcmfk1x] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(0, 2fr);
    align-items: center;
    gap: 1rem;
    padding: 1rem .5rem;
}

.crm-email-access-row + .crm-email-access-row[b-jvekcmfk1x] {
    border-top: 1px solid rgba(var(--bs-dark-rgb), .12);
}

.crm-email-access-title[b-jvekcmfk1x] {
    display: flex;
    align-items: center;
    gap: .5rem;
    font-weight: 600;
}

.crm-email-access-hint[b-jvekcmfk1x] {
    margin: .35rem 0 0;
    color: var(--bs-gray-700);
}

.crm-email-disclaimer[b-jvekcmfk1x] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

@media (max-width: 768px) {
    .crm-email-disclaimer[b-jvekcmfk1x] {
        flex-direction: column;
    }

    .crm-email-account-actions[b-jvekcmfk1x] {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .crm-email-access-row[b-jvekcmfk1x] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/DashboardGrid.razor.rz.scp.css */
.dashboard-grid-shell[b-ruxsw94cci] {
    margin: -8px;
}

.dashboard-grid-surface[b-ruxsw94cci] {
    position: relative;
    width: 100%;
}

.dashboard-grid-drop-preview[b-ruxsw94cci] {
    position: absolute;
    left: calc((100% / 12) * var(--x));
    top: calc(96px * var(--y));
    width: calc((100% / 12) * var(--w));
    height: calc(96px * var(--h));
    padding: var(--space-2, 8px);
    pointer-events: none;
    opacity: 0;
    transition: left 0.14s ease, top 0.14s ease, width 0.14s ease, height 0.14s ease, opacity 0.1s ease;
    z-index: 4;
}

.dashboard-grid-drop-preview[b-ruxsw94cci]::before {
    content: "";
    display: block;
    height: 100%;
    border: 2px dashed var(--brand, #00624a);
    border-radius: var(--radius, 12px);
    background: var(--brand-soft, #e6f2ed);
}

.dashboard-grid-drop-preview.dashboard-grid-drop-preview--visible[b-ruxsw94cci] {
    opacity: 1;
}

.dashboard-grid-item[b-ruxsw94cci] {
    position: absolute;
    left: calc((100% / 12) * var(--x));
    top: calc(96px * var(--y));
    width: calc((100% / 12) * var(--w));
    height: calc(96px * var(--h));
    padding: var(--space-2, 8px);
    transition: left 0.14s ease, top 0.14s ease, width 0.14s ease, height 0.14s ease;
}

.dashboard-grid-item.dashboard-grid-item--dragging[b-ruxsw94cci],
.dashboard-grid-item.dashboard-grid-item--settling[b-ruxsw94cci] {
    z-index: 5;
}

.dashboard-grid-item.dashboard-grid-item--dragging[b-ruxsw94cci] {
    opacity: 0.82;
    filter: drop-shadow(0 8px 28px rgb(24 46 40 / 6%));
}

.dashboard-grid-item.dashboard-grid-item--dragging[b-ruxsw94cci],
.dashboard-grid-item.dashboard-grid-item--resizing[b-ruxsw94cci] {
    transition: none;
}

@media (prefers-reduced-motion: reduce) {
    .dashboard-grid-item[b-ruxsw94cci],
    .dashboard-grid-drop-preview[b-ruxsw94cci] {
        transition: none;
    }
}

@media (max-width: 991.98px) {
    .dashboard-grid-shell[b-ruxsw94cci] {
        margin: 0;
    }

    .dashboard-grid-item[b-ruxsw94cci] {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        height: auto;
        min-height: 0;
        padding: var(--space-2, 8px) 0;
    }

    .dashboard-grid-surface[b-ruxsw94cci] {
        min-height: 0 !important;
    }

    .dashboard-grid-drop-preview[b-ruxsw94cci] {
        display: none;
    }
}
/* /Components/Dashboard/DashboardWidgetHost.razor.rz.scp.css */
.dashboard-widget-card[b-nqbywzlaf2] {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
    overflow: hidden;
}

.dashboard-widget-card--unavailable[b-nqbywzlaf2] {
    border-style: dashed;
}

.dashboard-widget-card--editing[b-nqbywzlaf2] {
    border-color: var(--control-border, #87998e);
}

.dashboard-widget-header[b-nqbywzlaf2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2, 8px);
    min-height: 64px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    border-bottom: 1px solid var(--line, #dce4de);
}

.dashboard-widget-title-group[b-nqbywzlaf2] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    min-width: 0;
}

.dashboard-widget-title[b-nqbywzlaf2] {
    margin: 0;
    color: var(--ink, #182e28);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.dashboard-widget-icon[b-nqbywzlaf2] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.dashboard-widget-actions[b-nqbywzlaf2] {
    display: flex;
    flex-shrink: 0;
}

.dashboard-widget-control[b-nqbywzlaf2] {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--muted, #5b6b63);
}

.dashboard-widget-control:hover[b-nqbywzlaf2] {
    background: var(--surface-alt, #f0f3ef);
    color: var(--brand, #00624a);
}

.dashboard-widget-control:focus-visible[b-nqbywzlaf2] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: -3px;
}

.dashboard-widget-drag-handle[b-nqbywzlaf2] {
    cursor: grab;
    touch-action: none;
}

.dashboard-widget-drag-handle:active[b-nqbywzlaf2] {
    cursor: grabbing;
}

.dashboard-widget-content[b-nqbywzlaf2] {
    flex: 1;
    min-height: 0;
    padding: var(--space-4, 16px);
    overflow: auto;
    overscroll-behavior: contain;
}

.dashboard-widget-card--editing .dashboard-widget-content[b-nqbywzlaf2] {
    margin-bottom: 44px;
}

.dashboard-widget-unavailable-message[b-nqbywzlaf2] {
    margin: 0;
    color: var(--muted, #5b6b63);
}

.dashboard-widget-resize-handle[b-nqbywzlaf2] {
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: nwse-resize;
    touch-action: none;
}

@media (max-width: 991.98px) {
    .dashboard-widget-drag-handle[b-nqbywzlaf2],
    .dashboard-widget-resize-handle[b-nqbywzlaf2] {
        display: none;
    }

    .dashboard-widget-card--editing .dashboard-widget-content[b-nqbywzlaf2] {
        margin-bottom: 0;
    }
}
/* /Components/Dashboard/Widgets/AssignedNotesSummaryDashboardWidget.razor.rz.scp.css */
.dashboard-stat-widget[b-2dpw222qy7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    height: 100%;
}

.dashboard-stat-summary[b-2dpw222qy7] {
    display: grid;
    gap: var(--space-2, 8px);
}

.dashboard-stat-value[b-2dpw222qy7] {
    color: var(--brand, #00624a);
    font-size: 40px;
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums;
}

.dashboard-stat-summary[b-2dpw222qy7]  .loading-spinner-container {
    justify-content: flex-start;
    padding: var(--space-3, 12px) 0;
}

.dashboard-stat-error[b-2dpw222qy7] {
    margin: 0;
    color: var(--danger, #b83242);
    font-size: 13px;
}

.dashboard-stat-label[b-2dpw222qy7] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.dashboard-stat-link[b-2dpw222qy7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2, 8px);
    min-height: 44px;
    padding: var(--space-2, 8px);
    border-top: 1px solid var(--line, #dce4de);
    border-radius: 6px;
    color: var(--brand, #00624a);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-stat-link:hover[b-2dpw222qy7] {
    background: var(--brand-soft, #e6f2ed);
}

.dashboard-stat-link:focus-visible[b-2dpw222qy7] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: -3px;
}
/* /Components/Dashboard/Widgets/NotificationsSummaryDashboardWidget.razor.rz.scp.css */
.dashboard-stat-widget[b-zzayz71cff] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    height: 100%;
}

.dashboard-stat-summary[b-zzayz71cff] {
    display: grid;
    gap: var(--space-2, 8px);
}

.dashboard-stat-value[b-zzayz71cff] {
    color: var(--brand, #00624a);
    font-size: 40px;
    font-weight: 650;
    line-height: 1.1;
    letter-spacing: -.035em;
    font-variant-numeric: tabular-nums;
}

.dashboard-stat-summary[b-zzayz71cff]  .loading-spinner-container {
    justify-content: flex-start;
    padding: var(--space-3, 12px) 0;
}

.dashboard-stat-error[b-zzayz71cff] {
    margin: 0;
    color: var(--danger, #b83242);
    font-size: 13px;
}

.dashboard-stat-label[b-zzayz71cff] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.dashboard-stat-link[b-zzayz71cff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2, 8px);
    min-height: 44px;
    padding: var(--space-2, 8px);
    border-top: 1px solid var(--line, #dce4de);
    border-radius: 6px;
    color: var(--brand, #00624a);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

.dashboard-stat-link:hover[b-zzayz71cff] {
    background: var(--brand-soft, #e6f2ed);
}

.dashboard-stat-link:focus-visible[b-zzayz71cff] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: -3px;
}
/* /Components/Dashboard/Widgets/QuickLinksDashboardWidget.razor.rz.scp.css */
.dashboard-link-list[b-25klkxplz3] {
    display: grid;
}

.dashboard-link-item[b-25klkxplz3] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    min-height: 44px;
    padding: var(--space-2, 8px);
    border-radius: 8px;
    color: var(--ink, #182e28);
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
}

.dashboard-link-item + .dashboard-link-item[b-25klkxplz3] {
    border-top: 1px solid var(--line, #dce4de);
}

.dashboard-link-item:hover[b-25klkxplz3] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.dashboard-link-icon[b-25klkxplz3] {
    color: var(--brand, #00624a);
    font-size: 16px;
}

.dashboard-link-item > span[b-25klkxplz3] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-link-arrow[b-25klkxplz3] {
    margin-left: auto;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.dashboard-link-item:focus-visible[b-25klkxplz3] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: -3px;
}
/* /Components/DynamicFields/DynamicFieldInput.razor.rz.scp.css */
.dynamic-field-input[b-ikztqw7yop] {
    align-items: flex-start;
    display: flex;
    gap: 0.25rem;
    width: 100%;
}

.dynamic-field-control[b-ikztqw7yop] {
    border: 0;
    flex: 1 1 auto;
    margin: 0;
    min-width: 0;
    padding: 0;
}

.dynamic-field-reset-button[b-ikztqw7yop] {
    color: var(--bs-gray-600);
    flex: 0 0 auto;
    line-height: 1;
    padding: 0.55rem 0.25rem;
}

.dynamic-field-reset-button:hover[b-ikztqw7yop] {
    color: var(--bs-danger);
}

.dynamic-field-validation-message[b-ikztqw7yop] {
    color: var(--bs-danger);
    font-size: 0.8rem;
    margin-top: 0.25rem;
}
/* /Components/DynamicFields/ManageDynamicFields.razor.rz.scp.css */
.dynamic-fields-list-table[b-c31pd5fyd0] {
    min-width: 800px;
}

.dynamic-fields-description[b-c31pd5fyd0] {
    max-width: 360px;
}

.dynamic-fields-actions[b-c31pd5fyd0] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
/* /Components/DynamicFields/PersonDynamicFieldsEditor.razor.rz.scp.css */
.person-dynamic-fields-editor[b-ia13oeb1oe] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.person-dynamic-field-editor[b-ia13oeb1oe] {
    width: 100%;
}

.person-dynamic-field-description[b-ia13oeb1oe] {
    color: var(--bs-gray-600);
    font-size: 0.85rem;
    margin: -0.35rem 0 0.35rem;
    white-space: pre-wrap;
}

.person-dynamic-field-default-indicator[b-ia13oeb1oe] {
    color: var(--bs-gray-600);
    font-size: 0.75rem;
    margin-top: 0.25rem;
}
/* /Components/DynamicFields/PersonDynamicFieldsView.razor.rz.scp.css */
.person-dynamic-fields[b-wvt3yyu0xj] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.person-dynamic-fields h3[b-wvt3yyu0xj] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
}

.person-dynamic-fields h3 i[b-wvt3yyu0xj] {
    color: var(--brand, #00624a);
    font-size: 18px;
}

.person-dynamic-field-properties[b-wvt3yyu0xj], .person-dynamic-fields-loading[b-wvt3yyu0xj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
    margin: 0;
}

.person-dynamic-field-properties > div[b-wvt3yyu0xj], .person-dynamic-field-loading[b-wvt3yyu0xj] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.person-dynamic-field-properties dt[b-wvt3yyu0xj] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-weight: 500;
}

.person-dynamic-field-properties dd[b-wvt3yyu0xj] {
    min-width: 0;
    margin: 0;
    font-size: 13px;
    white-space: pre-wrap;
}

@media (max-width: 991.98px) {
    .person-dynamic-field-properties[b-wvt3yyu0xj], .person-dynamic-fields-loading[b-wvt3yyu0xj] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .person-dynamic-fields[b-wvt3yyu0xj] {
        padding: 16px;
    }

    .person-dynamic-field-properties > div[b-wvt3yyu0xj], .person-dynamic-field-loading[b-wvt3yyu0xj] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }
}
/* /Components/EmailChip.razor.rz.scp.css */
.email-chip[b-0i5wf0kovg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
    min-height: 44px;
    padding: 12px 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
}

.email-value[b-0i5wf0kovg] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.email-value span[b-0i5wf0kovg] {
    min-width: 0;
}

.email-icon[b-0i5wf0kovg], .email-indicators[b-0i5wf0kovg] {
    color: var(--brand, #00624a);
}

.email-indicators[b-0i5wf0kovg] {
    display: flex;
    align-items: center;
    gap: 12px;
}
/* /Components/FeatureFlagEditor.razor.rz.scp.css */
.feature-flag-editor[b-7742e2abpc] {
    min-width: 0;
}

.feature-flag-container[b-7742e2abpc] {
    display: grid;
    gap: 24px;
    min-width: 0;
    margin-bottom: 24px;
}

.feature-flag-actions[b-7742e2abpc] {
    display: flex;
    justify-content: flex-start;
}

.feature-flag-actions[b-7742e2abpc]  .annny-button {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
    color: var(--surface, #ffffff);
    font-size: 13px;
    font-weight: 600;
}

.feature-flag-actions[b-7742e2abpc]  .annny-button:hover:not(:disabled) {
    background: var(--brand-hover, #004f3c);
    border-color: var(--brand-hover, #004f3c);
}

.feature-flag-actions[b-7742e2abpc]  .annny-button:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .feature-flag-actions[b-7742e2abpc]  .annny-button {
        transition: none;
    }
}
/* /Components/FeatureToggle.razor.rz.scp.css */
.feature-toggle-label[b-cb5akbois0] {
    display: block;
}

.feature-toggle-unavailable[b-cb5akbois0] {
    display: block;
    margin-top: 4px;
    color: var(--muted, #5b6b63);
    font-size: 11px;
}
/* /Components/InvoiceSlimTable.razor.rz.scp.css */
.invoice-slim-table-container[b-m361sh18d7] {
    width: 100%;
    overflow-x: auto;
}

.invoice-slim-table[b-m361sh18d7] {
    width: 100%;
    border-collapse: collapse;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.invoice-slim-table th[b-m361sh18d7],
.invoice-slim-table td[b-m361sh18d7] {
    padding: 12px 15px;
    text-align: left;
    border-bottom: 1px solid var(--bs-gray-300);
}

.invoice-slim-table-header[b-m361sh18d7] {
    background-color: var(--bs-gray-100);
    font-weight: bold;
}

.invoice-slim-table-row:hover[b-m361sh18d7] {
    background-color: var(--bs-gray-200)
}

.no-invoice-padding[b-m361sh18d7] {
    padding: 50px;
}

.no-invoice-icon-container[b-m361sh18d7] {
    padding: 40px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: var(--bs-light);
    color: var(--bs-gray-600);
}

.no-invoice-header[b-m361sh18d7] {
    color: var(--bs-gray-600)
}
/* /Components/Invoicing/DunningNoticeOverview.razor.rz.scp.css */
.dunning-overview-container[b-2x9ued41q7] {
    display: flex;
    width: 1600px;
    margin: 6px;
    flex-direction: row;
    height: 35px;
    justify-content: space-between
}

.dunning-search[b-2x9ued41q7] {
    max-width: 300px;
    min-width: 300px;
    padding-left: 20px;
}

.dunning-hr[b-2x9ued41q7] {
    width: 1600px;
    margin: 12px 6px 6px 6px;
}

.dunning-list-container[b-2x9ued41q7] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.dunning-span-element-right[b-2x9ued41q7] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.dunning-span-element-left[b-2x9ued41q7] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
/* /Components/Invoicing/InvoiceEditor.razor.rz.scp.css */
.invoice-container[b-r33r6vp5m3] {
    border-radius: 20px;
    background-color: var(--bs-white);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px;
}

.invoice-period-container[b-r33r6vp5m3] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.date-container[b-r33r6vp5m3] {
    font-size: 1.5rem;
}

.pdf-container[b-r33r6vp5m3] {

}

.posting-line-header[b-r33r6vp5m3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px;
}

.posting-line-header-container[b-r33r6vp5m3] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.invoice-modifications[b-r33r6vp5m3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px;
}

.posting-line-footer[b-r33r6vp5m3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px 25px 10px 10px;
}

.posting-line-footer-container[b-r33r6vp5m3] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.posting-line-group-headline[b-r33r6vp5m3] {
    margin: 20px 10px 10px 20px;
    font-weight: bold;
    color: var(--bs-gray-500);
}

.posting-line-add-button[b-r33r6vp5m3] {
    display: inline-block;
    padding-top: 5px;
    padding-left: 15px;
    color: var(--bs-gray-500);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.posting-line-add-button:hover[b-r33r6vp5m3] {
    color: var(--bs-gray-600);
}

.invoice-partial-sum[b-r33r6vp5m3] {
    font-weight: bold;
    color: var(--bs-gray-500);
}

.invoice-sum[b-r33r6vp5m3] {
    font-weight: bold;
}
/* /Components/Invoicing/InvoiceEditorPostingLine.razor.rz.scp.css */
.posting-line-container[b-invoice-editor-posting-line] {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 5px;
}

.posting-line-content[b-invoice-editor-posting-line] {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 26px);
    border-radius: 10px;
    background-color: var(--bs-gray-100);
    font-weight: bold;
    padding: 20px;
}

.posting-content-line-left[b-invoice-editor-posting-line] {
    text-align: left;
}

.posting-content-line-right[b-invoice-editor-posting-line] {
    text-align: right;
}

.posting-line-template-content[b-invoice-editor-posting-line] {
    background-color: rgba(var(--bs-warning-rgb), 0.1);
}

.posting-line-removed-content[b-invoice-editor-posting-line] {
    opacity: 0.3;
    background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}

.posting-line-global-content[b-invoice-editor-posting-line] {
    background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}

.posting-line-list-content[b-invoice-editor-posting-line] {
    background-color: transparent !important;
}

.posting-line-actions-container[b-invoice-editor-posting-line] {
    width: 17px;
    margin: 2px;
    padding-left: 5px;
    font-size: 1.2rem;
}

.posting-line-actions-button[b-invoice-editor-posting-line] {
    color: var(--bs-gray-500);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.posting-line-actions-button:hover[b-invoice-editor-posting-line] {
    color: var(--bs-gray-600);
}

.posting-line-title[b-invoice-editor-posting-line] {

}

.posting-line-sku[b-invoice-editor-posting-line] {
    font-size: 0.9rem;
    color: var(--bs-gray-500);
}

.posting-line-price[b-invoice-editor-posting-line] {

}

.posting-line-vat[b-invoice-editor-posting-line] {
    font-size: 0.9rem;
    color: var(--bs-gray-500);
}

.posting-line-modifications[b-invoice-editor-posting-line] {
    font-size: 0.8rem;
}

.posting-line-modification-green[b-invoice-editor-posting-line] {
    color: var(--bs-success);
}

.posting-line-modification-red[b-invoice-editor-posting-line] {
    color: var(--bs-danger);
}

.posting-line-modification-add[b-invoice-editor-posting-line] {
    display: inline-block;
    color: var(--bs-gray-500);
    font-size: 0.8rem;
    cursor: pointer;
    padding-top: 5px;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.posting-line-modification-add:hover[b-invoice-editor-posting-line] {
    color: var(--bs-gray-600);
}

.modification-edit-button[b-invoice-editor-posting-line] {
    color: var(--bs-gray-500);
    font-size: 0.8rem;
    margin-left: 5px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.modification-edit-button:hover[b-invoice-editor-posting-line] {
    color: var(--bs-gray-600);
}

.valid-from-message[b-invoice-editor-posting-line] {
    color: var(--bs-danger);
    font-size: 0.9rem;
    padding-left: 10px;
}

.pro-rata-month-line[b-invoice-editor-posting-line] {
    font-size: 0.8rem;
    font-weight: 500;
}

.pro-rata-month-line-section[b-invoice-editor-posting-line] {
    flex: 1 1 20px;
}

.deleted-from-message[b-invoice-editor-posting-line] {
    color: var(--bs-danger);
    font-size: 0.9rem;
}

.user-count-summary[b-invoice-editor-posting-line] {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    min-width: 18rem;
    max-width: 30rem;
    padding: .65rem .85rem;
    border: 1px solid rgba(var(--bs-primary-rgb), .2);
    border-radius: .65rem;
    background: rgba(var(--bs-primary-rgb), .055);
    font-weight: normal;
}

.user-count-summary-icon[b-invoice-editor-posting-line] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .13);
    color: var(--bs-primary);
}

.user-count-summary-content[b-invoice-editor-posting-line] {
    min-width: 0;
}

.user-count-summary-title[b-invoice-editor-posting-line] {
    display: block;
    margin-bottom: .35rem;
    font-size: .9rem;
    font-weight: 650;
}

.user-count-summary-badges[b-invoice-editor-posting-line] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
    margin-bottom: .35rem;
}

.user-count-summary-badges span[b-invoice-editor-posting-line] {
    padding: .15rem .45rem;
    border-radius: 999px;
    background: var(--bs-body-bg);
    color: var(--bs-primary-text-emphasis);
    font-size: .72rem;
    font-weight: 600;
}

.user-count-summary-detail[b-invoice-editor-posting-line] {
    overflow-wrap: anywhere;
    color: var(--bs-secondary-color);
    font-size: .75rem;
}

.user-count-summary-detail span[b-invoice-editor-posting-line] {
    color: var(--bs-body-color);
    font-weight: 600;
}
/* /Components/Invoicing/InvoiceIssuerPreview.razor.rz.scp.css */
.issuer-container[b-onommneftk] {
    width: 350px;
    background-color: var(--bs-white);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.issuer-headline-container[b-onommneftk] {
    padding-bottom: 5px;
}

.issuer-headline[b-onommneftk] {
    font-weight: bold;
}
/* /Components/Invoicing/InvoiceList.razor.rz.scp.css */
.invoice-list-container[b-tiyybxgerg] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.invoice-span-element-right[b-tiyybxgerg] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.invoice-span-element-left[b-tiyybxgerg] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.invoice-menu-button[b-tiyybxgerg] {
    float: right;
    font-size: 25px;
    padding: 0;
}

.comment-padding[b-tiyybxgerg] {
    padding-top: 20px;
}

.invoice-comment-container[b-tiyybxgerg] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-comment[b-tiyybxgerg] {
    font-size: 14px;
    font-weight: bold;
    color: var(--bs-gray);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 730px;
    float: left;
    margin-left: 16px;
}

.net-value[b-tiyybxgerg] {
    font-weight: bold;
    color: var(--bs-gray-500);
}

.money-width[b-tiyybxgerg] {
    width: 100px;
    max-width: 100px;
}

.invoice-date[b-tiyybxgerg] {
    font-weight: bold;
    font-size: small;
}
/* /Components/Invoicing/InvoiceManagementOverview.razor.rz.scp.css */
.action-button-container[b-n77xnoaw18] {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.invoice-overview-container[b-n77xnoaw18] {
    display: flex;
    width: 1600px;
    margin: 6px;
    flex-direction: row;
    height: 35px;
    align-items: center;
}

.invoice-search[b-n77xnoaw18] {
    max-width: 300px;
    min-width: 300px;
    padding-left: 20px;
}

.invoice-filter-date-button[b-n77xnoaw18] {
    font-size: 25px;
    padding: 0 6px 0 6px;
}

.invoice-hr[b-n77xnoaw18] {
    width: 1600px;
    margin: 12px 6px 6px 6px;
}
/* /Components/Invoicing/InvoiceOverview.razor.rz.scp.css */
.action-button-container[b-621msx4jzv] {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.invoice-overview-container[b-621msx4jzv] {
    display: flex;
    width: 1600px;
    margin: 6px;
    flex-direction: row;
    height: 35px;
    justify-content: space-between
}

.invoice-search[b-621msx4jzv] {
    max-width: 300px;
    min-width: 300px;
    padding-left: 20px;
}

.invoice-filter-date-button[b-621msx4jzv] {
    font-size: 25px;
    padding: 0 6px 0 6px;
}

.invoice-hr[b-621msx4jzv] {
    width: 1600px;
    margin: 12px 6px 6px 6px;
}
/* /Components/Invoicing/InvoiceRecipientPreview.razor.rz.scp.css */
.issuer-container[b-8rhff476v1] {
    width: 350px;
    background-color: var(--bs-white);
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.issuer-headline-container[b-8rhff476v1] {
    padding-bottom: 5px;
}

.issuer-headline[b-8rhff476v1] {
    font-weight: bold;
}
/* /Components/Invoicing/InvoiceRecommendationList.razor.rz.scp.css */
.invoice-list-container[b-bbojre8mc2] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.invoice-span-element-right[b-bbojre8mc2] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 600px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.invoice-span-element-left[b-bbojre8mc2] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 230px;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.invoice-recommendation-period[b-bbojre8mc2],
.invoice-recommendation-warning[b-bbojre8mc2] {
    font-weight: bold;
}

.invoice-recommendation-warning[b-bbojre8mc2] {
    margin-left: 6px;
}

.invoicing-comment-warning[b-bbojre8mc2] {
    color: var(--bs-warning);
}

.invoice-menu-button[b-bbojre8mc2] {
    float: right;
    font-size: 25px;
    padding: 0;
}

.comment-padding[b-bbojre8mc2] {
    padding-top: 20px;
}
/* /Components/Invoicing/InvoiceTemplateTile.razor.rz.scp.css */
.template-tile[b-r3of5gdttw] {
    width: 250px;
    height: 250px;
    border-radius: 10px;
    background-color: var(--bs-gray-100);
    box-shadow: 0 0 10px 0 rgba(var(--bs-black-rgb), 0.15);
    color: var(--bs-dark);
    cursor: pointer;
}

.template-tile-create[b-r3of5gdttw] {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.template-tile-content[b-r3of5gdttw] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px;
}

.template-tile-header[b-r3of5gdttw] {
    font-weight: bold;
    color: var(--bs-dark);
}

.template-tile-header-icon[b-r3of5gdttw] {
    display: inline-block;
    height: 1.5rem;
    width: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    text-align: center;
    background-color: var(--bs-dark);
    color: var(--bs-light);
    border-radius: .75rem;
}

.template-tile-header-text[b-r3of5gdttw] {
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    vertical-align: middle;
    padding-left: 5px;
}

.template-tile-title[b-r3of5gdttw] {
    font-size: 1.3rem;
    text-align: center;
    font-weight: bold;
    color: var(--bs-primary);
}

.template-tile-title-create[b-r3of5gdttw] {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--bs-light) !important;
}

.template-tile-description[b-r3of5gdttw] {
    font-size: .9rem;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.deleted-template[b-r3of5gdttw] {
    text-decoration: line-through;
}
/* /Components/Invoicing/InvoicingList.razor.rz.scp.css */
.invoicing-list-container[b-57c4jcaxr7] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.invoicing-date[b-57c4jcaxr7] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    height: 28px;
    line-height: 28px;
}

.invoicing-date-string[b-57c4jcaxr7] {
    display: inline-block;
    height: 28px;
}

.invoicing-template-name[b-57c4jcaxr7] {
    float: left;
    margin: 6px 0 6px 6px;
    max-width: 600px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.infinity-symbol[b-57c4jcaxr7] {
    font-size: 18pt;
    vertical-align: middle;
    line-height: 28px;
}

.invoicing-menu-button[b-57c4jcaxr7] {
    float: right;
    padding: 0;
    margin-top: 4px;
}

.invoice-list-container[b-57c4jcaxr7] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.invoice-span-element-right[b-57c4jcaxr7] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 210px;
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.invoice-span-element-left[b-57c4jcaxr7] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    height: 100%;
}

.text-coloring[b-57c4jcaxr7] {
}

.text-coloring:hover[b-57c4jcaxr7] {
    color: var(--bs-primary);
}

.invoice-span-element-no[b-57c4jcaxr7] {
    float: left;
    margin: 6px 0 6px 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    height: 100%;
}

.invoice-hr[b-57c4jcaxr7] {
    width: 1300px;
    margin: 6px;
}
/* /Components/Invoicing/InvoicingOverview.razor.rz.scp.css */
.action-button-container[b-sjbg7ui3oq] {
    display: flex;
    justify-content: center;
    margin: 10px;
}

.invoice-overview-container[b-sjbg7ui3oq] {
    display: flex;
    width: 1600px;
    margin: 6px;
    flex-direction: row;
    height: 35px;
    justify-content: space-between
}

.invoice-search[b-sjbg7ui3oq] {
    max-width: 300px;
    min-width: 300px;
    padding-left: 20px;
}

.invoice-filter-date-button[b-sjbg7ui3oq] {
    font-size: 25px;
    padding: 0 6px 0 6px;
}

.invoice-hr[b-sjbg7ui3oq] {
    width: 1600px;
    margin: 12px 6px 6px 6px;
}
/* /Components/Invoicing/PaymentReminderOverview.razor.rz.scp.css */
.payment-reminder-overview-container[b-9zlaens3jh] {
    display: flex;
    width: 1600px;
    margin: 6px;
    flex-direction: row;
    height: 35px;
    justify-content: space-between
}

.payment-reminder-search[b-9zlaens3jh] {
    max-width: 300px;
    min-width: 300px;
    padding-left: 20px;
}

.payment-reminder-hr[b-9zlaens3jh] {
    width: 1600px;
    margin: 12px 6px 6px 6px;
}

.payment-reminder-list-container[b-9zlaens3jh] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.payment-reminder-span-element-right[b-9zlaens3jh] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.payment-reminder-span-element-left[b-9zlaens3jh] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 190px;
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}
/* /Components/Invoicing/TempInvoiceEditor.razor.rz.scp.css */
.invoice-container[b-nwfq53ohzi] {
    border-radius: 20px;
    background-color: var(--bs-white);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 20px;
}

.invoice-period-container[b-nwfq53ohzi] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
}

.date-container[b-nwfq53ohzi] {
    font-size: 1.5rem;
}

.pdf-container[b-nwfq53ohzi] {

}

.posting-line-header[b-nwfq53ohzi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px;
}

.posting-line-header-container[b-nwfq53ohzi] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.invoice-modifications[b-nwfq53ohzi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px;
}

.posting-line-footer[b-nwfq53ohzi] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    align-items: center;
    margin: 5px;
    padding: 10px 25px 10px 10px;
}

.posting-line-footer-container[b-nwfq53ohzi] {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.posting-line-group-headline[b-nwfq53ohzi] {
    margin: 20px 10px 10px 20px;
    font-weight: bold;
    color: var(--bs-gray-500);
}

.posting-line-add-button[b-nwfq53ohzi] {
    display: inline-block;
    padding-top: 5px;
    padding-left: 15px;
    color: var(--bs-gray-500);
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.posting-line-add-button:hover[b-nwfq53ohzi] {
    color: var(--bs-gray-600);
}

.invoice-partial-sum[b-nwfq53ohzi] {
    font-weight: bold;
    color: var(--bs-gray-500);
}

.invoice-sum[b-nwfq53ohzi] {
    font-weight: bold;
}
/* /Components/Invoicing/TempInvoiceList.razor.rz.scp.css */
.invoice-list-container[b-y3qmi5xgs1] {
    border-radius: 25px;
    width: 1600px;
    margin: 5px 100% 5px 5px;
}

.invoice-span-element-right[b-y3qmi5xgs1] {
    float: right;
    margin: 6px 6px 6px 0;
    width: 100px;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: right;
}

.invoice-span-element-left[b-y3qmi5xgs1] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 230px;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.invoice-state-container[b-y3qmi5xgs1] {
    align-items: center;
    display: flex;
    float: right;
    gap: 6px;
    justify-content: flex-end;
    margin: 6px 6px 6px 0;
    max-width: 130px;
    width: 130px;
}

.invoice-state[b-y3qmi5xgs1] {
    color: var(--bs-gray);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoicing-comment-warning[b-y3qmi5xgs1] {
    color: var(--bs-warning);
}

.invoice-warning[b-y3qmi5xgs1] {
    cursor: pointer;
}

.invoice-menu-button[b-y3qmi5xgs1] {
    float: right;
    font-size: 25px;
    padding: 0;
}

.comment-padding[b-y3qmi5xgs1] {
    padding-top: 20px;
}

.invoice-comment-container[b-y3qmi5xgs1] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.invoice-comment[b-y3qmi5xgs1] {
    font-size: 14px;
    font-weight: bold;
    color: var(--bs-gray);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 730px;
    float: left;
    margin-left: 16px;
}

.same-size[b-y3qmi5xgs1] {
    width: 1600px;
    gap: 5px;
}

.same-size > *[b-y3qmi5xgs1] {
    width: 200px;
}

.filter-item-width[b-y3qmi5xgs1] {
    width: 200px;
}
/* /Components/LoadingCircle.razor.rz.scp.css */
.loading-circle-container[b-ou57i4h8zs] {
    margin-right: 15px;
}
/* /Components/ManageDocumentTemplates.razor.rz.scp.css */
.document-templates-table[b-lj51a39ep8] {
    min-width: 1050px;
}

.template-name-button[b-lj51a39ep8] {
    min-height: 44px;
    border: 0;
    padding: 8px 0;
    background: transparent;
    color: var(--agency-brand, #00624a);
    text-align: left;
    font-size: 13px;
    font-weight: 650;
}

.template-name-button:hover[b-lj51a39ep8] {
    text-decoration: underline;
}

.template-name-button:focus-visible[b-lj51a39ep8] {
    outline: 3px solid var(--agency-brand, #00624a);
    outline-offset: 3px;
}

.document-template-selection[b-lj51a39ep8] {
    min-width: 64px;
}

.document-template-selection[b-lj51a39ep8]  label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.document-template-selection[b-lj51a39ep8]  .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding-left: 0;
    margin-bottom: 0;
}

.document-template-selection[b-lj51a39ep8]  input {
    width: 20px;
    height: 20px;
    margin: 0;
}
/* /Components/ManageEmailTemplates.razor.rz.scp.css */
.email-templates-table[b-jswgehuyf5] {
    min-width: 640px;
}

.template-name-button[b-jswgehuyf5] {
    min-height: 44px;
    border: 0;
    padding: 8px 0;
    background: transparent;
    color: var(--agency-brand, #00624a);
    text-align: left;
    font-size: 13px;
    font-weight: 650;
}

.template-name-button:hover[b-jswgehuyf5] {
    text-decoration: underline;
}

.template-name-button:focus-visible[b-jswgehuyf5] {
    outline: 3px solid var(--agency-brand, #00624a);
    outline-offset: 3px;
}
/* /Components/ManageLocalizationOverrides.razor.rz.scp.css */
.localization-override-form[b-ylslxg4jgm] {
    padding: 20px;
    margin-bottom: 24px;
    border: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px;
    background: var(--agency-surface-alt, #f0f3ef);
}

.localization-override-form .agency-field[b-ylslxg4jgm] {
    max-width: none;
}

.localization-overrides-table[b-ylslxg4jgm] {
    min-width: 800px;
}

.localization-override-key[b-ylslxg4jgm] {
    width: 25%;
}

.localization-override-language[b-ylslxg4jgm] {
    min-width: 100px;
}

.localization-override-value[b-ylslxg4jgm] {
    width: 40%;
}

.localization-override-actions[b-ylslxg4jgm] {
    white-space: nowrap;
}

.localization-override-actions[b-ylslxg4jgm]  .agency-action + .agency-action {
    margin-left: 8px;
}

@media (max-width: 575.98px) {
    .localization-override-form[b-ylslxg4jgm] {
        padding: 16px;
    }
}

.localization-overrides .alert-danger[b-ylslxg4jgm] {
    border-color: var(--agency-danger, #b83242);
    border-radius: 9px;
    background: var(--agency-surface-alt, #f0f3ef);
    color: var(--agency-danger, #b83242);
}
/* /Components/ManageReportAssignments.razor.rz.scp.css */
.report-assignment-grid[b-r2v11xpbzf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.manage-report-assignments-group[b-r2v11xpbzf] {
    min-width: 0;
    border: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px;
    background: var(--agency-surface, #ffffff);
}

.manage-report-assignments-group h3[b-r2v11xpbzf] {
    margin: 0;
    padding: 16px 20px;
    border-bottom: 1px solid var(--agency-line, #dce4de);
    background: var(--agency-surface-alt, #f0f3ef);
    color: var(--agency-ink, #182e28);
    border-radius: 9px 9px 0 0;
    font-size: 14px;
    font-weight: 650;
}

.report-assignment-items[b-r2v11xpbzf] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 16px 20px;
}

.manage-report-assignments-row[b-r2v11xpbzf] {
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--agency-line, #dce4de);
    border-radius: 9px;
}

.manage-report-assignments-row p[b-r2v11xpbzf] {
    margin: 8px 0 0;
    color: var(--agency-muted, #5b6b63);
    font-size: 12px;
    overflow-wrap: anywhere;
}

.manage-report-assignments-toggle[b-r2v11xpbzf] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    font-size: 13px;
    font-weight: 600;
}

@media (max-width: 1199.98px) {
    .report-assignment-items[b-r2v11xpbzf] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .report-assignment-items[b-r2v11xpbzf] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.manage-report-assignments-toggle label[b-r2v11xpbzf] {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: 44px;
    cursor: pointer;
    overflow-wrap: anywhere;
}

.manage-report-assignments-toggle[b-r2v11xpbzf]  .flex-toggle {
    flex-shrink: 0;
}
/* /Components/Matching/CaretakerMatchingResult.razor.rz.scp.css */
.result-item-wrapper[b-wkde4lfnmd] {
    position: relative;
    margin-bottom: 16px;
    padding: 20px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
    z-index: 0;
}

.result-item[b-wkde4lfnmd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.profile-picture-name-container[b-wkde4lfnmd] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.person-name-container[b-wkde4lfnmd] {
    min-width: 0;
}

.person-name-row[b-wkde4lfnmd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.person-name-row a[b-wkde4lfnmd] {
    color: var(--brand, #00624a);
    font-size: 16px;
    font-weight: 650;
    overflow-wrap: anywhere;
    text-decoration: none;
}

.person-name-row a:hover[b-wkde4lfnmd] {
    text-decoration: underline;
}

.caretaker-reserved-span[b-wkde4lfnmd] {
    padding: 6px 10px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--muted, #5b6b63);
    font-size: 11px;
    font-weight: 600;
    white-space: normal;
    text-align: left;
}

.reservation-info-button[b-wkde4lfnmd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--warning, #865600);
}

.reservation-info-button:hover[b-wkde4lfnmd] {
    border-color: currentColor;
}

.matching-caretaker-tags[b-wkde4lfnmd] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.result-information-row[b-wkde4lfnmd] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--line, #dce4de);
}

.personal-information-container[b-wkde4lfnmd] {
    display: grid;
    grid-template-columns: minmax(70px, .6fr) minmax(0, 1.4fr) minmax(90px, 1fr);
    gap: 16px;
    margin: 0;
}

.personal-information-container dt[b-wkde4lfnmd] {
    margin-bottom: 4px;
    color: var(--muted, #5b6b63);
    font-size: 11px;
    font-weight: 500;
}

.personal-information-container dd[b-wkde4lfnmd] {
    display: flex;
    flex-direction: column;
    margin: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.result-actions[b-wkde4lfnmd] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
}

.result-details-button[b-wkde4lfnmd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--brand, #00624a);
    font-size: 13px;
    font-weight: 600;
}

.result-details-button:hover[b-wkde4lfnmd] {
    background: var(--brand-soft, #e6f2ed);
    border-color: var(--brand, #00624a);
}

.result-details[b-wkde4lfnmd] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--line, #dce4de);
}

.skill-table-container[b-wkde4lfnmd] {
    max-height: 500px;
    padding: 16px;
    background: var(--surface-alt, #f0f3ef);
    border-radius: 9px;
    overflow-y: auto;
    overflow-x: hidden;
}

.result-item-wrapper :is(a, button):focus-visible[b-wkde4lfnmd] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (min-width: 1600px) {
    .result-item[b-wkde4lfnmd] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .result-information-row[b-wkde4lfnmd] {
        padding: 0;
        border: 0;
    }

    .result-actions[b-wkde4lfnmd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .result-item-wrapper[b-wkde4lfnmd] {
        padding: 16px;
    }

    .result-information-row[b-wkde4lfnmd] {
        gap: 12px;
    }

    .personal-information-container[b-wkde4lfnmd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .personal-information-container > div:nth-child(2)[b-wkde4lfnmd] {
        grid-column: 1 / -1;
        grid-row: 2;
    }

    .result-actions[b-wkde4lfnmd] {
        justify-content: flex-start;
    }
}
/* /Components/NoteComponent.razor.rz.scp.css */
/* /Components/Page/DefaultPageContent.razor.rz.scp.css */
.headline[b-gfi06p3ypd] {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 1.5rem;
}

.headline-icon-container[b-gfi06p3ypd] {
    height: 70px;
    width: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
}

.headline-icon[b-gfi06p3ypd] {
    -webkit-text-fill-color: transparent;
    font-size: 35px;
}

.page-content-container[b-gfi06p3ypd] {
    padding: 15px;
}

.icon-theme-primary[b-gfi06p3ypd] {
    background: -webkit-linear-gradient(var(--bs-primary), rgba(var(--bs-primary-rgb), 0.5));
    -webkit-background-clip: text;
}

.icon-theme-secondary[b-gfi06p3ypd] {
    background: -webkit-linear-gradient(var(--bs-secondary), rgba(var(--bs-secondary-rgb), 0.5));
    -webkit-background-clip: text;
}

.icon-theme-success[b-gfi06p3ypd] {
    background: -webkit-linear-gradient(var(--bs-success), rgba(var(--bs-success-rgb), 0.5));
    -webkit-background-clip: text;
}

.icon-theme-danger[b-gfi06p3ypd] {
    background: -webkit-linear-gradient(var(--bs-danger), rgba(var(--bs-danger-rgb), 0.5));
    -webkit-background-clip: text;
}

.icon-theme-warning[b-gfi06p3ypd] {
    background: -webkit-linear-gradient(var(--bs-warning), rgba(var(--bs-warning-rgb), 0.5));
    -webkit-background-clip: text;
}
/* /Components/Permissions/PermissionSetsTable.razor.rz.scp.css */
.permission-sets-table[b-c42rv6i8b8] {
    min-width: 680px;
}

.permission-count[b-c42rv6i8b8] {
    display: inline-flex;
    padding: 4px 10px;
    border-radius: 999px;
    color: var(--agency-brand, #00624a);
    background: var(--agency-soft, #e6f2ed);
    font-size: 12px;
    font-weight: 600;
}
/* /Components/Permissions/PermissionsPicker.razor.rz.scp.css */
.permissions-picker[b-davl4txw2f] {
    width: calc(100% - 4px);
    margin-top: 1px;
}

.table-responsive[b-davl4txw2f] {
    overflow: auto;
}
/* /Components/PersonPage/PermissionEditor.razor.rz.scp.css */
.permission-editor[b-86qsiyt7u2] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
}

.permission-editor-heading[b-86qsiyt7u2] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--line, #dce4de);
}

.permission-editor-heading h2[b-86qsiyt7u2] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.025em;
}

.permission-editor-heading i[b-86qsiyt7u2] {
    color: var(--brand, #00624a);
}

.permission-editor-content[b-86qsiyt7u2] {
    padding: 24px;
}

.permission-container[b-86qsiyt7u2] {
    display: grid;
    gap: 24px;
    min-width: 0;
}

.permission-label[b-86qsiyt7u2] {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.permission-key-name[b-86qsiyt7u2] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    overflow-wrap: anywhere;
}

@media (max-width: 575.98px) {
    .permission-editor-heading[b-86qsiyt7u2], .permission-editor-content[b-86qsiyt7u2] {
        padding: 16px;
    }
}
/* /Components/ReportingComponent.razor.rz.scp.css */
.reporting-filters[b-s7zrnugfi5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 240px));
    gap: 16px;
    margin-bottom: 24px;
}

.reporting-filter[b-s7zrnugfi5] {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.reporting-filter label[b-s7zrnugfi5] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
    font-weight: 600;
}

.reporting-filter[b-s7zrnugfi5]  input {
    min-height: 44px;
    border-color: var(--control-border, #87998e);
    border-radius: 9px;
    background-color: var(--surface, #fff);
    color: var(--ink, #182e28);
    font-size: 14px;
}

.reporting-filter[b-s7zrnugfi5]  input:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.reporting-chart[b-s7zrnugfi5] {
    min-width: 0;
    width: 100%;
}

.reporting-chart[b-s7zrnugfi5]  .apexcharts-legend-text {
    color: var(--muted, #5b6b63) !important;
}

@media (max-width: 575.98px) {
    .reporting-filters[b-s7zrnugfi5] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Components/SendQuestionnaireModalCandidateGroup.razor.rz.scp.css */
.candidate-container[b-668l9h4h2l] {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: .6rem;
    background-color: var(--bs-gray-300);
}
/* /Components/SkillQuestionnaire.razor.rz.scp.css */
.button-loading-spinner[b-8me6wa915h] {
    margin-right: 5px;
}
/* /Components/SkillQuestionnaireGroup.razor.rz.scp.css */
.skill-group-headline[b-orp4ut9joi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bs-primary);
    color: var(--bs-gray-100);
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    padding: calc(10px + .6rem) 10px 10px;
}

.skill-group-expandable[b-orp4ut9joi] {
    background-color: var(--bs-gray-100);
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.skill-group-entry[b-orp4ut9joi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.skill-group-entry:nth-child(even)[b-orp4ut9joi] {
    background-color: var(--bs-gray-200);
}

.skill-group-footer[b-orp4ut9joi] {
    background-color: var(--bs-gray-400);
    height: .6rem;
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}
/* /Components/TaskDelegation/AddPersonModal.razor.rz.scp.css */
.add-modal-container[b-0833ow5exb] {
    position: absolute;
    top: 25%;
    left: calc(50% - 250px);
    width: 500px;
    height: 550px;
    z-index: 1100;
}

.headline[b-0833ow5exb] {
    font-size: 1.5rem;
}

.button-container[b-0833ow5exb] {
    display: flex;
    justify-content: right;
}

.error-container[b-0833ow5exb] {
    color: var(--bs-danger);
}
/* /Components/TaskDelegation/NewDelegationModal.razor.rz.scp.css */
.headline[b-uw0pbvmfn0] {
    font-size: 1.5rem;
}

.bottom-container[b-uw0pbvmfn0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.button-container-right[b-uw0pbvmfn0] {
    display: flex;
    justify-content: right;
}

.button-container-left[b-uw0pbvmfn0] {
    display: flex;
    justify-content: left;
}

.delegated-task-list[b-uw0pbvmfn0] {
    margin: 20px 10px 10px;
}

.delegated-task-list-item-container[b-uw0pbvmfn0] {
    display: flex;
    align-items: center;
}

.delete-icon-container[b-uw0pbvmfn0] {
    width: 25px;
    text-align: left;
}

.task-action-icon[b-uw0pbvmfn0] {
    cursor: pointer;
    color: var(--bs-gray-600);
    transition: color 0.2s ease-in-out;
}

.task-action-icon:hover[b-uw0pbvmfn0] {
    color: var(--bs-dark);
}

.edit-icon-container[b-uw0pbvmfn0] {
    width: 25px;
    text-align: right;
}

.delegated-task-list-item[b-uw0pbvmfn0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
    padding: 10px;
    width: calc(100% - 50px);
    background-color: var(--bs-white);
    border-radius: 10px;
    box-shadow: 0 0 4px var(--bs-gray-300);
}

.task-name-container[b-uw0pbvmfn0] {
    display: flex;
    align-items: center;
}

.task-icon[b-uw0pbvmfn0] {
    color: var(--bs-gray-600);
    font-size: 1.6rem;
    margin-right: 10px;
}

.task-name[b-uw0pbvmfn0] {
    font-size: 1.3rem;
}

.assigned-persons-container[b-uw0pbvmfn0] {
    display: flex;
    justify-content: end;
}

.add-person-ball[b-uw0pbvmfn0] {
    width: 40px;
    height: 40px;
    margin: 3px;
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    background-color: var(--bs-white);
    color: var(--bs-gray-600);
    border: 1px dashed var(--bs-gray-600);
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

.add-person-ball:hover[b-uw0pbvmfn0] {
    background-color: var(--bs-gray-100);
}

.add-task-button[b-uw0pbvmfn0] {
    margin: 10px 5px 5px;
    cursor: pointer;
    color: var(--bs-gray-600);
    transition: color 0.2s ease-in-out;
}

.add-task-button:hover[b-uw0pbvmfn0] {
    color: var(--bs-dark);
}

.add-icon[b-uw0pbvmfn0] {
    margin-right: 5px;
}

.save-error-container[b-uw0pbvmfn0] {
    margin-top: 10px;
}
/* /Components/TelephoneChip.razor.rz.scp.css */
.telephone-chip[b-5v20009all] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    min-width: 0;
    min-height: 44px;
    padding: 12px 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
}

.telephone-value[b-5v20009all] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.telephone-value span[b-5v20009all] {
    min-width: 0;
}

.telephone-icon[b-5v20009all], .telephone-indicators[b-5v20009all] {
    color: var(--brand, #00624a);
}

.telephone-indicators[b-5v20009all] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.telephone-type-container[b-5v20009all] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
    font-weight: 650;
}
/* /Modals/AbsenceModal.razor.rz.scp.css */
.headline[b-nfm70lhu3y] {
    font-size: 1.5rem;
}

.button-container[b-nfm70lhu3y] {
    display: flex;
    justify-content: space-between;
}
/* /Modals/AddDashboardWidgetModal.razor.rz.scp.css */
.dashboard-widget-selector[b-3lb46lzbki] {
    --brand: var(--annny-shell-brand, #00624a);
    --brand-soft: var(--annny-shell-soft, #e6f2ed);
    display: grid;
    gap: var(--space-3, 12px);
    width: 100%;
    min-width: 0;
}

.dashboard-widget-option[b-3lb46lzbki] {
    display: grid;
    gap: var(--space-2, 8px);
    width: 100%;
    min-height: 44px;
    min-width: 0;
    padding: var(--space-4, 16px);
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    text-align: left;
}

.dashboard-widget-option:hover[b-3lb46lzbki] {
    border-color: var(--brand);
    background: var(--brand-soft);
}

.dashboard-widget-option:focus-visible[b-3lb46lzbki] {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
}

.dashboard-widget-option-title[b-3lb46lzbki] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    min-width: 0;
    font-size: 14px;
    font-weight: 650;
}

.dashboard-widget-option-title > .bi[b-3lb46lzbki] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: var(--brand-soft);
    color: var(--brand);
}

.dashboard-widget-option-title span[b-3lb46lzbki],
.dashboard-widget-option-description[b-3lb46lzbki] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.dashboard-widget-option-description[b-3lb46lzbki] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
}
/* /Modals/AddIdModal.razor.rz.scp.css */
/* /Modals/AssignDgkpModal.razor.rz.scp.css */
.headline[b-ibwflop26y] {
    font-size: 1.5rem;
}

.button-container[b-ibwflop26y] {
    display: flex;
    justify-content: right;
}

.modal-button[b-ibwflop26y] {
    margin: 0 5px;
}

.checkbox-container[b-ibwflop26y] {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}

.select-container[b-ibwflop26y] {
    margin: 10px;
}
/* /Modals/AssignGuardianModal.razor.rz.scp.css */
.headline[b-1t6lz4r841] {
    font-size: 1.5rem;
}

.button-container[b-1t6lz4r841] {
    display: flex;
    justify-content: right;
}

.modal-button[b-1t6lz4r841] {
    margin: 0 5px;
}

.checkbox-container[b-1t6lz4r841] {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}

.select-container[b-1t6lz4r841] {
    margin: 10px;
}
/* /Modals/AssignInvoiceTemplateModal.razor.rz.scp.css */
.assign-invoice-middle-section[b-nr6ber31jn] {
    display: flex;
    height: 370px;
    justify-content: space-between;
}
/* /Modals/AssignInvoiceTemplateToUserTypeModal.razor.rz.scp.css */
.row[b-a0aownk4gi] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-a0aownk4gi] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-a0aownk4gi] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-a0aownk4gi] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-a0aownk4gi] {
    background-color: var(--bs-gray-400);
}

.link-button[b-a0aownk4gi] {
    cursor: pointer;
    font-size: 0.7rem;
    color: var(--bs-dark);
    background-color: var(--bs-gray-200);
    border-radius: 10px;
    padding: 2px 15px;
    margin-left: 30px;
    margin-right: 30px;
}

.customer-id-text[b-a0aownk4gi] {
    color: var(--bs-gray-600);
    min-width: 70px;
}

.progress-container[b-a0aownk4gi] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}
/* /Modals/AssignMedicalPersonnelModal.razor.rz.scp.css */
.headline[b-gb55v8reak] {
    font-size: 1.5rem;
}

.button-container[b-gb55v8reak] {
    display: flex;
    justify-content: right;
}

.modal-button[b-gb55v8reak] {
    margin: 0 5px;
}

.checkbox-container[b-gb55v8reak] {
    display: flex;
    justify-content: space-between;
    margin: 10px;
}

.select-container[b-gb55v8reak] {
    margin: 10px;
}
/* /Modals/AssignPermissionSetModal.razor.rz.scp.css */
.headline[b-pgyymaul1x] {
    font-size: 1.5rem;
}

.button-container[b-pgyymaul1x] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.info-text-container[b-pgyymaul1x] {
    margin: 10px 0;
}

.filter-container[b-pgyymaul1x] {
    margin: 10px 0;
}

.select-all-container[b-pgyymaul1x] {
    margin: 10px 0 5px 0;
}

.user-list[b-pgyymaul1x] {
    overflow: auto;
    height: 300px;
    max-height: 300px;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-gray-400);
    border-radius: 10px;
}

.user-list table[b-pgyymaul1x] {
    width: 100%;
    cursor: default;
}

.user-list-line-header[b-pgyymaul1x] {
    position: sticky;
    top: 0;
    font-weight: bold;
    background-color: var(--bs-gray-200);
    z-index: 1000;
}

.user-list-line-header th[b-pgyymaul1x] {
    font-size: 1rem;
    padding: 3px;
}

.user-list-line[b-pgyymaul1x] {
    border-radius: 3px;
    cursor: pointer;
}

.user-list-line td[b-pgyymaul1x] {
    font-size: 1rem;
    padding: 3px;
}

.user-list-line:hover[b-pgyymaul1x] {
    background-color: rgba(var(--bs-primary-rgb), 0.2)
}

.no-users-error[b-pgyymaul1x] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}
/* /Modals/AssignPersonRelationshipModal.razor.rz.scp.css */
.relationship-type-container[b-ao6x0ivzmg] {
    margin-bottom: 1rem;
}
/* /Modals/BulkChangeStatusInvoiceModal.razor.rz.scp.css */
.row[b-ff6fj13vd3] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-ff6fj13vd3] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-ff6fj13vd3] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-ff6fj13vd3] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-ff6fj13vd3] {
    background-color: var(--bs-gray-400);
}

.headline[b-ff6fj13vd3] {
    font-size: 1.5rem;
}

.button-container[b-ff6fj13vd3] {
    display: flex;
    justify-content: right;
}

.modal-button[b-ff6fj13vd3] {
    margin: 0 5px;
}

.container[b-ff6fj13vd3] {
    margin-bottom: 15px;
    width: 100%;
    background: var(--bs-gray-300);
    border-radius: 10px;
    padding: 10px;
}

.elements[b-ff6fj13vd3] {
    display: flex;
}

.date-input[b-ff6fj13vd3] {
    width: 200px;
}

.border-color[b-ff6fj13vd3] {
    border-color: var(--bs-gray)
}

.cancel-reason-warning[b-ff6fj13vd3] {
    color: var(--bs-danger);
    margin: 6px;
}
/* /Modals/BulkCheckListStatusChangeModal.razor.rz.scp.css */
.row[b-q8lh6tip8s] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-q8lh6tip8s] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-q8lh6tip8s] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-q8lh6tip8s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-q8lh6tip8s] {
    background-color: var(--bs-gray-400);
}

.person-name[b-q8lh6tip8s] {
    color: var(--bs-gray);
    font-size: 0.875rem;
}

.action-container[b-q8lh6tip8s] {
    margin-left: 30px;
    margin-right: 30px;
}
/* /Modals/BulkClearedInvoiceCreationModal.razor.rz.scp.css */
.row[b-0nw0p9tyn1] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-0nw0p9tyn1] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-0nw0p9tyn1] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-0nw0p9tyn1] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-0nw0p9tyn1] {
    background-color: var(--bs-gray-400);
}

.progress-container[b-0nw0p9tyn1] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}
/* /Modals/BulkClearedInvoiceDraftingModal.razor.rz.scp.css */
.row[b-93qjhp07wg] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-93qjhp07wg] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-93qjhp07wg] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-93qjhp07wg] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-93qjhp07wg] {
    background-color: var(--bs-gray-400);
}
/* /Modals/BulkContainerUserAssignmentModal.razor.rz.scp.css */
.headline[b-53w79jhr4x] {
    font-size: 1.5rem;
}

.button-container[b-53w79jhr4x] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.info-text-container[b-53w79jhr4x] {
    margin: 10px 0;
}

.select-container[b-53w79jhr4x] {
    margin: 10px 0;
}

.filter-container[b-53w79jhr4x] {
    margin: 10px 0;
}

.user-list[b-53w79jhr4x] {
    overflow: auto;
    height: 300px;
    max-height: 300px;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-gray-400);
    border-radius: 10px;
}

.user-list table[b-53w79jhr4x] {
    width: 100%;
    cursor: default;
}

.user-list-line-header[b-53w79jhr4x] {
    position: sticky;
    top: 0;
    font-weight: bold;
    background-color: var(--bs-gray-200);
    z-index: 1000;
}

.user-list-line-header th[b-53w79jhr4x] {
    font-size: 1rem;
    padding: 3px;
}

.user-list-line[b-53w79jhr4x] {
    border-radius: 3px;
    cursor: pointer;
}

.user-list-line td[b-53w79jhr4x] {
    font-size: 1rem;
    padding: 3px;
}

.user-list-line:hover[b-53w79jhr4x] {
    background-color: rgba(var(--bs-primary-rgb), 0.2)
}

.no-users-error[b-53w79jhr4x] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}
/* /Modals/BulkDraftInvoiceClearingModal.razor.rz.scp.css */
.row[b-vm6a0luyfi] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-vm6a0luyfi] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-vm6a0luyfi] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-vm6a0luyfi] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-vm6a0luyfi] {
    background-color: var(--bs-gray-400);
}

.progress-container[b-vm6a0luyfi] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}
/* /Modals/BulkDraftInvoiceCreationModal.razor.rz.scp.css */
.row[b-odrwler7mn] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-odrwler7mn] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-odrwler7mn] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-odrwler7mn] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-odrwler7mn] {
    background-color: var(--bs-gray-400);
}

.progress-container[b-odrwler7mn] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}
/* /Modals/BulkEmailSentReportModal.razor.rz.scp.css */
.row[b-88vj0db6bh] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-88vj0db6bh] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-88vj0db6bh] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-88vj0db6bh] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-88vj0db6bh] {
    background-color: var(--bs-gray-400);
}
/* /Modals/BulkInvoiceSendingModal.razor.rz.scp.css */
.row[b-cikxydial4] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-cikxydial4] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-cikxydial4] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-cikxydial4] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-cikxydial4] {
    background-color: var(--bs-gray-400);
}

.progress-container[b-cikxydial4] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}
/* /Modals/BulkTempInvoiceDeletionModal.razor.rz.scp.css */
.row[b-x4pnbduh6t] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-x4pnbduh6t] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-x4pnbduh6t] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-x4pnbduh6t] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-x4pnbduh6t] {
    background-color: var(--bs-gray-400);
}
/* /Modals/CareDutyChangesLegendModal.razor.rz.scp.css */
.legend-modal[b-rkwor2ja78] {
    display: flex;
    flex-direction: column;
    max-height: inherit;
    border: 1px solid var(--line, #dce4de);
    border-radius: 16px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
    font-size: 13px;
    line-height: 1.55;
}

.legend-modal-header[b-rkwor2ja78] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    padding: 22px;
    border-bottom: 1px solid var(--line, #dce4de);
}

.legend-modal-header h2[b-rkwor2ja78] {
    margin: 0;
    font-size: 21px;
    font-weight: 650;
    line-height: 1.16;
}

.legend-modal-close[b-rkwor2ja78] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 0;
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--muted, #5b6b63);
}

.legend-modal-close:hover[b-rkwor2ja78] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.legend-modal-body[b-rkwor2ja78] {
    display: grid;
    gap: var(--space-6, 24px);
    min-height: 0;
    padding: 22px;
    overflow-y: auto;
}

.legend-modal-footer[b-rkwor2ja78] {
    display: flex;
    justify-content: flex-end;
    padding: 22px;
    border-top: 1px solid var(--line, #dce4de);
}

.legend-modal-footer[b-rkwor2ja78]  .legend-modal-button {
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--brand, #00624a);
    border-radius: 9px;
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
    font-size: 13px;
    font-weight: 600;
}

.legend-modal-footer[b-rkwor2ja78]  .legend-modal-button:hover {
    background: var(--brand-hover, #004f3c);
}

.legend-modal-close:focus-visible[b-rkwor2ja78],
.legend-modal-footer[b-rkwor2ja78]  .legend-modal-button:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.changes-legend-group[b-rkwor2ja78] {
    display: grid;
    gap: 4px;
}

.changes-legend-group-title[b-rkwor2ja78] {
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: var(--muted, #5b6b63);
}

.changes-legend-items[b-rkwor2ja78] {
    display: grid;
    gap: 4px;
}

.changes-legend-item[b-rkwor2ja78] {
    display: grid;
    grid-template-columns: 28px 1fr;
    column-gap: 8px;
    align-items: center;
    font-size: 12px;
}

.changes-legend-swatch[b-rkwor2ja78] {
    width: 22px;
    height: 22px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 4px;
    display: inline-block;
}

.changes-legend-swatch-arrival[b-rkwor2ja78] {
    background-color: color-mix(in srgb, var(--success, #176b46) 10%, var(--surface, #ffffff));
}

.changes-legend-swatch-departure[b-rkwor2ja78] {
    background-color: color-mix(in srgb, var(--danger, #b83242) 8%, var(--surface, #ffffff));
}

.changes-legend-swatch-change[b-rkwor2ja78] {
    background-color: var(--canvas, #f6f7f4);
}

.changes-legend-border[b-rkwor2ja78] {
    width: 22px;
    height: 22px;
    border-radius: 4px;
    display: inline-block;
    background-color: var(--canvas, #f6f7f4);
    box-shadow: inset 4px 0 0 var(--muted, #5b6b63);
}

.changes-legend-border-agency[b-rkwor2ja78] {
    box-shadow: inset 4px 0 0 var(--danger, #b83242);
}

.changes-legend-border-client[b-rkwor2ja78] {
    box-shadow: inset 4px 0 0 var(--info, #275a8c);
}

.changes-legend-border-regular[b-rkwor2ja78] {
    box-shadow: inset 4px 0 0 var(--muted, #5b6b63);
}

/* /Modals/CareDutyRecurrenceGroupModal.razor.rz.scp.css */
.flex-container[b-kjcawi25r1] {
    justify-content: space-between;
    display: flex;
}

.headline[b-kjcawi25r1] {
    font-size: 1.5rem;
}

.middle-container[b-kjcawi25r1] {
    overflow: auto;
}

.left-section-container[b-kjcawi25r1] {
    margin-bottom: 10px;
    height: 550px;
    border-bottom: solid;
    border-bottom-color: var(--bs-gray-300);
}

.badge-button[b-kjcawi25r1] {
    border-radius: 100%;
    height: 40px;
}

.careduty-recurrence-badge-container[b-kjcawi25r1] {
    display: block;
    max-width: 100%;
    overflow: visible;
    background-color: var(--bs-gray-300);
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
}

.careduty-recurrence-badge-container-correlated[b-kjcawi25r1] {
    border-color: var(--bs-warning);
    border-width: 2px;
    border-style: solid;
}

.correlated-recurrence-badge-container[b-kjcawi25r1] {
    position: absolute;
    right: -20px;
    top: -12px;
    background-color: var(--bs-warning);
    border-radius: 20px;
    padding: 4px;
}

.correlated-recurrence-badge-container-name[b-kjcawi25r1] {
    background-color: #f9ba63;
    border-radius: 20px;
    padding: 4px;
}

.careduty-recurrence-badge-button-container[b-kjcawi25r1] {
    text-align: right;
    display: ruby-text;
}

.bill-days-container[b-kjcawi25r1] {
    display: grid;
}

.recurring-careduty-badge-container[b-kjcawi25r1] {
    width: 100%;
    display: block;
    overflow-x: auto;
    border-collapse: collapse;
    white-space: nowrap;
}

.recurring-careduty-badge[b-kjcawi25r1] {
    display: block;
    white-space: nowrap;
    margin: 15px;
}

.recurring-careduty[b-kjcawi25r1] {
    display: inline-block;
    margin-right: 15px;
    width: 315px;
    text-align: center;
    background-color: var(--bs-gray-500);
    padding: 5px;
    border-radius: 10px;
}

.recurrence-time-span[b-kjcawi25r1] {
    width: 180px;
    margin: 0 10px;
}

.warning-exclamation-circle[b-kjcawi25r1] {
    font-size: 3rem;
    line-height: 3rem;
    width: 3rem;
    height: 3rem;
}

.right-section-container[b-kjcawi25r1] {
    border-left: solid;
    border-color: var(--bs-gray-300);
}

.single-careduty-container[b-kjcawi25r1] {
    display: flex;
    max-width: 100%;
    overflow: auto;
}

.caretaker-warning-message[b-kjcawi25r1] {
    margin-left: 30px;
    margin-bottom: 15px;
}

.client-overview-tab-group[b-kjcawi25r1] {
    display: flex;
    flex-direction: row;
}

.limited-fullname-space[b-kjcawi25r1] {
    padding-right: 10px;
    width: 190px;
    padding-left: 10px;
    display: flow;
}

.client-overview-caretaker-badge[b-kjcawi25r1] {
    background-color: var(--bs-gray-500);
    padding: 10px;
    border-radius: 10px;
    margin-right: 10px;
    margin-top: 10px;
    display: block;
    flex-direction: row;
    width: 200px;
    height: 210px;
}

.client-overview-caretaker-name[b-kjcawi25r1] {
    display: flex;
    font-size: 1.2rem;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-making-spinner-container[b-kjcawi25r1] {
    width: 100%;
}

.match-making-card-container[b-kjcawi25r1] {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 20px;
    overflow: auto;
}

.match-making-card[b-kjcawi25r1] {
    width: 260px;
    margin: 10px;
    background-color: var(--bs-gray-500);
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    height: 385px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.match-making-person-name-container[b-kjcawi25r1] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.match-making-caretaker-name[b-kjcawi25r1] {
    display: flex;
    font-size: 0.9rem;
    flex-direction: column;
    justify-content: center;
    margin-left: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 152px;
}

.match-making-caretaker-country[b-kjcawi25r1] {
    display: flex;
    font-size: 1.4rem;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
}

.user-status[b-kjcawi25r1] {
    display: flex;
    margin-left: 5px;
    margin-bottom: 2px;
}

.match-making-attributes-container[b-kjcawi25r1] {
    display: flex;
    flex-direction: row;
    padding: 10px 10px 10px 13px;
    font-size: 0.9rem;
}

.match-making-positive-negative-indicator[b-kjcawi25r1] {
    width: 30px;
    border-radius: 50%;
    margin-right: 5px;
    height: 1rem;
    line-height: 1rem;
    font-size: 1.4rem;
}

.match-making-available-date-container[b-kjcawi25r1] {
    background-color: var(--bs-yellow);
    color: var(--bs-dark);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 5px;
    font-size: 0.9rem;
}

.match-making-salary-container[b-kjcawi25r1] {
    background-color: var(--bs-gray-400);
    color: var(--bs-dark);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 5px;
    font-size: 0.9rem;
}

.language-container[b-kjcawi25r1] {
    width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.match-making-available-date[b-kjcawi25r1] {
    font-weight: bold;
}

.match-making-salary[b-kjcawi25r1] {
    font-weight: bold;
}

.lowest-salary[b-kjcawi25r1] {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.match-making-select-button[b-kjcawi25r1] {
    margin: 10px;
}

.change-filters-label[b-kjcawi25r1] {
    font-size: 0.9rem;
    color: var(--bs-primary);
    cursor: pointer;
    letter-spacing: normal;
    text-transform: none;
}

.no-match-making-possible-message[b-kjcawi25r1] {
    display: flex;
    align-items: center;
    background-color: var(--bs-danger);
    color: var(--bs-white);
    padding: 20px;
    border-radius: 10px;
}

.dismiss-button-container[b-kjcawi25r1] {
    width: 100%;
    margin-top: 25px;
}

.dismiss-button:hover[b-kjcawi25r1] {
    color: var(--bs-danger);
}
/* /Modals/CareDutyRecurrenceModal.razor.rz.scp.css */
.headline[b-es5y0svbxs] {
    font-size: 1.5rem;
}

.button-container[b-es5y0svbxs] {
    display: flex;
    justify-content: right;
}

.modal-button[b-es5y0svbxs] {
    margin: 0 5px;
}

.button-loading-spinner[b-es5y0svbxs] {
    margin-right: 5px;
}

.warning-container[b-es5y0svbxs] {
    color: var(--bs-danger);
    font-size: 0.9rem;
}

.delegated-task-list[b-es5y0svbxs] {
    margin: 20px 10px 10px;
}

.delegated-task-list-item-container[b-es5y0svbxs] {
    display: flex;
    align-items: center;
}

.delete-icon-container[b-es5y0svbxs] {
    width: 25px;
    text-align: left;
}

.task-action-icon[b-es5y0svbxs] {
    cursor: pointer;
    color: var(--bs-gray-600);
    transition: color 0.2s ease-in-out;
}

.task-action-icon:hover[b-es5y0svbxs] {
    color: var(--bs-dark);
}

.edit-icon-container[b-es5y0svbxs] {
    width: 25px;
    text-align: right;
}

.delegated-task-list-item[b-es5y0svbxs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 5px;
    padding: 10px;
    width: calc(100% - 50px);
    background-color: var(--bs-white);
    border-radius: 10px;
    box-shadow: 0 0 4px var(--bs-gray-300);
}

.task-name-container[b-es5y0svbxs] {
    display: flex;
    align-items: center;
}

.task-icon[b-es5y0svbxs] {
    color: var(--bs-gray-600);
    font-size: 1.6rem;
    margin-right: 10px;
}

.task-name[b-es5y0svbxs] {
    font-size: 1.3rem;
}

.assigned-persons-container[b-es5y0svbxs] {
    display: flex;
    justify-content: end;
}

.add-person-ball[b-es5y0svbxs] {
    width: 40px;
    height: 40px;
    margin: 3px;
    border-radius: 25px;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    background-color: var(--bs-white);
    color: var(--bs-gray-600);
    border: 1px dashed var(--bs-gray-600);
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

.add-person-ball:hover[b-es5y0svbxs] {
    background-color: var(--bs-gray-100);
}

.add-task-button[b-es5y0svbxs] {
    margin: 10px 5px 5px;
    cursor: pointer;
    color: var(--bs-gray-600);
    transition: color 0.2s ease-in-out;
}

.add-task-button:hover[b-es5y0svbxs] {
    color: var(--bs-dark);
}

.add-icon[b-es5y0svbxs] {
    margin-right: 5px;
}

.save-error-container[b-es5y0svbxs] {
    margin-top: 10px;
}
/* /Modals/ChangeCostCenterForUserInAccessContainerModal.razor.rz.scp.css */
.headline[b-fdoi1mupy2] {
    font-size: 1.5rem;
}

.button-container[b-fdoi1mupy2] {
    display: flex;
    justify-content: space-between;
}

.modal-button[b-fdoi1mupy2] {
    margin: 0 5px;
}
/* /Modals/CheckListItemDescriptionModal.razor.rz.scp.css */
.template-screen-headline[b-w6ec7xfnrg] {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
    height: 40px;
    width: 100%;
}

.yes-no-template-container[b-w6ec7xfnrg] {
    position: fixed;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}
/* /Modals/CreateDunningNoticeModal.razor.rz.scp.css */
.headline[b-4i7798jiu0] {
    font-size: 1.5rem;
}

.button-container[b-4i7798jiu0] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.form-label[b-4i7798jiu0] {
    margin-top: 8px;
}

ul[b-4i7798jiu0] {
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}
/* /Modals/CreateEditContainerModal.razor.rz.scp.css */
.headline[b-zrfvywvqhb] {
    font-size: 1.5rem;
}

.button-container[b-zrfvywvqhb] {
    display: flex;
    justify-content: right;
}

.modal-button[b-zrfvywvqhb] {
    margin: 0 5px;
}
/* /Modals/CreateEditDynamicFieldModal.razor.rz.scp.css */
.dynamic-field-form[b-ltc2bo73co] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.dynamic-field-help-text[b-ltc2bo73co] {
    margin-top: .25rem;
    color: var(--bs-secondary-color);
    font-size: .875rem;
}

.dynamic-field-validation-message[b-ltc2bo73co] {
    margin-top: .25rem;
    color: var(--bs-danger);
    font-size: .875rem;
}
/* /Modals/CreateEditPermissionSetModal.razor.rz.scp.css */
.permissions-panel[b-ak9h1i9imt] {
  border: 1px solid var(--bs-white);
  border-radius: 0.25rem;
  padding: 0.75rem;
  background: var(--bs-white);
}

.permissions-scroll[b-ak9h1i9imt] {
  max-height: 58vh;
  overflow: auto;
}

@media (max-width: 1000px) {
  .permissions-scroll[b-ak9h1i9imt] {
    max-height: 28vh;
  }
}
/* /Modals/CreateInvoiceRecommendationProcessModal.razor.rz.scp.css */
/* /Modals/CreateInvoicesExportModal.razor.rz.scp.css */
.headline[b-fzxemn9agi] {
    font-size: 1.5rem;
}

.progress-container[b-fzxemn9agi] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.button-container[b-fzxemn9agi] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.modal-button[b-fzxemn9agi] {
    margin: 0 5px;
}

.download-item-container[b-fzxemn9agi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.download-item[b-fzxemn9agi] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-fzxemn9agi] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-fzxemn9agi] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-fzxemn9agi] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-fzxemn9agi] {
    text-align: center;
    margin: 10px;
}

.info-text-container[b-fzxemn9agi] {
    margin: 10px 0;
}

.select-container[b-fzxemn9agi] {
    margin: 10px 0;
}

.filter-container[b-fzxemn9agi] {
    margin: 10px 0;
}

.invoice-list[b-fzxemn9agi] {
    overflow: auto;
    height: 300px;
    max-height: 300px;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-gray-400);
    border-radius: 10px;
}

.invoice-list table[b-fzxemn9agi] {
    width: 100%;
    cursor: default;
}

.invoice-list-line-header[b-fzxemn9agi] {
    position: sticky;
    top: 0;
    font-weight: bold;
    background-color: var(--bs-gray-200);
    z-index: 1000;
}

.invoice-list-line-header th[b-fzxemn9agi] {
    font-size: 1rem;
    padding: 3px;
}

.invoice-list-line[b-fzxemn9agi] {
    border-radius: 3px;
    cursor: pointer;
}

.invoice-list-line td[b-fzxemn9agi] {
    font-size: 1rem;
    padding: 3px;
}

.invoice-list-line:hover[b-fzxemn9agi] {
    background-color: rgba(var(--bs-primary-rgb), 0.2)
}

.no-invoices-error[b-fzxemn9agi] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}

.no-users-error[b-fzxemn9agi] {
    padding: 10px;
}
/* /Modals/CreateMergedInvoicePdfFileModal.razor.rz.scp.css */
.headline[b-zdqyg331ha] {
    font-size: 1.5rem;
}

.progress-container[b-zdqyg331ha] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.button-container[b-zdqyg331ha] {
    display: flex;
    justify-content: right;
}

.modal-button[b-zdqyg331ha] {
    margin: 0 5px;
}

.download-item-container[b-zdqyg331ha] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.download-item[b-zdqyg331ha] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-zdqyg331ha] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-zdqyg331ha] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-zdqyg331ha] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-zdqyg331ha] {
    text-align: center;
    margin: 10px;
}
/* /Modals/CreatePaymentReminderModal.razor.rz.scp.css */
.headline[b-xticu6vgmz] {
    font-size: 1.5rem;
}

.button-container[b-xticu6vgmz] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.form-label[b-xticu6vgmz] {
    margin-top: 8px;
}

ul[b-xticu6vgmz] {
    padding-left: 1.25rem;
    margin-bottom: 0.5rem;
}
/* /Modals/CrmEmail/AssignCrmEmailMessagePersonModal.razor.rz.scp.css */
.crm-email-person-assignment-title[b-wwkj2qceg9] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.crm-email-person-assignment[b-wwkj2qceg9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-person-assignment-hint[b-wwkj2qceg9] {
    margin: 0;
    color: var(--bs-gray-600);
    overflow-wrap: anywhere;
}

.crm-email-person-assignment-options[b-wwkj2qceg9] {
    display: flex;
    flex-direction: column;
    gap: .4rem;
    max-height: 315px;
    overflow-y: auto;
    padding: .15rem;
}

.crm-email-person-assignment-option[b-wwkj2qceg9] {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: .75rem;
    width: 100%;
    border: 1px solid var(--bs-gray-300);
    border-radius: .55rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .65rem .75rem;
    text-align: left;
}

.crm-email-person-assignment-option:hover[b-wwkj2qceg9],
.crm-email-person-assignment-option.selected[b-wwkj2qceg9] {
    border-color: rgba(var(--bs-primary-rgb), .45);
    background: rgba(var(--bs-primary-rgb), .08);
}

.crm-email-person-assignment-option.selected[b-wwkj2qceg9] {
    color: var(--bs-primary);
}

.crm-email-person-assignment-person[b-wwkj2qceg9] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.crm-email-person-assignment-person strong[b-wwkj2qceg9],
.crm-email-person-assignment-person small[b-wwkj2qceg9] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-person-assignment-person small[b-wwkj2qceg9] {
    color: var(--bs-gray-600);
    font-size: .78rem;
}

.crm-email-person-assignment-check[b-wwkj2qceg9] {
    justify-self: end;
}

.button-group[b-wwkj2qceg9] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Modals/CrmEmail/BulkCrmEmailMailboxAssignmentModal.razor.rz.scp.css */
.crm-email-bulk-assignment[b-yhf65o6tin] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-bulk-assignment-summary[b-yhf65o6tin] {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--bs-gray-600);
    font-size: .875rem;
}

.crm-email-mailbox-user-picker[b-yhf65o6tin]  button {
    width: 2rem;
    height: 2rem;
    padding: 0;
    border-radius: 50%;
}
/* /Modals/CrmEmail/ComposeCrmEmailModal.razor.rz.scp.css */
.crm-email-compose[b-y6w7xxuur3] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-compose-grid[b-y6w7xxuur3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.crm-email-compose-attachments[b-y6w7xxuur3] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.crm-email-compose-attachment[b-y6w7xxuur3] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    background: var(--bs-secondary-bg);
    border-radius: 6px;
    padding: .25rem .35rem .25rem .5rem;
}

.crm-email-compose-attachment .btn[b-y6w7xxuur3] {
    padding: 0;
    line-height: 1;
}

.crm-email-sender-option[b-y6w7xxuur3] {
    display: flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.crm-email-sender-scope-marker[b-y6w7xxuur3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.25rem;
    height: 1.25rem;
    flex: 0 0 1.25rem;
    font-size: 1rem;
}

.crm-email-sender-scope-user[b-y6w7xxuur3] {
    color: var(--bs-primary);
}

.crm-email-sender-scope-agency[b-y6w7xxuur3] {
    color: var(--bs-info);
}

.crm-email-sender-option-text[b-y6w7xxuur3] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.button-group[b-y6w7xxuur3] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 700px) {
    .crm-email-compose-grid[b-y6w7xxuur3] {
        grid-template-columns: 1fr;
    }
}
/* /Modals/CrmEmail/CrmEmailConversationModal.razor.rz.scp.css */
.crm-email-conversation-title[b-jcx81iia4o] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.crm-email-conversation[b-jcx81iia4o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-conversation-person[b-jcx81iia4o] {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: .65rem;
    max-width: 360px;
    border: 1px solid var(--bs-gray-300);
    border-radius: .6rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .45rem .65rem;
    text-align: left;
}

.crm-email-conversation-person:hover[b-jcx81iia4o] {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.crm-email-conversation-person span[b-jcx81iia4o] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.crm-email-conversation-person small[b-jcx81iia4o] {
    color: var(--bs-gray-600);
}

.crm-email-conversation-person strong[b-jcx81iia4o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-conversation-entries[b-jcx81iia4o] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-conversation-entry[b-jcx81iia4o] {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr);
    align-items: flex-start;
    gap: .65rem;
}

.crm-email-conversation-entry.inbound[b-jcx81iia4o] {
    grid-template-columns: minmax(0, 1fr) 2.25rem;
}

.crm-email-conversation-entry.inbound .crm-email-conversation-entry-marker[b-jcx81iia4o] {
    grid-column: 2;
    grid-row: 1;
}

.crm-email-conversation-entry.inbound .crm-email-conversation-entry-card[b-jcx81iia4o] {
    grid-column: 1;
    grid-row: 1;
    border-color: rgba(var(--bs-primary-rgb), .35);
    border-radius: .75rem .2rem .75rem .75rem;
}

.crm-email-conversation-entry.outbound .crm-email-conversation-entry-card[b-jcx81iia4o] {
    border-radius: .2rem .75rem .75rem .75rem;
}

.crm-email-conversation-entry-card[b-jcx81iia4o] {
    min-width: 0;
    border: 1px solid var(--bs-gray-300);
    background: var(--bs-body-bg);
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(var(--bs-dark-rgb), .08);
}

.crm-email-conversation-entry-card > header[b-jcx81iia4o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .75rem .9rem;
    background: var(--bs-gray-100);
}

.crm-email-conversation-entry-marker[b-jcx81iia4o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-top: .1rem;
    border: 1px solid transparent;
    border-radius: 50%;
    color: var(--bs-white);
    font-size: .75rem;
    font-weight: 700;
}

.crm-email-conversation-entry.inbound .crm-email-conversation-entry-marker[b-jcx81iia4o] {
    border-color: var(--bs-primary);
    background: var(--bs-primary);
}

.crm-email-conversation-entry.outbound .crm-email-conversation-entry-marker[b-jcx81iia4o] {
    border-color: var(--bs-success);
    background: var(--bs-success);
}

.crm-email-conversation-entry-heading[b-jcx81iia4o] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.crm-email-conversation-entry-heading strong[b-jcx81iia4o],
.crm-email-conversation-entry-heading span[b-jcx81iia4o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-conversation-entry-heading span[b-jcx81iia4o],
.crm-email-conversation-entry time[b-jcx81iia4o],
.crm-email-conversation-participants[b-jcx81iia4o] {
    color: var(--bs-gray-600);
    font-size: .78rem;
}

.crm-email-conversation-participants[b-jcx81iia4o] {
    padding: .55rem .9rem 0;
    overflow-wrap: anywhere;
}

.crm-email-conversation-body[b-jcx81iia4o] {
    padding: .9rem;
}

.crm-email-conversation-body pre[b-jcx81iia4o] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
}

.crm-email-conversation-attachments[b-jcx81iia4o] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    padding: .9rem .9rem 0;
}

.crm-email-conversation-attachments button[b-jcx81iia4o] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 300px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 999px;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .25rem .5rem;
    font-size: .8rem;
    font-weight: 400;
}

.crm-email-conversation-attachments button:not(:disabled):hover[b-jcx81iia4o] {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.crm-email-conversation-attachments button.unavailable[b-jcx81iia4o] {
    flex-wrap: wrap;
    border-color: var(--bs-warning, #ffc107);
    border-radius: .5rem;
    background: rgba(255, 193, 7, .14);
    color: var(--bs-body-color);
    cursor: not-allowed;
    opacity: 1;
}

.crm-email-conversation-attachments button.unavailable span[b-jcx81iia4o] {
    flex: 1 1 auto;
    min-width: 0;
}

.crm-email-conversation-attachments .crm-email-conversation-attachment-warning[b-jcx81iia4o] {
    flex: 1 1 100%;
    min-width: 0;
    color: #664d03;
    white-space: normal;
    overflow-wrap: anywhere;
}

.crm-email-conversation-attachments span[b-jcx81iia4o] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-conversation-attachments small[b-jcx81iia4o] {
    flex: 0 0 auto;
    color: var(--bs-gray-600);
}

.button-group[b-jcx81iia4o] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}

@media (max-width: 700px) {
    .crm-email-conversation-entry-card > header[b-jcx81iia4o] {
        grid-template-columns: minmax(0, 1fr);
    }

    .crm-email-conversation-entry time[b-jcx81iia4o] {
        grid-column: 1;
    }
}
/* /Modals/CrmEmail/CrmEmailConversationSelectionModal.razor.rz.scp.css */
.crm-email-conversation-selection-title[b-bn6lcyfc5b] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.crm-email-conversation-selection[b-bn6lcyfc5b] {
    display: flex;
    flex-direction: column;
    gap: .85rem;
}

.crm-email-conversation-selection-hint[b-bn6lcyfc5b] {
    margin: 0;
    color: var(--bs-gray-600);
}

.crm-email-conversation-selection-new[b-bn6lcyfc5b],
.crm-email-conversation-selection-item[b-bn6lcyfc5b] {
    display: flex;
    align-items: center;
    gap: .75rem;
    width: 100%;
    border: 1px solid var(--bs-gray-300);
    border-radius: .65rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .8rem;
    text-align: left;
}

.crm-email-conversation-selection-new:not(:disabled):hover[b-bn6lcyfc5b],
.crm-email-conversation-selection-item:hover[b-bn6lcyfc5b] {
    border-color: var(--bs-primary);
    box-shadow: 0 2px 8px rgba(var(--bs-primary-rgb), .12);
}

.crm-email-conversation-selection-new > span:nth-child(2)[b-bn6lcyfc5b],
.crm-email-conversation-selection-item-content[b-bn6lcyfc5b] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: .2rem;
    min-width: 0;
}

.crm-email-conversation-selection-new small[b-bn6lcyfc5b],
.crm-email-conversation-selection-preview[b-bn6lcyfc5b],
.crm-email-conversation-selection-meta[b-bn6lcyfc5b] {
    color: var(--bs-gray-600);
}

.crm-email-conversation-selection-icon[b-bn6lcyfc5b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .12);
    color: var(--bs-primary);
}

.crm-email-conversation-selection-divider[b-bn6lcyfc5b] {
    display: flex;
    align-items: center;
    gap: .75rem;
    color: var(--bs-gray-600);
    font-size: .8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.crm-email-conversation-selection-divider[b-bn6lcyfc5b]::before,
.crm-email-conversation-selection-divider[b-bn6lcyfc5b]::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--bs-gray-300);
}

.crm-email-conversation-selection-list[b-bn6lcyfc5b] {
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.crm-email-conversation-selection-item strong[b-bn6lcyfc5b],
.crm-email-conversation-selection-preview[b-bn6lcyfc5b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-email-conversation-selection-meta[b-bn6lcyfc5b] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    font-size: .75rem;
}

.crm-email-conversation-selection-meta span[b-bn6lcyfc5b] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.crm-email-conversation-selection-empty[b-bn6lcyfc5b] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 8rem;
    color: var(--bs-gray-600);
}

.button-group[b-bn6lcyfc5b] {
    display: flex;
    justify-content: flex-end;
}
/* /Modals/CrmEmail/EditCrmEmailAccountModal.razor.rz.scp.css */
.crm-email-modal-form[b-oi0vavr4cr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.crm-email-modal-grid[b-oi0vavr4cr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 130px;
    gap: 1rem;
}

.button-group[b-oi0vavr4cr] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
}

@media (max-width: 700px) {
    .crm-email-modal-grid[b-oi0vavr4cr] {
        grid-template-columns: 1fr;
    }
}
.crm-email-imap-settings[b-oi0vavr4cr] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: .5rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: .5rem;
    padding: 1rem;
}

.crm-email-imap-settings legend[b-oi0vavr4cr] {
    float: none;
    width: auto;
    margin: 0;
    padding: 0 .35rem;
    font-size: 1rem;
    font-weight: 600;
}
/* /Modals/CrmEmail/MoveCrmEmailMessageModal.razor.rz.scp.css */
.mailbox-folder-picker[b-dnthklk8as] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    max-height: 290px;
    overflow-y: auto;
    padding: .15rem;
}

.mailbox-folder-picker-option[b-dnthklk8as] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) 1.25rem;
    align-items: center;
    gap: .6rem;
    width: 100%;
    border: 1px solid transparent;
    border-radius: .45rem;
    background: transparent;
    color: var(--bs-body-color);
    padding: .65rem .75rem;
    text-align: left;
}

.mailbox-folder-picker-option:hover[b-dnthklk8as],
.mailbox-folder-picker-option.selected[b-dnthklk8as] {
    border-color: rgba(var(--bs-primary-rgb), .22);
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
}

.mailbox-folder-picker-option > span[b-dnthklk8as] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-folder-picker-check[b-dnthklk8as] {
    justify-self: end;
}

.button-group[b-dnthklk8as] {
    display: flex;
    justify-content: flex-end;
    gap: .5rem;
}
/* /Modals/DataExportModal.razor.rz.scp.css */
.headline[b-mcuxki5nn2] {
    font-size: 1.5rem;
}

.progress-container[b-mcuxki5nn2] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.button-container[b-mcuxki5nn2] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.modal-button[b-mcuxki5nn2] {
    margin: 0 5px;
}

.download-item-container[b-mcuxki5nn2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.download-item[b-mcuxki5nn2] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-mcuxki5nn2] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-mcuxki5nn2] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-mcuxki5nn2] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-mcuxki5nn2] {
    text-align: center;
    margin: 10px;
}

.info-text-container[b-mcuxki5nn2] {
    margin: 10px 0;
}

.select-container[b-mcuxki5nn2] {
    margin: 10px 0;
}

.filter-container[b-mcuxki5nn2] {
    margin: 10px 0;
}

.invoice-list[b-mcuxki5nn2] {
    overflow: auto;
    height: 300px;
    max-height: 300px;
    background-color: var(--bs-white);
    border: 1px solid var(--bs-gray-400);
    border-radius: 10px;
}

.invoice-list table[b-mcuxki5nn2] {
    width: 100%;
    cursor: default;
}

.invoice-list-line-header[b-mcuxki5nn2] {
    position: sticky;
    top: 0;
    font-weight: bold;
    background-color: var(--bs-gray-200);
    z-index: 1000;
}

.invoice-list-line-header th[b-mcuxki5nn2] {
    font-size: 1rem;
    padding: 3px;
}

.invoice-list-line[b-mcuxki5nn2] {
    border-radius: 3px;
    cursor: pointer;
}

.invoice-list-line td[b-mcuxki5nn2] {
    font-size: 1rem;
    padding: 3px;
}

.invoice-list-line:hover[b-mcuxki5nn2] {
    background-color: rgba(var(--bs-primary-rgb), 0.2)
}

.no-invoices-error[b-mcuxki5nn2] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}

.no-users-error[b-mcuxki5nn2] {
    padding: 10px;
}
/* /Modals/DeactivateGuardiansConfirmationModal.razor.rz.scp.css */
.guardian-modal-shell[b-gwrkatc76h] {
    position: relative;
    z-index: 0;
}

.guardian-modal-click-shield[b-gwrkatc76h] {
    position: fixed;
    inset: 0;
    z-index: -1;
}
/* /Modals/DeleteDgkpModal.razor.rz.scp.css */
.headline[b-fmw0tdnv74] {
    font-size: 1.5rem;
}

.button-container[b-fmw0tdnv74] {
    display: flex;
    justify-content: right;
}

.modal-button[b-fmw0tdnv74] {
    margin: 0 5px;
}
/* /Modals/DeleteGuardianModal.razor.rz.scp.css */
.headline[b-f3pf9bytan] {
    font-size: 1.5rem;
}

.button-container[b-f3pf9bytan] {
    display: flex;
    justify-content: right;
}

.modal-button[b-f3pf9bytan] {
    margin: 0 5px;
}
/* /Modals/DeleteMedicalPersonnelModal.razor.rz.scp.css */
.headline[b-gr6dlld9qc] {
    font-size: 1.5rem;
}

.button-container[b-gr6dlld9qc] {
    display: flex;
    justify-content: right;
}

.modal-button[b-gr6dlld9qc] {
    margin: 0 5px;
}
/* /Modals/DocumentCreationModal.razor.rz.scp.css */
.document-edit-overlay[b-aaav0b4nux] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: var(--bs-white);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.document-edit-overlay-close-button[b-aaav0b4nux] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.document-edit-overlay-title[b-aaav0b4nux] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.document-edit-overlay-close-button:hover[b-aaav0b4nux] {
    color: var(--bs-red);
}

.button-loading-spinner[b-aaav0b4nux] {
    margin-right: 5px;
}

.document-creation-overlay-close-button[b-aaav0b4nux] {
    z-index: 101;
    margin: -10px -10px 5px 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.document-creation-overlay-close-button:hover[b-aaav0b4nux] {
    color: var(--bs-red);
}

.document-creation-overlay-top-container[b-aaav0b4nux] {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.document-creation-container-left[b-aaav0b4nux] {
    max-width: 80%;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* /Modals/DocumentLinkOptionModal.razor.rz.scp.css */
.document-icon[b-tjhem04ruo] {
    margin: 6px 0 0 10px;
    font-size: 1.1rem;
}

.document-span-element-right[b-tjhem04ruo] {
    float: right;
    text-overflow: ellipsis;
    max-width: 40%;
    white-space: nowrap;
    text-align: right;
    margin: 6px 0 6px;
    width: 35%;
}

.document-span-element-left[b-tjhem04ruo] {
    float: left;
    margin: 6px 0 6px 6px;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
}

.document-button[b-tjhem04ruo] {
    float: right;
    font-size: 25px;
    padding: 0;
}

.comment-padding[b-tjhem04ruo] {
    padding-top: 20px;
}

.attachment-button[b-tjhem04ruo] {
    background-color: transparent;
    border-radius: 7px;
    border: 2px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666666;
    font-size: 13px;
    padding: 6px 29px;
    text-decoration: none;
}

.attachment-button:hover[b-tjhem04ruo] {
    background-color: transparent;
}

.attachment-button:active[b-tjhem04ruo] {
    position: relative;
    top: 1px;
}

.radio-list-container[b-tjhem04ruo] {
    align-items: center;
}

.radio-button[b-tjhem04ruo] {
    background: #cfe7fa;
    background: linear-gradient(180deg, #cfe7fa, #6393c1 100%);
    border: 1px solid #6393c1;
    border-radius: 40px;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5), inset -1px -1px 0 rgba(0, 0, 0, .5);
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    font: 15px Arial, Verdana, Geneva, sans-serif;
    line-height: 41px;
    padding-right: 20px;
}

.radio-button:hover .inner[b-tjhem04ruo] {
    opacity: .5;
}

.radio-button input[b-tjhem04ruo] {
    display: none;
}

.radio-button input:checked + .outer .inner[b-tjhem04ruo] {
    opacity: 1;
}

.radio-button .outer[b-tjhem04ruo] {
    background: #2989d8;
    border: 1px solid black;
    border-radius: 20px;
    display: block;
    float: left;
    height: 20px;
    margin: 10px;
    width: 20px;
}

.radio-button .inner[b-tjhem04ruo] {
    background: #e4f5fc;
    border-radius: 20px;
    display: block;
    height: 14px;
    margin: 3px;
    opacity: 0;
    transition: opacity .5s;
    width: 14px;
}

.document-link-overlay[b-tjhem04ruo] {
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.document-button-container[b-tjhem04ruo] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 30px;
}

.new-task-appointment-button[b-tjhem04ruo] {
    width: 180px;
    margin: 10px;
}

.documents-container[b-tjhem04ruo] {
    min-height: 200px;
    display: flex;
}

.document-link-container[b-tjhem04ruo] {
    display: flex;
    flex-direction: column;
}

.document-link-list[b-tjhem04ruo] {
    width: auto;
    max-height: 450px;
    overflow-y: auto;
    min-height: 70px;
    padding-bottom: 30px;
}

.navigate-back-button[b-tjhem04ruo] {
    color: var(--bs-gray-600);
    margin-bottom: 10px;
    border: none;
    background: transparent;
    box-shadow: none;
    margin-top: -20px;
    margin-left: -50px;
    width: 150px;
}

.document-link-top-container[b-tjhem04ruo] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    max-width: 100%;
}


/* /Modals/DocumentTemplateVariableSelectionModal.razor.rz.scp.css */
.headline[b-qqzvnqqw3u] {
    font-size: 1.5rem;
}

.button-container[b-qqzvnqqw3u] {
    display: flex;
    justify-content: space-between;
}

.modal-button[b-qqzvnqqw3u] {
    margin: 0 5px;
}

.text-container[b-qqzvnqqw3u] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text[b-qqzvnqqw3u] {
    margin-bottom: 10px;
}

td[b-qqzvnqqw3u] {
    padding-bottom: 5px;
    padding-top: 5px;
}

.print-on-sheet-header[b-qqzvnqqw3u] {
    display: flex;
    justify-content: center;
    width: 60px;
}
/* /Modals/DunningNoticeSendModal.razor.rz.scp.css */
.headline[b-8jt2ldmky7] {
    font-size: 1.5rem;
}

.button-container[b-8jt2ldmky7] {
    display: flex;
    justify-content: right;
}

.modal-button[b-8jt2ldmky7] {
    margin: 0 5px;
}

.text-container[b-8jt2ldmky7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text[b-8jt2ldmky7] {
    margin-bottom: 10px;
}

.row[b-8jt2ldmky7] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-8jt2ldmky7] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-8jt2ldmky7] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-8jt2ldmky7] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-8jt2ldmky7] {
    background-color: var(--bs-gray-400);
}

.download-item-container[b-8jt2ldmky7] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.download-item[b-8jt2ldmky7] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-8jt2ldmky7] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-8jt2ldmky7] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-8jt2ldmky7] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-8jt2ldmky7] {
    text-align: center;
    margin: 10px;
}
/* /Modals/EditBankingInformationsModal.razor.rz.scp.css */
.separator[b-p35qbsvfhk] {
    height: 2px;
    background-color: var(--bs-gray-300);
    margin: 12px 0;
}
/* /Modals/EditCareDutyModal.razor.rz.scp.css */
.headline[b-jvilc5nqj1] {
    font-size: 1.5rem;
}

.button-container[b-jvilc5nqj1] {
    display: flex;
    justify-content: right;
}

.modal-button[b-jvilc5nqj1] {
    margin: 0 5px;
}

.button-loading-spinner[b-jvilc5nqj1] {
    margin-right: 5px;
}

.warning-container[b-jvilc5nqj1] {
    color: var(--bs-danger);
    font-size: 0.9rem;
}

.hr-margin-top[b-jvilc5nqj1] {
    margin-top: 15px;
}

.move-recurrent-care-duties-card .card-header[b-jvilc5nqj1] {
    font-weight: 600;
}
/* /Modals/EditDocumentTemplateModal.razor.rz.scp.css */
.button-group[b-m3btgwyuku] {
    display: flex;
    justify-content: space-between;
}

.input-element[b-m3btgwyuku] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}
/* /Modals/EditEducationsModal.razor.rz.scp.css */
/* /Modals/EditEmailModal.razor.rz.scp.css */
.button-group[b-ubtu2mglcn] {
    display: flex;
    justify-content: space-between;
}

.input-element[b-ubtu2mglcn] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 8px;
}

.attachment-row[b-ubtu2mglcn] {
    background: var(--bs-white);
    border-radius: 0.75rem;
    padding: 0.5rem;
    border: 1px solid var(--bs-gray-400);
    font-weight: 500;
    font-size: 0.75rem;
    line-height: 1rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    width: 250px;
    display: inline-flex;
    gap: 20px;
}

.close-btn[b-ubtu2mglcn] {
    background-color: transparent;
    color: var(--bs-gray-800);
    display: inline-block;
    border-radius: .5rem;
    height: 1rem;
    width: 1rem;
    transition: all .2s ease-in-out;
}

.close-btn:hover[b-ubtu2mglcn] {
    background-color: var(--bs-gray-800);
    color: var(--bs-light);
}

.btn-in-input:focus[b-ubtu2mglcn] {
    border-color: transparent;
    box-shadow: 0 0 0 0 transparent;
}

.btn-in-input[b-ubtu2mglcn] {
    position: absolute;
    padding: 7px;
    top: 0;
    right: 0;
    line-height: 100%;
    height: 100%;
}

.attachments-list[b-ubtu2mglcn] {
    display: flex;
    gap: 1px;
}

.custom-file-upload[b-ubtu2mglcn] {
    cursor: pointer;
    background-color: var(--bs-white);
    color: var(--bs-dark);
    width: 150px;
    display: flex;
    transition: background 0.2s ease;
    gap: 20px;
    align-items: center;
    border-radius: 0.75rem;
    padding: 0.5rem;
    border: 1px solid var(--bs-gray-400);
    font-size: 0.75rem;
    line-height: 1rem;
}

.custom-file-upload:hover[b-ubtu2mglcn] {
    
}

.example-box[b-ubtu2mglcn] {
    margin-top: 8px;
    padding: 12px;
    background: var(--bs-light);
    border-radius: 4px;
}
/* /Modals/EditInvoiceIssuerModal.razor.rz.scp.css */
.headline[b-vfqbs8f6ch] {
    font-size: 1.5rem;
}

.button-container[b-vfqbs8f6ch] {
    display: flex;
    justify-content: right;
}

.modal-button[b-vfqbs8f6ch] {
    margin: 0 5px;
}
/* /Modals/EditInvoiceRecipientModal.razor.rz.scp.css */
.headline[b-yo1zi2vnql] {
    font-size: 1.5rem;
}

.button-container[b-yo1zi2vnql] {
    display: flex;
    justify-content: right;
}

.modal-button[b-yo1zi2vnql] {
    margin: 0 5px;
}
/* /Modals/EditPostingLineModal.razor.rz.scp.css */
.headline[b-6l5n066zbx] {
    font-size: 1.5rem;
}

.button-container[b-6l5n066zbx] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.posting-line-form[b-6l5n066zbx] {
    max-height: 500px;
    overflow: auto;
}

.user-count-configuration[b-6l5n066zbx] {
    margin-top: .5rem;
    padding: 1rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: .75rem;
    background: rgba(var(--bs-primary-rgb), .035);
}

.user-count-configuration-header[b-6l5n066zbx],
.price-ladder-heading[b-6l5n066zbx],
.price-ladder-footer[b-6l5n066zbx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.user-count-configuration-header[b-6l5n066zbx] {
    margin-bottom: 1rem;
}

.user-count-configuration-header h3[b-6l5n066zbx],
.price-ladder-heading h4[b-6l5n066zbx] {
    margin: 0;
    font-weight: 650;
}

.user-count-configuration-header h3[b-6l5n066zbx] {
    font-size: 1.05rem;
}

.user-count-configuration-header p[b-6l5n066zbx],
.price-ladder-heading p[b-6l5n066zbx] {
    margin: .2rem 0 0;
    color: var(--bs-secondary-color);
    font-size: .85rem;
}

.user-count-configuration-header > .bi[b-6l5n066zbx] {
    flex-shrink: 0;
    color: var(--bs-primary);
    font-size: 1.6rem;
}

.user-count-select-invalid[b-6l5n066zbx]  .annny-dropdown {
    border-color: var(--bs-danger);
}

.price-ladder-input-invalid[b-6l5n066zbx]  input {
    border-color: var(--bs-danger);
}

.price-ladder[b-6l5n066zbx] {
    overflow: hidden;
    border: 1px solid var(--bs-gray-300);
    border-radius: .65rem;
    background: var(--bs-body-bg);
}

.price-ladder-heading[b-6l5n066zbx] {
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--bs-gray-300);
    background: var(--bs-gray-100);
}

.price-ladder-heading h4[b-6l5n066zbx] {
    font-size: .95rem;
}

.price-ladder-steps[b-6l5n066zbx] {
    display: flex;
    flex-direction: column;
}

.price-ladder-step[b-6l5n066zbx] {
    display: grid;
    grid-template-columns: minmax(8.5rem, 1.35fr) minmax(7.5rem, 1fr) minmax(8.5rem, 1fr) auto;
    align-items: end;
    gap: .75rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.price-ladder-step:last-child[b-6l5n066zbx] {
    border-bottom: 0;
}

.price-ladder-range[b-6l5n066zbx] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 2.4rem;
}

.price-ladder-step-number[b-6l5n066zbx] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.85rem;
    width: 1.85rem;
    height: 1.85rem;
    border-radius: 50%;
    background: rgba(var(--bs-primary-rgb), .12);
    color: var(--bs-primary);
    font-size: .8rem;
}

.price-ladder-range-caption[b-6l5n066zbx] {
    display: block;
    margin-bottom: .1rem;
    color: var(--bs-secondary-color);
    font-size: .75rem;
    font-weight: 500;
}

.price-ladder-open-ended[b-6l5n066zbx] {
    display: flex;
    min-height: 3.8rem;
    flex-direction: column;
    justify-content: center;
    padding-bottom: .25rem;
}

.price-ladder-action[b-6l5n066zbx] {
    display: flex;
    min-width: 2.5rem;
    justify-content: flex-end;
}

.price-ladder-footer[b-6l5n066zbx] {
    justify-content: flex-start;
    padding: .85rem 1rem;
    border-top: 1px solid var(--bs-gray-200);
    background: var(--bs-gray-100);
}

.price-ladder-validation[b-6l5n066zbx] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 1rem 1rem;
}

@media (max-width: 767.98px) {
    .price-ladder-step[b-6l5n066zbx] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .price-ladder-action[b-6l5n066zbx] {
        justify-content: flex-start;
    }
}

.care-duty-option-groups[b-6l5n066zbx] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    align-items: start;
}

.care-duty-option-column[b-6l5n066zbx] {
    min-width: 0;
}

.care-duty-option-heading[b-6l5n066zbx] {
    min-height: 1rem;
    margin-bottom: .5rem;
    color: var(--bs-gray-600);
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .08em;
    line-height: 1rem;
    text-transform: uppercase;
}

.care-duty-option-group[b-6l5n066zbx] {
    border: 1px solid var(--bs-gray-300);
    border-radius: .75rem;
    overflow: hidden;
}

.care-duty-option-group-light[b-6l5n066zbx] {
    background-color: var(--bs-white);
    color: var(--bs-black);
}

.care-duty-option-row[b-6l5n066zbx] {
    padding: .75rem;
}

.care-duty-option-row[b-6l5n066zbx]  .care-duty-toggle {
    width: 100%;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.care-duty-unit-row[b-6l5n066zbx] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.care-duty-unit-input[b-6l5n066zbx] {
    flex: 1;
    min-width: 0;
}

.surcharge-unit-toggle[b-6l5n066zbx] {
    display: inline-grid;
    grid-template-columns: repeat(2, 2.5rem);
    padding: .125rem;
    border: 1px solid var(--bs-gray-300);
    border-radius: .625rem;
    background-color: var(--bs-white);
}

.surcharge-unit-option[b-6l5n066zbx] {
    min-height: 2rem;
    padding: .25rem .5rem;
    border: 0;
    border-radius: .5rem;
    background-color: transparent;
    color: var(--bs-dark);
    font-weight: 600;
}

.surcharge-unit-option.active[b-6l5n066zbx] {
    background-color: var(--bs-primary);
    color: var(--bs-white);
}

.surcharge-unit-option:focus-visible[b-6l5n066zbx] {
    outline: 2px solid var(--bs-primary);
    outline-offset: 1px;
}

.surcharge-unit-option:disabled[b-6l5n066zbx] {
    cursor: not-allowed;
    opacity: .65;
}

.care-duty-option-row + .care-duty-option-row[b-6l5n066zbx] {
    border-top: 1px solid var(--bs-gray-300);
}

@media (max-width: 575.98px) {
    .care-duty-option-groups[b-6l5n066zbx] {
        grid-template-columns: 1fr;
    }

    .care-duty-option-heading-placeholder[b-6l5n066zbx] {
        display: none;
    }
}
/* /Modals/EditPostingLineModificationModal.razor.rz.scp.css */
.headline[b-97ue5insol] {
    font-size: 1.5rem;
}

.button-container[b-97ue5insol] {
    display: flex;
    justify-content: right;
    gap: 10px;
}
/* /Modals/EditTelephoneNumbersModal.razor.rz.scp.css */
.separator[b-mkh5ln4rii] {
    height: 2px;
    background-color: var(--bs-gray-300);
    margin: 12px 0;
}

.input-width[b-mkh5ln4rii] {
    width: 250px
}

.telephone-number-checkbox-grid[b-mkh5ln4rii] {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    align-content: center;
    gap: 0.75rem 1.5rem;
}
/* /Modals/EndInvoicingsConfirmationModal.razor.rz.scp.css */
.invoicing-modal-shell[b-i7l017zba1] {
    position: relative;
    z-index: 0;
}

.invoicing-modal-click-shield[b-i7l017zba1] {
    position: fixed;
    inset: 0;
    z-index: -1;
}

.invoicing-modal-subline[b-i7l017zba1] {
    margin-left: 34px;
    color: var(--bs-gray-700);
    font-size: 0.9rem;
}
/* /Modals/GenerateDocumentModal.razor.rz.scp.css */
.headline[b-e31mj4rmov] {
    font-size: 24px;
    font-weight: bold;
}

.generate-document-container[b-e31mj4rmov] {
    margin-bottom: 20px;
    height: 250px;
}

.button-container[b-e31mj4rmov] {
    display: flex;
    justify-content: space-between;
}

.modal-button[b-e31mj4rmov] {
    margin-right: 10px;
}
/* /Modals/InvoiceDataImportModal.razor.rz.scp.css */
.headline[b-qmp5jnqrn5] {
    font-size: 1.5rem;
}

.progress-container[b-qmp5jnqrn5] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 25px;
}

.button-container[b-qmp5jnqrn5] {
    display: flex;
    justify-content: right;
    gap: 10px;
}

.result-container[b-qmp5jnqrn5] {
    max-height: 400px;
    overflow-y: auto;
    margin-top: 15px;
}
/* /Modals/ManageAddressesModal.razor.rz.scp.css */
.address-item[b-urff5a988i] {
  width: 100%;
  background: var(--bs-white);
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 16px;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.address-grid[b-urff5a988i] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 12px 16px;
  align-items: start;
}

.address-grid .field label[b-urff5a988i] {
  display: block;
  font-size: 0.85rem;
  color: var(--bs-dark);
  margin-bottom: 4px;
}

.checkbox-field[b-urff5a988i] {
    display: flex;
    height: 100%;
    align-items: center;
}

.address-slash[b-urff5a988i]{
    font-size: 25px;
}

.concatenated-addressline-container-item[b-urff5a988i] {
    width: 20%;
}

.concatenated-addressline-item-container[b-urff5a988i] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 5px;
}
/* /Modals/ManageBusinessHoursModal.razor.rz.scp.css */
.doctor-header[b-2qkjrcltq5] {
    padding: 20px;
    background: white;
    border-radius: 20px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.business-day[b-2qkjrcltq5] {
    justify-content: space-between;
    background: white;
    border-radius: 20px;
    padding: 20px;
}
/* /Modals/ManageUserStatusModal.razor.rz.scp.css */
.headline[b-uuu434pojz] {
    font-size: 1.5rem;
}

.button-container[b-uuu434pojz] {
    display: flex;
    justify-content: space-between;
}

.modal-button[b-uuu434pojz] {
    margin: 0 5px;
}

.main-container[b-uuu434pojz] {
    height: 630px;
}

.flex-container[b-uuu434pojz] {
    display: flex;
}

.cursor-pointer[b-uuu434pojz] {
    cursor: pointer;
}

.user-status-left-container[b-uuu434pojz] {
    width: 50%; 
    height: fit-content;
}

.user-status-right-container[b-uuu434pojz] {
    width: 50%; 
    margin-left: 20px; 
    padding: 10px; 
    height: 600px; 
    overflow: auto; 
    border-left: 1px solid var(--bs-gray-300);
}

.change-log-container[b-uuu434pojz] {
    margin-bottom: 5px; 
    padding: 13px; 
    border-radius: 10px; 
}

.change-log-margin[b-uuu434pojz] {
    margin-right: 15px;
}

.change-reason-margin[b-uuu434pojz] {
    margin-top: 15px;
}

.badge-tag[b-uuu434pojz] {
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    word-spacing: normal;
    text-align: center;
    color: var(--bs-light);
}

.person-icon-size[b-uuu434pojz] {
    font-size: 25px;
}

.comment-field[b-uuu434pojz] {
    background: var(--bs-gray-300); 
    padding: 10px; 
    border-radius: 5px; 
    margin: 5px 0 5px 0;
}

.document-item-action[b-uuu434pojz] {
    font-size: 18px;
    cursor: pointer;
    margin-left: 10px;
    color: var(--bs-dark);
}
/* /Modals/ManageWorkPlaceSetModal.razor.rz.scp.css */
.work-place-bottom-container[b-hlsz4h3uyw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.work-place-middle-container[b-hlsz4h3uyw] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.remove-button[b-hlsz4h3uyw] {
    border: none;
    transform: scale(.8);
    color: var(--bs-danger);
}
/* /Modals/MoveUserInAccessContainersModal.razor.rz.scp.css */
.headline[b-w2zi888jkn] {
    font-size: 1.5rem;
}

.button-container[b-w2zi888jkn] {
    display: flex;
    justify-content: right;
    gap: 10px;
    padding: 5px;
}

.modal-button[b-w2zi888jkn] {
    margin: 0 5px;
}

.middle-part[b-w2zi888jkn] {
    height: 400px;
    overflow: auto;
}
/* /Modals/OverlappingAbsenceCareDutyModal.razor.rz.scp.css */
.headline[b-u573oivyob] {
    font-size: 1.5rem;
}

.button-container[b-u573oivyob] {
    display: flex;
    justify-content: space-between;
}
/* /Modals/OverlappingCareDutyAbsenceModal.razor.rz.scp.css */
.headline[b-lyutoqsrqv] {
    font-size: 1.5rem;
}

.button-container[b-lyutoqsrqv] {
    display: flex;
    justify-content: space-between;
}
/* /Modals/PaymentReminderSendModal.razor.rz.scp.css */
.headline[b-ii15vcba2z] {
    font-size: 1.5rem;
}

.button-container[b-ii15vcba2z] {
    display: flex;
    justify-content: right;
}

.modal-button[b-ii15vcba2z] {
    margin: 0 5px;
}

.text-container[b-ii15vcba2z] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text[b-ii15vcba2z] {
    margin-bottom: 10px;
}

.row[b-ii15vcba2z] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-ii15vcba2z] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-ii15vcba2z] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-ii15vcba2z] {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-ii15vcba2z] {
    background-color: var(--bs-gray-400);
}

.download-item-container[b-ii15vcba2z] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 25px;
}

.download-item[b-ii15vcba2z] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-ii15vcba2z] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-ii15vcba2z] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-ii15vcba2z] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-ii15vcba2z] {
    text-align: center;
    margin: 10px;
}
/* /Modals/ProfilePictureInformationModal.razor.rz.scp.css */
.profile-picture-info-modal[b-fkuun7j89n] {
    position: fixed;
    top: 15%;
    left: 30%;
    width: 50%;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: var(--bs-white);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.status-container[b-fkuun7j89n] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--bs-gray-100);
    border-radius: 3%;
    padding: 20px;
}

.status-item[b-fkuun7j89n] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    margin: 5px 0;
}

.status-item:nth-child(2n)[b-fkuun7j89n] {
    background-color: var(--bs-gray-200);
}

.status-header-item[b-fkuun7j89n] {
    display: flex;
    font-weight: 600;
    justify-content: space-around;
    align-items: center;
    padding: 10px;
    margin: 5px 0;
}

.status-item > div[b-fkuun7j89n], .status-item > i[b-fkuun7j89n] {
    flex: 0 0 33.33%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.headline[b-fkuun7j89n] {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 25px;
}

.button-container[b-fkuun7j89n] {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
/* /Modals/RemoteTaskResultModal.razor.rz.scp.css */
.headline[b-t4ej6r9ss0] {
    font-size: 1.5rem;
}

.button-container[b-t4ej6r9ss0] {
    display: flex;
    justify-content: right;
}

.modal-button[b-t4ej6r9ss0] {
    margin: 0 5px;
}

.remote-task-header[b-t4ej6r9ss0] {
    
}

.remote-task-name[b-t4ej6r9ss0] {
    
}

.remote-task-results-container[b-t4ej6r9ss0] {
    max-height: 400px;
    overflow: auto;
}

.remote-task-result[b-t4ej6r9ss0] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    background-color: var(--bs-gray-300);
    border-radius: 5px;
    margin: 5px;
}
/* /Modals/SaveFileModal.razor.rz.scp.css */
.headline[b-a5cxnw0nxf] {
    font-size: 1.5rem;
}

.button-container[b-a5cxnw0nxf] {
    display: flex;
    justify-content: right;
}

.modal-button[b-a5cxnw0nxf] {
    margin: 0 5px;
}

.download-item-container[b-a5cxnw0nxf] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.download-item[b-a5cxnw0nxf] {
    width: 200px;
    background-color: rgba(var(--bs-dark-rgb), .1);
    border-radius: 15px;
    text-align: center;
}

.download-item-icon-container[b-a5cxnw0nxf] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.download-item-icon[b-a5cxnw0nxf] {
    border-radius: 50%;
    background-color: white;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    vertical-align: middle;
    margin: 20px;
}

.download-item-text[b-a5cxnw0nxf] {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}

.download-item-link[b-a5cxnw0nxf] {
    text-align: center;
    margin: 10px;
}
/* /Modals/SelectTemplateModal.razor.rz.scp.css */
.template-container[b-bfz4y7i6sm] {
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--bs-primary);
    color: white;
    border-radius: 10px;
    cursor: pointer;
    justify-content: center;
    padding: 10px;
}
/* /Modals/SendLetterModal.razor.rz.scp.css */
.headline[b-it7px04sg1] {
    font-size: 1.5rem;
}

.button-container[b-it7px04sg1] {
    display: flex;
    justify-content: right;
}

.modal-button[b-it7px04sg1] {
    margin: 0 5px;
}

.text-container[b-it7px04sg1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.text[b-it7px04sg1] {
    margin-bottom: 10px;
}

/* /Modals/SendQuestionnaireModal.razor.rz.scp.css */
.form-container[b-ih0k869y8z] {
    max-height: 450px;
    overflow: auto;
}

.modal-title[b-ih0k869y8z] {
    font-size: 24px;
    margin-bottom: 20px;
}

.border-error[b-ih0k869y8z] {
    border-color: var(--bs-danger);
}

.close-btn[b-ih0k869y8z] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-size: 25px;
    color: #aaa;
    position: absolute;
    top: 10px;
    right: 10px;
}
/* /Modals/SendQuestionnaireResultModal.razor.rz.scp.css */
.row[b-v4rdvtdxs4] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.job-list-container[b-v4rdvtdxs4] {
    background-color: var(--bs-gray-200);
    width: 98%;
    margin-left: 1%;
    border-radius: 10px;
}

.job-list[b-v4rdvtdxs4] {
    width: 100%;
    overflow: auto;
    max-height: 200px;
}

.job-list-item[b-v4rdvtdxs4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 2px 2px 10px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.job-list-item:hover[b-v4rdvtdxs4] {
    background-color: var(--bs-gray-400);
}
/* /Modals/UseGlobalPostingLineModal.razor.rz.scp.css */
.posting-lines-container[b-bh7ij6wnsa] {
    
}

.result-container[b-bh7ij6wnsa] {
    height: 300px;
    overflow: auto;
}

.posting-line-item-container[b-bh7ij6wnsa] {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    cursor: pointer;
    margin: 5px;
    padding: 5px;
}

.posting-line-item-container:hover[b-bh7ij6wnsa] {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-radius: 3px;
}

.sku-line[b-bh7ij6wnsa] {
    font-size: 0.8rem;
}

.title-line[b-bh7ij6wnsa] {
    font-weight: 500;
}

.line-icon[b-bh7ij6wnsa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: var(--bs-primary);
}
/* /Modals/YesNoTemplateModal.razor.rz.scp.css */
.template-screen-headline[b-psvabqt06z] {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    margin-bottom: 10px;
    height: 40px;
    width: 100%;
}

.yes-no-template-container[b-psvabqt06z] {
    position: fixed;
    top: calc(25%); /* 50px space + 75px toolbar height */
    left: calc(33%); /* 50px space + 70px menu width */
    width: 40%;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.template-screen-content[b-psvabqt06z] {
    height: calc(100% - 40px);
}

.template-screen-tile-container[b-psvabqt06z] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.template-screen-tile[b-psvabqt06z] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-screen-tile:hover[b-psvabqt06z] {
    opacity: 0.8;
}

.template-screen-tile-icon[b-psvabqt06z] {
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
}

.template-screen-tile-text[b-psvabqt06z] {
    font-size: 1.2rem;
    padding: 10px;
}

.template-selection-screen-list-container[b-psvabqt06z] {
    width: 300px;
    overflow: auto;
    max-height: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.template-selection-screen-list-item[b-psvabqt06z] {
    width: 250px;
    height: 40px;
    margin: 5px;
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    line-height: 40px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-selection-screen-list-item:hover[b-psvabqt06z] {
    opacity: 0.8;
}
/* /Pages/Absences.razor.rz.scp.css */
.absences-page[b-l9s8i7n1fu] {
    min-width: 0;
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .form-select {
    padding-right: 76px;
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .dropdown-menu {
    max-width: calc(100vw - var(--space-8, 32px));
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .picker-button {
    border-radius: var(--space-2, 8px);
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .selector-button {
    border-radius: var(--space-2, 8px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .selector-button-active {
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .selector-button-loading {
    background: color-mix(in srgb, var(--warning, #865600) 10%, var(--surface, #ffffff));
    color: var(--warning, #865600);
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .arrow-button,
.absences-page[b-l9s8i7n1fu]  .absence-date-filter .close-btn {
    color: var(--muted, #5b6b63);
}

.absences-page[b-l9s8i7n1fu]  .absence-date-filter .close-btn:hover {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

@media (pointer: coarse), (max-width: 700px) {
    .absences-page[b-l9s8i7n1fu]  .absence-date-filter .btn-in-input {
        min-width: 44px;
    }

    .absences-page[b-l9s8i7n1fu]  .absence-date-filter .selector-button,
    .absences-page[b-l9s8i7n1fu]  .absence-date-filter .picker-button,
    .absences-page[b-l9s8i7n1fu]  .absence-date-filter .arrow-button {
        min-height: 44px;
    }

    .absences-page[b-l9s8i7n1fu]  .absence-date-filter .arrow-button {
        min-width: 44px;
    }
}
/* /Pages/Administration.razor.rz.scp.css */
.administration-container[b-3qji73pkrq] {
    padding: 18px;
}

.administration-section[b-3qji73pkrq] {
    margin-bottom: 18px;
    border: 1px solid #b9d8d0;
    border-radius: 20px;
    background: #FFFFFF;
    box-shadow: 0 6px 16px rgba(16, 58, 48, 0.12);
    overflow: hidden;
}

.administration-expander-header[b-3qji73pkrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 22px;
    min-height: 68px;
}

.administration-expander-title[b-3qji73pkrq] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.administration-expander-title h3[b-3qji73pkrq] {
    margin: 0;
    color: #172b24;
    font-size: 1.8rem;
    font-weight: 700;
}

.administration-expander-icon[b-3qji73pkrq],
.administration-expander-chevron[b-3qji73pkrq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: #dcefe8;
    color: #226c5a;
}

.administration-expander-icon i[b-3qji73pkrq],
.administration-expander-chevron i[b-3qji73pkrq] {
    font-size: 1.1rem;
}

.administration-expander-content[b-3qji73pkrq] {
    padding: 22px;
    border-top: 1px solid #d4e7e0;
    background: #fff;
}

.administration-info-grid[b-3qji73pkrq] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.administration-info-item[b-3qji73pkrq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.administration-info-label[b-3qji73pkrq] {
    color: #172b24;
    font-size: 1.2rem;
    font-weight: 700;
}

.administration-info-value[b-3qji73pkrq] {
    color: #51675f;
    font-size: 1.15rem;
}

.administration-action-row[b-3qji73pkrq] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.administration-file-picker[b-3qji73pkrq] {
    position: relative;
    display: flex;
    align-items: center;
    min-width: min(100%, 385px);
    max-width: 100%;
    border: 1px solid #c9d9d4;
    border-radius: 12px;
    background: #fff;
    box-shadow: inset 0 1px 3px rgba(18, 53, 45, 0.08);
    overflow: hidden;
}

.administration-file-input[b-3qji73pkrq] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.administration-file-button[b-3qji73pkrq] {
    margin: 4px;
    padding: 10px 16px;
    border-radius: 10px;
    background: #dce9e3;
    color: #17362d;
    font-size: 1.1rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.administration-file-name[b-3qji73pkrq] {
    padding: 0 16px 0 8px;
    color: #263c35;
    font-size: 1.1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.administration-action-button[b-3qji73pkrq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: none;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.administration-action-button i[b-3qji73pkrq] {
    font-size: 1rem;
}

.administration-action-button-primary[b-3qji73pkrq] {
    background: #156a54;
    color: #fff;
}

.administration-action-button-primary:hover:enabled[b-3qji73pkrq] {
    background: #115945;
}

.administration-action-button-secondary[b-3qji73pkrq] {
    background: #e6efeb;
    color: #17362d;
}

.administration-action-button-secondary:hover:enabled[b-3qji73pkrq] {
    background: #d8e5df;
}

.administration-action-button:disabled[b-3qji73pkrq] {
    opacity: 0.7;
    cursor: not-allowed;
}

.administration-list-controls[b-3qji73pkrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    flex-wrap: wrap;
}

.administration-filter-input[b-3qji73pkrq] {
    width: min(100%, 340px);
}

.administration-filter-input-spaced[b-3qji73pkrq] {
    margin-bottom: 18px;
}

.administration-list[b-3qji73pkrq] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.administration-list-item[b-3qji73pkrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border: 1px solid #dbe8e3;
    border-radius: 14px;
    background: #f7fbf9;
}

.administration-list-item-text[b-3qji73pkrq] {
    color: #17362d;
    font-size: 1.05rem;
    word-break: break-word;
}

.administration-empty-state[b-3qji73pkrq] {
    margin: 0;
    color: #51675f;
    font-size: 1.15rem;
}
/* /Pages/Agencies.razor.rz.scp.css */
.agencies-page[b-fuz0ok3w1h] {
    --agencies-canvas: var(--canvas, #f6f7f4);
    --agencies-surface: var(--surface, #ffffff);
    --agencies-ink: var(--ink, #182e28);
    --agencies-muted: var(--muted, #5b6b63);
    --agencies-line: var(--line, #dce4de);
    --agencies-brand-soft: var(--brand-soft, #e6f2ed);
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--agencies-canvas);
    color: var(--agencies-ink);
    font-size: 14px;
    line-height: 1.55;
}

.agencies-heading[b-fuz0ok3w1h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    margin-bottom: var(--space-6, 24px);
}

.agencies-heading h1[b-fuz0ok3w1h] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.agencies-heading p[b-fuz0ok3w1h] {
    margin: 0;
    color: var(--agencies-muted);
}

.agencies-count[b-fuz0ok3w1h] {
    flex-shrink: 0;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    border-radius: 6px;
    background: var(--agencies-brand-soft);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.agencies-card[b-fuz0ok3w1h] {
    border: 1px solid var(--agencies-line);
    border-radius: var(--radius, 12px);
    background: var(--agencies-surface);
}

.agencies-content[b-fuz0ok3w1h] {
    min-height: 200px;
}

.agencies-table-scroll[b-fuz0ok3w1h] {
    max-height: 65vh;
    overflow: auto;
    border-radius: var(--radius, 12px) var(--radius, 12px) 0 0;
}

.agencies-table[b-fuz0ok3w1h] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    text-align: left;
}

.agencies-table thead th[b-fuz0ok3w1h] {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: var(--space-3, 12px) var(--space-4, 16px);
    background: var(--agencies-canvas);
    color: var(--agencies-muted);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.agencies-table tbody th[b-fuz0ok3w1h],
.agencies-table td[b-fuz0ok3w1h] {
    padding: 14px var(--space-4, 16px);
    border-top: 1px solid var(--agencies-line);
    vertical-align: middle;
    font-size: 13px;
    font-weight: 400;
}

.agencies-table tbody tr:hover[b-fuz0ok3w1h],
.agencies-table tbody tr:focus-within[b-fuz0ok3w1h] {
    background: var(--agencies-brand-soft);
}

.agencies-table thead th:first-child[b-fuz0ok3w1h] {
    width: 34%;
}

.agency-identity[b-fuz0ok3w1h] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
}

.agency-link[b-fuz0ok3w1h] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: 44px;
    max-width: 320px;
    color: var(--agencies-ink);
    font-weight: 650;
    text-decoration: none;
    overflow-wrap: anywhere;
}

.agency-link:hover[b-fuz0ok3w1h] {
    color: var(--brand, #00624a);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.agency-link .bi[b-fuz0ok3w1h] {
    flex-shrink: 0;
    color: var(--brand, #00624a);
    font-size: 12px;
}

.agency-id[b-fuz0ok3w1h] {
    color: var(--agencies-muted);
    font-family: var(--bs-font-monospace);
    font-size: 12px;
    white-space: nowrap;
}

.agency-contact[b-fuz0ok3w1h] {
    display: grid;
    gap: var(--space-1, 4px);
}

.agency-contact > span[b-fuz0ok3w1h],
.agency-location[b-fuz0ok3w1h] {
    display: flex;
    align-items: baseline;
    gap: var(--space-2, 8px);
    overflow-wrap: anywhere;
}

.agency-contact .bi[b-fuz0ok3w1h],
.agency-location .bi[b-fuz0ok3w1h] {
    flex-shrink: 0;
    color: var(--agencies-muted);
}

.agencies-footer[b-fuz0ok3w1h] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px);
    border-top: 1px solid var(--agencies-line);
    color: var(--agencies-muted);
}

.agencies-result-range[b-fuz0ok3w1h] {
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.agencies-footer[b-fuz0ok3w1h]  .annny-pager {
    margin: 0;
}

.agencies-state[b-fuz0ok3w1h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    text-align: center;
}

.agencies-state > .bi[b-fuz0ok3w1h] {
    font-size: 32px;
    color: var(--agencies-muted);
}

.agencies-state h2[b-fuz0ok3w1h] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.agencies-state p[b-fuz0ok3w1h],
.agencies-loading-label[b-fuz0ok3w1h] {
    margin: 0;
    color: var(--agencies-muted);
    font-size: 13px;
}

.agencies-loading-label[b-fuz0ok3w1h] {
    padding-bottom: var(--space-8, 32px);
    text-align: center;
}

.agencies-content[b-fuz0ok3w1h]  .loading-spinner-container {
    margin-top: 0;
    padding: var(--space-12, 48px) var(--space-6, 24px) var(--space-4, 16px);
}

.agencies-content[b-fuz0ok3w1h]  .spinner-style {
    width: 24px;
    height: 24px;
    color: var(--brand, #00624a) !important;
}

.agencies-state[b-fuz0ok3w1h]  .agencies-retry {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    --bs-btn-bg: var(--brand, #00624a);
    --bs-btn-border-color: var(--brand, #00624a);
    --bs-btn-hover-bg: var(--brand-hover, #004f3c);
    --bs-btn-hover-border-color: var(--brand-hover, #004f3c);
}

.agency-link:focus-visible[b-fuz0ok3w1h],
.agencies-table-scroll:focus-visible[b-fuz0ok3w1h],
.agencies-state[b-fuz0ok3w1h]  .agencies-retry:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (max-width: 700px) {
    .agencies-page[b-fuz0ok3w1h] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .agencies-heading[b-fuz0ok3w1h] {
        flex-direction: column;
        align-items: flex-start;
    }

    .agencies-heading h1[b-fuz0ok3w1h] {
        font-size: 24px;
    }
}
/* /Pages/AgencyOverview.razor.rz.scp.css */
.agency-overview[b-fip0on0fyz] {
    padding: 24px;
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.agency-overview-heading[b-fip0on0fyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 24px;
}

.agency-heading-identity[b-fip0on0fyz] {
    display: flex;
    align-items: center;
    gap: 16px;
    min-width: 0;
}

.agency-overview h1[b-fip0on0fyz] {
    margin: 8px 0;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.agency-overview-heading p[b-fip0on0fyz] {
    margin: 0;
    color: var(--muted, #5b6b63);
}

.agency-back-link[b-fip0on0fyz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

.agency-back-link:hover[b-fip0on0fyz] {
    text-decoration: underline;
}

.agency-back-link:focus-visible[b-fip0on0fyz] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.agency-heading-metadata[b-fip0on0fyz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.agency-heading-metadata > span[b-fip0on0fyz] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 999px;
    background: var(--surface, #ffffff);
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.agency-tab-heading[b-fip0on0fyz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
}

.agency-tab-heading h2[b-fip0on0fyz] {
    margin: 0;
    font-size: 20px;
    font-weight: 650;
    letter-spacing: -.025em;
}

.agency-information-grid[b-fip0on0fyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
}

.agency-card[b-fip0on0fyz] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.agency-card h2[b-fip0on0fyz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    font-size: 16px;
    font-weight: 650;
}

.agency-card h2 i[b-fip0on0fyz] {
    color: var(--brand, #00624a);
}

.agency-contact-card[b-fip0on0fyz], .agency-banking-card[b-fip0on0fyz] {
    grid-column: 1 / -1;
}

.agency-details[b-fip0on0fyz] {
    margin: 0;
}

.agency-details > div[b-fip0on0fyz] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
    gap: 16px;
    padding: 12px 0;
    border-top: 1px solid var(--line, #dce4de);
}

.agency-details > div:first-child[b-fip0on0fyz] {
    border-top: 0;
    padding-top: 0;
}

.agency-details > div:last-child[b-fip0on0fyz] {
    padding-bottom: 0;
}

.agency-details dt[b-fip0on0fyz] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.agency-details dd[b-fip0on0fyz] {
    margin: 0;
    font-size: 13px;
    overflow-wrap: anywhere;
}

.agency-identifier[b-fip0on0fyz] {
    font-variant-numeric: tabular-nums;
}

.agency-setting-state[b-fip0on0fyz] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 12px;
}

.agency-address[b-fip0on0fyz] {
    display: grid;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    font-style: normal;
}

.agency-muted[b-fip0on0fyz] {
    color: var(--muted, #5b6b63);
}

.agency-bank-accounts[b-fip0on0fyz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.agency-subpage[b-fip0on0fyz] {
    min-width: 0;
}

.agency-overview[b-fip0on0fyz]  .agency-overview-action {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
    color: var(--surface, #ffffff);
    font-size: 13px;
    font-weight: 600;
}

.agency-overview[b-fip0on0fyz]  .agency-overview-action:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.agency-overview-empty[b-fip0on0fyz] {
    display: grid;
    justify-items: center;
    gap: 16px;
    padding: 48px 24px;
    border: 1px dashed var(--line, #dce4de);
    border-radius: 12px;
    background: var(--surface, #ffffff);
    text-align: center;
}

.agency-overview-empty > i[b-fip0on0fyz] {
    color: var(--brand, #00624a);
    font-size: 32px;
}

@media (max-width: 991.98px) {
    .agency-information-grid[b-fip0on0fyz], .agency-bank-accounts[b-fip0on0fyz] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .agency-overview[b-fip0on0fyz] {
        padding: 12px;
    }

    .agency-card[b-fip0on0fyz] {
        padding: 16px;
    }

    .agency-details > div[b-fip0on0fyz] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }

    .agency-heading-identity[b-fip0on0fyz] {
        align-items: flex-start;
    }

    .agency-overview h1[b-fip0on0fyz] {
        font-size: 24px;
    }
}
/* /Pages/AnswerQuestionnaire.razor.rz.scp.css */
.top-bar[b-zfgmlbc6g7] {
    display: flex;
    align-items: center;
    height: 90px;
    padding: 5px 5px 5px 20px;
    background-color: var(--bs-gray-200);
}

.top-logo[b-zfgmlbc6g7] {
    height: 80px;
    width: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('./assets/logo.svg');
}

.wizard-container[b-zfgmlbc6g7] {
    width: 100%;
    height: calc(100% - 100px);
}

.language-step-container[b-zfgmlbc6g7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.welcome-message[b-zfgmlbc6g7] {
    margin-top: 40px;
    font-size: 1.1rem;
}

.language-button-container[b-zfgmlbc6g7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 820px;
}

.language-button[b-zfgmlbc6g7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 140px;
    margin: 10px;
}

.language-button-text[b-zfgmlbc6g7] {
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
    text-align: center;
    transition: all .5s cubic-bezier(.44, .63, 0, 1);
}

.language-ball[b-zfgmlbc6g7] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 15px;
    opacity: .5;
    transition: all .5s cubic-bezier(.44, .63, 0, 1);
}

.language-button-container > .language-button:hover > .language-ball[b-zfgmlbc6g7],
.language-button-container > .language-button-active > .language-ball[b-zfgmlbc6g7] {
    opacity: 1;
}

.language-button-container > .language-button:hover > .language-ball[b-zfgmlbc6g7] {
    transform: scale(1.1);
}

.language-button-container > .language-button:hover > .language-button-text[b-zfgmlbc6g7],
.language-button-container > .language-button-active > .language-button-text[b-zfgmlbc6g7] {
    color: var(--bs-primary);
}

.id-step-container[b-zfgmlbc6g7] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploaded-ids-container[b-zfgmlbc6g7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 820px;
}

.uploaded-id-container[b-zfgmlbc6g7] {
    margin: 20px;
}

.uploaded-id[b-zfgmlbc6g7] {
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-radius: 7px;
    border-color: var(--bs-gray-500);
    width: 150px;
    height: 100px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
}

.uploaded-id-image[b-zfgmlbc6g7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
    border-radius: 3px;
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
}

.add-uploaded-id[b-zfgmlbc6g7] {
    border-style: dashed;
}

.dummy-id-photo[b-zfgmlbc6g7] {
    position: absolute;
    top: 16%;
    left: 9%;
    height: 48%;
    width: 28%;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: var(--bs-gray-200);
    overflow: hidden;
    text-align: center;
    color: var(--bs-gray-200);
    font-size: 43px;
    line-height: 43px;
    padding-top: 4px;
}

.dummy-id-photo-person[b-zfgmlbc6g7] {
    margin-left: -4px;
}

.dummy-id-line[b-zfgmlbc6g7] {
    position: absolute;
    height: 3%;
    width: 40%;
    background-color: var(--bs-gray-200);
    border-radius: 50px;
}

#dummy-id-line-1[b-zfgmlbc6g7] {
    top: 29%;
    right: 7%;
}

#dummy-id-line-2[b-zfgmlbc6g7] {
    top: 44%;
    right: 7%;
}

#dummy-id-line-3[b-zfgmlbc6g7] {
    top: 59%;
    right: 7%;
}

#dummy-id-line-4[b-zfgmlbc6g7] {
    bottom: 13%;
    left: 7%;
    width: 86%;
}

.add-id-plus[b-zfgmlbc6g7],
.id-delete[b-zfgmlbc6g7] {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 64px;
    width: 64px;
    transform: translate(-50%, -50%);
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
    border-radius: 32px;
    text-align: center;
    line-height: 64px;
    vertical-align: middle;
}

.add-id-plus[b-zfgmlbc6g7] {
    color: var(--bs-gray-500);
    font-size: 60px;
}

.id-delete[b-zfgmlbc6g7] {
    color: transparent;
    font-size: 30px;
}

.uploaded-id:hover > .uploaded-id-image[b-zfgmlbc6g7] {
    opacity: 1;
}

.add-uploaded-id:hover[b-zfgmlbc6g7],
.uploaded-id:hover[b-zfgmlbc6g7] {
    border-color: var(--bs-gray-600);
}

.add-uploaded-id:hover > .add-id-plus[b-zfgmlbc6g7],
.uploaded-id:hover > .id-delete[b-zfgmlbc6g7] {
    color: white;
    background-color: var(--bs-gray-600);
}

.uploaded-id-spinner-container[b-zfgmlbc6g7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.uploaded-id-spinner[b-zfgmlbc6g7] {
    height: 64px;
    width: 64px;
}

.uploaded-id-title[b-zfgmlbc6g7] {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 10px;
}

.col > label[b-zfgmlbc6g7] {
    text-align: left;
    width: 100%;
    padding-left: 10px;
}

.thank-you-page-container[b-zfgmlbc6g7] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.checkmark-container[b-zfgmlbc6g7] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 125px;
    height: 250px;
    width: 250px;
    background-color: var(--bs-primary);
    margin-top: 40px;
}

.checkmark-icon-animated[b-zfgmlbc6g7] {
    display: flex;
    justify-content: center;
    height: 100%;
    fill: none;
    stroke: var(--bs-light);
    stroke-width: 2;
    stroke-dasharray: 23;
    stroke-dashoffset: 23;
    animation: draw-b-zfgmlbc6g7 .3s linear forwards;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes draw-b-zfgmlbc6g7 {
    to {
        stroke-dashoffset: 0
    }
}

.thank-you[b-zfgmlbc6g7] {
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    margin-top: 40px;
    color: var(--bs-primary);
}

.thank-you-message[b-zfgmlbc6g7] {
    font-size: 1.5rem;
    text-align: center;
    margin-top: 40px;
    color: var(--bs-primary);
}

.summary-label[b-zfgmlbc6g7] {
    font-weight: bold;
}

.text-align-left[b-zfgmlbc6g7] {
    text-align: left;
}

.summary-container[b-zfgmlbc6g7] {
    margin-top: 40px;
    padding: 20px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 10px;
}
/* /Pages/AuditLog.razor.rz.scp.css */
.log-container[b-uk7rl00hvx] {
    overflow: auto;
    height: calc(100% - 160px);
}

.log-header[b-uk7rl00hvx] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.log-profile-picture-column[b-uk7rl00hvx] {
    width: 60px;
}

.log-list-spacer[b-uk7rl00hvx] {
    width: 60px;
}

.log-list-table[b-uk7rl00hvx] {
    width: 100%;
}

.log-list-line[b-uk7rl00hvx] {
    background-color: var(--bs-gray-300);
}

.log-list-line:nth-child(odd)[b-uk7rl00hvx] {
    background-color: var(--bs-gray-100);
}

th[b-uk7rl00hvx] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

.no-logs-error[b-uk7rl00hvx] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}
/* /Pages/Calendar.razor.rz.scp.css */
.calendar-context[b-48cgn0880z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
}

.calendar-context > span:first-child[b-48cgn0880z] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    color: var(--ink, #182e28);
    font-weight: 600;
}

.calendar-context .bi[b-48cgn0880z] {
    color: var(--brand, #00624a);
}

.calendar-scroll-hint[b-48cgn0880z] {
    color: var(--muted, #5b6b63);
    font-size: 11px;
}

.calendar-page[b-48cgn0880z]  .directory-list-content {
    min-width: 0;
}
/* /Pages/CandidateOverview.razor.rz.scp.css */
.candidates-container[b-wxqrxuynrn] {
    overflow: auto;
    height: calc(100% - 160px);
}

.candidates-header[b-wxqrxuynrn] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.candidates-profile-picture-column[b-wxqrxuynrn] {
    width: 60px;
}

.candidates-list-spacer[b-wxqrxuynrn] {
    width: 60px;
}

.candidates-list-table[b-wxqrxuynrn] {
    width: 100%;
}

.candidates-list-line[b-wxqrxuynrn] {
    background-color: var(--bs-gray-300);
}

.candidates-list-line:nth-child(odd)[b-wxqrxuynrn] {
    background-color: var(--bs-gray-100);
}

th[b-wxqrxuynrn] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

.no-candidates-error[b-wxqrxuynrn] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}
/* /Pages/CareDutyChanges.razor.rz.scp.css */
.changes-page[b-sgsk8i9f73] {
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-size: 14px;
    line-height: 1.55;
}

.filter-container[b-sgsk8i9f73] {
    display: flex;
    gap: var(--space-3, 12px);
    flex-wrap: wrap;
    margin-bottom: var(--space-4, 16px);
    align-items: center;
    padding: var(--space-4, 16px);
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.changes-content[b-sgsk8i9f73] {
    display: block;
}

.changes-header-row[b-sgsk8i9f73] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    margin-bottom: var(--space-4, 16px);
}

.changes-header-row[b-sgsk8i9f73]  .changes-legend-button {
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--brand, #00624a);
    font-size: 13px;
    font-weight: 600;
}

.changes-header-row[b-sgsk8i9f73]  .changes-legend-button:hover {
    background: var(--brand-soft, #e6f2ed);
}

.changes-header-row[b-sgsk8i9f73]  .changes-legend-button:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.changes-cards-container[b-sgsk8i9f73] {
    min-width: 0;
}

.changes-filter-main-dgkp[b-sgsk8i9f73],
.changes-filter-mode[b-sgsk8i9f73] {
    position: relative;
    width: 250px;
    max-width: 100%;
    min-width: 0;
}

.changes-filter-year-input[b-sgsk8i9f73] {
    width: 130px;
}

.changes-filter-date-input[b-sgsk8i9f73] {
    width: 170px;
}

.changes-headline[b-sgsk8i9f73] {
    margin: 0;
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.changes-time-span[b-sgsk8i9f73] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    margin-bottom: var(--space-3, 12px);
    font-size: 14px;
    font-weight: 600;
    color: var(--muted, #5b6b63);
}

@media (max-width: 767.98px) {
    .changes-filter-main-dgkp[b-sgsk8i9f73],
    .changes-filter-year-input[b-sgsk8i9f73],
    .changes-filter-date-input[b-sgsk8i9f73] {
        width: 100%;
    }
}

.changes-time-span .bi[b-sgsk8i9f73] {
    color: var(--brand, #00624a);
}

.filter-container[b-sgsk8i9f73]  .form-check {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: 44px;
    margin: 0;
}

.filter-container[b-sgsk8i9f73]  .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 0;
    border-color: var(--control-border, #87998e);
}

.filter-container[b-sgsk8i9f73]  .form-check-input:checked {
    background-color: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
}

.filter-container[b-sgsk8i9f73]  .form-control,
.filter-container[b-sgsk8i9f73]  .form-select {
    min-height: var(--control-height, 44px);
    border-color: var(--control-border, #87998e);
    border-radius: 9px;
    background-color: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
}

.filter-container[b-sgsk8i9f73]  .form-control::placeholder,
.filter-container[b-sgsk8i9f73]  .input-invisible::placeholder {
    color: var(--muted, #5b6b63);
    opacity: .9;
}

.filter-container[b-sgsk8i9f73]  .input-invisible {
    min-width: 0;
    height: auto;
    padding: 0;
    color: inherit;
    font: inherit;
}

.changes-filter-mode[b-sgsk8i9f73]  .annny-dropdown {
    display: flex;
    align-items: center;
    padding: 9px 36px 9px 12px;
}

.filter-container[b-sgsk8i9f73]  .form-control:focus,
.filter-container[b-sgsk8i9f73]  .form-select:focus,
.filter-container[b-sgsk8i9f73]  .form-select:focus-within {
    border-color: var(--brand, #00624a);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #00624a) 16%, transparent);
}

.filter-container[b-sgsk8i9f73]  .form-check-input:focus-visible,
.filter-container[b-sgsk8i9f73]  .btn-in-input:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.filter-container[b-sgsk8i9f73]  .form-control:disabled,
.filter-container[b-sgsk8i9f73]  .form-select:disabled {
    background-color: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
}

.filter-container[b-sgsk8i9f73]  .dropdown-menu {
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
    font-size: 13px;
    line-height: 1.55;
}

.changes-filter-main-dgkp[b-sgsk8i9f73]  .dropdown-menu {
    min-width: 100%;
}

.changes-filter-mode[b-sgsk8i9f73]  .dropdown-menu {
    width: 100%;
    min-width: 0;
    max-width: 250px;
}

.filter-container[b-sgsk8i9f73]  .dropdown-item:not(.multi-select-item-checkbox) {
    height: auto;
    min-height: 32px;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    color: var(--ink, #182e28);
    font-size: inherit;
}

.filter-container[b-sgsk8i9f73]  .dropdown-item:not(.multi-select-item-checkbox):hover,
.filter-container[b-sgsk8i9f73]  .dropdown-item:not(.multi-select-item-checkbox):focus {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.filter-container[b-sgsk8i9f73]  .multi-select-item {
    min-height: 32px;
    padding: var(--space-2, 8px) var(--space-3, 12px);
}

.filter-container[b-sgsk8i9f73]  .selector-button,
.filter-container[b-sgsk8i9f73]  .picker-button {
    border-radius: 6px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 12px;
}

.filter-container[b-sgsk8i9f73]  .selector-button-active,
.filter-container[b-sgsk8i9f73]  .picker-button {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.filter-container[b-sgsk8i9f73]  .selector-button-loading {
    background: color-mix(in srgb, var(--warning, #865600) 10%, var(--surface, #ffffff));
    color: var(--warning, #865600);
}

@media (max-width: 767.98px) {
    .changes-page[b-sgsk8i9f73] {
        padding: var(--space-4, 16px);
    }
}

@media (pointer: coarse), (max-width: 767.98px) {
    .filter-container[b-sgsk8i9f73]  .form-control,
    .filter-container[b-sgsk8i9f73]  .form-select {
        min-height: 44px;
        font-size: 16px;
    }

    .filter-container[b-sgsk8i9f73]  .dropdown-item:not(.multi-select-item-checkbox),
    .filter-container[b-sgsk8i9f73]  .multi-select-item,
    .filter-container[b-sgsk8i9f73]  .selector-button,
    .filter-container[b-sgsk8i9f73]  .picker-button,
    .filter-container[b-sgsk8i9f73]  .arrow-button {
        min-height: 44px;
    }

    .filter-container[b-sgsk8i9f73]  .selector-button,
    .filter-container[b-sgsk8i9f73]  .arrow-button {
        min-width: 44px;
    }
}
/* /Pages/CaretakerGisaRemoteTasks.razor.rz.scp.css */
.gisa-tasks-page[b-ziauuarnuj] {
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-size: 14px;
    line-height: 1.55;
}

.gisa-tasks-heading[b-ziauuarnuj],
.gisa-tasks-card-heading[b-ziauuarnuj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
}

.gisa-tasks-heading[b-ziauuarnuj] {
    margin-bottom: var(--space-6, 24px);
}

.gisa-tasks-heading h1[b-ziauuarnuj] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.gisa-tasks-heading p[b-ziauuarnuj] {
    margin: 0;
    color: var(--muted, #5b6b63);
}

.gisa-tasks-actions[b-ziauuarnuj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--space-2, 8px);
}

.gisa-tasks-card[b-ziauuarnuj] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.gisa-tasks-card-heading[b-ziauuarnuj] {
    flex-wrap: wrap;
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-bottom: 1px solid var(--line, #dce4de);
}

.gisa-tasks-card-heading h2[b-ziauuarnuj] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.gisa-tasks-count[b-ziauuarnuj] {
    display: inline-flex;
    padding: var(--space-1, 4px) var(--space-2, 8px);
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.gisa-tasks-table-scroll[b-ziauuarnuj] {
    overflow-x: auto;
}

.gisa-tasks-table[b-ziauuarnuj] {
    width: 100%;
    min-width: 1060px;
    border-collapse: collapse;
    text-align: left;
}

.gisa-tasks-table thead th[b-ziauuarnuj] {
    padding: var(--space-3, 12px) var(--space-4, 16px);
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.gisa-tasks-table tbody th[b-ziauuarnuj],
.gisa-tasks-table td[b-ziauuarnuj] {
    padding: var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.gisa-tasks-table tbody tr:hover[b-ziauuarnuj],
.gisa-tasks-table tbody tr:focus-within[b-ziauuarnuj] {
    background: var(--brand-soft, #e6f2ed);
}

.gisa-task-identity[b-ziauuarnuj] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    min-width: 180px;
}

.gisa-task-icon[b-ziauuarnuj] {
    display: inline-grid;
    place-items: center;
    flex: 0 0 38px;
    height: 38px;
    border-radius: 9px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 18px;
}

.gisa-task-name[b-ziauuarnuj] {
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.gisa-task-initiator[b-ziauuarnuj] {
    max-width: 160px;
    color: var(--muted, #5b6b63);
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.gisa-task-date[b-ziauuarnuj] {
    min-width: 130px;
    font-variant-numeric: tabular-nums;
}

.gisa-task-progress[b-ziauuarnuj] {
    display: grid;
    gap: var(--space-2, 8px);
    min-width: 90px;
    font-variant-numeric: tabular-nums;
}

.gisa-task-progress progress[b-ziauuarnuj] {
    width: 100%;
    height: 8px;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    appearance: none;
    accent-color: var(--brand, #00624a);
    background: var(--line, #dce4de);
}

.gisa-task-progress progress[b-ziauuarnuj]::-webkit-progress-bar {
    border-radius: 10px;
    background: var(--line, #dce4de);
}

.gisa-task-progress progress[b-ziauuarnuj]::-webkit-progress-value {
    border-radius: 10px;
    background: var(--brand, #00624a);
}

.gisa-task-progress progress[b-ziauuarnuj]::-moz-progress-bar {
    border-radius: 10px;
    background: var(--brand, #00624a);
}

.gisa-task-unavailable[b-ziauuarnuj] {
    color: var(--muted, #5b6b63);
}

.gisa-task-status[b-ziauuarnuj] {
    --task-status-color: var(--muted, #5b6b63);
    display: inline-flex;
    align-items: center;
    gap: var(--space-1, 4px);
    padding: var(--space-1, 4px) var(--space-2, 8px);
    border-radius: 6px;
    background: color-mix(in srgb, var(--task-status-color) 10%, var(--surface, #ffffff));
    color: var(--task-status-color);
    font-size: 10px;
    font-weight: 650;
    white-space: nowrap;
}

.task-success[b-ziauuarnuj] {
    --task-status-color: var(--success, #176b46);
}

.task-queued[b-ziauuarnuj] {
    --task-status-color: var(--warning, #865600);
}

.task-running[b-ziauuarnuj] {
    --task-status-color: var(--info, #275a8c);
}

.task-failure[b-ziauuarnuj],
.task-canceled[b-ziauuarnuj],
.task-timedout[b-ziauuarnuj] {
    --task-status-color: var(--danger, #b83242);
}

.gisa-task-actions[b-ziauuarnuj] {
    text-align: right;
}

.gisa-tasks-footer[b-ziauuarnuj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
}

.gisa-tasks-result-range[b-ziauuarnuj] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.gisa-tasks-footer[b-ziauuarnuj]  .annny-pager {
    margin: 0;
}

.gisa-tasks-state[b-ziauuarnuj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    text-align: center;
}

.gisa-tasks-state > .bi[b-ziauuarnuj] {
    color: var(--muted, #5b6b63);
    font-size: 32px;
}

.gisa-tasks-state h3[b-ziauuarnuj] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.gisa-tasks-state p[b-ziauuarnuj] {
    margin: 0;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.gisa-tasks-state-error > .bi[b-ziauuarnuj] {
    color: var(--danger, #b83242);
}

.gisa-tasks-start-error[b-ziauuarnuj] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    margin-bottom: var(--space-6, 24px);
    padding: var(--space-4, 16px);
    border: 1px solid var(--line, #dce4de);
    border-radius: 10px;
    background: color-mix(in srgb, var(--danger, #b83242) 7%, var(--surface, #ffffff));
    color: var(--danger, #b83242);
    font-size: 12px;
}

.gisa-tasks-table-scroll:focus-visible[b-ziauuarnuj] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (max-width: 991.98px) {
    .gisa-tasks-heading[b-ziauuarnuj] {
        flex-direction: column;
        align-items: flex-start;
    }

    .gisa-tasks-actions[b-ziauuarnuj] {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .gisa-tasks-page[b-ziauuarnuj] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .gisa-tasks-heading h1[b-ziauuarnuj] {
        font-size: 24px;
    }

    .gisa-tasks-card-heading[b-ziauuarnuj] {
        padding: var(--space-4, 16px);
    }
}
/* /Pages/CaretakerMatching.razor.rz.scp.css */
.matching-page[b-uujgo49on7] {
    /* AnnnyStyle foundations, inherited by the matching controls and result cards. */
    --brand: var(--annny-shell-brand, #00624a);
    --brand-hover: var(--annny-shell-brand-hover, #004f3c);
    --brand-soft: var(--annny-shell-soft, #e6f2ed);
    --canvas: #f6f7f4;
    --surface: #ffffff;
    --surface-alt: #f0f3ef;
    --ink: var(--annny-shell-ink, #182e28);
    --muted: #5b6b63;
    --line: var(--annny-shell-border, #dce4de);
    --control-border: #87998e;
    --warning: #865600;
    --danger: #b83242;
    --radius: var(--annny-shell-radius, 12px);
    --control-height: 44px;
    --shadow: 0 8px 28px rgb(24 46 40 / 6%);
    padding: 24px;
    color: var(--ink);
    background: var(--canvas);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.matching-page-heading[b-uujgo49on7],
.results-heading[b-uujgo49on7],
.results-title[b-uujgo49on7],
.filter-heading[b-uujgo49on7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
}

.matching-page-heading[b-uujgo49on7] {
    margin-bottom: 24px;
}

.matching-page-heading h1[b-uujgo49on7] {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.matching-page-heading p[b-uujgo49on7] {
    margin: 0;
    color: var(--muted);
}

.matching-page h2[b-uujgo49on7] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.025em;
}

.matching-page h3[b-uujgo49on7] {
    font-size: 18px;
    font-weight: 650;
}

.matching-page-container[b-uujgo49on7] {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.filter-container[b-uujgo49on7] {
    position: relative;
    min-width: 0;
    background: var(--surface);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    z-index: 30;
}

.filter-heading[b-uujgo49on7] {
    padding: 20px;
    border-bottom: 1px solid var(--line);
}

.filter-heading h2[b-uujgo49on7] {
    font-size: 16px;
}

.filter-heading i[b-uujgo49on7],
.filter-group legend i[b-uujgo49on7] {
    color: var(--brand);
}

.filter-heading[b-uujgo49on7]  .annny-button {
    font-size: 12px;
    padding: 8px 12px;
}

.filter-input-container[b-uujgo49on7] {
    min-width: 0;
    margin: 0;
    padding: 0 20px;
}

.filter-container > .filter-input-container[b-uujgo49on7] {
    margin-top: 16px;
}

.filter-label[b-uujgo49on7] {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
}

.filter-group[b-uujgo49on7] {
    min-width: 0;
    margin: 24px 0 0;
    padding: 20px 0 0;
    border: 0;
    border-top: 1px solid var(--line);
}

.filter-group legend[b-uujgo49on7] {
    float: none;
    width: auto;
    margin: 0 20px 16px;
    padding: 0;
    font-size: 13px;
    font-weight: 650;
}

.filter-group .filter-input-container + .filter-input-container[b-uujgo49on7] {
    margin-top: 16px;
}

.qualification-mode[b-uujgo49on7] {
    display: flex;
    gap: 4px;
    margin: 0 20px 16px;
    padding: 4px;
    background: var(--surface-alt);
    border-radius: 9px;
}

.mode-button[b-uujgo49on7] {
    flex: 1;
    min-width: 0;
    min-height: var(--control-height);
    border: 1px solid transparent;
    border-radius: 7px;
    padding: 8px;
    background: transparent;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

.mode-button[aria-pressed="true"][b-uujgo49on7] {
    border-color: var(--brand);
    background: var(--brand-soft);
    color: var(--brand);
}

.mode-button:hover:not(:disabled)[b-uujgo49on7] {
    background: var(--brand-soft);
    color: var(--brand);
}

.mode-button:disabled[b-uujgo49on7] {
    opacity: .6;
}

.caretaker-matching-selected-tags[b-uujgo49on7] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.sticky-actions-container[b-uujgo49on7] {
    position: sticky;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 24px;
    padding: 16px 20px;
    background: var(--surface-alt);
    border-top: 1px solid var(--line);
    border-radius: 20px 20px var(--radius) var(--radius);
    box-shadow: var(--shadow);
    z-index: 40;
}

.sticky-actions-container[b-uujgo49on7]  .annny-button {
    flex: 1;
}

.ai-search-content[b-uujgo49on7] {
    display: grid;
    gap: 16px;
    padding: 20px;
}

.ai-search-content p[b-uujgo49on7] {
    color: var(--muted);
    margin: 0;
}

.ai-search-content .filter-label[b-uujgo49on7] {
    margin: 0;
}

.results-container[b-uujgo49on7] {
    position: relative;
    min-width: 0;
    z-index: 20;
}

.results-heading[b-uujgo49on7] {
    padding: 0 0 20px;
}

.results-title[b-uujgo49on7] {
    justify-content: flex-start;
}

.results-count[b-uujgo49on7] {
    padding: 4px 10px;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface);
    color: var(--muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.results-time-line[b-uujgo49on7] {
    display: flex;
    gap: 8px;
    padding: 4px 4px 16px;
    margin-bottom: 8px;
    overflow-x: auto;
}

.time-line-item[b-uujgo49on7] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: 8px;
    min-height: var(--control-height);
    padding: 8px 12px;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--ink);
    font-size: 13px;
    font-weight: 600;
}

.time-line-item[aria-pressed="true"][b-uujgo49on7] {
    border-color: var(--brand);
    background: var(--brand);
    color: var(--surface);
}

.time-line-item:hover:not([aria-pressed="true"])[b-uujgo49on7] {
    background: var(--brand-soft);
    border-color: var(--brand);
}

.day-count[b-uujgo49on7] {
    padding: 2px 7px;
    background: var(--brand-soft);
    color: var(--brand);
    border-radius: 999px;
    font-size: 11px;
}

.time-line-item[aria-pressed="true"] .day-count[b-uujgo49on7] {
    background: var(--surface);
}

.matching-empty-state[b-uujgo49on7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 320px;
    padding: 32px;
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    text-align: center;
}

.matching-empty-state > i[b-uujgo49on7] {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 28px;
}

.matching-empty-state h3[b-uujgo49on7],
.matching-empty-state p[b-uujgo49on7] {
    margin: 0;
}

.matching-empty-state p[b-uujgo49on7] {
    max-width: 360px;
    color: var(--muted);
}

.matching-error-state > i[b-uujgo49on7] {
    color: var(--danger);
    background: var(--surface-alt);
}

/* Adopt the guide locally without restyling inputs elsewhere in Backoffice. */
.matching-page[b-uujgo49on7]  .form-control,
.matching-page[b-uujgo49on7]  .form-select {
    min-height: var(--control-height);
    border-color: var(--control-border);
    border-radius: 9px;
    font-size: 13px;
    color: var(--ink);
    background-color: var(--surface);
}

.matching-page[b-uujgo49on7]  .form-control:disabled,
.matching-page[b-uujgo49on7]  .form-select:disabled {
    background-color: var(--surface-alt);
    color: var(--muted);
}

.matching-page[b-uujgo49on7]  .annny-button {
    min-height: var(--control-height);
    border-radius: 9px;
    padding: 9px 16px;
    font-size: 13px;
    font-weight: 600;
}

.matching-page[b-uujgo49on7]  .btn-primary {
    background: var(--brand);
    border-color: var(--brand);
    color: var(--surface);
}

.matching-page[b-uujgo49on7]  .btn-primary:hover:not(:disabled) {
    background: var(--brand-hover);
    border-color: var(--brand-hover);
}

.matching-page[b-uujgo49on7]  .btn-secondary {
    background: var(--surface);
    color: var(--ink);
    border-color: var(--line);
}

.matching-page[b-uujgo49on7]  .btn-secondary:hover:not(:disabled) {
    background: var(--surface-alt);
    border-color: var(--control-border);
}

.matching-page[b-uujgo49on7]  .btn-danger {
    background: var(--danger);
    border-color: var(--danger);
    color: var(--surface);
}

.matching-page[b-uujgo49on7]  .multi-select-item {
    min-height: var(--control-height);
}

.matching-page[b-uujgo49on7]  .inputs-container {
    gap: 12px;
    margin-top: 8px;
}

.matching-page[b-uujgo49on7]  .inputs-container > div {
    flex: 1;
    min-width: 0;
}

.matching-page[b-uujgo49on7]  .range-value-label {
    display: block;
    margin-bottom: 4px;
    color: var(--muted);
    font-size: 11px;
}

.matching-page[b-uujgo49on7]  .loading-spinner-container {
    min-height: 200px;
}

.matching-page[b-uujgo49on7]  :is(button, a, input, textarea, select):focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
}

@media (max-width: 1199.98px) {
    .matching-page-container[b-uujgo49on7] {
        grid-template-columns: 320px minmax(0, 1fr);
        gap: 16px;
    }
}

@media (max-width: 991.98px) {
    .matching-page-container[b-uujgo49on7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .matching-page[b-uujgo49on7] {
        padding: 16px;
    }

    .filter-group[b-uujgo49on7] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 16px;
    }

    .filter-group legend[b-uujgo49on7] {
        grid-column: 1 / -1;
    }

    .filter-group .filter-input-container + .filter-input-container[b-uujgo49on7] {
        margin-top: 0;
    }

    .qualification-mode[b-uujgo49on7] {
        grid-column: 1 / -1;
        margin-bottom: 0;
    }

    .filter-group .filter-input-container:has(.form-check)[b-uujgo49on7] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 575.98px) {
    .matching-page[b-uujgo49on7] {
        padding: 12px;
    }

    .filter-group[b-uujgo49on7] {
        grid-template-columns: minmax(0, 1fr);
    }

    .matching-page[b-uujgo49on7]  .form-control,
    .matching-page[b-uujgo49on7]  .form-select {
        font-size: 16px;
    }

    .matching-empty-state[b-uujgo49on7] {
        padding: 24px 16px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .matching-page[b-uujgo49on7]  * {
        animation: none !important;
        transition: none !important;
    }
}
/* /Pages/CheckLists.razor.rz.scp.css */
.checklists-page[b-vtiyip88tp] {
    padding: var(--space-8, 32px);
    min-height: 100%;
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-size: 14px;
    line-height: 1.55;
}

.checklists-heading[b-vtiyip88tp] {
    margin-bottom: var(--space-6, 24px);
}

.checklists-heading h1[b-vtiyip88tp] {
    display: flex;
    align-items: center;
    gap: var(--space-3, 12px);
    margin: 0;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.16;
}

.checklists-heading i[b-vtiyip88tp] {
    color: var(--brand, #00624a);
}

.checklists-heading p[b-vtiyip88tp] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--muted, #5b6b63);
}

.checklists-navigation[b-vtiyip88tp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1, 4px);
    width: fit-content;
    padding: var(--space-1, 4px);
    margin-bottom: var(--space-6, 24px);
    border: 1px solid var(--line, #dce4de);
    border-radius: 10px;
    background: var(--surface, #ffffff);
}

.checklists-nav-button[b-vtiyip88tp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2, 8px);
    min-height: var(--control-height, 44px);
    padding: 9px 16px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: var(--muted, #5b6b63);
    font-size: 13px;
    font-weight: 600;
}

.checklists-nav-button:hover:not(:disabled)[b-vtiyip88tp],
.checklists-nav-button[aria-pressed="true"][b-vtiyip88tp] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.checklists-nav-button:focus-visible[b-vtiyip88tp] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.checklists-nav-button:disabled[b-vtiyip88tp] {
    opacity: .45;
    cursor: not-allowed;
}

@media (max-width: 700px) {
    .checklists-page[b-vtiyip88tp] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .checklists-heading h1[b-vtiyip88tp] {
        font-size: 24px;
    }

    .checklists-navigation[b-vtiyip88tp] {
        width: 100%;
    }

    .checklists-nav-button[b-vtiyip88tp] {
        flex: 1 1 auto;
    }
}

@media (pointer: coarse) {
    .checklists-nav-button[b-vtiyip88tp] {
        min-height: 44px;
    }
}
/* /Pages/CreateAgency.razor.rz.scp.css */
.new-agency-spinner-container[b-osbcc365k9] {
    margin-top: 100px;
}

.new-agency-container[b-osbcc365k9] {
    margin: 15px;
}

.new-agency-title[b-osbcc365k9] {
    margin-left: 15px;
}

.new-agency-wizard-container[b-osbcc365k9] {
    background-color: var(--bs-gray-300);
    border-radius: 15px;
    padding: 15px;
}

.new-agency-action-container[b-osbcc365k9] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.new-agency-progress-container[b-osbcc365k9] {
    min-width: 200px;
    max-width: 500px;
}

.button-loading-spinner[b-osbcc365k9] {
    margin-left: 5px;
}

.agency-information-container[b-osbcc365k9] {
    display: flex;
    width: 50%;
}

.concatenated-addressline-container[b-osbcc365k9] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.concatenated-addressline-container-item[b-osbcc365k9] {
    width: 20%;
}

.concatenated-addressline-item-container[b-osbcc365k9] {
    display: flex;
}
/* /Pages/CreateEditInvoice.razor.rz.scp.css */
.sepa-charge-container[b-7et9ynjbo0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
/* /Pages/CreateEditInvoiceTemplate.razor.rz.scp.css */
.button-margin[b-obqh03r4ld] {
    margin: 10px;
}

.sepa-charge-container[b-obqh03r4ld] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
/* /Pages/CreateEditInvoicing.razor.rz.scp.css */
.sepa-charge-container[b-14s34wopwu] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
/* /Pages/CreateEditTempInvoice.razor.rz.scp.css */
.sepa-charge-container[b-e48f6ce875] {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
}
/* /Pages/CreateUser.razor.rz.scp.css */
.new-user-container[b-pg4eaduhfd] {
    margin: 15px;
}

.new-user-title[b-pg4eaduhfd] {
    margin-left: 15px;
}

.invalid-validation-message[b-pg4eaduhfd] {
    font-size: 0.8rem;
    padding-left: 10px;
    color: var(--bs-danger);
}

.new-user-wizard-container[b-pg4eaduhfd] {
    background-color: var(--bs-gray-300);
    border-radius: 15px;
    padding: 15px;
}

.expander-title[b-pg4eaduhfd] {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    color: var(--bs-dark);
}

.input-wrapper[b-pg4eaduhfd] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.button-alignment-container[b-pg4eaduhfd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.expander-column[b-pg4eaduhfd] {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: 50px;
}

.new-user-action-container[b-pg4eaduhfd] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
}

.new-user-progress-container[b-pg4eaduhfd] {
    min-width: 200px;
    max-width: 500px;
}

.new-user-form-row[b-pg4eaduhfd] {
    margin: 7px;
}

.verify-headline[b-pg4eaduhfd] {
    font-size: 1.3rem;
    color: var(--bs-gray-700);
}

.personal-information-headline[b-pg4eaduhfd] {
    font-weight: bolder;
    font-size: 1.1rem;
    color: var(--bs-dark);
    margin-top: 10px;
}

.person-spoken-language-chip-container[b-pg4eaduhfd] {
    display: flex;
    flex-wrap: wrap;
}

.person-spoken-language-chip[b-pg4eaduhfd] {
    padding: 2px 10px;
    margin: 2px 6px 2px 0;
    color: var(--bs-light);
    background-color: var(--bs-primary);
    border-radius: 20px;
}

.button-loading-spinner[b-pg4eaduhfd] {
    margin-left: 5px;
}

.selected-guardian-name[b-pg4eaduhfd] {
    display: flex;
    margin-right: 15px;
    justify-content: center;
    margin-top: 5px
}

.avatar-wrapper-preview[b-pg4eaduhfd] {
    position: relative;
    height: 100px;
    width: 100px;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px black;
    border-radius: 50%;

    .profile-pic-preview {
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
    }
}

.avatar-wrapper[b-pg4eaduhfd] {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px black;
    transition: all .3s ease;


    &:hover {
        transform: scale(1.05);
        cursor: pointer;
    }

    &:hover .profile-pic[b-pg4eaduhfd] {
        opacity: .5;
    }

    &:hover .profile-pic[b-pg4eaduhfd]:before {
        content: "\f13a";
    }

    .profile-pic[b-pg4eaduhfd] {
        height: 100%;
        width: 100%;
        transition: all .3s ease;
        top: 0;
        left: 0;
        position: absolute;
        font-size: 67px;
        background: #ecf0f1;
        color: var(--bs-primary);
        text-align: center;

    }

    .profile-pic[b-pg4eaduhfd]:before {
        content: "\f4de";
    }

    .file-upload[b-pg4eaduhfd] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .upload-button[b-pg4eaduhfd] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;

        .bi-arrow-up-circle {
            position: absolute;
            font-size: 90px;
            top: -19px;
            left: 5px;
            text-align: center;
            opacity: 0;
            transition: all .3s ease;
            color: var(--bs-primary);
        }

        &:hover .bi-arrow-up-circle[b-pg4eaduhfd] {
            opacity: .9;
        }
    }
}

.personal-information-block[b-pg4eaduhfd] {
    margin-bottom: 35px;
}

.concatenated-addressline-container[b-pg4eaduhfd] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.concatenated-addressline-container-item[b-pg4eaduhfd] {
    width: 20%;
}

.concatenated-addressline-item-container[b-pg4eaduhfd] {
    display: flex;
}

.button-input-container[b-pg4eaduhfd] {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    margin-bottom: 15px;
}

.user-create-button-alignment[b-pg4eaduhfd] {
    width: 95%;
    display: flex;
    justify-content: center;
}

.business-hour[b-pg4eaduhfd] {
    background: white;
    padding: 10px;
    border-radius: 10px;
}

.business-open[b-pg4eaduhfd] {
    border: 2px solid var(--bs-primary);
}

.business-closed[b-pg4eaduhfd] {
    border: 2px solid var(--bs-danger);
}

.concatenated-telephone-container[b-pg4eaduhfd] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.telephone-chip-container[b-pg4eaduhfd] {
    max-width: 250px;
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-3qs4zwtnjc] {
    --brand: var(--annny-shell-brand, #00624a);
    --brand-hover: var(--annny-shell-brand-hover, #004f3c);
    --brand-soft: var(--annny-shell-soft, #e6f2ed);
    --canvas: #f6f7f4;
    --surface: #ffffff;
    --surface-alt: #f0f3ef;
    --ink: var(--annny-shell-ink, #182e28);
    --muted: #5b6b63;
    --line: var(--annny-shell-border, #dce4de);
    --danger: #b83242;
    --control-border: #87998e;
    --radius: var(--annny-shell-radius, 12px);
    --shadow: 0 8px 28px rgb(24 46 40 / 6%);
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.dashboard-page-heading[b-3qs4zwtnjc] {
    margin-bottom: var(--space-6, 24px);
}

.dashboard-page-heading h1[b-3qs4zwtnjc] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.dashboard-page-heading p[b-3qs4zwtnjc] {
    margin: 0;
    color: var(--muted);
}

.dashboard-toolbar[b-3qs4zwtnjc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    margin-bottom: var(--space-6, 24px);
}

.dashboard-tabs[b-3qs4zwtnjc],
.dashboard-actions[b-3qs4zwtnjc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2, 8px);
    min-width: 0;
}

.dashboard-tab[b-3qs4zwtnjc] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--muted);
}

.dashboard-tab--active[b-3qs4zwtnjc] {
    border-color: var(--brand-soft);
    background: var(--brand-soft);
    color: var(--brand);
}

.dashboard-tab-button[b-3qs4zwtnjc] {
    min-width: 0;
    max-width: 224px;
    min-height: 44px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    border: 0;
    background: transparent;
    color: inherit;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dashboard-icon-button[b-3qs4zwtnjc],
.dashboard-tab-add-button[b-3qs4zwtnjc] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    color: inherit;
}

.dashboard-icon-button[b-3qs4zwtnjc] {
    border-left: 1px solid var(--line);
}

.dashboard-tab-add-button[b-3qs4zwtnjc] {
    border: 1px dashed var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--brand);
}

.dashboard-tab-button:hover:not(:disabled)[b-3qs4zwtnjc],
.dashboard-icon-button:hover:not(:disabled)[b-3qs4zwtnjc],
.dashboard-tab-add-button:hover:not(:disabled)[b-3qs4zwtnjc] {
    background: var(--surface-alt);
    color: var(--brand);
}

.dashboard-page button:disabled[b-3qs4zwtnjc],
.dashboard-page[b-3qs4zwtnjc]  .annny-button:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.dashboard-page button:focus-visible[b-3qs4zwtnjc],
.dashboard-page[b-3qs4zwtnjc]  .annny-button:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: -3px;
    box-shadow: none;
}

.dashboard-actions[b-3qs4zwtnjc]  .annny-button,
.dashboard-error[b-3qs4zwtnjc]  .annny-button {
    min-height: 44px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    border-radius: 9px;
    font-size: 14px;
    font-weight: 600;
}

.dashboard-page[b-3qs4zwtnjc]  .dashboard-secondary-action {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink);
}

.dashboard-page[b-3qs4zwtnjc]  .dashboard-secondary-action:hover:not(:disabled) {
    border-color: var(--brand);
    background: var(--surface-alt);
}

.dashboard-actions[b-3qs4zwtnjc]  .dashboard-primary-action {
    border: 1px solid var(--brand);
    background: var(--brand);
    color: #ffffff;
}

.dashboard-actions[b-3qs4zwtnjc]  .dashboard-primary-action:hover:not(:disabled) {
    border-color: var(--brand-hover);
    background: var(--brand-hover);
}

.dashboard-edit-hint[b-3qs4zwtnjc],
.dashboard-error[b-3qs4zwtnjc] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-2, 8px);
    margin: 0 0 var(--space-4, 16px);
    padding: var(--space-3, 12px) var(--space-4, 16px);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    color: var(--muted);
    font-size: 12px;
}

.dashboard-edit-hint > .bi[b-3qs4zwtnjc],
.dashboard-error > .bi[b-3qs4zwtnjc] {
    flex-shrink: 0;
}

.dashboard-edit-hint-mobile[b-3qs4zwtnjc] {
    display: none;
}

.dashboard-error[b-3qs4zwtnjc] {
    flex-wrap: wrap;
    align-items: center;
    background: color-mix(in srgb, var(--danger) 7%, var(--surface));
    color: var(--danger);
}

.dashboard-empty-state[b-3qs4zwtnjc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    border: 1px dashed var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    text-align: center;
}

.dashboard-empty-state > .bi[b-3qs4zwtnjc] {
    font-size: 32px;
    color: var(--muted);
}

.dashboard-empty-state h2[b-3qs4zwtnjc] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.dashboard-empty-state p[b-3qs4zwtnjc] {
    margin: 0;
    color: var(--muted);
}

@media (max-width: 991.98px) {
    .dashboard-edit-hint-desktop[b-3qs4zwtnjc] {
        display: none;
    }

    .dashboard-edit-hint-mobile[b-3qs4zwtnjc] {
        display: inline;
    }
}

@media (max-width: 767.98px) {
    .dashboard-page[b-3qs4zwtnjc] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .dashboard-page-heading h1[b-3qs4zwtnjc] {
        font-size: 24px;
    }

    .dashboard-toolbar[b-3qs4zwtnjc] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/InvoiceNumberRanges.razor.rz.scp.css */
.number-range-list-container[b-4zth9f3wmy] {
    padding: 8px;
    overflow-x: auto;
}

.number-range-list-table[b-4zth9f3wmy] {
    width: 100%;
    min-width: 900px;
    border-collapse: separate;
    border-spacing: 0;
    background-color: var(--bs-white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(var(--bs-black-rgb), 0.08);
}

.number-range-list-table thead th[b-4zth9f3wmy] {
    padding: 14px 16px;
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    color: rgba(var(--bs-dark-rgb), 0.72);
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
}

.number-range-list-table tbody td[b-4zth9f3wmy] {
    padding: 16px;
    border-top: 1px solid rgba(var(--bs-dark-rgb), 0.08);
    vertical-align: middle;
}

.number-range-list-row[b-4zth9f3wmy] {
    transition: background-color 120ms ease;
}

.number-range-list-row-clickable[b-4zth9f3wmy] {
    cursor: pointer;
}

.number-range-list-row-clickable:hover[b-4zth9f3wmy] {
    background-color: rgba(var(--bs-primary-rgb), 0.04);
}

.number-range-list-name-cell[b-4zth9f3wmy] {
    font-weight: 700;
    color: var(--bs-dark);
    min-width: 180px;
}

.number-range-list-description-cell[b-4zth9f3wmy] {
    max-width: 260px;
    color: var(--bs-dark);
    overflow-wrap: anywhere;
}

.number-range-list-template-cell[b-4zth9f3wmy] {
    max-width: 320px;
    font-family: monospace;
    word-break: break-word;
    white-space: pre-wrap;
    color: var(--bs-dark);
}

.number-range-list-chip[b-4zth9f3wmy] {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 10px;
    border-radius: 999px;
    background-color: rgba(var(--bs-primary-rgb), 0.08);
    color: rgba(var(--bs-primary-rgb), 0.92);
    font-size: 0.9rem;
    font-weight: 600;
}

.number-range-list-action-column[b-4zth9f3wmy] {
    width: 56px;
    text-align: center;
}

.number-range-list-edit-link[b-4zth9f3wmy] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    color: rgba(var(--bs-primary-rgb), 0.92);
    text-decoration: none;
}

.number-range-list-edit-link:hover[b-4zth9f3wmy] {
    background-color: rgba(var(--bs-primary-rgb), 0.1);
}

@media (max-width: 768px) {
    .number-range-list-container[b-4zth9f3wmy] {
        padding: 4px;
    }
}
/* /Pages/InvoiceRecommendations.razor.rz.scp.css */
.recommendations-container[b-s8uhu90oq8] {
    overflow: auto;
    height: calc(100% - 160px);
}

.recommendations-header[b-s8uhu90oq8] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.recommendations-profile-picture-column[b-s8uhu90oq8] {
    width: 60px;
}

.recommendations-list-spacer[b-s8uhu90oq8] {
    width: 60px;
}

.recommendations-list-table[b-s8uhu90oq8] {
    width: 100%;
}

.recommendations-list-line[b-s8uhu90oq8] {
    background-color: var(--bs-gray-300);
}

.recommendations-list-line:nth-child(odd)[b-s8uhu90oq8] {
    background-color: var(--bs-gray-100);
}

th[b-s8uhu90oq8] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

.no-recommendations-error[b-s8uhu90oq8] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}

.task-status[b-s8uhu90oq8] {
    width: 100px;
    text-align: center;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    font-size: 0.8rem;
}

.task-unknown[b-s8uhu90oq8] {
    background-color: var(--bs-gray-600);
    color: var(--bs-light);
}

.task-success[b-s8uhu90oq8] {
    background-color: var(--bs-success);
    color: var(--bs-light);
}

.task-queued[b-s8uhu90oq8] {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

.task-running[b-s8uhu90oq8] {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.task-failure[b-s8uhu90oq8] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.task-canceled[b-s8uhu90oq8] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.task-timedout[b-s8uhu90oq8] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.process-action-icon[b-s8uhu90oq8] {
    font-size: 1.5rem;
    cursor: pointer;
}
/* /Pages/InvoiceTemplates.razor.rz.scp.css */
.template-container[b-u5srs2ylcs] {
    display: flex;
    flex-direction: row;
    gap: 15px;
}
/* /Pages/InvoicingGlobalPostingLines.razor.rz.scp.css */
.posting-lines-container[b-g6zo3nmvcu] {
    overflow: auto;
    height: calc(100% - 160px);
}

.posting-line-item-container[b-g6zo3nmvcu] {
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
    background-color: var(--bs-gray-200);
}

.result-container[b-g6zo3nmvcu] {
    max-width: 1000px;
}
/* /Pages/Invoicings.razor.rz.scp.css */
.headline[b-v0xfq3o8j4] {
    display: flex;
    align-items: center;
    padding: 15px;
    font-size: 1.5rem;
}

.headline-icon-container[b-v0xfq3o8j4] {
    height: 70px;
    width: 70px;
    line-height: 70px;
    vertical-align: middle;
    text-align: center;
}

.headline-icon[b-v0xfq3o8j4] {
    font-size: 35px;
    background: -webkit-linear-gradient(var(--bs-primary), rgba(var(--bs-primary-rgb), 0.5));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.action-container[b-v0xfq3o8j4] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}

.action-sub-container[b-v0xfq3o8j4] {
    display: flex;
    flex-direction: row;
    padding: 15px 30px;
    margin: 5px;
    min-width: 0;
}

.action-sub-container-tabs[b-v0xfq3o8j4] {
    flex-wrap: nowrap;
    gap: 0;
}

.action-sub-container-management[b-v0xfq3o8j4] {
    flex: 1 1 520px;
    flex-wrap: wrap;
    gap: 12px;
}

.invoicing-actions-menu[b-v0xfq3o8j4] {
    display: flex;
    flex: 0 0 auto;
}

.invoicing-actions-button[b-v0xfq3o8j4] {
    min-width: 52px;
    font-size: 25px;
}

.invoicing-not-set-up-message[b-v0xfq3o8j4] {
    display: flex;
    align-items: center;
    background-color: var(--bs-danger);
    color: var(--bs-white);
    margin: 30px;
    padding: 30px;
    border-radius: 10px;
    max-width: 1300px;
}

@media (max-width: 1100px) {
    .action-container[b-v0xfq3o8j4] {
        flex-direction: column;
    }

    .action-sub-container[b-v0xfq3o8j4] {
        width: 100%;
        padding: 10px 18px;
        margin: 0;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-spinner-container[b-ixyfstt1u7] {
    margin: 20px;
}

.container[b-ixyfstt1u7] {
    height: 100%;
    max-width: 100%;
}

.login-background[b-ixyfstt1u7] {
    height: 100vh;
    background-color: var(--bs-primary);
    color: var(--bs-gray-800);
}

.login-container[b-ixyfstt1u7] {
    text-align: center;
}

.login-logo[b-ixyfstt1u7] {
    display: inline-block;
    width: 150px;
    margin-bottom: 40px;
}

.login-form[b-ixyfstt1u7] {
    background-color: var(--bs-white);
    border-radius: 10px;
    width: 400px;
    max-width: 100%;
}

.login-form-padding[b-ixyfstt1u7] {
    padding: 30px 50px;
}

.input-group[b-ixyfstt1u7] {
}

.login-button[b-ixyfstt1u7] {
}

.button-loading-spinner[b-ixyfstt1u7] {
    margin-right: 5px;
}

.additional-button-container[b-ixyfstt1u7] {
    margin-top: 40px;
}

.forgot-password-button[b-ixyfstt1u7] {
    border: none;
}

.login-switch-link[b-ixyfstt1u7] {
    cursor: pointer;
    margin-top: 15px;
    font-size: 0.8rem;
    color: var(--bs-gray-800);
}

.input-group-text.bi[b-ixyfstt1u7] {
    color: var(--bs-dark);
}

.version-string[b-ixyfstt1u7] {
    color: var(--bs-light);
    font-size: 0.7rem;
    margin-top: 20px;
}

.border-error[b-ixyfstt1u7] {
    border-color: var(--bs-danger);
}
/* /Pages/Mailbox.razor.rz.scp.css */
.mailbox-page[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    background: var(--bs-body-bg);
}

.mailbox-page-toolbar[b-mabd3984xd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: 1px solid var(--bs-gray-300);
    background: var(--bs-body-bg);
}

.mailbox-page-title[b-mabd3984xd],
.mailbox-page-actions[b-mabd3984xd],
.mailbox-search-row[b-mabd3984xd],
.mailbox-reader-actions[b-mabd3984xd] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.mailbox-page-actions[b-mabd3984xd]  .annny-tooltip-container,
.mailbox-search-row[b-mabd3984xd]  .annny-tooltip-container,
.mailbox-reader-actions[b-mabd3984xd]  .annny-tooltip-container {
    display: inline-flex;
}

.mailbox-toolbar-icon-button[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid var(--bs-primary);
    border-radius: .55rem;
    background: var(--bs-primary);
    color: var(--bs-white);
    padding: 0;
    font-size: 1.05rem;
}

.mailbox-toolbar-icon-button.secondary[b-mabd3984xd] {
    border-color: var(--bs-gray-300);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
}

.mailbox-toolbar-icon-button:not(:disabled):hover[b-mabd3984xd],
.mailbox-toolbar-icon-button:not(:disabled):focus-visible[b-mabd3984xd] {
    filter: brightness(.92);
}

.mailbox-toolbar-icon-button.secondary:not(:disabled):hover[b-mabd3984xd],
.mailbox-toolbar-icon-button.secondary:not(:disabled):focus-visible[b-mabd3984xd] {
    border-color: rgba(var(--bs-primary-rgb), .35);
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
}

.mailbox-toolbar-icon-button:disabled[b-mabd3984xd] {
    cursor: default;
    opacity: .55;
}

.mailbox-toolbar-icon-button .spinner-border[b-mabd3984xd] {
    flex-basis: 1rem;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
}

.mailbox-page .spinner-border[b-mabd3984xd] {
    flex: 0 0 auto;
    aspect-ratio: 1;
}

.mailbox-page[b-mabd3984xd]  .loading-spinner-container .spinner-style {
    flex: 0 0 5rem;
    min-width: 5rem;
    min-height: 5rem;
    aspect-ratio: 1;
}

.mailbox-page-title i[b-mabd3984xd] {
    color: var(--bs-primary);
    font-size: 1.35rem;
}

.mailbox-page-title h1[b-mabd3984xd] {
    margin: 0;
    font-size: 1.25rem;
}

.mailbox-sync-banner[b-mabd3984xd] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: .75rem;
    border-bottom: 1px solid rgba(var(--bs-primary-rgb), .2);
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
    padding: .65rem 1rem;
}

.mailbox-sync-banner.failed[b-mabd3984xd] {
    border-bottom-color: rgba(var(--bs-danger-rgb), .2);
    background: rgba(var(--bs-danger-rgb), .08);
    color: var(--bs-danger);
}

.mailbox-sync-banner > div[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mailbox-sync-banner small[b-mabd3984xd] {
    color: inherit;
    opacity: .8;
}

.mailbox-sync-banner > .spinner-border[b-mabd3984xd] {
    flex-basis: 1rem;
    width: 1rem;
    min-width: 1rem;
    height: 1rem;
    min-height: 1rem;
}

.mailbox-layout[b-mabd3984xd] {
    display: grid;
    grid-template-columns: 260px minmax(330px, 410px) minmax(420px, 1fr);
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.mailbox-page:not(.has-message) .mailbox-layout[b-mabd3984xd] {
    grid-template-columns: 260px minmax(330px, 1fr);
}

.mailbox-page:not(.has-message) .mailbox-message-pane[b-mabd3984xd] {
    border-right: 0;
}

.mailbox-pane[b-mabd3984xd] {
    min-width: 0;
    min-height: 0;
    background: var(--bs-body-bg);
}

.mailbox-folder-pane[b-mabd3984xd],
.mailbox-message-pane[b-mabd3984xd] {
    border-right: 1px solid var(--bs-gray-300);
}

.mailbox-folder-pane[b-mabd3984xd],
.mailbox-message-pane[b-mabd3984xd],
.mailbox-reader-pane[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
}

.mailbox-pane-heading[b-mabd3984xd] {
    padding: .9rem 1rem .55rem;
    color: var(--bs-gray-600);
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mailbox-account-list[b-mabd3984xd],
.mailbox-message-list[b-mabd3984xd],
.mailbox-reader-content[b-mabd3984xd] {
    overflow-y: auto;
}

.mailbox-account[b-mabd3984xd] {
    padding-bottom: .75rem;
}

.mailbox-account-heading[b-mabd3984xd] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    gap: .5rem;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--bs-body-color);
    padding: .65rem 1rem;
    text-align: left;
}

.mailbox-account-heading:hover[b-mabd3984xd],
.mailbox-account-heading.active[b-mabd3984xd] {
    background: rgba(var(--bs-primary-rgb), .06);
}

.mailbox-account-heading > i[b-mabd3984xd] {
    color: var(--bs-primary);
}

.mailbox-account-heading > .mailbox-account-expander[b-mabd3984xd] {
    color: var(--bs-gray-600);
}

.mailbox-account-heading div[b-mabd3984xd],
.mailbox-reader-sender div:last-child[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mailbox-account-heading strong[b-mabd3984xd],
.mailbox-account-heading small[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-account-heading small[b-mabd3984xd] {
    color: var(--bs-gray-600);
    font-size: .72rem;
}

.mailbox-sync-indicator[b-mabd3984xd] {
    display: flex;
    align-items: center;
    align-self: flex-start;
    gap: .35rem;
    max-width: 100%;
    margin-top: .25rem;
    color: var(--bs-primary);
    font-size: .72rem;
}

.mailbox-sync-indicator.failed[b-mabd3984xd] {
    color: var(--bs-danger);
}

.mailbox-sync-indicator .spinner-border[b-mabd3984xd] {
    flex-basis: .75rem;
    width: .75rem;
    min-width: .75rem;
    height: .75rem;
    min-height: .75rem;
    border-width: .12em;
}

.mailbox-sync-indicator > span:last-child[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-folder-list[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    gap: .1rem;
    margin-top: .35rem;
    padding: 0 .5rem;
}

.mailbox-folder-button[b-mabd3984xd] {
    display: grid;
    grid-template-columns: 1.25rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    width: 100%;
    border: 0;
    border-radius: .35rem;
    background: transparent;
    color: var(--bs-body-color);
    padding: .45rem .55rem;
    text-align: left;
}

.mailbox-folder-button:hover[b-mabd3984xd],
.mailbox-folder-button.active[b-mabd3984xd] {
    background: rgba(var(--bs-primary-rgb), .1);
    color: var(--bs-primary);
}

.mailbox-folder-button.active[b-mabd3984xd] {
    font-weight: 600;
}

.mailbox-folder-name[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-folder-count[b-mabd3984xd] {
    min-width: 1.4rem;
    border-radius: 999px;
    background: var(--bs-primary);
    color: var(--bs-white);
    padding: .05rem .4rem;
    font-size: .72rem;
    text-align: center;
}

.mailbox-message-filter[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    gap: .6rem;
    padding: .75rem;
    border-bottom: 1px solid var(--bs-gray-300);
}

.mailbox-search-control[b-mabd3984xd] {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    min-width: 0;
}

.mailbox-page.has-message .mailbox-search-row[b-mabd3984xd] {
    flex-wrap: wrap;
}

.mailbox-page.has-message .mailbox-search-control[b-mabd3984xd] {
    flex-basis: 100%;
}

.mailbox-search-input[b-mabd3984xd] {
    flex: 1 1 auto;
    min-width: 0;
}

.mailbox-search-input[b-mabd3984xd]  .mailbox-search-input-control {
    height: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.mailbox-unread-filter[b-mabd3984xd] {
    flex: 0 0 auto;
}

.mailbox-unread-filter[b-mabd3984xd]  .form-check {
    margin: 0;
    white-space: nowrap;
}

.mailbox-search-button[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    margin-left: -1px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 0 .5rem .5rem 0;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: 0;
}

.mailbox-search-button:not(:disabled):hover[b-mabd3984xd],
.mailbox-search-button:not(:disabled):focus-visible[b-mabd3984xd] {
    border-color: rgba(var(--bs-primary-rgb), .35);
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
}

.mailbox-search-button:disabled[b-mabd3984xd] {
    opacity: .55;
}

.mailbox-message-list[b-mabd3984xd] {
    flex: 1;
}

.mailbox-message[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    gap: .3rem;
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--bs-gray-200);
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .75rem .85rem;
    text-align: left;
}

.mailbox-message:hover[b-mabd3984xd],
.mailbox-message.active[b-mabd3984xd] {
    background: rgba(var(--bs-primary-rgb), .08);
}

.mailbox-message.active[b-mabd3984xd] {
    box-shadow: inset 3px 0 var(--bs-primary);
}

.mailbox-message.unread[b-mabd3984xd] {
    background: rgba(var(--bs-primary-rgb), .045);
}

.mailbox-message.pending-person-link[b-mabd3984xd] {
    background: rgba(var(--bs-warning-rgb), .12);
    box-shadow: inset 3px 0 var(--bs-warning);
}

.mailbox-message.pending-person-link:hover[b-mabd3984xd],
.mailbox-message.pending-person-link.active[b-mabd3984xd] {
    background: rgba(var(--bs-warning-rgb), .22);
}

.mailbox-person-approval-status[b-mabd3984xd] {
    color: var(--bs-body-color);
    font-size: .75rem;
}

.mailbox-message.unread .mailbox-message-sender[b-mabd3984xd],
.mailbox-message.unread .mailbox-message-subject[b-mabd3984xd] {
    font-weight: 700;
}

.mailbox-message-topline[b-mabd3984xd],
.mailbox-message-subject-row[b-mabd3984xd] {
    display: flex;
    align-items: center;
    gap: .35rem;
    min-width: 0;
}

.mailbox-message-sender[b-mabd3984xd],
.mailbox-message-subject[b-mabd3984xd] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-message-time[b-mabd3984xd] {
    flex: 0 0 auto;
    color: var(--bs-gray-600);
    font-size: .72rem;
}

.mailbox-message-subject-row[b-mabd3984xd] {
    font-size: .9rem;
}

.mailbox-message-preview[b-mabd3984xd] {
    display: -webkit-box;
    overflow: hidden;
    color: var(--bs-gray-600);
    font-size: .8rem;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.mailbox-client-badge[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: .35rem;
    max-width: 100%;
    border: 1px solid rgba(var(--bs-primary-rgb), .25);
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
    padding: .15rem .45rem .15rem .2rem;
    font-size: .75rem;
}

.mailbox-client-badge:hover[b-mabd3984xd] {
    border-color: var(--bs-primary);
}

.mailbox-client-badge > span[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-person-suggestions[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    flex-wrap: wrap;
    gap: .25rem;
    max-width: 100%;
}

.mailbox-reader-person-suggestions[b-mabd3984xd] {
    justify-content: flex-end;
    max-width: 320px;
}

.mailbox-person-suggestions[b-mabd3984xd]  .mailbox-person-suggestion {
    border-color: rgba(var(--bs-warning-rgb), .45);
    background: rgba(var(--bs-warning-rgb), .14);
}

.mailbox-person-suggestions[b-mabd3984xd]  .mailbox-person-suggestion:not(.disabled) {
    cursor: pointer;
}

.mailbox-person-suggestions[b-mabd3984xd]  .mailbox-person-suggestion:not(.disabled):hover {
    border-color: var(--bs-warning);
    background: rgba(var(--bs-warning-rgb), .22);
}

.mailbox-message-pager[b-mabd3984xd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .5rem;
    border-top: 1px solid var(--bs-gray-300);
    padding: .25rem .5rem;
}

.mailbox-load-more-button[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    flex: 0 0 auto;
    border: 1px solid rgba(var(--bs-primary-rgb), .35);
    border-radius: .45rem;
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
    padding: .35rem .65rem;
    font-size: .82rem;
    font-weight: 600;
}

.mailbox-load-more-button:not(:disabled):hover[b-mabd3984xd],
.mailbox-load-more-button:not(:disabled):focus-visible[b-mabd3984xd] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .14);
}

.mailbox-load-more-button:disabled[b-mabd3984xd] {
    cursor: default;
    opacity: .55;
}

.mailbox-load-more-button .spinner-border[b-mabd3984xd] {
    width: .85rem;
    height: .85rem;
}

.mailbox-reader-header[b-mabd3984xd] {
    display: flex;
    justify-content: flex-end;
    gap: .75rem;
    min-height: 3.7rem;
    padding: .65rem .85rem;
    border-bottom: 1px solid var(--bs-gray-300);
}

.mailbox-reader-actions[b-mabd3984xd] {
    gap: .25rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mailbox-icon-button[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid transparent;
    border-radius: .35rem;
    background: transparent;
    color: var(--bs-gray-700);
    padding: 0;
    font-size: 1rem;
}

.mailbox-icon-button:not(:disabled):hover[b-mabd3984xd],
.mailbox-icon-button:not(:disabled):focus-visible[b-mabd3984xd] {
    border-color: rgba(var(--bs-primary-rgb), .2);
    background: rgba(var(--bs-primary-rgb), .1);
    color: var(--bs-primary);
}

.mailbox-icon-button.danger:not(:disabled):hover[b-mabd3984xd],
.mailbox-icon-button.danger:not(:disabled):focus-visible[b-mabd3984xd] {
    border-color: rgba(var(--bs-danger-rgb), .2);
    background: rgba(var(--bs-danger-rgb), .1);
    color: var(--bs-danger);
}

.mailbox-icon-button:disabled[b-mabd3984xd] {
    opacity: .45;
}

.mailbox-reader-content[b-mabd3984xd] {
    flex: 1;
    padding: 1.25rem 1.5rem 2rem;
}

.mailbox-reader-content h2[b-mabd3984xd] {
    margin-bottom: 1rem;
    font-size: 1.4rem;
    overflow-wrap: anywhere;
}

.mailbox-reader-correspondents[b-mabd3984xd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.mailbox-reader-sender[b-mabd3984xd] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.mailbox-reader-sender-avatar[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--bs-primary);
    color: var(--bs-white);
    font-size: .78rem;
    font-weight: 700;
}

.mailbox-reader-sender strong[b-mabd3984xd],
.mailbox-reader-sender small[b-mabd3984xd],
.mailbox-reader-sender-email[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-reader-sender small[b-mabd3984xd],
.mailbox-reader-sender-email[b-mabd3984xd],
.mailbox-reader-client small[b-mabd3984xd] {
    color: var(--bs-gray-600);
    font-size: .75rem;
}

.mailbox-reader-client[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    max-width: 280px;
    border: 1px solid rgba(var(--bs-primary-rgb), .25);
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), .08);
    color: var(--bs-primary);
    padding: .15rem .55rem .15rem .2rem;
    font-size: .78rem;
    font-weight: 600;
    text-align: left;
}

.mailbox-reader-client:hover[b-mabd3984xd] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .13);
}

.mailbox-reader-client > span[b-mabd3984xd] {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-reader-participants[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-top: .75rem;
    color: var(--bs-gray-600);
    font-size: .8rem;
    overflow-wrap: anywhere;
}

.mailbox-reader-body[b-mabd3984xd] {
    margin-top: 1.25rem;
    border-top: 1px solid var(--bs-gray-200);
    padding-top: 1.25rem;
}

.mailbox-reader-body pre[b-mabd3984xd] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font: inherit;
}

.mailbox-reader-attachments[b-mabd3984xd] {
    margin-top: 1rem;
}

.mailbox-reader-attachments h3[b-mabd3984xd] {
    margin-bottom: .4rem;
    font-size: .8rem;
    font-weight: 400;
}

.mailbox-reader-attachments > div[b-mabd3984xd] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.mailbox-attachment[b-mabd3984xd] {
    display: flex;
    align-items: center;
    gap: .4rem;
    max-width: 260px;
    border: 1px solid var(--bs-gray-300);
    border-radius: .5rem;
    background: var(--bs-body-bg);
    color: var(--bs-body-color);
    padding: .3rem .5rem;
    font-size: .8rem;
    font-weight: 400;
    line-height: 1.35;
    text-align: left;
}

.mailbox-attachment:not(:disabled):hover[b-mabd3984xd] {
    border-color: var(--bs-primary);
    color: var(--bs-primary);
}

.mailbox-attachment.unavailable[b-mabd3984xd] {
    border-color: var(--bs-warning, #ffc107);
    background: rgba(255, 193, 7, .14);
    cursor: not-allowed;
    opacity: 1;
}

.mailbox-attachment-warning[b-mabd3984xd] {
    color: #664d03 !important;
    white-space: normal;
}

.mailbox-attachment > span[b-mabd3984xd] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.mailbox-attachment-name[b-mabd3984xd] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mailbox-attachment small[b-mabd3984xd] {
    color: var(--bs-gray-600);
    font-size: .7rem;
}

.mailbox-empty-page[b-mabd3984xd],
.mailbox-empty-pane[b-mabd3984xd] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-direction: column;
    gap: .6rem;
    min-height: 220px;
    color: var(--bs-gray-600);
    padding: 2rem;
    text-align: center;
}

.mailbox-empty-page i[b-mabd3984xd],
.mailbox-empty-pane i[b-mabd3984xd] {
    font-size: 2rem;
}

.mailbox-sync-empty-state .spinner-border[b-mabd3984xd] {
    flex-basis: 2rem;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
}

.mailbox-sync-empty-state small[b-mabd3984xd] {
    max-width: 32rem;
}

.mailbox-mobile-back[b-mabd3984xd] {
    display: none;
}

@media (max-width: 1250px) {
    .mailbox-layout[b-mabd3984xd] {
        grid-template-columns: 220px minmax(300px, 350px) minmax(380px, 1fr);
    }

    .mailbox-page:not(.has-message) .mailbox-layout[b-mabd3984xd] {
        grid-template-columns: 220px minmax(300px, 1fr);
    }

    .mailbox-reader-content[b-mabd3984xd] {
        padding-inline: 1rem;
    }
}

@media (max-width: 900px) {
    .mailbox-layout[b-mabd3984xd],
    .mailbox-page:not(.has-message) .mailbox-layout[b-mabd3984xd] {
        grid-template-columns: 230px minmax(0, 1fr);
    }

    .mailbox-reader-pane[b-mabd3984xd] {
        grid-column: 1 / -1;
    }

    .mailbox-page.has-message .mailbox-folder-pane[b-mabd3984xd],
    .mailbox-page.has-message .mailbox-message-pane[b-mabd3984xd] {
        display: none;
    }

    .mailbox-mobile-back[b-mabd3984xd] {
        display: block;
    }

    .mailbox-reader-header[b-mabd3984xd] {
        justify-content: space-between;
    }
}

@media (max-width: 600px) {
    .mailbox-page-toolbar[b-mabd3984xd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .mailbox-page-actions[b-mabd3984xd] {
        width: 100%;
        flex-wrap: wrap;
    }

    .mailbox-layout[b-mabd3984xd] {
        display: block;
    }

    .mailbox-folder-pane[b-mabd3984xd],
    .mailbox-message-pane[b-mabd3984xd],
    .mailbox-reader-pane[b-mabd3984xd] {
        height: 100%;
    }

    .mailbox-page.has-folder .mailbox-folder-pane[b-mabd3984xd] {
        display: none;
    }

    .mailbox-page:not(.has-folder) .mailbox-message-pane[b-mabd3984xd] {
        display: none;
    }

    .mailbox-reader-correspondents[b-mabd3984xd] {
        flex-direction: column;
    }

    .mailbox-reader-client[b-mabd3984xd] {
        max-width: 100%;
    }

    .mailbox-reader-person-suggestions[b-mabd3984xd] {
        justify-content: flex-start;
        max-width: 100%;
    }

}

.mailbox-flag-button[b-mabd3984xd],
.mailbox-pin-button[b-mabd3984xd] {
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0 .25rem;
    flex-shrink: 0;
}

.mailbox-message:focus-visible[b-mabd3984xd] {
    outline: 2px solid var(--bs-primary);
    outline-offset: -2px;
}

.mailbox-hover-action[b-mabd3984xd] {
    opacity: 0;
    pointer-events: none;
}

.mailbox-message:hover .mailbox-hover-action[b-mabd3984xd],
.mailbox-message:focus-within .mailbox-hover-action[b-mabd3984xd],
.mailbox-hover-action.is-active[b-mabd3984xd] {
    opacity: 1;
    pointer-events: auto;
}

@media (hover: none) {
    .mailbox-hover-action[b-mabd3984xd] {
        opacity: 1;
        pointer-events: auto;
    }
}

.mailbox-message-meta[b-mabd3984xd] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    gap: .15rem;
}

.mailbox-message-meta .mailbox-message-time[b-mabd3984xd] {
    margin-left: .35rem;
}
/* /Pages/Notifications.razor.rz.scp.css */
.notifications-page[b-9chox6v6kd] {
    --brand: var(--annny-shell-brand, #00624a);
    --brand-hover: var(--annny-shell-brand-hover, #004f3c);
    --brand-soft: var(--annny-shell-soft, #e6f2ed);
    --canvas: #f6f7f4;
    --surface: #ffffff;
    --surface-alt: #f0f3ef;
    --ink: var(--annny-shell-ink, #182e28);
    --muted: #5b6b63;
    --line: var(--annny-shell-border, #dce4de);
    --success: #176b46;
    --warning: #865600;
    --danger: #b83242;
    --info: #275a8c;
    --radius: var(--annny-shell-radius, 12px);
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.notifications-heading[b-9chox6v6kd],
.notifications-card-heading[b-9chox6v6kd],
.notifications-footer[b-9chox6v6kd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
}

.notifications-heading[b-9chox6v6kd] {
    margin-bottom: var(--space-6, 24px);
}

.notifications-heading h1[b-9chox6v6kd] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.notifications-heading p[b-9chox6v6kd] {
    margin: 0;
    color: var(--muted);
}

.notifications-page[b-9chox6v6kd]  .notifications-secondary-action {
    min-height: 44px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--ink);
    font-size: 14px;
    font-weight: 600;
}

.notifications-page[b-9chox6v6kd]  .notifications-secondary-action:hover:not(:disabled) {
    border-color: var(--brand);
    background: var(--surface-alt);
}

.notifications-page[b-9chox6v6kd]  .annny-button:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
    box-shadow: none;
}

.notifications-card[b-9chox6v6kd] {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.notifications-card-heading[b-9chox6v6kd] {
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-bottom: 1px solid var(--line);
}

.notifications-card-heading h2[b-9chox6v6kd] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.notifications-count[b-9chox6v6kd] {
    padding: var(--space-1, 4px) var(--space-2, 8px);
    border-radius: 6px;
    background: var(--surface-alt);
    color: var(--muted);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.notifications-list[b-9chox6v6kd] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.notifications-list > li + li[b-9chox6v6kd] {
    border-top: 1px solid var(--line);
}

.notification-item[b-9chox6v6kd] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4, 16px);
    width: 100%;
    min-height: 44px;
    padding: var(--space-6, 24px);
    border: 0;
    background: var(--surface);
    color: var(--ink);
    text-align: left;
    font: inherit;
}

.notification-item--unread[b-9chox6v6kd] {
    background: color-mix(in srgb, var(--brand-soft) 35%, var(--surface));
    box-shadow: inset 3px 0 var(--brand);
}

.notification-item:hover:not(:disabled)[b-9chox6v6kd] {
    background: var(--brand-soft);
}

.notification-item:focus-visible[b-9chox6v6kd] {
    outline: 3px solid var(--brand);
    outline-offset: -3px;
    background: var(--brand-soft);
}

.notification-item:disabled[b-9chox6v6kd] {
    cursor: wait;
}

.notification-icon[b-9chox6v6kd] {
    --notification-tone: var(--brand);
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: color-mix(in srgb, var(--notification-tone) 10%, var(--surface));
    color: var(--notification-tone);
    font-size: 18px;
}

.notification-theme-info[b-9chox6v6kd] { --notification-tone: var(--info); }
.notification-theme-success[b-9chox6v6kd] { --notification-tone: var(--success); }
.notification-theme-warning[b-9chox6v6kd] { --notification-tone: var(--warning); }
.notification-theme-danger[b-9chox6v6kd] { --notification-tone: var(--danger); }

.notification-content[b-9chox6v6kd] {
    display: grid;
    flex: 1;
    gap: var(--space-2, 8px);
    min-width: 0;
    overflow-wrap: anywhere;
}

.notification-title[b-9chox6v6kd] {
    font-weight: 600;
}

.notification-item--unread .notification-title[b-9chox6v6kd] {
    font-weight: 650;
}

.notification-message[b-9chox6v6kd] {
    color: var(--muted);
    font-size: 13px;
    white-space: pre-line;
}

.notification-meta[b-9chox6v6kd] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3, 12px);
    color: var(--muted);
    font-size: 12px;
}

.notification-status[b-9chox6v6kd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 2px 6px;
    border-radius: 6px;
    background: var(--surface-alt);
}

.notification-status .bi-circle-fill[b-9chox6v6kd] {
    font-size: 6px;
}

.notification-item--unread .notification-status[b-9chox6v6kd] {
    background: var(--brand-soft);
    color: var(--brand);
    font-weight: 600;
}

.notification-arrow[b-9chox6v6kd] {
    align-self: center;
    color: var(--muted);
    font-size: 12px;
}

.notifications-footer[b-9chox6v6kd] {
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-top: 1px solid var(--line);
    color: var(--muted);
    font-size: 12px;
}

.notifications-footer[b-9chox6v6kd]  .annny-pager {
    margin: 0;
}

.notifications-state[b-9chox6v6kd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    text-align: center;
}

.notifications-state > .bi[b-9chox6v6kd] {
    color: var(--muted);
    font-size: 32px;
}

.notifications-state h3[b-9chox6v6kd] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.notifications-state p[b-9chox6v6kd] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.notifications-state-error > .bi[b-9chox6v6kd] {
    color: var(--danger);
}

@media (max-width: 767.98px) {
    .notifications-page[b-9chox6v6kd] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .notifications-heading[b-9chox6v6kd] {
        align-items: flex-start;
        flex-direction: column;
    }

    .notifications-heading h1[b-9chox6v6kd] {
        font-size: 24px;
    }

    .notification-item[b-9chox6v6kd],
    .notifications-card-heading[b-9chox6v6kd],
    .notifications-footer[b-9chox6v6kd] {
        padding: var(--space-4, 16px);
    }

    .notification-item[b-9chox6v6kd] {
        gap: var(--space-3, 12px);
    }
}
/* /Pages/PersonOverview.razor.rz.scp.css */
.person-overview[b-avzcxe8ylz] {
    padding: 24px;
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.person-overview-header-container[b-avzcxe8ylz] {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    margin-bottom: 24px;
    padding: 24px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.person-overview-avatar[b-avzcxe8ylz] {
    flex: 0 0 75px;
    min-height: 75px;
}

.person-overview-header-short-info[b-avzcxe8ylz] {
    display: grid;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

.person-overview-header-short-info-name[b-avzcxe8ylz] {
    display: grid;
    gap: 8px;
}

.person-overview-name-line[b-avzcxe8ylz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.person-overview-name-line h1[b-avzcxe8ylz] {
    margin: 0;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.person-overview-header-short-info-details[b-avzcxe8ylz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.person-toolbar-menu[b-avzcxe8ylz] {
    word-spacing: normal;
}

.person-toolbar-menu .dropdown-menu[b-avzcxe8ylz],
.person-toolbar-menu .dropdown-item[b-avzcxe8ylz] {
    word-spacing: normal;
    font-size: 13px;
    font-weight: 400;
}

.person-toolbar-menu .dropdown-item[b-avzcxe8ylz] {
    text-align: left;
    white-space: nowrap;
}

.person-overview-header-short-info-item[b-avzcxe8ylz],
.person-overview-header-short-info-badge[b-avzcxe8ylz] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.person-overview-header-short-info-icon[b-avzcxe8ylz] {
    flex: 0 0 auto;
}

.person-overview-header-short-info-badge[b-avzcxe8ylz] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
}

.person-overview-header-short-info-menu[b-avzcxe8ylz] {
    margin-left: auto;
}

.person-overview-containers[b-avzcxe8ylz], .person-overview-main-container[b-avzcxe8ylz] {
    min-width: 0;
}

.person-overview-tab-container[b-avzcxe8ylz] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.person-overview-actions[b-avzcxe8ylz] {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}

.person-communication-sections[b-avzcxe8ylz] {
    display: grid;
    min-width: 0;
    gap: var(--space-6, 24px);
}

.person-icon-button[b-avzcxe8ylz], .tag-add-button[b-avzcxe8ylz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 9px 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--brand, #00624a);
    font: inherit;
    font-size: 13px;
    font-weight: 600;
}

.person-icon-button[b-avzcxe8ylz] {
    width: 44px;
    padding: 9px;
    color: var(--muted, #5b6b63);
    flex-shrink: 0;
}

.tag-add-button[b-avzcxe8ylz] {
    align-self: start;
    border-color: transparent;
}

.person-icon-button:hover[b-avzcxe8ylz], .tag-add-button:hover[b-avzcxe8ylz] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.person-tags[b-avzcxe8ylz] {
    display: flex;
    align-items: center;
}

.caretaker-not-ready-for-duty-warning-badge[b-avzcxe8ylz],
.person-deceased-warning-badge[b-avzcxe8ylz],
.absence-status-span[b-avzcxe8ylz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    max-width: 100%;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
}

.caretaker-not-ready-for-duty-warning-badge[b-avzcxe8ylz] {
    min-height: 44px;
    background: color-mix(in srgb, var(--danger, #b83242) 10%, var(--surface, #ffffff));
    color: var(--danger, #b83242);
}

.person-deceased-warning-badge[b-avzcxe8ylz] {
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
}

.absence-status-span[b-avzcxe8ylz] {
    min-height: 44px;
    background: color-mix(in srgb, var(--warning, #865600) 10%, var(--surface, #ffffff));
    color: var(--warning, #865600);
}

.person-overview-header-container button:focus-visible[b-avzcxe8ylz] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.person-access-section[b-avzcxe8ylz] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.person-access-heading[b-avzcxe8ylz] {
    padding: 20px 24px;
    border-bottom: 1px solid var(--line, #dce4de);
}

.person-access-heading h2[b-avzcxe8ylz] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.025em;
}

.person-access-heading i[b-avzcxe8ylz] {
    color: var(--brand, #00624a);
}

.person-access-content[b-avzcxe8ylz] {
    padding: 24px;
}

.no-access-to-person-message-container[b-avzcxe8ylz] {
    display: grid;
    place-items: center;
    padding: 48px 24px;
    background: var(--canvas, #f6f7f4);
}

.no-access-to-person-message[b-avzcxe8ylz] {
    max-width: 640px;
    padding: 32px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--muted, #5b6b63);
}

.no-access-to-person-message-title-container[b-avzcxe8ylz] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

.no-access-to-person-message-title[b-avzcxe8ylz] {
    color: var(--ink, #182e28);
    font-size: 20px;
    font-weight: 650;
}

.no-access-to-person-message-icon[b-avzcxe8ylz] {
    color: var(--warning, #865600);
    font-size: 28px;
}

@media (max-width: 575.98px) {
    .person-overview[b-avzcxe8ylz] {
        padding: 12px;
    }

    .person-overview-header-container[b-avzcxe8ylz] {
        flex-wrap: wrap;
        gap: 16px;
    }

    .person-overview-header-container[b-avzcxe8ylz], .person-overview-tab-container[b-avzcxe8ylz],
    .person-access-heading[b-avzcxe8ylz], .person-access-content[b-avzcxe8ylz] {
        padding: 16px;
    }

    .person-overview-header-short-info[b-avzcxe8ylz] {
        flex-basis: 100%;
    }

    .person-overview-name-line h1[b-avzcxe8ylz] {
        font-size: 24px;
    }
}
/* /Pages/Persons.razor.rz.scp.css */
.persons-user-type-filter[b-lqktaxqbxw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    font: inherit;
    cursor: pointer;
}

.persons-user-type-filter:hover:not(:disabled) .persons-user-type[b-lqktaxqbxw],
.persons-user-type-filter[aria-pressed="true"] .persons-user-type[b-lqktaxqbxw] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.persons-user-type-filter:focus-visible[b-lqktaxqbxw] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.persons-user-type-filter:disabled[b-lqktaxqbxw] {
    opacity: .45;
    cursor: default;
}

span.directory-role.persons-user-type[b-lqktaxqbxw] {
    background-color: var(--persons-user-type-background);
    color: var(--persons-user-type-color, var(--bs-dark));
}

.persons-profile-admin[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-gray-dark);
    --persons-user-type-color: var(--bs-light);
}

.persons-profile-agent[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-purple);
    --persons-user-type-color: var(--bs-light);
}

.persons-profile-dgkp[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-orange);
}

.persons-profile-guardian[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-yellow);
}

.persons-profile-external[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-gray-500);
}

.persons-profile-medical[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-cyan);
}

.persons-profile-client[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-green);
    --persons-user-type-color: var(--bs-light);
}

.persons-profile-caretaker[b-lqktaxqbxw] {
    --persons-user-type-background: var(--bs-blue);
    --persons-user-type-color: var(--bs-light);
}
/* /Pages/QuestionnaireOverview.razor.rz.scp.css */
.questionnaire-overview-spinner-container[b-fx5cc9k163] {
    margin-top: 100px;
}

.questionnaire-overview-header-container[b-fx5cc9k163] {
    margin: 25px;
    display: flex;
    flex-direction: row;
}

.questionnaire-overview-header-profile-picture[b-fx5cc9k163] {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background-image: url('_content/AnnnyIcons/annny-icons/svg/user-square.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 10px;
}

.questionnaire-overview-header-short-info[b-fx5cc9k163] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
}

.questionnaire-overview-header-short-info-name[b-fx5cc9k163] {
    font-size: 1.5rem;
}

.questionnaire-overview-header-short-info-details[b-fx5cc9k163] {
    font-size: 1.2rem;
    font-weight: bold;
    word-spacing: 1.5rem;
    color: var(--bs-gray-600);
}

.questionnaire-overview-main-container[b-fx5cc9k163] {
    margin: 25px;
}

.uploaded-ids-container[b-fx5cc9k163] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.uploaded-id-container[b-fx5cc9k163] {
    margin: 20px;
}

.uploaded-id[b-fx5cc9k163] {
    position: relative;
    border-style: solid;
    border-width: 3px;
    border-radius: 7px;
    border-color: var(--bs-gray-500);
    width: 150px;
    height: 100px;
    cursor: pointer;
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
}

.uploaded-id-image[b-fx5cc9k163] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
    border-radius: 3px;
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
}

.dummy-id-photo[b-fx5cc9k163] {
    position: absolute;
    top: 16%;
    left: 9%;
    height: 48%;
    width: 28%;
    border-radius: 3px;
    border-width: 3px;
    border-style: solid;
    border-color: var(--bs-gray-200);
    overflow: hidden;
    text-align: center;
    color: var(--bs-gray-200);
    font-size: 43px;
    line-height: 43px;
    padding-top: 4px;
}

.dummy-id-photo-person[b-fx5cc9k163] {
    margin-left: -4px;
}

.dummy-id-line[b-fx5cc9k163] {
    position: absolute;
    height: 3%;
    width: 40%;
    background-color: var(--bs-gray-200);
    border-radius: 50px;
}

#dummy-id-line-1[b-fx5cc9k163] {
    top: 29%;
    right: 7%;
}

#dummy-id-line-2[b-fx5cc9k163] {
    top: 44%;
    right: 7%;
}

#dummy-id-line-3[b-fx5cc9k163] {
    top: 59%;
    right: 7%;
}

#dummy-id-line-4[b-fx5cc9k163] {
    bottom: 13%;
    left: 7%;
    width: 86%;
}

.uploaded-id:hover > .uploaded-id-image[b-fx5cc9k163] {
    opacity: 1;
}

.uploaded-id:hover[b-fx5cc9k163] {
    border-color: var(--bs-gray-600);
}

.uploaded-id-title[b-fx5cc9k163] {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 10px;
}

.id-open[b-fx5cc9k163] {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 64px;
    width: 64px;
    transform: translate(-50%, -50%);
    transition: all .4s cubic-bezier(.44, .63, 0, 1);
    border-radius: 32px;
    text-align: center;
    line-height: 64px;
    vertical-align: middle;
    color: transparent;
    font-size: 30px;
}

.uploaded-id:hover > .id-open[b-fx5cc9k163] {
    color: white;
    background-color: var(--bs-gray-600);
}

.concatenated-address-line-slash[b-fx5cc9k163] {
    font-size: 23px;
    text-align: center;
    margin-left: 8px;
    margin-right: 8px;
}
/* /Pages/RemoteTasks.razor.rz.scp.css */
.tasks-container[b-ka9ne4ll4i] {
    overflow: auto;
    height: calc(100% - 160px);
}

.tasks-header[b-ka9ne4ll4i] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.tasks-profile-picture-column[b-ka9ne4ll4i] {
    width: 60px;
}

.tasks-list-spacer[b-ka9ne4ll4i] {
    width: 60px;
}

.tasks-list-table[b-ka9ne4ll4i] {
    width: 100%;
}

.tasks-list-line[b-ka9ne4ll4i] {
    background-color: var(--bs-gray-300);
}

.tasks-list-line:nth-child(odd)[b-ka9ne4ll4i] {
    background-color: var(--bs-gray-100);
}

th[b-ka9ne4ll4i] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

.no-tasks-error[b-ka9ne4ll4i] {
    color: var(--bs-gray-600);
    font-size: 1.3rem;
    padding: 50px;
    text-align: center;
}

.task-status[b-ka9ne4ll4i] {
    width: 100px;
    text-align: center;
    font-weight: bold;
    padding: 3px 10px;
    border-radius: 16px;
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    font-size: 0.8rem;
}

.task-unknown[b-ka9ne4ll4i] {
    background-color: var(--bs-gray-600);
    color: var(--bs-light);
}

.task-success[b-ka9ne4ll4i] {
    background-color: var(--bs-success);
    color: var(--bs-light);
}

.task-queued[b-ka9ne4ll4i] {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

.task-running[b-ka9ne4ll4i] {
    background-color: var(--bs-primary);
    color: var(--bs-light);
}

.task-failure[b-ka9ne4ll4i] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.task-canceled[b-ka9ne4ll4i] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.task-timedout[b-ka9ne4ll4i] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.process-action-icon[b-ka9ne4ll4i] {
    font-size: 1.5rem;
    cursor: pointer;
}
/* /Pages/ReportGeneratorAnalytics.razor.rz.scp.css */
.analytics-page[b-3l9c3c50r0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 8px;
}

.analytics-filters[b-3l9c3c50r0] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.analytics-filter-control[b-3l9c3c50r0] {
    flex: 1 1 260px;
    min-width: 220px;
}

.analytics-date-control[b-3l9c3c50r0] {
    flex: 0 1 180px;
    min-width: 160px;
}

.analytics-chart-grid[b-3l9c3c50r0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.analytics-chart[b-3l9c3c50r0] {
    min-height: 330px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 6px;
    padding: 10px;
    background: var(--bs-white);
}

.analytics-chart-title[b-3l9c3c50r0],
.analytics-list-title[b-3l9c3c50r0] {
    font-weight: 700;
    margin-bottom: 8px;
}

.analytics-empty-state[b-3l9c3c50r0],
.analytics-no-runs[b-3l9c3c50r0] {
    color: var(--bs-gray-600);
    font-size: 1.1rem;
    padding: 44px;
    text-align: center;
}

.analytics-empty-state i[b-3l9c3c50r0],
.analytics-no-runs i[b-3l9c3c50r0] {
    padding-right: 10px;
}

.analytics-runs-container[b-3l9c3c50r0] {
    overflow: auto;
    min-height: 240px;
}

.analytics-runs-table[b-3l9c3c50r0] {
    width: 100%;
}

.analytics-runs-header[b-3l9c3c50r0] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.analytics-runs-line[b-3l9c3c50r0] {
    background-color: var(--bs-gray-300);
}

.analytics-runs-line:nth-child(odd)[b-3l9c3c50r0] {
    background-color: var(--bs-gray-100);
}

th[b-3l9c3c50r0] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

th[b-3l9c3c50r0],
td[b-3l9c3c50r0] {
    padding: 6px 8px;
}

.analytics-status[b-3l9c3c50r0] {
    display: inline-block;
    min-width: 90px;
    text-align: center;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 16px;
    font-size: 0.8rem;
}

.analytics-status-success[b-3l9c3c50r0] {
    background-color: var(--bs-success);
    color: var(--bs-light);
}

.analytics-status-error[b-3l9c3c50r0] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.analytics-status-unknown[b-3l9c3c50r0] {
    background-color: var(--bs-gray-600);
    color: var(--bs-light);
}

.analytics-tooltip[b-3l9c3c50r0] {
    padding: 6px 8px;
}

.analytics-tooltip-title[b-3l9c3c50r0] {
    font-weight: 700;
    margin-bottom: 4px;
}

@media (max-width: 900px) {
    .analytics-chart-grid[b-3l9c3c50r0] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Reporting.razor.rz.scp.css */
.reports-page[b-6qoqo2b96o] {
    min-height: 100%;
    min-width: 0;
    padding: var(--space-8, 32px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-size: 14px;
    line-height: 1.55;
}

.reports-heading[b-6qoqo2b96o],
.report-card-heading[b-6qoqo2b96o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
}

.reports-heading[b-6qoqo2b96o] {
    margin-bottom: var(--space-6, 24px);
}

.reports-heading h1[b-6qoqo2b96o] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.reports-heading p[b-6qoqo2b96o],
.report-card-heading p[b-6qoqo2b96o] {
    margin: 0;
    color: var(--muted, #5b6b63);
}

.report-card[b-6qoqo2b96o] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.report-card + .report-card[b-6qoqo2b96o] {
    margin-top: var(--space-6, 24px);
}

.report-card-heading[b-6qoqo2b96o] {
    padding: var(--space-6, 24px);
    border-bottom: 1px solid var(--line, #dce4de);
}

.report-card-heading h2[b-6qoqo2b96o] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.2;
}

.report-card-heading p[b-6qoqo2b96o] {
    font-size: 13px;
    overflow-wrap: anywhere;
}

.report-badge[b-6qoqo2b96o] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: 6px var(--space-3, 12px);
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.report-template-field[b-6qoqo2b96o] {
    max-width: 760px;
    padding: var(--space-6, 24px);
}

.report-label[b-6qoqo2b96o] {
    display: block;
    margin-bottom: 6px;
    color: var(--ink, #182e28);
    font-size: 12px;
    font-weight: 600;
}

.report-template-description[b-6qoqo2b96o],
.report-filter-note[b-6qoqo2b96o],
.report-error[b-6qoqo2b96o] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.report-error[b-6qoqo2b96o] {
    color: var(--danger, #b83242);
}

.report-filter-section[b-6qoqo2b96o] {
    padding: 0 var(--space-6, 24px) var(--space-6, 24px);
}

.report-filters-title[b-6qoqo2b96o] {
    margin: 0 0 var(--space-4, 16px);
    font-size: 14px;
    font-weight: 650;
}

.report-filter-grid[b-6qoqo2b96o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
    align-items: end;
    gap: var(--space-4, 16px);
}

.report-filter[b-6qoqo2b96o] {
    min-width: 0;
}

.report-filter--boolean[b-6qoqo2b96o] {
    display: flex;
    align-items: center;
    min-height: var(--control-height, 44px);
}

.report-configuration[b-6qoqo2b96o]  .form-control,
.report-configuration[b-6qoqo2b96o]  .form-select {
    width: 100%;
    min-height: var(--control-height, 44px);
    padding: 9px 12px;
    border: 1px solid var(--control-border, #87998e);
    border-radius: 9px;
    background-color: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
}

.report-configuration[b-6qoqo2b96o]  .form-select {
    padding-right: 76px;
}

.report-configuration[b-6qoqo2b96o]  .input-invisible {
    color: inherit;
}

.report-configuration[b-6qoqo2b96o]  .form-control::placeholder,
.report-configuration[b-6qoqo2b96o]  .input-invisible::placeholder,
.report-configuration[b-6qoqo2b96o]  .annny-dropdown-placeholder {
    color: var(--muted, #5b6b63);
    opacity: .9;
}

.report-configuration[b-6qoqo2b96o]  .form-control:disabled,
.report-configuration[b-6qoqo2b96o]  .form-select:disabled,
.report-configuration[b-6qoqo2b96o]  .form-select:has(input:disabled) {
    background-color: var(--canvas, #f6f7f4) !important;
    color: var(--muted, #5b6b63);
    opacity: 1;
}

.report-configuration[b-6qoqo2b96o]  .form-control:focus,
.report-configuration[b-6qoqo2b96o]  .form-select:focus,
.report-configuration[b-6qoqo2b96o]  .form-select:focus-within {
    border-color: var(--brand, #00624a);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand, #00624a) 16%, transparent);
}

.report-configuration[b-6qoqo2b96o]  .dropdown-menu {
    max-width: min(600px, calc(100vw - 64px));
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.report-configuration[b-6qoqo2b96o]  .dropdown-item,
.report-configuration[b-6qoqo2b96o]  .multi-select-option {
    min-height: 36px;
    padding: 6px var(--space-3, 12px);
    color: var(--ink, #182e28);
    font-size: 13px;
}

.report-configuration[b-6qoqo2b96o]  .dropdown-item:hover,
.report-configuration[b-6qoqo2b96o]  .multi-select-option:hover,
.report-configuration[b-6qoqo2b96o]  .multi-select-option:focus-within {
    background: var(--brand-soft, #e6f2ed);
}

.report-configuration[b-6qoqo2b96o]  .multi-select-item {
    gap: var(--space-2, 8px);
    padding: 0;
}

.report-configuration[b-6qoqo2b96o]  .form-check {
    margin: 0;
}

.report-configuration[b-6qoqo2b96o]  .form-check-label {
    color: var(--ink, #182e28);
    font-size: 13px;
}

.report-configuration[b-6qoqo2b96o]  .form-check-input {
    width: 18px;
    height: 18px;
    min-height: 18px;
    padding: 0;
    border-color: var(--control-border, #87998e);
}

.report-configuration[b-6qoqo2b96o]  .form-check-input:checked {
    border-color: var(--brand, #00624a);
    background-color: var(--brand, #00624a);
}

.report-configuration[b-6qoqo2b96o]  .btn-in-input,
.report-configuration[b-6qoqo2b96o]  .close-btn {
    color: var(--muted, #5b6b63);
}

.report-configuration[b-6qoqo2b96o]  .divider {
    height: 1px;
    margin: var(--space-2, 8px) var(--space-3, 12px);
    background: var(--line, #dce4de);
}

.report-configuration[b-6qoqo2b96o]  .picker-button,
.report-configuration[b-6qoqo2b96o]  .selector-button {
    min-height: 36px;
    border-radius: 6px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
}

.report-configuration[b-6qoqo2b96o]  .picker-button,
.report-configuration[b-6qoqo2b96o]  .selector-button-active {
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

.report-configuration[b-6qoqo2b96o]  .selector-button-invalid {
    background: var(--surface-alt, #f0f3ef);
    color: var(--muted, #5b6b63);
}

.report-configuration[b-6qoqo2b96o]  .selector-button-loading {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.report-configuration[b-6qoqo2b96o]  .arrow-button {
    display: grid;
    place-items: center;
    min-width: 36px;
    min-height: 36px;
    color: var(--ink, #182e28);
}

.report-configuration-footer[b-6qoqo2b96o] {
    display: flex;
    justify-content: flex-end;
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-top: 1px solid var(--line, #dce4de);
}

.report-result-actions[b-6qoqo2b96o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--space-3, 12px);
}

.reports-page[b-6qoqo2b96o]  .report-primary-button,
.reports-page[b-6qoqo2b96o]  .report-secondary-button,
.report-download[b-6qoqo2b96o]  .btn,
.report-log-download[b-6qoqo2b96o]  .btn {
    min-height: var(--control-height, 44px);
    padding: 9px 16px;
    border: 1px solid var(--brand, #00624a);
    border-radius: 9px;
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
    font-size: 13px;
    font-weight: 600;
}

.reports-page[b-6qoqo2b96o]  .report-secondary-button,
.report-log-download[b-6qoqo2b96o]  .btn {
    border-color: var(--line, #dce4de);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
}

.reports-page[b-6qoqo2b96o]  .report-primary-button:hover:not(:disabled),
.report-download[b-6qoqo2b96o]  .btn:hover:not(:disabled) {
    border-color: var(--brand-hover, #004f3c);
    background: var(--brand-hover, #004f3c);
}

.reports-page[b-6qoqo2b96o]  .report-secondary-button:hover:not(:disabled),
.report-log-download[b-6qoqo2b96o]  .btn:hover:not(:disabled) {
    border-color: var(--brand, #00624a);
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.reports-page[b-6qoqo2b96o]  .report-primary-button:disabled,
.reports-page[b-6qoqo2b96o]  .report-secondary-button:disabled {
    opacity: .45;
}

.report-preview-content[b-6qoqo2b96o] {
    min-height: 220px;
}

.report-state[b-6qoqo2b96o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    text-align: center;
}

.report-state > .bi[b-6qoqo2b96o] {
    color: var(--muted, #5b6b63);
    font-size: 32px;
}

.report-state--error > .bi[b-6qoqo2b96o] {
    color: var(--danger, #b83242);
}

.report-state h3[b-6qoqo2b96o] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.report-state p[b-6qoqo2b96o],
.report-loading-label[b-6qoqo2b96o] {
    margin: 0;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.report-loading-label[b-6qoqo2b96o] {
    padding-bottom: var(--space-8, 32px);
    text-align: center;
}

.reports-page[b-6qoqo2b96o]  .loading-spinner-container {
    margin-top: 0;
    padding: var(--space-12, 48px) var(--space-6, 24px) var(--space-4, 16px);
}

.reports-page[b-6qoqo2b96o]  .spinner-style {
    width: 24px;
    height: 24px;
    color: var(--brand, #00624a) !important;
}

.report-table-scroll[b-6qoqo2b96o] {
    overflow-x: auto;
    overflow-y: hidden;
}

.report-table-scroll[b-6qoqo2b96o]  .report-table {
    width: 100%;
    border-collapse: collapse;
    color: var(--ink, #182e28);
    text-align: left;
}

.report-table-scroll[b-6qoqo2b96o]  .report-table > thead > tr > th {
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 0 var(--space-4, 16px);
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.report-table-scroll[b-6qoqo2b96o]  button.col-title {
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: var(--control-height, 44px);
    padding: var(--space-3, 12px) 0;
    color: inherit;
    font: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.report-table-scroll[b-6qoqo2b96o]  button.col-title:hover,
.report-table-scroll[b-6qoqo2b96o]  th[aria-sort="ascending"],
.report-table-scroll[b-6qoqo2b96o]  th[aria-sort="descending"] {
    color: var(--brand, #00624a);
}

.report-table-scroll[b-6qoqo2b96o]  .sort-indicator {
    background: none;
    transform: none;
}

.report-table-scroll[b-6qoqo2b96o]  .sort-indicator::before {
    content: "↕";
    font-size: 14px;
    line-height: 1;
}

.report-table-scroll[b-6qoqo2b96o]  .col-sort-asc .sort-indicator::before {
    content: "↑";
}

.report-table-scroll[b-6qoqo2b96o]  .col-sort-desc .sort-indicator::before {
    content: "↓";
}

.report-table-scroll[b-6qoqo2b96o]  .report-table > tbody > tr > td {
    min-width: 120px;
    max-width: 400px;
    padding: 14px var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
    vertical-align: top;
    font-size: 13px;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}

.report-table-scroll[b-6qoqo2b96o]  .report-table > tbody > tr:hover {
    background: var(--brand-soft, #e6f2ed);
}

.report-results-footer[b-6qoqo2b96o] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-top: 1px solid var(--line, #dce4de);
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.report-table-scroll:focus-visible[b-6qoqo2b96o],
.reports-page[b-6qoqo2b96o]  button:focus-visible,
.reports-page[b-6qoqo2b96o]  input:focus-visible,
.reports-page[b-6qoqo2b96o]  .form-select:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (max-width: 767px) {
    .reports-page[b-6qoqo2b96o] {
        padding: var(--space-4, 16px);
    }

    .reports-heading[b-6qoqo2b96o],
    .report-card-heading[b-6qoqo2b96o] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .report-card-heading[b-6qoqo2b96o],
    .report-template-field[b-6qoqo2b96o],
    .report-configuration-footer[b-6qoqo2b96o] {
        padding: var(--space-4, 16px);
    }

    .report-filter-section[b-6qoqo2b96o] {
        padding: 0 var(--space-4, 16px) var(--space-4, 16px);
    }

    .report-result-actions[b-6qoqo2b96o] {
        justify-content: flex-start;
    }

    .reports-page[b-6qoqo2b96o]  .dropdown-item,
    .reports-page[b-6qoqo2b96o]  .multi-select-option,
    .reports-page[b-6qoqo2b96o]  .picker-button,
    .reports-page[b-6qoqo2b96o]  .selector-button,
    .reports-page[b-6qoqo2b96o]  .arrow-button,
    .reports-page[b-6qoqo2b96o]  .form-check {
        min-height: 44px;
    }

    .report-configuration[b-6qoqo2b96o]  .day-selector-button,
    .report-configuration[b-6qoqo2b96o]  .arrow-button {
        min-width: 44px;
    }

    .report-configuration[b-6qoqo2b96o]  .form-check {
        display: flex;
        align-items: center;
        gap: var(--space-2, 8px);
    }

    .report-configuration[b-6qoqo2b96o]  .form-check-input {
        flex-shrink: 0;
        margin-top: 0;
    }
}
/* /Pages/ResetPassword.razor.rz.scp.css */
.container[b-br4zb9pgcw] {
    height: 100%;
    max-width: 100%;
}

.reset-password-background[b-br4zb9pgcw] {
    height: 100%;
    background-color: var(--bs-primary);
}

.reset-password-container[b-br4zb9pgcw] {
    text-align: center;
}

.reset-password-logo[b-br4zb9pgcw] {
    display: inline-block;
    width: 150px;
    margin-bottom: 40px;
}

.reset-password-form[b-br4zb9pgcw] {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 80px;
}

.input-group[b-br4zb9pgcw] {
    margin: 5px;
}

.save-button[b-br4zb9pgcw] {
    margin: 5px;
}

.button-loading-spinner[b-br4zb9pgcw] {
    margin-right: 5px;
}
/* /Pages/Search.razor.rz.scp.css */
.search-page[b-4ws80ejk7c] {
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
    font-size: 14px;
    line-height: 1.55;
}

.search-heading[b-4ws80ejk7c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    margin-bottom: var(--space-6, 24px);
}

.search-heading h1[b-4ws80ejk7c] {
    margin: 0;
    font-size: 28px;
    font-weight: 650;
    letter-spacing: -.035em;
    line-height: 1.16;
}

.search-query[b-4ws80ejk7c] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--muted, #5b6b63);
    overflow-wrap: anywhere;
}

.search-count[b-4ws80ejk7c] {
    display: inline-flex;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.search-workspace[b-4ws80ejk7c] {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
    gap: var(--space-6, 24px);
}

.search-filters[b-4ws80ejk7c],
.search-results[b-4ws80ejk7c],
.search-initial-loading[b-4ws80ejk7c] {
    min-width: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
}

.search-filters[b-4ws80ejk7c] {
    padding: var(--space-6, 24px);
}

.search-filters h2[b-4ws80ejk7c],
.search-results-heading h2[b-4ws80ejk7c] {
    margin: 0;
    font-size: 18px;
    font-weight: 650;
    letter-spacing: -.035em;
}

.search-filters h2[b-4ws80ejk7c] {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
}

.search-filters h2 .bi[b-4ws80ejk7c] {
    color: var(--brand, #00624a);
}

.search-filter-group[b-4ws80ejk7c] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.search-filter-content[b-4ws80ejk7c] {
    display: grid;
    gap: var(--space-6, 24px);
}

.search-filters-toggle[b-4ws80ejk7c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3, 12px);
    min-height: 44px;
    cursor: pointer;
    list-style: none;
}

.search-filters-toggle[b-4ws80ejk7c]::-webkit-details-marker {
    display: none;
}

.search-filters-disclosure[open] .search-filters-toggle[b-4ws80ejk7c] {
    margin-bottom: var(--space-4, 16px);
}

.search-filters-disclosure[open] .search-filters-toggle > .bi[b-4ws80ejk7c] {
    transform: rotate(180deg);
}

.search-filter-group legend[b-4ws80ejk7c] {
    float: none;
    width: auto;
    margin-bottom: var(--space-2, 8px);
    font-size: 12px;
    font-weight: 600;
}

.search-filter-options[b-4ws80ejk7c] {
    display: grid;
    gap: var(--space-1, 4px);
}

.search-filter-hint[b-4ws80ejk7c] {
    margin: var(--space-2, 8px) 0 0;
    color: var(--muted, #5b6b63);
    font-size: 11px;
}

.search-results-heading[b-4ws80ejk7c] {
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-bottom: 1px solid var(--line, #dce4de);
}

.search-table-scroll[b-4ws80ejk7c] {
    overflow-x: auto;
    border-radius: 0 0 var(--radius, 12px) var(--radius, 12px);
}

.search-table[b-4ws80ejk7c] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    text-align: left;
}

.search-table thead th[b-4ws80ejk7c] {
    padding: var(--space-3, 12px) var(--space-4, 16px);
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.search-table tbody th[b-4ws80ejk7c],
.search-table td[b-4ws80ejk7c] {
    padding: var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
}

.search-table tbody tr:hover[b-4ws80ejk7c],
.search-table tbody tr:focus-within[b-4ws80ejk7c] {
    background: var(--brand-soft, #e6f2ed);
}

.search-name-column[b-4ws80ejk7c] {
    width: 40%;
}

.search-person[b-4ws80ejk7c] {
    display: flex;
    align-items: center;
    gap: var(--space-4, 16px);
}

.search-person-details[b-4ws80ejk7c] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.search-person-link[b-4ws80ejk7c] {
    display: inline-block;
    color: var(--brand, #00624a);
    font-size: 13px;
    font-weight: 650;
    text-decoration: none;
    text-underline-offset: 3px;
}

.search-person-link:hover[b-4ws80ejk7c] {
    text-decoration: underline;
}

.search-person-type[b-4ws80ejk7c] {
    display: table;
    margin-top: var(--space-1, 4px);
    padding: var(--space-1, 4px) var(--space-2, 8px);
    border-radius: 6px;
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
    font-size: 10px;
    font-weight: 650;
}

.search-additional-result[b-4ws80ejk7c] {
    margin-top: var(--space-1, 4px);
    color: var(--muted, #5b6b63);
    font-size: 11px;
}

.search-additional-result-label[b-4ws80ejk7c] {
    margin-right: var(--space-1, 4px);
    font-weight: 600;
}

.search-reference[b-4ws80ejk7c],
.search-date[b-4ws80ejk7c] {
    font-variant-numeric: tabular-nums;
}

.search-date[b-4ws80ejk7c] {
    white-space: nowrap;
}

.search-footer[b-4ws80ejk7c] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px);
    border-top: 1px solid var(--line, #dce4de);
}

.search-result-range[b-4ws80ejk7c] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

.search-footer[b-4ws80ejk7c]  .annny-pager {
    margin: 0;
}

.search-state[b-4ws80ejk7c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    text-align: center;
}

.search-state > .bi[b-4ws80ejk7c] {
    color: var(--muted, #5b6b63);
    font-size: 32px;
}

.search-state-error > .bi[b-4ws80ejk7c] {
    color: var(--danger, #b83242);
}

.search-state h3[b-4ws80ejk7c] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.search-state p[b-4ws80ejk7c] {
    margin: 0;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.search-person-link:focus-visible[b-4ws80ejk7c],
.search-filters-toggle:focus-visible[b-4ws80ejk7c],
.search-table-scroll:focus-visible[b-4ws80ejk7c] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

@media (max-width: 1199.98px) {
    .search-workspace[b-4ws80ejk7c] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-filter-content[b-4ws80ejk7c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .search-page[b-4ws80ejk7c] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .search-heading h1[b-4ws80ejk7c] {
        font-size: 24px;
    }

    .search-filters[b-4ws80ejk7c] {
        padding: var(--space-4, 16px);
    }

    .search-filter-content[b-4ws80ejk7c] {
        grid-template-columns: minmax(0, 1fr);
    }

    .search-results-heading[b-4ws80ejk7c] {
        padding: var(--space-4, 16px);
    }
}

@media (pointer: coarse), (max-width: 767.98px) {
    .search-person-link[b-4ws80ejk7c] {
        display: inline-flex;
        align-items: center;
        min-height: 44px;
    }
}
/* /Pages/Signatures.razor.rz.scp.css */
.signatures-background[b-w1igrgyd6o] {
    background-color: var(--bs-primary);
    max-width: 100%;
}

.signatures-container[b-w1igrgyd6o] {
    background-color: var(--bs-white);
    border-radius: 10px;
    padding: 30px 50px;
    max-width: 70%;
}

.signatures-error-message[b-w1igrgyd6o] {
    color: var(--bs-red);
}

.signatures-page-wrapper[b-w1igrgyd6o] {
    border-color: var(--bs-black-rgb);
    border-style: solid;
    border-width: 2px;
}

.signatures-signature-item[b-w1igrgyd6o] {
    pointer-events: auto;
    border-color: var(--bs-black-rgb);
    border-style: solid;
    border-width: 2px;
    border-radius: 10px;
    background-color: color-mix(in srgb, var(--bs-info) 30%, transparent);
}

.signatures-pager[b-w1igrgyd6o] {
    border-color: var(--bs-black-rgb);
    border-style: solid;
    border-width: 1px;
    border-radius: 20px;
}
/* /Pages/SignaturesOverview.razor.rz.scp.css */
.signatures-page[b-ktafiged2c] {
    min-width: 0;
}

.signature-state-control[b-ktafiged2c] {
    display: flex;
    gap: var(--space-1, 4px);
    align-items: center;
}

.signature-state-control[b-ktafiged2c]  > .dropdown {
    flex: 1;
    min-width: 0;
}

.signature-filter-button[b-ktafiged2c] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: var(--control-height, 44px);
    height: var(--control-height, 44px);
    padding: 0;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--brand, #00624a);
    font-size: 16px;
}

.signature-filter-button:hover:not(:disabled)[b-ktafiged2c] {
    background: var(--brand-soft, #e6f2ed);
}

.signature-filter-button:focus-visible[b-ktafiged2c] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.signature-filter-button:disabled[b-ktafiged2c] {
    opacity: .45;
}

.signature-person-filter[b-ktafiged2c]  .selected-person-container {
    align-items: center;
    width: 100%;
    height: auto;
    min-height: var(--control-height, 44px);
    padding: 9px 12px;
    border: 1px solid var(--control-border, #87998e);
    border-radius: 9px;
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    font-size: 13px;
}

.signature-person-filter[b-ktafiged2c]  .selected-person-disabled {
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
}

.signature-person-filter[b-ktafiged2c]  .close-btn {
    color: var(--muted, #5b6b63);
}

.signature-person-filter[b-ktafiged2c]  .btn-in-input:focus-visible,
.signature-deleted-filter[b-ktafiged2c]  .form-check-input:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.signature-deleted-filter[b-ktafiged2c]  .form-check {
    display: flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: var(--control-height, 44px);
    margin: 0;
    padding-left: 0;
}

.signature-deleted-filter[b-ktafiged2c]  .form-check-input {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin: 0;
    border-color: var(--control-border, #87998e);
    background-color: var(--surface, #ffffff);
}

.signature-deleted-filter[b-ktafiged2c]  .form-check-input:checked {
    border-color: var(--brand, #00624a);
    background-color: var(--brand, #00624a);
}

.signature-deleted-filter[b-ktafiged2c]  .form-check-label {
    margin: 0;
    color: var(--ink, #182e28) !important;
    font-size: 12px;
}

@media (min-width: 1101px) {
    .signatures-page[b-ktafiged2c]  .directory-filters--single-row .signature-state-filter {
        flex: 2 1 0;
    }

    .signatures-page[b-ktafiged2c]  .directory-filters--single-row .signature-person-filter {
        flex: 1.5 1 0;
    }
}

@media (pointer: coarse), (max-width: 700px) {
    .signature-filter-button[b-ktafiged2c] {
        min-width: 44px;
        min-height: 44px;
    }

    .signature-person-filter[b-ktafiged2c]  .selected-person-container {
        min-height: 44px;
        font-size: 16px;
    }

    .signature-person-filter[b-ktafiged2c]  .btn-in-input,
    .signature-deleted-filter[b-ktafiged2c]  .form-check-label {
        display: flex;
        align-items: center;
        min-height: 44px;
        min-width: 44px;
    }
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .form-select {
    padding-right: 76px;
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .dropdown-menu {
    max-width: calc(100vw - var(--space-8, 32px));
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #ffffff);
    color: var(--ink, #182e28);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .picker-button {
    border-radius: var(--space-2, 8px);
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .selector-button {
    border-radius: var(--space-2, 8px);
    background: var(--canvas, #f6f7f4);
    color: var(--ink, #182e28);
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .selector-button-active {
    background: var(--brand, #00624a);
    color: var(--surface, #ffffff);
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .selector-button-loading {
    background: color-mix(in srgb, var(--warning, #865600) 10%, var(--surface, #ffffff));
    color: var(--warning, #865600);
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .arrow-button,
.signatures-page[b-ktafiged2c]  .signature-date-filter .close-btn {
    color: var(--muted, #5b6b63);
}

.signatures-page[b-ktafiged2c]  .signature-date-filter .close-btn:hover {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

@media (pointer: coarse), (max-width: 700px) {
    .signatures-page[b-ktafiged2c]  .signature-date-filter .btn-in-input {
        min-width: 44px;
    }

    .signatures-page[b-ktafiged2c]  .signature-date-filter .selector-button,
    .signatures-page[b-ktafiged2c]  .signature-date-filter .picker-button,
    .signatures-page[b-ktafiged2c]  .signature-date-filter .arrow-button {
        min-height: 44px;
    }

    .signatures-page[b-ktafiged2c]  .signature-date-filter .arrow-button {
        min-width: 44px;
    }
}
/* /Pages/UserAnalytics.razor.rz.scp.css */
.analytics-page[b-4g9al1ozbs] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    padding: 8px;
}

.analytics-filters[b-4g9al1ozbs] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.analytics-filter-control[b-4g9al1ozbs] {
    flex: 1 1 260px;
    min-width: 220px;
}

.analytics-date-control[b-4g9al1ozbs] {
    flex: 0 1 180px;
    min-width: 160px;
}

.analytics-chart-grid[b-4g9al1ozbs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.analytics-chart[b-4g9al1ozbs] {
    min-height: 330px;
    border: 1px solid var(--bs-gray-300);
    border-radius: 6px;
    padding: 10px;
    background: var(--bs-white);
}

.analytics-chart-title[b-4g9al1ozbs],
.analytics-list-title[b-4g9al1ozbs] {
    font-weight: 700;
    margin-bottom: 8px;
}

.analytics-empty-state[b-4g9al1ozbs],
.analytics-no-runs[b-4g9al1ozbs] {
    color: var(--bs-gray-600);
    font-size: 1.1rem;
    padding: 44px;
    text-align: center;
}

.analytics-empty-state i[b-4g9al1ozbs],
.analytics-no-runs i[b-4g9al1ozbs] {
    padding-right: 10px;
}

.analytics-runs-container[b-4g9al1ozbs] {
    overflow: auto;
    min-height: 240px;
}

.analytics-runs-table[b-4g9al1ozbs] {
    width: 100%;
}

.analytics-runs-header[b-4g9al1ozbs] {
    height: 32px;
    background-color: var(--bs-gray-400);
}

.analytics-runs-line[b-4g9al1ozbs] {
    background-color: var(--bs-gray-300);
}

.analytics-runs-line:nth-child(odd)[b-4g9al1ozbs] {
    background-color: var(--bs-gray-100);
}

th[b-4g9al1ozbs] {
    position: sticky;
    top: 0;
    background: var(--bs-gray-400);
    z-index: 999;
}

th[b-4g9al1ozbs],
td[b-4g9al1ozbs] {
    padding: 6px 8px;
}

.analytics-status[b-4g9al1ozbs] {
    display: inline-block;
    min-width: 120px;
    text-align: center;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 16px;
    font-size: 0.8rem;
}

.analytics-status-active[b-4g9al1ozbs] {
    background-color: var(--bs-success);
    color: var(--bs-light);
}

.analytics-status-pending[b-4g9al1ozbs] {
    background-color: var(--bs-warning);
    color: var(--bs-dark);
}

.analytics-status-inactive[b-4g9al1ozbs] {
    background-color: var(--bs-secondary);
    color: var(--bs-light);
}

.analytics-status-suspended[b-4g9al1ozbs],
.analytics-status-deleted[b-4g9al1ozbs] {
    background-color: var(--bs-danger);
    color: var(--bs-light);
}

.analytics-status-unknown[b-4g9al1ozbs] {
    background-color: var(--bs-gray-600);
    color: var(--bs-light);
}

@media (max-width: 900px) {
    .analytics-chart-grid[b-4g9al1ozbs] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/UserSettings.razor.rz.scp.css */
.user-settings-page[b-ji5qnwvhdz] {
    --brand: var(--annny-shell-brand, #00624a);
    --brand-hover: var(--annny-shell-brand-hover, #004f3c);
    --brand-soft: var(--annny-shell-soft, #e6f2ed);
    --canvas: #f6f7f4;
    --surface: #ffffff;
    --surface-alt: #f0f3ef;
    --ink: var(--annny-shell-ink, #182e28);
    --muted: #5b6b63;
    --line: var(--annny-shell-border, #dce4de);
    --control-border: #87998e;
    --danger: #b83242;
    --radius: var(--annny-shell-radius, 12px);
    min-height: 100%;
    padding: var(--space-8, 32px);
    background: var(--canvas);
    color: var(--ink);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

.user-settings-heading[b-ji5qnwvhdz] {
    margin-bottom: var(--space-6, 24px);
}

.user-settings-heading h1[b-ji5qnwvhdz] {
    margin: 0 0 var(--space-2, 8px);
    font-size: 28px;
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -.035em;
}

.user-settings-heading p[b-ji5qnwvhdz],
.settings-card-heading p[b-ji5qnwvhdz] {
    margin: 0;
    color: var(--muted);
}

.settings-sections[b-ji5qnwvhdz] {
    display: grid;
    gap: var(--space-6, 24px);
}

.settings-card[b-ji5qnwvhdz] {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
}

.settings-card-heading[b-ji5qnwvhdz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-4, 16px) var(--space-6, 24px);
}

.settings-card-heading > div[b-ji5qnwvhdz] {
    flex: 1;
    min-width: 160px;
}

.settings-card-heading h2[b-ji5qnwvhdz] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.4;
}

.settings-card-heading p[b-ji5qnwvhdz] {
    margin-top: var(--space-1, 4px);
    font-size: 13px;
}

.settings-section-icon[b-ji5qnwvhdz],
.device-icon[b-ji5qnwvhdz] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 9px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 18px;
}

.settings-card-body[b-ji5qnwvhdz] {
    padding: var(--space-6, 24px);
    border-top: 1px solid var(--line);
}

.settings-form-grid[b-ji5qnwvhdz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6, 24px);
}

.settings-form-grid > div[b-ji5qnwvhdz] {
    min-width: 0;
}

.settings-form-wide[b-ji5qnwvhdz] {
    grid-column: 1 / -1;
}

.form-label[b-ji5qnwvhdz] {
    margin-bottom: 6px;
    color: var(--ink);
    font-size: 12px;
    font-weight: 600;
}

.user-settings-page[b-ji5qnwvhdz]  .form-control,
.user-settings-page[b-ji5qnwvhdz]  .form-select {
    min-height: 44px;
    border: 1px solid var(--control-border);
    border-radius: 9px;
    background-color: var(--surface);
    color: var(--ink);
    font-size: 13px;
}

.user-settings-page[b-ji5qnwvhdz]  .form-control:disabled,
.user-settings-page[b-ji5qnwvhdz]  .form-select:disabled {
    background-color: var(--canvas);
    color: var(--muted);
}

.user-settings-page[b-ji5qnwvhdz]  .form-control:focus,
.user-settings-page[b-ji5qnwvhdz]  .form-select:focus,
.user-settings-page[b-ji5qnwvhdz]  .annny-dropdown:focus-within {
    border-color: var(--brand);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--brand) 16%, transparent);
}

.user-settings-page[b-ji5qnwvhdz]  .dropdown-menu {
    border: 1px solid var(--line);
    border-radius: 9px;
    background: var(--surface);
    color: var(--ink);
    box-shadow: var(--shadow, 0 8px 28px rgb(24 46 40 / 6%));
    font-size: 13px;
}

.user-settings-page[b-ji5qnwvhdz]  .dropdown-item {
    min-height: 44px;
    height: auto;
    padding: var(--space-2, 8px) var(--space-3, 12px);
    color: var(--ink);
}

.user-settings-page[b-ji5qnwvhdz]  .dropdown-item:hover,
.user-settings-page[b-ji5qnwvhdz]  .dropdown-item:focus,
.user-settings-page[b-ji5qnwvhdz]  .dropdown-item.active {
    background: var(--brand-soft);
    color: var(--brand);
}

.settings-toggle-row[b-ji5qnwvhdz] {
    padding: var(--space-2, 8px) var(--space-6, 24px);
}

.settings-form-grid .settings-toggle-row[b-ji5qnwvhdz] {
    padding: 0;
}

.settings-toggle-row[b-ji5qnwvhdz]  .flex-toggle {
    flex-direction: row-reverse;
    gap: var(--space-4, 16px);
    width: 100%;
    min-height: 44px;
}

.settings-toggle-row[b-ji5qnwvhdz]  .flex-toggle > label:not(.switch) {
    display: flex;
    flex: 1;
    align-items: center;
    min-height: 44px;
    color: var(--ink);
    font-size: 13px;
    cursor: pointer;
}

.settings-toggle-row[b-ji5qnwvhdz]  .switch {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
}

.settings-toggle-row[b-ji5qnwvhdz]  .slider {
    top: 11px;
    bottom: 11px;
    background: var(--control-border);
}

.settings-toggle-row[b-ji5qnwvhdz]  input:checked + .slider {
    background: var(--brand);
}

.settings-toggle-row[b-ji5qnwvhdz]  input:focus-visible + .slider {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
    box-shadow: none;
}

.settings-toggle-row[b-ji5qnwvhdz]  input:disabled + .slider {
    cursor: not-allowed;
    opacity: .5;
}

.settings-notification-list .settings-toggle-row + .settings-toggle-row[b-ji5qnwvhdz] {
    border-top: 1px solid var(--line);
}

.settings-reminder[b-ji5qnwvhdz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4, 16px);
}

.settings-reminder p[b-ji5qnwvhdz] {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}

.settings-reminder-input[b-ji5qnwvhdz] {
    width: 120px;
}

.settings-channel-heading[b-ji5qnwvhdz] {
    padding: var(--space-3, 12px) var(--space-6, 24px);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background: var(--surface-alt);
}

.settings-channel-heading h3[b-ji5qnwvhdz] {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
}

.settings-card-footer[b-ji5qnwvhdz] {
    display: flex;
    justify-content: flex-end;
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-top: 1px solid var(--line);
}

.user-settings-page[b-ji5qnwvhdz]  .annny-button {
    min-height: 44px;
    padding: var(--space-2, 8px) var(--space-4, 16px);
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
}

.user-settings-page[b-ji5qnwvhdz]  .settings-primary-action {
    border: 1px solid var(--brand);
    background: var(--brand);
    color: var(--surface);
}

.user-settings-page[b-ji5qnwvhdz]  .settings-primary-action:hover:not(:disabled) {
    border-color: var(--brand-hover);
    background: var(--brand-hover);
}

.user-settings-page[b-ji5qnwvhdz]  .settings-secondary-action,
.user-settings-page[b-ji5qnwvhdz]  .settings-danger-action {
    border: 1px solid var(--line);
    background: var(--surface);
    color: var(--ink);
}

.user-settings-page[b-ji5qnwvhdz]  .settings-secondary-action:hover:not(:disabled) {
    border-color: var(--brand);
    background: var(--surface-alt);
}

.user-settings-page[b-ji5qnwvhdz]  .settings-danger-action {
    color: var(--danger);
}

.user-settings-page[b-ji5qnwvhdz]  .settings-danger-action:hover:not(:disabled) {
    border-color: var(--danger);
    background: color-mix(in srgb, var(--danger) 7%, var(--surface));
}

.user-settings-page[b-ji5qnwvhdz]  .annny-button:focus-visible,
.user-settings-page[b-ji5qnwvhdz]  .tab-content:focus-visible {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
    box-shadow: none;
}

.device-list[b-ji5qnwvhdz] {
    border-top: 1px solid var(--line);
}

.device-list-item[b-ji5qnwvhdz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-4, 16px);
    padding: var(--space-4, 16px) var(--space-6, 24px);
    border-bottom: 1px solid var(--line);
}

.device-list-item:last-child[b-ji5qnwvhdz] {
    border-bottom: 0;
}

.device-info[b-ji5qnwvhdz] {
    display: grid;
    flex: 1;
    gap: var(--space-1, 4px);
    min-width: 180px;
    overflow-wrap: anywhere;
}

.device-app[b-ji5qnwvhdz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2, 8px);
}

.device-app strong[b-ji5qnwvhdz] {
    font-size: 14px;
    font-weight: 650;
}

.device-current[b-ji5qnwvhdz] {
    padding: 2px 6px;
    border-radius: 6px;
    background: var(--brand-soft);
    color: var(--brand);
    font-size: 12px;
    font-weight: 600;
}

.device-platform[b-ji5qnwvhdz],
.device-login[b-ji5qnwvhdz] {
    color: var(--muted);
    font-size: 12px;
}

.treeview-container[b-ji5qnwvhdz] {
    max-height: 480px;
    overflow: auto;
}

.data-protection[b-ji5qnwvhdz] {
    margin-top: var(--space-6, 24px);
}

.data-protection p[b-ji5qnwvhdz] {
    margin: 0 0 var(--space-3, 12px);
    color: var(--muted);
    font-size: 13px;
}

.data-protection p:last-child[b-ji5qnwvhdz] {
    margin-bottom: 0;
}

.data-protection a[b-ji5qnwvhdz] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2, 8px);
    min-height: 44px;
    color: var(--brand);
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}

.data-protection a:focus-visible[b-ji5qnwvhdz] {
    outline: 3px solid var(--brand);
    outline-offset: 3px;
}

.settings-state[b-ji5qnwvhdz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3, 12px);
    padding: var(--space-12, 48px) var(--space-6, 24px);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    background: var(--surface);
    text-align: center;
}

.settings-card .settings-state[b-ji5qnwvhdz] {
    border: 0;
    border-top: 1px solid var(--line);
}

.settings-state > .bi[b-ji5qnwvhdz] {
    font-size: 32px;
    color: var(--muted);
}

.settings-state h2[b-ji5qnwvhdz],
.settings-state h3[b-ji5qnwvhdz] {
    margin: 0;
    font-size: 16px;
    font-weight: 650;
}

.settings-state-error > .bi[b-ji5qnwvhdz] {
    color: var(--danger);
}

@media (max-width: 767.98px) {
    .user-settings-page[b-ji5qnwvhdz] {
        padding: var(--space-6, 24px) var(--space-4, 16px);
    }

    .user-settings-heading h1[b-ji5qnwvhdz] {
        font-size: 24px;
    }

    .settings-form-grid[b-ji5qnwvhdz] {
        grid-template-columns: minmax(0, 1fr);
    }

    .settings-card-heading[b-ji5qnwvhdz],
    .settings-card-body[b-ji5qnwvhdz],
    .settings-card-footer[b-ji5qnwvhdz],
    .settings-toggle-row[b-ji5qnwvhdz],
    .settings-channel-heading[b-ji5qnwvhdz],
    .device-list-item[b-ji5qnwvhdz] {
        padding-left: var(--space-4, 16px);
        padding-right: var(--space-4, 16px);
    }

    .device-actions[b-ji5qnwvhdz] {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .settings-toggle-row[b-ji5qnwvhdz]  .slider,
    .settings-toggle-row[b-ji5qnwvhdz]  .slider::before {
        transition: none;
    }
}
/* /Pages/WardRoundViewer.razor.rz.scp.css */
.ward-round-viewer[b-7fl9ges6uh] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 20px;
    overflow: hidden;
    background: var(--bs-light);
    border-radius: 20px;
}

.ward-round-viewer-content[b-7fl9ges6uh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    background: var(--bs-white);
}

.ward-round-viewer-actions[b-7fl9ges6uh] {
    flex: 0 0 auto;
}

.ward-round-container[b-7fl9ges6uh] {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
/* /Shared/AssignedContainerChips.razor.rz.scp.css */
.assigned-containers-container[b-9wv5mynkd5] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
}

.assigned-container[b-9wv5mynkd5] {
    padding: 1px 10px;
    border-radius: 20px;
    background-color: rgba(var(--bs-primary-rgb), 0.7);
    font-size: 0.8rem;
    word-spacing: normal;
    color: var(--bs-light);
}

.assigned-container-loading[b-9wv5mynkd5] {
    width: 150px;
    background: linear-gradient(110deg, rgba(var(--bs-primary-rgb), 0.55) 8%, rgba(var(--bs-primary-rgb), 0.2) 18%, rgba(var(--bs-primary-rgb), 0.55) 33%);
    background-size: 200% 100%;
    animation: .75s shine-b-9wv5mynkd5 linear infinite;
}

.assigned-container-icon[b-9wv5mynkd5] {
    margin-right: 8px;
}

.assigned-container-edit-button[b-9wv5mynkd5] {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background-color: transparent;
    color: var(--bs-primary);
    transition: all 0.2s cubic-bezier(.44, .63, 0, 1);
    cursor: pointer;
    text-align: center;
    font-size: 0.8rem;
}

.assigned-container-edit-button:hover[b-9wv5mynkd5] {
    background-color: rgba(var(--bs-primary-rgb), 0.7);
    color: var(--bs-light);
}

@keyframes shine-b-9wv5mynkd5 {
    to {
        background-position-x: -200%;
    }
}
/* /Shared/CareDemandView.razor.rz.scp.css */
.care-information-grid[b-ksibbug8h2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 991.98px) {
    .care-information-grid[b-ksibbug8h2] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Shared/CareDutyEnding.razor.rz.scp.css */
.care-duty-ending[b-mwd2hkf81n] {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
    text-align: left;
    overflow-wrap: anywhere;
}

.care-duty-ending:hover[b-mwd2hkf81n] {
    border-color: var(--brand, #00624a);
}

.care-duty-ending:focus-visible[b-mwd2hkf81n] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.care-duty-ending-statuses[b-mwd2hkf81n], .care-duty-ending-dates[b-mwd2hkf81n] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.care-duty-ending-dates[b-mwd2hkf81n] {
    font-weight: 600;
}

.care-duty-ending-open[b-mwd2hkf81n] {
    margin-left: auto;
    color: var(--brand, #00624a);
}

.care-duty-ending-badge[b-mwd2hkf81n] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
    font-weight: 600;
}

.care-duty-ending-deleted[b-mwd2hkf81n] {
    background: var(--surface, #fff);
    color: var(--danger, #b83242);
}

.care-duty-ending-comment[b-mwd2hkf81n] {
    display: grid;
    gap: 4px;
    white-space: pre-wrap;
}

.care-duty-ending-label[b-mwd2hkf81n], .care-duty-ending-deleted-date[b-mwd2hkf81n] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
}
/* /Shared/CareDutyEndingList.razor.rz.scp.css */
.care-duty-history[b-6cpy5ho6ub], .care-duty-history-items[b-6cpy5ho6ub] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.care-duty-history-group[b-6cpy5ho6ub] {
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.care-duty-history-group summary[b-6cpy5ho6ub] {
    display: list-item;
    min-height: 44px;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.care-duty-history-group summary[b-6cpy5ho6ub]::marker {
    color: var(--brand, #00624a);
}

.care-duty-history-group summary:focus-visible[b-6cpy5ho6ub] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    border-radius: 9px;
}

.care-duty-history-group[open] summary[b-6cpy5ho6ub] {
    border-bottom: 1px solid var(--line, #dce4de);
}

.care-duty-history-count[b-6cpy5ho6ub] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
}

.care-duty-history-items[b-6cpy5ho6ub] {
    padding: 16px;
}

.care-duty-history-empty[b-6cpy5ho6ub] {
    margin: 0;
    padding: 16px;
    border: 1px dashed var(--line, #dce4de);
    border-radius: 9px;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}
/* /Shared/CareDutyOfferList.razor.rz.scp.css */
.care-duty-offers[b-2ut3demf1a], .care-duty-offer-items[b-2ut3demf1a] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.care-duty-offer-group[b-2ut3demf1a] {
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.care-duty-offer-group summary[b-2ut3demf1a] {
    display: list-item;
    min-height: 44px;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.care-duty-offer-group summary[b-2ut3demf1a]::marker {
    color: var(--brand, #00624a);
}

.care-duty-offer-group summary:focus-visible[b-2ut3demf1a], .care-duty-offer:focus-visible[b-2ut3demf1a] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
    border-radius: 9px;
}

.care-duty-offer-group[open] summary[b-2ut3demf1a] {
    border-bottom: 1px solid var(--line, #dce4de);
}

.care-duty-offer-count[b-2ut3demf1a] {
    display: inline-block;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
}

.care-duty-offer-items[b-2ut3demf1a] {
    padding: 16px;
}

.care-duty-offer[b-2ut3demf1a] {
    display: grid;
    gap: 12px;
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
    line-height: 1.55;
    text-align: left;
    overflow-wrap: anywhere;
}

.care-duty-offer:hover[b-2ut3demf1a] {
    border-color: var(--brand, #00624a);
}

.care-duty-offer-heading[b-2ut3demf1a], .care-duty-offer-status[b-2ut3demf1a] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.care-duty-offer-title[b-2ut3demf1a] {
    flex: 1;
    min-width: 120px;
    font-weight: 650;
}

.care-duty-offer-heading > i[b-2ut3demf1a] {
    color: var(--brand, #00624a);
}

.care-duty-offer-status[b-2ut3demf1a] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--surface, #fff);
    font-size: 11px;
    font-weight: 600;
}

.offer-status-success[b-2ut3demf1a] {
    color: var(--success, #176b46);
}

.offer-status-danger[b-2ut3demf1a] {
    color: var(--danger, #b83242);
}

.offer-status-pending[b-2ut3demf1a] {
    color: var(--muted, #5b6b63);
}

.care-duty-offer-property[b-2ut3demf1a] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: 12px;
}

.care-duty-offer-property > span:first-child[b-2ut3demf1a], .care-duty-offer-date[b-2ut3demf1a] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.care-duty-offer-comment[b-2ut3demf1a] {
    white-space: pre-wrap;
}

.care-duty-offers-empty[b-2ut3demf1a] {
    margin: 0;
    padding: 16px;
    border: 1px dashed var(--line, #dce4de);
    border-radius: 9px;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

@media (max-width: 575.98px) {
    .care-duty-offer-property[b-2ut3demf1a] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }
}
/* /Shared/CarePlanColorBand.razor.rz.scp.css */
.care-plan-color-band[b-jma472qtmj] {
    display: block;
    width: 100%;
    height: 100%;
}
/* /Shared/CarePlanPersonCard.razor.rz.scp.css */
.care-plan-person[b-ns70el3uka] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 12px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
}

.care-plan-person-current[b-ns70el3uka] {
    border-color: var(--brand, #00624a);
    background: var(--brand-soft, #e6f2ed);
}

.care-plan-person-portrait[b-ns70el3uka] {
    min-width: 0;
}

.care-plan-person-name[b-ns70el3uka] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 44px;
    padding: 4px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink, #182e28);
    font-size: 13px;
    font-weight: 650;
    text-align: left;
}

.care-plan-person-name > span:not(.care-plan-person-color)[b-ns70el3uka] {
    flex: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}

.care-plan-person-name i[b-ns70el3uka] {
    color: var(--muted, #5b6b63);
}

.care-plan-person-name:hover[b-ns70el3uka] {
    color: var(--brand, #00624a);
}

.care-plan-person-name:focus-visible[b-ns70el3uka] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.care-plan-person-color[b-ns70el3uka] {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
}

.care-plan-person-badge[b-ns70el3uka] {
    position: absolute;
    top: 0;
    right: 12px;
    z-index: 1;
    transform: translateY(-50%);
    pointer-events: none;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--surface, #fff);
    color: var(--brand, #00624a);
    font-size: 11px;
    font-weight: 650;
    line-height: 1.4;
}
/* /Shared/CarePlanVisualizer.razor.rz.scp.css */
.care-plan-calendar[b-sxi2falzm3] {
    min-width: 0;
}

.care-plan-months[b-sxi2falzm3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 364px), 1fr));
    grid-auto-rows: 1fr;
    align-items: stretch;
    gap: 24px;
}

.care-plan-month[b-sxi2falzm3] {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #fff);
    overflow-x: auto;
}

.care-plan-month:focus-visible[b-sxi2falzm3] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.care-plan-month h3[b-sxi2falzm3] {
    margin: 0 0 16px;
    color: var(--ink, #182e28);
    font-size: 14px;
    font-weight: 650;
    text-align: center;
    line-height: 1.5;
}

.care-plan-weekdays[b-sxi2falzm3], .care-plan-week[b-sxi2falzm3] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 4px;
    min-width: 332px;
}

.care-plan-weekdays[b-sxi2falzm3] {
    margin-bottom: 8px;
    color: var(--muted, #5b6b63);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.care-plan-week + .care-plan-week[b-sxi2falzm3] {
    margin-top: 4px;
}

.care-plan-month-day[b-sxi2falzm3] {
    position: relative;
    min-width: 0;
    min-height: 44px;
    padding: 4px 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.care-plan-month-day:disabled[b-sxi2falzm3] {
    opacity: 1;
    color: var(--ink, #182e28);
}

.care-plan-month-day-weekend[b-sxi2falzm3] {
    background: var(--canvas, #f6f7f4);
    color: var(--muted, #5b6b63);
}

.care-plan-month-day-today[b-sxi2falzm3] {
    border-color: var(--brand, #00624a);
    font-weight: 750;
}

.care-plan-month-day-selected[b-sxi2falzm3] {
    background: var(--brand-soft, #e6f2ed);
    box-shadow: inset 0 0 0 1px var(--brand, #00624a);
}

.care-plan-month-day-hovered[b-sxi2falzm3], .care-plan-month-day:hover:not(:disabled)[b-sxi2falzm3] {
    border-color: var(--brand, #00624a);
    background: var(--brand-soft, #e6f2ed);
}

.care-plan-month-day:focus-visible[b-sxi2falzm3] {
    z-index: 1;
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 2px;
}

.care-plan-day-bands[b-sxi2falzm3] {
    position: absolute;
    inset: auto 4px 4px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    height: 8px;
    pointer-events: none;
}

.care-plan-day-band[b-sxi2falzm3] {
    flex: 1;
    width: 100%;
    min-height: 0;
}

@media (max-width: 575.98px) {
    .care-plan-months[b-sxi2falzm3] {
        gap: 16px;
    }

    .care-plan-month[b-sxi2falzm3] {
        padding: 12px;
    }

    .care-plan-weekdays[b-sxi2falzm3], .care-plan-week[b-sxi2falzm3] {
        gap: 2px;
        min-width: 320px;
    }
}

.care-plan-month-loading[b-sxi2falzm3] {
    display: grid;
    gap: 24px;
    min-height: 377px;
}

@media (prefers-reduced-motion: reduce) {
    .care-plan-calendar[b-sxi2falzm3]  .skeleton-loading {
        animation: none;
    }
}
/* /Shared/CaretakerCarePlanView.razor.rz.scp.css */
.care-plan-workspace[b-k9om4ss77v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
    min-width: 0;
}

.care-plan-wide[b-k9om4ss77v] {
    grid-column: 1 / -1;
    min-width: 0;
}

.care-plan-people[b-k9om4ss77v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 12px;
    min-width: 0;
}

.care-plan-navigation[b-k9om4ss77v] {
    display: flex;
    gap: 8px;
}

.care-plan-navigation-button[b-k9om4ss77v] {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.care-plan-navigation-button:hover:not(:disabled)[b-k9om4ss77v] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.care-plan-navigation-button:focus-visible[b-k9om4ss77v] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.care-plan-navigation-button:disabled[b-k9om4ss77v] {
    opacity: .5;
    cursor: default;
}

.care-plan-hint[b-k9om4ss77v] {
    margin: 16px 0 0;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.care-plan-count[b-k9om4ss77v] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
}

@media (max-width: 991.98px) {
    .care-plan-workspace[b-k9om4ss77v] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .care-plan-workspace[b-k9om4ss77v] {
        gap: 16px;
    }
}

.care-plan-skills[b-k9om4ss77v] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.care-plan-skills li[b-k9om4ss77v] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
}
/* /Shared/CheckListView.razor.rz.scp.css */
.action-container[b-br3ai9zq76] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1400px;
}

.action-sub-container[b-br3ai9zq76] {
    display: flex;
    flex-direction: row;
    border-radius: 15px;
    padding: 15px 0;
    gap: 15px;
}

.new-checklist-button[b-br3ai9zq76] {
    width: 210px;
}

.checklist-view-tabs[b-br3ai9zq76] {
    gap: 0;
}

.checklist-view-tabs[b-br3ai9zq76]  .checklist-overview-button {
    border-radius: 0.6rem 0 0 0.6rem;
}

.checklist-view-tabs[b-br3ai9zq76]  .checklist-archive-button {
    border-radius: 0 0.6rem 0.6rem 0;
}
/* /Shared/ClientCarePlanView.razor.rz.scp.css */
.care-plan-workspace[b-baxpjqmh1d] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    align-items: start;
    min-width: 0;
}

.care-plan-wide[b-baxpjqmh1d] {
    grid-column: 1 / -1;
    min-width: 0;
}

.care-plan-people[b-baxpjqmh1d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
    gap: 12px;
    min-width: 0;
}

.care-plan-navigation[b-baxpjqmh1d] {
    display: flex;
    gap: 8px;
}

.care-plan-navigation-button[b-baxpjqmh1d] {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.care-plan-navigation-button:hover:not(:disabled)[b-baxpjqmh1d] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
}

.care-plan-navigation-button:focus-visible[b-baxpjqmh1d] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.care-plan-navigation-button:disabled[b-baxpjqmh1d] {
    opacity: .5;
    cursor: default;
}

.care-plan-hint[b-baxpjqmh1d] {
    margin: 16px 0 0;
    color: var(--muted, #5b6b63);
    font-size: 12px;
}

.care-plan-count[b-baxpjqmh1d] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
}

@media (max-width: 991.98px) {
    .care-plan-workspace[b-baxpjqmh1d] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .care-plan-workspace[b-baxpjqmh1d] {
        gap: 16px;
    }
}
/* /Shared/ClientView.razor.rz.scp.css */
.person-assignment-list[b-fiz4add6re] {
    display: grid;
    gap: 12px;
    min-width: 0;
}
/* /Shared/ContactCreationEditModal.razor.rz.scp.css */
.create-edit-container-bo[b-hyj3fqjy2i] {
    width: 60%;
    max-width: 1000px;
    min-width: 500px;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    margin-top: 20px;
}

.create-contact-button-container[b-hyj3fqjy2i] {
    max-width: 20em;
}

.create-edit-column[b-hyj3fqjy2i] {
    display: flex;
}

.create-edit-contact-overlay-close-button[b-hyj3fqjy2i] {
    position: fixed;
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.create-edit-contact-overlay-close-button:hover[b-hyj3fqjy2i] {
    color: var(--bs-red);
}

.contact-create-edit-header[b-hyj3fqjy2i] {
    margin: 20px;
    display: flex;
    justify-content: center;
    color: var(--bs-green);
}

.danger-modal[b-hyj3fqjy2i] {
    margin-right: 10px;
}
/* /Shared/ContactDataView.razor.rz.scp.css */
.contact-information-grid[b-f1vyzctm5s] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    min-width: 0;
}

.contact-information-channels[b-f1vyzctm5s], .contact-information-list[b-f1vyzctm5s] {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.contact-information-channels[b-f1vyzctm5s] {
    align-content: start;
    gap: 24px;
}

.contact-information-grid h3[b-f1vyzctm5s] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 650;
}

.contact-information-grid h3 i[b-f1vyzctm5s] {
    color: var(--brand, #00624a);
}

.contact-information-empty[b-f1vyzctm5s] {
    margin: 0;
    padding: 16px;
    border: 1px dashed var(--line, #dce4de);
    border-radius: 9px;
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

@media (max-width: 991.98px) {
    .contact-information-grid[b-f1vyzctm5s] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Shared/ContactDetailShowModal.razor.rz.scp.css */
.create-edit-container-bo[b-69eegj1age] {
    width: 60%;
    max-width: 1000px;
    min-width: 500px;
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    margin-top: 20px;
}

.create-edit-contact-overlay-close-button[b-69eegj1age] {
    position: fixed;
    top: 10px;
    right: 15px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.create-edit-contact-overlay-close-button:hover[b-69eegj1age] {
    color: var(--bs-red);
}

.edit-button-contain[b-q5o2ta8hme][b-69eegj1age] {
    position: fixed;
    top: 10px;
    left: -10px;
    width: 153px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}
/* /Shared/CreateDailyPlanCheckboxItem.razor.rz.scp.css */
.edit-button[b-2ci7enc9wa] {
    display: inline-block;
    transition: all .2s cubic-bezier(.44, .63, 0, 1);
    padding: 0 !important;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    vertical-align: middle;
    text-align: center;
    color: var(--bs-gray-600);
    cursor: pointer;
    margin-left: 3px;
}

.edit-button:hover[b-2ci7enc9wa] {
    color: var(--bs-dark);
}
/* /Shared/CreateDailyPlanFromSpecialTreatmentsDialog.razor.rz.scp.css */
.wizard-overlay[b-aetefzazvf] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.wizard-overlay-close-button[b-aetefzazvf] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.wizard-overlay-title[b-aetefzazvf] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.wizard-overlay-close-button:hover[b-aetefzazvf] {
    color: var(--bs-red);
}

.daily-plan-group[b-aetefzazvf] {
    border-radius: 10px;
    padding: 10px;
    margin-top: 10px;
}

.daily-plan-category[b-aetefzazvf] {
    font-weight: bold;
    padding-top: 10px;
}

.edit-comment-button[b-aetefzazvf] {
    display: inline-block;
    transition: all .2s cubic-bezier(.44, .63, 0, 1);
    padding: 0 !important;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 1rem;
    vertical-align: middle;
    text-align: center;
    color: var(--bs-gray-600);
    cursor: pointer;
    margin-left: 3px;
}

.edit-comment-button:hover[b-aetefzazvf] {
    color: var(--bs-dark);
}

.button-loading-spinner[b-aetefzazvf] {
    margin-right: 5px;
}
/* /Shared/DailyPlanView.razor.rz.scp.css */
.care-information-grid[b-dnok4d4f2e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 991.98px) {
    .care-information-grid[b-dnok4d4f2e] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Shared/DgkpView.razor.rz.scp.css */
.person-assignment-list[b-tbgqnf8rfo] {
    display: grid;
    gap: 12px;
    min-width: 0;
}
/* /Shared/DiagnosisView.razor.rz.scp.css */
.care-information-grid[b-11hs1i7mjp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 991.98px) {
    .care-information-grid[b-11hs1i7mjp] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Shared/DocumentCreationDialog.razor.rz.scp.css */
.document-edit-overlay[b-3bk3ddus02] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.document-edit-overlay-close-button[b-3bk3ddus02] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.document-edit-overlay-title[b-3bk3ddus02] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.document-edit-overlay-close-button:hover[b-3bk3ddus02] {
    color: var(--bs-red);
}

.button-loading-spinner[b-3bk3ddus02] {
    margin-right: 5px;
}
/* /Shared/DocumentsView.razor.rz.scp.css */
.documents-toolbar[b-hapnokg3nl] {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.documents-type-filter[b-hapnokg3nl] {
    flex: 1 1 260px;
    max-width: 480px;
    min-width: 0;
}

.documents-type-filter > label[b-hapnokg3nl] {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 600;
}

.documents-filter-actions[b-hapnokg3nl] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.documents-filter-actions[b-hapnokg3nl]  .annny-button {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--surface, #ffffff);
    border-color: var(--line, #dce4de);
    color: var(--ink, #182e28);
    font-size: 13px;
    font-weight: 600;
}

.documents-filter-actions[b-hapnokg3nl]  .annny-button:hover:not(:disabled) {
    background: var(--brand-soft, #e6f2ed);
}

.documents-filter-actions[b-hapnokg3nl]  .annny-button:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.documents-deleted-filter[b-hapnokg3nl] {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 13px;
}

.documents-type-option[b-hapnokg3nl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.documents-type-count[b-hapnokg3nl] {
    padding: 2px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
}

.documents-pagination[b-hapnokg3nl] {
    margin-top: 24px;
}

@media (max-width: 575.98px) {
    .documents-type-filter[b-hapnokg3nl] {
        flex-basis: 100%;
        max-width: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .documents-filter-actions[b-hapnokg3nl]  .annny-button {
        transition: none;
    }
}
/* /Shared/EditAgencyInformationDialog.razor.rz.scp.css */
.personal-information-edit-spinner-container[b-apb8pkcv4y] {
    margin-top: 100px;
}

.personal-information-edit-overlay[b-apb8pkcv4y] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    overflow: auto;
}

.personal-information-edit-overlay-close-button[b-apb8pkcv4y] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.personal-information-edit-overlay-title[b-apb8pkcv4y] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.personal-information-edit-overlay-close-button:hover[b-apb8pkcv4y] {
    color: var(--bs-red);
}

.button-loading-spinner[b-apb8pkcv4y] {
    margin-right: 5px;
}

.address-slash[b-apb8pkcv4y] {
    font-size: 25px;
}
/* /Shared/EditAgencySettingsDialog.razor.rz.scp.css */
.personal-information-edit-spinner-container[b-7cnmvxzjny] {
    margin-top: 100px;
}

.personal-information-edit-overlay[b-7cnmvxzjny] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    overflow: auto;
}

.personal-information-edit-overlay-close-button[b-7cnmvxzjny] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.personal-information-edit-overlay-title[b-7cnmvxzjny] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.personal-information-edit-overlay-close-button:hover[b-7cnmvxzjny] {
    color: var(--bs-red);
}

.button-loading-spinner[b-7cnmvxzjny] {
    margin-right: 5px;
}

.gisa-disabled[b-7cnmvxzjny] {
    opacity: 60%;
}

.subheading[b-7cnmvxzjny] {
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 600;
}
/* /Shared/EditInvoicingSettingsDialog.razor.rz.scp.css */
.personal-information-edit-spinner-container[b-6gy4rrdur6] {
    margin-top: 100px;
}

.personal-information-edit-overlay[b-6gy4rrdur6] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    overflow: auto;
}

.personal-information-edit-overlay-close-button[b-6gy4rrdur6] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.personal-information-edit-overlay-title[b-6gy4rrdur6] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.personal-information-edit-overlay-close-button:hover[b-6gy4rrdur6] {
    color: var(--bs-red);
}

.button-loading-spinner[b-6gy4rrdur6] {
    margin-right: 5px;
}
/* /Shared/EditPersonalInformationDialog.razor.rz.scp.css */
.personal-information-edit-spinner-container[b-2et4qpa0bi] {
    margin-top: 100px;
}

.personal-information-edit-overlay[b-2et4qpa0bi] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
    overflow: auto;
}

.personal-information-edit-overlay-close-button[b-2et4qpa0bi] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.personal-information-edit-overlay-title[b-2et4qpa0bi] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.invalid-validation-message[b-2et4qpa0bi] {
    font-size: 0.8rem;
    padding-left: 10px;
    color: var(--bs-danger);
}

.personal-information-edit-overlay-close-button:hover[b-2et4qpa0bi] {
    color: var(--bs-red);
}

.button-loading-spinner[b-2et4qpa0bi] {
    margin-right: 5px;
}

.expander-column[b-2et4qpa0bi] {
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    margin-top: 50px;
}

.button-alignment-container[b-2et4qpa0bi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.user-create-button-alignment[b-2et4qpa0bi] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
}

.input-wrapper[b-2et4qpa0bi] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.expander-title[b-2et4qpa0bi] {
    font-size: 19px;
    font-weight: bold;
    margin: 0;
    color: var(--bs-dark);
}

.avatar-wrapper-preview[b-2et4qpa0bi] {
    position: relative;
    height: 100px;
    width: 100px;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px black;
    border-radius: 50%;

    .profile-pic-preview {
        top: 0;
        left: 0;
        position: absolute;
        height: 100%;
        width: 100%;
    }
}

.avatar-wrapper[b-2et4qpa0bi] {
    position: relative;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 1px 15px -5px black;
    transition: all .3s ease;


    &:hover {
        transform: scale(1.05);
        cursor: pointer;
    }

    &:hover .profile-pic[b-2et4qpa0bi] {
        opacity: .5;
    }

    &:hover .profile-pic[b-2et4qpa0bi]:before {
        content: "\f13a";
    }

    .profile-pic[b-2et4qpa0bi] {
        height: 100%;
        width: 100%;
        transition: all .3s ease;
        top: 0;
        left: 0;
        position: absolute;
        font-size: 67px;
        background: #ecf0f1;
        color: var(--bs-primary);
        text-align: center;

    }

    .profile-pic[b-2et4qpa0bi]:before {
        content: "\f4de";
    }

    .file-upload[b-2et4qpa0bi] {
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .upload-button[b-2et4qpa0bi] {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;

        .bi-arrow-up-circle {
            position: absolute;
            font-size: 90px;
            top: -19px;
            left: 5px;
            text-align: center;
            opacity: 0;
            transition: all .3s ease;
            color: var(--bs-primary);
        }

        &:hover .bi-arrow-up-circle[b-2et4qpa0bi] {
            opacity: .9;
        }
    }
}

.personal-information-block[b-2et4qpa0bi] {
    margin-bottom: 35px;
}

.dynamic-fields-edit-column[b-2et4qpa0bi] {
    width: 400px;
}

.concatenated-addressline-container[b-2et4qpa0bi] {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.concatenated-addressline-container-item[b-2et4qpa0bi] {
    width: 20%;
}

.concatenated-addressline-item-container[b-2et4qpa0bi] {
    display: flex;
}

.button-width[b-2et4qpa0bi] {
    width: 100%;
}

.address-slash[b-2et4qpa0bi]{
    font-size: 25px;
}
/* /Shared/GuardianView.razor.rz.scp.css */
.person-assignment-list[b-4qjiepozkm] {
    display: grid;
    gap: 12px;
    min-width: 0;
}
/* /Shared/InvoicingView.razor.rz.scp.css */
.invoicing-not-set-up-message[b-7sazgsvxdq] {
    display: flex;
    align-items: center;
    background-color: var(--bs-warning);
    color: var(--bs-warning-rgb);
    margin: 20px;
    padding: 35px;
    border-radius: 10px;
    height: 60px;
    max-width: 97%;
}

.warning-button[b-7sazgsvxdq] {
    color: var(--bs-warning-rgb);
    border-color: var(--bs-warning-rgb);
    margin-left: 10px;
}

.action-container[b-7sazgsvxdq] {
    display: flex;
    flex-direction: row;
}

.action-sub-container[b-7sazgsvxdq] {
    display: flex;
    flex-direction: row;
    border-radius: 15px;
    padding: 15px 30px;
    margin: 5px;
}

.person-overview-tab-container[b-7sazgsvxdq] {
    background-color: var(--bs-gray-300);
    padding: 10px;
    border-radius: 10px;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-sp1nvjvoju] {
    /* AnnnyStyle navigation shell tokens, shared by the sidebar and toolbar. */
    --annny-shell-brand: #00624a;
    --annny-shell-brand-hover: #004f3c;
    --annny-shell-deep: #003e32;
    --annny-shell-active: #137f65;
    --annny-shell-on-brand: #ffffff;
    --annny-shell-muted: #b9d5cb;
    --annny-shell-soft: #e6f2ed;
    --annny-shell-ink: #182e28;
    --annny-shell-border: #dce4de;
    --annny-shell-focus: #e5f5be;
    --annny-shell-radius: 12px;
    --annny-shell-control-size: 48px;
    --annny-shell-sidebar-width: 188px;
    --annny-shell-topbar-height: 74px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--bs-light);
    overflow: hidden;
}

.page-workspace[b-sp1nvjvoju] {
    display: flex;
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

.page-content[b-sp1nvjvoju] {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(90deg, var(--annny-shell-active), var(--annny-shell-brand) 45%, var(--annny-shell-deep));
}

main[b-sp1nvjvoju] {
    flex: 1;
    min-height: 0;
    background-color: var(--bs-light);
    width: 100%;
    overflow: auto;
    border-top-left-radius: var(--annny-shell-radius);
}

@media (max-width: 991.98px) {
    .page[b-sp1nvjvoju] {
        --annny-shell-sidebar-width: 76px;
    }
}
/* /Shared/MedicalPersonnelView.razor.rz.scp.css */
.person-assignment-list[b-g1umy1c8vj] {
    display: grid;
    gap: 12px;
    min-width: 0;
}
/* /Shared/MedicationCreationDialog.razor.rz.scp.css */
.medication-edit-overlay[b-yu4ewzh34s] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.medication-edit-overlay-close-button[b-yu4ewzh34s] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.medication-edit-overlay-title[b-yu4ewzh34s] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.medication-edit-overlay-close-button:hover[b-yu4ewzh34s] {
    color: var(--bs-red);
}

.button-loading-spinner[b-yu4ewzh34s] {
    margin-right: 5px;
}

/* /Shared/NavMenu.razor.rz.scp.css */
.menu-container[b-5vn7sav8mf] {
    display: flex;
    flex-direction: column;
    flex: 0 0 var(--annny-shell-sidebar-width);
    width: var(--annny-shell-sidebar-width);
    height: 100%;
    min-height: 0;
    color: var(--annny-shell-on-brand);
    background:
        linear-gradient(150deg, transparent 90%, var(--annny-shell-brand) 90%),
        linear-gradient(25deg, var(--annny-shell-deep), var(--annny-shell-brand-hover));
}

.navigation-brand[b-5vn7sav8mf] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: var(--annny-shell-topbar-height);
    padding: 16px 24px;
}

.navigation-logo[b-5vn7sav8mf] {
    display: block;
    width: 96px;
    max-width: 100%;
}

.navigation-logo img[b-5vn7sav8mf] {
    display: block;
    width: 100%;
    height: auto;
}

.navigation[b-5vn7sav8mf] {
    flex: 1;
    min-height: 0;
    padding: 8px 8px 16px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--annny-shell-active) transparent;
}

.navigation-group + .navigation-group[b-5vn7sav8mf] {
    margin-top: 16px;
}

.navigation-group-title[b-5vn7sav8mf] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 0 16px 12px;
    color: var(--annny-shell-muted);
    font-size: 11px;
    font-weight: 650;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.navigation-group-title[b-5vn7sav8mf]::after {
    content: "";
    flex: 1;
    height: 1px;
    background: currentColor;
    opacity: .25;
}

.navigation ul[b-5vn7sav8mf] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.navigation a[b-5vn7sav8mf] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: var(--annny-shell-control-size);
    padding: 8px 16px;
    border-radius: var(--annny-shell-radius);
    color: var(--annny-shell-on-brand);
    text-decoration: none;
    transition: background-color .15s ease;
}

.navigation a:hover[b-5vn7sav8mf] {
    background: var(--annny-shell-brand);
}

.navigation li.active a[b-5vn7sav8mf] {
    background: var(--annny-shell-active);
    font-weight: 600;
}

.navigation a:focus-visible[b-5vn7sav8mf] {
    outline: 3px solid var(--annny-shell-focus);
    outline-offset: -3px;
}

.icon[b-5vn7sav8mf] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 24px;
    font-size: 24px;
    line-height: 1;
}

.title[b-5vn7sav8mf] {
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.navigation-badge[b-5vn7sav8mf] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 999px;
    background: var(--annny-shell-soft);
    color: var(--annny-shell-brand);
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .navigation-brand[b-5vn7sav8mf] {
        justify-content: center;
        padding: 16px 8px;
    }

    .navigation-logo[b-5vn7sav8mf] {
        width: 48px;
    }

    .navigation-group + .navigation-group[b-5vn7sav8mf] {
        margin-top: 16px;
        border-top: 1px solid var(--annny-shell-active);
        padding-top: 16px;
    }

    .navigation a[b-5vn7sav8mf] {
        justify-content: center;
        gap: 4px;
        flex-direction: column;
        padding: 8px 4px;
    }

    .navigation-group-title[b-5vn7sav8mf] {
        display: none;
    }

    .title[b-5vn7sav8mf] {
        display: none;
    }

    .navigation-badge[b-5vn7sav8mf] {
        position: absolute;
        top: 2px;
        right: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .navigation a[b-5vn7sav8mf] {
        transition: none;
    }
}
/* /Shared/PersonalDataView.razor.rz.scp.css */
.personal-data[b-0a2u9uxik8], .personal-data-grid[b-0a2u9uxik8], .personal-data-stack[b-0a2u9uxik8] {
    display: grid;
    gap: 24px;
    min-width: 0;
}

.personal-data-grid[b-0a2u9uxik8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}

.personal-data-section-wide[b-0a2u9uxik8] {
    grid-column: 1 / -1;
}

.personal-data-general .personal-data-properties[b-0a2u9uxik8] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 24px;
}

.personal-data-section[b-0a2u9uxik8] {
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
}

.personal-data-section h3[b-0a2u9uxik8] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 20px;
    font-size: 14px;
    font-weight: 650;
    line-height: 1.5;
}

.personal-data-section h3 i[b-0a2u9uxik8] {
    color: var(--brand, #00624a);
    font-size: 18px;
}

.personal-data-properties[b-0a2u9uxik8] {
    display: grid;
    gap: 16px;
    margin: 0;
    font-size: 13px;
    line-height: 1.55;
}

.personal-data-properties > div[b-0a2u9uxik8] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    align-items: start;
    gap: 12px;
    min-width: 0;
}

.personal-data-properties dt[b-0a2u9uxik8] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.personal-data-properties dd[b-0a2u9uxik8] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
}

.personal-data-property-multiline dd[b-0a2u9uxik8] {
    white-space: pre-wrap;
}

.personal-data-properties > .personal-data-property-stacked[b-0a2u9uxik8] {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.personal-data-stack[b-0a2u9uxik8] {
    gap: 12px;
}

.personal-data-list[b-0a2u9uxik8] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-data-language-list[b-0a2u9uxik8] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.personal-data-language[b-0a2u9uxik8], .personal-data-badge[b-0a2u9uxik8] {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 12px;
    font-weight: 600;
}

.personal-data-language-level[b-0a2u9uxik8] {
    font-weight: 400;
}

.personal-data-bank[b-0a2u9uxik8] {
    display: grid;
    gap: 16px;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface-alt, #f0f3ef);
}

.personal-data-badge[b-0a2u9uxik8] {
    justify-self: start;
}

@media (max-width: 991.98px) {
    .personal-data-grid[b-0a2u9uxik8], .personal-data-general .personal-data-properties[b-0a2u9uxik8] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 575.98px) {
    .personal-data[b-0a2u9uxik8], .personal-data-grid[b-0a2u9uxik8] {
        gap: 16px;
    }

    .personal-data-section[b-0a2u9uxik8] {
        padding: 16px;
    }

    .personal-data-properties > div[b-0a2u9uxik8] {
        grid-template-columns: minmax(0, 1fr);
        gap: 4px;
    }
}
/* /Shared/PersonsView.razor.rz.scp.css */
.person-assignment-list[b-ettgargsvl] {
    display: grid;
    gap: 12px;
    min-width: 0;
}
/* /Shared/SkillQuestionnaireDialog.razor.rz.scp.css */
.questionnaire-overlay[b-9b6zjdkgos] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.questionnaire-overlay-close-button[b-9b6zjdkgos] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.questionnaire-overlay-title[b-9b6zjdkgos] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.questionnaire-overlay-close-button:hover[b-9b6zjdkgos] {
    color: var(--bs-red);
}

.skill-group-headline[b-9b6zjdkgos] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bs-primary);
    color: var(--bs-gray-100);
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    padding: calc(10px + .6rem) 10px 10px;
}

.skill-group-expandable[b-9b6zjdkgos] {
    background-color: var(--bs-gray-100);
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.skill-group-entry[b-9b6zjdkgos] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.skill-group-entry:nth-child(even)[b-9b6zjdkgos] {
    background-color: var(--bs-gray-200);
}

.skill-group-footer[b-9b6zjdkgos] {
    background-color: var(--bs-gray-400);
    height: .6rem;
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.button-loading-spinner[b-9b6zjdkgos] {
    margin-right: 5px;
}
/* /Shared/SkillsView.razor.rz.scp.css */
.personal-information-headline[b-svc7lp3dp9] {
    font-weight: bolder;
    font-size: 1.1rem;
    color: var(--bs-dark);
    margin-top: 10px;
}

.skill-comment[b-svc7lp3dp9] {
    font-size: 0.8rem;
    opacity: 0.4;
}
/* /Shared/SpecialTreatmentQuestionnaireDialog.razor.rz.scp.css */
.questionnaire-overlay[b-eafgbynqxn] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.questionnaire-overlay-close-button[b-eafgbynqxn] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.questionnaire-overlay-title[b-eafgbynqxn] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.questionnaire-overlay-close-button:hover[b-eafgbynqxn] {
    color: var(--bs-red);
}

.treatment-group-headline[b-eafgbynqxn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--bs-primary);
    color: var(--bs-gray-100);
    border-top-left-radius: .6rem;
    border-top-right-radius: .6rem;
    padding: calc(10px + .6rem) 10px 10px;
}

.treatment-group-text[b-eafgbynqxn] {

}

.treatment-group-expandable[b-eafgbynqxn] {
    background-color: var(--bs-gray-100);
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.treatment-group-content[b-eafgbynqxn] {

}

.treatment-group-entry[b-eafgbynqxn] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.treatment-group-entry:nth-child(even)[b-eafgbynqxn] {
    background-color: var(--bs-gray-200);
}

.treatment-group-footer[b-eafgbynqxn] {
    background-color: var(--bs-gray-400);
    height: .6rem;
    border-bottom-left-radius: .6rem;
    border-bottom-right-radius: .6rem;
}

.button-loading-spinner[b-eafgbynqxn] {
    margin-right: 5px;
}
/* /Shared/TaskAppointmentCreationDialog.razor.rz.scp.css */
.client-edit-task-overlay[b-mdcf6j4vft] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 100;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.create-edit-contact-overlay-close-button[b-mdcf6j4vft] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.client-edit-task-overlay-title[b-mdcf6j4vft] {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.create-edit-contact-overlay-close-button:hover[b-mdcf6j4vft] {
    color: var(--bs-red);
}

.button-loading-spinner[b-mdcf6j4vft] {
    margin-right: 5px;
}

.template-screen-headline[b-mdcf6j4vft] {
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    height: 40px;
    width: 100%;
}

.template-screen-content[b-mdcf6j4vft] {
    height: calc(100% - 80px);
}

.template-screen-tile-container[b-mdcf6j4vft] {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.template-screen-tile[b-mdcf6j4vft] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 200px;
    border-radius: 10px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-screen-tile:hover[b-mdcf6j4vft] {
    opacity: 0.8;
}

.template-screen-tile-icon[b-mdcf6j4vft] {
    font-size: 3.5rem;
    line-height: 3.5rem;
    height: 3.5rem;
}

.template-screen-tile-text[b-mdcf6j4vft] {
    font-size: 1.2rem;
    padding: 10px;
}

.template-search[b-mdcf6j4vft]{
    width: 60%;
}

.filter-column[b-mdcf6j4vft]{
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
}

.template-selection-screen-list-container[b-mdcf6j4vft] {
    width: 60%;
    overflow: auto;
    max-height: 100%;
    min-height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.template-selection-screen-list-item[b-mdcf6j4vft] {
    width: 100%;
    height: 50px;
    margin-bottom: 5px;
    border-radius: 5px;
    background-color: var(--bs-primary);
    color: var(--bs-light);
    text-align: center;
    line-height: 40px;
    opacity: 1;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.template-selection-screen-list-item:hover[b-mdcf6j4vft] {
    opacity: 0.8;
}
/* /Shared/TaskView.razor.rz.scp.css */
.task-list-grid[b-gg9xndsotw] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.task-list-item[b-gg9xndsotw] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    min-height: 44px;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #fff);
    color: var(--ink, #182e28);
    font: inherit;
    text-align: left;
}

.task-list-item:hover[b-gg9xndsotw] {
    background: var(--surface-alt, #f0f3ef);
    border-color: var(--control-border, #87998e);
}

.task-list-item:focus-visible[b-gg9xndsotw] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.task-list-icon[b-gg9xndsotw] {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    height: 40px;
    border-radius: 9px;
    background: var(--brand-soft, #e6f2ed);
    color: var(--brand, #00624a);
    font-size: 20px;
}

.task-list-content[b-gg9xndsotw] {
    display: grid;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.task-list-content strong[b-gg9xndsotw] {
    font-size: 14px;
    font-weight: 650;
}

.task-list-action[b-gg9xndsotw] {
    color: var(--brand, #00624a);
    font-size: 13px;
}

@media (max-width: 767.98px) {
    .task-list-grid[b-gg9xndsotw] {
        grid-template-columns: minmax(0, 1fr);
    }
}
/* /Shared/Toolbar.razor.rz.scp.css */
.toolbar-container[b-tot29y2gbb] {
    position: relative;
    z-index: 100;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    min-height: var(--annny-shell-topbar-height);
    padding: 12px 24px;
    color: var(--annny-shell-on-brand);
    /* The green background comes from .page-content so the rounded corner joins it. */
    background: linear-gradient(128deg, transparent 65%, rgb(0 62 50 / 30%) 65%);
}

.toolbar[b-tot29y2gbb] {
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    min-width: 0;
}

.toolbar-part[b-tot29y2gbb] {
    display: flex;
    align-items: center;
    min-width: 0;
}

#toolbar-center[b-tot29y2gbb] {
    flex: 1;
    justify-content: center;
}

#toolbar-right[b-tot29y2gbb] {
    flex-shrink: 0;
    gap: 16px;
}

.toolbar-search-container[b-tot29y2gbb] {
    position: relative;
    width: 100%;
    max-width: 672px;
}

.toolbar-search[b-tot29y2gbb] {
    min-height: 44px;
    padding: 8px 16px 8px 48px;
    background: var(--annny-shell-soft);
    border: 1px solid var(--annny-shell-border);
    border-radius: 999px;
    color: var(--annny-shell-ink);
    font-size: 14px;
    box-shadow: none;
}

.toolbar-search[b-tot29y2gbb]::placeholder {
    color: var(--annny-shell-ink);
    opacity: .7;
}

.toolbar-search:focus[b-tot29y2gbb] {
    background: var(--annny-shell-on-brand);
    color: var(--annny-shell-ink);
    border-color: var(--annny-shell-border);
    outline: 3px solid var(--annny-shell-focus);
    outline-offset: 3px;
    box-shadow: none;
}

.bi-in-input[b-tot29y2gbb] {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    pointer-events: none;
    color: var(--annny-shell-ink);
    font-size: 20px;
    line-height: 1;
}

.toolbar-button[b-tot29y2gbb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--annny-shell-control-size);
    height: var(--annny-shell-control-size);
    padding: 0;
    border: 1px solid rgb(255 255 255 / 30%);
    border-radius: 50%;
    background: linear-gradient(145deg, rgb(255 255 255 / 14%), rgb(255 255 255 / 3%));
    color: var(--annny-shell-on-brand);
    font-size: 22px;
    line-height: 1;
    box-shadow: inset 0 1px 3px rgb(255 255 255 / 8%);
    transition: background-color .15s ease, border-color .15s ease;
}

.toolbar-button:hover[b-tot29y2gbb],
.toolbar-button[aria-expanded="true"][b-tot29y2gbb] {
    background-color: var(--annny-shell-active);
    border-color: var(--annny-shell-muted);
    color: var(--annny-shell-on-brand);
}

.toolbar-button:focus-visible[b-tot29y2gbb] {
    outline: 3px solid var(--annny-shell-focus);
    outline-offset: 3px;
    box-shadow: none;
}

.toolbar-create-button[b-tot29y2gbb] {
    background: var(--annny-shell-soft);
    border-color: var(--annny-shell-soft);
    color: var(--annny-shell-brand);
    font-size: 28px;
}

.toolbar-create-button:hover[b-tot29y2gbb],
.toolbar-create-button[aria-expanded="true"][b-tot29y2gbb] {
    background: var(--annny-shell-on-brand);
    color: var(--annny-shell-brand);
}

.toolbar-button-warning[b-tot29y2gbb],
.toolbar-button-warning:hover[b-tot29y2gbb],
.toolbar-button-warning[aria-expanded="true"][b-tot29y2gbb] {
    background: var(--bs-warning);
    border-color: var(--bs-warning);
    color: var(--annny-shell-ink);
}

.toolbar-profile-picture[b-tot29y2gbb] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.user-status-dropdown[b-tot29y2gbb] {
    min-width: 16rem;
}

.toolbar[b-tot29y2gbb]  .dropdown-menu {
    border: 1px solid var(--annny-shell-border);
    border-radius: var(--annny-shell-radius);
    padding: 8px;
    box-shadow: 0 8px 28px rgb(24 46 40 / 6%);
    color: var(--annny-shell-ink);
}

.toolbar[b-tot29y2gbb]  .dropdown-item {
    min-height: 44px;
    display: flex;
    align-items: center;
    border-radius: 8px;
}

.toolbar[b-tot29y2gbb]  .dropdown-item:hover,
.toolbar[b-tot29y2gbb]  .dropdown-item:focus {
    background: var(--annny-shell-soft);
    color: var(--annny-shell-brand);
}

.toolbar[b-tot29y2gbb]  .dropdown-item:focus-visible {
    outline: 3px solid var(--annny-shell-brand);
    outline-offset: -3px;
}

.dropdown-user-info[b-tot29y2gbb] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
}

.dropdown-profile-picture[b-tot29y2gbb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--annny-shell-soft);
    color: var(--annny-shell-brand);
    font-size: 32px;
}

.notification-indicator[b-tot29y2gbb] {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--annny-shell-focus);
    pointer-events: none;
}

.dropdown-user-name[b-tot29y2gbb] {
    font-size: 1.2rem;
    white-space: nowrap;
}

.dropdown-user-email[b-tot29y2gbb] {
    font-size: 0.9rem;
    color: var(--bs-gray-600);
}

.status-row[b-tot29y2gbb] {
    padding: 0 12px;
    border-radius: 8px;
}

.status-row[b-tot29y2gbb]  .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    padding: 0;
    margin: 0;
}

.status-row[b-tot29y2gbb]  .form-check-input {
    flex-shrink: 0;
    float: none;
    margin: 0;
}

.status-row[b-tot29y2gbb]  .form-check-label {
    flex: 1;
    padding: 12px 0;
    cursor: pointer;
}

.status-row[b-tot29y2gbb]  .form-check-input:focus-visible {
    outline: 3px solid var(--annny-shell-brand);
    outline-offset: 3px;
}

.notification-link[b-tot29y2gbb] {
    display: block;
    color: inherit;
    text-decoration: none;
    border-radius: 8px;
}

.notification-link:hover[b-tot29y2gbb] {
    background: var(--annny-shell-soft);
    color: inherit;
}

.notification-link:focus-visible[b-tot29y2gbb] {
    outline: 3px solid var(--annny-shell-brand);
    outline-offset: -3px;
}

.inactive[b-tot29y2gbb] {
    background-color: rgba(var(--bs-danger-rgb), .5);
    color: var(--bs-white);

}

.suspended[b-tot29y2gbb] {
    background-color: rgba(var(--bs-warning-rgb), .5);
}

.dropdown-notification[b-tot29y2gbb] {
    width: 400px;
    padding: 15px;
    display: grid;
    grid-template-columns: 40px 1fr;
    grid-gap: 20px;
    height: 105px;
    border-bottom: 1px solid var(--bs-gray-300);
}

.dropdown-notification-content[b-tot29y2gbb] {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dropdown-notification-date[b-tot29y2gbb] {
    font-size: 0.8rem;
    color: var(--bs-gray-800);
    font-weight: normal;
}

.dropdown-notification-title[b-tot29y2gbb] {
    font-weight: bold;
}

.dropdown-notification-message[b-tot29y2gbb] {
    
}

.dropdown-notification-icon-container[b-tot29y2gbb] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-notification-icon[b-tot29y2gbb] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.no-new-notifications[b-tot29y2gbb] {
    min-width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: .9rem;
    padding: 20px;
    color: var(--bs-gray-600);
}

.show-all-notifications[b-tot29y2gbb] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    min-width: 400px;
    border-top: 1px solid var(--bs-gray-300);
}

.notifications-dropdown[b-tot29y2gbb] {
    max-height: 600px;
    overflow-y: auto;
}

.agency-dropdown[b-tot29y2gbb] {
    max-height: 600px;
    overflow-y: auto;
}

.dropdown-selectable-item[b-tot29y2gbb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-right: 3px;
    cursor: pointer;
}

.dropdown-section-item[b-tot29y2gbb] {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: bold;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


@media (max-width: 1199.98px) {
    .toolbar-container[b-tot29y2gbb] {
        padding: 12px 16px;
    }

    .toolbar[b-tot29y2gbb],
    #toolbar-right[b-tot29y2gbb] {
        gap: 12px;
    }
}

@media (max-width: 767.98px) {
    .toolbar[b-tot29y2gbb] {
        flex-wrap: wrap;
    }

    #toolbar-center[b-tot29y2gbb] {
        flex-basis: 100%;
    }

    #toolbar-right[b-tot29y2gbb] {
        width: 100%;
        justify-content: flex-end;
        gap: 8px;
    }

    .toolbar-button[b-tot29y2gbb] {
        width: 44px;
        height: 44px;
    }

    .toolbar-search[b-tot29y2gbb] {
        font-size: 16px;
    }

    .dropdown-notification[b-tot29y2gbb],
    .no-new-notifications[b-tot29y2gbb],
    .show-all-notifications[b-tot29y2gbb] {
        width: min(400px, calc(100vw - var(--annny-shell-sidebar-width) - 48px));
        min-width: 0;
    }

    .dropdown-user-info[b-tot29y2gbb] {
        gap: 8px;
        padding: 8px;
        max-width: calc(100vw - var(--annny-shell-sidebar-width) - 48px);
    }

    .dropdown-user-info > div:last-child[b-tot29y2gbb] {
        min-width: 0;
    }

    .dropdown-user-name[b-tot29y2gbb],
    .dropdown-user-email[b-tot29y2gbb] {
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .dropdown-profile-picture[b-tot29y2gbb] {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 419.98px) {
    #toolbar-right[b-tot29y2gbb] {
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .toolbar-button[b-tot29y2gbb] {
        transition: none;
    }
}
/* /Shared/UserStatusDetails.razor.rz.scp.css */
.user-status-details[b-fmllw1dtxb] {
    display: grid;
    justify-items: start;
    gap: 8px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.user-status-value[b-fmllw1dtxb] {
    padding: 4px 8px;
    border-radius: 6px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--ink, #182e28);
    font-size: 12px;
    font-weight: 600;
}

.user-status-description[b-fmllw1dtxb] {
    white-space: pre-wrap;
}

.user-status-date[b-fmllw1dtxb] {
    color: var(--muted, #5b6b63);
    font-size: 12px;
}
/* /Shared/WardRoundCreationDialog.razor.rz.scp.css */
.client-edit-task-overlay[b-fstr3ie1lz] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    left: calc(50px + 70px); /* 50px space + 70px menu width */
    width: calc(100% - (50px * 2 + 75px)); /* 50px space (left and right) + 75px toolbar height */
    height: calc(100% - (50px * 2 + 70px)); /* 50px space (top and bottom) + 70px menu width */
    z-index: 999;
    background-clip: padding-box;
    border-radius: .6rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, .2);
    background-color: rgba(255, 255, 255, .85);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.create-edit-contact-overlay-close-button[b-fstr3ie1lz] {
    position: fixed;
    top: calc(50px + 75px); /* 50px space + 75px toolbar height */
    right: 55px;
    width: 30px;
    height: 30px;
    z-index: 101;
    margin: 5px;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
    color: var(--bs-gray-600);
    cursor: pointer;
}

.client-edit-task-overlay-title[b-fstr3ie1lz] {
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.create-edit-contact-overlay-close-button:hover[b-fstr3ie1lz] {
    color: var(--bs-red);
}

.button-loading-spinner[b-fstr3ie1lz] {
    margin-right: 5px;
}
/* /Shared/WardRoundView.razor.rz.scp.css */
.ward-round-filters[b-ztzq1odegr] {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 24px;
}

.ward-round-filter[b-ztzq1odegr] {
    display: grid;
    gap: 8px;
    flex: 1 1 200px;
    min-width: 0;
}

.ward-round-search[b-ztzq1odegr] {
    flex-grow: 2;
}

.ward-round-filter label[b-ztzq1odegr] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
    font-weight: 600;
}

.ward-round-filters[b-ztzq1odegr]  .form-control, .ward-round-filters[b-ztzq1odegr]  .form-select {
    min-height: 44px;
    border-color: var(--control-border, #87998e);
    border-radius: 9px;
    background-color: var(--surface, #fff);
    color: var(--ink, #182e28);
    font-size: 14px;
}

.ward-round-filters[b-ztzq1odegr]  .annny-button {
    min-height: 44px;
    padding: 9px 16px;
    border-radius: 9px;
    background: var(--brand, #00624a);
    border-color: var(--brand, #00624a);
    color: var(--surface, #fff);
    font-size: 13px;
    font-weight: 600;
}

.ward-round-filters[b-ztzq1odegr]  .annny-button:hover:not(:disabled) {
    background: var(--brand-hover, #004f3c);
}

.ward-round-filters[b-ztzq1odegr]  .annny-button:focus-visible, .ward-round-filters[b-ztzq1odegr]  input:focus-visible {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.ward-round-list[b-ztzq1odegr] {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ward-round-card[b-ztzq1odegr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--line, #dce4de);
    border-radius: var(--radius, 12px);
    background: var(--surface, #fff);
}

.ward-round-details[b-ztzq1odegr] {
    display: grid;
    gap: 8px;
    flex: 1 1 240px;
    min-width: 0;
    min-height: 44px;
    padding: 4px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--ink, #182e28);
    font: inherit;
    font-size: 14px;
    text-align: left;
    overflow-wrap: anywhere;
}

.ward-round-details strong[b-ztzq1odegr] {
    font-weight: 650;
}

.ward-round-description[b-ztzq1odegr], .ward-round-date[b-ztzq1odegr] {
    color: var(--muted, #5b6b63);
    font-size: 13px;
}

.ward-round-description[b-ztzq1odegr] {
    white-space: pre-wrap;
}

.ward-round-status[b-ztzq1odegr] {
    padding: 4px 9px;
    border-radius: 6px;
    background: var(--surface-alt, #f0f3ef);
    color: var(--muted, #5b6b63);
    font-size: 12px;
    font-weight: 650;
}

.ward-round-status-active[b-ztzq1odegr], .ward-round-status-finished[b-ztzq1odegr] {
    background: var(--brand-soft, #e6f2ed);
    color: var(--success, #176b46);
}

.ward-round-status-activeinfuture[b-ztzq1odegr] {
    background: color-mix(in srgb, var(--info, #275a8c) 10%, var(--surface, #fff));
    color: var(--info, #275a8c);
}

.ward-round-status-overdue[b-ztzq1odegr] {
    background: color-mix(in srgb, var(--warning, #865600) 10%, var(--surface, #fff));
    color: var(--warning, #865600);
}

.ward-round-status-aborted[b-ztzq1odegr] {
    background: color-mix(in srgb, var(--danger, #b83242) 10%, var(--surface, #fff));
    color: var(--danger, #b83242);
}

.ward-round-view[b-ztzq1odegr] {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--line, #dce4de);
    border-radius: 9px;
    background: var(--surface, #fff);
    color: var(--brand, #00624a);
}

.ward-round-card:hover[b-ztzq1odegr], .ward-round-card:focus-within[b-ztzq1odegr],
.ward-round-view:hover:not(:disabled)[b-ztzq1odegr], .ward-round-details:hover[b-ztzq1odegr] {
    background: var(--brand-soft, #e6f2ed);
}

.ward-round-view:focus-visible[b-ztzq1odegr], .ward-round-details:focus-visible[b-ztzq1odegr] {
    outline: 3px solid var(--brand, #00624a);
    outline-offset: 3px;
}

.ward-round-download-button:disabled[b-ztzq1odegr] {
    cursor: wait;
    opacity: 0.5;
}

.ward-round-empty[b-ztzq1odegr] {
    display: grid;
    justify-items: center;
    gap: 12px;
    padding: 48px 24px;
    border: 1px dashed var(--line, #dce4de);
    border-radius: 9px;
    color: var(--muted, #5b6b63);
    text-align: center;
}

.ward-round-empty i[b-ztzq1odegr] {
    color: var(--brand, #00624a);
    font-size: 28px;
}

.ward-round-empty p[b-ztzq1odegr] {
    margin: 0;
}

.ward-round-pager[b-ztzq1odegr] {
    margin-top: 16px;
}

@media (max-width: 575.98px) {
    .ward-round-filter[b-ztzq1odegr] {
        flex-basis: 100%;
    }
    .ward-round-details[b-ztzq1odegr] {
        flex-basis: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ward-round-filters[b-ztzq1odegr]  .annny-button {
        transition: none;
    }
}