/* /Components/Common/AllocationGateDialog.razor.rz.scp.css */
.agd-backdrop[b-6pe5ygdfgw] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
}

.agd-modal[b-6pe5ygdfgw] {
    background: #ffffff;
    border-radius: 10px;
    width: min(560px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}

.agd-head[b-6pe5ygdfgw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #e5eaef;
}
.agd-head h5[b-6pe5ygdfgw] { margin: 0; font-size: 0.98rem; font-weight: 600; }
.agd-close[b-6pe5ygdfgw] { background: transparent; border: none; cursor: pointer; font-size: 1rem; color: #6b7280; line-height: 1; }

.agd-body[b-6pe5ygdfgw] { padding: 14px 16px; overflow-y: auto; font-size: 0.88rem; }
.agd-note[b-6pe5ygdfgw] { margin: 0 0 10px; }
.agd-note-block[b-6pe5ygdfgw] { color: #b3261e; }
.agd-note-warn[b-6pe5ygdfgw]  { color: #8a5a00; }

.agd-list[b-6pe5ygdfgw] { list-style: none; margin: 0; padding: 0; }
.agd-list li[b-6pe5ygdfgw] { margin: 0 0 8px; padding: 7px 10px; border-radius: 6px; line-height: 1.35; }
.agd-block[b-6pe5ygdfgw] { background: #fdecea; }
.agd-warn[b-6pe5ygdfgw]  { background: #fff6e0; }

.agd-tag[b-6pe5ygdfgw] {
    display: inline-block; margin-right: 6px; padding: 0 7px;
    font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em;
    border-radius: 10px; color: #fff;
}
.agd-block .agd-tag[b-6pe5ygdfgw] { background: #c0392b; }
.agd-warn  .agd-tag[b-6pe5ygdfgw] { background: #b7791f; }

.agd-foot[b-6pe5ygdfgw] { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-top: 1px solid #e5eaef; }
.agd-spacer[b-6pe5ygdfgw] { flex: 1; }

.agd-cancel[b-6pe5ygdfgw] {
    background: transparent; color: #374151;
    border: 1px solid #b8c2cc; border-radius: 6px;
    padding: 7px 14px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.agd-cancel:hover[b-6pe5ygdfgw] { background: #eef2f6; }

.agd-go[b-6pe5ygdfgw] {
    background: #b7791f; color: #fff; border: none; border-radius: 6px;
    padding: 7px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.agd-go:hover[b-6pe5ygdfgw] { background: #975f14; }
/* /Components/Common/CarerLocationHistory.razor.rz.scp.css */
.clh[b-15rxvaqwtm] { padding: 2px 0; }
.clh-muted[b-15rxvaqwtm] { color: #6c8898; font-size: 0.85rem; }

/* Latest ping banner */
.clh-latest[b-15rxvaqwtm] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
    padding: 10px 12px; border-radius: 8px; margin-bottom: 10px;
    background: #eef4f8; border: 1px solid #c8dce8; color: #2c3a45;
}
.clh-latest-detail[b-15rxvaqwtm] { color: #5a6b78; font-size: 0.85rem; }
.clh-dot[b-15rxvaqwtm] { width: 10px; height: 10px; border-radius: 50%; background: #9aa7b1; flex-shrink: 0; }
.clh-fresh  .clh-dot[b-15rxvaqwtm] { background: #3f8a58; }     /* under 15 minutes */
.clh-recent .clh-dot[b-15rxvaqwtm] { background: #d9a13a; }     /* under an hour */
.clh-stale  .clh-dot[b-15rxvaqwtm] { background: #b8473f; }     /* older */

/* Controls */
.clh-bar[b-15rxvaqwtm] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-bottom: 8px; }
.clh-count[b-15rxvaqwtm] { color: #5a6b78; font-size: 0.85rem; margin-right: auto; }
.clh-link[b-15rxvaqwtm] {
    background: none; border: none; padding: 2px 0; cursor: pointer;
    color: #2c6082; font-size: 0.85rem; font-weight: 600;
}
.clh-link:hover:not(:disabled)[b-15rxvaqwtm] { text-decoration: underline; }
.clh-link:disabled[b-15rxvaqwtm] { color: #a0b4c4; cursor: default; }

/* Map */
.clh-map[b-15rxvaqwtm] {
    width: 100%; height: 340px; border: 1px solid #c8dce8; border-radius: 8px;
    margin-bottom: 12px; background: #eef2f5;
}

/* List */
.clh-table-wrap[b-15rxvaqwtm] { max-height: 300px; overflow: auto; border: 1px solid #dde7ee; border-radius: 8px; }
.clh-table[b-15rxvaqwtm] { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
.clh-table th[b-15rxvaqwtm] {
    position: sticky; top: 0; background: #f3f7fa; text-align: left; white-space: nowrap;
    padding: 7px 10px; color: #4a5b68; border-bottom: 1px solid #dde7ee;
}
.clh-table td[b-15rxvaqwtm] { padding: 6px 10px; border-bottom: 1px solid #edf2f6; white-space: nowrap; }
.clh-table tbody tr[b-15rxvaqwtm] { cursor: pointer; }
.clh-table tbody tr:hover[b-15rxvaqwtm] { background: #f6fafc; }
.clh-table tbody tr.selected[b-15rxvaqwtm] { background: #e1eef8; }
.clh-check[b-15rxvaqwtm] { width: 28px; }
.clh-pos[b-15rxvaqwtm] { font-variant-numeric: tabular-nums; color: #5a6b78; }

.clh-pill[b-15rxvaqwtm] { display: inline-block; padding: 1px 9px; border-radius: 10px; font-size: 0.78rem; background: #e8eef2; color: #3f5160; }
.clh-pill-check_in[b-15rxvaqwtm]  { background: #dff0e5; color: #2f6b45; }
.clh-pill-check_out[b-15rxvaqwtm] { background: #f6e3d6; color: #8a4b22; }

@media (max-width: 768px) {
    .clh-map[b-15rxvaqwtm] { height: 260px; }
}
/* /Components/Common/ClientCallPlans.razor.rz.scp.css */
/* ── Buttons ────────────────────────────────────────────────────── */
.new-btn[b-6t4bnz8z5i] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover[b-6t4bnz8z5i] { background: #5e85a8; }

/* ── The tab: the client's plans across the top, the selected plan's week schedule below ─── */
.call-plans-tab[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
}

.cp-body[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cp-plans-panel[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cp-plans-actions[b-6t4bnz8z5i] {
    display: flex;
    justify-content: flex-end;
}

.cp-empty-hint[b-6t4bnz8z5i] {
    color: #6c8898;
    font-size: 0.85rem;
    padding: 12px 4px;
    font-style: italic;
}

.cp-plans-list[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
}

.cp-plan-item[b-6t4bnz8z5i] {
    width: 250px;
    box-sizing: border-box;
    background: #ffffff;
    border: 1px solid #c8dce8;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}

.cp-plan-item:hover[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border-color: #7a9fc0;
}

.cp-plan-selected[b-6t4bnz8z5i] {
    background: #d4eaf6 !important;
    border-color: #5e85a8 !important;
}

.cp-plan-item-header[b-6t4bnz8z5i] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.cp-plan-name[b-6t4bnz8z5i] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a2e3a;
    flex: 1;
}

.cp-badge-inactive[b-6t4bnz8z5i] {
    background: #fde8e8;
    color: #a93226;
    border-radius: 8px;
    padding: 1px 8px;
    font-size: 0.72rem;
    font-weight: 500;
}

.cp-call-count[b-6t4bnz8z5i] {
    color: #6c8898;
    font-size: 0.78rem;
    white-space: nowrap;
}

.cp-plan-desc[b-6t4bnz8z5i] {
    color: #5a7080;
    font-size: 0.8rem;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cp-plan-item-actions[b-6t4bnz8z5i] {
    display: flex;
    gap: 6px;
    margin-top: 8px;
}

.cp-btn-edit[b-6t4bnz8z5i], .cp-btn-delete[b-6t4bnz8z5i] {
    font-size: 0.78rem;
    border-radius: 5px;
    padding: 3px 10px;
    cursor: pointer;
    border: 1px solid;
    transition: background 0.12s;
}

.cp-btn-edit[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border-color: #7a9fc0;
    color: #2c6082;
}

.cp-btn-edit:hover[b-6t4bnz8z5i] { background: #c8dce8; }

.cp-btn-delete[b-6t4bnz8z5i] {
    background: #fdecea;
    border-color: #e08a80;
    color: #a93226;
}

.cp-btn-delete:hover[b-6t4bnz8z5i] { background: #f9ccc9; }

/* ── Right panel: schedule ──────────────────────────────────────── */
.cp-schedule-panel[b-6t4bnz8z5i] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.cp-schedule-header[b-6t4bnz8z5i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.cp-schedule-actions[b-6t4bnz8z5i] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.btn-generate[b-6t4bnz8z5i] {
    background: #6aaa8c;
}

.btn-generate:hover[b-6t4bnz8z5i] { background: #4e8f72; }

.btn-generate-week[b-6t4bnz8z5i] {
    background: #7a9fc0;
}

.btn-generate-week:hover[b-6t4bnz8z5i] { background: #5e85a8; }

.cp-gen-year-msg[b-6t4bnz8z5i] {
    font-size: 0.82rem;
    padding: 5px 10px;
    margin-bottom: 6px;
    border-radius: 5px;
}

.cp-schedule-title[b-6t4bnz8z5i] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a2e3a;
}

.cp-schedule-empty[b-6t4bnz8z5i] {
    color: #6c8898;
    font-size: 0.9rem;
    padding: 40px 20px;
    text-align: center;
    font-style: italic;
}

/* Hide the schedule toolbar so navigation is locked to the reference week */
:global(.cp-schedule .e-schedule-toolbar-container)[b-6t4bnz8z5i] {
    display: none !important;
}

/* ── Plan dialog ────────────────────────────────────────────────── */
:global(.cp-plan-dialog .e-dlg-header-content)[b-6t4bnz8z5i] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.cp-plan-dialog .e-dlg-header)[b-6t4bnz8z5i] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.cp-plan-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-6t4bnz8z5i] {
    color: #ffffff !important;
}

:global(.cp-plan-dialog .e-dlg-content)[b-6t4bnz8z5i] {
    padding: 16px 20px;
    background: #f8fcff;
}

:global(.cp-plan-dialog .e-footer-content)[b-6t4bnz8z5i] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Plan dialog form ───────────────────────────────────────────── */
.cp-dialog-form[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cp-dialog-field[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cp-dialog-field label[b-6t4bnz8z5i] {
    font-size: 0.85rem;
    font-weight: 500;
    color: #2a3a42;
}

.cp-dialog-switch[b-6t4bnz8z5i] {
    flex-direction: row;
    align-items: center;
    gap: 12px;
}

.cp-text-input[b-6t4bnz8z5i] {
    border: 1px solid #b8d4e8;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 0.88rem;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}

.cp-text-input:focus[b-6t4bnz8z5i] {
    border-color: #7a9fc0;
    box-shadow: 0 0 0 2px rgba(122,159,192,0.18);
}

.cp-textarea[b-6t4bnz8z5i] { resize: vertical; }

/* ── Week schedule grid ─────────────────────────────────────────── */
.cp-ws-section[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid #c8dce8;
    padding-top: 12px;
    margin-top: 4px;
}

.cp-ws-section-title[b-6t4bnz8z5i] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #2a3a42;
}

.cp-ws-all-hint[b-6t4bnz8z5i] {
    font-size: 0.78rem;
    color: #6c8898;
    font-style: italic;
    margin-left: 4px;
}

.cp-ws-toolbar[b-6t4bnz8z5i] {
    display: flex;
    gap: 6px;
}

.cp-ws-btn[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border: 1px solid #7a9fc0;
    color: #2c6082;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 0.78rem;
    cursor: pointer;
}

.cp-ws-btn:hover[b-6t4bnz8z5i] { background: #c8dce8; }

.cp-ws-grid[b-6t4bnz8z5i] {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.82rem;
}

.cp-ws-grid th[b-6t4bnz8z5i] {
    text-align: center;
    font-weight: 600;
    color: #5a7080;
    padding: 2px 4px;
    border-bottom: 1px solid #c8dce8;
}

.cp-ws-th-month[b-6t4bnz8z5i] { width: 36px; }
.cp-ws-th-all[b-6t4bnz8z5i]   { width: 28px; }

.cp-ws-grid tr:nth-child(even)[b-6t4bnz8z5i] { background: #f4faff; }

.cp-ws-month-label[b-6t4bnz8z5i] {
    font-weight: 600;
    color: #2a3a42;
    font-size: 0.8rem;
    padding: 3px 6px 3px 0;
}

.cp-ws-cell[b-6t4bnz8z5i] {
    text-align: center;
    padding: 2px;
}

.cp-ws-check[b-6t4bnz8z5i] {
    width: 14px;
    height: 14px;
    cursor: pointer;
    accent-color: #5e85a8;
}

.cp-ws-month-all[b-6t4bnz8z5i] {
    background: transparent;
    border: 1px solid #b8d4e8;
    color: #7a9fc0;
    border-radius: 4px;
    width: 22px;
    height: 18px;
    font-size: 0.7rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}

.cp-ws-month-all-on[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border-color: #5e85a8;
    color: #a93226;
}

.cp-ws-month-all:hover[b-6t4bnz8z5i] { background: #eaf3fb; }

.cp-ws-col-btn[b-6t4bnz8z5i] {
    background: transparent;
    border: 1px solid #c8dce8;
    color: #5a7080;
    border-radius: 4px;
    padding: 2px 5px;
    font-size: 0.76rem;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    transition: background 0.1s, border-color 0.1s;
}

.cp-ws-col-btn:hover[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border-color: #7a9fc0;
    color: #2c6082;
}

.cp-ws-col-btn-on[b-6t4bnz8z5i] {
    background: #d4eaf6;
    border-color: #5e85a8;
    color: #1a2e3a;
}

/* ── Generate year confirm dialog ──────────────────────────────── */
.cp-gen-confirm-body[b-6t4bnz8z5i] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 0.9rem;
    color: #2a3a42;
    line-height: 1.5;
}

.cp-gen-confirm-body p[b-6t4bnz8z5i] { margin: 0; }

.cp-gen-confirm-warning[b-6t4bnz8z5i] {
    background: #fff8e1;
    border: 1px solid #f0c040;
    border-radius: 6px;
    padding: 10px 14px;
    color: #7a5800;
}

/* ── Generate dialog ────────────────────────────────────────────── */
.cp-gen-plan-name[b-6t4bnz8z5i] {
    font-weight: 600;
    font-size: 0.9rem;
    color: #1a2e3a;
    padding: 4px 0;
}

.cp-gen-week-range[b-6t4bnz8z5i] {
    background: #eaf3fb;
    border: 1px solid #c8dce8;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 0.88rem;
    color: #2a3a42;
}

.cp-gen-hint[b-6t4bnz8z5i] {
    font-size: 0.82rem;
    color: #6c8898;
    font-style: italic;
}

:global(.cp-gen-datepicker)[b-6t4bnz8z5i] {
    width: 100%;
}

/* ── Generate Calls: week picker + length ───────────────────────────── */
.cp-gen-repeat[b-6t4bnz8z5i] { width: 100%; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 10px; font-size: 0.9rem; font-family: inherit; background: #fff; }

.cp-badge-auto[b-6t4bnz8z5i] { margin-left: 4px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; background: #e1f3e6; color: #1f6b3a; border-radius: 8px; padding: 1px 7px; }

/* ── Copy a plan call ── */
.cp-copy-what[b-6t4bnz8z5i] { font-weight: 600; color: #2c3e50; }
.cp-copy-days[b-6t4bnz8z5i] { display: flex; flex-wrap: wrap; gap: 6px; }
.cp-copy-day[b-6t4bnz8z5i] {
    display: inline-flex; align-items: center; gap: 4px;
    padding: 4px 8px; border: 1px solid #ccd6e0; border-radius: 6px; cursor: pointer; font-size: 0.85rem;
}
.cp-copy-day-on[b-6t4bnz8z5i] { background: #e8f0f8; border-color: #7a9fc0; }
/* /Components/Common/DeleteBlockedDialog.razor.rz.scp.css */
.dbd-backdrop[b-r71srsz44k] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}

.dbd-modal[b-r71srsz44k] {
    background: #ffffff;
    border-radius: 10px;
    width: min(520px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    display: flex;
    flex-direction: column;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}

.dbd-head[b-r71srsz44k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #e5eaef;
}
.dbd-head h5[b-r71srsz44k] { margin: 0; font-size: 0.98rem; font-weight: 600; }
.dbd-close[b-r71srsz44k] {
    background: transparent; border: none; cursor: pointer;
    font-size: 1rem; color: #6b7280; line-height: 1;
}

.dbd-body[b-r71srsz44k] {
    padding: 14px 16px;
    overflow-y: auto;
    font-size: 0.88rem;
}
.dbd-ok[b-r71srsz44k]   { color: #1a7f37; margin: 0; }
.dbd-warn[b-r71srsz44k] { color: #8a5a00; margin: 0 0 10px; }

.dbd-section[b-r71srsz44k] { margin-bottom: 12px; }
.dbd-section-head[b-r71srsz44k] {
    font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em;
    color: #6b7280; font-weight: 700; margin-bottom: 6px;
}
.dbd-type[b-r71srsz44k] {
    font-weight: 600; margin: 6px 0 2px; color: #374151;
}
.dbd-count[b-r71srsz44k] {
    display: inline-block; margin-left: 6px; padding: 0 7px;
    font-size: 0.72rem; font-weight: 600; color: #2c6082;
    background: #eaf3f9; border-radius: 10px;
}
.dbd-list[b-r71srsz44k] { margin: 0 0 4px; padding-left: 16px; }
.dbd-list li[b-r71srsz44k] { margin: 2px 0; }

.dbd-link[b-r71srsz44k] {
    background: transparent; border: none; padding: 0; cursor: pointer;
    color: #2c6082; font: inherit; text-decoration: underline;
}
.dbd-link:hover[b-r71srsz44k] { color: #1b4a66; }

.dbd-foot[b-r71srsz44k] {
    display: flex; align-items: center; gap: 8px;
    padding: 10px 16px; border-top: 1px solid #e5eaef;
}
.dbd-foot-spacer[b-r71srsz44k] { flex: 1; }

.dbd-recheck[b-r71srsz44k], .dbd-cancel[b-r71srsz44k] {
    background: transparent; color: #374151;
    border: 1px solid #b8c2cc; border-radius: 6px;
    padding: 7px 14px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.dbd-recheck:hover:not(:disabled)[b-r71srsz44k], .dbd-cancel:hover:not(:disabled)[b-r71srsz44k] { background: #eef2f6; }

.dbd-delete[b-r71srsz44k] {
    background: #c0392b; color: #fff; border: none; border-radius: 6px;
    padding: 7px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.dbd-delete:hover:not(:disabled)[b-r71srsz44k] { background: #a33125; }
.dbd-delete:disabled[b-r71srsz44k], .dbd-recheck:disabled[b-r71srsz44k], .dbd-cancel:disabled[b-r71srsz44k], .dbd-close:disabled[b-r71srsz44k] {
    opacity: 0.5; cursor: default;
}
/* /Components/Common/EntityDocuments.razor.rz.scp.css */
.edoc[b-uwgs0pbf9v] { font-size: 0.85rem; color: #2c3a45; }

.edoc-sub[b-uwgs0pbf9v] {
    font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    color: #4a6070; margin: 16px 0 8px; display: flex; align-items: center; gap: 8px;
}
.edoc-sub:first-child[b-uwgs0pbf9v] { margin-top: 0; }
.edoc-muted[b-uwgs0pbf9v] { color: #7a8a95; font-size: 0.8rem; }
.edoc-req[b-uwgs0pbf9v] { color: #c0392b; }

.edoc-msg[b-uwgs0pbf9v] { padding: 8px 12px; border-radius: 6px; margin-bottom: 10px; }
.edoc-msg-err[b-uwgs0pbf9v] { background: #fdecea; color: #b3261e; }
.edoc-msg-ok[b-uwgs0pbf9v]  { background: #e8f5ec; color: #1a7f37; }

.edoc-table[b-uwgs0pbf9v] { width: 100%; border-collapse: collapse; margin-bottom: 6px; }
.edoc-table th[b-uwgs0pbf9v], .edoc-table td[b-uwgs0pbf9v] { text-align: left; padding: 7px 8px; border-bottom: 1px solid #eef3f7; vertical-align: top; }
.edoc-table th[b-uwgs0pbf9v] { font-size: 0.7rem; text-transform: uppercase; color: #4a6070; font-weight: 600; }
/* two short rows of links (View / Download, then Edit / Remove) keep the table narrow enough for the dialog */
.edoc-actions[b-uwgs0pbf9v] { text-align: right !important; white-space: nowrap; }
.edoc-act-row[b-uwgs0pbf9v] { line-height: 1.7; }
/* a long file name (a phone's 17910457516157796565383102074794.jpg) has no spaces to wrap at: break it instead */
.edoc-file[b-uwgs0pbf9v] { overflow-wrap: anywhere; word-break: break-word; min-width: 90px; }
.edoc[b-uwgs0pbf9v] { overflow-x: auto; }
.edoc-inline td[b-uwgs0pbf9v] { background: #f7fafc; }

.edoc-pill[b-uwgs0pbf9v], .edoc-badge[b-uwgs0pbf9v] {
    display: inline-block; padding: 1px 9px; border-radius: 10px; font-size: 0.72rem; font-weight: 700; color: #fff;
}
.edoc-badge[b-uwgs0pbf9v] { text-transform: none; letter-spacing: 0; }
.edoc-ok[b-uwgs0pbf9v]   { background: #2e8b57; }
.edoc-warn[b-uwgs0pbf9v] { background: #b7791f; }
.edoc-bad[b-uwgs0pbf9v]  { background: #c0392b; }
.edoc-expired[b-uwgs0pbf9v] { color: #c0392b; font-weight: 600; }

.edoc-upload[b-uwgs0pbf9v] { background: #f7fafc; border: 1px solid #e4eef5; border-radius: 8px; padding: 12px; }
.edoc-grid[b-uwgs0pbf9v] { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px; margin-bottom: 8px; }
.edoc-field[b-uwgs0pbf9v] { display: flex; flex-direction: column; gap: 3px; margin-bottom: 8px; }
.edoc-field label[b-uwgs0pbf9v] { font-size: 0.72rem; font-weight: 600; color: #4a6070; }
.edoc-drop[b-uwgs0pbf9v] { margin: 6px 0 10px; }
.edoc-drop[b-uwgs0pbf9v]  .e-upload { border-radius: 6px; }
/* We upload with our own button (the file is read in the app), so hide the uploader's own Upload/Clear bar. */
.edoc-drop[b-uwgs0pbf9v]  .e-upload .e-upload-actions { display: none; }

.edoc-inline-form[b-uwgs0pbf9v] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.edoc-inline-form label[b-uwgs0pbf9v] { font-weight: 600; }

.edoc-btn[b-uwgs0pbf9v] {
    background: #7a9fc0; color: #fff; border: none; border-radius: 6px;
    padding: 7px 16px; font-size: 0.82rem; font-weight: 600; cursor: pointer;
}
.edoc-btn:hover:not(:disabled)[b-uwgs0pbf9v] { background: #5e85a8; }
.edoc-btn:disabled[b-uwgs0pbf9v] { opacity: 0.5; cursor: not-allowed; }
.edoc-upload-hint[b-uwgs0pbf9v] { margin-left: 10px; font-style: italic; }
.edoc-btn-ghost[b-uwgs0pbf9v] { background: transparent; color: #374151; border: 1px solid #b8c2cc; }
.edoc-btn-ghost:hover:not(:disabled)[b-uwgs0pbf9v] { background: #eef2f6; }
.edoc-btn-danger[b-uwgs0pbf9v] { background: #c0392b; }
.edoc-btn-danger:hover:not(:disabled)[b-uwgs0pbf9v] { background: #a3301f; }

.edoc-link[b-uwgs0pbf9v] { background: none; border: none; color: #2c6082; cursor: pointer; font: inherit; padding: 0 6px; text-decoration: underline; }
.edoc-link:hover[b-uwgs0pbf9v] { color: #1b4a66; }
.edoc-danger[b-uwgs0pbf9v] { color: #c0392b; }
/* /Components/Common/EntityEvents.razor.rz.scp.css */
.eev[b-fkfx7u1t7v] { font-size: 0.85rem; color: #2c3a45; }
.eev-muted[b-fkfx7u1t7v] { color: #7a8a95; font-size: 0.8rem; }

.eev-sub[b-fkfx7u1t7v] {
    font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    color: #4a6070; margin: 16px 0 8px; display: flex; align-items: center; gap: 12px;
}
.eev-sub:first-child[b-fkfx7u1t7v] { margin-top: 0; }

.eev-table[b-fkfx7u1t7v] { width: 100%; border-collapse: collapse; margin-bottom: 6px; }
.eev-table th[b-fkfx7u1t7v], .eev-table td[b-fkfx7u1t7v] { text-align: left; padding: 7px 8px; border-bottom: 1px solid #eef3f7; vertical-align: top; }
.eev-table th[b-fkfx7u1t7v] { font-size: 0.7rem; text-transform: uppercase; color: #4a6070; font-weight: 600; }
.eev-actions[b-fkfx7u1t7v] { white-space: nowrap; text-align: right !important; }
.tc[b-fkfx7u1t7v] { text-align: center !important; }

.eev-type-pill[b-fkfx7u1t7v] { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 0.76rem; font-weight: 600; background: #eaf2f8; color: #2c6082; }
.eev-link[b-fkfx7u1t7v] { background: none; border: none; color: #2c6082; cursor: pointer; font: inherit; padding: 0 6px; text-decoration: underline; text-transform: none; letter-spacing: 0; font-weight: 600; }
.eev-link:hover[b-fkfx7u1t7v] { color: #1b4a66; }
/* /Components/Common/EventDetailDialog.razor.rz.scp.css */
.dialog-title[b-mg0bb2jt3a] { font-size: 1rem; color: #ffffff; font-weight: 600; }

.evd-tab-nav[b-mg0bb2jt3a] { display: flex; gap: 0; border-bottom: 2px solid #c8dce8; margin-bottom: 18px; flex-wrap: wrap; }
.evd-tab-btn[b-mg0bb2jt3a] {
    background: transparent; border: none; border-bottom: 3px solid transparent; margin-bottom: -2px;
    padding: 8px 16px; font-size: 0.82rem; font-weight: 600; color: #7a9fc0; cursor: pointer;
}
.evd-tab-btn:hover:not(:disabled)[b-mg0bb2jt3a] { color: #2c6082; }
.evd-tab-btn.active[b-mg0bb2jt3a] { color: #2c6082; border-bottom-color: #2c6082; }

.evd-form[b-mg0bb2jt3a] { font-size: 0.85rem; color: #2c3a45; }
.evd-muted[b-mg0bb2jt3a] { color: #7a8a95; font-size: 0.82rem; }
.evd-req[b-mg0bb2jt3a] { color: #c0392b; }
.evd-cap[b-mg0bb2jt3a] { text-transform: capitalize; }

.evd-msg[b-mg0bb2jt3a] { padding: 8px 12px; border-radius: 6px; margin-bottom: 10px; font-size: 0.85rem; }
.evd-msg-err[b-mg0bb2jt3a] { background: #fdecea; color: #b3261e; }

.evd-grid[b-mg0bb2jt3a] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 10px; margin-bottom: 8px; }
.evd-field[b-mg0bb2jt3a] { display: flex; flex-direction: column; gap: 3px; margin-bottom: 10px; }
.evd-field label[b-mg0bb2jt3a] { font-size: 0.74rem; font-weight: 600; color: #4a6070; }
.evd-notes[b-mg0bb2jt3a] { min-height: 70px; }
.evd-narrow[b-mg0bb2jt3a] { max-width: 130px; }

.evd-sub[b-mg0bb2jt3a] {
    font-size: 0.74rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;
    color: #4a6070; margin: 16px 0 8px;
}
.evd-checks[b-mg0bb2jt3a] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 8px; }

.evd-actions[b-mg0bb2jt3a] { display: flex; gap: 8px; margin-top: 14px; }
.evd-actions-cell[b-mg0bb2jt3a] { white-space: nowrap; text-align: right !important; }
.evd-confirm[b-mg0bb2jt3a] { margin-top: 12px; padding: 10px; background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; font-size: 0.85rem; }

.evd-btn[b-mg0bb2jt3a] {
    background: #7a9fc0; color: #fff; border: none; border-radius: 6px;
    padding: 7px 16px; font-size: 0.82rem; font-weight: 600; cursor: pointer;
}
.evd-btn:hover:not(:disabled)[b-mg0bb2jt3a] { background: #5e85a8; }
.evd-btn:disabled[b-mg0bb2jt3a] { opacity: 0.5; cursor: not-allowed; }
.evd-btn-ghost[b-mg0bb2jt3a] { background: transparent; color: #374151; border: 1px solid #b8c2cc; }
.evd-btn-ghost:hover[b-mg0bb2jt3a] { background: #eef2f6; }
.evd-btn-danger[b-mg0bb2jt3a] { background: #c0392b; }
.evd-btn-danger:hover:not(:disabled)[b-mg0bb2jt3a] { background: #a3301f; }

.evd-link[b-mg0bb2jt3a] { background: none; border: none; color: #2c6082; cursor: pointer; font: inherit; padding: 0 6px; text-decoration: underline; }
.evd-danger[b-mg0bb2jt3a] { color: #c0392b; }

.evd-table[b-mg0bb2jt3a] { width: 100%; border-collapse: collapse; margin: 8px 0 14px; }
.evd-table th[b-mg0bb2jt3a], .evd-table td[b-mg0bb2jt3a] { text-align: left; padding: 7px 8px; border-bottom: 1px solid #eef3f7; vertical-align: top; font-size: 0.84rem; }
.evd-table th[b-mg0bb2jt3a] { font-size: 0.7rem; text-transform: uppercase; color: #4a6070; font-weight: 600; }

.evd-inline-form[b-mg0bb2jt3a] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.evd-inline-form .form-input[b-mg0bb2jt3a] { min-width: 200px; }

.evd-upload[b-mg0bb2jt3a] { background: #f7fafc; border: 1px solid #e4eef5; border-radius: 8px; padding: 12px; margin-bottom: 8px; }
.evd-drop[b-mg0bb2jt3a] { margin: 6px 0 10px; }
.evd-drop[b-mg0bb2jt3a]  .e-upload { border-radius: 6px; }
.evd-drop[b-mg0bb2jt3a]  .e-upload .e-upload-actions { display: none; }

.evd-action-box[b-mg0bb2jt3a] { background: #f7fafc; border: 1px solid #e4eef5; border-radius: 8px; padding: 14px; margin-bottom: 14px; }
.evd-action-result[b-mg0bb2jt3a] { margin-top: 10px; padding: 8px 12px; border-radius: 6px; font-size: 0.82rem; background: #e8f5ec; color: #1a7f37; }
/* /Components/Common/EventPicker.razor.rz.scp.css */
.evp[b-a0yqm74v7n] { margin-top: 2px; }
.evp-btn[b-a0yqm74v7n] { background: #fff; border: 1px dashed #7a9fc0; color: #2c6082; border-radius: 6px; padding: 5px 12px; font-size: 0.84rem; cursor: pointer; }
.evp-btn:hover[b-a0yqm74v7n] { background: #f1f7fb; }
.evp-chip[b-a0yqm74v7n] { display: inline-flex; align-items: center; gap: 6px; padding: 4px 6px 4px 12px; border-radius: 14px; font-size: 0.82rem; background: #fff3d6; color: #6b5416; max-width: 100%; }
.evp-x[b-a0yqm74v7n] { background: none; border: none; cursor: pointer; font-size: 1rem; line-height: 1; color: inherit; padding: 0 6px; }
.evp-search[b-a0yqm74v7n] { width: 100%; box-sizing: border-box; border: 1px solid #b8c2cc; border-radius: 6px; padding: 6px 10px; font-size: 0.88rem; font-family: inherit; margin-top: 8px; }
.evp-list[b-a0yqm74v7n] { border: 1px solid #e4eef5; border-radius: 6px; max-height: 180px; overflow-y: auto; margin-top: 6px; background: #fff; }
.evp-option[b-a0yqm74v7n] { padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #f0f4f7; font-size: 0.84rem; color: #2c3a45; }
.evp-option:hover[b-a0yqm74v7n] { background: #f1f7fb; }
.evp-hint[b-a0yqm74v7n] { padding: 8px 10px; color: #6b7f8e; font-size: 0.8rem; }
.evp-error[b-a0yqm74v7n] { color: #c0392b; font-size: 0.8rem; margin-top: 4px; }
/* /Components/Common/FollowOnActionBox.razor.rz.scp.css */
.fo-desc[b-y12zudffkm] { margin: 2px 0 8px; font-size: 0.78rem; }
.fo-field[b-y12zudffkm] { margin-bottom: 8px; }
.fo-input[b-y12zudffkm] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b8c2cc;
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 0.88rem;
    font-family: inherit;
    background: #fff;
}
textarea.fo-input[b-y12zudffkm] { resize: vertical; }
.fo-check[b-y12zudffkm] { display: flex; gap: 8px; align-items: center; font-size: 0.86rem; }
.fo-help[b-y12zudffkm] { font-size: 0.74rem; margin-top: 2px; }
.fo-error[b-y12zudffkm] { background: #fdf2f2; color: #c0392b; border-color: #e8b0b0; }
.fo-link[b-y12zudffkm] { margin-left: 10px; font-weight: 600; color: #2c6082; }

.fo-chips[b-y12zudffkm] { display: flex; flex-wrap: wrap; gap: 6px; min-height: 26px; margin-bottom: 6px; align-items: center; }
.fo-chip[b-y12zudffkm] { display: inline-flex; align-items: center; gap: 4px; padding: 2px 4px 2px 10px; border-radius: 14px; font-size: 0.8rem; background: #e3eef7; color: #1f4d6b; }
.fo-chip.fo-kind-group[b-y12zudffkm] { background: #efe6f7; color: #5a2d82; }
.fo-chip.fo-kind-location_users[b-y12zudffkm], .fo-chip.fo-kind-all_users[b-y12zudffkm] { background: #e1f3e6; color: #1f6b3a; }
.fo-chip.fo-kind-carer[b-y12zudffkm] { background: #fff3d6; color: #6b5416; }
.fo-chip-x[b-y12zudffkm] { background: none; border: none; cursor: pointer; font-size: 1rem; line-height: 1; color: inherit; padding: 0 6px; }
.fo-picker[b-y12zudffkm] { border: 1px solid #e4eef5; border-radius: 6px; max-height: 150px; overflow-y: auto; margin-top: 6px; }
.fo-option[b-y12zudffkm] { display: flex; gap: 10px; align-items: baseline; padding: 5px 10px; cursor: pointer; border-bottom: 1px solid #f0f4f7; }
.fo-option:hover[b-y12zudffkm] { background: #f1f7fb; }
.fo-option-name[b-y12zudffkm] { font-size: 0.86rem; color: #2c3a45; }
.fo-option-detail[b-y12zudffkm] { margin-left: auto; font-size: 0.72rem; color: #6b7f8e; }
/* /Components/Common/LocationEmergencyContacts.razor.rz.scp.css */
.emc[b-5vnchb19pa] { font-size: 0.88rem; color: #2c3a45; }
.emc-intro[b-5vnchb19pa] { color: #4a6070; margin: 0 0 10px; }
.emc-warn[b-5vnchb19pa] { background: #fff3d6; color: #6b5416; border: 1px solid #ecd9a0; border-radius: 6px; padding: 7px 10px; margin-bottom: 8px; }
.emc-error[b-5vnchb19pa] { background: #fdecea; color: #b3261e; border-radius: 6px; padding: 7px 10px; margin-bottom: 8px; }
.emc-info[b-5vnchb19pa] { background: #e8f5ec; color: #1a7f37; border-radius: 6px; padding: 7px 10px; margin-bottom: 8px; }
.emc-add[b-5vnchb19pa] { display: flex; gap: 8px; margin: 10px 0; flex-wrap: wrap; }
.emc-input[b-5vnchb19pa] { flex: 1; min-width: 220px; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 10px; font-size: 0.88rem; font-family: inherit; }
.emc-btn[b-5vnchb19pa] { background: #fff; border: 1px solid #b8d4e8; color: #2c6082; border-radius: 6px; padding: 7px 14px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.emc-btn:disabled[b-5vnchb19pa] { opacity: 0.55; cursor: default; }
.emc-primary[b-5vnchb19pa] { background: #7a9fc0; color: #fff; border-color: #7a9fc0; }
.emc-empty[b-5vnchb19pa] { color: #6c8898; font-style: italic; }
.emc-table[b-5vnchb19pa] { width: 100%; border-collapse: collapse; margin-bottom: 12px; }
.emc-table th[b-5vnchb19pa], .emc-table td[b-5vnchb19pa] { text-align: left; padding: 7px 8px; border-bottom: 1px solid #eef3f7; vertical-align: middle; }
.emc-table th[b-5vnchb19pa] { font-size: 0.7rem; text-transform: uppercase; color: #4a6070; font-weight: 600; }
.emc-inactive[b-5vnchb19pa] { opacity: 0.55; }
.emc-bad[b-5vnchb19pa] { color: #c0392b; font-weight: 600; }
.emc-link[b-5vnchb19pa] { background: none; border: none; color: #2c6082; cursor: pointer; font: inherit; text-decoration: underline; padding: 0; }
.emc-danger[b-5vnchb19pa] { color: #c0392b; }
.emc-test[b-5vnchb19pa] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; border-top: 1px solid #e4eef5; padding-top: 12px; }
.emc-hint[b-5vnchb19pa] { color: #6c8898; font-size: 0.8rem; }
/* /Components/Common/NotificationForceModal.razor.rz.scp.css */
.nf-overlay[b-rc38gt4mbi] {
    position: fixed;
    inset: 0;
    z-index: 100000;                      /* above every page, menu and dialog */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 20, 28, 0.78);
    backdrop-filter: blur(2px);
}
.nf-card[b-rc38gt4mbi] {
    width: min(560px, 100%);
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    background: #fff;
    border-radius: 12px;
    border-top: 8px solid #c0392b;
    box-shadow: 0 16px 60px rgba(0, 0, 0, 0.5);
    padding: 0 22px 20px;
}
.nf-banner[b-rc38gt4mbi] { margin: 0 -22px; padding: 8px 22px; background: #fdecea; color: #b3261e; font-weight: 800; letter-spacing: 0.06em; font-size: 0.8rem; }
.nf-title[b-rc38gt4mbi] { margin: 14px 0 8px; font-size: 1.3rem; color: #1f2d38; }
.nf-body[b-rc38gt4mbi] { white-space: pre-wrap; word-break: break-word; font-size: 1rem; color: #2c3a45; margin-bottom: 12px; }
.nf-meta[b-rc38gt4mbi] { font-size: 0.78rem; color: #6b7f8e; margin-bottom: 14px; }
.nf-error[b-rc38gt4mbi] { background: #fdf2f2; border: 1px solid #e8b0b0; color: #c0392b; border-radius: 6px; padding: 6px 10px; font-size: 0.82rem; margin-bottom: 10px; }
.nf-actions[b-rc38gt4mbi] { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; }
.nf-btn[b-rc38gt4mbi] { background: transparent; border: 1px solid #b8c2cc; border-radius: 6px; padding: 9px 18px; font-size: 0.92rem; font-weight: 600; color: #374151; cursor: pointer; }
.nf-btn:hover[b-rc38gt4mbi] { background: #eef2f6; }
.nf-confirm[b-rc38gt4mbi] { background: #c0392b; border-color: #c0392b; color: #fff; }
.nf-confirm:hover[b-rc38gt4mbi] { background: #a82f23; }
.nf-event[b-rc38gt4mbi] { margin-bottom: 12px; font-size: 0.92rem; }
.nf-event a[b-rc38gt4mbi] { color: #2c6082; font-weight: 600; }
/* /Components/Common/NotificationsBell.razor.rz.scp.css */
.nb-wrap[b-mul4kxo042] { display: inline-block; }
.nb-btn[b-mul4kxo042] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    margin: 0 4px;
    color: #fff;
    background: transparent;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}
.nb-btn:hover[b-mul4kxo042] { background: rgba(255, 255, 255, 0.18); }
.nb-btn.prio-high[b-mul4kxo042]  { color: #ffd27a; }
.nb-btn.prio-force[b-mul4kxo042] { color: #ff9b94; }
.nb-count[b-mul4kxo042] {
    position: absolute;
    top: 0;
    right: -2px;
    min-width: 17px;
    padding: 0 4px;
    border-radius: 9px;
    background: #d93a30;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 17px;
    text-align: center;
}

.nb-backdrop[b-mul4kxo042] { position: fixed; inset: 0; z-index: 3000; }
.nb-panel[b-mul4kxo042] {
    position: fixed;
    top: 50px;
    right: 8px;
    z-index: 3001;
    width: min(420px, calc(100vw - 16px));
    max-height: calc(100vh - 66px);
    display: flex;
    flex-direction: column;
    background: #fff;
    color: #2c3a45;
    border-radius: 10px;
    box-shadow: 0 10px 36px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}
.nb-head[b-mul4kxo042] { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 14px; border-bottom: 1px solid #e4eef5; background: #f5fafd; }
.nb-head a[b-mul4kxo042] { font-size: 0.8rem; color: #2c6082; font-weight: 600; text-decoration: none; }
.nb-head a:hover[b-mul4kxo042] { text-decoration: underline; }
.nb-empty[b-mul4kxo042] { padding: 18px 14px; color: #6b7f8e; font-size: 0.9rem; }
.nb-list[b-mul4kxo042] { overflow-y: auto; }
.nb-error[b-mul4kxo042] { padding: 8px 14px; color: #c0392b; font-size: 0.8rem; background: #fdf2f2; }

.nb-item[b-mul4kxo042] { padding: 10px 14px 10px 12px; border-bottom: 1px solid #eef3f7; border-left: 4px solid #7a9fc0; }
.nb-item.prio-low[b-mul4kxo042]   { border-left-color: #b8c2cc; }
.nb-item.prio-high[b-mul4kxo042]  { border-left-color: #e08a00; }
.nb-item.prio-force[b-mul4kxo042] { border-left-color: #c0392b; }
.nb-item.unseen[b-mul4kxo042] { background: #f1f7fb; }
.nb-item.unseen .nb-title[b-mul4kxo042] { font-weight: 700; }
.nb-title[b-mul4kxo042] { font-size: 0.9rem; font-weight: 600; }
.nb-body[b-mul4kxo042] { font-size: 0.82rem; color: #4a6070; margin-top: 2px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; white-space: pre-wrap; }
.nb-meta[b-mul4kxo042] { font-size: 0.72rem; color: #6b7f8e; margin-top: 4px; }
.nb-actions[b-mul4kxo042] { display: flex; gap: 6px; margin-top: 6px; }
.nb-act[b-mul4kxo042] { background: transparent; border: 1px solid #b8c2cc; border-radius: 5px; padding: 3px 10px; font-size: 0.76rem; font-weight: 600; color: #374151; cursor: pointer; }
.nb-act:hover[b-mul4kxo042] { background: #eef2f6; }
.nb-done[b-mul4kxo042] { background: #2c6082; border-color: #2c6082; color: #fff; }
.nb-done:hover[b-mul4kxo042] { background: #234f6b; }
.nb-tag[b-mul4kxo042] { display: inline-block; margin-left: 6px; padding: 0 7px; border-radius: 8px; font-size: 0.64rem; font-weight: 700; text-transform: uppercase; color: #fff; background: #7a9fc0; vertical-align: middle; }
.nb-tag.prio-high[b-mul4kxo042]  { background: #e08a00; }
.nb-tag.prio-force[b-mul4kxo042] { background: #c0392b; }
.nb-tag.prio-low[b-mul4kxo042]   { background: #98a6b2; }
.nb-clickable[b-mul4kxo042] { cursor: pointer; }
.nb-clickable:hover .nb-title[b-mul4kxo042] { text-decoration: underline; }
.nb-event[b-mul4kxo042] { font-size: 0.78rem; margin-top: 3px; }
.nb-event a[b-mul4kxo042] { color: #2c6082; font-weight: 600; text-decoration: none; }
.nb-event a:hover[b-mul4kxo042] { text-decoration: underline; }
/* /Components/Common/What3WordsField.razor.rz.scp.css */
.w3w[b-2qlozi07sa] { display: flex; flex-direction: column; gap: 4px; }
.w3w-actions[b-2qlozi07sa] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.w3w-link[b-2qlozi07sa] { color: #e11f26; font-size: 0.82rem; font-weight: 600; text-decoration: none; }
.w3w-link:hover[b-2qlozi07sa] { text-decoration: underline; }
.w3w-btn[b-2qlozi07sa] { background: #fff; border: 1px solid #7a9fc0; color: #2c6082; border-radius: 6px; padding: 2px 10px; font-size: 0.8rem; cursor: pointer; }
.w3w-btn:hover:not(:disabled)[b-2qlozi07sa] { background: #f1f7fb; }
.w3w-btn:disabled[b-2qlozi07sa] { opacity: 0.6; cursor: default; }
.w3w-hint[b-2qlozi07sa] { color: #8a6d1a; font-size: 0.78rem; }
.w3w-error[b-2qlozi07sa] { color: #c0392b; font-size: 0.78rem; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ── Access denied ───────────────────────────────────────────────── */
.access-denied[b-ix2kla69i7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    gap: 12px;
    color: #6c8898;
}
.access-denied-icon[b-ix2kla69i7] { font-size: 2.5rem; }
.access-denied-msg[b-ix2kla69i7]  { font-size: 1rem; font-style: italic; }

/* =====================================================
   Wrapper
   ===================================================== */
#wrapper[b-ix2kla69i7] {
    display: block;
    overflow: hidden;
}

/* =====================================================
   Sidebar z-index (must sit above the toolbar)
   ===================================================== */
[b-ix2kla69i7] .sidebar-menu {
    z-index: 20 !important;
}

/* =====================================================
   Remove border on the vertical Menu inside sidebar
   ===================================================== */
[b-ix2kla69i7] #wrapper .dock-menu.e-menu-container {
    border: 0;
}

[b-ix2kla69i7] .sidebar-menu .e-menu-container {
    border: 0;
    height: 100vh;
}

/* =====================================================
   Dock state – show only icons when sidebar is collapsed
   ===================================================== */
[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item {
    width: 50px;
}

[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item.e-menu-caret-icon {
    padding-right: 12px;
}

[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item .e-caret {
    display: none;
}

[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul .e-menu-item.e-menu-caret-icon,
[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul.e-vertical {
    min-width: 0;
    width: 50px !important;
}

[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-container ul.e-menu {
    font-size: 0;
}

[b-ix2kla69i7] .sidebar-menu.e-dock.e-close .e-menu-item .e-menu-icon {
    font-size: 20px;
    padding: 0;
}

/* Keep full-width items when expanded */
[b-ix2kla69i7] .sidebar-menu .e-menu-container ul .e-menu-item.e-menu-caret-icon {
    width: 220px;
}

/* =====================================================
   Toolbar – app title / folder name
   ===================================================== */
.e-folder[b-ix2kla69i7] {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.e-folder-name[b-ix2kla69i7] {
    margin-top: 3px;
}

/* =====================================================
   Main content area
   Syncfusion Auto sidebar pushes this via Target selector
   ===================================================== */
.main-content[b-ix2kla69i7] {
    min-height: calc(100vh - 42px); /* subtract toolbar height */
}

.content[b-ix2kla69i7] {
    padding: 20px;
}

/* =====================================================
   Blazor error UI
   ===================================================== */
#blazor-error-ui[b-ix2kla69i7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss[b-ix2kla69i7] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-dqoje5irdo],
.components-reconnect-repeated-attempt-visible[b-dqoje5irdo],
.components-reconnect-failed-visible[b-dqoje5irdo],
.components-pause-visible[b-dqoje5irdo],
.components-resume-failed-visible[b-dqoje5irdo],
.components-rejoining-animation[b-dqoje5irdo] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/ApiRequests.razor.rz.scp.css */
.arq-filters[b-7xlhm3cdu7] { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin-bottom: 8px; }
.arq-f[b-7xlhm3cdu7] { display: flex; flex-direction: column; gap: 3px; }
.arq-f label[b-7xlhm3cdu7] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: #4a6070; }
.arq-f input[b-7xlhm3cdu7], .arq-f select[b-7xlhm3cdu7] { border: 1px solid #b8c2cc; border-radius: 5px; padding: 6px 8px; font-size: 0.88rem; font-family: inherit; min-width: 130px; }
.arq-buttons[b-7xlhm3cdu7] { flex-direction: row; align-items: center; gap: 10px; }
.arq-link[b-7xlhm3cdu7] { background: none; border: none; color: #2c6082; cursor: pointer; font-size: 0.86rem; text-decoration: underline; padding: 0; }
.arq-summary[b-7xlhm3cdu7] { font-size: 0.82rem; color: #4a6070; margin: 4px 0 8px; }

.arq-status[b-7xlhm3cdu7] { display: inline-block; min-width: 38px; text-align: center; padding: 1px 6px; border-radius: 10px; font-size: 0.78rem; font-weight: 600; }
.arq-status.s2[b-7xlhm3cdu7] { background: #e1f3e6; color: #1f6b3a; }
.arq-status.s4[b-7xlhm3cdu7] { background: #fff3d6; color: #6b5416; }
.arq-status.s-refused[b-7xlhm3cdu7] { background: #fde7d3; color: #8a4a12; }
.arq-status.s5[b-7xlhm3cdu7] { background: #fbe3e3; color: #a12a2a; }
.arq-tag[b-7xlhm3cdu7] { margin-left: 4px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; background: #fff3d6; color: #6b5416; border-radius: 8px; padding: 1px 6px; }

.arq-detail[b-7xlhm3cdu7] { border: 1px solid #d5e3ee; background: #f6fafd; border-radius: 6px; padding: 10px 14px; margin-bottom: 10px; }
.arq-detail-head[b-7xlhm3cdu7] { display: flex; justify-content: space-between; margin-bottom: 6px; word-break: break-all; }
.arq-detail table[b-7xlhm3cdu7] { border-collapse: collapse; font-size: 0.84rem; }
.arq-detail td[b-7xlhm3cdu7] { padding: 2px 14px 2px 0; vertical-align: top; }
.arq-detail td:first-child[b-7xlhm3cdu7] { color: #4a6070; white-space: nowrap; }
.arq-detail td:last-child[b-7xlhm3cdu7] { word-break: break-all; }
/* /Components/Pages/CallMedications.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.cm-page[b-nvsnzoemml] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.header-left[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header h4[b-nvsnzoemml] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.back-btn[b-nvsnzoemml] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.back-btn:hover[b-nvsnzoemml] { background: #f0f3f6; }

/* ── Two-column layout ────────────────────────────────────── */
.cm-layout[b-nvsnzoemml] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left: medication list ────────────────────────────────── */
.cm-list-panel[b-nvsnzoemml] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
}

.add-med-bar[b-nvsnzoemml] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.add-med-drop[b-nvsnzoemml] { flex: 1; }

.btn-add-med[b-nvsnzoemml] {
    white-space: nowrap;
    flex-shrink: 0;
}

.no-meds[b-nvsnzoemml] {
    color: #a0b0bc;
    font-size: 0.88rem;
    text-align: center;
    padding: 20px 0;
}

.med-list[b-nvsnzoemml] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Medication card ──────────────────────────────────────── */
.med-card[b-nvsnzoemml] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.med-card:hover[b-nvsnzoemml] { border-color: #4a7fa5; }

.med-card-selected[b-nvsnzoemml] {
    border-color: #4a7fa5;
    box-shadow: 0 0 0 2px rgba(74, 127, 165, 0.18);
}

.med-card-top[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.med-name[b-nvsnzoemml] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c3a45;
}

.badge-required[b-nvsnzoemml] {
    background: #e8f0f7;
    color: #4a7fa5;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    flex-shrink: 0;
}

.btn-remove-med[b-nvsnzoemml] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.btn-remove-med:hover[b-nvsnzoemml] { color: #d9534f; }

.med-notes-preview[b-nvsnzoemml] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: #7a8e9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Right: edit panel ────────────────────────────────────── */
.cm-edit-panel[b-nvsnzoemml] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.edit-form-wrap[b-nvsnzoemml] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.edit-form-header[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.edit-form-title[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.edit-form-title h5[b-nvsnzoemml] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.edit-form-body[b-nvsnzoemml] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Form fields ──────────────────────────────────────────── */
.form-field[b-nvsnzoemml] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-nvsnzoemml] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.req[b-nvsnzoemml] { color: #d9534f; }

.form-switches[b-nvsnzoemml] {
    display: flex;
    gap: 24px;
}

.switch-row[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Link groups ──────────────────────────────────────────── */
.link-group[b-nvsnzoemml] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f7f9fb;
    border: 1px solid #e8ecf0;
    border-radius: 8px;
}

.link-group-header[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.link-group-label[b-nvsnzoemml] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #3a5a70;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.btn-add-link[b-nvsnzoemml] {
    background: transparent;
    border: 1px solid #4a7fa5;
    color: #4a7fa5;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-add-link:hover[b-nvsnzoemml] { background: #4a7fa5; color: #fff; }

.link-empty[b-nvsnzoemml] {
    font-size: 0.82rem;
    color: #aab8c2;
    font-style: italic;
}

.link-row[b-nvsnzoemml] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.link-row-value[b-nvsnzoemml] { flex: 0 0 220px; }

.link-drop[b-nvsnzoemml] { width: 100%; }

.link-row-notes[b-nvsnzoemml] { flex: 1; }

.link-notes-input[b-nvsnzoemml] { width: 100%; }

.btn-remove-link[b-nvsnzoemml] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 6px 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 4px;
    transition: color 0.15s;
}

.btn-remove-link:hover[b-nvsnzoemml] { color: #d9534f; }

/* ── Form actions ─────────────────────────────────────────── */
.edit-form-actions[b-nvsnzoemml] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
    flex-shrink: 0;
}

.btn-cancel[b-nvsnzoemml] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-nvsnzoemml] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-nvsnzoemml] { background: #3a6f95; }
.btn-save:disabled[b-nvsnzoemml] { opacity: 0.45; cursor: not-allowed; }

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-nvsnzoemml] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .cm-page[b-nvsnzoemml]   { height: auto; overflow: visible; }
    .cm-layout[b-nvsnzoemml] { flex-direction: column; }
    .cm-list-panel[b-nvsnzoemml] { width: 100%; }

    .layout-edit-active .cm-list-panel[b-nvsnzoemml] { display: none; }

    .mobile-back-btn[b-nvsnzoemml] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}

/* ── Manage button (header) ───────────────────────────────── */
.btn-manage-link[b-nvsnzoemml] {
    background: transparent;
    border: 1px solid #4a7fa5;
    color: #4a7fa5;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
    flex-shrink: 0;
}

.btn-manage-link:hover[b-nvsnzoemml] { background: #4a7fa5; color: #fff; }

/* ── Inline text link button ──────────────────────────────── */
.btn-link-inline[b-nvsnzoemml] {
    background: transparent;
    border: none;
    color: #4a7fa5;
    font-size: inherit;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.btn-link-inline:hover[b-nvsnzoemml] { color: #3a6f95; }

/* ── Call medication list ─────────────────────────────────── */
.call-med-list[b-nvsnzoemml] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow-y: auto;
    flex: 1;
    min-height: 0;
}

.call-med-item[b-nvsnzoemml] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    padding: 12px 14px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: border-color 0.15s;
}

.call-med-administered[b-nvsnzoemml] {
    border-color: #5ba85e;
    background: #f6faf6;
}

.call-med-top[b-nvsnzoemml] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.call-med-info[b-nvsnzoemml] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.call-med-name[b-nvsnzoemml] {
    font-size: 0.92rem;
    font-weight: 600;
    color: #2c3a45;
}

.call-med-desc[b-nvsnzoemml] {
    font-size: 0.82rem;
    color: #7a8e9a;
}

.call-med-actions[b-nvsnzoemml] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.administered-label[b-nvsnzoemml] {
    font-size: 0.82rem;
    color: #5a6a77;
    white-space: nowrap;
}

/* ── Notes row ────────────────────────────────────────────── */
.call-med-notes-row[b-nvsnzoemml] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.call-med-notes-display[b-nvsnzoemml] {
    flex: 1;
    font-size: 0.83rem;
    color: #5a6a77;
    cursor: pointer;
    padding: 5px 8px;
    border-radius: 5px;
    border: 1px solid transparent;
    min-height: 32px;
    transition: border-color 0.15s;
}

.call-med-notes-display:hover[b-nvsnzoemml] { border-color: #c0c8d0; background: #f7f9fb; }

.call-med-notes-placeholder[b-nvsnzoemml] { color: #b0bcc5; font-style: italic; }

.call-med-notes-text[b-nvsnzoemml] { color: #3a4a56; }

.call-med-notes-edit[b-nvsnzoemml] { flex: 1; display: flex; flex-direction: column; gap: 6px; }

.call-med-notes-btns[b-nvsnzoemml] { display: flex; gap: 8px; justify-content: flex-end; }

.btn-cancel-sm[b-nvsnzoemml] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 0.8rem;
    cursor: pointer;
}

.btn-save-sm[b-nvsnzoemml] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 0.8rem;
    cursor: pointer;
}

.btn-save-sm:disabled[b-nvsnzoemml] { opacity: 0.45; cursor: not-allowed; }
/* /Components/Pages/Calls.razor.rz.scp.css */
/* ── Page ───────────────────────────────────────────────────────── */
.calls-page[b-uio5kirnhq] {
    padding: 16px;
}

.page-header[b-uio5kirnhq] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calls-past-toggle[b-uio5kirnhq] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    color: #374151;
    white-space: nowrap;
    cursor: pointer;
    margin: 0 12px;
}

/* ── New call button ────────────────────────────────────────────── */
.new-btn[b-uio5kirnhq] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover[b-uio5kirnhq] {
    background: #5e85a8;
}

/* ── Edit / action buttons ──────────────────────────────────────── */
.edit-btn[b-uio5kirnhq] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
    margin-right: 4px;
}

.edit-btn:hover[b-uio5kirnhq] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Active/completed badges ────────────────────────────────────── */
.active-badge[b-uio5kirnhq] {
    display: inline-block;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 0.78rem;
    font-weight: 500;
}

.active-yes[b-uio5kirnhq] { background: #e2f0d5; color: #3a6622; }
.active-no[b-uio5kirnhq]  { background: #fdecea; color: #a93226; }

/* must be fulfilled / time-critical / arrival */
.must-fulfil[b-uio5kirnhq]   { color: #b3261e; font-weight: 700; margin-right: 3px; }
.time-critical[b-uio5kirnhq] { margin-right: 3px; }
.arr-ok[b-uio5kirnhq]  { color: #3f8a58; font-size: 0.8rem; }
.arr-bad[b-uio5kirnhq] { color: #b3261e; font-size: 0.8rem; font-weight: 600; }
/* /Components/Pages/CallsAutoAllocate.razor.rz.scp.css */
.caa-page[b-ib07ig7u0u] {
    padding: 16px;
    /* Fill the area under the top toolbar (42px) minus .page-body padding (2x20px)
       and scroll internally, so the calls grid + candidates panel are always
       fully reachable instead of being cut off at the bottom. */
    height: calc(100vh - 82px);
    overflow-y: auto;
    box-sizing: border-box;
}

/* Page header (shared house style, duplicated per page) */
.page-header[b-ib07ig7u0u] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.caa-header-actions[b-ib07ig7u0u] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.caa-selcount[b-ib07ig7u0u] {
    font-size: 0.85rem;
    color: #374151;
    white-space: nowrap;
}

/* Primary button (shared house style, duplicated per page) */
.new-btn[b-ib07ig7u0u] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover[b-ib07ig7u0u] {
    background: #5e85a8;
}

/* Filter bar */
.caa-filterbar[b-ib07ig7u0u] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 12px;
}

.caa-filter-field[b-ib07ig7u0u] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
}

.caa-filter-field.caa-filter-wide[b-ib07ig7u0u] {
    min-width: 240px;
}

.caa-filter-field label[b-ib07ig7u0u] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caa-status[b-ib07ig7u0u] {
    margin-bottom: 12px;
}

/* Proposals panel */
.caa-proposals[b-ib07ig7u0u] {
    border: 1px solid #d5dde5;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #f8fafc;
}

.caa-proposals-head[b-ib07ig7u0u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.caa-proposals-head h5[b-ib07ig7u0u] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
}

.caa-proposals-actions[b-ib07ig7u0u] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.caa-cancel-btn[b-ib07ig7u0u] {
    background: transparent;
    color: #374151;
    border: 1px solid #b8c2cc;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.caa-cancel-btn:hover:not(:disabled)[b-ib07ig7u0u] {
    background: #eef2f6;
}

.caa-cancel-btn:disabled[b-ib07ig7u0u] {
    opacity: 0.5;
    cursor: default;
}

/* "Skip this call" button on the candidate panel. */
.caa-skip-btn[b-ib07ig7u0u] {
    background: transparent;
    color: #8a5a00;
    border: 1px solid #f2d9a8;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}

.caa-skip-btn:hover:not(:disabled)[b-ib07ig7u0u] {
    background: #fff8ee;
}

.caa-skip-btn:disabled[b-ib07ig7u0u] {
    opacity: 0.5;
    cursor: default;
}

/* Batch column badges in the calls grid. */
.caa-current[b-ib07ig7u0u] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #2c6082;
}

.caa-outcome[b-ib07ig7u0u] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #6b7280;
}

.caa-outcome-ok[b-ib07ig7u0u]  { color: #1a7f37; }
.caa-outcome-err[b-ib07ig7u0u] { color: #b42318; }

.caa-proposals-table[b-ib07ig7u0u] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.caa-proposals-table th[b-ib07ig7u0u],
.caa-proposals-table td[b-ib07ig7u0u] {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #e5eaef;
}

.caa-proposals-table th[b-ib07ig7u0u] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caa-row-matched    td[b-ib07ig7u0u] { background: #f0f7ee; }
.caa-row-noeligible td[b-ib07ig7u0u] { background: #fdf2f2; color: #9a3131; }
.caa-row-muted      td[b-ib07ig7u0u] { color: #8a94a0; }

/* Distance shown next to a proposed carer in the proposals table. */
.caa-distance[b-ib07ig7u0u] {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2c6082;
    background: #eaf3f9;
    border-radius: 10px;
}

/* Preferred-carer badge in the candidate table. */
.caa-preferred[b-ib07ig7u0u] {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1a7f37;
    background: #e8f5ec;
    border-radius: 10px;
}

/* Red-flag badge for clashing dislikes in the candidate table. */
.caa-flag[b-ib07ig7u0u] {
    display: inline-block;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #b42318;
    background: #fdecea;
    border-radius: 10px;
    white-space: nowrap;
}

/* Clash flag rendered as a clickable button (opens the details popup). */
.caa-flag-btn[b-ib07ig7u0u] {
    border: none;
    cursor: pointer;
    font: inherit;
    font-size: 0.75rem;
    font-weight: 600;
}
.caa-flag-btn:hover[b-ib07ig7u0u] { filter: brightness(0.95); text-decoration: underline; }

/* Clash details popup */
.caa-modal-backdrop[b-ib07ig7u0u] {
    position: fixed;
    inset: 0;
    background: rgba(17, 24, 39, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
.caa-modal[b-ib07ig7u0u] {
    background: #ffffff;
    border-radius: 10px;
    width: min(440px, calc(100vw - 32px));
    max-height: calc(100vh - 64px);
    overflow-y: auto;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
}
.caa-modal-head[b-ib07ig7u0u] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #e5eaef;
}
.caa-modal-head h5[b-ib07ig7u0u] { margin: 0; font-size: 0.95rem; font-weight: 600; }
.caa-modal-close[b-ib07ig7u0u] {
    background: transparent; border: none; cursor: pointer;
    font-size: 1rem; color: #6b7280; line-height: 1;
}
.caa-modal-body[b-ib07ig7u0u] { padding: 14px 16px; font-size: 0.88rem; }
.caa-modal-section[b-ib07ig7u0u] { margin-bottom: 10px; }
.caa-modal-label[b-ib07ig7u0u] {
    font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.03em;
    color: #6b7280; font-weight: 600; margin-bottom: 4px;
}
.caa-modal-list[b-ib07ig7u0u] { margin: 0; padding-left: 18px; }
.caa-modal-list li[b-ib07ig7u0u] { margin: 2px 0; }
.caa-modal-note[b-ib07ig7u0u] { margin: 6px 0; color: #b42318; }
.caa-modal-foot[b-ib07ig7u0u] {
    display: flex; justify-content: flex-end;
    padding: 10px 16px; border-top: 1px solid #e5eaef;
}

/* Required-carers indicator on the candidates panel. */
.caa-req[b-ib07ig7u0u] {
    display: inline-block;
    padding: 3px 10px;
    font-size: 0.8rem;
    font-weight: 600;
    border-radius: 12px;
    margin-right: 10px;
}
.caa-req-ok[b-ib07ig7u0u]   { color: #1a7f37; background: #e8f5ec; }
.caa-req-warn[b-ib07ig7u0u] { color: #b26a00; background: #fff4e5; }
.caa-req-note[b-ib07ig7u0u] {
    margin: 6px 0 2px;
    padding: 6px 12px;
    font-size: 0.82rem;
    color: #8a5a00;
    background: #fff8ee;
    border: 1px solid #f2d9a8;
    border-radius: 6px;
}
/* /Components/Pages/CallsAutoAllocateRange.razor.rz.scp.css */
.caar-page[b-592zn7wlqz] {
    padding: 16px;
    height: calc(100vh - 82px);
    overflow-y: auto;
    box-sizing: border-box;
}

/* Page header (shared house style, duplicated per page) */
.page-header[b-592zn7wlqz] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.caar-header-actions[b-592zn7wlqz] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.caar-selcount[b-592zn7wlqz] {
    font-size: 0.85rem;
    color: #374151;
    white-space: nowrap;
}

/* Primary button (shared house style, duplicated per page) */
.new-btn[b-592zn7wlqz] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover:not(:disabled)[b-592zn7wlqz] { background: #5e85a8; }
.new-btn:disabled[b-592zn7wlqz]             { opacity: 0.5; cursor: default; }

.caar-cancel-btn[b-592zn7wlqz] {
    background: transparent;
    color: #374151;
    border: 1px solid #b8c2cc;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.caar-cancel-btn:hover:not(:disabled)[b-592zn7wlqz] { background: #eef2f6; }
.caar-cancel-btn:disabled[b-592zn7wlqz]             { opacity: 0.5; cursor: default; }

/* Selection bar */
.caar-filterbar[b-592zn7wlqz] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 8px;
}

.caar-filter-field[b-592zn7wlqz] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
}
.caar-filter-field.caar-filter-wide[b-592zn7wlqz] { min-width: 280px; }
.caar-filter-field.caar-filter-btn[b-592zn7wlqz]  { min-width: auto; justify-content: flex-end; }

.caar-filter-field label[b-592zn7wlqz] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caar-hint[b-592zn7wlqz] {
    margin: 0 0 12px;
    font-size: 0.82rem;
    color: #6b7280;
    max-width: 760px;
}

.caar-status[b-592zn7wlqz] { margin-bottom: 12px; }

/* Run panel */
.caar-run[b-592zn7wlqz] {
    border: 1px solid #d5dde5;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #f8fafc;
}

.caar-run-table[b-592zn7wlqz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.caar-run-table th[b-592zn7wlqz],
.caar-run-table td[b-592zn7wlqz] {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #e5eaef;
}

.caar-run-table th[b-592zn7wlqz] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caar-row-on  td[b-592zn7wlqz] { background: #f0f7ee; }
.caar-row-off td[b-592zn7wlqz] { color: #8a94a0; }

.caar-leg[b-592zn7wlqz] {
    display: inline-block;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2c6082;
    background: #eaf3f9;
    border-radius: 10px;
}
.caar-cum[b-592zn7wlqz]      { margin-left: 6px; font-size: 0.75rem; color: #6b7280; }
.caar-leg-none[b-592zn7wlqz] { color: #9aa3ad; }

.caar-preferred[b-592zn7wlqz] {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1a7f37;
    background: #e8f5ec;
    border-radius: 10px;
}

.caar-flag[b-592zn7wlqz] {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #b42318;
    background: #fdecea;
    border-radius: 10px;
    white-space: nowrap;
}
/* /Components/Pages/CallsAutoAllocateRuns.razor.rz.scp.css */
.caar-page[b-82o372axay] {
    padding: 16px;
    height: calc(100vh - 82px);
    overflow-y: auto;
    box-sizing: border-box;
}

/* Page header (shared house style, duplicated per page) */
.page-header[b-82o372axay] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.caar-header-actions[b-82o372axay] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.caar-selcount[b-82o372axay] {
    font-size: 0.85rem;
    color: #374151;
    white-space: nowrap;
}

/* Primary button (shared house style, duplicated per page) */
.new-btn[b-82o372axay] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover:not(:disabled)[b-82o372axay] { background: #5e85a8; }
.new-btn:disabled[b-82o372axay]             { opacity: 0.5; cursor: default; }

.caar-cancel-btn[b-82o372axay] {
    background: transparent;
    color: #374151;
    border: 1px solid #b8c2cc;
    border-radius: 6px;
    padding: 7px 14px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
}
.caar-cancel-btn:hover:not(:disabled)[b-82o372axay] { background: #eef2f6; }
.caar-cancel-btn:disabled[b-82o372axay]             { opacity: 0.5; cursor: default; }

/* Selection bar */
.caar-filterbar[b-82o372axay] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 12px;
    margin-bottom: 8px;
}

.caar-filter-field[b-82o372axay] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 150px;
}
.caar-filter-field.caar-filter-wide[b-82o372axay] { min-width: 280px; }
.caar-filter-field.caar-filter-btn[b-82o372axay]  { min-width: auto; justify-content: flex-end; }

.caar-filter-field label[b-82o372axay] {
    font-size: 0.72rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caar-hint[b-82o372axay] {
    margin: 0 0 12px;
    font-size: 0.82rem;
    color: #6b7280;
    max-width: 760px;
}

.caar-status[b-82o372axay] { margin-bottom: 12px; }

/* Run panel */
.caar-run[b-82o372axay] {
    border: 1px solid #d5dde5;
    border-radius: 8px;
    padding: 12px 14px;
    margin-bottom: 14px;
    background: #f8fafc;
}

.caar-run-table[b-82o372axay] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.85rem;
}

.caar-run-table th[b-82o372axay],
.caar-run-table td[b-82o372axay] {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #e5eaef;
}

.caar-run-table th[b-82o372axay] {
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #6b7280;
}

.caar-row-on  td[b-82o372axay] { background: #f0f7ee; }
.caar-row-off td[b-82o372axay] { color: #8a94a0; }

.caar-leg[b-82o372axay] {
    display: inline-block;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #2c6082;
    background: #eaf3f9;
    border-radius: 10px;
}
.caar-cum[b-82o372axay]      { margin-left: 6px; font-size: 0.75rem; color: #6b7280; }
.caar-leg-none[b-82o372axay] { color: #9aa3ad; }

.caar-preferred[b-82o372axay] {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #1a7f37;
    background: #e8f5ec;
    border-radius: 10px;
}

.caar-flag[b-82o372axay] {
    display: inline-block;
    margin-right: 6px;
    padding: 1px 7px;
    font-size: 0.75rem;
    font-weight: 600;
    color: #b42318;
    background: #fdecea;
    border-radius: 10px;
    white-space: nowrap;
}
/* /Components/Pages/CallsDetail.razor.rz.scp.css */
/* ── Main call edit dialog chrome ───────────────────────────────── */
:global(.call-edit-dialog .e-dlg-header-content)[b-qh45zapvfz] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.call-edit-dialog .e-dlg-header)[b-qh45zapvfz] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.call-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-qh45zapvfz] {
    color: #ffffff !important;
}

:global(.call-edit-dialog .e-dlg-content)[b-qh45zapvfz] {
    padding: 16px 20px;
    background: #f8fcff;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.call-edit-dialog .e-footer-content)[b-qh45zapvfz] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Med detail dialog chrome ────────────────────────────────────── */
:global(.call-med-detail-dialog .e-dlg-header-content)[b-qh45zapvfz] {
    background-color: #5a8a6a;
    padding: 12px 20px;
}

:global(.call-med-detail-dialog .e-dlg-header)[b-qh45zapvfz] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.call-med-detail-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-qh45zapvfz] {
    color: #ffffff !important;
}

:global(.call-med-detail-dialog .e-dlg-content)[b-qh45zapvfz] {
    padding: 16px 20px;
    background: #f7fbf8;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.call-med-detail-dialog .e-footer-content)[b-qh45zapvfz] {
    background: #eef6f0;
    border-top: 1px solid #b8d8c0;
    padding: 10px 20px;
}

/* ── Shared dialog title ─────────────────────────────────────────── */
.dialog-title[b-qh45zapvfz] {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
}

/* ── Call edit form layout ───────────────────────────────────────── */
.edit-form[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-qh45zapvfz] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-qh45zapvfz] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.form-grid[b-qh45zapvfz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-qh45zapvfz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-qh45zapvfz]      { color: #c0392b; }
.form-field-full[b-qh45zapvfz]      { grid-column: 1 / -1; }
.form-field-checkbox[b-qh45zapvfz]  { justify-content: flex-end; padding-bottom: 4px; }

/* ── Medications section — add row ───────────────────────────────── */
.med-add-row[b-qh45zapvfz] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.med-add-drop[b-qh45zapvfz] { flex: 1; }

:global(.btn-med-add)[b-qh45zapvfz] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Medication list ─────────────────────────────────────────────── */
.med-empty[b-qh45zapvfz] {
    font-size: 0.85rem;
    color: #a0b0bc;
    font-style: italic;
    padding: 4px 0;
}

.med-list[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 200px;
    overflow-y: auto;
}

.med-item[b-qh45zapvfz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: #f4f8fb;
    border: 1px solid #d0e4f0;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.med-item:hover[b-qh45zapvfz] {
    background: #e4f0f9;
    border-color: #7a9fc0;
}

.med-item-left[b-qh45zapvfz] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.med-item-name[b-qh45zapvfz] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #2c3a45;
}

.badge-required[b-qh45zapvfz] {
    background: #e8f0f7;
    color: #4a7fa5;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.72rem;
    font-weight: 500;
    flex-shrink: 0;
}

.med-item-notes[b-qh45zapvfz] {
    font-size: 0.78rem;
    color: #7a8e9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.btn-med-remove[b-qh45zapvfz] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.82rem;
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.btn-med-remove:hover[b-qh45zapvfz] { color: #d9534f; }

/* ── Medication edit form (inside nested dialog) ─────────────────── */
.med-edit-form[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.med-edit-fields[b-qh45zapvfz] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px 16px;
    align-items: start;
}

.med-form-field[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.med-form-field label[b-qh45zapvfz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.med-form-field .req[b-qh45zapvfz]     { color: #c0392b; }
.med-form-field-full[b-qh45zapvfz]     { grid-column: 1 / -1; }
.med-form-switch[b-qh45zapvfz]         { justify-content: flex-end; padding-bottom: 4px; }

/* ── Link groups ─────────────────────────────────────────────────── */
.link-group[b-qh45zapvfz] {
    background: #f2f8f4;
    border: 1px solid #c8dece;
    border-radius: 7px;
    padding: 10px 12px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.link-group-header[b-qh45zapvfz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.link-group-label[b-qh45zapvfz] {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #3d6b4e;
}

.btn-add-link[b-qh45zapvfz] {
    background: transparent;
    border: 1px solid #5a8a6a;
    color: #5a8a6a;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 0.76rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-add-link:hover[b-qh45zapvfz] { background: #5a8a6a; color: #fff; }

.link-empty[b-qh45zapvfz] {
    font-size: 0.82rem;
    color: #aab8c2;
    font-style: italic;
}

.link-row[b-qh45zapvfz] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.link-val[b-qh45zapvfz]        { flex: 0 0 210px; }
.link-notes[b-qh45zapvfz]      { flex: 1; }
.link-skill-name[b-qh45zapvfz] { font-size: 0.85rem; color: #2c3a45; display: block; padding: 6px 2px; }

.btn-remove-link[b-qh45zapvfz] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.82rem;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.btn-remove-link:hover[b-qh45zapvfz] { color: #d9534f; }

/* ── Care Need detail dialog chrome ──────────────────────────────── */
:global(.call-cn-detail-dialog .e-dlg-header-content)[b-qh45zapvfz] {
    background-color: #6a7ab8;
    padding: 12px 20px;
}

:global(.call-cn-detail-dialog .e-dlg-header)[b-qh45zapvfz] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.call-cn-detail-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-qh45zapvfz] {
    color: #ffffff !important;
}

:global(.call-cn-detail-dialog .e-dlg-content)[b-qh45zapvfz] {
    padding: 16px 20px;
    background: #f7f8fb;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.call-cn-detail-dialog .e-footer-content)[b-qh45zapvfz] {
    background: #eef0f8;
    border-top: 1px solid #bcc4e0;
    padding: 10px 20px;
}

/* ── Care Needs section — add row ────────────────────────────────── */
.cn-add-row[b-qh45zapvfz] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
}

.cn-add-drop[b-qh45zapvfz] { flex: 1; }

:global(.btn-cn-add)[b-qh45zapvfz] {
    flex-shrink: 0;
    white-space: nowrap;
}

/* ── Care need list ──────────────────────────────────────────────── */
.cn-empty[b-qh45zapvfz] {
    font-size: 0.85rem;
    color: #a0b0bc;
    font-style: italic;
    padding: 4px 0;
}

.cn-list[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    max-height: 200px;
    overflow-y: auto;
}

.cn-item[b-qh45zapvfz] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    background: #f4f5fb;
    border: 1px solid #cdd2ec;
    border-radius: 6px;
    cursor: pointer;
    transition: border-color 0.15s, background 0.15s;
}

.cn-item:hover[b-qh45zapvfz] {
    background: #e4e8f8;
    border-color: #6a7ab8;
}

.cn-item-left[b-qh45zapvfz] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.cn-item-name[b-qh45zapvfz] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #2c3a45;
}

.cn-item-notes[b-qh45zapvfz] {
    font-size: 0.78rem;
    color: #7a8e9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

/* Done state for a care task */
.cn-progress[b-qh45zapvfz] {
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: #7a8e9a;
}

.cn-item.cn-done[b-qh45zapvfz] {
    background: #eef7f0;
    border-color: #b9dcc2;
}

.cn-item.cn-done:hover[b-qh45zapvfz] {
    background: #e2f1e6;
    border-color: #6fae82;
}

.cn-done-info[b-qh45zapvfz] {
    font-size: 0.74rem;
    color: #3f8a58;
    white-space: nowrap;
    flex-shrink: 0;
}

.cn-item-right[b-qh45zapvfz] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.cn-item-right label[b-qh45zapvfz] {
    font-size: 0.78rem;
    color: #7a8e9a;
    margin: 0;
}

.btn-cn-remove[b-qh45zapvfz] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.82rem;
    cursor: pointer;
    padding: 3px 5px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.btn-cn-remove:hover[b-qh45zapvfz] { color: #d9534f; }

/* ── Care need edit form (inside nested dialog) ───────────────────── */
.cn-edit-form[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cn-edit-fields[b-qh45zapvfz] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 12px 16px;
    align-items: start;
}

.cn-form-field[b-qh45zapvfz] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cn-form-field label[b-qh45zapvfz] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.cn-form-field .req[b-qh45zapvfz]  { color: #c0392b; }
.cn-form-field-full[b-qh45zapvfz]  { grid-column: 1 / -1; }
.cn-form-switch[b-qh45zapvfz]      { justify-content: flex-end; padding-bottom: 4px; }

/* ── Care need simple links grid (read-only) ─────────────────────── */
.cn-edit-simple-links[b-qh45zapvfz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 16px;
}

.cn-readonly-tags[b-qh45zapvfz] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    min-height: 30px;
    padding: 4px 0;
}

.cn-readonly-tag[b-qh45zapvfz] {
    background: #e8eaf6;
    color: #3d4580;
    border-radius: 12px;
    padding: 2px 10px;
    font-size: 0.78rem;
    font-weight: 500;
}

.cn-readonly-empty[b-qh45zapvfz] {
    font-size: 0.8rem;
    color: #aab8c2;
    font-style: italic;
    padding: 4px 0;
}

/* ── Care need link groups ────────────────────────────────────────── */
.cn-link-group[b-qh45zapvfz] {
    background: #f2f3f9;
    border-color: #c8cce4;
}

.cn-link-group .link-group-label[b-qh45zapvfz] {
    color: #3d4580;
}

.cn-btn-add-link[b-qh45zapvfz] {
    border-color: #6a7ab8;
    color: #6a7ab8;
}

.cn-btn-add-link:hover[b-qh45zapvfz] { background: #6a7ab8; color: #fff; }

/* ── Dialog footer ───────────────────────────────────────────────── */
.dialog-footer[b-qh45zapvfz] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* what the carer's phone recorded for a medication */
.med-outcome[b-qh45zapvfz] { font-size: 0.75rem; margin-left: 8px; font-weight: 600; }
.med-outcome.ok[b-qh45zapvfz]  { color: #2e7d4f; }
.med-outcome.bad[b-qh45zapvfz] { color: #b03a2e; }

/* ── Plan mode (a call plan's template call) ── */
.plan-day[b-qh45zapvfz] {
    height: 32px;
    border: 1px solid #c8d6e0;
    border-radius: 4px;
    padding: 0 8px;
    background: #fff;
}
.plan-note[b-qh45zapvfz] {
    margin-top: 12px;
    font-size: 0.8rem;
    color: #5f7a8c;
}

/* ── A call's care need is the client's version: shown read-only ── */
.cn-readonly-value[b-qh45zapvfz] { font-size: 0.88rem; color: #2c3a45; padding: 4px 0; white-space: pre-wrap; }
.cn-client-version[b-qh45zapvfz] {
    background: #eef5fa; border: 1px solid #c8dce8; border-radius: 6px;
    color: #2c6082; font-size: 0.82rem; padding: 7px 10px;
}

/* ── Must be fulfilled / attendance ── */
.must-fulfil-row[b-qh45zapvfz] { display: flex; align-items: center; gap: 8px; min-height: 32px; }
.must-fulfil-badge[b-qh45zapvfz] { color: #b3261e; font-weight: 600; font-size: 0.82rem; }
.att-value[b-qh45zapvfz] { font-size: 0.9rem; color: #2c3a45; padding: 4px 0; }
.att-diff[b-qh45zapvfz] { margin-left: 8px; font-size: 0.78rem; font-weight: 600; }
.att-ok[b-qh45zapvfz] { color: #3f8a58; }
.att-bad[b-qh45zapvfz] { color: #b3261e; }
.att-none[b-qh45zapvfz] { color: #a0b0bc; }

/* ── Delete a call ── */
[b-qh45zapvfz] .btn-delete-call, .btn-delete-call[b-qh45zapvfz] {
    background: #fdecea; border: 1px solid #e08a80; color: #a93226; border-radius: 6px; margin-right: auto;
}

/* ── Read-only: a completed call / a past call's time ── */
.call-fieldset[b-qh45zapvfz] { border: 0; margin: 0; padding: 0; min-width: 0; }
.call-fieldset:disabled[b-qh45zapvfz] { opacity: 0.85; }
.call-locked[b-qh45zapvfz], .call-past[b-qh45zapvfz] { border-radius: 6px; padding: 8px 12px; margin-bottom: 12px; font-size: 0.88rem; }
.call-locked[b-qh45zapvfz] { background: #eef2f5; border: 1px solid #c3ced8; color: #3c4b57; font-weight: 600; }
.call-past[b-qh45zapvfz]   { background: #fff6e5; border: 1px solid #f0d49a; color: #7a5a12; }

/* ── Carer picker: why a carer can't (or should think twice about) doing this call ── */
/* The items are written in this file, so they carry its scope attribute even inside the Syncfusion popup (no ::deep). */
/* One line: name on the left, reason right-aligned (cut with … if long — the tooltip has it all). */
.carer-opt[b-qh45zapvfz] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}
.carer-opt > span:first-child[b-qh45zapvfz] { white-space: nowrap; }
.carer-opt-reason[b-qh45zapvfz] {
    font-size: 0.75rem;
    color: #9b1c1c;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}
.carer-opt-reason.carer-opt-warn[b-qh45zapvfz] { color: #92400e; }
.carer-opt-blocked[b-qh45zapvfz] { color: #9ca3af; }
/* /Components/Pages/CallsSchedule.razor.rz.scp.css */
/* ── Page ────────────────────────────────────────────────────────── */
.schedule-page[b-tcszkdxbnb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 16px;
}

.page-header[b-tcszkdxbnb] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header h4[b-tcszkdxbnb] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Header actions row ──────────────────────────────────────────── */
.page-header-actions[b-tcszkdxbnb] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* ── Filter group: label + dropdown ─────────────────────────────── */
.filter-group[b-tcszkdxbnb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

:global(.schedule-filter-dd)[b-tcszkdxbnb] {
    margin-bottom: 0 !important;
}

:global(.schedule-filter-dd .e-input-group)[b-tcszkdxbnb] {
    margin-bottom: 0 !important;
}

.filter-label[b-tcszkdxbnb] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #2c3a45;
    white-space: nowrap;
}


/* ── New Call button ─────────────────────────────────────────────── */
.new-btn[b-tcszkdxbnb] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}

.new-btn:hover[b-tcszkdxbnb] {
    background: #5e85a8;
}

/* ── Plan-linked call badge ──────────────────────────────────────── */
:global(.e-appointment.cp-plan-call)[b-tcszkdxbnb] {
    position: relative;
}

:global(.e-appointment.cp-plan-call::after)[b-tcszkdxbnb] {
    content: "P";
    position: absolute;
    top: 2px;
    right: 3px;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 1.3;
    background: rgba(255, 255, 255, 0.88);
    color: #1a5276;
    border-radius: 3px;
    padding: 0 3px;
    pointer-events: none;
}

/* ── Copy call to another date/time ── */
.copy-to-form[b-tcszkdxbnb] { display: flex; flex-direction: column; gap: 8px; }
.copy-to-what[b-tcszkdxbnb] { font-weight: 600; color: #2c3e50; }
.copy-to-form label[b-tcszkdxbnb] { font-size: 0.85rem; color: #555; }
.copy-to-hint[b-tcszkdxbnb] { font-size: 0.82rem; color: #666; }
.req[b-tcszkdxbnb] { color: #c0392b; }

/* ── Legend key ──────────────────────────────────────────────────── */
.sched-legend[b-tcszkdxbnb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 16px;
    margin: -4px 0 10px;
    font-size: 0.82rem;
    color: #2c3a45;
}

.sched-legend-title[b-tcszkdxbnb] {
    font-weight: 700;
    color: #6b7f8e;
    text-transform: uppercase;
    font-size: 0.72rem;
    letter-spacing: 0.5px;
}

.sched-legend-item[b-tcszkdxbnb] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: help;
}

.sched-legend-swatch[b-tcszkdxbnb] {
    display: inline-block;
    width: 22px;
    height: 14px;
    border-radius: 3px;
    box-sizing: border-box;
}
/* /Components/Pages/CareNeeds.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.ls-page[b-chg9834w0k] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-chg9834w0k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.page-header h4[b-chg9834w0k] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.new-btn[b-chg9834w0k] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.new-btn:hover:not(:disabled)[b-chg9834w0k] { background: #3a6f95; }
.new-btn:disabled[b-chg9834w0k] { opacity: 0.45; cursor: not-allowed; }

/* ── Layout ───────────────────────────────────────────────── */
.ls-layout[b-chg9834w0k] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left panel ───────────────────────────────────────────── */
.ls-list-panel[b-chg9834w0k] {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.list-search[b-chg9834w0k] { flex-shrink: 0; }

/* ── Right panel ──────────────────────────────────────────── */
.ls-form-panel[b-chg9834w0k] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ls-form[b-chg9834w0k] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Form header ──────────────────────────────────────────── */
.form-header[b-chg9834w0k] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.form-header-left[b-chg9834w0k] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-header h5[b-chg9834w0k] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.delete-btn[b-chg9834w0k] {
    background: transparent;
    border: 1px solid #d9534f;
    color: #d9534f;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s;
}

.delete-btn:hover[b-chg9834w0k] { background: #d9534f; color: #fff; }

/* ── Form body — scrollable ───────────────────────────────── */
.form-body[b-chg9834w0k] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-field[b-chg9834w0k] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-chg9834w0k] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.form-field--narrow[b-chg9834w0k] {
    max-width: 180px;
}

.req[b-chg9834w0k] { color: #d9534f; }

/* ── Switches ─────────────────────────────────────────────── */
.form-switches[b-chg9834w0k] {
    display: flex;
    gap: 24px;
}

.switch-row[b-chg9834w0k] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Form actions ─────────────────────────────────────────── */
.form-actions[b-chg9834w0k] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
    flex-shrink: 0;
}

.btn-cancel[b-chg9834w0k] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-chg9834w0k] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-chg9834w0k] { background: #3a6f95; }
.btn-save:disabled[b-chg9834w0k] { opacity: 0.45; cursor: not-allowed; }

/* ── ListView text ────────────────────────────────────────── */
.lv-text-active[b-chg9834w0k] { color: #2c3a45; }

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-chg9834w0k] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-chg9834w0k] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .ls-page[b-chg9834w0k]   { height: auto; overflow: visible; }
    .ls-layout[b-chg9834w0k] { flex-direction: column; }
    .ls-list-panel[b-chg9834w0k] { width: 100%; }

    .layout-form-active .ls-list-panel[b-chg9834w0k] { display: none; }
    .mobile-back-btn[b-chg9834w0k] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}
/* /Components/Pages/Carers.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.carers-page[b-0zd3v9qrwb] {
    padding: 16px;
}

.page-header[b-0zd3v9qrwb] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-btn[b-0zd3v9qrwb] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-0zd3v9qrwb] {
    background: #5e85a8;
}

.page-header h4[b-0zd3v9qrwb] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-0zd3v9qrwb] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-0zd3v9qrwb] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-0zd3v9qrwb],
:global(.e-grid .e-detailheadercell)[b-0zd3v9qrwb] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-0zd3v9qrwb],
:global(.e-grid .e-headercell .e-rhandler)[b-0zd3v9qrwb] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-0zd3v9qrwb],
:global(.e-grid .e-headercell .e-ascending::before)[b-0zd3v9qrwb],
:global(.e-grid .e-headercell .e-descending::before)[b-0zd3v9qrwb] {
    color: #ffffff !important;
}

/* ── Filter bar ─────────────────────────────────────────────────── */
:global(.e-grid .e-filterbar td)[b-0zd3v9qrwb],
:global(.e-grid .e-filterbar .e-filterbarcell)[b-0zd3v9qrwb] {
    background-color: #eaf3f9 !important;
}

:global(.e-grid .e-filterbar input)[b-0zd3v9qrwb] {
    font-size: 0.78rem !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-0zd3v9qrwb] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-0zd3v9qrwb] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-0zd3v9qrwb] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-0zd3v9qrwb],
:global(.e-grid .e-active)[b-0zd3v9qrwb] {
    background-color: #add0de !important;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
:global(.e-grid .e-toolbar)[b-0zd3v9qrwb] {
    background-color: #f5fafd !important;
    border-bottom: 1px solid #c8dce8 !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-0zd3v9qrwb] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Employment status badges ───────────────────────────────────── */
.emp-badge[b-0zd3v9qrwb] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    white-space: nowrap;
}

.badge-fulltime[b-0zd3v9qrwb]  { background-color: #d4edda; color: #1a6631; }
.badge-parttime[b-0zd3v9qrwb]  { background-color: #cde5f5; color: #1a4a6e; }
.badge-bank[b-0zd3v9qrwb]      { background-color: #fff3cd; color: #7d5a00; }
.badge-zerohours[b-0zd3v9qrwb] { background-color: #e2e3e5; color: #3d4045; }
.badge-other[b-0zd3v9qrwb]     { background-color: #f0f0f0; color: #555;    }

/* ── Active / Inactive badge ────────────────────────────────────── */
.active-badge[b-0zd3v9qrwb] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
}

.active-yes[b-0zd3v9qrwb] { background-color: #d4edda; color: #1a6631; }
.active-no[b-0zd3v9qrwb]  { background-color: #f8d7da; color: #7a1c24; }
/* /Components/Pages/CarersDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   CARER EDIT DIALOG
══════════════════════════════════════════════════════════════════ */

/* ── Dialog chrome ──────────────────────────────────────────────── */
:global(.carer-edit-dialog .e-dlg-header-content)[b-893lqfjllw] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.carer-edit-dialog .e-dlg-header)[b-893lqfjllw] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.carer-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-893lqfjllw] {
    color: #ffffff !important;
}

:global(.carer-edit-dialog .e-dlg-content)[b-893lqfjllw] {
    padding: 16px 20px;
    background: #f8fcff;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.carer-edit-dialog .e-footer-content)[b-893lqfjllw] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Dialog title ───────────────────────────────────────────────── */
.dialog-title[b-893lqfjllw] {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
}

/* ── Form layout ────────────────────────────────────────────────── */
.edit-form[b-893lqfjllw] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-893lqfjllw] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-893lqfjllw] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.form-grid[b-893lqfjllw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-893lqfjllw] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-893lqfjllw] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-893lqfjllw] {
    color: #c0392b;
}

.form-field .optional[b-893lqfjllw] {
    font-weight: 400;
    font-style: italic;
    color: #7a8a95;
}

.expiry-lapsed[b-893lqfjllw] {
    color: #c0392b;
    font-weight: 600;
}

.form-field .form-input .e-input[b-893lqfjllw] {
    font-size: 0.83rem !important;
}

.form-field-checkbox[b-893lqfjllw] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

/* ── Locations table & assign row ───────────────────────────────── */
.persons-table[b-893lqfjllw] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 0.83rem;
}

.persons-table th[b-893lqfjllw] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.persons-table td[b-893lqfjllw] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.persons-table tr:hover td[b-893lqfjllw] {
    background: #f5fafd;
}

.remove-btn[b-893lqfjllw] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-893lqfjllw] {
    background: #fde8e8;
}

.no-persons-msg[b-893lqfjllw] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 6px 0 10px;
}

.add-person-row[b-893lqfjllw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.add-person-dd[b-893lqfjllw] {
    flex: 1;
}

.add-person-btn[b-893lqfjllw] {
    background: #7a9fc0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.add-person-btn:hover:not(:disabled)[b-893lqfjllw] {
    background: #5e85a8;
}

.add-person-btn:disabled[b-893lqfjllw] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Footer buttons ─────────────────────────────────────────────── */
.dialog-footer[b-893lqfjllw] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

:global(.btn-activity-log)[b-893lqfjllw] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
    margin-right: auto;
}

:global(.btn-activity-log:hover)[b-893lqfjllw] {
    background: #eaf3f9 !important;
}

:global(.btn-cancel)[b-893lqfjllw] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
}

:global(.btn-cancel:hover)[b-893lqfjllw] {
    background: #eaf3f9 !important;
}

:global(.btn-save)[b-893lqfjllw] {
    background: #7a9fc0 !important;
    border-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600;
}

:global(.btn-save:hover)[b-893lqfjllw] {
    background: #5e85a8 !important;
    border-color: #5e85a8 !important;
}

/* ── Tab navigation (Details / Map) ──────────────────────────────────── */
.carer-tab-nav[b-893lqfjllw] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 18px;
}

.carer-tab-btn[b-893lqfjllw] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.carer-tab-btn:hover:not(:disabled)[b-893lqfjllw] { color: #2c6082; }

.carer-tab-btn.active[b-893lqfjllw] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}

/* Care Task Skills checklist */
.skill-actions[b-893lqfjllw] { display: flex; gap: 8px; margin-bottom: 10px; }
.skill-checklist[b-893lqfjllw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 6px 16px;
}
.skill-check[b-893lqfjllw] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 8px;
    font-size: 0.85rem;
    color: #2c3a45;
    border-radius: 4px;
    cursor: pointer;
    user-select: none;
}
.skill-check:hover[b-893lqfjllw] { background: #f2f8fc; }
.skill-check input[b-893lqfjllw] { margin: 0; width: 16px; height: 16px; cursor: pointer; }

/* ── Working Pattern popup ────────────────────────────────────── */
.wp-modal-backdrop[b-893lqfjllw] {
    position: fixed;
    inset: 0;
    background: rgba(20, 30, 40, 0.45);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200;
}

.wp-modal[b-893lqfjllw] {
    background: #ffffff;
    border-radius: 10px;
    width: 92vw;
    max-width: 900px;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 10px 40px rgba(0,0,0,0.25);
}

.wp-modal-head[b-893lqfjllw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 18px;
    border-bottom: 1px solid #d6e8f4;
}
.wp-modal-head h5[b-893lqfjllw] { margin: 0; font-size: 1.05rem; color: #2c3a45; }

.wp-modal-close[b-893lqfjllw] {
    background: none;
    border: none;
    font-size: 1rem;
    color: #7a8a95;
    cursor: pointer;
}
.wp-modal-close:hover[b-893lqfjllw] { color: #c0392b; }

.wp-modal-body[b-893lqfjllw] {
    padding: 16px 18px;
    overflow-y: auto;
}

.wp-modal-foot[b-893lqfjllw] {
    padding: 12px 18px;
    border-top: 1px solid #d6e8f4;
    display: flex;
    justify-content: flex-end;
}

.wp-week-grid[b-893lqfjllw] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
    margin-bottom: 16px;
}

.wp-day-col[b-893lqfjllw] {
    background: #f7fafc;
    border: 1px solid #e4eef5;
    border-radius: 6px;
    padding: 8px;
    min-height: 90px;
}

.wp-day-head[b-893lqfjllw] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7a9fc0;
    margin-bottom: 6px;
}

.wp-day-empty[b-893lqfjllw] {
    color: #b0bec9;
    font-size: 0.8rem;
}

.wp-slot-chip[b-893lqfjllw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #e8f2fa;
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 0.78rem;
    color: #2c6082;
    margin-bottom: 4px;
}

.wp-slot-remove[b-893lqfjllw] {
    background: none;
    border: none;
    color: #7a9fc0;
    cursor: pointer;
    font-size: 0.72rem;
    padding: 0 0 0 4px;
}
.wp-slot-remove:hover[b-893lqfjllw] { color: #c0392b; }

.wp-slot-notes[b-893lqfjllw] {
    font-size: 0.7rem;
    color: #7a8a95;
    margin: -2px 0 4px;
}

.wp-add-row[b-893lqfjllw] {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 8px;
    border-top: 1px dashed #d6e8f4;
}
/* /Components/Pages/ClientMedications.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.cm-page[b-uoij45kmwd] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.header-left[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.page-header h4[b-uoij45kmwd] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.back-btn[b-uoij45kmwd] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.85rem;
    cursor: pointer;
    transition: all 0.2s;
}

.back-btn:hover[b-uoij45kmwd] { background: #f0f3f6; }

/* ── Two-column layout ────────────────────────────────────── */
.cm-layout[b-uoij45kmwd] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left: medication list ────────────────────────────────── */
.cm-list-panel[b-uoij45kmwd] {
    width: 320px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.add-med-bar[b-uoij45kmwd] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
}

.add-med-drop[b-uoij45kmwd] { flex: 1; }

.btn-add-med[b-uoij45kmwd] {
    white-space: nowrap;
    flex-shrink: 0;
}

.btn-new-blank[b-uoij45kmwd] {
    background: transparent;
    border: 1px solid #4a7fa5;
    color: #4a7fa5;
    border-radius: 6px;
    padding: 6px 14px;
    font-size: 0.83rem;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.15s;
}

.btn-new-blank:hover[b-uoij45kmwd] { background: #4a7fa5; color: #fff; }

.no-meds[b-uoij45kmwd] {
    color: #a0b0bc;
    font-size: 0.88rem;
    padding: 16px 0;
}

.med-list[b-uoij45kmwd] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* ── Medication card ──────────────────────────────────────── */
.med-card[b-uoij45kmwd] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.med-card:hover[b-uoij45kmwd] { border-color: #4a7fa5; }

.med-card-selected[b-uoij45kmwd] {
    border-color: #4a7fa5;
    box-shadow: 0 0 0 2px rgba(74, 127, 165, 0.18);
}

.med-card-inactive[b-uoij45kmwd] {
    opacity: 0.55;
}

.med-card-top[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.med-name[b-uoij45kmwd] {
    flex: 1;
    font-size: 0.9rem;
    font-weight: 600;
    color: #2c3a45;
}

.badge-required[b-uoij45kmwd] {
    background: #e8f0f7;
    color: #4a7fa5;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    flex-shrink: 0;
}

.badge-inactive[b-uoij45kmwd] {
    background: #f0f0f0;
    color: #888;
    border-radius: 10px;
    padding: 2px 8px;
    font-size: 0.75rem;
    font-weight: 500;
    flex-shrink: 0;
}

.btn-remove-med[b-uoij45kmwd] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    transition: color 0.15s;
}

.btn-remove-med:hover[b-uoij45kmwd] { color: #d9534f; }

.med-notes-preview[b-uoij45kmwd] {
    margin-top: 4px;
    font-size: 0.8rem;
    color: #7a8e9a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ── Right: edit panel ────────────────────────────────────── */
.cm-edit-panel[b-uoij45kmwd] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.edit-form-wrap[b-uoij45kmwd] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.edit-form-header[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.edit-form-title[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.edit-form-title h5[b-uoij45kmwd] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.edit-form-body[b-uoij45kmwd] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Form fields ──────────────────────────────────────────── */
.form-field[b-uoij45kmwd] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-uoij45kmwd] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.req[b-uoij45kmwd] { color: #d9534f; }

.form-switches[b-uoij45kmwd] {
    display: flex;
    gap: 24px;
}

.switch-row[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Link groups ──────────────────────────────────────────── */
.link-group[b-uoij45kmwd] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px;
    background: #f7f9fb;
    border: 1px solid #e8ecf0;
    border-radius: 8px;
}

.link-group-header[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2px;
}

.link-group-label[b-uoij45kmwd] {
    font-size: 0.82rem;
    font-weight: 600;
    color: #3a5a70;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.btn-add-link[b-uoij45kmwd] {
    background: transparent;
    border: 1px solid #4a7fa5;
    color: #4a7fa5;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-add-link:hover[b-uoij45kmwd] { background: #4a7fa5; color: #fff; }

.link-empty[b-uoij45kmwd] {
    font-size: 0.82rem;
    color: #aab8c2;
    font-style: italic;
}

.link-row[b-uoij45kmwd] {
    display: flex;
    gap: 8px;
    align-items: flex-start;
}

.link-row-value[b-uoij45kmwd] { flex: 0 0 220px; }
.link-drop[b-uoij45kmwd]      { width: 100%; }
.link-row-notes[b-uoij45kmwd] { flex: 1; }
.link-notes-input[b-uoij45kmwd] { width: 100%; }

.btn-remove-link[b-uoij45kmwd] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 6px 4px;
    border-radius: 4px;
    line-height: 1;
    flex-shrink: 0;
    margin-top: 4px;
    transition: color 0.15s;
}

.btn-remove-link:hover[b-uoij45kmwd] { color: #d9534f; }

/* ── Form actions ─────────────────────────────────────────── */
.edit-form-actions[b-uoij45kmwd] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
    flex-shrink: 0;
}

.btn-cancel[b-uoij45kmwd] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-uoij45kmwd] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-uoij45kmwd] { background: #3a6f95; }
.btn-save:disabled[b-uoij45kmwd] { opacity: 0.45; cursor: not-allowed; }

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-uoij45kmwd] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-uoij45kmwd] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .cm-page[b-uoij45kmwd]   { height: auto; overflow: visible; }
    .cm-layout[b-uoij45kmwd] { flex-direction: column; }
    .cm-list-panel[b-uoij45kmwd] { width: 100%; }

    .layout-edit-active .cm-list-panel[b-uoij45kmwd] { display: none; }

    .mobile-back-btn[b-uoij45kmwd] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}
/* /Components/Pages/Clients.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.clients-page[b-ni9j4php4y] {
    padding: 16px;
}

.page-header[b-ni9j4php4y] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-btn[b-ni9j4php4y] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-ni9j4php4y] {
    background: #5e85a8;
}

.page-header h4[b-ni9j4php4y] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-ni9j4php4y] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-ni9j4php4y] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-ni9j4php4y],
:global(.e-grid .e-detailheadercell)[b-ni9j4php4y] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-ni9j4php4y],
:global(.e-grid .e-headercell .e-rhandler)[b-ni9j4php4y] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-ni9j4php4y],
:global(.e-grid .e-headercell .e-ascending::before)[b-ni9j4php4y],
:global(.e-grid .e-headercell .e-descending::before)[b-ni9j4php4y] {
    color: #ffffff !important;
}

/* ── Filter bar ─────────────────────────────────────────────────── */
:global(.e-grid .e-filterbar td)[b-ni9j4php4y],
:global(.e-grid .e-filterbar .e-filterbarcell)[b-ni9j4php4y] {
    background-color: #eaf3f9 !important;
}

:global(.e-grid .e-filterbar input)[b-ni9j4php4y] {
    font-size: 0.78rem !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-ni9j4php4y] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-ni9j4php4y] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-ni9j4php4y] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-ni9j4php4y],
:global(.e-grid .e-active)[b-ni9j4php4y] {
    background-color: #add0de !important;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
:global(.e-grid .e-toolbar)[b-ni9j4php4y] {
    background-color: #f5fafd !important;
    border-bottom: 1px solid #c8dce8 !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-ni9j4php4y] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Active / Inactive badge ────────────────────────────────────── */
.active-badge[b-ni9j4php4y] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
}

.active-yes[b-ni9j4php4y] { background-color: #d4edda; color: #1a6631; }
.active-no[b-ni9j4php4y]  { background-color: #f8d7da; color: #7a1c24; }
/* /Components/Pages/ClientsDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   CLIENT EDIT DIALOG
══════════════════════════════════════════════════════════════════ */

:global(.client-edit-dialog .e-dlg-header-content)[b-37jwe83xjl] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.client-edit-dialog .e-dlg-header)[b-37jwe83xjl] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.client-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-37jwe83xjl] {
    color: #ffffff !important;
}

:global(.client-edit-dialog .e-dlg-content)[b-37jwe83xjl] {
    padding: 16px 20px;
    background: #f8fcff;
    overflow-y: auto;
}

:global(.client-edit-dialog .e-footer-content)[b-37jwe83xjl] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Dialog title ───────────────────────────────────────────────── */
.dialog-title[b-37jwe83xjl] {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
}

/* ── Form layout ────────────────────────────────────────────────── */
.edit-form[b-37jwe83xjl] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-37jwe83xjl] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-37jwe83xjl] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.setting-hint[b-37jwe83xjl] {
    font-size: 0.78rem;
    color: #7a8a95;
    margin: -8px 0 10px;
}

.form-grid[b-37jwe83xjl] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-37jwe83xjl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-37jwe83xjl] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-37jwe83xjl] {
    color: #c0392b;
}

.form-field .form-input .e-input[b-37jwe83xjl] {
    font-size: 0.83rem !important;
}

.form-field-checkbox[b-37jwe83xjl] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

/* ── Footer buttons ─────────────────────────────────────────────── */
.dialog-footer[b-37jwe83xjl] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

:global(.btn-cancel)[b-37jwe83xjl] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
}

:global(.btn-cancel:hover)[b-37jwe83xjl] {
    background: #eaf3f9 !important;
}

:global(.btn-save)[b-37jwe83xjl] {
    background: #7a9fc0 !important;
    border-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600;
}

:global(.btn-save:hover)[b-37jwe83xjl] {
    background: #5e85a8 !important;
    border-color: #5e85a8 !important;
}

/* ── Associated Persons panel ──────────────────────────────────────── */
.persons-table[b-37jwe83xjl] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 0.83rem;
}

.persons-table th[b-37jwe83xjl] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.persons-table td[b-37jwe83xjl] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.persons-table tr:hover td[b-37jwe83xjl] {
    background: #f5fafd;
}

.person-name-btn[b-37jwe83xjl] {
    background: none;
    border: none;
    color: #2c6082;
    cursor: pointer;
    padding: 0;
    font-size: 0.83rem;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.person-name-btn:hover[b-37jwe83xjl] {
    color: #1a4a6e;
}

.remove-btn[b-37jwe83xjl] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-37jwe83xjl] {
    background: #fde8e8;
}

.no-persons-msg[b-37jwe83xjl] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 6px 0 10px;
}

.add-person-row[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.add-person-dd[b-37jwe83xjl] {
    flex: 1;
}

.add-person-btn[b-37jwe83xjl] {
    background: #7a9fc0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.add-person-btn:hover:not(:disabled)[b-37jwe83xjl] {
    background: #5e85a8;
}

.add-person-btn:disabled[b-37jwe83xjl] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Section heading with inline link ──────────────────────────────── */
.section-heading[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-link[b-37jwe83xjl] {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2c6082;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0;
    cursor: pointer;
}

.section-link:hover[b-37jwe83xjl] {
    color: #1a4a6e;
    text-decoration: underline;
}

/* ── Medications panel ─────────────────────────────────────────────── */
.med-add-row[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.med-add-dd[b-37jwe83xjl] {
    flex: 1;
}

.med-list[b-37jwe83xjl] {
    border: 1px solid #e8f0f5;
    border-radius: 6px;
    overflow: hidden;
}

.med-item[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 10px;
    border-bottom: 1px solid #e8f0f5;
    font-size: 0.83rem;
}

.med-item:last-child[b-37jwe83xjl] {
    border-bottom: none;
}

.med-item:hover[b-37jwe83xjl] {
    background: #f5fafd;
}

.med-item-inactive[b-37jwe83xjl] {
    opacity: 0.6;
}

.med-item-left[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
}

.med-item-name[b-37jwe83xjl] {
    color: #2c3a45;
    font-weight: 500;
}

.med-item-notes[b-37jwe83xjl] {
    color: #7a8a95;
    font-size: 0.78rem;
    font-style: italic;
}

.no-meds-msg[b-37jwe83xjl] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 4px 0;
}

.badge-required[b-37jwe83xjl] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 0.70rem;
    font-weight: 600;
    background: #fde8cc;
    color: #8a4a00;
    white-space: nowrap;
}

.badge-inactive[b-37jwe83xjl] {
    display: inline-block;
    padding: 2px 7px;
    border-radius: 10px;
    font-size: 0.70rem;
    font-weight: 600;
    background: #e8e8e8;
    color: #666;
    white-space: nowrap;
}

.status-active[b-37jwe83xjl] {
    font-size: 0.78rem;
    color: #5a7a5a;
}

/* ── Dialog tabs ────────────────────────────────────────────────────── */
.client-tab-nav[b-37jwe83xjl] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 18px;
}

.client-tab-btn[b-37jwe83xjl] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.client-tab-btn:hover:not(:disabled)[b-37jwe83xjl] {
    color: #2c6082;
}

.client-tab-btn.active[b-37jwe83xjl] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}

.client-tab-btn:disabled[b-37jwe83xjl] {
    color: #c0cdd5;
    cursor: not-allowed;
}

/* ── Medication edit dialog ──────────────────────────────────────────── */
.med-edit-form[b-37jwe83xjl] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 4px 0;
}

.med-edit-form .form-field[b-37jwe83xjl] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.med-edit-form .form-field label[b-37jwe83xjl] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.med-edit-form .form-switches[b-37jwe83xjl] {
    display: flex;
    gap: 24px;
}

.med-edit-form .switch-row[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

.med-link-group[b-37jwe83xjl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px 12px;
    background: #f7f9fb;
    border: 1px solid #e8ecf0;
    border-radius: 7px;
}

.med-link-group-header[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.med-link-group-label[b-37jwe83xjl] {
    font-size: 0.78rem;
    font-weight: 600;
    color: #3a5a70;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.med-link-row[b-37jwe83xjl] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.med-link-drop[b-37jwe83xjl] { flex: 1; }

.link-empty[b-37jwe83xjl] {
    font-size: 0.82rem;
    color: #aab8c2;
    font-style: italic;
}

.btn-add-link[b-37jwe83xjl] {
    background: transparent;
    border: 1px solid #4a7fa5;
    color: #4a7fa5;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-add-link:hover[b-37jwe83xjl] { background: #4a7fa5; color: #fff; }

.btn-remove-link[b-37jwe83xjl] {
    background: transparent;
    border: none;
    color: #b0bec5;
    font-size: 0.85rem;
    cursor: pointer;
    padding: 2px 4px;
    border-radius: 4px;
    transition: color 0.15s;
}

.btn-remove-link:hover[b-37jwe83xjl] { color: #d9534f; }
/* /Components/Pages/Companies.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.companies-page[b-p8uann0ztz] {
    padding: 16px;
}

.page-header[b-p8uann0ztz] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-btn[b-p8uann0ztz] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-p8uann0ztz] {
    background: #5e85a8;
}

.page-header h4[b-p8uann0ztz] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-p8uann0ztz] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-p8uann0ztz] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-p8uann0ztz],
:global(.e-grid .e-detailheadercell)[b-p8uann0ztz] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-p8uann0ztz],
:global(.e-grid .e-headercell .e-rhandler)[b-p8uann0ztz] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-p8uann0ztz],
:global(.e-grid .e-headercell .e-ascending::before)[b-p8uann0ztz],
:global(.e-grid .e-headercell .e-descending::before)[b-p8uann0ztz] {
    color: #ffffff !important;
}

/* ── Filter bar ─────────────────────────────────────────────────── */
:global(.e-grid .e-filterbar td)[b-p8uann0ztz],
:global(.e-grid .e-filterbar .e-filterbarcell)[b-p8uann0ztz] {
    background-color: #eaf3f9 !important;
}

:global(.e-grid .e-filterbar input)[b-p8uann0ztz] {
    font-size: 0.78rem !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-p8uann0ztz] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-p8uann0ztz] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-p8uann0ztz] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-p8uann0ztz],
:global(.e-grid .e-active)[b-p8uann0ztz] {
    background-color: #add0de !important;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
:global(.e-grid .e-toolbar)[b-p8uann0ztz] {
    background-color: #f5fafd !important;
    border-bottom: 1px solid #c8dce8 !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-p8uann0ztz] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Active / Inactive badge ────────────────────────────────────── */
.active-badge[b-p8uann0ztz] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
}

.active-yes[b-p8uann0ztz] { background-color: #d4edda; color: #1a6631; }
.active-no[b-p8uann0ztz]  { background-color: #f8d7da; color: #7a1c24; }
/* /Components/Pages/CompaniesDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   COMPANY EDIT DIALOG
══════════════════════════════════════════════════════════════════ */

:global(.company-edit-dialog .e-dlg-header-content)[b-i0vnsf4pac] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.company-edit-dialog .e-dlg-header)[b-i0vnsf4pac] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.company-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-i0vnsf4pac] {
    color: #ffffff !important;
}

:global(.company-edit-dialog .e-dlg-content)[b-i0vnsf4pac] {
    padding: 16px 20px;
    background: #f8fcff;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.company-edit-dialog .e-footer-content)[b-i0vnsf4pac] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Dialog title ───────────────────────────────────────────────── */
.dialog-title[b-i0vnsf4pac] {
    font-size: 1rem;
    color: #2c3a45;   /* the dialog header itself is not blue (the :global header rules above don't apply), so keep the title legible */
    font-weight: 600;
}

/* ── Tab navigation ─────────────────────────────────────────────── */
.company-tab-nav[b-i0vnsf4pac] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 18px;
}

.company-tab-btn[b-i0vnsf4pac] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.company-tab-btn:hover:not(:disabled)[b-i0vnsf4pac] {
    color: #2c6082;
}

.company-tab-btn.active[b-i0vnsf4pac] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}

/* ── Form layout ────────────────────────────────────────────────── */
.edit-form[b-i0vnsf4pac] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-i0vnsf4pac] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-i0vnsf4pac] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.form-grid[b-i0vnsf4pac] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-i0vnsf4pac] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-i0vnsf4pac] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-i0vnsf4pac] {
    color: #c0392b;
}

.form-field .form-input .e-input[b-i0vnsf4pac] {
    font-size: 0.83rem !important;
}

.form-field-checkbox[b-i0vnsf4pac] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

/* ── Locations table & assign row ───────────────────────────────── */
.companies-table[b-i0vnsf4pac] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 0.83rem;
}

.companies-table th[b-i0vnsf4pac] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.companies-table td[b-i0vnsf4pac] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.companies-table tr:hover td[b-i0vnsf4pac] {
    background: #f5fafd;
}

.remove-btn[b-i0vnsf4pac] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-i0vnsf4pac] {
    background: #fde8e8;
}

.no-companies-msg[b-i0vnsf4pac] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 6px 0 10px;
}

.add-company-row[b-i0vnsf4pac] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.add-company-dd[b-i0vnsf4pac] {
    flex: 1;
}

.add-company-btn[b-i0vnsf4pac] {
    background: #7a9fc0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.add-company-btn:hover:not(:disabled)[b-i0vnsf4pac] {
    background: #5e85a8;
}

.add-company-btn:disabled[b-i0vnsf4pac] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Footer buttons ─────────────────────────────────────────────── */
.dialog-footer[b-i0vnsf4pac] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

:global(.btn-cancel)[b-i0vnsf4pac] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
}

:global(.btn-cancel:hover)[b-i0vnsf4pac] {
    background: #eaf3f9 !important;
}

:global(.btn-save)[b-i0vnsf4pac] {
    background: #7a9fc0 !important;
    border-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600;
}

:global(.btn-save:hover)[b-i0vnsf4pac] {
    background: #5e85a8 !important;
    border-color: #5e85a8 !important;
}
/* /Components/Pages/ContinuityOfCare.razor.rz.scp.css */
.reports-page[b-mveexvbope] {
    padding: 16px;
}

.page-header[b-mveexvbope] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.page-header h4[b-mveexvbope] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

.setting-hint[b-mveexvbope] {
    font-size: 0.8rem;
    color: #7a9fc0;
    margin: 2px 0 14px;
}

.report-error[b-mveexvbope] {
    background: #fdf2f2;
    border: 1px solid #e8b0b0;
    border-radius: 6px;
    color: #c0392b;
    padding: 10px 14px;
    font-size: 0.85rem;
    margin-bottom: 14px;
}

.report-filter-bar[b-mveexvbope] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 18px;
}

.filter-fields[b-mveexvbope] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.filter-field[b-mveexvbope] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-field label[b-mveexvbope] {
    font-size: 0.74rem;
    font-weight: 600;
    color: #4a6070;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.filter-field-actions[b-mveexvbope] { margin-left: auto; }

.new-btn[b-mveexvbope] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.new-btn:hover:not(:disabled)[b-mveexvbope] { background: #5e85a8; }
.new-btn:disabled[b-mveexvbope] { opacity: 0.55; cursor: not-allowed; }

.persons-table[b-mveexvbope] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}
.persons-table th[b-mveexvbope], .persons-table td[b-mveexvbope] {
    text-align: left;
    padding: 8px 10px;
    font-size: 0.85rem;
    border-bottom: 1px solid #eef3f7;
}
.persons-table th[b-mveexvbope] {
    color: #4a6070;
    font-weight: 600;
    font-size: 0.74rem;
    text-transform: uppercase;
}

.no-persons-msg[b-mveexvbope] {
    color: #7a8a95;
    font-size: 0.85rem;
}

.caa-row-matched[b-mveexvbope] { background: #fdf2f2; }

.caa-flag[b-mveexvbope] {
    color: #c0392b;
    font-weight: 600;
    font-size: 0.82rem;
}
/* /Components/Pages/DocumentTypes.razor.rz.scp.css */
.dt-page[b-bhz3amspqt] { padding: 16px; }

.page-header[b-bhz3amspqt] { margin-bottom: 10px; display: flex; align-items: center; }
.page-header h4[b-bhz3amspqt] { margin: 0; font-size: 1.3rem; font-weight: 700; color: #2c3a45; letter-spacing: 0.3px; }

.dt-hint[b-bhz3amspqt] { font-size: 0.82rem; color: #5b7284; margin: 0 0 14px; max-width: 860px; }
.dt-muted[b-bhz3amspqt] { color: #7a8a95; }
.dt-req[b-bhz3amspqt] { color: #c0392b; }
.dt-error[b-bhz3amspqt] { background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; color: #c0392b; padding: 8px 12px; font-size: 0.85rem; margin-bottom: 12px; }

.dt-tabs[b-bhz3amspqt] { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #d6e8f4; margin-bottom: 14px; }
.dt-tab[b-bhz3amspqt] {
    background: none; border: none; border-bottom: 3px solid transparent; padding: 8px 16px;
    font-size: 0.88rem; font-weight: 600; color: #7a9fc0; cursor: pointer;
}
.dt-tab.active[b-bhz3amspqt] { color: #2c6082; border-bottom-color: #2c6082; }
.dt-spacer[b-bhz3amspqt] { flex: 1; }

.new-btn[b-bhz3amspqt] {
    background: #7a9fc0; color: #fff; border: none; border-radius: 6px;
    padding: 7px 18px; font-size: 0.85rem; font-weight: 600; cursor: pointer; margin-bottom: 4px;
}
.new-btn:hover:not(:disabled)[b-bhz3amspqt] { background: #5e85a8; }
.new-btn:disabled[b-bhz3amspqt] { opacity: 0.55; cursor: not-allowed; }
.dt-ghost[b-bhz3amspqt] { background: transparent; color: #374151; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.dt-ghost:hover[b-bhz3amspqt] { background: #eef2f6; }

.dt-form[b-bhz3amspqt] { background: #f7fafc; border: 1px solid #e4eef5; border-radius: 8px; padding: 14px; margin-bottom: 16px; }
.dt-form-title[b-bhz3amspqt] { font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; color: #7a9fc0; margin-bottom: 10px; }
.dt-form-grid[b-bhz3amspqt] { display: grid; grid-template-columns: 2fr 3fr 110px; gap: 12px; margin-bottom: 10px; }
.dt-field[b-bhz3amspqt] { display: flex; flex-direction: column; gap: 3px; }
.dt-field label[b-bhz3amspqt] { font-size: 0.74rem; font-weight: 600; color: #4a6070; }
.dt-checks[b-bhz3amspqt] { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.dt-form-actions[b-bhz3amspqt] { display: flex; gap: 8px; }

.dt-table[b-bhz3amspqt] { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e4eef5; border-radius: 8px; }
.dt-table th[b-bhz3amspqt], .dt-table td[b-bhz3amspqt] { text-align: left; padding: 9px 12px; border-bottom: 1px solid #eef3f7; font-size: 0.86rem; }
.dt-table th[b-bhz3amspqt] { font-size: 0.72rem; text-transform: uppercase; color: #4a6070; font-weight: 600; background: #f5fafd; }
.tc[b-bhz3amspqt] { text-align: center !important; }
.dt-actions[b-bhz3amspqt] { text-align: right !important; white-space: nowrap; }
.dt-link[b-bhz3amspqt] { background: none; border: none; color: #2c6082; cursor: pointer; font: inherit; padding: 0 6px; text-decoration: underline; }
.dt-danger[b-bhz3amspqt] { color: #c0392b; }
/* /Components/Pages/Events.razor.rz.scp.css */
.ev-page[b-an2bdkpu85] { padding: 16px; }

.page-header[b-an2bdkpu85] { margin-bottom: 10px; display: flex; align-items: center; }
.page-header h4[b-an2bdkpu85] { margin: 0; font-size: 1.3rem; font-weight: 700; color: #2c3a45; letter-spacing: 0.3px; }
.ev-spacer[b-an2bdkpu85] { flex: 1; }

.ev-hint[b-an2bdkpu85] { font-size: 0.82rem; color: #5b7284; margin: 0 0 14px; max-width: 860px; }
.ev-error[b-an2bdkpu85] { background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; color: #c0392b; padding: 8px 12px; font-size: 0.85rem; margin-bottom: 12px; }

.new-btn[b-an2bdkpu85] {
    background: #7a9fc0; color: #fff; border: none; border-radius: 6px;
    padding: 7px 18px; font-size: 0.85rem; font-weight: 600; cursor: pointer;
}
.new-btn:hover:not(:disabled)[b-an2bdkpu85] { background: #5e85a8; }

.ev-filters[b-an2bdkpu85] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.ev-filter-type[b-an2bdkpu85]   { min-width: 180px; }
.ev-filter-date[b-an2bdkpu85]   { min-width: 130px; }
.ev-filter-search[b-an2bdkpu85] { min-width: 220px; }
.ev-btn[b-an2bdkpu85]   { background: #7a9fc0; color: #fff; border: none; border-radius: 6px; padding: 7px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.ev-btn:hover[b-an2bdkpu85] { background: #5e85a8; }
.ev-ghost[b-an2bdkpu85] { background: transparent; color: #374151; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 16px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.ev-ghost:hover[b-an2bdkpu85] { background: #eef2f6; }

.ev-table[b-an2bdkpu85] { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e4eef5; border-radius: 8px; }
.ev-table th[b-an2bdkpu85], .ev-table td[b-an2bdkpu85] { text-align: left; padding: 9px 12px; border-bottom: 1px solid #eef3f7; font-size: 0.86rem; }
.ev-table th[b-an2bdkpu85] { font-size: 0.72rem; text-transform: uppercase; color: #4a6070; font-weight: 600; background: #f5fafd; }
.ev-row[b-an2bdkpu85] { cursor: pointer; }
.ev-row:hover[b-an2bdkpu85] { background: #f5fafd; }
.tc[b-an2bdkpu85] { text-align: center !important; }

.ev-type-pill[b-an2bdkpu85] { display: inline-block; padding: 2px 10px; border-radius: 10px; font-size: 0.76rem; font-weight: 600; background: #eaf2f8; color: #2c6082; }
.ev-badge[b-an2bdkpu85] { display: inline-block; padding: 1px 8px; border-radius: 8px; font-size: 0.7rem; font-weight: 700; color: #fff; background: #b7791f; margin: 0 2px; }
/* /Components/Pages/Index.razor.rz.scp.css */
.dash-page[b-j00eoibadl] { padding: 0 0 24px; }   /* no side padding: the layout measures its parent's width, and .page-body already pads */

.dash-spacer[b-j00eoibadl] { flex: 1; }
.dash-updated[b-j00eoibadl] { color: #6c8898; font-size: 0.85rem; margin-right: 12px; }
/* an icon-only button at the right end of the header line */
.dash-refresh[b-j00eoibadl] {
    display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0;
    background: none; border: 1px solid #b8d4e8; border-radius: 50%; color: #2c6082; cursor: pointer;
}
.dash-refresh:hover:not(:disabled)[b-j00eoibadl] { background: #eef5fa; }
.dash-refresh:disabled[b-j00eoibadl] { cursor: default; opacity: 0.7; }
.dash-spin[b-j00eoibadl] { animation: dash-spin-b-j00eoibadl 0.9s linear infinite; }
@keyframes dash-spin-b-j00eoibadl { to { transform: rotate(360deg); } }
.dash-error[b-j00eoibadl] { background: #fdecea; color: #8a2d28; border: 1px solid #f3c3bf; border-radius: 6px; padding: 8px 12px; margin-bottom: 12px; }

/* Each Syncfusion panel is a white card */
[b-j00eoibadl] .dash-panel {
    border: 1px solid #c8dce8;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 4px rgba(60, 90, 110, 0.08);
    overflow: hidden;
}

.dash-card[b-j00eoibadl] { height: 100%; display: flex; flex-direction: column; padding: 12px 14px 8px; box-sizing: border-box; }
.dash-head[b-j00eoibadl] { display: flex; align-items: center; gap: 8px; }
.dash-title[b-j00eoibadl] { font-weight: 700; color: #2c3a45; font-size: 0.95rem; flex: 1; }
.dash-link[b-j00eoibadl] {
    background: none; border: none; padding: 2px 0; cursor: pointer;
    color: #2c6082; font-size: 0.85rem; font-weight: 600;
}
.dash-link:hover[b-j00eoibadl] { text-decoration: underline; }

.dash-kpi[b-j00eoibadl] { display: flex; align-items: baseline; gap: 8px; margin: 2px 0 4px; }
.dash-num[b-j00eoibadl] { font-size: 1.9rem; font-weight: 700; color: #2c3a45; line-height: 1.1; }
.dash-kpi.warn .dash-num[b-j00eoibadl] { color: #c0504d; }
.dash-kpi.ok   .dash-num[b-j00eoibadl] { color: #4f9d69; }
.dash-kpi-text[b-j00eoibadl] { color: #5a6b78; font-size: 0.85rem; }

.dash-chart[b-j00eoibadl] { flex: 1; min-height: 260px; }
.dash-chart.clickable[b-j00eoibadl] { cursor: pointer; }
.dash-empty[b-j00eoibadl] { color: #6c8898; font-style: italic; margin-top: 18px; }


/* ── Must be fulfilled & time-critical — at risk ── */
.risk-list[b-j00eoibadl] { overflow-y: auto; flex: 1; margin-top: 4px; }
.risk-row[b-j00eoibadl] {
    display: grid; grid-template-columns: 90px minmax(140px, 1fr) minmax(220px, 2fr) minmax(120px, 1fr); gap: 10px;
    align-items: center; padding: 6px 8px; border-radius: 6px; border-left: 4px solid #c8d6e0; margin-bottom: 4px;
    background: #f7fafc; font-size: 0.86rem;
}
.risk-row.clickable[b-j00eoibadl] { cursor: pointer; }
.risk-row.clickable:hover[b-j00eoibadl] { background: #eef5fa; }
.risk-missed[b-j00eoibadl]      { border-left-color: #b3261e; }
.risk-unallocated[b-j00eoibadl] { border-left-color: #d9822b; }
.risk-late[b-j00eoibadl]        { border-left-color: #c9a227; }
.risk-time[b-j00eoibadl]   { color: #5a6b78; font-variant-numeric: tabular-nums; }
.risk-client[b-j00eoibadl] { font-weight: 600; color: #2c3a45; }
.risk-what[b-j00eoibadl]   { color: #8a2d28; }
.risk-carers[b-j00eoibadl] { color: #5a6b78; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) {
    .risk-row[b-j00eoibadl] { grid-template-columns: 70px 1fr; }
    .risk-what[b-j00eoibadl], .risk-carers[b-j00eoibadl] { grid-column: 1 / -1; }
}
/* /Components/Pages/Invoices.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.inv-page[b-kw9w1czlnb] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-kw9w1czlnb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.page-header h4[b-kw9w1czlnb] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.new-btn[b-kw9w1czlnb] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.new-btn:hover:not(:disabled)[b-kw9w1czlnb] { background: #3a6f95; }
.new-btn:disabled[b-kw9w1czlnb] { opacity: 0.45; cursor: not-allowed; }

/* ── Layout ───────────────────────────────────────────────── */
.inv-layout[b-kw9w1czlnb] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left panel ───────────────────────────────────────────── */
.inv-list-panel[b-kw9w1czlnb] {
    width: 280px;
    min-width: 200px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.list-search[b-kw9w1czlnb] { flex-shrink: 0; }

.inv-list[b-kw9w1czlnb] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inv-list-item[b-kw9w1czlnb] {
    border: 1px solid #dde3e8;
    border-radius: 7px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
    background: #fff;
}

.inv-list-item:hover[b-kw9w1czlnb] { background: #eaf4fb; border-color: #b0cfe0; }

.inv-item-active[b-kw9w1czlnb] {
    background: #4a7fa5 !important;
    border-color: #3a6f95 !important;
    color: #fff;
}

.inv-item-active .inv-item-period[b-kw9w1czlnb],
.inv-item-active .inv-item-lines[b-kw9w1czlnb] { color: rgba(255,255,255,0.8) !important; }
.inv-item-active .inv-item-amount[b-kw9w1czlnb] { color: #fff !important; }

.inv-item-client[b-kw9w1czlnb] {
    font-size: 0.88rem;
    font-weight: 600;
    color: #2c3a45;
    margin-bottom: 2px;
}

.inv-item-period[b-kw9w1czlnb] {
    font-size: 0.78rem;
    color: #6a7d8c;
    margin-bottom: 6px;
}

.inv-item-footer[b-kw9w1czlnb] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inv-item-lines[b-kw9w1czlnb] {
    font-size: 0.75rem;
    color: #8a9caa;
}

.inv-item-amount[b-kw9w1czlnb] {
    font-size: 0.85rem;
    font-weight: 600;
    color: #2c5f2e;
}

.no-invoices[b-kw9w1czlnb] {
    color: #a0b0bc;
    font-size: 0.88rem;
    padding: 12px 4px;
}

/* ── Right panel ──────────────────────────────────────────── */
.inv-detail-panel[b-kw9w1czlnb] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inv-panel[b-kw9w1czlnb] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Panel header ─────────────────────────────────────────── */
.panel-header[b-kw9w1czlnb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.panel-header-left[b-kw9w1czlnb] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.panel-header h5[b-kw9w1czlnb] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.delete-btn[b-kw9w1czlnb] {
    background: transparent;
    border: 1px solid #d9534f;
    color: #d9534f;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s;
}

.delete-btn:hover[b-kw9w1czlnb] { background: #d9534f; color: #fff; }

/* ── Panel body ───────────────────────────────────────────── */
.panel-body[b-kw9w1czlnb] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* ── Form fields ──────────────────────────────────────────── */
.form-field[b-kw9w1czlnb] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-kw9w1czlnb] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.form-row[b-kw9w1czlnb] {
    display: flex;
    gap: 16px;
}

.form-row .form-field[b-kw9w1czlnb] { flex: 1; }

.req[b-kw9w1czlnb] { color: #d9534f; }

/* ── Status chips ─────────────────────────────────────────── */
.status-heading[b-kw9w1czlnb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
    margin-bottom: 6px;
}

.status-actions[b-kw9w1czlnb] { display: flex; gap: 8px; }

.link-btn[b-kw9w1czlnb] {
    background: none;
    border: none;
    color: #4a7fa5;
    font-size: 0.8rem;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
}

.status-chips[b-kw9w1czlnb] { display: flex; flex-wrap: wrap; gap: 6px; }

.status-chip[b-kw9w1czlnb] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 0.8rem;
    cursor: pointer;
    user-select: none;
}

.status-chip input[b-kw9w1czlnb] { display: none; }
.chip-on[b-kw9w1czlnb]  { background: #4a7fa5; color: #fff; }
.chip-off[b-kw9w1czlnb] { background: #eef2f5; color: #5a6a77; border: 1px solid #c8d4dd; }
.chip-off:hover[b-kw9w1czlnb] { background: #dde8f0; }

.no-statuses[b-kw9w1czlnb] { font-size: 0.82rem; color: #8a9caa; font-style: italic; }

/* ── Form actions ─────────────────────────────────────────── */
.form-actions[b-kw9w1czlnb] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
    flex-shrink: 0;
}

.btn-cancel[b-kw9w1czlnb] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-kw9w1czlnb] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-kw9w1czlnb] { background: #3a6f95; }
.btn-save:disabled[b-kw9w1czlnb] { opacity: 0.45; cursor: not-allowed; }

/* ── Invoice summary cards ────────────────────────────────── */
.inv-summary-row[b-kw9w1czlnb] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.inv-summary-card[b-kw9w1czlnb] {
    background: #f4f8fb;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    padding: 10px 16px;
    min-width: 110px;
}

.summary-card-total[b-kw9w1czlnb] {
    background: #edf5ed;
    border-color: #b2d4b2;
}

.summary-label[b-kw9w1czlnb] {
    font-size: 0.72rem;
    font-weight: 500;
    color: #7a8a95;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 4px;
}

.summary-value[b-kw9w1czlnb] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.summary-card-total .summary-value[b-kw9w1czlnb] { color: #2c5f2e; }

/* ── Breakdown ────────────────────────────────────────────── */
.inv-breakdown[b-kw9w1czlnb] {
    display: flex;
    gap: 24px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Notes ────────────────────────────────────────────────── */
.inv-notes[b-kw9w1czlnb] {
    font-size: 0.85rem;
    color: #5a6a77;
    background: #fafbfc;
    border: 1px solid #e4e8ec;
    border-radius: 6px;
    padding: 8px 12px;
    font-style: italic;
}

/* ── Lines table ──────────────────────────────────────────── */
.lines-scroll[b-kw9w1czlnb] {
    overflow-x: auto;
    flex-shrink: 0;
}

.lines-table[b-kw9w1czlnb] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.lines-table th[b-kw9w1czlnb] {
    background: #f4f8fb;
    border-bottom: 2px solid #dde3e8;
    padding: 8px 10px;
    font-weight: 600;
    color: #5a6a77;
    white-space: nowrap;
    text-align: left;
}

.lines-table td[b-kw9w1czlnb] {
    padding: 7px 10px;
    border-bottom: 1px solid #eef1f4;
    color: #2c3a45;
    white-space: nowrap;
}

.lines-table tbody tr:last-child td[b-kw9w1czlnb] { border-bottom: none; }
.lines-table tbody tr:hover td[b-kw9w1czlnb] { background: #f7fbfe; }
.lines-table tfoot .lines-total td[b-kw9w1czlnb] { border-top: 2px solid #dde3e8; background: #f4f8fb; }

.tc[b-kw9w1czlnb] { text-align: center; }
.tr[b-kw9w1czlnb] { text-align: right; }

.no-lines[b-kw9w1czlnb] {
    color: #a0b0bc;
    font-size: 0.88rem;
    padding: 12px 4px;
}

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-kw9w1czlnb] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-kw9w1czlnb] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .inv-page[b-kw9w1czlnb]   { height: auto; overflow: visible; }
    .inv-layout[b-kw9w1czlnb] { flex-direction: column; }
    .inv-list-panel[b-kw9w1czlnb] { width: 100%; }

    .layout-panel-active .inv-list-panel[b-kw9w1czlnb] { display: none; }
    .mobile-back-btn[b-kw9w1czlnb] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}
/* /Components/Pages/Lists.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.ls-page[b-2ebjwkwmcz] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-2ebjwkwmcz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.page-header h4[b-2ebjwkwmcz] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.new-btn[b-2ebjwkwmcz] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.new-btn:hover:not(:disabled)[b-2ebjwkwmcz] { background: #3a6f95; }
.new-btn:disabled[b-2ebjwkwmcz] { opacity: 0.45; cursor: not-allowed; }

/* ── Layout ───────────────────────────────────────────────── */
.ls-layout[b-2ebjwkwmcz] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left panel ───────────────────────────────────────────── */
.ls-list-panel[b-2ebjwkwmcz] {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.type-picker[b-2ebjwkwmcz] { flex-shrink: 0; }
.list-search[b-2ebjwkwmcz] { flex-shrink: 0; }

.type-dropdown[b-2ebjwkwmcz] { width: 100%; }

/* ── Right panel ──────────────────────────────────────────── */
.ls-form-panel[b-2ebjwkwmcz] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
}

.ls-form[b-2ebjwkwmcz] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

/* ── Form header ──────────────────────────────────────────── */
.form-header[b-2ebjwkwmcz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.form-header-left[b-2ebjwkwmcz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-header h5[b-2ebjwkwmcz] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.delete-btn[b-2ebjwkwmcz] {
    background: transparent;
    border: 1px solid #d9534f;
    color: #d9534f;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s;
}

.delete-btn:hover[b-2ebjwkwmcz] { background: #d9534f; color: #fff; }

/* ── Form body ────────────────────────────────────────────── */
.form-body[b-2ebjwkwmcz] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-field[b-2ebjwkwmcz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-2ebjwkwmcz] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.req[b-2ebjwkwmcz] { color: #d9534f; }

/* ── Switches ─────────────────────────────────────────────── */
.form-switches[b-2ebjwkwmcz] {
    display: flex;
    gap: 24px;
}

.switch-row[b-2ebjwkwmcz] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Form actions ─────────────────────────────────────────── */
.form-actions[b-2ebjwkwmcz] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
}

.btn-cancel[b-2ebjwkwmcz] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-2ebjwkwmcz] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-2ebjwkwmcz] { background: #3a6f95; }
.btn-save:disabled[b-2ebjwkwmcz] { opacity: 0.45; cursor: not-allowed; }

/* ── ListView text ────────────────────────────────────────── */
.lv-text-active[b-2ebjwkwmcz]   { color: #2c3a45; }
.lv-text-disabled[b-2ebjwkwmcz] { color: #a0b0bc; }

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-2ebjwkwmcz] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-2ebjwkwmcz] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .ls-page[b-2ebjwkwmcz]   { height: auto; overflow: visible; }
    .ls-layout[b-2ebjwkwmcz] { flex-direction: column; }
    .ls-list-panel[b-2ebjwkwmcz] { width: 100%; }

    .layout-form-active .ls-list-panel[b-2ebjwkwmcz] { display: none; }
    .mobile-back-btn[b-2ebjwkwmcz] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}
/* /Components/Pages/Locations.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.locations-page[b-nvx92g93dn] {
    padding: 16px;
}

.page-header[b-nvx92g93dn] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header h4[b-nvx92g93dn] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

.new-btn[b-nvx92g93dn] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-nvx92g93dn] {
    background: #5e85a8;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-nvx92g93dn] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-nvx92g93dn] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-nvx92g93dn],
:global(.e-grid .e-detailheadercell)[b-nvx92g93dn] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-nvx92g93dn],
:global(.e-grid .e-headercell .e-rhandler)[b-nvx92g93dn] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-nvx92g93dn],
:global(.e-grid .e-headercell .e-ascending::before)[b-nvx92g93dn],
:global(.e-grid .e-headercell .e-descending::before)[b-nvx92g93dn] {
    color: #ffffff !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-nvx92g93dn] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-nvx92g93dn] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-nvx92g93dn] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-nvx92g93dn],
:global(.e-grid .e-active)[b-nvx92g93dn] {
    background-color: #add0de !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-nvx92g93dn] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Active / Inactive badge ────────────────────────────────────── */
.active-badge[b-nvx92g93dn] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
}

.active-yes[b-nvx92g93dn] { background-color: #d4edda; color: #1a6631; }
.active-no[b-nvx92g93dn]  { background-color: #f8d7da; color: #7a1c24; }
/* /Components/Pages/LocationsDetail.razor.rz.scp.css */
/* ── Tab navigation (Details / Map) ──────────────────────────────────── */
.location-tab-nav[b-uii0u50594] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 18px;
}

.location-tab-btn[b-uii0u50594] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.location-tab-btn:hover:not(:disabled)[b-uii0u50594] { color: #2c6082; }

.location-tab-btn.active[b-uii0u50594] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}
/* /Components/Pages/Logs.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.logs-page[b-70r6xjtn2o] {
    padding: 16px;
}

.page-header[b-70r6xjtn2o] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header h4[b-70r6xjtn2o] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Filters ────────────────────────────────────────────────────── */
.logs-filters[b-70r6xjtn2o] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.log-filter-group[b-70r6xjtn2o] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-label[b-70r6xjtn2o] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #5a7080;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.log-select[b-70r6xjtn2o] {
    border: 1px solid #c8dce8;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 0.85rem;
    color: #2c3a45;
    background: #fff;
    height: 32px;
    min-width: 180px;
    outline: none;
    cursor: pointer;
}

.log-select:focus[b-70r6xjtn2o] {
    border-color: #7a9fc0;
    box-shadow: 0 0 0 2px rgba(122,159,192,0.18);
}

.log-date-input[b-70r6xjtn2o] {
    border: 1px solid #c8dce8;
    border-radius: 6px;
    padding: 4px 8px;
    font-size: 0.85rem;
    color: #2c3a45;
    background: #fff;
    height: 32px;
    outline: none;
}

.log-date-input:focus[b-70r6xjtn2o] {
    border-color: #7a9fc0;
    box-shadow: 0 0 0 2px rgba(122,159,192,0.18);
}

.grid-search-input[b-70r6xjtn2o] {
    border: 1px solid #c8dce8;
    border-radius: 6px;
    padding: 5px 10px;
    font-size: 0.85rem;
    color: #2c3a45;
    background: #fff;
    outline: none;
    height: 32px;
}

.grid-search-input:focus[b-70r6xjtn2o] {
    border-color: #7a9fc0;
    box-shadow: 0 0 0 2px rgba(122,159,192,0.18);
}

.log-search[b-70r6xjtn2o] {
    min-width: 200px;
}

.new-btn[b-70r6xjtn2o] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    align-self: flex-end;
}

.new-btn:hover:not(:disabled)[b-70r6xjtn2o] { background: #5e85a8; }
.new-btn:disabled[b-70r6xjtn2o] { opacity: 0.55; cursor: not-allowed; }

/* ── Action badges ──────────────────────────────────────────────── */
.action-badge[b-70r6xjtn2o] {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #1a1a1a;
    background: #8a9aaa;
}

.action-badge-sm[b-70r6xjtn2o] {
    padding: 1px 6px;
    font-size: 0.68rem;
}

.badge-insert[b-70r6xjtn2o] { background: #3a9e6a; }
.badge-update[b-70r6xjtn2o] { background: #3a7ec0; }
.badge-delete[b-70r6xjtn2o] { background: #c0433a; }

/* ── Edit / View button ─────────────────────────────────────────── */
.edit-btn[b-70r6xjtn2o] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-70r6xjtn2o] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers ─────────────────────────────────────────── */
:global(.e-grid .e-headercell)[b-70r6xjtn2o],
:global(.e-grid .e-detailheadercell)[b-70r6xjtn2o] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-70r6xjtn2o],
:global(.e-grid .e-headercell .e-rhandler)[b-70r6xjtn2o] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-70r6xjtn2o],
:global(.e-grid .e-headercell .e-ascending::before)[b-70r6xjtn2o],
:global(.e-grid .e-headercell .e-descending::before)[b-70r6xjtn2o] {
    color: #ffffff !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-70r6xjtn2o] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-70r6xjtn2o] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-70r6xjtn2o] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-70r6xjtn2o],
:global(.e-grid .e-active)[b-70r6xjtn2o] {
    background-color: #add0de !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-70r6xjtn2o] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Detail dialog ──────────────────────────────────────────────── */
.dialog-title[b-70r6xjtn2o] {
    font-size: 0.95rem;
    font-weight: 600;
    color: #2c3a45;
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.log-detail-table[b-70r6xjtn2o] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.log-detail-key[b-70r6xjtn2o] {
    width: 40%;
    padding: 6px 10px 6px 0;
    font-weight: 600;
    color: #5a7080;
    vertical-align: top;
    border-bottom: 1px solid #e8f0f6;
    word-break: break-all;
}

.log-detail-val[b-70r6xjtn2o] {
    padding: 6px 0;
    color: #2c3a45;
    vertical-align: top;
    border-bottom: 1px solid #e8f0f6;
    word-break: break-all;
}

.no-data-msg[b-70r6xjtn2o] {
    color: #8a9aaa;
    font-style: italic;
    text-align: center;
    padding: 24px 0;
}

.log-after-source[b-70r6xjtn2o] {
    font-size: 0.78rem;
    color: #5a7080;
    font-style: italic;
    margin: 0 0 10px 0;
}

/* ── Diff highlighting ──────────────────────────────────────────── */
.log-detail-key.diff-before[b-70r6xjtn2o],
.log-detail-val.diff-before[b-70r6xjtn2o] {
    background-color: #fff7ed;
    border-bottom-color: #fde8c4;
}

.log-detail-val.diff-before[b-70r6xjtn2o] {
    color: #92400e;
    font-weight: 600;
}

.log-detail-key.diff-after[b-70r6xjtn2o],
.log-detail-val.diff-after[b-70r6xjtn2o] {
    background-color: #f0fdf4;
    border-bottom-color: #bbf7d0;
}

.log-detail-val.diff-after[b-70r6xjtn2o] {
    color: #14532d;
    font-weight: 600;
}
/* /Components/Pages/Medications.razor.rz.scp.css */
/* ── Page shell ───────────────────────────────────────────── */
.ls-page[b-vf62o5ykoj] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow: hidden;
    padding: 16px;
    box-sizing: border-box;
    gap: 12px;
}

/* ── Header ───────────────────────────────────────────────── */
.page-header[b-vf62o5ykoj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.page-header h4[b-vf62o5ykoj] {
    margin: 0;
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3a45;
}

.new-btn[b-vf62o5ykoj] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.new-btn:hover:not(:disabled)[b-vf62o5ykoj] { background: #3a6f95; }
.new-btn:disabled[b-vf62o5ykoj] { opacity: 0.45; cursor: not-allowed; }

/* ── Layout ───────────────────────────────────────────────── */
.ls-layout[b-vf62o5ykoj] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Left panel ───────────────────────────────────────────── */
.ls-list-panel[b-vf62o5ykoj] {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
}

.list-search[b-vf62o5ykoj] { flex-shrink: 0; }

/* ── Right panel ──────────────────────────────────────────── */
.ls-form-panel[b-vf62o5ykoj] {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.ls-form[b-vf62o5ykoj] {
    background: #fff;
    border: 1px solid #dde3e8;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

/* ── Form header ──────────────────────────────────────────── */
.form-header[b-vf62o5ykoj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-bottom: 1px solid #eef1f4;
    flex-shrink: 0;
}

.form-header-left[b-vf62o5ykoj] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.form-header h5[b-vf62o5ykoj] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    color: #2c3a45;
}

.delete-btn[b-vf62o5ykoj] {
    background: transparent;
    border: 1px solid #d9534f;
    color: #d9534f;
    border-radius: 6px;
    padding: 5px 12px;
    font-size: 0.82rem;
    cursor: pointer;
    transition: all 0.2s;
}

.delete-btn:hover[b-vf62o5ykoj] { background: #d9534f; color: #fff; }

/* ── Form body — scrollable ───────────────────────────────── */
.form-body[b-vf62o5ykoj] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.form-field[b-vf62o5ykoj] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-field label[b-vf62o5ykoj] {
    font-size: 0.82rem;
    font-weight: 500;
    color: #5a6a77;
}

.req[b-vf62o5ykoj] { color: #d9534f; }

/* ── Switches ─────────────────────────────────────────────── */
.form-switches[b-vf62o5ykoj] {
    display: flex;
    gap: 24px;
}

.switch-row[b-vf62o5ykoj] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.85rem;
    color: #5a6a77;
}

/* ── Form actions ─────────────────────────────────────────── */
.form-actions[b-vf62o5ykoj] {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 4px;
    flex-shrink: 0;
}

.btn-cancel[b-vf62o5ykoj] {
    background: transparent;
    border: 1px solid #c0c8d0;
    color: #5a6a77;
    border-radius: 6px;
    padding: 7px 18px;
    font-size: 0.85rem;
    cursor: pointer;
}

.btn-save[b-vf62o5ykoj] {
    background: #4a7fa5;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 7px 22px;
    font-size: 0.85rem;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-save:hover:not(:disabled)[b-vf62o5ykoj] { background: #3a6f95; }
.btn-save:disabled[b-vf62o5ykoj] { opacity: 0.45; cursor: not-allowed; }

/* ── ListView text ────────────────────────────────────────── */
.lv-text-active[b-vf62o5ykoj] { color: #2c3a45; }

/* ── No selection placeholder ─────────────────────────────── */
.no-selection[b-vf62o5ykoj] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #a0b0bc;
    font-size: 0.9rem;
}

/* ── Mobile back button ───────────────────────────────────── */
.mobile-back-btn[b-vf62o5ykoj] { display: none; }

/* ── Mobile ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    .ls-page[b-vf62o5ykoj]   { height: auto; overflow: visible; }
    .ls-layout[b-vf62o5ykoj] { flex-direction: column; }
    .ls-list-panel[b-vf62o5ykoj] { width: 100%; }

    .layout-form-active .ls-list-panel[b-vf62o5ykoj] { display: none; }
    .mobile-back-btn[b-vf62o5ykoj] {
        display: inline-flex;
        align-items: center;
        background: transparent;
        border: none;
        color: #4a7fa5;
        font-size: 0.9rem;
        cursor: pointer;
        padding: 0;
    }
}
/* /Components/Pages/Messages.razor.rz.scp.css */
.msg-page[b-qk92hzjaj1] { padding: 16px; }
.page-header[b-qk92hzjaj1] { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.page-header h4[b-qk92hzjaj1] { margin: 0; font-size: 1.3rem; font-weight: 700; color: #2c3a45; letter-spacing: 0.3px; }
.msg-spacer[b-qk92hzjaj1] { flex: 1; }

.msg-btn[b-qk92hzjaj1] { background: transparent; color: #374151; border: 1px solid #b8c2cc; border-radius: 6px; padding: 6px 14px; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
.msg-btn:hover:not(:disabled)[b-qk92hzjaj1] { background: #eef2f6; }
.msg-btn:disabled[b-qk92hzjaj1] { opacity: 0.5; cursor: default; }
.msg-primary[b-qk92hzjaj1] { background: #2c6082; color: #fff; border-color: #2c6082; }
.msg-primary:hover:not(:disabled)[b-qk92hzjaj1] { background: #234f6b; }
.msg-danger[b-qk92hzjaj1] { color: #b3261e; border-color: #e0b4b0; }
.msg-danger:hover:not(:disabled)[b-qk92hzjaj1] { background: #fdf2f2; }

.msg-tabs[b-qk92hzjaj1] { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #d6e8f4; margin-bottom: 12px; }
.msg-tab[b-qk92hzjaj1] { background: none; border: none; border-bottom: 3px solid transparent; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; color: #7a9fc0; cursor: pointer; }
.msg-tab.active[b-qk92hzjaj1] { color: #2c6082; border-bottom-color: #2c6082; }
.msg-count[b-qk92hzjaj1] { display: inline-block; min-width: 18px; padding: 0 6px; margin-left: 4px; border-radius: 9px; background: #c0392b; color: #fff; font-size: 0.7rem; line-height: 18px; text-align: center; }

.msg-error[b-qk92hzjaj1] { background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; color: #c0392b; padding: 8px 12px; font-size: 0.85rem; margin: 8px 0; }
.msg-info[b-qk92hzjaj1] { background: #e8f5ec; border-radius: 6px; color: #1a7f37; padding: 8px 12px; font-size: 0.85rem; margin: 8px 0; }
.msg-empty[b-qk92hzjaj1] { color: #6b7f8e; font-size: 0.9rem; padding: 16px 4px; }
.msg-hint[b-qk92hzjaj1] { color: #6b7f8e; font-size: 0.8rem; }
.msg-hint.pad[b-qk92hzjaj1] { padding: 8px 10px; }

.msg-panes[b-qk92hzjaj1] { display: flex; gap: 14px; align-items: flex-start; }
.msg-list[b-qk92hzjaj1] { flex: 0 0 38%; max-width: 460px; background: #fff; border: 1px solid #e4eef5; border-radius: 8px; overflow: hidden; }
.msg-thread[b-qk92hzjaj1] { flex: 1; min-width: 0; }

.msg-row[b-qk92hzjaj1] { padding: 10px 14px; border-bottom: 1px solid #eef3f7; cursor: pointer; }
.msg-row:hover[b-qk92hzjaj1] { background: #f1f7fb; }
.msg-row.selected[b-qk92hzjaj1] { background: #e3eef7; }
.msg-row.unread .msg-who[b-qk92hzjaj1], .msg-row.unread .msg-subject[b-qk92hzjaj1] { font-weight: 700; color: #1f2d38; }
.msg-row.unread[b-qk92hzjaj1] { border-left: 4px solid #2c6082; padding-left: 10px; }
.msg-row-top[b-qk92hzjaj1] { display: flex; gap: 8px; align-items: baseline; }
.msg-who[b-qk92hzjaj1] { flex: 1; font-size: 0.86rem; color: #2c3a45; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-when[b-qk92hzjaj1] { font-size: 0.74rem; color: #6b7f8e; white-space: nowrap; }
.msg-subject[b-qk92hzjaj1] { font-size: 0.88rem; color: #2c3a45; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-preview[b-qk92hzjaj1] { font-size: 0.78rem; color: #6b7f8e; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.msg-readinfo[b-qk92hzjaj1] { font-size: 0.72rem; color: #5b7284; margin-top: 4px; }
.msg-tag[b-qk92hzjaj1] { display: inline-block; padding: 0 6px; margin-left: 4px; border-radius: 8px; background: #fff3d6; color: #8a6d1d; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; }

.msg-thread-head[b-qk92hzjaj1] { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.msg-thread-head h5[b-qk92hzjaj1] { margin: 0; font-size: 1.05rem; color: #2c3a45; }
.msg-back[b-qk92hzjaj1] { display: none; }
.msg-card[b-qk92hzjaj1] { background: #fff; border: 1px solid #e4eef5; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; }
.msg-card.mine[b-qk92hzjaj1] { background: #f1f7fb; border-color: #d3e5f2; }
.msg-card-head[b-qk92hzjaj1] { display: flex; gap: 8px; align-items: baseline; font-size: 0.88rem; }
.msg-card-head .msg-when[b-qk92hzjaj1] { margin-left: auto; }
.msg-card-to[b-qk92hzjaj1] { font-size: 0.76rem; color: #6b7f8e; margin: 2px 0 8px; }
.msg-card-body[b-qk92hzjaj1] { white-space: pre-wrap; word-break: break-word; font-size: 0.9rem; color: #2c3a45; }
.msg-recips[b-qk92hzjaj1] { margin: 0 0 10px; font-size: 0.82rem; color: #374151; }
.msg-recips summary[b-qk92hzjaj1] { cursor: pointer; color: #2c6082; font-weight: 600; }
.msg-recip[b-qk92hzjaj1] { display: flex; justify-content: space-between; padding: 3px 0; border-bottom: 1px dotted #dfe8ee; }
.msg-reply[b-qk92hzjaj1] { display: flex; flex-direction: column; gap: 8px; align-items: flex-end; margin-top: 6px; }

.msg-input[b-qk92hzjaj1], .msg-textarea[b-qk92hzjaj1] { width: 100%; box-sizing: border-box; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 10px; font-size: 0.9rem; font-family: inherit; }
.msg-textarea[b-qk92hzjaj1] { resize: vertical; }

/* modal */
.msg-backdrop[b-qk92hzjaj1] { position: fixed; inset: 0; background: rgba(20, 30, 40, 0.45); z-index: 1000; }
.msg-modal[b-qk92hzjaj1] { position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(640px, calc(100vw - 24px)); max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border-radius: 10px; padding: 18px 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
.msg-modal h5[b-qk92hzjaj1] { margin: 0 0 8px; font-size: 1.1rem; color: #2c3a45; }
.msg-label[b-qk92hzjaj1] { display: block; margin: 12px 0 4px; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; color: #4a6070; }
.msg-check[b-qk92hzjaj1] { display: flex; gap: 8px; align-items: center; margin-top: 10px; font-size: 0.86rem; }
.msg-modal-actions[b-qk92hzjaj1] { display: flex; gap: 8px; align-items: center; justify-content: flex-end; margin-top: 14px; }

.msg-chips[b-qk92hzjaj1] { display: flex; flex-wrap: wrap; gap: 6px; min-height: 30px; margin-bottom: 6px; align-items: center; }
.msg-chip[b-qk92hzjaj1] { display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 10px; border-radius: 14px; font-size: 0.82rem; background: #e3eef7; color: #1f4d6b; }
.msg-chip.kind-group[b-qk92hzjaj1] { background: #efe6f7; color: #5a2d82; }
.msg-chip.kind-location_users[b-qk92hzjaj1], .msg-chip.kind-location_carers[b-qk92hzjaj1] { background: #e1f3e6; color: #1f6b3a; }
.msg-chip.kind-carer[b-qk92hzjaj1] { background: #fff3d6; color: #6b5416; }
.msg-chip-x[b-qk92hzjaj1] { background: none; border: none; cursor: pointer; font-size: 1rem; line-height: 1; color: inherit; padding: 0 6px; }

.msg-picker[b-qk92hzjaj1], .msg-grouplist[b-qk92hzjaj1] { border: 1px solid #e4eef5; border-radius: 6px; max-height: 190px; overflow-y: auto; margin-top: 6px; }
.msg-grouplist[b-qk92hzjaj1] { max-height: 260px; }
.msg-option[b-qk92hzjaj1] { display: flex; gap: 10px; align-items: baseline; padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #f0f4f7; }
.msg-option:hover[b-qk92hzjaj1] { background: #f1f7fb; }
.msg-option-name[b-qk92hzjaj1] { font-size: 0.88rem; color: #2c3a45; }
.msg-option-detail[b-qk92hzjaj1] { margin-left: auto; font-size: 0.74rem; color: #6b7f8e; }
.msg-kind[b-qk92hzjaj1] { flex: 0 0 82px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; color: #1f4d6b; }
.msg-kind.kind-group[b-qk92hzjaj1] { color: #5a2d82; }
.msg-kind.kind-location_users[b-qk92hzjaj1], .msg-kind.kind-location_carers[b-qk92hzjaj1] { color: #1f6b3a; }
.msg-kind.kind-carer[b-qk92hzjaj1] { color: #8a6d1d; }

@media (max-width: 768px) {
    .msg-panes[b-qk92hzjaj1] { flex-direction: column; }
    .msg-list[b-qk92hzjaj1] { flex: none; max-width: none; width: 100%; }
    .msg-thread[b-qk92hzjaj1] { width: 100%; }
    .msg-panes.has-selection .msg-list[b-qk92hzjaj1] { display: none; }           /* phone: one pane at a time */
    .msg-panes:not(.has-selection) .msg-thread[b-qk92hzjaj1] { display: none; }
    .msg-back[b-qk92hzjaj1] { display: inline-block; }
}
.msg-event[b-qk92hzjaj1] { margin-top: 8px; font-size: 0.84rem; }
.msg-event a[b-qk92hzjaj1] { color: #2c6082; font-weight: 600; text-decoration: none; }
.msg-event a:hover[b-qk92hzjaj1] { text-decoration: underline; }
.msg-event-tag[b-qk92hzjaj1] { font-size: 0.74rem; color: #6b5416; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/Notifications.razor.rz.scp.css */
.ntf-page[b-aplz2nzm4v] { padding: 16px; max-width: 900px; }
.page-header[b-aplz2nzm4v] { margin-bottom: 10px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.page-header h4[b-aplz2nzm4v] { margin: 0; font-size: 1.3rem; font-weight: 700; color: #2c3a45; letter-spacing: 0.3px; }
.ntf-spacer[b-aplz2nzm4v] { flex: 1; }

.ntf-btn[b-aplz2nzm4v] { display: inline-block; background: transparent; color: #374151; border: 1px solid #b8c2cc; border-radius: 6px; padding: 6px 14px; font-size: 0.82rem; font-weight: 600; cursor: pointer; text-decoration: none; }
.ntf-btn:hover:not(:disabled)[b-aplz2nzm4v] { background: #eef2f6; }
.ntf-btn:disabled[b-aplz2nzm4v] { opacity: 0.5; cursor: default; }
.ntf-primary[b-aplz2nzm4v] { background: #2c6082; color: #fff; border-color: #2c6082; }
.ntf-primary:hover:not(:disabled)[b-aplz2nzm4v] { background: #234f6b; }
.ntf-danger[b-aplz2nzm4v] { color: #b3261e; border-color: #e0b4b0; }
.ntf-danger:hover:not(:disabled)[b-aplz2nzm4v] { background: #fdf2f2; }

.ntf-tabs[b-aplz2nzm4v] { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #d6e8f4; margin-bottom: 12px; }
.ntf-tab[b-aplz2nzm4v] { background: none; border: none; border-bottom: 3px solid transparent; padding: 8px 16px; font-size: 0.9rem; font-weight: 600; color: #7a9fc0; cursor: pointer; }
.ntf-tab.active[b-aplz2nzm4v] { color: #2c6082; border-bottom-color: #2c6082; }

.ntf-error[b-aplz2nzm4v] { background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; color: #c0392b; padding: 8px 12px; font-size: 0.85rem; margin: 8px 0; }
.ntf-info[b-aplz2nzm4v] { background: #e8f5ec; border-radius: 6px; color: #1a7f37; padding: 8px 12px; font-size: 0.85rem; margin: 8px 0; }
.ntf-empty[b-aplz2nzm4v] { color: #1a7f37; background: #e8f5ec; border-radius: 6px; padding: 10px 14px; display: inline-block; font-size: 0.9rem; }
.ntf-hint[b-aplz2nzm4v] { color: #6b7f8e; font-size: 0.8rem; }
.ntf-hint.pad[b-aplz2nzm4v] { padding: 8px 10px; }

.ntf-card[b-aplz2nzm4v] { background: #fff; border: 1px solid #e4eef5; border-left: 5px solid #7a9fc0; border-radius: 8px; padding: 12px 14px; margin-bottom: 10px; }
.ntf-card.prio-low[b-aplz2nzm4v] { border-left-color: #b8c2cc; }
.ntf-card.prio-high[b-aplz2nzm4v] { border-left-color: #e08a00; }
.ntf-card.prio-force[b-aplz2nzm4v] { border-left-color: #c0392b; }
.ntf-card.unseen[b-aplz2nzm4v] { background: #f1f7fb; }
.ntf-card.unseen .ntf-title[b-aplz2nzm4v] { font-weight: 700; }
.ntf-card.dealt[b-aplz2nzm4v] { opacity: 0.72; }
.ntf-card-top[b-aplz2nzm4v] { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.ntf-title[b-aplz2nzm4v] { font-size: 0.98rem; font-weight: 600; color: #2c3a45; }
.ntf-when[b-aplz2nzm4v] { margin-left: auto; font-size: 0.74rem; color: #6b7f8e; white-space: nowrap; }
.ntf-body[b-aplz2nzm4v] { white-space: pre-wrap; word-break: break-word; font-size: 0.88rem; color: #3b4d5a; margin-top: 6px; }
.ntf-meta[b-aplz2nzm4v] { font-size: 0.76rem; color: #6b7f8e; margin-top: 6px; }
.ntf-progress[b-aplz2nzm4v] { font-size: 0.82rem; color: #3b4d5a; margin-top: 6px; }
.ntf-done[b-aplz2nzm4v], .ntf-done-inline[b-aplz2nzm4v] { color: #1a7f37; font-weight: 600; }
.ntf-done[b-aplz2nzm4v] { margin-top: 8px; font-size: 0.84rem; }
.ntf-actions[b-aplz2nzm4v] { display: flex; gap: 8px; margin-top: 10px; flex-wrap: wrap; }
.ntf-recips[b-aplz2nzm4v] { margin-top: 8px; border-top: 1px dotted #dfe8ee; }
.ntf-recip[b-aplz2nzm4v] { display: flex; justify-content: space-between; padding: 4px 0; border-bottom: 1px dotted #dfe8ee; font-size: 0.84rem; }

.ntf-tag[b-aplz2nzm4v] { display: inline-block; padding: 0 8px; border-radius: 8px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; color: #fff; background: #7a9fc0; }
.ntf-tag.prio-high[b-aplz2nzm4v] { background: #e08a00; }
.ntf-tag.prio-force[b-aplz2nzm4v] { background: #c0392b; }
.ntf-tag.prio-low[b-aplz2nzm4v] { background: #98a6b2; }

/* send box */
.ntf-backdrop[b-aplz2nzm4v] { position: fixed; inset: 0; background: rgba(20, 30, 40, 0.45); z-index: 1000; }
.ntf-modal[b-aplz2nzm4v] { position: fixed; z-index: 1001; top: 50%; left: 50%; transform: translate(-50%, -50%); width: min(640px, calc(100vw - 24px)); max-height: calc(100vh - 40px); overflow-y: auto; background: #fff; border-radius: 10px; padding: 18px 20px; box-shadow: 0 10px 40px rgba(0,0,0,0.3); }
.ntf-modal h5[b-aplz2nzm4v] { margin: 0 0 8px; font-size: 1.1rem; color: #2c3a45; }
.ntf-label[b-aplz2nzm4v] { display: block; margin: 12px 0 4px; font-size: 0.74rem; font-weight: 700; text-transform: uppercase; color: #4a6070; }
.ntf-input[b-aplz2nzm4v], .ntf-textarea[b-aplz2nzm4v] { width: 100%; box-sizing: border-box; border: 1px solid #b8c2cc; border-radius: 6px; padding: 7px 10px; font-size: 0.9rem; font-family: inherit; }
.ntf-textarea[b-aplz2nzm4v] { resize: vertical; }
.ntf-check[b-aplz2nzm4v] { display: flex; gap: 8px; align-items: center; margin-top: 12px; font-size: 0.86rem; }
.ntf-modal-actions[b-aplz2nzm4v] { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }
.ntf-warn[b-aplz2nzm4v] { margin-top: 8px; background: #fdecea; color: #b3261e; border-radius: 6px; padding: 8px 12px; font-size: 0.82rem; }

.ntf-prios[b-aplz2nzm4v] { display: flex; gap: 8px; flex-wrap: wrap; }
.ntf-prio[b-aplz2nzm4v] { display: inline-flex; gap: 6px; align-items: center; padding: 5px 12px; border: 1px solid #b8c2cc; border-radius: 16px; font-size: 0.84rem; cursor: pointer; }
.ntf-prio.on[b-aplz2nzm4v] { color: #fff; border-color: transparent; background: #7a9fc0; }
.ntf-prio.on.prio-low[b-aplz2nzm4v] { background: #98a6b2; }
.ntf-prio.on.prio-high[b-aplz2nzm4v] { background: #e08a00; }
.ntf-prio.on.prio-force[b-aplz2nzm4v] { background: #c0392b; }
.ntf-prio input[b-aplz2nzm4v] { margin: 0; }

.ntf-chips[b-aplz2nzm4v] { display: flex; flex-wrap: wrap; gap: 6px; min-height: 30px; margin-bottom: 6px; align-items: center; }
.ntf-chip[b-aplz2nzm4v] { display: inline-flex; align-items: center; gap: 4px; padding: 3px 4px 3px 10px; border-radius: 14px; font-size: 0.82rem; background: #e3eef7; color: #1f4d6b; }
.ntf-chip.kind-group[b-aplz2nzm4v] { background: #efe6f7; color: #5a2d82; }
.ntf-chip.kind-location_users[b-aplz2nzm4v], .ntf-chip.kind-all_users[b-aplz2nzm4v] { background: #e1f3e6; color: #1f6b3a; }
.ntf-chip-x[b-aplz2nzm4v] { background: none; border: none; cursor: pointer; font-size: 1rem; line-height: 1; color: inherit; padding: 0 6px; }
.ntf-picker[b-aplz2nzm4v] { border: 1px solid #e4eef5; border-radius: 6px; max-height: 190px; overflow-y: auto; margin-top: 6px; }
.ntf-option[b-aplz2nzm4v] { display: flex; gap: 10px; align-items: baseline; padding: 6px 10px; cursor: pointer; border-bottom: 1px solid #f0f4f7; }
.ntf-option:hover[b-aplz2nzm4v] { background: #f1f7fb; }
.ntf-option-name[b-aplz2nzm4v] { font-size: 0.88rem; color: #2c3a45; }
.ntf-option-detail[b-aplz2nzm4v] { margin-left: auto; font-size: 0.74rem; color: #6b7f8e; }
.ntf-kind[b-aplz2nzm4v] { flex: 0 0 82px; font-size: 0.66rem; font-weight: 700; text-transform: uppercase; color: #1f4d6b; }
.ntf-kind.kind-group[b-aplz2nzm4v] { color: #5a2d82; }
.ntf-kind.kind-location_users[b-aplz2nzm4v], .ntf-kind.kind-all_users[b-aplz2nzm4v] { color: #1f6b3a; }
.ntf-card.picked[b-aplz2nzm4v] { box-shadow: 0 0 0 3px rgba(44, 96, 130, 0.45); }
.ntf-event[b-aplz2nzm4v] { margin-top: 6px; font-size: 0.84rem; }
.ntf-event a[b-aplz2nzm4v] { color: #2c6082; font-weight: 600; text-decoration: none; }
.ntf-event a:hover[b-aplz2nzm4v] { text-decoration: underline; }
/* /Components/Pages/OutgoingMessages.razor.rz.scp.css */
.obm-warn[b-9ipxr67bpb] { background: #fff3d6; color: #6b5416; border: 1px solid #ecd9a0; border-radius: 6px; padding: 7px 12px; margin-bottom: 8px; font-size: 0.85rem; }
.obm-filters[b-9ipxr67bpb] { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: flex-end; margin-bottom: 8px; }
.obm-f[b-9ipxr67bpb] { display: flex; flex-direction: column; gap: 3px; }
.obm-f label[b-9ipxr67bpb] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: #4a6070; }
.obm-f input[b-9ipxr67bpb], .obm-f select[b-9ipxr67bpb] { border: 1px solid #b8c2cc; border-radius: 5px; padding: 6px 8px; font-size: 0.88rem; font-family: inherit; min-width: 130px; }
.obm-buttons[b-9ipxr67bpb] { flex-direction: row; align-items: center; }
.obm-summary[b-9ipxr67bpb] { font-size: 0.82rem; color: #4a6070; margin: 4px 0 8px; }
.obm-status[b-9ipxr67bpb] { display: inline-block; padding: 1px 9px; border-radius: 10px; font-size: 0.76rem; font-weight: 600; }
.obm-status.obm-sent[b-9ipxr67bpb] { background: #e1f3e6; color: #1f6b3a; }
.obm-status.obm-pending[b-9ipxr67bpb], .obm-status.obm-sending[b-9ipxr67bpb] { background: #e3eef7; color: #1f4d6b; }
.obm-status.obm-failed[b-9ipxr67bpb] { background: #fbe3e3; color: #a12a2a; }
.obm-status.obm-skipped[b-9ipxr67bpb] { background: #fff3d6; color: #6b5416; }
.obm-detail[b-9ipxr67bpb] { border: 1px solid #d5e3ee; background: #f6fafd; border-radius: 6px; padding: 10px 14px; margin-bottom: 10px; }
.obm-detail-head[b-9ipxr67bpb] { display: flex; justify-content: space-between; margin-bottom: 6px; }
.obm-body[b-9ipxr67bpb] { white-space: pre-wrap; word-break: break-word; background: #fff; border: 1px solid #e4eef5; border-radius: 4px; padding: 8px 10px; font-family: inherit; font-size: 0.85rem; margin: 6px 0; }
.obm-err[b-9ipxr67bpb] { color: #c0392b; font-size: 0.84rem; margin-bottom: 4px; }
.obm-link[b-9ipxr67bpb] { background: none; border: none; color: #2c6082; cursor: pointer; font-size: 0.86rem; text-decoration: underline; padding: 0; }
/* /Components/Pages/Persons.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.persons-page[b-1fwrx3j1qn] {
    padding: 16px;
}

.page-header[b-1fwrx3j1qn] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new-btn[b-1fwrx3j1qn] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-1fwrx3j1qn] {
    background: #5e85a8;
}

.page-header h4[b-1fwrx3j1qn] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-1fwrx3j1qn] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-1fwrx3j1qn] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-1fwrx3j1qn],
:global(.e-grid .e-detailheadercell)[b-1fwrx3j1qn] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-1fwrx3j1qn],
:global(.e-grid .e-headercell .e-rhandler)[b-1fwrx3j1qn] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-1fwrx3j1qn],
:global(.e-grid .e-headercell .e-ascending::before)[b-1fwrx3j1qn],
:global(.e-grid .e-headercell .e-descending::before)[b-1fwrx3j1qn] {
    color: #ffffff !important;
}

/* ── Filter bar ─────────────────────────────────────────────────── */
:global(.e-grid .e-filterbar td)[b-1fwrx3j1qn],
:global(.e-grid .e-filterbar .e-filterbarcell)[b-1fwrx3j1qn] {
    background-color: #eaf3f9 !important;
}

:global(.e-grid .e-filterbar input)[b-1fwrx3j1qn] {
    font-size: 0.78rem !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-1fwrx3j1qn] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-1fwrx3j1qn] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-1fwrx3j1qn] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-1fwrx3j1qn],
:global(.e-grid .e-active)[b-1fwrx3j1qn] {
    background-color: #add0de !important;
}

/* ── Toolbar ────────────────────────────────────────────────────── */
:global(.e-grid .e-toolbar)[b-1fwrx3j1qn] {
    background-color: #f5fafd !important;
    border-bottom: 1px solid #c8dce8 !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-1fwrx3j1qn] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}

/* ── Active / Inactive badge ────────────────────────────────────── */
.active-badge[b-1fwrx3j1qn] {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 0.73rem;
    font-weight: 600;
    white-space: nowrap;
}

.active-yes[b-1fwrx3j1qn] { background-color: #d4edda; color: #1a6631; }
.active-no[b-1fwrx3j1qn]  { background-color: #f8d7da; color: #7a1c24; }
/* /Components/Pages/PersonsDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   PERSON EDIT DIALOG
══════════════════════════════════════════════════════════════════ */

:global(.person-edit-dialog .e-dlg-header-content)[b-ia0pq9q4g6] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.person-edit-dialog .e-dlg-header)[b-ia0pq9q4g6] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.person-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-ia0pq9q4g6] {
    color: #ffffff !important;
}

:global(.person-edit-dialog .e-dlg-content)[b-ia0pq9q4g6] {
    padding: 16px 20px;
    background: #f8fcff;
    max-height: 72vh;
    overflow-y: auto;
}

:global(.person-edit-dialog .e-footer-content)[b-ia0pq9q4g6] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Dialog title ───────────────────────────────────────────────── */
.dialog-title[b-ia0pq9q4g6] {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
}

/* ── Tab navigation ─────────────────────────────────────────────── */
.person-tab-nav[b-ia0pq9q4g6] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 18px;
}

.person-tab-btn[b-ia0pq9q4g6] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.person-tab-btn:hover:not(:disabled)[b-ia0pq9q4g6] {
    color: #2c6082;
}

.person-tab-btn.active[b-ia0pq9q4g6] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}

/* ── Form layout ────────────────────────────────────────────────── */
.edit-form[b-ia0pq9q4g6] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-ia0pq9q4g6] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-ia0pq9q4g6] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.form-grid[b-ia0pq9q4g6] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-ia0pq9q4g6] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-ia0pq9q4g6] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-ia0pq9q4g6] {
    color: #c0392b;
}

.form-field .form-input .e-input[b-ia0pq9q4g6] {
    font-size: 0.83rem !important;
}

.form-field-checkbox[b-ia0pq9q4g6] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

/* ── Locations table & assign row ───────────────────────────────── */
.persons-table[b-ia0pq9q4g6] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 0.83rem;
}

.persons-table th[b-ia0pq9q4g6] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.persons-table td[b-ia0pq9q4g6] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.persons-table tr:hover td[b-ia0pq9q4g6] {
    background: #f5fafd;
}

.remove-btn[b-ia0pq9q4g6] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-ia0pq9q4g6] {
    background: #fde8e8;
}

.no-persons-msg[b-ia0pq9q4g6] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 6px 0 10px;
}

.add-person-row[b-ia0pq9q4g6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.add-person-dd[b-ia0pq9q4g6] {
    flex: 1;
}

.add-person-btn[b-ia0pq9q4g6] {
    background: #7a9fc0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.add-person-btn:hover:not(:disabled)[b-ia0pq9q4g6] {
    background: #5e85a8;
}

.add-person-btn:disabled[b-ia0pq9q4g6] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ── Footer buttons ─────────────────────────────────────────────── */
.dialog-footer[b-ia0pq9q4g6] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

:global(.btn-cancel)[b-ia0pq9q4g6] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
}

:global(.btn-cancel:hover)[b-ia0pq9q4g6] {
    background: #eaf3f9 !important;
}

:global(.btn-save)[b-ia0pq9q4g6] {
    background: #7a9fc0 !important;
    border-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600;
}

:global(.btn-save:hover)[b-ia0pq9q4g6] {
    background: #5e85a8 !important;
    border-color: #5e85a8 !important;
}
/* /Components/Pages/Reports.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.reports-page[b-6dorjtt2es] {
    padding: 16px;
}

.page-header[b-6dorjtt2es] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.page-header h4[b-6dorjtt2es] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

.report-error[b-6dorjtt2es] {
    background: #fdf2f2;
    border: 1px solid #e8b0b0;
    border-radius: 6px;
    color: #c0392b;
    padding: 10px 14px;
    font-size: 0.85rem;
    margin-bottom: 14px;
}

/* ── Filter bar ────────────────────────────────────────────────── */
.report-filter-bar[b-6dorjtt2es] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
    margin-bottom: 18px;
}

.filter-fields[b-6dorjtt2es] {
    display: flex;
    align-items: flex-end;
    gap: 16px;
    flex-wrap: wrap;
}

.filter-field[b-6dorjtt2es] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.filter-field label[b-6dorjtt2es] {
    font-size: 0.74rem;
    font-weight: 600;
    color: #4a6070;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.filter-field-wide[b-6dorjtt2es]  { min-width: 240px; }
.filter-field-actions[b-6dorjtt2es] { margin-left: auto; }

.filter-btns[b-6dorjtt2es] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.new-btn[b-6dorjtt2es] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.new-btn:hover:not(:disabled)[b-6dorjtt2es] { background: #5e85a8; }
.new-btn:disabled[b-6dorjtt2es] { opacity: 0.55; cursor: not-allowed; }

.print-btn[b-6dorjtt2es] {
    background: #f0f7fb;
    color: #2c6082;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s;
}
.print-btn:hover[b-6dorjtt2es] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Report viewer shell ───────────────────────────────────────── */
.report-viewer[b-6dorjtt2es] {
    background: #e8edf0;
    border-radius: 8px;
    padding: 24px;
    min-height: 300px;
}

/* ── Paper ─────────────────────────────────────────────────────── */
.report-paper[b-6dorjtt2es] {
    background: #ffffff;
    max-width: 900px;
    margin: 0 auto;
    padding: 36px 44px;
    border-radius: 4px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 0.88rem;
    color: #2c3a45;
}

/* ── Report header ─────────────────────────────────────────────── */
.rpt-header[b-6dorjtt2es] {
    border-bottom: 2px solid #7a9fc0;
    margin-bottom: 20px;
    padding-bottom: 14px;
}

.rpt-title[b-6dorjtt2es] {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1c2c38;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.rpt-meta-row[b-6dorjtt2es] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: #4a6070;
}

/* ── Empty state ───────────────────────────────────────────────── */
.rpt-empty[b-6dorjtt2es] {
    color: #7a8a95;
    font-style: italic;
    padding: 16px 0;
}

/* ── Wage block ────────────────────────────────────────────────── */
.rpt-wage-block[b-6dorjtt2es] {
    margin-bottom: 24px;
    page-break-inside: avoid;
}

.rpt-wage-hdr[b-6dorjtt2es] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    background: #eaf3f9;
    border-left: 4px solid #7a9fc0;
    padding: 7px 12px;
    border-radius: 0 4px 4px 0;
    margin-bottom: 6px;
}

.rpt-wage-period[b-6dorjtt2es] {
    font-weight: 700;
    font-size: 0.9rem;
    color: #1c2c38;
}

.rpt-wage-info[b-6dorjtt2es] {
    font-size: 0.81rem;
    color: #4a6070;
    display: flex;
    gap: 8px;
    align-items: center;
}

.rpt-divider[b-6dorjtt2es] { color: #b8d4e8; }

.rpt-no-lines[b-6dorjtt2es] {
    font-style: italic;
    color: #7a8a95;
    font-size: 0.82rem;
    padding: 6px 12px;
}

/* ── Data table ────────────────────────────────────────────────── */
.rpt-table[b-6dorjtt2es] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.84rem;
}

.rpt-table th[b-6dorjtt2es] {
    background: #f0f7fb;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-top: 1px solid #c8dce8;
    border-bottom: 2px solid #c8dce8;
}

.rpt-table td[b-6dorjtt2es] {
    padding: 5px 10px;
    border-bottom: 1px solid #eef4f8;
    vertical-align: middle;
}

.rpt-table tr:hover td[b-6dorjtt2es] { background: #f5fafd; }

.rpt-table .tc[b-6dorjtt2es] { text-align: center; }
.rpt-table .tr[b-6dorjtt2es] { text-align: right; }

.rpt-subtotal td[b-6dorjtt2es] {
    background: #f0f7fb;
    border-top: 2px solid #c8dce8;
    border-bottom: none;
}

/* ── Grand total ───────────────────────────────────────────────── */
.rpt-grand-total[b-6dorjtt2es] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 32px;
    margin-top: 16px;
    padding: 10px 12px;
    background: #2c3a45;
    color: #ffffff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 0.92rem;
}

.rgt-label[b-6dorjtt2es]  { margin-right: auto; font-size: 0.88rem; letter-spacing: 0.3px; }
.rgt-time[b-6dorjtt2es]   { min-width: 80px; text-align: right; }
.rgt-amount[b-6dorjtt2es] { min-width: 90px; text-align: right; }

/* ── Report footer ─────────────────────────────────────────────── */
.rpt-footer[b-6dorjtt2es] {
    margin-top: 28px;
    padding-top: 10px;
    border-top: 1px solid #d6e8f4;
    font-size: 0.76rem;
    color: #8a9ca8;
    text-align: center;
}

/* ── Print styles ──────────────────────────────────────────────── */
@media print {
    .report-filter-bar[b-6dorjtt2es] { display: none !important; }
    .report-viewer[b-6dorjtt2es]      { background: transparent; padding: 0; }
    .report-paper[b-6dorjtt2es]       { box-shadow: none; max-width: 100%; padding: 0; }
    .rpt-table tr:hover td[b-6dorjtt2es] { background: transparent; }
}
/* /Components/Pages/Roles.razor.rz.scp.css */
/* ── Buttons ─────────────────────────────────────────────────────── */
.new-btn[b-hsqau1pyg1] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    white-space: nowrap;
}
.new-btn:hover[b-hsqau1pyg1] { background: #5e85a8; }

.btn-save-perms[b-hsqau1pyg1] { background: #6aaa8c; }
.btn-save-perms:hover[b-hsqau1pyg1] { background: #4e8f72; }

/* ── Page ────────────────────────────────────────────────────────── */
.roles-page[b-hsqau1pyg1] {
    padding: 16px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.page-header[b-hsqau1pyg1] {
    margin-bottom: 12px;
    display: flex;
    align-items: center;
}

/* ── Body ────────────────────────────────────────────────────────── */
.roles-body[b-hsqau1pyg1] {
    display: flex;
    gap: 16px;
    flex: 1;
    min-height: 0;
}

/* ── Left panel ──────────────────────────────────────────────────── */
.roles-panel[b-hsqau1pyg1] {
    width: 260px;
    min-width: 220px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.roles-panel-header[b-hsqau1pyg1] {
    display: flex;
    justify-content: flex-end;
}

.roles-empty[b-hsqau1pyg1] {
    color: #6c8898;
    font-size: 0.85rem;
    font-style: italic;
    padding: 12px 4px;
}

.roles-list[b-hsqau1pyg1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    max-height: calc(100vh - 220px);
}

/* ── Role card ───────────────────────────────────────────────────── */
.role-item[b-hsqau1pyg1] {
    background: #ffffff;
    border: 1px solid #c8dce8;
    border-radius: 8px;
    padding: 10px 12px;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s;
}
.role-item:hover[b-hsqau1pyg1]   { background: #eaf3fb; border-color: #7a9fc0; }
.role-item-selected[b-hsqau1pyg1] { background: #d4eaf6 !important; border-color: #5e85a8 !important; }

.role-item-header[b-hsqau1pyg1] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.role-name[b-hsqau1pyg1]       { font-weight: 600; font-size: 0.9rem; color: #1a2e3a; flex: 1; }
.role-user-count[b-hsqau1pyg1] { color: #6c8898; font-size: 0.78rem; white-space: nowrap; }

.role-badge-inactive[b-hsqau1pyg1] {
    background: #fde8e8;
    color: #a93226;
    border-radius: 8px;
    padding: 1px 8px;
    font-size: 0.72rem;
    font-weight: 500;
}

.role-desc[b-hsqau1pyg1] {
    color: #5a7080;
    font-size: 0.8rem;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.role-item-actions[b-hsqau1pyg1] { display: flex; gap: 6px; margin-top: 8px; }

.role-btn-edit[b-hsqau1pyg1], .role-btn-delete[b-hsqau1pyg1] {
    font-size: 0.78rem;
    border-radius: 5px;
    padding: 3px 10px;
    cursor: pointer;
    border: 1px solid;
    transition: background 0.12s;
}
.role-btn-edit[b-hsqau1pyg1]   { background: #eaf3fb; border-color: #7a9fc0; color: #2c6082; }
.role-btn-edit:hover[b-hsqau1pyg1]   { background: #c8dce8; }
.role-btn-delete[b-hsqau1pyg1] { background: #fdecea; border-color: #e08a80; color: #a93226; }
.role-btn-delete:hover[b-hsqau1pyg1] { background: #f9ccc9; }

/* ── Right panel ─────────────────────────────────────────────────── */
.perms-panel[b-hsqau1pyg1] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.perms-header[b-hsqau1pyg1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.perms-header-actions[b-hsqau1pyg1] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.perm-toggle-btn[b-hsqau1pyg1] {
    background: #eaf3fb;
    border: 1px solid #7a9fc0;
    color: #2c6082;
    border-radius: 5px;
    padding: 4px 12px;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background 0.12s;
}
.perm-toggle-btn:hover[b-hsqau1pyg1] { background: #c8dce8; }

.perms-title[b-hsqau1pyg1] {
    font-size: 1rem;
    font-weight: 600;
    color: #1a2e3a;
}

.perms-empty[b-hsqau1pyg1] {
    color: #6c8898;
    font-size: 0.9rem;
    padding: 40px 20px;
    text-align: center;
    font-style: italic;
}

/* ── Permission groups ───────────────────────────────────────────── */
.perms-groups[b-hsqau1pyg1] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: auto;
    max-height: calc(100vh - 240px);
    padding-right: 4px;
}

.perm-group[b-hsqau1pyg1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.perm-group-title[b-hsqau1pyg1] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #5a7080;
    padding-bottom: 4px;
    border-bottom: 1px solid #c8dce8;
}

.perm-group-items[b-hsqau1pyg1] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

/* ── Permission pill checkbox ────────────────────────────────────── */
.perm-item[b-hsqau1pyg1] {
    display: flex;
    align-items: center;
    gap: 6px;
    background: #f4faff;
    border: 1px solid #c8dce8;
    border-radius: 20px;
    padding: 5px 12px;
    font-size: 0.82rem;
    color: #3a5060;
    cursor: pointer;
    transition: background 0.12s, border-color 0.12s, color 0.12s;
    user-select: none;
}
.perm-item:hover[b-hsqau1pyg1] { background: #eaf3fb; border-color: #7a9fc0; }

.perm-item-on[b-hsqau1pyg1] {
    background: #d4eaf6;
    border-color: #5e85a8;
    color: #1a2e3a;
    font-weight: 600;
}

.perm-check[b-hsqau1pyg1] {
    width: 13px;
    height: 13px;
    accent-color: #5e85a8;
    cursor: pointer;
}

/* ── Role dialog ─────────────────────────────────────────────────── */
:global(.role-dialog .e-dlg-header-content)[b-hsqau1pyg1] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}
:global(.role-dialog .e-dlg-header)[b-hsqau1pyg1] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}
:global(.role-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-hsqau1pyg1] { color: #ffffff !important; }
:global(.role-dialog .e-dlg-content)[b-hsqau1pyg1] { padding: 16px 20px; background: #f8fcff; }
:global(.role-dialog .e-footer-content)[b-hsqau1pyg1] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

.role-dialog-form[b-hsqau1pyg1]  { display: flex; flex-direction: column; gap: 12px; }
.role-dialog-field[b-hsqau1pyg1] { display: flex; flex-direction: column; gap: 4px; }
.role-dialog-field label[b-hsqau1pyg1] { font-size: 0.85rem; font-weight: 500; color: #2a3a42; }
.role-dialog-switch[b-hsqau1pyg1] { flex-direction: row; align-items: center; gap: 12px; }

.role-text-input[b-hsqau1pyg1] {
    border: 1px solid #b8d4e8;
    border-radius: 5px;
    padding: 7px 10px;
    font-size: 0.88rem;
    outline: none;
    transition: border-color 0.15s;
    width: 100%;
    box-sizing: border-box;
}
.role-text-input:focus[b-hsqau1pyg1] {
    border-color: #7a9fc0;
    box-shadow: 0 0 0 2px rgba(122,159,192,0.18);
}
.role-textarea[b-hsqau1pyg1] { resize: vertical; }
/* /Components/Pages/ScheduledJobs.razor.rz.scp.css */
.sj-spacer[b-7xfx7us7hb] { flex: 1; }
.sj-info[b-7xfx7us7hb] { background: #e8f5ec; color: #1a7f37; border-radius: 6px; padding: 8px 12px; margin-bottom: 10px; font-size: 0.88rem; }
.sj-empty[b-7xfx7us7hb] { color: #6c8898; font-style: italic; }
.sj-card[b-7xfx7us7hb] { background: #fff; border: 1px solid #c8dce8; border-radius: 10px; padding: 14px 16px; margin-bottom: 12px; max-width: 900px; }
.sj-card.off[b-7xfx7us7hb] { background: #f6f8fa; }
.sj-top[b-7xfx7us7hb] { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.sj-name[b-7xfx7us7hb] { font-size: 1rem; font-weight: 700; color: #2c3a45; }
.sj-desc[b-7xfx7us7hb] { color: #4a6070; font-size: 0.84rem; margin-top: 3px; max-width: 640px; }
.sj-switch[b-7xfx7us7hb] { display: inline-flex; gap: 6px; align-items: center; font-weight: 600; cursor: pointer; }
.sj-facts[b-7xfx7us7hb] { display: flex; flex-wrap: wrap; gap: 6px 22px; margin: 10px 0 4px; font-size: 0.85rem; color: #2c3a45; }
.sj-last[b-7xfx7us7hb] { font-size: 0.82rem; color: #4a6070; background: #f1f7fb; border-radius: 6px; padding: 6px 10px; margin: 6px 0; }
.sj-last.bad[b-7xfx7us7hb] { background: #fdecea; color: #a12a2a; }
.sj-actions[b-7xfx7us7hb] { display: flex; gap: 8px; margin-top: 8px; flex-wrap: wrap; }
.sj-btn[b-7xfx7us7hb] { background: #fff; border: 1px solid #b8d4e8; color: #2c6082; border-radius: 6px; padding: 6px 14px; font-size: 0.85rem; font-weight: 600; cursor: pointer; }
.sj-btn:disabled[b-7xfx7us7hb] { opacity: 0.5; cursor: default; }
.sj-primary[b-7xfx7us7hb] { background: #7a9fc0; color: #fff; border-color: #7a9fc0; }
.sj-status[b-7xfx7us7hb] { display: inline-block; margin-left: 8px; padding: 1px 9px; border-radius: 10px; font-size: 0.74rem; font-weight: 600; vertical-align: middle; }
.sj-status.sj-ok[b-7xfx7us7hb] { background: #e1f3e6; color: #1f6b3a; }
.sj-status.sj-failed[b-7xfx7us7hb] { background: #fbe3e3; color: #a12a2a; }
.sj-status.sj-running[b-7xfx7us7hb] { background: #e3eef7; color: #1f4d6b; }
.sj-status.sj-never[b-7xfx7us7hb] { background: #eef1f4; color: #4a6070; }
.sj-detail[b-7xfx7us7hb] { border-top: 1px solid #e4eef5; margin-top: 12px; padding-top: 12px; }
.sj-edit[b-7xfx7us7hb] { display: flex; flex-wrap: wrap; gap: 8px 10px; align-items: center; margin-bottom: 12px; font-size: 0.86rem; }
.sj-input[b-7xfx7us7hb] { border: 1px solid #b8c2cc; border-radius: 5px; padding: 5px 8px; font-size: 0.86rem; font-family: inherit; }
.sj-num[b-7xfx7us7hb] { width: 80px; }
.sj-hint[b-7xfx7us7hb] { color: #6c8898; font-size: 0.8rem; }
.sj-runs-head[b-7xfx7us7hb] { font-size: 0.72rem; font-weight: 700; text-transform: uppercase; color: #4a6070; margin-bottom: 6px; }
.sj-run[b-7xfx7us7hb] { display: flex; flex-wrap: wrap; gap: 4px 12px; align-items: baseline; font-size: 0.84rem; padding: 5px 0; border-bottom: 1px solid #f0f4f7; }
.sj-when[b-7xfx7us7hb] { color: #4a6070; min-width: 150px; }
.sj-trig[b-7xfx7us7hb] { color: #6c8898; font-size: 0.78rem; }
.sj-msg[b-7xfx7us7hb] { color: #2c3a45; flex: 1 1 260px; }
/* /Components/Pages/SettingRow.razor.rz.scp.css */
/* One settings row: label/description on the left, control on the right, aligned. */
.setting-row[b-ah80qksuar] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 13px 18px;
    border-bottom: 1px solid #eef5fa;
    transition: background 0.1s;
}

.setting-row:last-child[b-ah80qksuar] { border-bottom: none; }
.setting-row:hover[b-ah80qksuar]      { background: #fafcff; }

.setting-row-label[b-ah80qksuar] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.setting-name[b-ah80qksuar] {
    font-size: 0.86rem;
    font-weight: 600;
    color: #2c3a45;
}

.setting-desc[b-ah80qksuar] {
    font-size: 0.76rem;
    color: #7a8a95;
    line-height: 1.4;
}

.setting-control[b-ah80qksuar] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    flex-shrink: 0;
    min-width: 180px;
}

.setting-override[b-ah80qksuar] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.72rem;
    color: #2c6082;
    cursor: pointer;
    user-select: none;
    white-space: nowrap;
}

.setting-override input[b-ah80qksuar] { margin: 0; }
/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-page[b-ybczfi6p0o] {
    width: 100%;
    height: calc(100vh - 62px);
    display: flex;
    flex-direction: column;
    gap: 0;
    padding-left: 6px;
}

/* Pinned header (title + location + tabs) */
.settings-top[b-ybczfi6p0o] {
    flex-shrink: 0;
    padding-right: 8px;
}

/* Scrolling middle — the only part that scrolls */
.settings-scroll[b-ybczfi6p0o] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-right: 8px;
}

/* ── Page header ────────────────────────────────────────────────── */
.page-header[b-ybczfi6p0o] {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

/* ── Location bar ───────────────────────────────────────────────── */
.settings-location-bar[b-ybczfi6p0o] {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 20px;
    padding: 12px 18px;
    background: #f0f6fb;
    border: 1px solid #d0e4f0;
    border-radius: 8px;
}

.settings-location-bar label[b-ybczfi6p0o] {
    font-size: 0.82rem;
    font-weight: 700;
    color: #3a5a70;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

:global(.settings-location-dd)[b-ybczfi6p0o] {
    min-width: 260px;
}

/* ── Tab navigation ─────────────────────────────────────────────── */
.settings-tab-nav[b-ybczfi6p0o] {
    display: flex;
    gap: 0;
    border-bottom: 2px solid #c8dce8;
    margin-bottom: 20px;
}

.settings-tab-btn[b-ybczfi6p0o] {
    background: transparent;
    border: none;
    border-bottom: 3px solid transparent;
    margin-bottom: -2px;
    padding: 8px 22px;
    font-size: 0.85rem;
    font-weight: 600;
    color: #7a9fc0;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.settings-tab-btn:hover[b-ybczfi6p0o] {
    color: #2c6082;
}

.settings-tab-btn.active[b-ybczfi6p0o] {
    color: #2c6082;
    border-bottom-color: #2c6082;
}

/* ── Tab body ───────────────────────────────────────────────────── */
.settings-body[b-ybczfi6p0o] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Setting section card ───────────────────────────────────────── */
.setting-section[b-ybczfi6p0o] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    overflow: hidden;
}

.setting-section-heading[b-ybczfi6p0o] {
    font-size: 0.76rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    padding: 9px 18px;
    background: #f5fafd;
    border-bottom: 1px solid #d6e8f4;
}

.setting-subheading[b-ybczfi6p0o] {
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4a6070;
    padding: 12px 18px 4px;
}

/* ── Individual setting rows ────────────────────────────────────── */
.setting-row[b-ybczfi6p0o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 13px 18px;
    border-bottom: 1px solid #eef5fa;
    transition: background 0.1s;
}

.setting-row:last-child[b-ybczfi6p0o] {
    border-bottom: none;
}

.setting-row:hover[b-ybczfi6p0o] {
    background: #fafcff;
}

.setting-row-label[b-ybczfi6p0o] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
    min-width: 0;
}

.setting-name[b-ybczfi6p0o] {
    font-size: 0.86rem;
    font-weight: 600;
    color: #2c3a45;
}

.setting-desc[b-ybczfi6p0o] {
    font-size: 0.76rem;
    color: #7a8a95;
    line-height: 1.4;
}

:global(.setting-input)[b-ybczfi6p0o] {
    width: 160px !important;
    flex-shrink: 0;
}

/* ── Footer ─────────────────────────────────────────────────────── */
.settings-footer[b-ybczfi6p0o] {
    display: flex;
    justify-content: flex-end;
    padding-top: 18px;
    margin-top: 6px;
    border-top: 1px solid #d6e8f4;
}

.settings-save-btn[b-ybczfi6p0o] {
    padding: 8px 30px;
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.settings-save-btn:hover[b-ybczfi6p0o] {
    background: #5e85a8;
}

/* All-Locations inheritance UI */
.settings-inherit-note[b-ybczfi6p0o] { margin-left: 14px; font-size: 0.8rem; color: #7a9fc0; }
.setting-control[b-ybczfi6p0o] { display: flex; align-items: center; gap: 12px; }
.setting-override[b-ybczfi6p0o] { display: inline-flex; align-items: center; gap: 4px; font-size: 0.75rem; color: #2c6082; cursor: pointer; user-select: none; }
.setting-override input[b-ybczfi6p0o] { margin: 0; }
.setting-hint[b-ybczfi6p0o] { font-size: 0.8rem; color: #7a9fc0; margin: 2px 0 10px; padding: 8px 18px 0; }
.settings-saved[b-ybczfi6p0o] { margin-right: 14px; color: #1a7f37; font-size: 0.85rem; font-weight: 600; }

/* Weight slider + live percent */
.setting-slider-wrap[b-ybczfi6p0o] { display: flex; align-items: center; gap: 12px; width: 240px; }
:global(.setting-slider)[b-ybczfi6p0o] { flex: 1; }
.setting-pct[b-ybczfi6p0o] { min-width: 42px; text-align: right; font-weight: 600; font-size: 0.85rem; color: #2c6082; }

/* Pinned footer at the bottom of the flex column */
.settings-footer[b-ybczfi6p0o] {
    flex-shrink: 0;
    align-items: center;
    gap: 12px;
    padding-right: 8px;
    background: #ffffff;
}

.settings-dirty[b-ybczfi6p0o] { margin-right: auto; color: #b26a00; font-size: 0.82rem; font-weight: 600; }

.settings-revert-btn[b-ybczfi6p0o] {
    padding: 8px 20px;
    background: #ffffff;
    color: #5e85a8;
    border: 1px solid #b9d0e2;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}
.settings-revert-btn:hover:not(:disabled)[b-ybczfi6p0o] { background: #f0f6fb; }
.settings-revert-btn:disabled[b-ybczfi6p0o], .settings-save-btn:disabled[b-ybczfi6p0o] { opacity: 0.5; cursor: not-allowed; }
/* /Components/Pages/UnallocatedCalls.razor.rz.scp.css */
.uac-page[b-871tlm0el5] { padding: 16px; }

.page-header[b-871tlm0el5] { margin-bottom: 10px; display: flex; align-items: center; }
.page-header h4[b-871tlm0el5] { margin: 0; font-size: 1.3rem; font-weight: 700; color: #2c3a45; letter-spacing: 0.3px; }
.uac-spacer[b-871tlm0el5] { flex: 1; }
.uac-link-btn[b-871tlm0el5] { color: #2c6082; font-weight: 600; font-size: 0.85rem; text-decoration: none; }
.uac-link-btn:hover[b-871tlm0el5] { text-decoration: underline; }

.uac-hint[b-871tlm0el5] { font-size: 0.82rem; color: #5b7284; margin: 0 0 14px; }
.uac-error[b-871tlm0el5] { background: #fdf2f2; border: 1px solid #e8b0b0; border-radius: 6px; color: #c0392b; padding: 8px 12px; font-size: 0.85rem; margin-bottom: 12px; }
.uac-empty[b-871tlm0el5] { font-size: 0.9rem; color: #1a7f37; background: #e8f5ec; border-radius: 6px; padding: 10px 14px; display: inline-block; }

.uac-tabs[b-871tlm0el5] { display: flex; align-items: center; gap: 4px; border-bottom: 1px solid #d6e8f4; margin-bottom: 14px; }
.uac-tab[b-871tlm0el5] {
    background: none; border: none; border-bottom: 3px solid transparent; padding: 8px 16px;
    font-size: 0.88rem; font-weight: 600; color: #7a9fc0; cursor: pointer;
}
.uac-tab.active[b-871tlm0el5] { color: #2c6082; border-bottom-color: #2c6082; }
.uac-refresh[b-871tlm0el5] { background: transparent; color: #374151; border: 1px solid #b8c2cc; border-radius: 6px; padding: 6px 14px; font-size: 0.82rem; font-weight: 600; cursor: pointer; }
.uac-refresh:hover[b-871tlm0el5] { background: #eef2f6; }

.uac-table[b-871tlm0el5] { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #e4eef5; border-radius: 8px; }
.uac-table th[b-871tlm0el5], .uac-table td[b-871tlm0el5] { text-align: left; padding: 9px 12px; border-bottom: 1px solid #eef3f7; font-size: 0.86rem; }
.uac-table th[b-871tlm0el5] { font-size: 0.72rem; text-transform: uppercase; color: #4a6070; font-weight: 600; background: #f5fafd; }
.uac-overdue td[b-871tlm0el5] { background: #fdf2f2; }
.uac-row[b-871tlm0el5] { cursor: pointer; }
.uac-row:hover td[b-871tlm0el5] { background: #eef5fa; }
.uac-row.uac-overdue:hover td[b-871tlm0el5] { background: #fbe4e4; }
.uac-badge[b-871tlm0el5] { display: inline-block; margin-left: 8px; padding: 1px 8px; border-radius: 8px; font-size: 0.68rem; font-weight: 700; color: #fff; background: #c0392b; }

.uac-must[b-871tlm0el5] { color: #b3261e; font-weight: 700; }
/* /Components/Pages/Users.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.users-page[b-4yw16vhllh] {
    padding: 16px;
}

.page-header[b-4yw16vhllh] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-header h4[b-4yw16vhllh] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

.new-btn[b-4yw16vhllh] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 16px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover[b-4yw16vhllh] {
    background: #5e85a8;
}

/* ── Edit button ────────────────────────────────────────────────── */
.edit-btn[b-4yw16vhllh] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.85rem;
    line-height: 1;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-4yw16vhllh] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-4yw16vhllh],
:global(.e-grid .e-detailheadercell)[b-4yw16vhllh] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-4yw16vhllh],
:global(.e-grid .e-headercell .e-rhandler)[b-4yw16vhllh] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-4yw16vhllh],
:global(.e-grid .e-headercell .e-ascending::before)[b-4yw16vhllh],
:global(.e-grid .e-headercell .e-descending::before)[b-4yw16vhllh] {
    color: #ffffff !important;
}

/* ── Rows ───────────────────────────────────────────────────────── */
:global(.e-grid .e-rowcell)[b-4yw16vhllh] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-4yw16vhllh] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-4yw16vhllh] {
    background-color: #cde5f2 !important;
    cursor: pointer;
}

:global(.e-grid .e-selectionbackground)[b-4yw16vhllh],
:global(.e-grid .e-active)[b-4yw16vhllh] {
    background-color: #add0de !important;
}

/* ── Pager ──────────────────────────────────────────────────────── */
:global(.e-grid .e-gridpager)[b-4yw16vhllh] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}
/* /Components/Pages/UsersDetail.razor.rz.scp.css */
/* ══════════════════════════════════════════════════════════════════
   USER EDIT DIALOG
══════════════════════════════════════════════════════════════════ */

:global(.user-edit-dialog .e-dlg-header-content)[b-3d61j8bje2] {
    background-color: #7a9fc0;
    padding: 12px 20px;
}

:global(.user-edit-dialog .e-dlg-header)[b-3d61j8bje2] {
    color: #ffffff !important;
    font-weight: 600;
    font-size: 1rem;
}

:global(.user-edit-dialog .e-dlg-closeicon-btn .e-btn-icon)[b-3d61j8bje2] {
    color: #ffffff !important;
}

:global(.user-edit-dialog .e-dlg-content)[b-3d61j8bje2] {
    padding: 16px 20px;
    background: #f8fcff;
    overflow-y: auto;
}

:global(.user-edit-dialog .e-footer-content)[b-3d61j8bje2] {
    background: #f0f6fb;
    border-top: 1px solid #c8dce8;
    padding: 10px 20px;
}

/* ── Dialog title ───────────────────────────────────────────────── */
.dialog-title[b-3d61j8bje2] {
    font-size: 1rem;
    color: #ffffff;
    font-weight: 600;
}

/* ── Form layout ────────────────────────────────────────────────── */
.edit-form[b-3d61j8bje2] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.form-section[b-3d61j8bje2] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 14px 18px;
}

.section-heading[b-3d61j8bje2] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 7px;
    margin-bottom: 14px;
}

.form-grid[b-3d61j8bje2] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px 18px;
}

.form-field[b-3d61j8bje2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-field label[b-3d61j8bje2] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
}

.form-field .req[b-3d61j8bje2] {
    color: #c0392b;
}

.form-field .optional[b-3d61j8bje2] {
    font-weight: 400;
    font-style: italic;
    color: #7a8a95;
}

.form-field .form-input .e-input[b-3d61j8bje2] {
    font-size: 0.83rem !important;
}

.form-field-checkbox[b-3d61j8bje2] {
    justify-content: flex-end;
    padding-bottom: 4px;
}

/* ── Footer buttons ─────────────────────────────────────────────── */
.dialog-footer[b-3d61j8bje2] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

:global(.btn-cancel)[b-3d61j8bje2] {
    background: #ffffff !important;
    border: 1px solid #b8d4e8 !important;
    color: #2c6082 !important;
    font-weight: 600;
}

:global(.btn-cancel:hover)[b-3d61j8bje2] {
    background: #eaf3f9 !important;
}

:global(.btn-save)[b-3d61j8bje2] {
    background: #7a9fc0 !important;
    border-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600;
}

:global(.btn-save:hover)[b-3d61j8bje2] {
    background: #5e85a8 !important;
    border-color: #5e85a8 !important;
}

/* ── Locations panel ────────────────────────────────────────────── */
.persons-table[b-3d61j8bje2] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
    font-size: 0.83rem;
}

.persons-table th[b-3d61j8bje2] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.persons-table td[b-3d61j8bje2] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.persons-table tr:hover td[b-3d61j8bje2] {
    background: #f5fafd;
}

.remove-btn[b-3d61j8bje2] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-3d61j8bje2] {
    background: #fde8e8;
}

.no-persons-msg[b-3d61j8bje2] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 6px 0 10px;
}

.add-person-row[b-3d61j8bje2] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 8px;
}

.add-person-dd[b-3d61j8bje2] {
    flex: 1;
}

.add-person-btn[b-3d61j8bje2] {
    background: #7a9fc0;
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 6px 16px;
    font-size: 0.83rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
}

.add-person-btn:hover:not(:disabled)[b-3d61j8bje2] {
    background: #5e85a8;
}

.add-person-btn:disabled[b-3d61j8bje2] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* /Components/Pages/WageHistory.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.wages-page[b-xgn946l0ti] {
    padding: 16px;
}

.page-header[b-xgn946l0ti] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.page-header h4[b-xgn946l0ti] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Panel chrome ───────────────────────────────────────────────── */
.wages-history[b-xgn946l0ti] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.panel-heading[b-xgn946l0ti] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

/* ── History grid ───────────────────────────────────────────────── */
.no-data-msg[b-xgn946l0ti] {
    color: #7a8a95;
    font-style: italic;
    font-size: 0.83rem;
    margin: 8px 0;
}

/* ── Lines panel ────────────────────────────────────────────────── */
.lines-panel[b-xgn946l0ti] {
    margin-top: 12px;
    border: 1px solid #d6e8f4;
    border-radius: 6px;
    overflow: hidden;
}

.lines-header[b-xgn946l0ti] {
    padding: 8px 14px;
    background: #eaf3f9;
    font-size: 0.83rem;
    font-weight: 600;
    color: #2c3a45;
    border-bottom: 1px solid #d6e8f4;
}

.lines-table[b-xgn946l0ti] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.lines-table th[b-xgn946l0ti] {
    background: #eaf3f9;
    color: #2c3a45;
    font-weight: 600;
    padding: 6px 10px;
    text-align: left;
    border-bottom: 2px solid #c8dce8;
}

.lines-table th.num[b-xgn946l0ti] { text-align: right; }

.lines-table td[b-xgn946l0ti] {
    padding: 6px 10px;
    border-bottom: 1px solid #e8f0f5;
    vertical-align: middle;
}

.lines-table td.num[b-xgn946l0ti]    { text-align: right; }
.lines-table td.center[b-xgn946l0ti] { text-align: center; }

.lines-table tr:hover td[b-xgn946l0ti] { background: #f5fafd; }

.lines-total td[b-xgn946l0ti] {
    background: #f0f7fb;
    border-top: 2px solid #c8dce8;
}

/* ── Lines button ───────────────────────────────────────────────── */
.lines-btn[b-xgn946l0ti] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 10px;
    cursor: pointer;
    font-size: 0.78rem;
    font-weight: 600;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.lines-btn:hover[b-xgn946l0ti] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

/* ── Lines dialog ───────────────────────────────────────────────── */
:global(.wage-lines-dialog .e-dlg-header-content)[b-xgn946l0ti] {
    background-color: #7a9fc0 !important;
    padding: 12px 20px !important;
    border-radius: 4px 4px 0 0;
}

:global(.wage-lines-dialog .e-dlg-header)[b-xgn946l0ti],
:global(.wage-lines-dialog .e-dlg-header *)[b-xgn946l0ti] {
    color: #ffffff !important;
}

:global(.wage-lines-dialog .e-dlg-closeicon-btn .e-icon-dlg-close)[b-xgn946l0ti] {
    color: #ffffff !important;
}

:global(.wage-lines-dialog .e-dlg-content)[b-xgn946l0ti] {
    padding: 16px 20px !important;
    background: #f8fcff !important;
    overflow-y: auto;
}

:global(.wage-lines-dialog .e-footer-content)[b-xgn946l0ti] {
    background: #f0f6fb !important;
    border-top: 1px solid #c8dce8 !important;
    padding: 10px 20px !important;
}

.dialog-title[b-xgn946l0ti] {
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
}

.dialog-footer[b-xgn946l0ti] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

:global(.btn-cancel.e-btn)[b-xgn946l0ti] {
    background: #ffffff !important;
    border: 1px solid #c8dce8 !important;
    color: #4a6070 !important;
    font-weight: 600 !important;
    border-radius: 5px !important;
}

:global(.btn-cancel.e-btn:hover)[b-xgn946l0ti] {
    background: #f0f6fb !important;
    border-color: #7a9fc0 !important;
}

/* ── Shared helpers ─────────────────────────────────────────────── */
.edit-btn[b-xgn946l0ti] {
    background: transparent;
    border: 1px solid #b8d4e8;
    border-radius: 6px;
    padding: 3px 7px;
    cursor: pointer;
    font-size: 0.82rem;
    color: #2c6082;
    transition: background 0.15s, border-color 0.15s;
}

.edit-btn:hover[b-xgn946l0ti] {
    background: #d4eaf6;
    border-color: #7a9fc0;
}

.remove-btn[b-xgn946l0ti] {
    background: none;
    border: 1px solid #e8a0a0;
    border-radius: 4px;
    color: #c0392b;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 2px 7px;
    line-height: 1.4;
}

.remove-btn:hover[b-xgn946l0ti] { background: #fde8e8; }

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-xgn946l0ti],
:global(.e-grid .e-detailheadercell)[b-xgn946l0ti] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-xgn946l0ti],
:global(.e-grid .e-headercell .e-rhandler)[b-xgn946l0ti] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-xgn946l0ti],
:global(.e-grid .e-headercell .e-ascending::before)[b-xgn946l0ti],
:global(.e-grid .e-headercell .e-descending::before)[b-xgn946l0ti] {
    color: #ffffff !important;
}

:global(.e-grid .e-rowcell)[b-xgn946l0ti] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-xgn946l0ti] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-xgn946l0ti] {
    background-color: #cde5f2 !important;
}

:global(.e-grid .e-gridpager)[b-xgn946l0ti] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}
/* /Components/Pages/Wages.razor.rz.scp.css */
/* ── Page ──────────────────────────────────────────────────────── */
.wages-page[b-alcfsvyu2k] {
    padding: 16px;
}

.page-header[b-alcfsvyu2k] {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
}

.page-header h4[b-alcfsvyu2k] {
    margin: 0;
    font-size: 1.3rem;
    font-weight: 700;
    color: #2c3a45;
    letter-spacing: 0.3px;
}

/* ── Panel chrome ───────────────────────────────────────────────── */
.wages-create-panel[b-alcfsvyu2k] {
    background: #ffffff;
    border: 1px solid #d6e8f4;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 20px;
}

.panel-heading[b-alcfsvyu2k] {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #7a9fc0;
    border-bottom: 1px solid #d6e8f4;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

/* ── Date range row ─────────────────────────────────────────────── */
.create-row[b-alcfsvyu2k] {
    display: flex;
    gap: 20px;
    margin-bottom: 16px;
}

.create-field[b-alcfsvyu2k] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    max-width: 260px;
}

.create-field label[b-alcfsvyu2k] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #4a6070;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* ── Status chips ───────────────────────────────────────────────── */
.status-section[b-alcfsvyu2k] {
    margin-bottom: 16px;
}

.status-heading[b-alcfsvyu2k],
.carers-heading[b-alcfsvyu2k] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8rem;
    font-weight: 600;
    color: #4a6070;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 8px;
}

.status-actions[b-alcfsvyu2k] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.status-chips[b-alcfsvyu2k] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.status-chip[b-alcfsvyu2k] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 12px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 500;
    cursor: pointer;
    user-select: none;
    transition: background 0.12s, color 0.12s;
}

.chip-on[b-alcfsvyu2k] {
    background: #7a9fc0;
    color: #ffffff;
    border: 1px solid #7a9fc0;
}

.chip-off[b-alcfsvyu2k] {
    background: #f0f6fb;
    color: #5a7a94;
    border: 1px solid #c8dce8;
}

.status-chip input[type=checkbox][b-alcfsvyu2k] {
    display: none;
}

.no-statuses[b-alcfsvyu2k] {
    font-size: 0.82rem;
    color: #7a8a95;
    font-style: italic;
}

/* ── Carer grid ─────────────────────────────────────────────────── */
.carers-section[b-alcfsvyu2k] {
    margin-bottom: 16px;
}

.selected-count[b-alcfsvyu2k] {
    font-size: 0.78rem;
    color: #7a9fc0;
    font-weight: 600;
}

.carer-check[b-alcfsvyu2k] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: #7a9fc0;
}

/* ── Create footer ──────────────────────────────────────────────── */
.create-footer[b-alcfsvyu2k] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 4px;
}

.new-btn[b-alcfsvyu2k] {
    background: #7a9fc0;
    color: #ffffff;
    border: none;
    border-radius: 6px;
    padding: 7px 20px;
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
}

.new-btn:hover:not(:disabled)[b-alcfsvyu2k] { background: #5e85a8; }
.new-btn:disabled[b-alcfsvyu2k] { opacity: 0.55; cursor: not-allowed; }

/* ── Create results ─────────────────────────────────────────────── */
.create-results[b-alcfsvyu2k] {
    margin-top: 14px;
    border: 1px solid #d6e8f4;
    border-radius: 6px;
    overflow: hidden;
}

.results-heading[b-alcfsvyu2k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 12px;
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #7a9fc0;
    background: #f0f7fb;
    border-bottom: 1px solid #d6e8f4;
}

.result-row[b-alcfsvyu2k] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    font-size: 0.83rem;
    border-bottom: 1px solid #eef4f8;
}

.result-row:last-child[b-alcfsvyu2k] { border-bottom: none; }

.result-ok[b-alcfsvyu2k]  { background: #f0faf2; }
.result-err[b-alcfsvyu2k] { background: #fdf2f2; }

.result-icon[b-alcfsvyu2k] {
    font-weight: 700;
    width: 16px;
    text-align: center;
}

.result-ok  .result-icon[b-alcfsvyu2k] { color: #2a7a3e; }
.result-err .result-icon[b-alcfsvyu2k] { color: #c0392b; }

.result-name[b-alcfsvyu2k] { font-weight: 600; color: #2c3a45; min-width: 160px; }
.result-msg[b-alcfsvyu2k]  { color: #6a7a85; font-size: 0.8rem; }

/* ── Shared helpers ─────────────────────────────────────────────── */
.link-btn[b-alcfsvyu2k] {
    background: transparent;
    border: none;
    color: #5a80a4;
    font-size: 0.78rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0 2px;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.link-btn:hover[b-alcfsvyu2k] { color: #2c5070; }

/* ── Grid column headers – steel blue ──────────────────────────── */
:global(.e-grid .e-headercell)[b-alcfsvyu2k],
:global(.e-grid .e-detailheadercell)[b-alcfsvyu2k] {
    background-color: #7a9fc0 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.82rem !important;
    letter-spacing: 0.4px !important;
}

:global(.e-grid .e-headercelldiv)[b-alcfsvyu2k],
:global(.e-grid .e-headercell .e-rhandler)[b-alcfsvyu2k] {
    color: #ffffff !important;
}

:global(.e-grid .e-headercell .e-sortfilterdiv)[b-alcfsvyu2k],
:global(.e-grid .e-headercell .e-ascending::before)[b-alcfsvyu2k],
:global(.e-grid .e-headercell .e-descending::before)[b-alcfsvyu2k] {
    color: #ffffff !important;
}

:global(.e-grid .e-rowcell)[b-alcfsvyu2k] {
    color: #2c3a45 !important;
    font-size: 0.83rem !important;
    border-color: #deeaf3 !important;
    vertical-align: middle !important;
}

:global(.e-grid .e-altrow .e-rowcell)[b-alcfsvyu2k] {
    background-color: #f0f7fb !important;
}

:global(.e-grid .e-row:hover .e-rowcell)[b-alcfsvyu2k] {
    background-color: #cde5f2 !important;
}

:global(.e-grid .e-gridpager)[b-alcfsvyu2k] {
    background-color: #f5fafd !important;
    border-top: 1px solid #c8dce8 !important;
}