/* /Components/CheckIns/DeclineCheckInModal.razor.rz.scp.css */
.decline-checkin-modal[b-l35q275m8p] {
    max-width: 480px;
}

.decline-checkin-title[b-l35q275m8p] {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 4px;
    color: var(--color-text-primary);
}

.decline-checkin-subtitle[b-l35q275m8p] {
    font-size: 14px;
    color: var(--color-text-secondary);
    margin: 0 0 16px;
}

.decline-reason-input[b-l35q275m8p] {
    min-height: 120px;
    resize: vertical;
}

.decline-checkin-validation[b-l35q275m8p] {
    font-size: 12px;
    color: var(--color-danger);
    margin: 4px 0 0;
}

.decline-checkin-footer[b-l35q275m8p] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.decline-checkin-action[b-l35q275m8p] {
    min-height: 36px;
}

.decline-checkin-required-hint[b-l35q275m8p] {
    margin: 0 0 8px;
}
/* /Components/CheckIns/FlagCheckInModal.razor.rz.scp.css */
.flag-checkin-modal[b-gtwe96dx0t] {
    max-width: 800px;
}

.flag-checkin-modal .modal-body[b-gtwe96dx0t] {
    padding: 28px 34px 12px;
}

.flag-checkin-title[b-gtwe96dx0t] {
    margin: 0 0 28px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.flag-checkin-required-hint[b-gtwe96dx0t] {
    margin: 0 0 8px;
}

.flag-checkin-readonly-target[b-gtwe96dx0t] {
    cursor: default;
}

.flag-checkin-tabs[b-gtwe96dx0t] {
    display: inline-grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 4px;
    margin: 0 0 20px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-3);
}

.flag-checkin-tab[b-gtwe96dx0t] {
    min-height: 34px;
    padding: 0 14px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.flag-checkin-tab.active[b-gtwe96dx0t] {
    background: var(--color-surface-2);
    color: var(--color-text-primary);
    box-shadow: 0 1px 3px rgb(15 23 42 / 12%);
}

.flag-checkin-member-list[b-gtwe96dx0t] {
    display: grid;
    gap: 8px;
    max-height: 220px;
    overflow: auto;
    padding: 8px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
}

.flag-checkin-member-row[b-gtwe96dx0t] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    color: var(--color-text-primary);
}

.flag-checkin-member-row:hover[b-gtwe96dx0t] {
    background: var(--color-surface-3);
}

.flag-checkin-member-name[b-gtwe96dx0t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

.flag-checkin-member-role[b-gtwe96dx0t] {
    color: var(--color-text-secondary);
    font-size: 12px;
}

.flag-checkin-suggestions[b-gtwe96dx0t] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.flag-checkin-suggestion[b-gtwe96dx0t] {
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-2);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
}

.flag-checkin-suggestion:hover[b-gtwe96dx0t],
.flag-checkin-suggestion:focus-visible[b-gtwe96dx0t] {
    border-color: var(--color-brand-600);
    color: var(--color-brand-700);
}

.flag-checkin-time-range[b-gtwe96dx0t] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 12px;
}

.flag-checkin-time-field[b-gtwe96dx0t] {
    min-width: 0;
}

.flag-checkin-time-field .form-label[b-gtwe96dx0t] {
    margin-bottom: 8px;
}

.flag-checkin-time-grid[b-gtwe96dx0t] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.25fr;
    gap: 12px;
}

.flag-checkin-meridiem[b-gtwe96dx0t] {
    min-width: 0;
}

.flag-checkin-notes[b-gtwe96dx0t] {
    min-height: 168px;
    resize: vertical;
}

.flag-checkin-file-control[b-gtwe96dx0t] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.flag-checkin-file-button[b-gtwe96dx0t] {
    flex: 0 0 auto;
}

.flag-checkin-file-control:focus-within .flag-checkin-file-button[b-gtwe96dx0t] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.flag-checkin-file-summary[b-gtwe96dx0t] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flag-checkin-file-control[b-gtwe96dx0t]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.flag-checkin-selected-files[b-gtwe96dx0t] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.flag-checkin-selected-files li[b-gtwe96dx0t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
    font-size: 12px;
}

.flag-checkin-selected-file-name[b-gtwe96dx0t] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-primary);
}

.flag-checkin-validation[b-gtwe96dx0t] {
    margin: 0;
    font-size: 13px;
    color: var(--color-danger);
}

.flag-checkin-footer[b-gtwe96dx0t] {
    padding: 12px 34px 28px;
    gap: 20px;
    border-top: none;
}

.flag-checkin-action[b-gtwe96dx0t] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 36px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

@media (max-width: 640px) {
    .flag-checkin-modal .modal-body[b-gtwe96dx0t] {
        padding: 22px 18px 12px;
    }

    .flag-checkin-title[b-gtwe96dx0t] {
        margin-bottom: 22px;
        font-size: 22px;
    }

    .flag-checkin-time-range[b-gtwe96dx0t] {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .flag-checkin-time-grid[b-gtwe96dx0t] {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }

    .flag-checkin-footer[b-gtwe96dx0t] {
        padding: 12px 18px 20px;
        gap: 10px;
    }
}
/* /Components/CheckIns/GroupCheckInCard.razor.rz.scp.css */
.group-checkin-card[b-7ex8tsadkb] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 18px;
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    background: #ffffff;
    border: 1px solid rgba(223, 228, 234, 0.95);
}

.group-checkin-card.checkin-card-accepted[b-7ex8tsadkb],
.group-checkin-card.checkin-card-completed[b-7ex8tsadkb] {
    border-color: rgba(34, 197, 94, 0.35);
}

.group-checkin-card.checkin-card-pending[b-7ex8tsadkb] {
    border-color: rgba(158, 124, 247, 0.3);
}

.group-checkin-card.checkin-card-declined[b-7ex8tsadkb] {
    border-color: rgba(239, 68, 68, 0.30);
    background: rgba(239, 68, 68, 0.04);
}

.group-checkin-card.checkin-card-deep-linked[b-7ex8tsadkb] {
    border-color: #384f63;
    box-shadow: 0 0 0 3px rgba(56, 79, 99, 0.16), var(--shadow-card);
}

.group-checkin-card .checkin-card-icon[b-7ex8tsadkb] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.group-checkin-card .checkin-card-icon svg[b-7ex8tsadkb] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.group-checkin-card .flag-icon[b-7ex8tsadkb] {
    color: #9e7cf7;
}

.group-checkin-card .check-icon[b-7ex8tsadkb] {
    color: var(--color-success);
}

.group-checkin-card .decline-icon[b-7ex8tsadkb] {
    color: var(--color-danger);
}

.group-checkin-card .checkin-card-content[b-7ex8tsadkb] {
    flex: 1;
    min-width: 0;
}

.group-checkin-card .checkin-card-heading[b-7ex8tsadkb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}

.group-checkin-card .checkin-card-heading-copy[b-7ex8tsadkb] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 5px;
}

.group-checkin-card .checkin-card-statuses[b-7ex8tsadkb] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.group-checkin-card .checkin-card-badge[b-7ex8tsadkb] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.group-checkin-card .checkin-card-badge-pending[b-7ex8tsadkb] {
    background: rgba(158, 124, 247, 0.12);
    color: #6d50cf;
}

.group-checkin-card .checkin-card-badge-accepted[b-7ex8tsadkb],
.group-checkin-card .checkin-card-badge-completed[b-7ex8tsadkb] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.group-checkin-card .checkin-card-badge-declined[b-7ex8tsadkb] {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.group-checkin-card .checkin-card-badge-group[b-7ex8tsadkb] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.group-checkin-card .checkin-card-badge-observed[b-7ex8tsadkb] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.group-checkin-card .checkin-card-title[b-7ex8tsadkb] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.group-checkin-card .checkin-compact-details[b-7ex8tsadkb] {
    display: grid;
    gap: 7px;
    margin-top: 6px;
}

.group-checkin-card .checkin-meta-strip[b-7ex8tsadkb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-primary);
}

.group-checkin-card .checkin-involvement-strip[b-7ex8tsadkb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.group-checkin-card .checkin-meta-item[b-7ex8tsadkb],
.group-checkin-card .checkin-involvement-item[b-7ex8tsadkb] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.group-checkin-card .checkin-meta-label[b-7ex8tsadkb],
.group-checkin-card .checkin-compact-label[b-7ex8tsadkb] {
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--color-text-secondary);
    text-transform: uppercase;
}

.group-checkin-card .checkin-meta-divider[b-7ex8tsadkb] {
    color: rgba(100, 116, 139, 0.45);
}

.group-checkin-card .checkin-compact-notes[b-7ex8tsadkb] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.group-checkin-card .checkin-compact-label[b-7ex8tsadkb] {
    margin-right: 6px;
}

.group-checkin-card .checkin-notes-preview[b-7ex8tsadkb] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.group-checkin-card .group-checkin-participants[b-7ex8tsadkb] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.group-checkin-participant[b-7ex8tsadkb] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.group-checkin-participant.accepted[b-7ex8tsadkb] {
    background: #dcfce7;
    color: #166534;
}

.group-checkin-participant.declined[b-7ex8tsadkb] {
    background: #fee2e2;
    color: #991b1b;
}

.group-checkin-card .checkin-card-actions[b-7ex8tsadkb] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.group-checkin-card .checkin-card-actions .btn[b-7ex8tsadkb] {
    min-height: 36px;
    padding: 7px 14px;
    line-height: 1.2;
}

@media (max-width: 900px) {
    .group-checkin-card[b-7ex8tsadkb] {
        flex-wrap: wrap;
        gap: 12px;
        padding: 18px 16px;
    }

    .group-checkin-card .checkin-card-content[b-7ex8tsadkb] {
        width: 100%;
    }

    .group-checkin-card .checkin-card-actions[b-7ex8tsadkb] {
        flex-direction: column;
        align-items: stretch;
    }

    .group-checkin-card .checkin-card-actions .btn[b-7ex8tsadkb] {
        width: 100%;
        justify-content: center;
    }

    .group-checkin-card .checkin-meta-strip[b-7ex8tsadkb],
    .group-checkin-card .checkin-involvement-strip[b-7ex8tsadkb] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .group-checkin-card[b-7ex8tsadkb] {
        padding: 16px 14px;
    }

    .group-checkin-card .checkin-card-title[b-7ex8tsadkb] {
        font-size: 16px;
    }

    .group-checkin-card .checkin-card-heading[b-7ex8tsadkb] {
        flex-direction: column;
        gap: 8px;
    }

    .group-checkin-card .checkin-card-statuses[b-7ex8tsadkb] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }

    .group-checkin-card .checkin-card-badge[b-7ex8tsadkb] {
        justify-content: flex-start;
    }
}
/* /Components/CheckIns/LogCheckInModal.razor.rz.scp.css */
.log-checkin-modal[b-rmtsr9p72y] {
    max-width: 520px;
}

.log-checkin-title[b-rmtsr9p72y] {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 8px;
    color: var(--color-text-primary);
}

.log-checkin-scheduled[b-rmtsr9p72y] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 16px;
}

.log-checkin-scheduled-label[b-rmtsr9p72y] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
    font-weight: 500;
}

.log-checkin-scheduled-value[b-rmtsr9p72y] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-primary);
}

.log-checkin-notes[b-rmtsr9p72y] {
    min-height: 96px;
    resize: vertical;
}

.log-checkin-validation[b-rmtsr9p72y] {
    font-size: 12px;
    color: var(--color-danger);
    margin: 4px 0 0;
}

.log-checkin-footer[b-rmtsr9p72y] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.log-checkin-action[b-rmtsr9p72y] {
    min-height: 36px;
}

.log-checkin-required-hint[b-rmtsr9p72y] {
    margin: 0 0 8px;
}
/* /Components/CheckIns/LogGroupCheckInModal.razor.rz.scp.css */
.log-checkin-modal[b-7e5ci6t76h] {
    max-width: 720px;
}

.log-checkin-title[b-7e5ci6t76h] {
    margin: 0 0 8px;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.log-checkin-subtitle[b-7e5ci6t76h] {
    margin: 0 0 20px;
    color: var(--color-text-secondary);
}

.log-checkin-actions[b-7e5ci6t76h] {
    min-height: 180px;
    resize: vertical;
}

.log-checkin-validation[b-7e5ci6t76h] {
    margin: 0;
    color: var(--color-danger);
    font-size: 13px;
}

.log-checkin-footer[b-7e5ci6t76h] {
    gap: 12px;
}

.log-checkin-action[b-7e5ci6t76h] {
    flex: 1 1 0;
}
/* /Components/CheckIns/MeetingMaterialsModal.razor.rz.scp.css */
.meeting-materials-modal[b-yj190om9m7] {
    display: flex;
    flex-direction: column;
    width: min(100%, 720px);
    max-width: 720px;
    max-height: calc(100vh - 32px);
    overflow: hidden;
    background: var(--color-surface-2);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-modal);
}

.meeting-materials-header[b-yj190om9m7] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 8px;
}

.meeting-materials-title[b-yj190om9m7] {
    flex: 1;
    margin: 0;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.meeting-materials-close[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(100, 116, 139, 0.22);
    border-radius: var(--radius-sm);
    background: var(--color-surface-2);
    color: var(--color-text-secondary);
    cursor: pointer;
}

.meeting-materials-close svg[b-yj190om9m7] {
    width: 18px;
    height: 18px;
}

.meeting-materials-close:hover[b-yj190om9m7] {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
}

.meeting-materials-body[b-yj190om9m7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px 24px 16px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.meeting-materials-context[b-yj190om9m7] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: rgba(56, 79, 99, 0.035);
}

.meeting-materials-context-summary[b-yj190om9m7] {
    display: grid;
    gap: 8px;
    min-width: 0;
    align-content: start;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(56, 79, 99, 0.12);
}

.meeting-materials-title-row[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.meeting-materials-status[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
    text-transform: none;
}

.meeting-materials-status-pending[b-yj190om9m7] {
    background: rgba(158, 124, 247, 0.12);
    color: #6d50cf;
}

.meeting-materials-status-counter[b-yj190om9m7] {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}

.meeting-materials-status-success[b-yj190om9m7] {
    background: rgba(29, 139, 96, 0.12);
    color: #1d8b60;
}

.meeting-materials-status-danger[b-yj190om9m7] {
    background: rgba(239, 68, 68, 0.10);
    color: #b91c1c;
}

.meeting-materials-status-neutral[b-yj190om9m7] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.meeting-materials-context-title[b-yj190om9m7] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    line-height: 1.35;
    font-weight: 700;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.meeting-materials-context-grid[b-yj190om9m7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px 18px;
    margin: 0;
}

.meeting-materials-context-grid div[b-yj190om9m7] {
    min-width: 0;
}

.meeting-materials-context-grid dt[b-yj190om9m7] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
}

.meeting-materials-context-grid dd[b-yj190om9m7] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.meeting-materials-panel[b-yj190om9m7] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid rgba(223, 228, 234, 0.95);
    border-radius: var(--radius-card);
    background: #ffffff;
}

.meeting-materials-section-head[b-yj190om9m7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.meeting-materials-section-icon[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #6d50cf;
}

.meeting-materials-section-icon svg[b-yj190om9m7] {
    width: 18px;
    height: 18px;
}

.meeting-materials-note-list[b-yj190om9m7] {
    display: grid;
    gap: 10px;
    max-height: min(34vh, 260px);
    margin: 0;
    padding: 0 2px 2px 0;
    overflow-y: auto;
    list-style: none;
    scrollbar-gutter: stable;
}

.meeting-materials-note-row[b-yj190om9m7] {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.meeting-materials-note-header[b-yj190om9m7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.meeting-materials-note-meta[b-yj190om9m7] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.meeting-materials-note-meta span:first-child[b-yj190om9m7] {
    font-weight: 600;
    color: var(--color-text-primary);
}

.meeting-materials-note-edit[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 1px solid rgba(109, 80, 207, 0.18);
    border-radius: var(--radius-sm);
    background: #ffffff;
    color: #6d50cf;
    cursor: pointer;
}

.meeting-materials-note-edit:hover[b-yj190om9m7] {
    background: rgba(109, 80, 207, 0.08);
    border-color: rgba(109, 80, 207, 0.36);
}

.meeting-materials-note-edit:focus-visible[b-yj190om9m7] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.meeting-materials-note-edit-icon[b-yj190om9m7],
.meeting-materials-note-edit-icon svg[b-yj190om9m7] {
    width: 15px;
    height: 15px;
}

.meeting-materials-notes[b-yj190om9m7] {
    min-height: 92px;
    resize: vertical;
}

.meeting-materials-notes-display[b-yj190om9m7],
.meeting-materials-empty[b-yj190om9m7] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.meeting-materials-notes-display[b-yj190om9m7] {
    padding: 0;
    color: var(--color-text-primary);
}

.meeting-materials-action-row[b-yj190om9m7] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.meeting-materials-action[b-yj190om9m7] {
    width: auto;
    min-width: 118px;
    min-height: 36px;
    padding-inline: 16px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

.meeting-materials-disclosure[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 0;
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    text-align: left;
}

.meeting-materials-disclosure:hover[b-yj190om9m7] {
    color: var(--color-text-primary);
}

.meeting-materials-disclosure:focus-visible[b-yj190om9m7] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.meeting-materials-disclosure-icon[b-yj190om9m7],
.meeting-materials-disclosure-icon svg[b-yj190om9m7] {
    width: 18px;
    height: 18px;
}

.meeting-materials-disclosure-icon[b-yj190om9m7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.meeting-materials-upload[b-yj190om9m7] {
    display: grid;
    gap: 10px;
}

.meeting-materials-file-control[b-yj190om9m7] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    min-width: 0;
    padding: 5px 10px 5px 5px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.meeting-materials-file-control:focus-within[b-yj190om9m7] {
    border-color: var(--color-brand-500);
    box-shadow: 0 0 0 3px rgba(158, 124, 247, 0.14);
}

.meeting-materials-file-button[b-yj190om9m7] {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 5px 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.meeting-materials-file-summary[b-yj190om9m7] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meeting-materials-file-control[b-yj190om9m7]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.meeting-materials-selected-files[b-yj190om9m7],
.meeting-materials-attachment-list[b-yj190om9m7] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meeting-materials-selected-files li[b-yj190om9m7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
    font-size: 13px;
    color: var(--color-text-primary);
}

.meeting-materials-attachment-row[b-yj190om9m7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-2);
}

.meeting-materials-attachment-info[b-yj190om9m7] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.meeting-materials-attachment-title[b-yj190om9m7] {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.meeting-materials-attachment-meta[b-yj190om9m7] {
    font-size: 11px;
    line-height: 1.35;
    color: var(--color-text-muted);
}

.meeting-materials-attachment-owner[b-yj190om9m7] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.meeting-materials-attachment-document[b-yj190om9m7] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.meeting-materials-attachment-size[b-yj190om9m7] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--color-text-muted);
}

.meeting-materials-file-name[b-yj190om9m7] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.meeting-materials-selected-files span:not(.meeting-materials-file-name)[b-yj190om9m7] {
    flex: 0 0 auto;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.meeting-materials-download[b-yj190om9m7] {
    min-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

.meeting-materials-footer[b-yj190om9m7] {
    padding: 0 24px 24px;
    border-top: none;
}

@media (max-width: 640px) {
    .meeting-materials-modal[b-yj190om9m7] {
        max-width: 100%;
        max-height: calc(100vh - 20px);
    }

    .meeting-materials-header[b-yj190om9m7] {
        padding: 16px 18px 8px;
    }

    .meeting-materials-body[b-yj190om9m7] {
        padding: 12px 18px 16px;
    }

    .meeting-materials-note-list[b-yj190om9m7] {
        max-height: min(38vh, 240px);
    }

    .meeting-materials-footer[b-yj190om9m7] {
        padding: 0 18px 20px;
    }

    .meeting-materials-attachment-row[b-yj190om9m7] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .meeting-materials-attachment-document[b-yj190om9m7] {
        justify-content: space-between;
    }
}
/* /Components/CheckIns/ProposeAlternativeTimeModal.razor.rz.scp.css */
.propose-alternative-modal[b-6lce04e52d] {
    max-width: 600px;
}

.propose-alternative-modal .modal-body[b-6lce04e52d] {
    padding: 32px 28px 12px;
}

.propose-alternative-title[b-6lce04e52d] {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.propose-alternative-subtitle[b-6lce04e52d] {
    margin: 16px 0 22px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.propose-alternative-required-hint[b-6lce04e52d] {
    margin: 0 0 8px;
}

.propose-alternative-time-grid[b-6lce04e52d] {
    display: grid;
    grid-template-columns: 1fr 1fr 1.25fr;
    gap: 12px;
    margin-top: 12px;
}

.propose-alternative-validation[b-6lce04e52d] {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--color-danger);
}

.propose-alternative-footer[b-6lce04e52d] {
    padding: 12px 28px 28px;
    gap: 12px;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
}

.propose-alternative-action[b-6lce04e52d] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 36px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

@media (max-width: 640px) {
    .propose-alternative-modal .modal-body[b-6lce04e52d] {
        padding: 24px 18px 12px;
    }

    .propose-alternative-title[b-6lce04e52d] {
        font-size: 22px;
    }

    .propose-alternative-footer[b-6lce04e52d] {
        padding: 12px 18px 20px;
        gap: 10px;
    }

    .propose-alternative-time-grid[b-6lce04e52d] {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 10px;
    }
}
/* /Components/CheckIns/ScheduleTeamCheckInModal.razor.rz.scp.css */
.schedule-team-modal[b-jvys9uiw50] {
    max-width: 800px;
}

.schedule-team-modal .modal-body[b-jvys9uiw50] {
    padding: 28px 34px 12px;
}

.schedule-team-title[b-jvys9uiw50] {
    margin: 0;
    font-size: 24px;
    line-height: 1.15;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.schedule-team-subtitle[b-jvys9uiw50] {
    margin: 12px 0 22px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.schedule-team-required-hint[b-jvys9uiw50] {
    margin: 0 0 8px;
}

.schedule-team-empty[b-jvys9uiw50] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.schedule-team-member-list[b-jvys9uiw50] {
    display: grid;
    gap: 8px;
    max-height: 220px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    scrollbar-width: thin;
    scrollbar-color: var(--color-border-hover) transparent;
}

.schedule-team-member-list:focus[b-jvys9uiw50] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.schedule-team-member-row[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.schedule-team-member-row:hover[b-jvys9uiw50] {
    background: var(--color-surface-3);
}

.schedule-team-select-all-row[b-jvys9uiw50] {
    border-bottom: 1px solid var(--color-border);
    border-radius: 6px 6px 0 0;
    padding-bottom: 10px;
}

.schedule-team-select-all-row:hover[b-jvys9uiw50] {
    background: transparent;
}

.schedule-team-member-name[b-jvys9uiw50] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

.schedule-team-member-role[b-jvys9uiw50] {
    color: var(--color-text-secondary);
    font-size: 12px;
    white-space: nowrap;
}

.schedule-team-row-3col[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

.schedule-team-time-grid[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.schedule-team-notes[b-jvys9uiw50] {
    min-height: 96px;
    resize: vertical;
}

.schedule-team-file-control[b-jvys9uiw50] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.schedule-team-file-button[b-jvys9uiw50] {
    flex: 0 0 auto;
}

.schedule-team-file-control:focus-within .schedule-team-file-button[b-jvys9uiw50] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.schedule-team-file-summary[b-jvys9uiw50] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-team-file-control[b-jvys9uiw50]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.schedule-team-selected-files[b-jvys9uiw50] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.schedule-team-selected-files li[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
    font-size: 12px;
}

.schedule-team-selected-file-name[b-jvys9uiw50] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-primary);
}

.schedule-team-method-grid[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.schedule-team-suggestions[b-jvys9uiw50] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.schedule-team-suggestion[b-jvys9uiw50] {
    border: 1px solid var(--color-border);
    border-radius: 999px;
    background: var(--color-surface-2);
    color: var(--color-text-primary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    min-height: 28px;
    padding: 5px 10px;
    cursor: pointer;
}

.schedule-team-suggestion:hover[b-jvys9uiw50] {
    background: var(--color-surface-3);
    border-color: var(--color-border-hover);
}

.schedule-team-radio-row[b-jvys9uiw50] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--color-text-primary);
    cursor: pointer;
    padding: 8px 12px;
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border);
    background: var(--color-surface-2);
}

.schedule-team-radio-row:hover[b-jvys9uiw50] {
    background: var(--color-surface-3);
}

.schedule-team-frequency-list[b-jvys9uiw50] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.schedule-team-frequency-row[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border);
    background: var(--color-surface-2);
    cursor: pointer;
}

.schedule-team-frequency-row:hover[b-jvys9uiw50] {
    background: var(--color-surface-3);
}

.schedule-team-frequency-meta[b-jvys9uiw50] {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.schedule-team-banner[b-jvys9uiw50] {
    background: rgba(158, 124, 247, 0.08);
    border-radius: var(--radius-card);
    padding: 12px 14px;
    margin-top: 8px;
}

.schedule-team-banner p[b-jvys9uiw50] {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.schedule-team-validation[b-jvys9uiw50] {
    margin: 8px 0 0;
    font-size: 13px;
    color: var(--color-danger);
}

.schedule-team-footer[b-jvys9uiw50] {
    padding: 12px 34px 28px;
    gap: 12px;
    border-top: none;
    display: flex;
    flex-wrap: wrap;
}

.schedule-team-action[b-jvys9uiw50] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 36px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
}

/* Individual start times section (documented behavior) */
.schedule-team-individual-times[b-jvys9uiw50] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.schedule-team-individual-row[b-jvys9uiw50] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(88px, auto);
    align-items: center;
    gap: 12px;
}

.schedule-team-individual-name[b-jvys9uiw50] {
    font-weight: 500;
    color: var(--color-text-primary);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.schedule-team-individual-time[b-jvys9uiw50] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.schedule-team-individual-end[b-jvys9uiw50] {
    color: var(--color-text-secondary);
    font-size: 12px;
    text-align: right;
    white-space: nowrap;
}

/* Legacy end-date class names retained for source-shape compatibility. */
@media (max-width: 640px) {
    .schedule-team-modal .modal-body[b-jvys9uiw50] {
        padding: 24px 18px 12px;
    }

    .schedule-team-title[b-jvys9uiw50] {
        font-size: 22px;
    }

    .schedule-team-row-3col[b-jvys9uiw50],
    .schedule-team-method-grid[b-jvys9uiw50] {
        grid-template-columns: 1fr;
    }

    .schedule-team-individual-row[b-jvys9uiw50] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .schedule-team-individual-end[b-jvys9uiw50] {
        text-align: left;
    }

    .schedule-team-footer[b-jvys9uiw50] {
        padding: 12px 18px 20px;
        gap: 10px;
    }
}
/* /Components/CheckIns/ViewCompletedCheckInModal.razor.rz.scp.css */
.view-completed-modal[b-rua84d4v8a] {
    max-width: 480px;
    background: var(--color-surface-2);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-modal);
}

.view-completed-header[b-rua84d4v8a] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 8px;
}

.view-completed-icon[b-rua84d4v8a] {
    flex-shrink: 0;
}

.view-completed-icon-completed[b-rua84d4v8a] {
    color: #22c55e;
}

.view-completed-icon-declined[b-rua84d4v8a] {
    color: var(--color-danger);
}

.view-completed-title[b-rua84d4v8a] {
    flex: 1;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.view-completed-close[b-rua84d4v8a] {
    background: var(--color-surface-2);
    border: 1px solid rgba(158, 124, 247, 0.40);
    border-radius: var(--radius-sm);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    cursor: pointer;
    padding: 0;
}

.view-completed-close:hover[b-rua84d4v8a] {
    background: rgba(158, 124, 247, 0.05);
    color: var(--color-text-primary);
}

.view-completed-body[b-rua84d4v8a] {
    padding: 12px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.view-completed-block[b-rua84d4v8a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.view-completed-label[b-rua84d4v8a] {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.view-completed-value[b-rua84d4v8a] {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-primary);
    line-height: 1.4;
    word-break: break-word;
}

.view-completed-attachments[b-rua84d4v8a] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.view-completed-attachment-row[b-rua84d4v8a] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-2);
}

.view-completed-attachment-info[b-rua84d4v8a] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.view-completed-attachment-title[b-rua84d4v8a] {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.view-completed-attachment-meta[b-rua84d4v8a] {
    font-size: 11px;
    line-height: 1.35;
    color: var(--color-text-muted);
}

.view-completed-attachment-owner[b-rua84d4v8a] {
    font-size: 12px;
    line-height: 1.4;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.view-completed-attachment-document[b-rua84d4v8a] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.view-completed-attachment-size[b-rua84d4v8a] {
    flex: 0 0 auto;
    font-size: 12px;
    color: var(--color-text-muted);
}

.view-completed-attachment-download[b-rua84d4v8a] {
    min-height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 640px) {
    .view-completed-modal[b-rua84d4v8a] {
        max-width: 100%;
    }

    .view-completed-header[b-rua84d4v8a] {
        padding: 16px 18px 8px;
    }

    .view-completed-body[b-rua84d4v8a] {
        padding: 12px 18px 20px;
    }

    .view-completed-attachment-row[b-rua84d4v8a] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .view-completed-attachment-document[b-rua84d4v8a] {
        justify-content: space-between;
    }
}
/* /Components/CheckIns/ViewCompletedGroupCheckInModal.razor.rz.scp.css */
.view-completed-modal[b-1yr4jn440h] {
    max-width: 480px;
    background: var(--color-surface-2);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-modal);
}

.view-completed-header[b-1yr4jn440h] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 8px;
}

.view-completed-icon[b-1yr4jn440h] {
    flex-shrink: 0;
}

.view-completed-icon-completed[b-1yr4jn440h] {
    color: #22c55e;
}

.view-completed-title[b-1yr4jn440h] {
    flex: 1;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
}

.view-completed-close[b-1yr4jn440h] {
    background: var(--color-surface-2);
    border: 1px solid rgba(158, 124, 247, 0.40);
    border-radius: var(--radius-sm);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
    cursor: pointer;
    padding: 0;
}

.view-completed-close:hover[b-1yr4jn440h] {
    background: rgba(158, 124, 247, 0.05);
    color: var(--color-text-primary);
}

.view-completed-body[b-1yr4jn440h] {
    padding: 12px 24px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.view-completed-block[b-1yr4jn440h] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.view-completed-label[b-1yr4jn440h] {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.view-completed-value[b-1yr4jn440h] {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-primary);
    line-height: 1.4;
    word-break: break-word;
}

.view-completed-participants[b-1yr4jn440h] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.view-completed-participant[b-1yr4jn440h] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--color-surface-3, #f1f5f9);
    font-size: 12px;
    line-height: 1.2;
}

.view-completed-participant-name[b-1yr4jn440h] {
    font-weight: 600;
    color: var(--color-text-primary);
}

.view-completed-participant-status[b-1yr4jn440h] {
    font-weight: 500;
    color: var(--color-text-secondary);
}

.view-completed-participant-status.accepted[b-1yr4jn440h] {
    color: #166534;
}

.view-completed-participant-status.declined[b-1yr4jn440h] {
    color: #991b1b;
}

.view-completed-participant-status.pending[b-1yr4jn440h] {
    color: var(--color-text-muted);
}

@media (max-width: 640px) {
    .view-completed-modal[b-1yr4jn440h] {
        max-width: 100%;
    }

    .view-completed-header[b-1yr4jn440h] {
        padding: 16px 18px 8px;
    }

    .view-completed-body[b-1yr4jn440h] {
        padding: 12px 18px 20px;
    }
}
/* /Components/Dashboard/ActivityFeed.razor.rz.scp.css */
.recent-activity-card[b-h16qwuyrmg] {
    padding: 24px;
    margin-bottom: 0;
}

.activity-title[b-h16qwuyrmg] {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.activity-empty[b-h16qwuyrmg] {
    align-items: flex-start;
    min-height: 72px;
    margin: 0;
    padding: 0;
}

.recent-activity-list[b-h16qwuyrmg] {
    list-style: none;
    margin: 0;
    padding: 0 4px 0 0;
    max-height: 440px;
    overflow-y: auto;
}

.recent-activity-row[b-h16qwuyrmg] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 0 0 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-border);
}

.recent-activity-row-last[b-h16qwuyrmg] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.recent-activity-module-icon[b-h16qwuyrmg] {
    width: 24px;
    height: 24px;
    margin-top: 0;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brand-500);
}

.recent-activity-module-icon svg[b-h16qwuyrmg] {
    width: 22px;
    height: 22px;
    display: block;
}

.recent-activity-module-icon--neutral.recent-activity-module-icon--goals[b-h16qwuyrmg] {
    color: var(--color-text-muted);
}

.recent-activity-module-icon--neutral.recent-activity-module-icon--checkins[b-h16qwuyrmg] {
    color: var(--color-warning);
}

.recent-activity-module-icon--neutral.recent-activity-module-icon--recognition[b-h16qwuyrmg],
.recent-activity-module-icon--neutral.recent-activity-module-icon--kpis[b-h16qwuyrmg] {
    color: var(--color-brand-500);
}

.recent-activity-module-icon--neutral.recent-activity-module-icon--dashboard[b-h16qwuyrmg] {
    color: var(--color-text-muted);
}

.recent-activity-module-icon--positive[b-h16qwuyrmg] {
    color: var(--color-success);
}

.recent-activity-module-icon--negative[b-h16qwuyrmg] {
    color: var(--color-danger);
}

.recent-activity-content[b-h16qwuyrmg] {
    min-width: 0;
    flex: 1;
}

.recent-activity-text[b-h16qwuyrmg] {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text-primary);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.recent-activity-time[b-h16qwuyrmg] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.recognition-reward-chip[b-h16qwuyrmg] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    padding: 2px 8px;
    border-radius: 12px;
    background: var(--color-warning-tint);
    color: var(--color-warning-foreground);
    font-size: 0.85em;
    font-weight: 500;
}

.recognition-reward-icon[b-h16qwuyrmg] {
    width: 14px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-brand-500);
    flex-shrink: 0;
}

.recognition-reward-icon svg[b-h16qwuyrmg] {
    width: 100%;
    height: 100%;
    display: block;
}

@media (max-width: 900px) {
    .recent-activity-card[b-h16qwuyrmg] {
        padding: 20px;
    }
}

@media (max-width: 640px) {
    .recent-activity-card[b-h16qwuyrmg] {
        padding: 18px;
    }

    .recent-activity-row[b-h16qwuyrmg] {
        gap: 10px;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .recent-activity-text[b-h16qwuyrmg] {
        font-size: 15px;
    }
}
/* /Components/Dashboard/BusinessOwnerCard.razor.rz.scp.css */
.business-owner-card[b-qbbdy2eq0j] {
    margin-top: 0;
    padding: 16px;
    background: var(--color-surface-2);
    border-color: var(--color-border);
}

.business-owner-section-header[b-qbbdy2eq0j] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.business-owner-label[b-qbbdy2eq0j] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.business-owner-contact-list[b-qbbdy2eq0j] {
    display: flex;
    flex-direction: column;
}

.business-owner-contact[b-qbbdy2eq0j] {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
}

.business-owner-contact:first-child[b-qbbdy2eq0j] {
    padding-top: 0;
}

.business-owner-contact:last-child[b-qbbdy2eq0j] {
    padding-bottom: 0;
}

.business-owner-contact + .business-owner-contact[b-qbbdy2eq0j] {
    border-top: 1px solid rgba(31, 41, 55, 0.08);
}

.business-owner-name[b-qbbdy2eq0j] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.business-owner-title[b-qbbdy2eq0j] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.business-owner-contact-index[b-qbbdy2eq0j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(158, 124, 247, 0.12);
    color: var(--color-brand-700);
    font-size: 11px;
    font-weight: 700;
}

@media (max-width: 640px) {
    .business-owner-card[b-qbbdy2eq0j] {
        padding: 14px;
    }
}
/* /Components/Dashboard/QuickActionsCard.razor.rz.scp.css */
.quick-actions-card[b-ccm06fb62q] {
    max-width: 672px;
    padding: 16px;
    margin-bottom: 24px;
    background: rgba(114, 193, 249, 0.1);
    border-color: rgba(114, 193, 249, 0.25);
}

.quick-actions-title[b-ccm06fb62q] {
    margin: 0 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.quick-actions-grid[b-ccm06fb62q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.quick-action-btn[b-ccm06fb62q] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 46px;
    width: 100%;
    padding: 8px 12px;
    border-radius: var(--radius-card);
    border: 1px solid rgba(114, 193, 249, 0.3);
    background: rgba(114, 193, 249, 0.15);
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.quick-action-btn span[b-ccm06fb62q] {
    overflow-wrap: anywhere;
}

.quick-action-label-group[b-ccm06fb62q] {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.quick-action-permission[b-ccm06fb62q] {
    font-size: 11px;
    line-height: 1.1;
    color: var(--color-text-muted);
}

.quick-action-btn:not(.quick-action-btn-disabled):hover[b-ccm06fb62q] {
    background: rgba(114, 193, 249, 0.25);
    color: var(--color-text-primary);
}

.quick-action-btn-disabled[b-ccm06fb62q],
.quick-action-btn-disabled:hover[b-ccm06fb62q] {
    opacity: 0.5;
    cursor: not-allowed;
    background: rgba(114, 193, 249, 0.1);
}

.quick-action-btn-disabled svg[b-ccm06fb62q] {
    stroke: var(--color-text-muted);
}

.quick-action-icon[b-ccm06fb62q] {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

.quick-action-btn svg[b-ccm06fb62q] {
    width: 16px;
    height: 16px;
    stroke: #9e7cf7;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: block;
}

@media (max-width: 900px) {
    .quick-actions-card[b-ccm06fb62q] {
        width: 100%;
        max-width: none;
    }

    .quick-actions-grid[b-ccm06fb62q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .quick-action-btn[b-ccm06fb62q] {
        justify-content: center;
        padding: 10px 12px;
        line-height: 1.25;
        text-align: center;
    }
}

@media (max-width: 640px) {
    .quick-actions-grid[b-ccm06fb62q] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Dashboard/ReportingLineCard.razor.rz.scp.css */
.reporting-line-card[b-9429bvy5gy] {
    margin-top: 12px;
    padding: 16px;
    background: var(--color-surface);
}

.reporting-line-eyebrow[b-9429bvy5gy] {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.reporting-line-label[b-9429bvy5gy] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0;
}

.reporting-line-name[b-9429bvy5gy] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.reporting-line-manager-list[b-9429bvy5gy] {
    display: grid;
    gap: 8px;
}

.reporting-line-manager-row[b-9429bvy5gy] {
    min-width: 0;
}

.reporting-line-title[b-9429bvy5gy] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 640px) {
    .reporting-line-card[b-9429bvy5gy] {
        padding: 14px;
    }
}
/* /Components/Dashboard/TeamPerformanceSection.razor.rz.scp.css */
.team-performance-section[b-y7dglgn3ec] {
    margin: 0 0 24px;
}

.team-performance-title[b-y7dglgn3ec] {
    margin: 0 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text-primary);
}

.team-performance-title-icon[b-y7dglgn3ec] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 0;
}

.team-performance-title-icon svg[b-y7dglgn3ec] {
    width: 24px;
    height: 24px;
    stroke: #9e7cf7;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.team-performance-list[b-y7dglgn3ec] {
    display: grid;
    gap: 8px;
}

.team-performance-card[b-y7dglgn3ec] {
    padding: 12px 16px;
    min-height: auto;
}

.team-member-name[b-y7dglgn3ec] {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.team-member-meta[b-y7dglgn3ec] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 14px;
    color: var(--color-text-secondary);
    line-height: 1.3;
}

.team-member-meta strong[b-y7dglgn3ec] {
    font-weight: 600;
    color: var(--color-text-primary);
}

.team-performance-empty p[b-y7dglgn3ec] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.4;
}

.kpi-strong[b-y7dglgn3ec] {
    color: var(--color-success);
}

.kpi-watch[b-y7dglgn3ec] {
    color: var(--color-warning);
}

.kpi-risk[b-y7dglgn3ec] {
    color: var(--color-danger);
}

@media (max-width: 900px) {
    .team-performance-title[b-y7dglgn3ec] {
        font-size: 20px;
    }

    .team-member-meta[b-y7dglgn3ec] {
        gap: 10px 14px;
    }
}

@media (max-width: 640px) {
    .team-performance-title[b-y7dglgn3ec] {
        font-size: 18px;
        display: flex;
        align-items: flex-start;
    }

    .team-performance-card[b-y7dglgn3ec] {
        padding: 14px;
    }

    .team-member-meta[b-y7dglgn3ec] {
        flex-direction: column;
        gap: 6px;
    }
}
/* /Components/Goals/GoalAlert.razor.rz.scp.css */
.goal-alert[b-jgsaetmf4u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: var(--radius-card);
}

.goal-alert-success[b-jgsaetmf4u] {
    border-color: rgba(34, 197, 94, 0.28);
    background: rgba(34, 197, 94, 0.08);
    color: #166534;
}

.goal-alert-info[b-jgsaetmf4u] {
    border-color: rgba(59, 130, 246, 0.28);
    background: rgba(59, 130, 246, 0.08);
    color: #1d4ed8;
}

.goal-alert-warning[b-jgsaetmf4u] {
    border-color: rgba(245, 158, 11, 0.32);
    background: rgba(245, 158, 11, 0.10);
    color: #92400e;
}

.goal-alert-error[b-jgsaetmf4u] {
    border-color: rgba(239, 68, 68, 0.28);
    background: rgba(239, 68, 68, 0.08);
    color: #b91c1c;
}

.goal-alert-message[b-jgsaetmf4u] {
    font-size: 13px;
    line-height: 1.5;
}

.goal-alert-dismiss[b-jgsaetmf4u] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.goal-alert-dismiss:hover[b-jgsaetmf4u] {
    background: rgba(56, 79, 99, 0.08);
}

.goal-alert-dismiss svg[b-jgsaetmf4u] {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}
/* /Components/Goals/GoalDetailModal.razor.rz.scp.css */
.goal-detail-modal[b-0xhe0jezs4] {
    max-width: 672px;
}

.goal-detail-modal-title-sr[b-0xhe0jezs4] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.goal-detail-header[b-0xhe0jezs4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid var(--color-border);
}

.goal-detail-title-row[b-0xhe0jezs4] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
    flex-wrap: wrap;
}

.goal-detail-status-badge[b-0xhe0jezs4] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.goal-detail-status-badge.goal-detail-status-ontrack[b-0xhe0jezs4] {
    color: var(--color-success);
    background: var(--color-success-tint);
}

.goal-detail-status-badge.goal-detail-status-complete[b-0xhe0jezs4] {
    color: var(--color-success);
    background: var(--color-success-tint);
}

.goal-detail-status-badge.goal-detail-status-danger[b-0xhe0jezs4] {
    color: var(--color-danger);
    background: var(--color-danger-tint);
}

.goal-detail-status-badge.goal-detail-status-pending[b-0xhe0jezs4] {
    color: var(--color-info);
    background: rgba(59, 130, 246, 0.10);
}

.goal-detail-status-badge.goal-detail-status-warning[b-0xhe0jezs4] {
    color: var(--color-warning-foreground);
    background: var(--color-warning-tint);
}

.goal-detail-status-badge.goal-detail-status-archived[b-0xhe0jezs4] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
}

.goal-detail-title[b-0xhe0jezs4] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: var(--color-text-primary);
    min-width: 0;
    overflow-wrap: anywhere;
}

.goal-detail-title-edit-field[b-0xhe0jezs4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    flex: 1;
}

.goal-detail-title-error[b-0xhe0jezs4] {
    padding: 0 24px;
}

.goal-detail-edit-trigger[b-0xhe0jezs4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

.goal-detail-edit-trigger:hover[b-0xhe0jezs4] {
    color: var(--color-brand-500);
    background: rgba(56, 79, 99, 0.06);
}

.goal-detail-edit-icon[b-0xhe0jezs4] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.goal-detail-body[b-0xhe0jezs4] {
    display: grid;
    gap: 24px;
    padding: 16px 24px 24px;
}

.goal-detail-section[b-0xhe0jezs4] {
    display: grid;
    gap: 8px;
}

.goal-detail-label[b-0xhe0jezs4] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.goal-detail-type-row[b-0xhe0jezs4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.goal-detail-type-icon[b-0xhe0jezs4] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9e7cf7;
}

.goal-detail-type-icon svg[b-0xhe0jezs4] {
    width: 100%;
    height: 100%;
}

.goal-detail-type-value[b-0xhe0jezs4],
.goal-detail-copy[b-0xhe0jezs4] {
    margin: 0;
    font-size: 16px;
    color: var(--color-text-primary);
}

.goal-detail-date-grid[b-0xhe0jezs4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
}

.goal-detail-submission-grid[b-0xhe0jezs4] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 28px;
}

.goal-detail-description[b-0xhe0jezs4],
.goal-detail-update-notes[b-0xhe0jezs4] {
    min-height: 64px;
}

.goal-detail-progress-row[b-0xhe0jezs4] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-container {
    flex: 1;
    height: 10px;
    background: var(--color-surface-4);
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-track {
    background: var(--color-success);
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-warning {
    background: var(--color-warning);
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-danger {
    background: var(--color-danger);
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-success {
    background: var(--color-success);
}

.goal-detail-progress-input[b-0xhe0jezs4] {
    width: 80px;
    text-align: center;
}

.goal-detail-progress-input-field[b-0xhe0jezs4] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
}

.goal-detail-progress-value[b-0xhe0jezs4] {
    min-width: 50px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.goal-detail-update-box[b-0xhe0jezs4] {
    margin-top: 16px;
    display: grid;
    gap: 8px;
}

.goal-detail-update-actions[b-0xhe0jezs4] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.goal-detail-history[b-0xhe0jezs4] {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 160px;
    overflow-y: auto;
    display: grid;
    gap: 8px;
}

.goal-detail-history-row[b-0xhe0jezs4] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--color-surface-2);
    display: grid;
    gap: 4px;
}

.goal-detail-history-meta[b-0xhe0jezs4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.goal-detail-history-date[b-0xhe0jezs4] {
    font-weight: 500;
}

.goal-detail-history-delta[b-0xhe0jezs4] {
    font-weight: 600;
    color: var(--color-brand-600);
    white-space: nowrap;
}

.goal-detail-history-notes[b-0xhe0jezs4] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.goal-detail-close[b-0xhe0jezs4] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--color-text-muted);
}

.goal-detail-close:hover[b-0xhe0jezs4] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.goal-detail-close-icon[b-0xhe0jezs4] {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.goal-detail-close-icon svg[b-0xhe0jezs4] {
    width: 100%;
    height: 100%;
}

.goal-detail-archive-btn[b-0xhe0jezs4] {
    background: #ffffff;
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

.goal-detail-archive-btn:hover[b-0xhe0jezs4] {
    background: rgba(56, 79, 99, 0.04);
    border-color: var(--color-border-hover);
    color: var(--color-text-primary);
}

.goal-detail-archive-btn .action-btn-icon[b-0xhe0jezs4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.goal-detail-archive-btn .action-btn-icon svg[b-0xhe0jezs4] {
    width: 14px;
    height: 14px;
}

.goal-detail-footer-right[b-0xhe0jezs4] {
    display: flex;
    gap: 12px;
    margin-left: auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.archive-confirm-box[b-0xhe0jezs4] {
    width: 100%;
    display: grid;
    gap: 12px;
}

.archive-confirm-message[b-0xhe0jezs4] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-primary);
}

.archive-confirm-actions[b-0xhe0jezs4] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.goal-detail-restore-btn[b-0xhe0jezs4] {
    background: #ffffff;
    border-color: var(--color-border);
    color: var(--color-text-secondary);
}

.goal-detail-restore-btn:hover[b-0xhe0jezs4] {
    background: rgba(56, 79, 99, 0.04);
    border-color: var(--color-border-hover);
    color: var(--color-text-primary);
}

.goal-detail-restore-btn .action-btn-icon[b-0xhe0jezs4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
}

.goal-detail-restore-btn .action-btn-icon svg[b-0xhe0jezs4] {
    width: 14px;
    height: 14px;
}

.goal-detail-progress-row[b-0xhe0jezs4]  .progress-muted {
    background: #9ca3af;
}

.goal-edit-diff[b-0xhe0jezs4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 16px;
}

.goal-edit-diff-header[b-0xhe0jezs4] {
    display: contents;
}

.goal-edit-diff-col-header[b-0xhe0jezs4] {
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 12px;
}

.goal-edit-diff-row[b-0xhe0jezs4] {
    display: contents;
}

.goal-edit-diff-col[b-0xhe0jezs4] {
    padding: 12px;
    border-radius: 4px;
    display: grid;
    gap: 4px;
}

.goal-edit-diff-col--current[b-0xhe0jezs4] {
    background: var(--color-surface-3, #f3f4f6);
    color: var(--color-text-secondary);
}

.goal-edit-diff-col--proposed[b-0xhe0jezs4] {
    background: var(--color-surface-2, #f9fafb);
    color: var(--color-text-primary);
}

.goal-edit-diff-reason[b-0xhe0jezs4] {
    grid-column: 1 / -1;
    padding: 8px 12px;
    display: grid;
    gap: 4px;
}

.reject-edit-inline[b-0xhe0jezs4] {
    width: 100%;
    display: grid;
    gap: 12px;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border, #e5e7eb);
}

.reject-edit-actions[b-0xhe0jezs4] {
    display: flex;
    gap: 12px;
}

@media (max-width: 760px) {
    .goal-detail-submission-grid[b-0xhe0jezs4],
    .goal-detail-date-grid[b-0xhe0jezs4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .goal-detail-progress-row[b-0xhe0jezs4] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .goal-detail-progress-input[b-0xhe0jezs4],
    .goal-detail-progress-value[b-0xhe0jezs4] {
        width: 100%;
        text-align: left;
    }
}

.goal-detail-required-hint[b-0xhe0jezs4] {
    margin: 0 0 8px;
}
/* /Components/Goals/NewGoalModal.razor.rz.scp.css */
.new-goal-modal[b-ygrra5z4x6] {
    max-width: 620px;
}

.new-goal-description[b-ygrra5z4x6] {
    min-height: 130px;
}

.goal-type-row[b-ygrra5z4x6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.goal-type-option[b-ygrra5z4x6] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 44px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-3);
    padding: 0 12px;
    cursor: pointer;
}

.goal-type-option span[b-ygrra5z4x6] {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-primary);
}

.goal-type-option-disabled[b-ygrra5z4x6] {
    background: var(--color-surface-4);
    border-color: var(--color-border);
    cursor: not-allowed;
    opacity: 0.58;
}

.goal-type-option-disabled span[b-ygrra5z4x6] {
    color: var(--color-text-secondary);
}

.goal-type-option-disabled input[b-ygrra5z4x6] {
    cursor: not-allowed;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.new-goal-close[b-ygrra5z4x6] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.new-goal-close:hover[b-ygrra5z4x6] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.new-goal-close-icon[b-ygrra5z4x6] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.new-goal-close-icon svg[b-ygrra5z4x6] {
    width: 100%;
    height: 100%;
}

.approval-hint[b-ygrra5z4x6] {
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.1);
    border-radius: var(--radius-card);
    padding: 14px 16px;
}

.approval-hint-title[b-ygrra5z4x6] {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 600;
    color: #b45309;
}

.approval-hint-text[b-ygrra5z4x6] {
    margin: 0;
    color: #92400e;
    font-size: 13px;
    line-height: 1.5;
}

.approval-hint-danger[b-ygrra5z4x6] {
    border-color: rgba(239, 68, 68, 0.35);
    background: #fef2f2;
}

.approval-hint-danger .approval-hint-title[b-ygrra5z4x6] {
    color: #dc2626;
}

@media (max-width: 640px) {
    .goal-type-row[b-ygrra5z4x6] {
        grid-template-columns: 1fr;
    }
}

.new-goal-required-hint[b-ygrra5z4x6] {
    margin: 0 0 8px;
}

.approval-hint + .new-goal-required-hint[b-ygrra5z4x6] {
    margin-top: 12px;
}
/* /Components/Goals/ProgressBar.razor.rz.scp.css */
.progress-container[b-y58scrlnd3] {
    height: 8px;
    width: 100%;
    border-radius: 999px;
    background: var(--color-surface-4);
    overflow: hidden;
}

.progress-fill[b-y58scrlnd3] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.25s ease;
}

.progress-track[b-y58scrlnd3] {
    background: var(--color-success);
}

.progress-success[b-y58scrlnd3] {
    background: var(--color-success);
}

.progress-warning[b-y58scrlnd3] {
    background: var(--color-warning);
}

.progress-danger[b-y58scrlnd3] {
    background: var(--color-danger);
}

.progress-muted[b-y58scrlnd3] {
    background: #9ca3af;
}
/* /Components/Goals/RejectCompletionModal.razor.rz.scp.css */
.reject-completion-modal[b-olfcnvpur2] {
    max-width: 520px;
}

.reject-completion-body[b-olfcnvpur2] {
    padding: 28px;
}

.reject-completion-title[b-olfcnvpur2] {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.reject-completion-subtitle[b-olfcnvpur2] {
    font-size: 14px;
    color: var(--color-text-secondary);
    margin: 0 0 16px;
}

.reject-comment-input[b-olfcnvpur2] {
    min-height: 80px;
    resize: vertical;
}

.reject-actions[b-olfcnvpur2] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
}

.reject-completion-required-hint[b-olfcnvpur2] {
    margin: 0 0 8px;
}
/* /Components/Goals/RequestChangesModal.razor.rz.scp.css */
.request-changes-modal[b-9jo4ewy107] {
    max-width: 540px;
}

.request-changes-body[b-9jo4ewy107] {
    padding: 28px;
}

.request-changes-title[b-9jo4ewy107] {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}

.request-changes-subtitle[b-9jo4ewy107] {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text-secondary);
}

.request-feedback-input[b-9jo4ewy107] {
    min-height: 140px;
}

.request-feedback-validation[b-9jo4ewy107] {
    margin: 8px 0 0;
    font-size: 12px;
    color: #b45309;
}

.request-changes-actions[b-9jo4ewy107] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.request-changes-required-hint[b-9jo4ewy107] {
    margin: 0 0 8px;
}
/* /Components/Goals/ResubmitGoalModal.razor.rz.scp.css */
.resubmit-goal-modal[b-nuuxt3rgh7] {
    max-width: 620px;
}

.resubmit-goal-body[b-nuuxt3rgh7] {
    padding: 28px;
}

.resubmit-goal-title[b-nuuxt3rgh7] {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}

.resubmit-subtitle[b-nuuxt3rgh7] {
    margin: 0 0 18px;
    font-size: 13px;
    line-height: 1.6;
    color: var(--color-text-secondary);
}

.feedback-box[b-nuuxt3rgh7] {
    margin-bottom: 16px;
    border: 1px solid rgba(245, 158, 11, 0.25);
    background: rgba(245, 158, 11, 0.08);
    border-radius: var(--radius-card);
    padding: 14px 16px;
}

.feedback-title[b-nuuxt3rgh7] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #b45309;
}

.feedback-text[b-nuuxt3rgh7] {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #92400e;
}

.resubmit-description[b-nuuxt3rgh7] {
    min-height: 120px;
}

.resubmit-actions[b-nuuxt3rgh7] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.resubmit-goal-required-hint[b-nuuxt3rgh7] {
    margin: 0 0 8px;
}
/* /Components/KpiReviews/AcceptReviewModal.razor.rz.scp.css */
/* AcceptReviewModal scoped CSS — Tripwire #12: 0 inline hex literals; tokens only. */

.accept-review-modal[b-jsz2gwi7d4] {
    width: min(560px, 96vw);
}

/* (UAT round-5 close-X too large): mirror GoalDetailModal pattern. */
.accept-review-close[b-jsz2gwi7d4] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.accept-review-close:hover[b-jsz2gwi7d4] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.accept-review-close-icon[b-jsz2gwi7d4] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.accept-review-close-icon svg[b-jsz2gwi7d4] {
    width: 100%;
    height: 100%;
}

.accept-review-header[b-jsz2gwi7d4] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.accept-review-subtitle[b-jsz2gwi7d4] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.accept-review-summary[b-jsz2gwi7d4] {
    background: var(--color-surface-3);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.accept-review-summary-row[b-jsz2gwi7d4] {
    margin: 4px 0;
    font-size: 13px;
    color: var(--color-text-primary);
}

.accept-review-summary-label[b-jsz2gwi7d4] {
    color: var(--color-text-secondary);
    margin-right: 4px;
    font-weight: 600;
}

.accept-review-toggle[b-jsz2gwi7d4] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.accept-review-radio-option[b-jsz2gwi7d4] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.accept-review-label[b-jsz2gwi7d4] {
    display: block;
}

.accept-review-date-input[b-jsz2gwi7d4] {
    margin-bottom: 8px;
}

.accept-review-time-row[b-jsz2gwi7d4] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.accept-review-notes[b-jsz2gwi7d4] {
    min-height: 96px;
    resize: vertical;
}
/* /Components/KpiReviews/CompleteReviewModal.razor.rz.scp.css */
/* CompleteReviewModal scoped CSS — Tripwire #12: 0 inline hex literals; tokens only. */

.complete-review-modal[b-mnwsqi78kv] {
    width: min(640px, 96vw);
    max-height: 90vh;
    overflow-y: auto;
}

/* (UAT round-5 close-X too large): mirror GoalDetailModal pattern. */
.complete-review-close[b-mnwsqi78kv] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.complete-review-close:hover[b-mnwsqi78kv] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.complete-review-close-icon[b-mnwsqi78kv] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.complete-review-close-icon svg[b-mnwsqi78kv] {
    width: 100%;
    height: 100%;
}

.complete-review-header[b-mnwsqi78kv] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.complete-review-subtitle[b-mnwsqi78kv] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.complete-review-label[b-mnwsqi78kv] {
    display: block;
}

.complete-review-required-hint[b-mnwsqi78kv] {
    margin-top: 12px;
}

.complete-review-textarea[b-mnwsqi78kv] {
    min-height: 80px;
    resize: vertical;
}

.complete-review-evidence-group[b-mnwsqi78kv] {
    border-top: 1px solid var(--color-border);
    padding-top: 16px;
    margin-top: 8px;
}

.complete-review-evidence-row[b-mnwsqi78kv] {
    display: flex;
    gap: 8px;
    align-items: center;
}

.complete-review-evidence-input[b-mnwsqi78kv] {
    flex: 1 1 auto;
}

.complete-review-evidence-list[b-mnwsqi78kv] {
    list-style: none;
    margin: 8px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.complete-review-evidence-item[b-mnwsqi78kv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: var(--color-surface-3);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 13px;
    color: var(--color-text-primary);
}
/* /Components/KpiReviews/ReviewMaterialsModal.razor.rz.scp.css */
.review-materials-modal[b-rsvir916ct] {
    display: flex;
    flex-direction: column;
    width: min(760px, 96vw);
    max-width: 760px;
    max-height: calc(100vh - 32px);
    overflow: hidden;
}

.review-materials-header[b-rsvir916ct] {
    align-items: flex-start;
    gap: 16px;
}

.review-materials-header-copy[b-rsvir916ct] {
    min-width: 0;
}

.review-materials-title[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

.review-materials-subtitle[b-rsvir916ct] {
    margin: 3px 0 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.review-materials-close[b-rsvir916ct] {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    padding: 0;
    box-shadow: none;
}

.review-materials-close-icon[b-rsvir916ct],
.review-materials-section-icon[b-rsvir916ct],
.review-materials-empty-icon[b-rsvir916ct] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.review-materials-close-icon[b-rsvir916ct],
.review-materials-close-icon[b-rsvir916ct]  svg {
    width: 18px;
    height: 18px;
}

.review-materials-body[b-rsvir916ct] {
    display: grid;
    gap: 14px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.review-materials-context[b-rsvir916ct] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: rgba(56, 79, 99, 0.035);
}

.review-materials-context-summary[b-rsvir916ct] {
    display: grid;
    gap: 8px;
    min-width: 0;
    align-content: start;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(56, 79, 99, 0.12);
}

.review-materials-title-row[b-rsvir916ct] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.kpi-review-badge[b-rsvir916ct] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kpi-review-badge-proposed[b-rsvir916ct] {
    color: var(--color-info);
    background: rgba(59, 130, 246, 0.12);
}

.kpi-review-badge-counterpending[b-rsvir916ct] {
    color: var(--color-warning);
    background: rgba(245, 158, 11, 0.14);
}

.kpi-review-badge-accepted[b-rsvir916ct] {
    color: var(--color-success);
    background: rgba(34, 165, 91, 0.14);
}

.kpi-review-badge-complete[b-rsvir916ct] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
}

.review-materials-title-row h3[b-rsvir916ct] {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.review-materials-title-row .kpi-review-badge[b-rsvir916ct] {
    flex: 0 0 auto;
    margin-left: auto;
}

.review-materials-context-grid[b-rsvir916ct] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 18px;
    margin: 0;
}

.review-materials-context-grid div[b-rsvir916ct] {
    min-width: 0;
}

.review-materials-context-grid dt[b-rsvir916ct] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.review-materials-context-grid dd[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.review-materials-panel[b-rsvir916ct] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-2);
}

.review-materials-response[b-rsvir916ct] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-2);
}

.review-materials-response-copy[b-rsvir916ct] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.review-materials-response-copy h4[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.review-materials-response-copy p[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.review-materials-response-actions[b-rsvir916ct] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.review-materials-kpi-list[b-rsvir916ct],
.review-materials-outcome-list[b-rsvir916ct] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.review-materials-kpi-row[b-rsvir916ct] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.review-materials-kpi-info[b-rsvir916ct] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.review-materials-kpi-title[b-rsvir916ct] {
    min-width: 0;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.review-materials-kpi-meta[b-rsvir916ct] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 10px;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.review-materials-kpi-measure[b-rsvir916ct],
.review-materials-muted[b-rsvir916ct],
.review-materials-note p[b-rsvir916ct],
.review-materials-outcome-item p[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.review-materials-kpi-score[b-rsvir916ct] {
    display: grid;
    justify-items: end;
    gap: 2px;
    min-width: 72px;
}

.review-materials-kpi-score-value[b-rsvir916ct] {
    color: var(--color-text-primary);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.15;
}

.review-materials-kpi-score-label[b-rsvir916ct] {
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.2;
}

.review-materials-note[b-rsvir916ct] {
    display: grid;
    gap: 7px;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.review-materials-note-meta[b-rsvir916ct] {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.review-materials-note-meta span:first-child[b-rsvir916ct] {
    color: var(--color-text-primary);
    font-weight: 600;
}

.review-materials-detail-list[b-rsvir916ct] {
    display: grid;
    gap: 10px;
    margin: 0;
}

.review-materials-detail-list div[b-rsvir916ct] {
    min-width: 0;
}

.review-materials-detail-list dt[b-rsvir916ct] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.review-materials-detail-list dd[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.review-materials-outcome-list[b-rsvir916ct] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.review-materials-outcome-item[b-rsvir916ct] {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.review-materials-outcome-item h4[b-rsvir916ct] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0;
}

.review-materials-section-head[b-rsvir916ct] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.review-materials-section-icon[b-rsvir916ct] {
    width: 22px;
    height: 22px;
    color: var(--color-text-secondary);
}

.review-materials-section-icon[b-rsvir916ct]  svg {
    width: 18px;
    height: 18px;
}

.review-materials-section-title[b-rsvir916ct] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    line-height: 1.25;
    text-transform: uppercase;
}

.review-materials-count-chip[b-rsvir916ct] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-left: auto;
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.review-materials-files-body[b-rsvir916ct],
.review-materials-upload-inline[b-rsvir916ct] {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.review-materials-upload-inline[b-rsvir916ct] {
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.review-materials-file-control[b-rsvir916ct] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    min-width: 0;
    padding: 5px 10px 5px 5px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.review-materials-file-control:focus-within[b-rsvir916ct] {
    border-color: var(--color-brand-500);
    box-shadow: 0 0 0 3px rgba(158, 124, 247, 0.14);
}

.review-materials-file-button[b-rsvir916ct] {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 5px 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.review-materials-file-control:focus-within .review-materials-file-button[b-rsvir916ct] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.review-materials-file-control[b-rsvir916ct]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.review-materials-file-summary[b-rsvir916ct] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-materials-selected-files[b-rsvir916ct],
.review-materials-list[b-rsvir916ct] {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.review-materials-selected-files li[b-rsvir916ct],
.review-materials-row[b-rsvir916ct] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
    color: var(--color-text-secondary);
    font-size: 13px;
}

.review-materials-info[b-rsvir916ct] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.review-materials-file-name[b-rsvir916ct],
.review-materials-file-title[b-rsvir916ct] {
    min-width: 0;
    color: var(--color-text-primary);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.review-materials-meta[b-rsvir916ct] {
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.review-materials-actions[b-rsvir916ct],
.review-materials-action-row[b-rsvir916ct] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.review-materials-empty[b-rsvir916ct] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 10px;
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.025);
    color: var(--color-text-secondary);
    font-size: 13px;
}

.review-materials-empty-icon[b-rsvir916ct],
.review-materials-empty-icon[b-rsvir916ct]  svg {
    width: 18px;
    height: 18px;
}

.review-materials-footer[b-rsvir916ct] {
    flex: 0 0 auto;
}

@media (max-width: 640px) {
    .review-materials-modal[b-rsvir916ct] {
        max-width: none;
        max-height: calc(100dvh - 24px);
    }

    .review-materials-context[b-rsvir916ct],
    .review-materials-context-grid[b-rsvir916ct],
    .review-materials-response[b-rsvir916ct],
    .review-materials-kpi-row[b-rsvir916ct],
    .review-materials-outcome-list[b-rsvir916ct],
    .review-materials-selected-files li[b-rsvir916ct],
    .review-materials-row[b-rsvir916ct] {
        grid-template-columns: 1fr;
    }

    .review-materials-kpi-score[b-rsvir916ct] {
        justify-items: start;
        min-width: 0;
    }

    .review-materials-actions[b-rsvir916ct],
    .review-materials-response-actions[b-rsvir916ct],
    .review-materials-action-row[b-rsvir916ct] {
        justify-content: stretch;
    }

    .review-materials-actions .btn[b-rsvir916ct],
    .review-materials-response-actions .btn[b-rsvir916ct],
    .review-materials-action-row .btn[b-rsvir916ct] {
        width: 100%;
    }
}
/* /Components/Kpis/ArchiveKpiModal.razor.rz.scp.css */
.archive-kpi-modal[b-hxp5xxshtz] {
    max-width: 480px;
    width: 100%;
}

.archive-kpi-header[b-hxp5xxshtz] {
    align-items: flex-start;
}

.archive-kpi-subtitle[b-hxp5xxshtz] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.archive-kpi-close[b-hxp5xxshtz] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.archive-kpi-close-icon[b-hxp5xxshtz] {
    width: 18px;
    height: 18px;
    line-height: 0;
}

/* Summary tile — pinned KPI + Owner + Final score before the optional reason
   field. Mirrors the Check-ins meta-strip tone (label + value) so users see a
   familiar visual grammar before the destructive submit. */
.archive-kpi-summary[b-hxp5xxshtz] {
    margin: 12px 0 16px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.archive-kpi-summary-line[b-hxp5xxshtz] {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 13px;
    line-height: 1.5;
}

.archive-kpi-summary-label[b-hxp5xxshtz] {
    color: var(--color-text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.archive-kpi-summary-value[b-hxp5xxshtz] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.archive-kpi-reason[b-hxp5xxshtz] {
    min-height: 80px;
    resize: vertical;
}

.archive-kpi-reason-counter[b-hxp5xxshtz] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-text-muted);
    text-align: right;
}
/* /Components/Kpis/FlagReviewModal.razor.rz.scp.css */
.flag-review-modal[b-wyn0tmzfeq] {
    width: min(560px, 96vw);
}

.flag-review-header[b-wyn0tmzfeq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
}

.flag-review-subtitle[b-wyn0tmzfeq] {
    margin: 4px 0 0 0;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.flag-review-label[b-wyn0tmzfeq] {
    display: block;
}

.flag-review-selected-count[b-wyn0tmzfeq] {
    float: right;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.flag-review-kpi-list[b-wyn0tmzfeq] {
    display: grid;
    gap: 8px;
    max-height: 220px;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    scrollbar-width: thin;
    scrollbar-color: var(--color-border-hover) transparent;
}

.flag-review-kpi-list:focus[b-wyn0tmzfeq] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.flag-review-kpi-list-error[b-wyn0tmzfeq] {
    border-color: var(--color-danger);
}

.flag-review-kpi-row[b-wyn0tmzfeq] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 36px;
    padding: 6px 8px;
    border-radius: 6px;
    color: var(--color-text-primary);
    cursor: pointer;
}

.flag-review-kpi-row:hover[b-wyn0tmzfeq] {
    background: var(--color-surface-3);
}

.flag-review-select-all-row[b-wyn0tmzfeq] {
    border-bottom: 1px solid var(--color-border);
    border-radius: 6px 6px 0 0;
    padding-bottom: 10px;
}

.flag-review-select-all-row:hover[b-wyn0tmzfeq] {
    background: transparent;
}

.flag-review-kpi-name[b-wyn0tmzfeq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 600;
}

.flag-review-kpi-meta[b-wyn0tmzfeq] {
    color: var(--color-text-secondary);
    font-size: 12px;
    white-space: nowrap;
}

.flag-review-required-hint[b-wyn0tmzfeq] {
    margin-top: 12px;
}

.flag-review-date-input[b-wyn0tmzfeq] {
    margin-bottom: 8px;
}

.flag-review-time-row[b-wyn0tmzfeq] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
}

.flag-review-notes[b-wyn0tmzfeq] {
    min-height: 96px;
    resize: vertical;
}

.flag-review-file-control[b-wyn0tmzfeq] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.flag-review-file-button[b-wyn0tmzfeq] {
    flex: 0 0 auto;
}

.flag-review-file-control:focus-within .flag-review-file-button[b-wyn0tmzfeq] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.flag-review-file-control[b-wyn0tmzfeq]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.flag-review-file-summary[b-wyn0tmzfeq] {
    min-width: 0;
    font-size: 13px;
    color: var(--color-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.flag-review-selected-files[b-wyn0tmzfeq] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
}

.flag-review-selected-files li[b-wyn0tmzfeq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 12px;
    color: var(--color-text-secondary);
}

.flag-review-selected-file-name[b-wyn0tmzfeq] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-primary);
}

.flag-review-close[b-wyn0tmzfeq] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.flag-review-close:hover[b-wyn0tmzfeq] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.flag-review-close-icon[b-wyn0tmzfeq] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.flag-review-close-icon svg[b-wyn0tmzfeq] {
    width: 100%;
    height: 100%;
}
/* /Components/Kpis/KpiDefinitionImportModal.razor.rz.scp.css */
[b-mygtdmaf3j] .kpi-import-modal {
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}

[b-mygtdmaf3j] .kpi-import-footer {
    align-items: center;
}

.kpi-import-live-status[b-mygtdmaf3j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.kpi-import-stepper[b-mygtdmaf3j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.kpi-import-step-button[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.kpi-import-step-button:disabled[b-mygtdmaf3j] {
    cursor: not-allowed;
    opacity: 0.62;
}

.kpi-import-step-button.is-active[b-mygtdmaf3j] {
    border-color: var(--color-brand-border);
    background: var(--color-brand-tint);
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-import-step-button.is-complete[b-mygtdmaf3j] {
    border-color: var(--color-success-border);
    color: var(--color-text-primary);
}

.kpi-import-step-number[b-mygtdmaf3j] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    flex: 0 0 auto;
}

.kpi-import-step-button.is-active .kpi-import-step-number[b-mygtdmaf3j] {
    background: var(--color-brand-600);
    color: #fff;
}

.kpi-import-step-button.is-complete .kpi-import-step-number[b-mygtdmaf3j] {
    background: var(--color-success-tint);
    color: var(--color-success);
}

.kpi-import-step-progress[b-mygtdmaf3j] {
    margin: 0 0 14px;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.kpi-import-step-panel[b-mygtdmaf3j] {
    display: grid;
    gap: 14px;
}

.kpi-import-step-title[b-mygtdmaf3j] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 700;
}

.kpi-import-step-title:focus[b-mygtdmaf3j],
.kpi-import-summary:focus[b-mygtdmaf3j],
.kpi-import-repair-panel:focus[b-mygtdmaf3j],
.kpi-import-mapping-prompt:focus[b-mygtdmaf3j],
.kpi-import-table-wrap:focus[b-mygtdmaf3j] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 3px;
}

.kpi-import-step-button:focus-visible[b-mygtdmaf3j],
.kpi-import-owner-option:focus-within[b-mygtdmaf3j],
.kpi-import-mapping summary:focus-visible[b-mygtdmaf3j],
.kpi-import-more-options summary:focus-visible[b-mygtdmaf3j] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 3px;
}

.kpi-import-step-copy[b-mygtdmaf3j] {
    margin: -6px 0 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-import-scope-summary[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
}

.kpi-import-scope-summary p[b-mygtdmaf3j],
.kpi-import-scope-summary span[b-mygtdmaf3j],
.kpi-import-secondary-download p[b-mygtdmaf3j],
.kpi-import-system-note p[b-mygtdmaf3j],
.kpi-import-scope-change-note p[b-mygtdmaf3j],
.kpi-import-validation-status p[b-mygtdmaf3j],
.kpi-import-repair-panel p[b-mygtdmaf3j],
.kpi-import-no-change-panel p[b-mygtdmaf3j],
.kpi-import-mapping-prompt p[b-mygtdmaf3j],
.kpi-import-mapping-toolbar p[b-mygtdmaf3j],
.kpi-import-warning-panel p[b-mygtdmaf3j],
.kpi-import-success-panel p[b-mygtdmaf3j],
.kpi-import-apply-hint[b-mygtdmaf3j] {
    margin: 0;
}

.kpi-import-scope-summary p[b-mygtdmaf3j] {
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
}

.kpi-import-scope-summary span[b-mygtdmaf3j],
.kpi-import-secondary-download p[b-mygtdmaf3j],
.kpi-import-system-note p[b-mygtdmaf3j],
.kpi-import-validation-status p[b-mygtdmaf3j],
.kpi-import-repair-panel p[b-mygtdmaf3j],
.kpi-import-no-change-panel p[b-mygtdmaf3j],
.kpi-import-mapping-prompt p[b-mygtdmaf3j],
.kpi-import-mapping-toolbar p[b-mygtdmaf3j],
.kpi-import-warning-panel p[b-mygtdmaf3j],
.kpi-import-success-panel p[b-mygtdmaf3j],
.kpi-import-apply-hint[b-mygtdmaf3j] {
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-import-summary-label[b-mygtdmaf3j] {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.kpi-import-owner-scope-panel[b-mygtdmaf3j] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
}

.kpi-import-download-panel[b-mygtdmaf3j] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    box-shadow: var(--shadow-card);
}

.kpi-import-download-primary[b-mygtdmaf3j],
.kpi-import-secondary-download[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.kpi-import-download-title[b-mygtdmaf3j] {
    margin: 0 0 3px;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
}

.kpi-import-download-copy[b-mygtdmaf3j] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
}

.kpi-import-secondary-download[b-mygtdmaf3j] {
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.kpi-import-more-options[b-mygtdmaf3j] {
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.kpi-import-more-options summary[b-mygtdmaf3j] {
    cursor: pointer;
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-import-more-options[open][b-mygtdmaf3j] {
    display: grid;
    gap: 12px;
}

.kpi-import-system-note[b-mygtdmaf3j],
.kpi-import-scope-change-note[b-mygtdmaf3j],
.kpi-import-validation-status[b-mygtdmaf3j],
.kpi-import-no-change-panel[b-mygtdmaf3j],
.kpi-import-mapping-prompt[b-mygtdmaf3j],
.kpi-import-success-panel[b-mygtdmaf3j] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--color-info-border);
    border-radius: 8px;
    background: var(--color-info-tint);
}

.kpi-import-system-note-icon[b-mygtdmaf3j],
.kpi-import-scope-change-icon[b-mygtdmaf3j],
.kpi-import-validation-icon[b-mygtdmaf3j],
.kpi-import-no-change-icon[b-mygtdmaf3j],
.kpi-import-mapping-prompt-icon[b-mygtdmaf3j],
.kpi-import-success-icon[b-mygtdmaf3j] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    color: var(--color-info-foreground);
}

.kpi-import-system-note strong[b-mygtdmaf3j] {
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-import-validation-status.is-error[b-mygtdmaf3j],
.kpi-import-repair-panel[b-mygtdmaf3j],
.kpi-import-mapping-prompt[b-mygtdmaf3j] {
    border-color: var(--color-danger-border);
    background: var(--color-danger-tint);
}

.kpi-import-validation-status.is-error .kpi-import-validation-icon[b-mygtdmaf3j],
.kpi-import-repair-icon[b-mygtdmaf3j],
.kpi-import-mapping-prompt-icon[b-mygtdmaf3j] {
    color: var(--color-danger-foreground);
}

.kpi-import-validation-title[b-mygtdmaf3j],
.kpi-import-mapping-prompt-title[b-mygtdmaf3j],
.kpi-import-repair-heading p[b-mygtdmaf3j],
.kpi-import-warning-heading p[b-mygtdmaf3j],
.kpi-import-success-title[b-mygtdmaf3j] {
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-import-validation-status:not(.is-error) .kpi-import-validation-icon[b-mygtdmaf3j],
.kpi-import-success-icon[b-mygtdmaf3j] {
    color: var(--color-brand-600);
}

.kpi-import-validation-status.is-validating .kpi-import-validation-icon svg[b-mygtdmaf3j] {
    animation: refresh-spin 0.7s linear infinite;
}

.kpi-import-summary[b-mygtdmaf3j] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kpi-import-summary span[b-mygtdmaf3j] {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-import-summary .is-error[b-mygtdmaf3j] {
    background: var(--color-danger-tint);
    color: var(--color-danger-foreground);
}

.kpi-import-summary .is-warning[b-mygtdmaf3j] {
    background: var(--color-warning-tint);
    color: var(--color-warning-foreground);
}

.kpi-import-repair-panel[b-mygtdmaf3j] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
}

.kpi-import-repair-heading[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-import-repair-icon[b-mygtdmaf3j] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.kpi-import-repair-panel ul[b-mygtdmaf3j] {
    margin: 0;
    padding-left: 22px;
    color: var(--color-danger-foreground);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-import-warning-panel[b-mygtdmaf3j] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--color-warning-border);
    border-radius: 8px;
    background: var(--color-warning-tint);
}

.kpi-import-warning-heading[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-import-warning-icon[b-mygtdmaf3j] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: var(--color-warning);
}

.kpi-import-warning-panel ul[b-mygtdmaf3j] {
    margin: 0;
    padding-left: 22px;
    color: var(--color-warning-foreground);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-import-mapping[b-mygtdmaf3j] {
    margin: 0;
}

.kpi-import-mapping summary[b-mygtdmaf3j] {
    cursor: pointer;
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-import-mapping-toolbar[b-mygtdmaf3j] {
    margin-top: 12px;
}

.kpi-import-mapping-stale[b-mygtdmaf3j] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--color-warning-border);
    border-radius: 8px;
    background: var(--color-warning-tint);
}

.kpi-import-mapping-stale-icon[b-mygtdmaf3j] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: var(--color-warning);
}

.kpi-import-mapping-stale-copy p[b-mygtdmaf3j] {
    margin: 0;
}

.kpi-import-mapping-stale-title[b-mygtdmaf3j] {
    color: var(--color-warning-foreground);
    font-weight: 700;
}

.kpi-import-mapping-stale-action[b-mygtdmaf3j] {
    white-space: nowrap;
}

.kpi-import-mapping-grid[b-mygtdmaf3j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(220px, 1fr));
    gap: 12px 16px;
    margin-top: 12px;
}

.kpi-import-mapping-grid label[b-mygtdmaf3j] {
    display: grid;
    gap: 4px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-import-owner-picker[b-mygtdmaf3j] {
    margin-top: 6px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
}

.kpi-import-owner-picker-header[b-mygtdmaf3j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.kpi-import-owner-picker-title[b-mygtdmaf3j] {
    margin: 0 0 2px;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
}

.kpi-import-owner-picker-copy[b-mygtdmaf3j] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.kpi-import-owner-picker-meta[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text-secondary);
    font-size: 12px;
    white-space: nowrap;
}

.kpi-import-owner-picker-meta > span[b-mygtdmaf3j] {
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--color-surface-3);
    border: 1px solid var(--color-border);
}

.kpi-import-owner-picker-actions[b-mygtdmaf3j] {
    display: flex;
    gap: 6px;
}

.kpi-import-owner-grid[b-mygtdmaf3j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 8px;
}

.kpi-import-owner-option[b-mygtdmaf3j] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    color: var(--color-text-primary);
    font-size: 13px;
    cursor: pointer;
}

.kpi-import-owner-option:hover[b-mygtdmaf3j] {
    border-color: var(--color-border-hover);
    box-shadow: var(--shadow-card);
}

.kpi-import-owner-option.is-selected[b-mygtdmaf3j] {
    border-color: var(--color-brand-border);
    background: var(--color-brand-tint);
}

.kpi-import-owner-option input[type="checkbox"][b-mygtdmaf3j] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--color-brand-600);
    flex: 0 0 auto;
}

.kpi-import-owner-option span[b-mygtdmaf3j] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-import-table-wrap[b-mygtdmaf3j] {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 8px;
}

.kpi-import-table-toolbar[b-mygtdmaf3j] {
    display: flex;
    justify-content: flex-end;
}

.kpi-import-table[b-mygtdmaf3j] {
    width: 100%;
    min-width: 720px;
    border-collapse: collapse;
    font-size: 13px;
}

.kpi-import-table caption[b-mygtdmaf3j] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.kpi-import-table th[b-mygtdmaf3j],
.kpi-import-table td[b-mygtdmaf3j] {
    padding: 10px;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

.kpi-import-table th[b-mygtdmaf3j] {
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-weight: 600;
}

.kpi-import-table tr:last-child td[b-mygtdmaf3j] {
    border-bottom: 0;
}

.kpi-import-table tr.has-error td[b-mygtdmaf3j] {
    background: var(--color-danger-tint);
}

.kpi-import-table tr.has-warning td[b-mygtdmaf3j] {
    background: var(--color-warning-tint);
}

.kpi-import-table td strong[b-mygtdmaf3j],
.kpi-import-table td span[b-mygtdmaf3j] {
    display: block;
}

.kpi-import-table td span[b-mygtdmaf3j] {
    margin-top: 2px;
    color: var(--color-text-secondary);
}

.kpi-import-action[b-mygtdmaf3j] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.kpi-import-action.create[b-mygtdmaf3j] {
    background: var(--color-success-tint);
    color: var(--color-success);
}

.kpi-import-action.update[b-mygtdmaf3j] {
    background: var(--color-info-tint);
    color: var(--color-info-foreground);
}

.kpi-import-action.no-change[b-mygtdmaf3j] {
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
}

.kpi-import-action.error[b-mygtdmaf3j] {
    background: var(--color-danger-tint);
    color: var(--color-danger-foreground);
}

.kpi-import-table-note[b-mygtdmaf3j] {
    margin: 10px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-import-apply-hint.is-ready[b-mygtdmaf3j] {
    color: var(--color-success);
}

@media (prefers-reduced-motion: reduce) {
    .kpi-import-validation-status.is-validating .kpi-import-validation-icon svg[b-mygtdmaf3j] {
        animation: none;
    }
}

@media (max-width: 640px) {
    [b-mygtdmaf3j] .kpi-import-modal {
        max-height: calc(100dvh - 24px);
    }

    .kpi-import-stepper[b-mygtdmaf3j],
    .kpi-import-mapping-grid[b-mygtdmaf3j],
    .kpi-import-owner-grid[b-mygtdmaf3j] {
        grid-template-columns: 1fr;
    }

    .kpi-import-scope-summary[b-mygtdmaf3j],
    .kpi-import-download-primary[b-mygtdmaf3j],
    .kpi-import-secondary-download[b-mygtdmaf3j],
    .kpi-import-owner-picker-header[b-mygtdmaf3j],
    .kpi-import-owner-picker-meta[b-mygtdmaf3j] {
        align-items: stretch;
        flex-direction: column;
    }

    .kpi-import-owner-picker-actions[b-mygtdmaf3j] {
        flex-direction: column;
    }

    .kpi-import-mapping-stale[b-mygtdmaf3j] {
        grid-template-columns: auto 1fr;
    }

    .kpi-import-mapping-stale-action[b-mygtdmaf3j] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .kpi-import-download-primary[b-mygtdmaf3j]  .btn,
    .kpi-import-secondary-download[b-mygtdmaf3j]  .btn,
    .kpi-import-mapping-stale-action[b-mygtdmaf3j] {
        width: 100%;
        white-space: normal;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .kpi-import-download-primary[b-mygtdmaf3j],
    .kpi-import-secondary-download[b-mygtdmaf3j] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-import-mapping-grid[b-mygtdmaf3j],
    .kpi-import-owner-grid[b-mygtdmaf3j] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}
/* /Components/Kpis/KpiProgressImportModal.razor.rz.scp.css */
[b-6svb8niorp] .kpi-progress-import-modal {
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
}

[b-6svb8niorp] .kpi-progress-import-footer {
    align-items: center;
}

.kpi-progress-import-live-status[b-6svb8niorp] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.kpi-progress-import-stepper[b-6svb8niorp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 10px;
}

.kpi-progress-import-step-button[b-6svb8niorp] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    min-height: 42px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 13px;
    text-align: left;
    cursor: pointer;
}

.kpi-progress-import-step-button:disabled[b-6svb8niorp] {
    cursor: not-allowed;
    opacity: 0.62;
}

.kpi-progress-import-step-button.is-active[b-6svb8niorp] {
    border-color: var(--color-brand-border);
    background: var(--color-brand-tint);
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-progress-import-step-button.is-complete[b-6svb8niorp] {
    border-color: var(--color-success-border);
    color: var(--color-text-primary);
}

.kpi-progress-import-step-number[b-6svb8niorp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    flex: 0 0 auto;
}

.kpi-progress-import-step-button.is-active .kpi-progress-import-step-number[b-6svb8niorp] {
    background: var(--color-brand-600);
    color: #fff;
}

.kpi-progress-import-step-button.is-complete .kpi-progress-import-step-number[b-6svb8niorp] {
    background: var(--color-success-tint);
    color: var(--color-success);
}

.kpi-progress-import-step-progress[b-6svb8niorp] {
    margin: 0 0 14px;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.kpi-progress-import-step-panel[b-6svb8niorp] {
    display: grid;
    gap: 14px;
}

.kpi-progress-import-step-title[b-6svb8niorp] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 700;
}

.kpi-progress-import-step-title:focus[b-6svb8niorp],
.kpi-progress-import-summary:focus[b-6svb8niorp],
.kpi-progress-import-repair-panel:focus[b-6svb8niorp],
.kpi-progress-import-mapping-prompt:focus[b-6svb8niorp],
.kpi-progress-import-table-wrap:focus[b-6svb8niorp] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 3px;
}

.kpi-progress-import-step-button:focus-visible[b-6svb8niorp],
.kpi-progress-import-owner-option:focus-within[b-6svb8niorp],
.kpi-progress-import-mapping summary:focus-visible[b-6svb8niorp],
.kpi-progress-import-more-options summary:focus-visible[b-6svb8niorp] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 3px;
}

.kpi-progress-import-step-copy[b-6svb8niorp] {
    margin: -6px 0 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-progress-import-scope-summary[b-6svb8niorp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
}

.kpi-progress-import-scope-summary p[b-6svb8niorp],
.kpi-progress-import-scope-summary span[b-6svb8niorp],
.kpi-progress-import-secondary-download p[b-6svb8niorp],
.kpi-progress-import-system-note p[b-6svb8niorp],
.kpi-progress-import-scope-change-note p[b-6svb8niorp],
.kpi-progress-import-validation-status p[b-6svb8niorp],
.kpi-progress-import-repair-panel p[b-6svb8niorp],
.kpi-progress-import-no-change-panel p[b-6svb8niorp],
.kpi-progress-import-mapping-prompt p[b-6svb8niorp],
.kpi-progress-import-mapping-toolbar p[b-6svb8niorp],
.kpi-progress-import-warning-panel p[b-6svb8niorp],
.kpi-progress-import-success-panel p[b-6svb8niorp],
.kpi-progress-import-apply-hint[b-6svb8niorp] {
    margin: 0;
}

.kpi-progress-import-scope-summary p[b-6svb8niorp] {
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
}

.kpi-progress-import-scope-summary span[b-6svb8niorp],
.kpi-progress-import-secondary-download p[b-6svb8niorp],
.kpi-progress-import-system-note p[b-6svb8niorp],
.kpi-progress-import-validation-status p[b-6svb8niorp],
.kpi-progress-import-repair-panel p[b-6svb8niorp],
.kpi-progress-import-no-change-panel p[b-6svb8niorp],
.kpi-progress-import-mapping-prompt p[b-6svb8niorp],
.kpi-progress-import-mapping-toolbar p[b-6svb8niorp],
.kpi-progress-import-warning-panel p[b-6svb8niorp],
.kpi-progress-import-success-panel p[b-6svb8niorp],
.kpi-progress-import-apply-hint[b-6svb8niorp] {
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-progress-import-summary-label[b-6svb8niorp] {
    display: block;
    margin-bottom: 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.kpi-progress-import-owner-scope-panel[b-6svb8niorp] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
}

.kpi-progress-import-download-panel[b-6svb8niorp] {
    display: grid;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    box-shadow: var(--shadow-card);
}

.kpi-progress-import-download-primary[b-6svb8niorp],
.kpi-progress-import-secondary-download[b-6svb8niorp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.kpi-progress-import-download-title[b-6svb8niorp] {
    margin: 0 0 3px;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
}

.kpi-progress-import-download-copy[b-6svb8niorp] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
}

.kpi-progress-import-secondary-download[b-6svb8niorp] {
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.kpi-progress-import-more-options[b-6svb8niorp] {
    padding-top: 12px;
    border-top: 1px solid var(--color-border);
}

.kpi-progress-import-more-options summary[b-6svb8niorp] {
    cursor: pointer;
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-progress-import-more-options[open][b-6svb8niorp] {
    display: grid;
    gap: 12px;
}

.kpi-progress-import-system-note[b-6svb8niorp],
.kpi-progress-import-scope-change-note[b-6svb8niorp],
.kpi-progress-import-validation-status[b-6svb8niorp],
.kpi-progress-import-no-change-panel[b-6svb8niorp],
.kpi-progress-import-mapping-prompt[b-6svb8niorp],
.kpi-progress-import-success-panel[b-6svb8niorp] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid var(--color-info-border);
    border-radius: 8px;
    background: var(--color-info-tint);
}

.kpi-progress-import-system-note-icon[b-6svb8niorp],
.kpi-progress-import-scope-change-icon[b-6svb8niorp],
.kpi-progress-import-validation-icon[b-6svb8niorp],
.kpi-progress-import-no-change-icon[b-6svb8niorp],
.kpi-progress-import-mapping-prompt-icon[b-6svb8niorp],
.kpi-progress-import-success-icon[b-6svb8niorp] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    color: var(--color-info-foreground);
}

.kpi-progress-import-system-note strong[b-6svb8niorp],
.kpi-progress-import-step-copy strong[b-6svb8niorp] {
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-progress-import-validation-status.is-error[b-6svb8niorp],
.kpi-progress-import-repair-panel[b-6svb8niorp],
.kpi-progress-import-mapping-prompt[b-6svb8niorp] {
    border-color: var(--color-danger-border);
    background: var(--color-danger-tint);
}

.kpi-progress-import-validation-status.is-error .kpi-progress-import-validation-icon[b-6svb8niorp],
.kpi-progress-import-repair-icon[b-6svb8niorp],
.kpi-progress-import-mapping-prompt-icon[b-6svb8niorp] {
    color: var(--color-danger-foreground);
}

.kpi-progress-import-validation-title[b-6svb8niorp],
.kpi-progress-import-mapping-prompt-title[b-6svb8niorp],
.kpi-progress-import-repair-heading p[b-6svb8niorp],
.kpi-progress-import-warning-heading p[b-6svb8niorp],
.kpi-progress-import-success-title[b-6svb8niorp] {
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-progress-import-validation-status:not(.is-error) .kpi-progress-import-validation-icon[b-6svb8niorp],
.kpi-progress-import-success-icon[b-6svb8niorp] {
    color: var(--color-brand-600);
}

.kpi-progress-import-validation-status.is-validating .kpi-progress-import-validation-icon svg[b-6svb8niorp] {
    animation: refresh-spin 0.7s linear infinite;
}

.kpi-progress-import-summary[b-6svb8niorp] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kpi-progress-import-summary span[b-6svb8niorp] {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-progress-import-summary .is-error[b-6svb8niorp] {
    background: var(--color-danger-tint);
    color: var(--color-danger-foreground);
}

.kpi-progress-import-summary .is-warning[b-6svb8niorp] {
    background: var(--color-warning-tint);
    color: var(--color-warning-foreground);
}

.kpi-progress-import-repair-panel[b-6svb8niorp] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border-radius: 8px;
}

.kpi-progress-import-repair-heading[b-6svb8niorp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-progress-import-repair-icon[b-6svb8niorp] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.kpi-progress-import-repair-panel ul[b-6svb8niorp] {
    margin: 0;
    padding-left: 22px;
    color: var(--color-danger-foreground);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-progress-import-warning-panel[b-6svb8niorp] {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--color-warning-border);
    border-radius: 8px;
    background: var(--color-warning-tint);
}

.kpi-progress-import-warning-heading[b-6svb8niorp] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kpi-progress-import-warning-icon[b-6svb8niorp] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: var(--color-warning);
}

.kpi-progress-import-warning-panel ul[b-6svb8niorp] {
    margin: 0;
    padding-left: 22px;
    color: var(--color-warning-foreground);
    font-size: 13px;
    line-height: 1.45;
}

.kpi-progress-import-mapping[b-6svb8niorp] {
    margin: 0;
}

.kpi-progress-import-mapping summary[b-6svb8niorp] {
    cursor: pointer;
    color: var(--color-text-primary);
    font-weight: 700;
}

.kpi-progress-import-mapping-toolbar[b-6svb8niorp] {
    margin-top: 12px;
}

.kpi-progress-import-mapping-stale[b-6svb8niorp] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--color-warning-border);
    border-radius: 8px;
    background: var(--color-warning-tint);
}

.kpi-progress-import-mapping-stale-icon[b-6svb8niorp] {
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: var(--color-warning);
}

.kpi-progress-import-mapping-stale-copy p[b-6svb8niorp] {
    margin: 0;
}

.kpi-progress-import-mapping-stale-title[b-6svb8niorp] {
    color: var(--color-warning-foreground);
    font-weight: 700;
}

.kpi-progress-import-mapping-stale-action[b-6svb8niorp] {
    white-space: nowrap;
}

.kpi-progress-import-mapping-grid[b-6svb8niorp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.kpi-progress-import-mapping-grid label[b-6svb8niorp] {
    display: grid;
    gap: 4px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-progress-import-owner-picker[b-6svb8niorp] {
    margin-top: 6px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
}

.kpi-progress-import-owner-picker-header[b-6svb8niorp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 12px;
}

.kpi-progress-import-owner-picker-title[b-6svb8niorp] {
    margin: 0 0 2px;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
}

.kpi-progress-import-owner-picker-copy[b-6svb8niorp] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.kpi-progress-import-owner-picker-meta[b-6svb8niorp] {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text-secondary);
    font-size: 12px;
    white-space: nowrap;
}

.kpi-progress-import-owner-picker-meta > span[b-6svb8niorp] {
    padding: 5px 9px;
    border-radius: 999px;
    background: var(--color-surface-3);
    border: 1px solid var(--color-border);
}

.kpi-progress-import-owner-picker-actions[b-6svb8niorp] {
    display: flex;
    gap: 6px;
}

.kpi-progress-import-owner-grid[b-6svb8niorp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(180px, 1fr));
    gap: 8px;
}

.kpi-progress-import-owner-option[b-6svb8niorp] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-2);
    color: var(--color-text-primary);
    font-size: 13px;
    cursor: pointer;
}

.kpi-progress-import-owner-option:hover[b-6svb8niorp] {
    border-color: var(--color-border-hover);
    box-shadow: var(--shadow-card);
}

.kpi-progress-import-owner-option.is-selected[b-6svb8niorp] {
    border-color: var(--color-brand-border);
    background: var(--color-brand-tint);
}

.kpi-progress-import-owner-option input[type="checkbox"][b-6svb8niorp] {
    width: 14px;
    height: 14px;
    margin: 0;
    accent-color: var(--color-brand-600);
    flex: 0 0 auto;
}

.kpi-progress-import-owner-option span[b-6svb8niorp] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-progress-import-table-wrap[b-6svb8niorp] {
    overflow-x: auto;
    border: 1px solid var(--color-border);
    border-radius: 8px;
}

.kpi-progress-import-table-toolbar[b-6svb8niorp] {
    display: flex;
    justify-content: flex-end;
}

.kpi-progress-import-table[b-6svb8niorp] {
    width: 100%;
    min-width: 820px;
    border-collapse: collapse;
    font-size: 13px;
}

.kpi-progress-import-table caption[b-6svb8niorp] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
}

.kpi-progress-import-table th[b-6svb8niorp],
.kpi-progress-import-table td[b-6svb8niorp] {
    padding: 10px;
    border-bottom: 1px solid var(--color-border);
    text-align: left;
    vertical-align: top;
}

.kpi-progress-import-table th[b-6svb8niorp] {
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-weight: 600;
}

.kpi-progress-import-table tr:last-child td[b-6svb8niorp] {
    border-bottom: 0;
}

.kpi-progress-import-table tr.has-error td[b-6svb8niorp] {
    background: var(--color-danger-tint);
}

.kpi-progress-import-table tr.has-warning td[b-6svb8niorp] {
    background: var(--color-warning-tint);
}

.kpi-progress-import-table td strong[b-6svb8niorp],
.kpi-progress-import-table td span[b-6svb8niorp] {
    display: block;
}

.kpi-progress-import-table td span[b-6svb8niorp] {
    margin-top: 2px;
    color: var(--color-text-secondary);
}

.kpi-progress-import-action[b-6svb8niorp] {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.kpi-progress-import-action.update[b-6svb8niorp] {
    background: var(--color-success-tint);
    color: var(--color-success);
}

.kpi-progress-import-action.no-change[b-6svb8niorp] {
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
}

.kpi-progress-import-action.error[b-6svb8niorp] {
    background: var(--color-danger-tint);
    color: var(--color-danger-foreground);
}

.kpi-progress-import-table-note[b-6svb8niorp] {
    margin: 10px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.kpi-progress-import-apply-hint.is-ready[b-6svb8niorp] {
    color: var(--color-success);
}

@media (prefers-reduced-motion: reduce) {
    .kpi-progress-import-validation-status.is-validating .kpi-progress-import-validation-icon svg[b-6svb8niorp] {
        animation: none;
    }
}

@media (max-width: 640px) {
    [b-6svb8niorp] .kpi-progress-import-modal {
        max-height: calc(100dvh - 24px);
    }

    .kpi-progress-import-stepper[b-6svb8niorp],
    .kpi-progress-import-mapping-grid[b-6svb8niorp],
    .kpi-progress-import-owner-grid[b-6svb8niorp] {
        grid-template-columns: 1fr;
    }

    .kpi-progress-import-scope-summary[b-6svb8niorp],
    .kpi-progress-import-download-primary[b-6svb8niorp],
    .kpi-progress-import-secondary-download[b-6svb8niorp],
    .kpi-progress-import-owner-picker-header[b-6svb8niorp],
    .kpi-progress-import-owner-picker-meta[b-6svb8niorp] {
        align-items: stretch;
        flex-direction: column;
    }

    .kpi-progress-import-owner-picker-actions[b-6svb8niorp] {
        flex-direction: column;
    }

    .kpi-progress-import-mapping-stale[b-6svb8niorp] {
        grid-template-columns: auto 1fr;
    }

    .kpi-progress-import-mapping-stale-action[b-6svb8niorp] {
        grid-column: 1 / -1;
        justify-content: center;
    }

    .kpi-progress-import-download-primary[b-6svb8niorp]  .btn,
    .kpi-progress-import-secondary-download[b-6svb8niorp]  .btn,
    .kpi-progress-import-mapping-stale-action[b-6svb8niorp] {
        width: 100%;
        white-space: normal;
    }
}

@media (min-width: 641px) and (max-width: 1024px) {
    .kpi-progress-import-download-primary[b-6svb8niorp],
    .kpi-progress-import-secondary-download[b-6svb8niorp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .kpi-progress-import-mapping-grid[b-6svb8niorp],
    .kpi-progress-import-owner-grid[b-6svb8niorp] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}
/* /Components/Kpis/NewKpiModal.razor.rz.scp.css */
.new-kpi-modal[b-b3vao1siq4] {
    max-width: 560px;
    width: 100%;
}

.new-kpi-modal-header[b-b3vao1siq4] {
    align-items: flex-start;
}

.new-kpi-modal-subtitle[b-b3vao1siq4] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-muted);
}

.new-kpi-row[b-b3vao1siq4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

.new-kpi-label-acronym[b-b3vao1siq4] {
    text-transform: none;
}

.new-kpi-target-row .form-group[b-b3vao1siq4] {
    margin-bottom: 4px;
}

.new-kpi-target-preview[b-b3vao1siq4] {
    margin: 0 0 12px;
}

.new-kpi-date-row .form-group[b-b3vao1siq4] {
    margin-bottom: 4px;
}

.new-kpi-date-reminder-helper[b-b3vao1siq4] {
    margin-bottom: 12px;
}

.new-kpi-date-default-note[b-b3vao1siq4] {
    margin-top: 0;
}

.new-kpi-combobox[b-b3vao1siq4] {
    position: relative;
}

.new-kpi-combobox-input[b-b3vao1siq4] {
    padding-right: 38px;
}

.new-kpi-combobox-toggle[b-b3vao1siq4] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 34px;
    border: 0;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.new-kpi-combobox-toggle:hover[b-b3vao1siq4] {
    background: var(--color-surface-4);
    color: var(--color-text-primary);
}

.new-kpi-combobox-toggle-icon[b-b3vao1siq4] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.new-kpi-combobox-toggle-icon svg[b-b3vao1siq4] {
    width: 100%;
    height: 100%;
}

.new-kpi-combobox-menu[b-b3vao1siq4] {
    position: absolute;
    z-index: 30;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 180px;
    overflow-y: auto;
    padding: 4px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border-hover);
    border-radius: var(--radius-sm);
    box-shadow: 0 14px 32px rgba(31, 41, 55, 0.16);
}

.new-kpi-combobox-option[b-b3vao1siq4] {
    width: 100%;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-primary);
    cursor: pointer;
    display: block;
    font: inherit;
    font-size: 13px;
    line-height: 1.35;
    padding: 8px 10px;
    text-align: left;
}

.new-kpi-combobox-option:hover[b-b3vao1siq4],
.new-kpi-combobox-option:focus-visible[b-b3vao1siq4] {
    outline: none;
    background: var(--color-surface-3);
}

.new-kpi-combobox-option[aria-selected="true"][b-b3vao1siq4] {
    background: var(--color-brand-50);
    color: var(--color-brand-700);
    font-weight: 600;
}

.new-kpi-submit[b-b3vao1siq4] {
    background: var(--color-brand-600);
    border-color: var(--color-brand-600);
}

.new-kpi-submit:hover:not(:disabled)[b-b3vao1siq4] {
    background: var(--color-brand-700);
    border-color: var(--color-brand-700);
}

.new-kpi-close[b-b3vao1siq4] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.new-kpi-close:hover[b-b3vao1siq4] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.new-kpi-close-icon[b-b3vao1siq4] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.new-kpi-close-icon svg[b-b3vao1siq4] {
    width: 100%;
    height: 100%;
}
/* /Components/Kpis/UpdateKpiProgressModal.razor.rz.scp.css */
.update-kpi-progress-modal[b-4fn0n3a2rs] {
    max-width: 640px;
    width: 100%;
}

.update-kpi-progress-header[b-4fn0n3a2rs] {
    align-items: flex-start;
}

.update-kpi-progress-detail-header[b-4fn0n3a2rs] {
    display: block;
}

.update-kpi-progress-header-main[b-4fn0n3a2rs] {
    flex: 1 1 auto;
    min-width: 0;
}

.update-kpi-progress-default-header-main[b-4fn0n3a2rs] {
    width: 100%;
}

.update-kpi-progress-title[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.update-kpi-progress-subtitle[b-4fn0n3a2rs] {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--color-text-secondary);
}

.update-kpi-progress-context[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: rgba(56, 79, 99, 0.035);
}

.update-kpi-progress-context-summary[b-4fn0n3a2rs] {
    display: grid;
    gap: 8px;
    min-width: 0;
    align-content: start;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(56, 79, 99, 0.12);
}

.update-kpi-progress-context-heading[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

.update-kpi-progress-title-row[b-4fn0n3a2rs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.update-kpi-progress-context-grid[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px 18px;
    margin: 0;
}

.update-kpi-progress-context-grid div[b-4fn0n3a2rs] {
    min-width: 0;
}

.update-kpi-progress-context-grid dt[b-4fn0n3a2rs] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.update-kpi-progress-context-grid dd[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.update-kpi-progress-status-chip[b-4fn0n3a2rs] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.update-kpi-progress-status-chip.update-kpi-progress-status-ontrack[b-4fn0n3a2rs] {
    background: rgba(34, 165, 91, 0.14);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-behind[b-4fn0n3a2rs] {
    background: rgba(239, 68, 68, 0.12);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-warning[b-4fn0n3a2rs] {
    color: var(--color-warning-foreground);
    background: var(--color-warning-tint);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-complete[b-4fn0n3a2rs] {
    background: rgba(34, 165, 91, 0.14);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-archived[b-4fn0n3a2rs] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-pending[b-4fn0n3a2rs] {
    color: var(--color-info);
    background: rgba(59, 130, 246, 0.10);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-returned[b-4fn0n3a2rs] {
    color: var(--color-danger);
    background: rgba(239, 68, 68, 0.10);
}

.update-kpi-progress-status-chip.update-kpi-progress-status-finalised[b-4fn0n3a2rs] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
}

.update-kpi-progress-completion-details[b-4fn0n3a2rs] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
}

.update-kpi-progress-completion-details-pending[b-4fn0n3a2rs] {
    border-left-color: var(--color-info);
}

.update-kpi-progress-completion-details-finalised[b-4fn0n3a2rs] {
    border-left-color: var(--color-border);
}

.update-kpi-progress-completion-details-returned[b-4fn0n3a2rs] {
    border-left-color: rgba(239, 68, 68, 0.55);
}

.update-kpi-progress-completion-heading[b-4fn0n3a2rs] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.update-kpi-progress-completion-heading h4[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.update-kpi-progress-completion-icon[b-4fn0n3a2rs] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: var(--color-text-secondary);
    flex-shrink: 0;
}

.update-kpi-progress-completion-details-pending .update-kpi-progress-completion-icon[b-4fn0n3a2rs] {
    color: var(--color-info);
}

.update-kpi-progress-completion-details-returned .update-kpi-progress-completion-icon[b-4fn0n3a2rs] {
    color: var(--color-danger);
}

.update-kpi-progress-completion-grid[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px 14px;
    margin: 0;
}

.update-kpi-progress-completion-grid div[b-4fn0n3a2rs] {
    min-width: 0;
}

.update-kpi-progress-completion-grid dt[b-4fn0n3a2rs] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.update-kpi-progress-completion-grid dd[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.update-kpi-progress-completion-notes[b-4fn0n3a2rs] {
    grid-column: 1 / -1;
}

.update-kpi-progress-return-details[b-4fn0n3a2rs] {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid var(--color-border);
    border-left: 3px solid rgba(239, 68, 68, 0.55);
    border-radius: var(--radius-card);
    background: var(--color-surface);
}

.update-kpi-progress-return-heading[b-4fn0n3a2rs] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.update-kpi-progress-return-heading h4[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.update-kpi-progress-return-icon[b-4fn0n3a2rs] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: var(--color-danger);
    flex-shrink: 0;
}

.update-kpi-progress-return-grid[b-4fn0n3a2rs] {
    display: grid;
    gap: 4px;
    margin: 0;
}

.update-kpi-progress-return-grid div[b-4fn0n3a2rs] {
    min-width: 0;
}

.update-kpi-progress-return-grid dt[b-4fn0n3a2rs] {
    margin: 0 0 3px;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
}

.update-kpi-progress-return-grid dd[b-4fn0n3a2rs] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.update-kpi-progress-context-note[b-4fn0n3a2rs] {
    margin: 0;
    padding: 8px 10px;
    border-radius: 6px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.update-kpi-progress-context-note span[b-4fn0n3a2rs] {
    color: var(--color-text-primary);
    font-weight: 600;
    margin-right: 4px;
}

/* PROP-KPI-CREATED-BY (Phase 01.5 item #6) — creator / assigner audit sub-line
   rendered under the meta line. One step smaller + muted vs the meta line so
   it reads as a contextual audit footnote, not first-class metadata. Hidden by
   the Razor null-guard when no creator is available (legacy rows). */
/* PROP-KPI-ANNUAL-REVIEW-LIFECYCLE (Phase 01.5 item #8) — Archived state
   indicators on the modal header. Chip sits inline next to the KPI name;
   the audit line below the meta block carries the full "Archived by X on Y"
   audit context. The .update-kpi-progress-archived-line tone mirrors the
   .update-kpi-progress-created-by treatment so both audit sub-lines read as
   a coherent footer group. */
/* Item #10 — optional reason captured at archival; hidden when null. Italic
   matches the archived-line tone; the leading "Reason:" label gets a slight
   non-italic weight bump for scannability. */
.update-kpi-progress-section-title[b-4fn0n3a2rs] {
    margin: 16px 0 8px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 8px;
}

.update-kpi-progress-glyph[b-4fn0n3a2rs] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: var(--color-brand-600);
}

.update-kpi-progress-tile[b-4fn0n3a2rs] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    padding: 16px 20px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.update-kpi-progress-tile-row[b-4fn0n3a2rs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.update-kpi-progress-target-summary[b-4fn0n3a2rs] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.update-kpi-progress-pct[b-4fn0n3a2rs] {
    font-size: 28px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1;
}

.update-kpi-progress-fill[b-4fn0n3a2rs] {
    background: var(--color-success);
}

.update-kpi-progress-fill.update-kpi-progress-status-ontrack[b-4fn0n3a2rs] {
    background: var(--color-success);
}

.update-kpi-progress-fill.update-kpi-progress-status-behind[b-4fn0n3a2rs] {
    background: var(--color-danger);
}

.update-kpi-progress-fill.update-kpi-progress-status-warning[b-4fn0n3a2rs] {
    background: var(--color-warning);
}

.update-kpi-progress-fill.update-kpi-progress-status-complete[b-4fn0n3a2rs] {
    background: var(--color-success);
}

.update-kpi-progress-fill.update-kpi-progress-status-finalised-below-target[b-4fn0n3a2rs] {
    background: var(--color-warning);
}

.update-kpi-progress-final-outcome[b-4fn0n3a2rs] {
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}

.update-kpi-progress-final-outcome-success[b-4fn0n3a2rs] {
    color: var(--color-success);
}

.update-kpi-progress-final-outcome-below-target[b-4fn0n3a2rs] {
    color: var(--color-warning-foreground);
}

.update-kpi-progress-last-updated[b-4fn0n3a2rs] {
    font-size: 12px;
    color: var(--color-text-muted);
}

.update-kpi-progress-notes[b-4fn0n3a2rs] {
    min-height: 96px;
    resize: vertical;
}

.update-kpi-progress-inline-actions[b-4fn0n3a2rs] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 8px 0 16px;
}

.update-kpi-progress-add-evidence[b-4fn0n3a2rs] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.update-kpi-progress-evidence-panel[b-4fn0n3a2rs] {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.update-kpi-progress-evidence-type-tabs[b-4fn0n3a2rs] {
    display: inline-flex;
    gap: 8px;
}

.update-kpi-progress-evidence-type-tab[b-4fn0n3a2rs] {
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
    color: var(--color-text-primary);
    font: inherit;
    font-size: 13px;
    cursor: pointer;
}

.update-kpi-progress-evidence-type-tab.is-active[b-4fn0n3a2rs] {
    background: var(--color-brand-600);
    border-color: var(--color-brand-600);
    color: white;
    font-weight: 600;
}

.update-kpi-progress-evidence-description-input[b-4fn0n3a2rs],
.update-kpi-progress-evidence-reference-input[b-4fn0n3a2rs] {
    min-height: 58px;
    resize: vertical;
}

.update-kpi-progress-file-control[b-4fn0n3a2rs] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    min-width: 0;
    padding: 5px 10px 5px 5px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: rgba(56, 79, 99, 0.035);
}

.update-kpi-progress-file-control.form-control-error[b-4fn0n3a2rs] {
    border-color: var(--color-danger);
}

.update-kpi-progress-file-control:focus-within[b-4fn0n3a2rs] {
    border-color: var(--color-brand-500);
    box-shadow: 0 0 0 3px rgba(158, 124, 247, 0.14);
}

.update-kpi-progress-file-button[b-4fn0n3a2rs] {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 5px 10px;
    box-shadow: none;
    font-size: 12px;
    font-weight: 600;
}

.update-kpi-progress-file-summary[b-4fn0n3a2rs] {
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.update-kpi-progress-file-control[b-4fn0n3a2rs]  input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
}

.update-kpi-progress-status-ontrack[b-4fn0n3a2rs] {
    color: var(--color-success);
    font-weight: 600;
}

.update-kpi-progress-status-behind[b-4fn0n3a2rs] {
    color: var(--color-danger);
    font-weight: 600;
}

.update-kpi-progress-status-warning[b-4fn0n3a2rs] {
    color: var(--color-warning-foreground);
    font-weight: 600;
}

.update-kpi-progress-status-complete[b-4fn0n3a2rs] {
    color: var(--color-success);
    font-weight: 600;
}

.update-kpi-progress-status-finalised-below-target[b-4fn0n3a2rs] {
    color: var(--color-warning-foreground);
    font-weight: 600;
}

.update-kpi-progress-save[b-4fn0n3a2rs] {
    background: var(--color-brand-600);
    border-color: var(--color-brand-600);
}

.update-kpi-progress-save:hover:not(:disabled)[b-4fn0n3a2rs] {
    background: var(--color-brand-700);
    border-color: var(--color-brand-700);
}

.update-kpi-progress-close[b-4fn0n3a2rs] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.update-kpi-progress-close:hover[b-4fn0n3a2rs] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.update-kpi-progress-close-icon[b-4fn0n3a2rs] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: var(--color-text-secondary);
}

.update-kpi-progress-close-icon svg[b-4fn0n3a2rs] {
    width: 100%;
    height: 100%;
}

.update-kpi-progress-cta[b-4fn0n3a2rs],
.update-kpi-progress-view-report[b-4fn0n3a2rs],
.update-kpi-progress-archive[b-4fn0n3a2rs],
.update-kpi-progress-submit-completion[b-4fn0n3a2rs],
.update-kpi-progress-export[b-4fn0n3a2rs] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 8px;
}

.update-kpi-progress-completion-panel[b-4fn0n3a2rs] {
    margin-top: 12px;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.update-kpi-progress-completion-intro[b-4fn0n3a2rs] {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.update-kpi-progress-export[b-4fn0n3a2rs] {
    background: var(--color-brand-600);
    border-color: var(--color-brand-600);
    margin-top: 0;
    width: auto;
}

.update-kpi-progress-export:hover:not(:disabled)[b-4fn0n3a2rs] {
    background: var(--color-brand-700);
    border-color: var(--color-brand-700);
}

.update-kpi-progress-loading[b-4fn0n3a2rs],
.update-kpi-progress-empty[b-4fn0n3a2rs] {
    margin: 8px 0 16px;
    font-size: 13px;
    color: var(--color-text-muted);
}

.update-kpi-progress-summary-tile[b-4fn0n3a2rs] {
    background: var(--color-brand-50);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    padding: 12px 16px;
    margin-bottom: 16px;
}

.update-kpi-progress-summary-tile .update-kpi-progress-section-title[b-4fn0n3a2rs] {
    margin-top: 0;
}

.update-kpi-progress-summary-grid[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.update-kpi-progress-summary-cell[b-4fn0n3a2rs] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.update-kpi-progress-summary-label[b-4fn0n3a2rs] {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.update-kpi-progress-summary-value[b-4fn0n3a2rs] {
    font-size: 22px;
    font-weight: 700;
    color: var(--color-text-primary);
    line-height: 1.2;
}

.update-kpi-progress-summary-value-brand[b-4fn0n3a2rs] {
    color: var(--color-brand-600);
}

.update-kpi-progress-report-section[b-4fn0n3a2rs] {
    display: grid;
    gap: 8px;
    margin: 0 0 12px;
}

.update-kpi-progress-report-toggle[b-4fn0n3a2rs] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 8px 0;
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
    text-align: left;
}

.update-kpi-progress-report-toggle:hover[b-4fn0n3a2rs] {
    color: var(--color-text-primary);
}

.update-kpi-progress-report-toggle:focus-visible[b-4fn0n3a2rs] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.update-kpi-progress-report-toggle-icon[b-4fn0n3a2rs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.update-kpi-progress-report-toggle-icon svg[b-4fn0n3a2rs] {
    width: 18px;
    height: 18px;
}

.update-kpi-progress-timeline[b-4fn0n3a2rs] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.update-kpi-progress-timeline-row[b-4fn0n3a2rs] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    background: var(--color-surface-2);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.update-kpi-progress-timeline-meta[b-4fn0n3a2rs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.update-kpi-progress-timeline-date[b-4fn0n3a2rs] {
    font-weight: 500;
}

.update-kpi-progress-timeline-delta[b-4fn0n3a2rs] {
    font-weight: 600;
    color: var(--color-brand-600);
}

.update-kpi-progress-timeline-notes[b-4fn0n3a2rs] {
    font-size: 13px;
    color: var(--color-text-primary);
    line-height: 1.5;
}

.update-kpi-progress-evidence[b-4fn0n3a2rs] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.update-kpi-progress-evidence-row[b-4fn0n3a2rs] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 8px 10px;
    background: var(--color-surface-2);
    display: grid;
    gap: 4px;
    min-width: 0;
}

.update-kpi-progress-evidence-row-document[b-4fn0n3a2rs] {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
}

.update-kpi-progress-evidence-copy[b-4fn0n3a2rs] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.update-kpi-progress-evidence-title-row[b-4fn0n3a2rs] {
    display: flex;
    align-items: baseline;
    gap: 6px 10px;
    flex-wrap: wrap;
    min-width: 0;
}

.update-kpi-progress-evidence-title[b-4fn0n3a2rs] {
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.update-kpi-progress-evidence-meta[b-4fn0n3a2rs] {
    font-size: 11px;
    color: var(--color-text-muted);
}

.update-kpi-progress-evidence-description[b-4fn0n3a2rs],
.update-kpi-progress-evidence-text[b-4fn0n3a2rs] {
    font-size: 12px;
    line-height: 1.45;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.update-kpi-progress-evidence-text[b-4fn0n3a2rs] {
    color: var(--color-text-primary);
}

.update-kpi-progress-evidence-document[b-4fn0n3a2rs] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
    font-size: 12px;
    color: var(--color-text-primary);
    min-width: 0;
}

.update-kpi-progress-evidence-document-name[b-4fn0n3a2rs] {
    max-width: 180px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.update-kpi-progress-evidence-document-size[b-4fn0n3a2rs] {
    color: var(--color-text-muted);
    white-space: nowrap;
}

.update-kpi-progress-review-warning[b-4fn0n3a2rs] {
    margin: 8px 0 16px;
    padding: 8px 10px;
    border-radius: var(--radius-sm);
    background: var(--color-warning-tint);
    color: var(--color-text-secondary);
    font-size: 13px;
}

.update-kpi-progress-review-list[b-4fn0n3a2rs] {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.update-kpi-progress-review-row[b-4fn0n3a2rs] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0;
    background: var(--color-surface-2);
    overflow: hidden;
}

.update-kpi-progress-review-button[b-4fn0n3a2rs] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.update-kpi-progress-review-button:hover[b-4fn0n3a2rs] {
    background: rgba(124, 93, 250, 0.06);
}

.update-kpi-progress-review-button:focus-visible[b-4fn0n3a2rs] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: -2px;
}

.update-kpi-progress-review-title[b-4fn0n3a2rs] {
    min-width: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.update-kpi-progress-review-action[b-4fn0n3a2rs] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.update-kpi-progress-review-action-icon[b-4fn0n3a2rs],
.update-kpi-progress-review-action-icon svg[b-4fn0n3a2rs] {
    width: 12px;
    height: 12px;
}

.update-kpi-progress-review-date[b-4fn0n3a2rs] {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-muted);
    white-space: nowrap;
}

@media (max-width: 640px) {
    .update-kpi-progress-evidence-row-document[b-4fn0n3a2rs] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .update-kpi-progress-evidence-document[b-4fn0n3a2rs] {
        justify-content: space-between;
    }

    .update-kpi-progress-evidence-document-name[b-4fn0n3a2rs] {
        max-width: 100%;
    }

    .update-kpi-progress-review-button[b-4fn0n3a2rs] {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: start;
    }

    .update-kpi-progress-review-date[b-4fn0n3a2rs] {
        grid-column: 1;
        white-space: normal;
    }

    .update-kpi-progress-review-action[b-4fn0n3a2rs] {
        grid-column: 2;
        grid-row: 1 / span 2;
        justify-self: start;
    }
}
/* /Components/Recognition/RecognitionFeedCard.razor.rz.scp.css */
.recognition-feed-card[b-53jj9epl2f] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-height: 125px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    padding: 14px 16px;
}

.recognition-feed-card-icon[b-53jj9epl2f] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1;
    border-radius: 999px;
    background: rgba(158, 124, 247, 0.12);
}

.recognition-feed-card-body[b-53jj9epl2f] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.recognition-feed-card-heading[b-53jj9epl2f] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.recognition-feed-card-meta[b-53jj9epl2f] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    min-width: 0;
}

.recognition-feed-card-tag-row[b-53jj9epl2f] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.recognition-feed-card-tag[b-53jj9epl2f] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    background: rgba(158, 124, 247, 0.16);
    color: var(--color-text-primary);
    font-size: 11px;
    font-weight: 600;
}

.recognition-feed-card-message[b-53jj9epl2f] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--color-text-primary);
}

.recognition-feed-card-reward[b-53jj9epl2f] {
    align-self: flex-start;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin: 5px 0 0 0;
    border: 1px solid rgba(34, 165, 91, 0.24);
    background: rgba(34, 165, 91, 0.06);
    color: var(--color-text-primary);
    padding: 5px 7px 5px 5px;
    border-radius: var(--radius-card);
    font-size: 12.5px;
    line-height: 1.2;
}

.recognition-feed-card-reward-icon[b-53jj9epl2f] {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-sm);
    background: rgba(34, 165, 91, 0.13);
    color: var(--color-success);
}

.recognition-feed-card-reward-icon[b-53jj9epl2f]  svg {
    width: 13px;
    height: 13px;
    display: block;
}

.recognition-feed-card-reward-name[b-53jj9epl2f] {
    min-width: 0;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.recognition-feed-card-reward-value[b-53jj9epl2f] {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(34, 165, 91, 0.12);
    color: var(--color-success);
    font-size: 11.5px;
    font-weight: 700;
    white-space: nowrap;
}

.recognition-feed-card-date[b-53jj9epl2f] {
    margin: 0;
    font-size: 11.5px;
    color: var(--color-text-muted);
}

.recognition-feed-card-teamboard .recognition-feed-card-icon[b-53jj9epl2f] {
    background: rgba(245, 158, 11, 0.14);
}

.recognition-feed-card-sent .recognition-feed-card-icon[b-53jj9epl2f] {
    background: rgba(34, 165, 91, 0.12);
}

.recognition-feed-card-highlighted[b-53jj9epl2f] {
    border-color: var(--color-brand-500);
    box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.18), var(--shadow-card);
}
/* /Components/Recognition/RecognitionRecipientCheckList.razor.rz.scp.css */
.recognition-recipient-checklist[b-506p8z230r] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 12px 14px;
    background: var(--color-surface-2);
    margin: 0;
}

.recognition-recipient-checklist-legend[b-506p8z230r] {
    font-size: 13px;
    font-weight: 600;
    padding: 0 4px;
    color: var(--color-text-primary);
}

.recognition-recipient-checklist-empty[b-506p8z230r] {
    color: var(--color-text-muted);
    font-style: italic;
    margin: 0;
    font-size: 13px;
}

.recognition-recipient-checklist-scroll[b-506p8z230r] {
    max-height: 172px;
    overflow-y: auto;
    padding-right: 4px;
}

.recognition-recipient-checklist-row[b-506p8z230r] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 4px;
    cursor: pointer;
    border-radius: var(--radius-sm);
    min-height: 34px;
}

.recognition-recipient-checklist-row:hover[b-506p8z230r] {
    background: rgba(56, 79, 99, 0.04);
}

.recognition-recipient-checklist-row input[type="checkbox"][b-506p8z230r] {
    width: 16px;
    height: 16px;
    cursor: pointer;
    accent-color: var(--color-brand-500);
}

.recognition-recipient-checklist-name[b-506p8z230r] {
    flex: 1;
    min-width: 0;
    font-size: 13.5px;
    color: var(--color-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* /Components/Recognition/RecognitionSendForm.razor.rz.scp.css */
.recognition-send-form[b-rhsdd53r0h] {
    align-self: start;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Phase 01.5 item #13 (2026-05-28) — bumped 18px → 20px to match the
   cross-module section-title standard (CheckIns / Goals / KPIs +
   Recognition.razor.css now all 20px / 700 / 1.2). */
.recognition-send-form-title[b-rhsdd53r0h] {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.recognition-send-form-banner[b-rhsdd53r0h] {
    margin: 0;
}

.recognition-send-form .form-group[b-rhsdd53r0h] {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.recognition-send-form textarea.form-control[b-rhsdd53r0h] {
    min-height: 70px;
}

.recognition-required-hint[b-rhsdd53r0h] {
    margin: 0;
}

.recognition-award-chip-grid[b-rhsdd53r0h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.recognition-award-chip[b-rhsdd53r0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-3);
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

.recognition-award-chip:hover:not(:disabled):not(.recognition-award-chip-selected)[b-rhsdd53r0h] {
    background: rgba(158, 124, 247, 0.10);
    border-color: rgba(158, 124, 247, 0.5);
}

.recognition-award-chip-selected[b-rhsdd53r0h] {
    background: var(--color-brand-500);
    color: white;
    border-color: var(--color-brand-500);
    box-shadow: 0 6px 12px rgba(158, 124, 247, 0.18);
}

.recognition-send-form-submit[b-rhsdd53r0h] {
    width: 100%;
    margin-top: 4px;
}

.recognition-reward-budget-card[b-rhsdd53r0h] {
    display: grid;
    gap: 6px;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-3);
}

.recognition-reward-budget-row[b-rhsdd53r0h] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.recognition-reward-budget-row strong[b-rhsdd53r0h] {
    flex: 0 0 auto;
    font-size: 13px;
    color: var(--color-text-primary);
}

.recognition-reward-budget-card-warning[b-rhsdd53r0h] {
    border-color: rgba(245, 158, 11, 0.45);
    background: #fffbeb;
}

.recognition-reward-budget-warning[b-rhsdd53r0h] {
    margin: 2px 0 0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    color: #92400e;
}

.recognition-send-form-submit:disabled[b-rhsdd53r0h] {
    opacity: 0.55;
    cursor: not-allowed;
}

.recognition-send-form-permission-hint[b-rhsdd53r0h] {
    margin: 0;
    font-size: 12px;
    font-style: italic;
    color: var(--color-text-muted);
    text-align: center;
}

@media (max-width: 480px) {
    .recognition-award-chip-grid[b-rhsdd53r0h] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/AddEmployeeModal.razor.rz.scp.css */
.add-employee-modal[b-1xelulqli3] {
    max-width: 480px;
}

.modal-alert[b-1xelulqli3] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-1xelulqli3] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.modal-alert-success[b-1xelulqli3],
.modal-alert-warning[b-1xelulqli3],
.modal-alert-info[b-1xelulqli3] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 16px;
    border-radius: var(--radius-sm, 6px);
    margin-bottom: 16px;
    font-weight: 400;
}

.modal-alert-success[b-1xelulqli3] {
    background: var(--color-surface-3, #eef1f4);
    border-left: 4px solid var(--color-success, #22a55b);
    color: var(--color-success, #22a55b);
}

.modal-alert-warning[b-1xelulqli3] {
    /* ASSUMPTION: single-use literal — no warning-surface token exists yet. */
    background: #fffbeb;
    border-left: 4px solid var(--color-warning, #f59e0b);
    color: var(--color-warning, #f59e0b);
}

.modal-alert-info[b-1xelulqli3] {
    /* Dev-mode invite path: no email sent, copy link manually. */
    background: rgba(59, 130, 246, 0.08);
    border-left: 4px solid var(--color-info, #3b82f6);
    color: var(--color-info, #3b82f6);
}

.modal-alert-title[b-1xelulqli3] {
    margin: 0 0 4px 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary, #384f63);
    line-height: 1.4;
}

.modal-alert-title:focus[b-1xelulqli3] {
    outline: 2px solid var(--color-brand-600, #8a63f5);
    outline-offset: 2px;
}

.modal-alert-body[b-1xelulqli3] {
    margin: 0;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary, #5a7389);
    line-height: 1.5;
}

.modal-alert-ref[b-1xelulqli3] {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    color: var(--color-text-muted, #7b8da0);
}

.invite-link-fallback[b-1xelulqli3] {
    margin-top: 16px;
}

.invite-link-fallback > summary[b-1xelulqli3] {
    cursor: pointer;
    font-size: 13px;
    color: var(--color-text-secondary, #5a7389);
    padding: 4px 0;
}

.invite-success[b-1xelulqli3] {
    text-align: center;
}

.invite-success-title[b-1xelulqli3] {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-success);
}

.invite-success-text[b-1xelulqli3] {
    margin: 0 0 12px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.invite-link-box[b-1xelulqli3] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    background: var(--color-surface-3);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    margin-bottom: 10px;
}

.invite-link-text[b-1xelulqli3] {
    flex: 1;
    font-size: 12px;
    color: var(--color-text-primary);
    word-break: break-all;
    text-align: left;
}

.invite-expiry-text[b-1xelulqli3] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.manager-invite-note[b-1xelulqli3] {
    margin-top: -2px;
    padding: 12px 14px;
    border: 1px solid rgba(124, 58, 237, 0.16);
    background: rgba(124, 58, 237, 0.04);
    border-radius: var(--radius-panel);
}

.manager-invite-note p[b-1xelulqli3] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
}

.manager-invite-note-title[b-1xelulqli3] {
    margin-bottom: 4px !important;
    color: var(--color-text-primary) !important;
    font-weight: 700;
}

.invite-manager-options[b-1xelulqli3] {
    display: grid;
    gap: 8px;
}

.invite-manager-option[b-1xelulqli3] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface);
}

.invite-manager-option.is-primary[b-1xelulqli3] {
    background: var(--color-surface-3);
}

.invite-manager-option-text[b-1xelulqli3] {
    flex: 1;
    min-width: 0;
    display: grid;
    gap: 2px;
}

.invite-manager-option-name[b-1xelulqli3],
.invite-manager-option-role[b-1xelulqli3] {
    overflow-wrap: anywhere;
}

.invite-manager-option-name[b-1xelulqli3] {
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
}

.invite-manager-option-role[b-1xelulqli3] {
    color: var(--color-text-secondary);
    font-size: 12px;
}

.invite-primary-pill[b-1xelulqli3] {
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(124, 58, 237, 0.08);
    color: var(--color-brand-700, #6d4bd8);
    font-size: 11px;
    font-weight: 700;
}

/* Blazor scoped-CSS isolation requires the keyframe + class to be declared per-component. */
@keyframes spin-b-1xelulqli3 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-1xelulqli3] {
    animation: spin-b-1xelulqli3 0.7s linear infinite;
    vertical-align: middle;
}

.add-employee-required-hint[b-1xelulqli3] {
    margin: 0 0 8px;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.add-employee-close[b-1xelulqli3] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.add-employee-close:hover[b-1xelulqli3] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.add-employee-close-icon[b-1xelulqli3] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.add-employee-close-icon svg[b-1xelulqli3] {
    width: 100%;
    height: 100%;
}
/* /Components/Settings/BusinessCalendarSettingsModal.razor.rz.scp.css */
.business-calendar-grid[b-191nqfzeye] {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.business-calendar-coverage[b-191nqfzeye] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin: 12px 0;
    padding: 10px 12px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.business-calendar-holidays[b-191nqfzeye] {
    margin-top: 14px;
}

.business-calendar-holidays-header[b-191nqfzeye] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.business-calendar-holidays h3[b-191nqfzeye],
.business-calendar-add h3[b-191nqfzeye] {
    margin: 0 0 8px;
    font-size: 14px;
}

.business-calendar-holidays ul[b-191nqfzeye] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.business-calendar-holidays li[b-191nqfzeye] {
    display: grid;
    grid-template-columns: 96px 1fr auto;
    gap: 10px;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid var(--color-border);
    font-size: 13px;
}

.business-calendar-add[b-191nqfzeye] {
    margin-top: 18px;
}
/* /Components/Settings/BusinessOwnerEditorCard.razor.rz.scp.css */
/* Mirrors the in-page Settings card chrome so this child component renders
   consistently with the rest of the Settings surface.
   The .settings-card / .settings-section-icon group is duplicated from the
   page-scoped Settings.razor.css because Blazor scoped CSS adds a per-file
   scope attribute — without these rules, the card chrome would render with
   no padding and the heading icon would expand to fill its container. */

.settings-card[b-4099v4b8mg] {
    padding: 24px;
}

.settings-card-header[b-4099v4b8mg] {
    margin-bottom: 18px;
}

.settings-card-heading[b-4099v4b8mg] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-title[b-4099v4b8mg] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-4099v4b8mg] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-section-icon[b-4099v4b8mg] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.settings-section-icon svg[b-4099v4b8mg] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-business-owner-title-row[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.settings-business-owner-summary-pill[b-4099v4b8mg] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.settings-business-owner-stack[b-4099v4b8mg] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 720px;
}

.settings-business-owner-list-header[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.settings-business-owner-list-heading[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
}

.settings-business-owner-count[b-4099v4b8mg] {
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.settings-business-owner-fields[b-4099v4b8mg] {
    display: grid;
    grid-template-columns: minmax(240px, 1.45fr) minmax(190px, 1fr);
    gap: 12px;
    min-width: 0;
}

.settings-business-owner-list[b-4099v4b8mg] {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(31, 41, 55, 0.1);
    border-radius: 8px;
    overflow: hidden;
    background: var(--color-surface-2);
}

.settings-business-owner-row[b-4099v4b8mg] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: end;
    gap: 12px;
    padding: 12px;
    background: var(--color-surface-2);
}

.settings-business-owner-row + .settings-business-owner-row[b-4099v4b8mg] {
    border-top: 1px solid rgba(31, 41, 55, 0.08);
}

.settings-business-owner-row-order[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    min-height: 36px;
}

.settings-business-owner-row-number[b-4099v4b8mg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
}

.settings-business-owner-row-actions[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    min-height: 36px;
}

.settings-business-owner-field[b-4099v4b8mg] {
    margin-bottom: 0;
}

.settings-business-owner-row-note[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 6px 0 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.settings-business-owner-status-badge[b-4099v4b8mg] {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 2px 7px;
    border-radius: 999px;
    background: #fff7ed;
    color: #b45309;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.settings-business-owner-na-option[b-4099v4b8mg] {
    padding: 10px 12px;
    border: 1px solid rgba(31, 41, 55, 0.1);
    background: var(--color-surface-2);
    border-radius: 8px;
}

.settings-business-owner-na-option-active[b-4099v4b8mg] {
    border-color: rgba(124, 58, 237, 0.28);
    background: rgba(124, 58, 237, 0.04);
}

.settings-business-owner-na[b-4099v4b8mg] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--color-text-primary);
    font-size: 14px;
    line-height: 1.35;
}

.settings-business-owner-na input[type="checkbox"][b-4099v4b8mg] {
    width: 16px;
    height: 16px;
    margin-top: 1px;
    accent-color: var(--color-brand-500);
    flex-shrink: 0;
}

.settings-business-owner-na-option p[b-4099v4b8mg],
.settings-business-owner-na-state p[b-4099v4b8mg] {
    margin: 6px 0 0 24px;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.4;
}

.settings-business-owner-na-state[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border: 1px solid rgba(31, 41, 55, 0.08);
    background: var(--color-surface-2);
    border-radius: 8px;
}

.settings-business-owner-na-icon[b-4099v4b8mg] {
    display: inline-flex;
    width: 17px;
    height: 17px;
    color: var(--color-brand-600);
    flex-shrink: 0;
}

.settings-business-owner-na-icon svg[b-4099v4b8mg] {
    width: 100%;
    height: 100%;
}

.settings-business-owner-na-state p[b-4099v4b8mg] {
    margin: 0;
}

.settings-business-owner-actions[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.settings-add-owner-btn[b-4099v4b8mg] {
    align-self: flex-start;
}

.settings-business-owner-add-hint[b-4099v4b8mg] {
    margin: -6px 0 0;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.4;
}

.settings-business-owner-toggle[b-4099v4b8mg] {
    min-height: 34px;
    padding: 0 12px;
    flex-shrink: 0;
}

.settings-business-owner-list-summary[b-4099v4b8mg] {
    padding: 12px 14px;
    border: 1px solid rgba(31, 41, 55, 0.1);
    background: var(--color-surface-2);
    border-radius: 8px;
}

.settings-business-owner-list-summary p[b-4099v4b8mg] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.settings-business-owner-summary-list[b-4099v4b8mg] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 10px;
}

.settings-business-owner-summary-list span[b-4099v4b8mg] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(31, 41, 55, 0.1);
    color: var(--color-text-primary);
    font-size: 12px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.settings-business-owner-icon-btn[b-4099v4b8mg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.settings-business-owner-icon-btn:hover:not(:disabled)[b-4099v4b8mg] {
    border-color: var(--color-border-hover);
    color: var(--color-text-primary);
    background: var(--color-surface);
}

.settings-business-owner-icon-btn:focus-visible[b-4099v4b8mg] {
    outline: 2px solid rgba(124, 58, 237, 0.35);
    outline-offset: 2px;
}

.settings-business-owner-icon-btn:disabled[b-4099v4b8mg] {
    opacity: 0.45;
    cursor: not-allowed;
}

.settings-business-owner-icon-btn-danger[b-4099v4b8mg] {
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
}

.settings-business-owner-icon-btn-danger:hover:not(:disabled)[b-4099v4b8mg],
.settings-hide-owner-btn:hover:not(:disabled)[b-4099v4b8mg] {
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.32);
    background: rgba(239, 68, 68, 0.04);
}

.settings-business-owner-action-icon[b-4099v4b8mg] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.settings-business-owner-action-icon svg[b-4099v4b8mg] {
    width: 100%;
    height: 100%;
}

.settings-hide-owner-btn[b-4099v4b8mg] {
    color: #ef4444;
    border-color: rgba(239, 68, 68, 0.2);
    background: #ffffff;
}

.settings-business-owner-actions .btn-icon[b-4099v4b8mg],
.settings-add-owner-btn .btn-icon[b-4099v4b8mg] {
    width: 15px;
    height: 15px;
}

@media (max-width: 720px) {
    .settings-business-owner-list-header[b-4099v4b8mg] {
        align-items: stretch;
        flex-direction: column;
    }

    .settings-business-owner-toggle[b-4099v4b8mg] {
        align-self: flex-start;
    }

    .settings-business-owner-row[b-4099v4b8mg] {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .settings-business-owner-fields[b-4099v4b8mg] {
        grid-template-columns: 1fr;
    }

    .settings-business-owner-row-actions[b-4099v4b8mg] {
        justify-content: flex-start;
    }
}
/* /Components/Settings/ChangeRoleModal.razor.rz.scp.css */
.change-role-modal[b-evucud9b32] {
    max-width: 480px;
}

.modal-alert[b-evucud9b32] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-evucud9b32] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.reassign-member-summary[b-evucud9b32] {
    margin-bottom: 18px;
    padding: 12px 14px;
    background: #f8f9fc;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
}

.reassign-member-name[b-evucud9b32] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #101828;
}

.reassign-member-role[b-evucud9b32] {
    margin: 2px 0 0;
    font-size: 12.5px;
    color: #667085;
}

.reassign-note[b-evucud9b32] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 10px 12px;
    background: rgba(124, 58, 237, 0.08);
    border: 1px solid rgba(124, 58, 237, 0.18);
    border-radius: var(--radius-panel);
}

.reassign-note-icon[b-evucud9b32] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #7c3aed;
}

.reassign-note-icon svg[b-evucud9b32] {
    width: 18px;
    height: 18px;
}

.reassign-note p[b-evucud9b32] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #4b3780;
}

.access-role-warning-banner[b-evucud9b32] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 12px 14px;
    background: rgba(234, 179, 8, 0.1);
    border: 1px solid rgba(234, 179, 8, 0.35);
    border-radius: var(--radius-panel);
}

.access-role-warning-banner-info[b-evucud9b32] {
    background: rgba(124, 58, 237, 0.08);
    border-color: rgba(124, 58, 237, 0.28);
}

.access-role-warning-icon[b-evucud9b32] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    color: #b45309;
}

.access-role-warning-banner-info .access-role-warning-icon[b-evucud9b32] {
    color: #7c3aed;
}

.access-role-warning-icon svg[b-evucud9b32] {
    width: 20px;
    height: 20px;
}

.access-role-warning-title[b-evucud9b32] {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 700;
    color: #92400e;
}

.access-role-warning-banner-info .access-role-warning-title[b-evucud9b32] {
    color: #4b3780;
}

.access-role-warning-body[b-evucud9b32] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #78350f;
}

.access-role-warning-banner-info .access-role-warning-body[b-evucud9b32] {
    color: #5b3c9e;
}

@keyframes spin-b-evucud9b32 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-evucud9b32] {
    animation: spin-b-evucud9b32 0.7s linear infinite;
    vertical-align: middle;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.change-role-close[b-evucud9b32] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.change-role-close:hover[b-evucud9b32] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.change-role-close-icon[b-evucud9b32] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.change-role-close-icon svg[b-evucud9b32] {
    width: 100%;
    height: 100%;
}
/* /Components/Settings/CheckInSettingsModal.razor.rz.scp.css */
.checkin-settings-required-hint[b-ohzox9cczc] {
    margin: 0 0 12px;
}

.checkin-settings-field[b-ohzox9cczc] {
    margin-bottom: 4px;
}
/* /Components/Settings/CompanyBrandingCard.razor.rz.scp.css */
/* Mirrors the in-page Settings card chrome so this child component renders
   consistently with the rest of the Settings surface.
   The .settings-card / .settings-section-icon group is duplicated from the
   page-scoped Settings.razor.css because Blazor scoped CSS adds a per-file
   scope attribute — without these rules, the card chrome would render with
   no padding and the heading icon would expand to fill its container. */

.settings-card[b-33t33nhjwr] {
    padding: 24px;
}

.settings-card-header[b-33t33nhjwr] {
    margin-bottom: 18px;
}

.settings-card-heading[b-33t33nhjwr] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-title[b-33t33nhjwr] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-33t33nhjwr] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-section-icon[b-33t33nhjwr] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.settings-section-icon svg[b-33t33nhjwr] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-field-label[b-33t33nhjwr] {
    display: block;
    margin: 0;
    color: var(--color-text-primary);
    font-size: 14px;
    font-weight: 600;
}

.settings-company-profile-block[b-33t33nhjwr] {
    display: grid;
    gap: 14px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid var(--color-border);
}

.settings-company-profile-header[b-33t33nhjwr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.settings-company-profile-title[b-33t33nhjwr] {
    margin: 0 0 4px;
    font-size: 16px;
    line-height: 1.25;
    color: var(--color-text-primary);
}

.settings-company-profile-subtitle[b-33t33nhjwr] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.settings-company-profile-header-actions[b-33t33nhjwr] {
    flex-shrink: 0;
}

.settings-company-profile-required-hint[b-33t33nhjwr] {
    margin-top: 0;
}

.settings-company-profile-grid[b-33t33nhjwr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    max-width: 840px;
}

.settings-company-profile-field[b-33t33nhjwr] {
    min-width: 0;
    margin: 0;
}

.settings-company-profile-field .form-control[b-33t33nhjwr] {
    width: 100%;
}

.settings-company-profile-field .form-helper[b-33t33nhjwr],
.settings-company-profile-field .form-error[b-33t33nhjwr] {
    font-size: 12px;
}

.settings-company-profile-actions[b-33t33nhjwr] {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-start;
}

.settings-details-grid[b-33t33nhjwr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}

.settings-details-field[b-33t33nhjwr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings-details-label[b-33t33nhjwr] {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}

.settings-details-value[b-33t33nhjwr] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-branding-block[b-33t33nhjwr] {
    display: flex;
    flex-direction: column;
}

.settings-branding-field-header[b-33t33nhjwr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.settings-logo-status[b-33t33nhjwr] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.settings-logo-status-configured[b-33t33nhjwr] {
    background: rgba(34, 197, 94, 0.12);
    color: #166534;
}

.settings-branding-row[b-33t33nhjwr] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.settings-logo-panel[b-33t33nhjwr] {
    width: 132px;
    height: 132px;
    border-radius: var(--radius-panel);
    border: 1px dashed var(--color-border-hover);
    background: linear-gradient(180deg, rgba(158, 124, 247, 0.08), rgba(114, 193, 249, 0.12));
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.settings-logo-panel-compact[b-33t33nhjwr] {
    width: 98px;
    height: 98px;
    border-radius: var(--radius-card);
    border: 1px dashed #d8e1ea;
    background: #f4f7fb;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
}

.settings-logo-panel-has-image[b-33t33nhjwr] {
    border-style: solid;
    border-color: var(--color-border);
    background: #ffffff;
}

.settings-logo-image[b-33t33nhjwr] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 10px;
}

.settings-logo-icon[b-33t33nhjwr] {
    width: 34px;
    height: 34px;
    color: #607b96;
}

.settings-logo-icon svg[b-33t33nhjwr] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-branding-actions[b-33t33nhjwr] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding-top: 4px;
}

.settings-inline-actions[b-33t33nhjwr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.settings-logo-actions[b-33t33nhjwr] {
    align-items: flex-start;
}

.settings-file-input-wrapper[b-33t33nhjwr] {
    display: inline-flex;
}

.settings-inline-btn[b-33t33nhjwr] {
    cursor: pointer;
}

.settings-inline-btn-disabled[b-33t33nhjwr] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.settings-inline-btn .btn-icon[b-33t33nhjwr],
.settings-upload-visual .btn-icon[b-33t33nhjwr] {
    width: 15px;
    height: 15px;
}

.settings-upload-control[b-33t33nhjwr] {
    position: relative;
    display: inline-flex;
}

.settings-upload-control[b-33t33nhjwr]  input[type="file"] {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.settings-upload-control[b-33t33nhjwr]  input[type="file"]:disabled {
    cursor: not-allowed;
}

.settings-upload-control:focus-within .settings-upload-visual[b-33t33nhjwr] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.settings-company-profile-header-actions .btn-icon[b-33t33nhjwr] {
    width: 15px;
    height: 15px;
}

.settings-static-copy[b-33t33nhjwr] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-logo-requirements[b-33t33nhjwr] {
    display: grid;
    gap: 3px;
    max-width: 420px;
    margin: 2px 0 0;
    padding: 10px 12px;
    border: 1px solid #cfe0f2;
    border-left: 3px solid var(--color-info);
    border-radius: var(--radius-card);
    background: #f4f8fc;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.4;
}

.settings-logo-requirements strong[b-33t33nhjwr] {
    color: var(--color-text-primary);
    font-size: 12px;
}

@media (max-width: 900px) {
    .settings-company-profile-grid[b-33t33nhjwr] {
        grid-template-columns: 1fr;
    }

    .settings-details-grid[b-33t33nhjwr] {
        grid-template-columns: 1fr;
    }

    .settings-branding-row[b-33t33nhjwr] {
        align-items: stretch;
    }

    .settings-logo-panel[b-33t33nhjwr] {
        flex: 0 0 98px;
    }
}

@media (max-width: 640px) {
    .settings-company-profile-header[b-33t33nhjwr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .settings-company-profile-header-actions[b-33t33nhjwr],
    .settings-company-profile-header-actions .btn[b-33t33nhjwr] {
        width: 100%;
    }

    .settings-company-profile-header-actions .btn[b-33t33nhjwr] {
        justify-content: center;
    }

    .settings-branding-row[b-33t33nhjwr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .settings-logo-panel[b-33t33nhjwr] {
        width: 98px;
    }

    .settings-inline-actions[b-33t33nhjwr] {
        width: 100%;
    }

    .settings-file-input-wrapper[b-33t33nhjwr],
    .settings-upload-control[b-33t33nhjwr] {
        width: 100%;
    }

    .settings-inline-actions .btn[b-33t33nhjwr] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Settings/CreateDepartmentModal.razor.rz.scp.css */
.create-department-modal[b-c33cbegpej] {
    max-width: 420px;
}

.modal-alert[b-c33cbegpej] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-c33cbegpej] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.form-hint[b-c33cbegpej] {
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

/* Blazor scoped-CSS isolation requires the keyframe + class to be declared per-component. */
@keyframes spin-b-c33cbegpej {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-c33cbegpej] {
    animation: spin-b-c33cbegpej 0.7s linear infinite;
    vertical-align: middle;
}

.create-department-required-hint[b-c33cbegpej] {
    margin: 0 0 8px;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.create-department-close[b-c33cbegpej] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.create-department-close:hover[b-c33cbegpej] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.create-department-close-icon[b-c33cbegpej] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.create-department-close-icon svg[b-c33cbegpej] {
    width: 100%;
    height: 100%;
}
/* /Components/Settings/CreateKpiTemplateModal.razor.rz.scp.css */
/* Keep the template modal above page-level overlays without coupling it to a specific parent modal. */
.create-kpi-template-modal-overlay[b-l9xef2ec0y] {
    z-index: 1100;
}

.create-kpi-template-modal[b-l9xef2ec0y] {
    max-width: 720px;
}

.create-kpi-template-modal-required-hint[b-l9xef2ec0y] {
    margin: 0 0 16px 0;
}

.create-kpi-template-modal-stacked-action[b-l9xef2ec0y] {
    margin-top: 8px;
}

.create-kpi-template-quick-select[b-l9xef2ec0y] {
    margin-bottom: 24px;
    padding: 16px;
    background: var(--color-surface-3);
    border-radius: var(--radius-card);
}

.create-kpi-template-quick-select-title[b-l9xef2ec0y] {
    margin: 0 0 12px 0;
    font-size: 0.9rem;
    font-weight: 600;
}

.create-kpi-template-quick-select-buttons[b-l9xef2ec0y] {
    display: inline-flex;
    gap: 8px;
    flex-wrap: wrap;
}

.create-kpi-template-quick-select-subtitle[b-l9xef2ec0y] {
    margin: 12px 0 0 0;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.create-kpi-template-section[b-l9xef2ec0y] {
    margin-top: 18px;
}

.create-kpi-template-section:first-of-type[b-l9xef2ec0y] {
    margin-top: 0;
}

.create-kpi-template-section-title[b-l9xef2ec0y] {
    margin: 0 0 12px 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.create-kpi-template-modal-close[b-l9xef2ec0y] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.create-kpi-template-modal-close:hover[b-l9xef2ec0y] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.create-kpi-template-modal-close-icon[b-l9xef2ec0y] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.create-kpi-template-modal-close-icon svg[b-l9xef2ec0y] {
    width: 100%;
    height: 100%;
}

.create-kpi-template-combobox[b-l9xef2ec0y] {
    position: relative;
}

.create-kpi-template-combobox-input[b-l9xef2ec0y] {
    padding-right: 38px;
}

.create-kpi-template-combobox-toggle[b-l9xef2ec0y] {
    position: absolute;
    top: 1px;
    right: 1px;
    bottom: 1px;
    width: 34px;
    border: 0;
    border-left: 1px solid var(--color-border);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    background: transparent;
    color: var(--color-text-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.create-kpi-template-combobox-toggle:hover[b-l9xef2ec0y],
.create-kpi-template-combobox-toggle:focus-visible[b-l9xef2ec0y] {
    background: var(--color-surface-4);
    outline: none;
}

.create-kpi-template-combobox-toggle-icon[b-l9xef2ec0y] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.create-kpi-template-combobox-toggle-icon svg[b-l9xef2ec0y] {
    width: 100%;
    height: 100%;
}

.create-kpi-template-combobox-menu[b-l9xef2ec0y] {
    position: absolute;
    z-index: 40;
    top: calc(100% + 4px);
    left: 0;
    right: 0;
    max-height: 180px;
    overflow-y: auto;
    padding: 4px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border-hover);
    border-radius: var(--radius-sm);
    box-shadow: 0 14px 32px rgba(31, 41, 55, 0.16);
}

.create-kpi-template-combobox-option[b-l9xef2ec0y] {
    width: 100%;
    min-height: 32px;
    padding: 7px 10px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--color-text-primary);
    font: inherit;
    font-size: 0.84rem;
    text-align: left;
    cursor: pointer;
}

.create-kpi-template-combobox-option:hover[b-l9xef2ec0y],
.create-kpi-template-combobox-option:focus-visible[b-l9xef2ec0y] {
    background: var(--color-surface-3);
    outline: none;
}

.create-kpi-template-combobox-option[aria-selected="true"][b-l9xef2ec0y] {
    background: var(--color-brand-50);
    color: var(--color-brand-700);
    font-weight: 600;
}

.create-kpi-template-grid-2[b-l9xef2ec0y] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

@media (max-width: 600px) {
    .create-kpi-template-grid-2[b-l9xef2ec0y] {
        grid-template-columns: 1fr; /* collapse on narrow viewports */
    }
}

.create-kpi-template-summary[b-l9xef2ec0y] {
    background: var(--color-surface-3);
    padding: 10px 14px;
    border-radius: var(--radius-sm);
    font-size: 12.5px;
    color: var(--color-text-secondary);
    margin: 12px 0 0;
}
/* /Components/Settings/DemoteToManagerModal.razor.rz.scp.css */
.demote-manager-modal[b-y0v8l8k4r5] {
    max-width: 460px;
}

.modal-alert[b-y0v8l8k4r5] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-y0v8l8k4r5] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.reassign-member-summary[b-y0v8l8k4r5] {
    margin-bottom: 18px;
    padding: 12px 14px;
    background: #f8f9fc;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
}

.reassign-member-name[b-y0v8l8k4r5] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #101828;
}

.reassign-member-role[b-y0v8l8k4r5] {
    margin: 2px 0 0;
    font-size: 12.5px;
    color: #667085;
}

.reassign-empty-text[b-y0v8l8k4r5] {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: #98a2b3;
}

.reassign-note[b-y0v8l8k4r5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 10px 12px;
    background: rgba(124, 58, 237, 0.08);
    border: 1px solid rgba(124, 58, 237, 0.18);
    border-radius: var(--radius-panel);
}

.reassign-note-icon[b-y0v8l8k4r5] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #7c3aed;
}

.reassign-note-icon svg[b-y0v8l8k4r5] {
    width: 18px;
    height: 18px;
}

.reassign-note p[b-y0v8l8k4r5] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #4b3780;
}

@keyframes spin-b-y0v8l8k4r5 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-y0v8l8k4r5] {
    animation: spin-b-y0v8l8k4r5 0.7s linear infinite;
    vertical-align: middle;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.demote-manager-close[b-y0v8l8k4r5] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.demote-manager-close:hover[b-y0v8l8k4r5] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.demote-manager-close-icon[b-y0v8l8k4r5] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.demote-manager-close-icon svg[b-y0v8l8k4r5] {
    width: 100%;
    height: 100%;
}
/* /Components/Settings/EditPermissionsModal.razor.rz.scp.css */
.edit-permissions-modal[b-pji7ouyux3] {
    max-width: 560px;
}

.modal-alert[b-pji7ouyux3] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-pji7ouyux3] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.edit-permissions-member-name[b-pji7ouyux3] {
    margin: 0 0 16px;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.permission-toggles[b-pji7ouyux3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.permission-toggle[b-pji7ouyux3] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
    background: #f8f9fc;
    color: var(--color-text-primary);
    cursor: pointer;
}

.permission-toggle input[type="checkbox"][b-pji7ouyux3] {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    accent-color: var(--color-brand-500);
    flex-shrink: 0;
}

.permission-toggle strong[b-pji7ouyux3] {
    display: block;
    margin-bottom: 2px;
    font-size: 13.5px;
    line-height: 1.2;
}

.permission-toggle small[b-pji7ouyux3] {
    display: block;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.35;
}

.permission-matrix-hint[b-pji7ouyux3] {
    margin: 0 0 12px;
    font-size: 12.5px;
    color: var(--color-text-secondary);
    line-height: 1.45;
}

.permission-access-help[b-pji7ouyux3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

.permission-access-help span[b-pji7ouyux3] {
    padding: 8px 10px;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
    background: #ffffff;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.3;
}

.permission-access-help strong[b-pji7ouyux3] {
    display: block;
    margin-bottom: 2px;
    color: var(--color-text-primary);
}

.permission-matrix[b-pji7ouyux3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.permission-matrix-row[b-pji7ouyux3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    background: #f8f9fc;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
}

.permission-matrix-module[b-pji7ouyux3] {
    font-size: 13.5px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.permission-matrix-options[b-pji7ouyux3] {
    margin: 0;
    display: inline-flex;
    gap: 4px;
    padding: 3px;
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: 999px;
}

.permission-matrix-legend[b-pji7ouyux3] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.permission-matrix-option[b-pji7ouyux3] {
    position: relative;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    color: var(--color-text-secondary);
    cursor: pointer;
}

.permission-matrix-option input[b-pji7ouyux3] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.permission-matrix-option span[b-pji7ouyux3] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    padding: 5px 12px;
    border-radius: 999px;
    transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

.permission-matrix-option:hover:not(.is-selected) span[b-pji7ouyux3] {
    color: var(--color-text-primary);
}

.permission-matrix-option input:focus-visible + span[b-pji7ouyux3] {
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.22);
}

.permission-matrix-option.is-selected span[b-pji7ouyux3],
.permission-matrix-option input:checked + span[b-pji7ouyux3] {
    background: #7c3aed;
    color: #fff;
}

/* Blazor scoped-CSS isolation requires the keyframe + class to be declared per-component. */
@keyframes spin-b-pji7ouyux3 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-pji7ouyux3] {
    animation: spin-b-pji7ouyux3 0.7s linear infinite;
    vertical-align: middle;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern. */
.edit-permissions-close[b-pji7ouyux3] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.edit-permissions-close:hover[b-pji7ouyux3] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.edit-permissions-close-icon[b-pji7ouyux3] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.edit-permissions-close-icon svg[b-pji7ouyux3] {
    width: 100%;
    height: 100%;
}

@media (max-width: 560px) {
    .permission-access-help[b-pji7ouyux3] {
        grid-template-columns: 1fr;
    }

    .permission-matrix-row[b-pji7ouyux3] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Settings/GeneratePerformanceReportModal.razor.rz.scp.css */
.performance-report-modal[b-i6jgca79yo] {
    width: min(440px, calc(100vw - 32px));
}

.performance-report-close-icon[b-i6jgca79yo] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.modal-alert[b-i6jgca79yo] {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-i6jgca79yo] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.performance-report-field[b-i6jgca79yo] {
    margin-bottom: 18px;
}

.performance-report-label[b-i6jgca79yo] {
    display: block;
    margin-bottom: 8px;
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 700;
}

.performance-report-type-grid[b-i6jgca79yo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.performance-report-type-button[b-i6jgca79yo] {
    min-height: 38px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: #ffffff;
    color: var(--color-text-primary);
    font-size: 12.5px;
    font-weight: 600;
    cursor: pointer;
}

.performance-report-type-button.is-selected[b-i6jgca79yo] {
    border-color: var(--color-brand-600);
    background: var(--color-brand-50);
    color: var(--color-brand-700);
}

.performance-report-date-grid[b-i6jgca79yo] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.performance-report-date-grid span[b-i6jgca79yo] {
    display: block;
    margin-bottom: 4px;
    color: var(--color-text-secondary);
    font-size: 11px;
}

.performance-report-hint[b-i6jgca79yo] {
    margin: 6px 0 0;
    color: var(--color-text-muted);
    font-size: 11px;
}

.performance-report-includes[b-i6jgca79yo] {
    padding: 14px;
    border: 1px solid var(--color-brand-200);
    border-radius: 8px;
    background: var(--color-brand-50);
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.55;
}

.performance-report-includes strong[b-i6jgca79yo] {
    color: var(--color-text-primary);
}

.performance-report-includes ul[b-i6jgca79yo] {
    margin: 6px 0 0;
    padding-left: 18px;
}

@media (max-width: 520px) {
    .performance-report-type-grid[b-i6jgca79yo],
    .performance-report-date-grid[b-i6jgca79yo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/GenerateReviewLetterModal.razor.rz.scp.css */
.generate-letter-modal[b-xl7uo087nn] {
    width: min(980px, calc(100vw - 48px));
    max-width: 980px;
}

.generate-letter-modal .modal-body[b-xl7uo087nn] {
    max-height: calc(100dvh - 180px);
    overflow-y: auto;
}

.generate-letter-close-icon[b-xl7uo087nn] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.modal-alert[b-xl7uo087nn] {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-xl7uo087nn] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.generate-letter-stepper[b-xl7uo087nn] {
    display: grid;
    grid-template-columns: 28px 32px 28px 32px 28px 1fr;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}

.generate-letter-step[b-xl7uo087nn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #eef2f7;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 800;
}

.generate-letter-step.is-active[b-xl7uo087nn],
.generate-letter-step.is-complete[b-xl7uo087nn] {
    background: var(--color-brand-500);
    color: #ffffff;
}

.generate-letter-step-line[b-xl7uo087nn] {
    height: 2px;
    background: #e5e7eb;
}

.generate-letter-step-label[b-xl7uo087nn] {
    color: var(--color-text-secondary);
    font-size: 13px;
}

.generate-letter-field[b-xl7uo087nn] {
    margin-bottom: 16px;
}

.generate-letter-setup-grid[b-xl7uo087nn] {
    display: grid;
    grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.25fr);
    gap: 18px;
    align-items: start;
}

.generate-letter-setup-fields[b-xl7uo087nn] {
    display: grid;
    gap: 14px;
}

.generate-letter-setup-fields .generate-letter-field[b-xl7uo087nn],
.generate-letter-preview-field[b-xl7uo087nn] {
    margin-bottom: 0;
}

.generate-letter-preview[b-xl7uo087nn],
.generate-letter-editor[b-xl7uo087nn] {
    width: 100%;
    resize: vertical;
    background: #f8fafc;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.6;
}

.generate-letter-preview[b-xl7uo087nn] {
    min-height: 258px;
    color: var(--color-text-secondary);
}

.generate-letter-editor[b-xl7uo087nn] {
    min-height: min(48dvh, 460px);
    color: #102a43;
}

.generate-letter-placeholders[b-xl7uo087nn] {
    margin-top: 18px;
    padding: 12px;
    border-radius: 8px;
    background: #f8fafc;
}

.generate-letter-placeholders h4[b-xl7uo087nn] {
    margin: 0 0 8px;
    color: var(--color-text-primary);
    font-size: 12px;
}

.generate-letter-placeholder-tabs[b-xl7uo087nn] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.generate-letter-placeholder-tab[b-xl7uo087nn] {
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.generate-letter-placeholder-tab:hover[b-xl7uo087nn],
.generate-letter-placeholder-tab.is-active[b-xl7uo087nn] {
    border-color: var(--color-brand-500);
    color: var(--color-brand-700);
}

.generate-letter-placeholder-tab.is-active[b-xl7uo087nn] {
    background: rgba(124, 58, 237, 0.08);
}

.generate-letter-placeholder-grid[b-xl7uo087nn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.generate-letter-placeholder-grid span[b-xl7uo087nn] {
    display: grid;
    align-content: start;
    gap: 3px;
    min-height: 50px;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: #ffffff;
    overflow-wrap: anywhere;
}

.generate-letter-placeholder-grid code[b-xl7uo087nn] {
    color: var(--color-brand-700);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    line-height: 1.35;
}

.generate-letter-placeholder-grid small[b-xl7uo087nn] {
    color: var(--color-text-secondary);
    font-size: 11px;
    line-height: 1.3;
}

.generate-letter-context[b-xl7uo087nn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px;
    color: var(--color-text-secondary);
    font-size: 13px;
}

.generate-letter-context span[b-xl7uo087nn]::before {
    content: "|";
    color: var(--color-border-hover);
}

.generate-letter-saved[b-xl7uo087nn] {
    display: grid;
    justify-items: center;
    gap: 10px;
    padding: 28px 10px 20px;
    text-align: center;
}

.generate-letter-saved-icon[b-xl7uo087nn] {
    display: inline-flex;
    width: 58px;
    height: 58px;
    padding: 14px;
    border-radius: 50%;
    background: #dcfce7;
    color: #16a34a;
}

.generate-letter-saved h4[b-xl7uo087nn] {
    margin: 8px 0 0;
    color: var(--color-text-primary);
    font-size: 18px;
}

.generate-letter-saved p[b-xl7uo087nn] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

@media (max-width: 820px) {
    .generate-letter-modal[b-xl7uo087nn] {
        width: calc(100vw - 24px);
        max-width: none;
    }

    .generate-letter-setup-grid[b-xl7uo087nn] {
        grid-template-columns: 1fr;
    }

    .generate-letter-preview[b-xl7uo087nn] {
        min-height: 180px;
    }

    .generate-letter-placeholder-grid[b-xl7uo087nn] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .generate-letter-modal[b-xl7uo087nn] {
        width: calc(100vw - 16px);
        max-width: none;
    }

    .generate-letter-stepper[b-xl7uo087nn] {
        grid-template-columns: 28px 18px 28px 18px 28px;
    }

    .generate-letter-step-label[b-xl7uo087nn] {
        grid-column: 1 / -1;
    }

    .generate-letter-placeholder-grid[b-xl7uo087nn] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/GoalsSettingsModal.razor.rz.scp.css */
.goals-settings-description[b-la6w09h9t2] {
    margin: 0 0 18px;
    font-size: 13px;
    color: var(--color-text-secondary);
    line-height: 1.5;
}
/* /Components/Settings/KpiSettingsModal.razor.rz.scp.css */
.kpi-settings-required-hint[b-hhbcjrxnxa] {
    margin: 0 0 12px;
}

.kpi-settings-field[b-hhbcjrxnxa] {
    margin-bottom: 4px;
}

/* Grouped sections: "Reporting" + "Permissions & automation". */
.kpi-settings-section[b-hhbcjrxnxa] {
    margin-bottom: 20px;
}

.kpi-settings-section:last-of-type[b-hhbcjrxnxa] {
    margin-bottom: 0;
}

.kpi-settings-section + .kpi-settings-section[b-hhbcjrxnxa] {
    border-top: 1px solid var(--color-border);
    padding-top: 16px;
}

.kpi-settings-section-title[b-hhbcjrxnxa] {
    margin: 0 0 12px 0;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
}

/* PROP-KPI-REPORTING-PERIOD — reporting-period basis control. */
.kpi-reporting-period-options[b-hhbcjrxnxa] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin-bottom: 8px;
}

.kpi-reporting-period-option[b-hhbcjrxnxa] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
}

.kpi-reporting-period-month-label[b-hhbcjrxnxa] {
    margin-top: 8px;
}

.kpi-reporting-period-month[b-hhbcjrxnxa] {
    margin-top: 4px;
}

.kpi-reporting-period-note[b-hhbcjrxnxa] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    margin-top: 10px;
    padding: 11px 12px;
    border: 1px solid var(--color-info-border);
    border-radius: 8px;
    background: var(--color-info-tint);
}

.kpi-reporting-period-note-icon[b-hhbcjrxnxa] {
    display: inline-flex;
    width: 17px;
    height: 17px;
    margin-top: 2px;
    color: var(--color-info-foreground);
    flex: 0 0 auto;
}

.kpi-reporting-period-note-icon svg[b-hhbcjrxnxa] {
    width: 100%;
    height: 100%;
    display: block;
}

.kpi-reporting-period-note-copy[b-hhbcjrxnxa] {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.kpi-reporting-period-note-copy p[b-hhbcjrxnxa] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 12.5px;
    line-height: 1.4;
}

.kpi-reporting-period-note-copy strong[b-hhbcjrxnxa] {
    color: var(--color-text-primary);
    font-weight: 700;
}

.form-help-text[b-hhbcjrxnxa] {
    margin: 8px 0 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
}
/* /Components/Settings/KpiTemplateListRow.razor.rz.scp.css */
.kpi-template-list-row[b-gu0588q1zp] {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin-bottom: 8px;
    background: var(--color-surface);
}

.kpi-template-list-row-inactive[b-gu0588q1zp] {
    background: var(--color-surface-2);
    border-color: var(--color-border-hover);
}

.kpi-template-list-row-inactive-pill[b-gu0588q1zp] {
    display: inline-flex;
    align-items: center;
    min-height: 18px;
    padding: 2px 8px;
    background: var(--color-surface-3);
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.kpi-template-list-row-grid[b-gu0588q1zp] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kpi-template-list-row-name-cell[b-gu0588q1zp] {
    min-width: 0;
}

.kpi-template-list-row-name[b-gu0588q1zp] {
    font-size: 0.95rem;
    color: var(--color-text-primary);
}

.kpi-template-list-row-description[b-gu0588q1zp] {
    font-size: 0.85rem;
    color: var(--color-text-secondary);
}

.kpi-template-list-row-inactive .kpi-template-list-row-description[b-gu0588q1zp],
.kpi-template-list-row-inactive .kpi-template-list-row-meta[b-gu0588q1zp],
.kpi-template-list-row-inactive .kpi-template-list-row-assignment[b-gu0588q1zp] {
    color: var(--color-text-muted);
}

.kpi-template-list-row-meta-cell[b-gu0588q1zp] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.kpi-template-list-row-meta[b-gu0588q1zp] {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
}

.kpi-template-list-row-fy-badge[b-gu0588q1zp] {
    padding: 2px 8px;
    background: var(--color-surface-3);
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
}

.kpi-template-list-row-assignment[b-gu0588q1zp] {
    font-size: 0.8rem;
    color: var(--color-text-secondary);
    font-style: italic;
}

.kpi-template-list-row-actions[b-gu0588q1zp] {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    justify-content: flex-end;
    min-width: max-content;
}

.kpi-template-list-row-danger-action[b-gu0588q1zp] {
    color: var(--color-danger);
}

.kpi-template-list-row-lineage[b-gu0588q1zp] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 2px 8px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.kpi-template-list-row-icon[b-gu0588q1zp] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.kpi-template-list-row-icon svg[b-gu0588q1zp] {
    width: 100%;
    height: 100%;
}

@media (max-width: 640px) {
    .kpi-template-list-row[b-gu0588q1zp] {
        grid-template-columns: 1fr;
    }

    .kpi-template-list-row-actions[b-gu0588q1zp] {
        justify-content: flex-start;
    }
}
/* /Components/Settings/ManageOverallManagersModal.razor.rz.scp.css */
.manage-om-modal[b-m1f4ru9qdx] {
    max-width: 720px;
}

.manage-om-close[b-m1f4ru9qdx] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.manage-om-close-icon[b-m1f4ru9qdx] {
    width: 1rem;
    height: 1rem;
}

.manage-om-primary[b-m1f4ru9qdx],
.manage-om-section[b-m1f4ru9qdx] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 1rem;
}

.manage-om-primary[b-m1f4ru9qdx] {
    background: var(--color-surface-3);
}

.manage-om-eyebrow[b-m1f4ru9qdx],
.manage-om-meta[b-m1f4ru9qdx],
.manage-om-empty[b-m1f4ru9qdx],
.manage-om-section-heading p[b-m1f4ru9qdx] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.875rem;
}

.manage-om-name[b-m1f4ru9qdx] {
    margin: 0.25rem 0;
    color: var(--color-text-primary);
    font-weight: 700;
}

.manage-om-section[b-m1f4ru9qdx] {
    margin-top: 1rem;
}

.manage-om-section-heading[b-m1f4ru9qdx] {
    margin-bottom: 0.75rem;
}

.manage-om-section-heading h4[b-m1f4ru9qdx] {
    margin: 0 0 0.25rem;
    color: var(--color-text-primary);
    font-size: 1rem;
}

.manage-om-section-primary-change[b-m1f4ru9qdx] {
    border-color: var(--color-danger);
}

.manage-om-action[b-m1f4ru9qdx] {
    margin-top: 0.75rem;
}
/* /Components/Settings/ManagerAssignmentsModal.razor.rz.scp.css */
.manager-assignments-modal[b-dnyth0vfki] {
    max-width: 560px;
}

.modal-alert[b-dnyth0vfki] {
    margin-bottom: 14px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-dnyth0vfki] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.manager-assignment-summary[b-dnyth0vfki] {
    margin-bottom: 18px;
    padding: 12px 14px;
    background: #f8f9fc;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-panel);
}

.manager-assignment-name[b-dnyth0vfki] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #101828;
}

.manager-assignment-role[b-dnyth0vfki],
.manager-assignment-current[b-dnyth0vfki] {
    margin: 4px 0 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: #475467;
}

.manager-assignment-role[b-dnyth0vfki] {
    color: #667085;
}

.manager-assignment-empty[b-dnyth0vfki] {
    margin: 6px 0 0;
    font-size: 12.5px;
    color: #98a2b3;
}

.manager-assignment-options[b-dnyth0vfki] {
    display: grid;
    gap: 8px;
    max-height: 240px;
    overflow: auto;
    padding-right: 2px;
}

.manager-assignment-option[b-dnyth0vfki] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 9px 10px;
    border: 1px solid #e4e7ec;
    border-radius: var(--radius-panel);
    background: #fff;
}

.manager-assignment-option.is-primary[b-dnyth0vfki] {
    background: #f8fafc;
}

.manager-assignment-option input[b-dnyth0vfki] {
    width: 16px;
    height: 16px;
}

.manager-assignment-option-text[b-dnyth0vfki] {
    min-width: 0;
    display: grid;
    gap: 2px;
}

.manager-assignment-option-name[b-dnyth0vfki],
.manager-assignment-option-role[b-dnyth0vfki] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.manager-assignment-option-name[b-dnyth0vfki] {
    font-size: 13.5px;
    font-weight: 700;
    color: #101828;
}

.manager-assignment-option-role[b-dnyth0vfki] {
    font-size: 12px;
    color: #667085;
}

.manager-assignment-primary-pill[b-dnyth0vfki] {
    padding: 3px 8px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #027a48;
    font-size: 11px;
    font-weight: 700;
}

.manager-assignment-note[b-dnyth0vfki] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 14px;
    padding: 10px 12px;
    background: #f0f9ff;
    border: 1px solid #bae6fd;
    border-radius: var(--radius-panel);
}

.manager-assignment-note-icon[b-dnyth0vfki] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #0369a1;
}

.manager-assignment-note-icon svg[b-dnyth0vfki] {
    width: 18px;
    height: 18px;
}

.manager-assignment-note p[b-dnyth0vfki] {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.5;
    color: #075985;
}

@keyframes spin-b-dnyth0vfki {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-dnyth0vfki] {
    animation: spin-b-dnyth0vfki 0.7s linear infinite;
    vertical-align: middle;
}

.manager-assignments-close[b-dnyth0vfki] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.manager-assignments-close:hover[b-dnyth0vfki] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.manager-assignments-close-icon[b-dnyth0vfki] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.manager-assignments-close-icon svg[b-dnyth0vfki] {
    width: 100%;
    height: 100%;
}
/* /Components/Settings/MemberCheckboxList.razor.rz.scp.css */
.member-checkbox-list[b-s8kia419rj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px;
}

.member-checkbox-list-search[b-s8kia419rj] {
    padding: 6px 10px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-surface);
    font-size: 0.9rem;
}

.member-checkbox-list-fieldset[b-s8kia419rj] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 12px;
    background: var(--color-surface);
}

.member-checkbox-list-legend[b-s8kia419rj] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text-secondary);
    padding: 0 4px;
}

.member-checkbox-list-scroll[b-s8kia419rj] {
    max-height: 200px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.member-checkbox-list-row[b-s8kia419rj] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 6px;
    border-radius: 4px;
    cursor: pointer;
}

.member-checkbox-list-row:hover[b-s8kia419rj] {
    background: rgba(56, 79, 99, 0.06);
}

.member-checkbox-list-name[b-s8kia419rj] {
    font-size: 0.9rem;
    color: var(--color-text-primary);
}

.member-checkbox-list-role[b-s8kia419rj] {
    font-size: 0.75rem;
    color: var(--color-text-secondary);
    margin-left: auto;
}

.member-checkbox-list-empty[b-s8kia419rj] {
    padding: 16px;
    text-align: center;
    font-size: 0.85rem;
    color: var(--color-text-secondary);
    margin: 0;
}

.member-checkbox-list-summary[b-s8kia419rj] {
    margin: 8px 0 0 0;
    font-size: 0.8rem;
    color: var(--color-text-secondary);
}
/* /Components/Settings/MemberProfileModal.razor.rz.scp.css */
.member-profile-modal[b-zsva5jd0wu] {
    max-width: 480px;
}

.member-profile-close-icon[b-zsva5jd0wu] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.member-profile-summary[b-zsva5jd0wu] {
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-panel);
    background: var(--color-surface-2);
    margin-bottom: 16px;
}

.member-profile-name[b-zsva5jd0wu] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.member-profile-meta[b-zsva5jd0wu] {
    margin: 3px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}
/* /Components/Settings/NotificationPreferencesCard.razor.rz.scp.css */
/* Mirrors the in-page Settings card chrome so this child component renders
   consistently with the rest of the Settings surface.
   The .settings-card / .settings-section-icon group is duplicated from the
   page-scoped Settings.razor.css because Blazor scoped CSS adds a per-file
   scope attribute — without these rules, the card chrome would render with
   no padding and the heading icon would expand to fill its container. */

.settings-card[b-2lrh5um5ii] {
    padding: 24px;
}

.settings-card-header[b-2lrh5um5ii] {
    margin-bottom: 18px;
}

.settings-card-header-inline[b-2lrh5um5ii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.settings-card-heading[b-2lrh5um5ii] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-eyebrow[b-2lrh5um5ii] {
    margin: 0 0 2px;
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.settings-card-title[b-2lrh5um5ii] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-2lrh5um5ii] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-section-icon[b-2lrh5um5ii] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.settings-section-icon svg[b-2lrh5um5ii] {
    width: 100%;
    height: 100%;
    display: block;
}

/* ------------------------------------------------------------------------
   Notification-preferences-specific rules below.
   ------------------------------------------------------------------------ */

.notification-preferences-card .modal-alert[b-2lrh5um5ii] {
    margin: 0 0 12px;
    padding: 10px 14px;
    border-radius: var(--radius-card);
    font-size: 13px;
    font-weight: 600;
}

.notification-preferences-card .modal-alert-error[b-2lrh5um5ii] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.notif-pref-toggle-row[b-2lrh5um5ii] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 0;
    border-top: 1px solid #eef0f4;
}

.notif-pref-toggle-row:first-of-type[b-2lrh5um5ii] {
    border-top: none;
}

.notif-pref-toggle-copy[b-2lrh5um5ii] {
    flex: 1;
}

.notif-pref-toggle-copy h4[b-2lrh5um5ii] {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 600;
    color: #101828;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.notif-pref-toggle-copy p[b-2lrh5um5ii] {
    margin: 0;
    font-size: 12.5px;
    color: #667085;
    line-height: 1.5;
}

.notif-pref-switch[b-2lrh5um5ii] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    flex-shrink: 0;
    cursor: pointer;
}

.notif-pref-switch input[b-2lrh5um5ii] {
    opacity: 0;
    width: 0;
    height: 0;
}

.notif-pref-switch-track[b-2lrh5um5ii] {
    position: absolute;
    inset: 0;
    background: #d0d5dd;
    border-radius: 999px;
    transition: background 0.18s ease;
}

.notif-pref-switch-track[b-2lrh5um5ii]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: white;
    border-radius: 50%;
    transition: transform 0.18s ease;
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.15);
}

.notif-pref-switch input:checked + .notif-pref-switch-track[b-2lrh5um5ii] {
    background: #7c3aed;
}

.notif-pref-switch input:checked + .notif-pref-switch-track[b-2lrh5um5ii]::before {
    transform: translateX(18px);
}

.notif-pref-switch input:disabled[b-2lrh5um5ii] {
    cursor: not-allowed;
}
/* /Components/Settings/ReportingTreeNode.razor.rz.scp.css */
/* Scoped styles for the recursive tree node. Mirrors the hierarchy classes in
   Settings.razor.css — these cannot cascade through Blazor's scoped-CSS boundary,
   so the component carries its own copies. */

.settings-hierarchy-branch-member[b-s5vnfj5xco] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-hierarchy-branch-member p[b-s5vnfj5xco] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-hierarchy-branch-members[b-s5vnfj5xco] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    margin-left: 12px;
    padding-left: 14px;
    border-left: 2px solid rgba(114, 193, 249, 0.35);
}

.settings-team-avatar[b-s5vnfj5xco] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--color-brand-500);
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.settings-team-avatar-sm[b-s5vnfj5xco] {
    width: 26px;
    height: 26px;
    font-size: 11px;
}

.settings-hierarchy-name[b-s5vnfj5xco] {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-hierarchy-meta[b-s5vnfj5xco] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-you-badge[b-s5vnfj5xco] {
    margin-left: 6px;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-secondary);
}
/* /Components/Settings/ReportsCard.razor.rz.scp.css */
.settings-card[b-0udqgqjcff] {
    padding: 24px;
}

.settings-card-header-inline[b-0udqgqjcff] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.settings-card-heading[b-0udqgqjcff] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-title[b-0udqgqjcff] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-0udqgqjcff] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-section-icon[b-0udqgqjcff] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.reports-card-copy[b-0udqgqjcff] {
    max-width: 760px;
    margin: 0 0 14px;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

.reports-action-row[b-0udqgqjcff] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 640px) {
    .reports-action-row[b-0udqgqjcff] {
        align-items: stretch;
        flex-direction: column;
    }

    .reports-action-row .btn[b-0udqgqjcff] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Settings/ReviewLetterTemplateEditorModal.razor.rz.scp.css */
.review-template-modal[b-d3byk513bh] {
    width: min(980px, calc(100vw - 48px));
    max-width: 980px;
}

.review-template-modal .modal-body[b-d3byk513bh] {
    max-height: calc(100dvh - 180px);
    overflow-y: auto;
}

.review-template-close-icon[b-d3byk513bh] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.modal-alert[b-d3byk513bh] {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.modal-alert-error[b-d3byk513bh] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.review-template-field[b-d3byk513bh] {
    margin-bottom: 14px;
}

.review-template-meta-grid[b-d3byk513bh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    gap: 14px;
}

.review-template-textarea[b-d3byk513bh] {
    min-height: min(42dvh, 400px);
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 13px;
    line-height: 1.6;
}

.review-template-placeholders[b-d3byk513bh] {
    margin-top: 12px;
    padding: 12px;
    border-radius: 8px;
    background: #f8fafc;
}

.review-template-placeholders h4[b-d3byk513bh] {
    margin: 0 0 8px;
    color: var(--color-text-primary);
    font-size: 12px;
}

.review-template-placeholder-tabs[b-d3byk513bh] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 10px;
}

.review-template-placeholder-tab[b-d3byk513bh] {
    min-height: 28px;
    padding: 4px 10px;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: #ffffff;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.review-template-placeholder-tab:hover[b-d3byk513bh],
.review-template-placeholder-tab.is-active[b-d3byk513bh] {
    border-color: var(--color-brand-500);
    color: var(--color-brand-700);
}

.review-template-placeholder-tab.is-active[b-d3byk513bh] {
    background: rgba(124, 58, 237, 0.08);
}

.review-template-placeholder-grid[b-d3byk513bh] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
}

.review-template-placeholder[b-d3byk513bh] {
    display: grid;
    align-content: start;
    gap: 3px;
    min-height: 54px;
    padding: 6px 8px;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    background: #ffffff;
    text-align: left;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.review-template-placeholder code[b-d3byk513bh] {
    color: var(--color-brand-700);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 11px;
    line-height: 1.35;
}

.review-template-placeholder small[b-d3byk513bh] {
    color: var(--color-text-secondary);
    font-size: 11px;
    line-height: 1.3;
}

.review-template-placeholder:hover[b-d3byk513bh] {
    border-color: var(--color-brand-500);
}

@media (max-width: 640px) {
    .review-template-modal[b-d3byk513bh] {
        width: calc(100vw - 16px);
        max-width: none;
    }

    .review-template-meta-grid[b-d3byk513bh] {
        grid-template-columns: 1fr;
    }

    .review-template-textarea[b-d3byk513bh] {
        min-height: 180px;
    }

    .review-template-placeholder-grid[b-d3byk513bh] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 641px) and (max-width: 900px) {
    .review-template-modal[b-d3byk513bh] {
        width: calc(100vw - 24px);
        max-width: none;
    }

    .review-template-placeholder-grid[b-d3byk513bh] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* /Components/Settings/ReviewLetterTemplatesCard.razor.rz.scp.css */
.settings-card[b-3gmpx4q6o6] {
    padding: 24px;
}

.settings-card-header-inline[b-3gmpx4q6o6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.settings-card-heading[b-3gmpx4q6o6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-title[b-3gmpx4q6o6] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-3gmpx4q6o6] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-section-icon[b-3gmpx4q6o6] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.review-letter-template-actions[b-3gmpx4q6o6] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    flex-shrink: 0;
}

.review-letter-template-new[b-3gmpx4q6o6] {
    flex-shrink: 0;
}

.review-letter-alert[b-3gmpx4q6o6] {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
}

.review-letter-alert-success[b-3gmpx4q6o6] {
    background: rgba(34, 165, 91, 0.12);
    color: #1f7a45;
}

.review-letter-alert-error[b-3gmpx4q6o6] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.review-letter-empty[b-3gmpx4q6o6] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.review-letter-template-toolbar[b-3gmpx4q6o6] {
    margin: 0 0 14px;
}

.review-letter-template-toggle-label[b-3gmpx4q6o6] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
}

.review-letter-template-list[b-3gmpx4q6o6] {
    display: grid;
    gap: 12px;
}

.review-letter-template-row[b-3gmpx4q6o6] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: #ffffff;
}

.review-letter-template-row-inactive[b-3gmpx4q6o6] {
    opacity: 0.68;
}

.review-letter-template-row-main[b-3gmpx4q6o6] {
    min-width: 0;
}

.review-letter-template-row-titleline[b-3gmpx4q6o6] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text-primary);
    font-size: 15px;
}

.review-letter-status-pill[b-3gmpx4q6o6] {
    padding: 2px 8px;
    border-radius: 999px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    font-size: 11px;
    font-weight: 700;
}

.review-letter-scope-pill[b-3gmpx4q6o6] {
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
}

.review-letter-scope-personal[b-3gmpx4q6o6] {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

.review-letter-scope-team[b-3gmpx4q6o6] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.review-letter-scope-company[b-3gmpx4q6o6] {
    background: rgba(168, 85, 247, 0.12);
    color: #7e22ce;
}

.review-letter-template-date[b-3gmpx4q6o6] {
    display: block;
    margin-top: 2px;
    color: var(--color-text-muted);
    font-size: 12px;
}

.review-letter-template-snippet[b-3gmpx4q6o6] {
    margin: 10px 0 0;
    color: var(--color-text-secondary);
    font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    font-size: 12.5px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.review-letter-template-row-actions[b-3gmpx4q6o6] {
    display: inline-flex;
    align-items: flex-start;
    gap: 6px;
}

.review-letter-template-edit[b-3gmpx4q6o6],
.review-letter-template-deactivate[b-3gmpx4q6o6] {
    align-self: start;
    gap: 6px;
}

.review-letter-template-deactivate[b-3gmpx4q6o6] {
    color: var(--color-danger);
}

.review-letter-icon[b-3gmpx4q6o6] {
    display: inline-flex;
    width: 16px;
    height: 16px;
}

.review-letter-divider[b-3gmpx4q6o6] {
    height: 1px;
    background: var(--color-border);
    margin: 18px 0 16px;
}

.review-letter-section-title[b-3gmpx4q6o6] {
    margin: 0 0 10px;
    font-size: 14px;
    color: var(--color-text-primary);
}

.review-letter-saved-list[b-3gmpx4q6o6] {
    display: grid;
    gap: 8px;
}

.review-letter-saved-row[b-3gmpx4q6o6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: #ffffff;
}

.review-letter-saved-main[b-3gmpx4q6o6] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

.review-letter-saved-copy strong[b-3gmpx4q6o6] {
    display: block;
    color: var(--color-text-primary);
    font-size: 13px;
    line-height: 1.25;
}

.review-letter-saved-copy span[b-3gmpx4q6o6] {
    display: block;
    color: var(--color-text-secondary);
    font-size: 12px;
    line-height: 1.45;
}

.review-letter-saved-icon[b-3gmpx4q6o6],
.review-letter-inline-icon[b-3gmpx4q6o6] {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: var(--color-brand-600);
    flex-shrink: 0;
}

.review-letter-saved-icon[b-3gmpx4q6o6] {
    margin-top: 2px;
}

.review-letter-saved-actions[b-3gmpx4q6o6] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
}

.review-letter-delete-button[b-3gmpx4q6o6] {
    color: var(--color-danger);
}

@media (max-width: 640px) {
    .settings-card-header-inline[b-3gmpx4q6o6],
    .review-letter-template-row[b-3gmpx4q6o6],
    .review-letter-saved-row[b-3gmpx4q6o6],
    .review-letter-template-row-actions[b-3gmpx4q6o6],
    .review-letter-saved-actions[b-3gmpx4q6o6] {
        grid-template-columns: 1fr;
        display: grid;
    }

    .review-letter-template-actions[b-3gmpx4q6o6] {
        width: 100%;
        justify-content: stretch;
    }

    .review-letter-template-actions .btn[b-3gmpx4q6o6],
    .review-letter-template-new[b-3gmpx4q6o6],
    .review-letter-template-edit[b-3gmpx4q6o6],
    .review-letter-template-deactivate[b-3gmpx4q6o6],
    .review-letter-saved-actions .btn[b-3gmpx4q6o6] {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Settings/RewardCardRow.razor.rz.scp.css */
.rewards-reward-card[b-jm1esn6tut] {
    margin-bottom: 12px;
    padding: 14px 16px;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.rewards-reward-card-inactive[b-jm1esn6tut] {
    background: var(--color-surface-2);
}

.rewards-reward-card-draft[b-jm1esn6tut] {
    border-color: var(--color-brand-500);
    border-style: dashed;
}

.rewards-reward-card-editing[b-jm1esn6tut] {
    background: #ffffff;
}

.rewards-reward-card-header[b-jm1esn6tut] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.rewards-reward-card-heading[b-jm1esn6tut] {
    display: flex;
    align-items: flex-start;
    min-width: 0;
}

.rewards-reward-card-heading-text[b-jm1esn6tut] {
    min-width: 0;
}

.rewards-reward-card-titleline[b-jm1esn6tut] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rewards-reward-card-title[b-jm1esn6tut] {
    margin: 0;
    font-size: 15px;
    line-height: 1.25;
    color: var(--color-text-primary);
}

.rewards-reward-card-description[b-jm1esn6tut] {
    margin: 5px 0 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.rewards-reward-card-value-pill[b-jm1esn6tut],
.rewards-reward-card-draft-badge[b-jm1esn6tut],
.rewards-reward-card-inactive-pill[b-jm1esn6tut],
.rewards-reward-card-failure-pill[b-jm1esn6tut] {
    padding: 2px 8px;
    border-radius: var(--radius-pill);
    font-size: 11px;
    font-weight: 600;
}

.rewards-reward-card-value-pill[b-jm1esn6tut] {
    background: rgba(16, 185, 129, 0.12);
    color: #047857;
}

.rewards-reward-card-draft-badge[b-jm1esn6tut] {
    background: rgba(99, 102, 241, 0.12);
    color: var(--color-brand-600);
}

.rewards-reward-card-inactive-pill[b-jm1esn6tut] {
    background: rgba(107, 114, 128, 0.12);
    color: var(--color-text-secondary);
}

.rewards-reward-card-failure-pill[b-jm1esn6tut] {
    background: rgba(239, 68, 68, 0.12);
    color: var(--color-danger);
    cursor: help;
}

.rewards-reward-card-grid[b-jm1esn6tut] {
    display: grid;
    grid-template-columns: 1fr 120px;
    gap: 12px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--color-border);
}

.rewards-reward-card-name-cell[b-jm1esn6tut] {
    grid-column: 1 / 2;
    grid-row: 1;
}

.rewards-reward-card-value-cell[b-jm1esn6tut] {
    grid-column: 2 / 3;
    grid-row: 1;
}

.rewards-reward-card-description-cell[b-jm1esn6tut] {
    grid-column: 1 / 3;
    grid-row: 2;
}

.rewards-reward-card-actions[b-jm1esn6tut] {
    display: flex;
    gap: 8px;
    flex-shrink: 0;
    align-items: flex-start;
}

.rewards-reward-card-action-button[b-jm1esn6tut] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rewards-reward-card-manage-button[b-jm1esn6tut] {
    min-width: 92px;
    font-weight: 600;
}

.rewards-reward-card-action-icon[b-jm1esn6tut] {
    width: 14px;
    height: 14px;
    display: inline-flex;
    flex-shrink: 0;
}

.rewards-reward-card-money-field[b-jm1esn6tut] {
    display: flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    background: var(--color-surface-3);
    overflow: hidden;
}

.rewards-reward-card-money-field > span[b-jm1esn6tut] {
    width: 32px;
    color: var(--color-text-secondary);
    text-align: center;
    border-right: 1px solid var(--color-border);
}

.rewards-reward-card-money-field input[b-jm1esn6tut] {
    border: 0;
    border-radius: 0;
    min-width: 0;
    text-align: right;
    background: transparent;
}

.rewards-reward-card-money-field input:focus[b-jm1esn6tut] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: -2px;
}

@media (max-width: 720px) {
    .rewards-reward-card-header[b-jm1esn6tut],
    .rewards-reward-card-heading[b-jm1esn6tut],
    .rewards-reward-card-titleline[b-jm1esn6tut] {
        flex-direction: column;
        align-items: stretch;
    }

    .rewards-reward-card-actions[b-jm1esn6tut],
    .rewards-reward-card-actions .btn[b-jm1esn6tut] {
        width: 100%;
    }

    .rewards-reward-card-action-button[b-jm1esn6tut] {
        justify-content: center;
    }

    .rewards-reward-card-grid[b-jm1esn6tut] {
        grid-template-columns: 1fr;
    }

    .rewards-reward-card-name-cell[b-jm1esn6tut],
    .rewards-reward-card-value-cell[b-jm1esn6tut],
    .rewards-reward-card-description-cell[b-jm1esn6tut] {
        grid-column: auto;
        grid-row: auto;
    }
}
/* /Components/Settings/RewardsBudgetStrip.razor.rz.scp.css */
.rewards-budget-strip[b-rz27lzhmme] {
    margin-bottom: 16px;
    padding: 12px 14px;
    background: var(--color-surface-3);
    border-radius: var(--radius-card);
    border: 1px solid var(--color-border);
}

.rewards-budget-strip-row[b-rz27lzhmme] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 14px;
    color: var(--color-text-primary);
}

.rewards-budget-strip-label[b-rz27lzhmme] {
    font-weight: 600;
}

.rewards-budget-strip-separator[b-rz27lzhmme] {
    color: var(--color-text-secondary);
}

.rewards-budget-strip-metric[b-rz27lzhmme] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.rewards-budget-strip-metric-label[b-rz27lzhmme] {
    color: var(--color-text-secondary);
    font-weight: 500;
}

.rewards-budget-strip-value[b-rz27lzhmme] {
    font-weight: 600;
}

.rewards-budget-strip-actions[b-rz27lzhmme] {
    margin-left: auto;
    display: inline-flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

.rewards-budget-strip-edit-button[b-rz27lzhmme] {
    font-weight: 600;
}

.rewards-budget-strip-cancel-edit-button[b-rz27lzhmme] {
    font-weight: 600;
}

.rewards-budget-strip-input[b-rz27lzhmme] {
    width: 120px;
    padding: 4px 8px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 14px;
}

.rewards-topup-form[b-rz27lzhmme] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rewards-budget-reason-form[b-rz27lzhmme] {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.rewards-topup-form-label[b-rz27lzhmme] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.rewards-topup-form-input[b-rz27lzhmme] {
    width: min(260px, 100%);
    padding: 6px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    font-size: 14px;
}
/* /Components/Settings/RewardsManagementModal.razor.rz.scp.css */
.rewards-management-modal[b-vlfpvl41kr] {
    max-width: 960px;
}

.rewards-management-modal-required-hint[b-vlfpvl41kr] {
    margin: 0 0 12px;
}

.rewards-management-modal-stacked-action[b-vlfpvl41kr] {
    margin-top: 8px;
}

.rewards-catalogue-section[b-vlfpvl41kr] {
    margin-top: 12px;
}

.rewards-management-tabs[b-vlfpvl41kr] {
    margin-bottom: 16px;
}

.rewards-budget-section[b-vlfpvl41kr],
.rewards-spend-section[b-vlfpvl41kr],
.rewards-audit-section[b-vlfpvl41kr] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.rewards-budget-request-form[b-vlfpvl41kr] {
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-2);
}

.rewards-budget-request-grid[b-vlfpvl41kr] {
    display: grid;
    grid-template-columns: minmax(140px, 180px) minmax(220px, 1fr) auto;
    gap: 10px;
    align-items: end;
    margin-top: 10px;
}

.rewards-budget-decision[b-vlfpvl41kr] {
    display: grid;
    grid-template-columns: minmax(160px, 1fr) auto auto;
    gap: 8px;
    align-items: end;
    min-width: 360px;
}

.rewards-budget-decision-field[b-vlfpvl41kr] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.rewards-budget-request-focused[b-vlfpvl41kr] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: -2px;
    background: var(--color-surface-3);
}

.rewards-catalogue-toolbar[b-vlfpvl41kr] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--color-border);
    flex-wrap: wrap;
    gap: 12px;
}

.rewards-catalogue-title[b-vlfpvl41kr] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}

.rewards-catalogue-subtitle[b-vlfpvl41kr] {
    margin: 3px 0 0;
    color: var(--color-text-secondary);
    font-size: 12.5px;
}

.rewards-catalogue-toolbar-actions[b-vlfpvl41kr] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.rewards-catalogue-show-inactive[b-vlfpvl41kr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    color: var(--color-text-secondary);
    cursor: pointer;
    min-height: 32px;
}

.rewards-catalogue-add-button[b-vlfpvl41kr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.rewards-catalogue-action-icon[b-vlfpvl41kr] {
    width: 14px;
    height: 14px;
    display: inline-flex;
    flex-shrink: 0;
}

.rewards-catalogue-list[b-vlfpvl41kr] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rewards-catalogue-empty[b-vlfpvl41kr] {
    margin: 24px 0;
    text-align: center;
    color: var(--color-text-secondary);
    font-style: italic;
}

.rewards-management-close[b-vlfpvl41kr] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.rewards-management-close:hover[b-vlfpvl41kr] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.rewards-management-close-icon[b-vlfpvl41kr] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.rewards-management-close-icon svg[b-vlfpvl41kr] {
    width: 100%;
    height: 100%;
}

@media (max-width: 720px) {
    .rewards-budget-request-grid[b-vlfpvl41kr],
    .rewards-budget-decision[b-vlfpvl41kr] {
        grid-template-columns: 1fr;
    }

    .rewards-catalogue-toolbar[b-vlfpvl41kr],
    .rewards-catalogue-toolbar-actions[b-vlfpvl41kr],
    .rewards-catalogue-toolbar-actions .btn[b-vlfpvl41kr] {
        width: 100%;
    }

    .rewards-catalogue-toolbar-actions[b-vlfpvl41kr] {
        justify-content: stretch;
    }

    .rewards-catalogue-toolbar-actions .btn[b-vlfpvl41kr] {
        justify-content: center;
    }
}

/* Export panel — sits between the tab bar and the active tab content.
   Tab row becomes a flex container so the Export button right-aligns. */
.rewards-management-tab-row[b-vlfpvl41kr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.rewards-management-export-toggle[b-vlfpvl41kr] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.rewards-management-export-icon[b-vlfpvl41kr] {
    width: 16px;
    height: 16px;
    display: inline-flex;
}

.rewards-management-export-panel[b-vlfpvl41kr] {
    margin: 12px 0;
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface-muted);
}

.rewards-management-export-grid[b-vlfpvl41kr] {
    display: grid;
    grid-template-columns: minmax(160px, 1.5fr) repeat(2, minmax(140px, 1fr));
    gap: 12px;
    align-items: end;
}

.rewards-management-export-field[b-vlfpvl41kr] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.rewards-management-export-hint[b-vlfpvl41kr] {
    margin: 12px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.rewards-management-export-actions[b-vlfpvl41kr] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

@media (max-width: 720px) {
    .rewards-management-export-grid[b-vlfpvl41kr] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Settings/RowActionMenu.razor.rz.scp.css */
.row-menu[b-oajah073gi] {
    position: relative;
    display: inline-block;
}

.row-menu-trigger[b-oajah073gi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: transparent;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.row-menu-trigger:hover[b-oajah073gi] {
    background: var(--color-surface-3);
    border-color: var(--color-border-hover);
    color: var(--color-text-primary);
}

.row-menu-trigger:focus-visible[b-oajah073gi] {
    outline: none;
    border-color: var(--color-brand-500);
    box-shadow: 0 0 0 3px var(--color-brand-tint);
}

.row-menu-trigger-icon[b-oajah073gi],
.row-menu-trigger-icon svg[b-oajah073gi] {
    width: 18px;
    height: 18px;
    display: inline-flex;
}

.row-menu-backdrop[b-oajah073gi] {
    position: fixed;
    inset: 0;
    z-index: 5;
}

.row-menu-popup[b-oajah073gi] {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 10;
    min-width: 200px;
    padding: 6px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-panel);
    box-shadow: 0 12px 32px rgba(16, 24, 40, 0.12);
    display: flex;
    flex-direction: column;
    gap: 2px;
}

[b-oajah073gi] .row-menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 8px 10px;
    background: transparent;
    border: none;
    border-radius: var(--radius-sm);
    color: var(--color-text-primary);
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
}

[b-oajah073gi] .row-menu-item:hover:not(:disabled) {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
}

[b-oajah073gi] .row-menu-item:disabled {
    color: var(--color-text-muted);
    cursor: not-allowed;
}

[b-oajah073gi] .row-menu-item-danger {
    color: var(--color-danger-foreground);
}

[b-oajah073gi] .row-menu-item-danger:hover:not(:disabled) {
    background: var(--color-danger-tint);
    color: var(--color-danger-foreground);
}

[b-oajah073gi] .row-menu-item-icon {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: currentColor;
}

[b-oajah073gi] .row-menu-item-icon svg {
    width: 16px;
    height: 16px;
}

[b-oajah073gi] .row-menu-divider {
    height: 1px;
    margin: 4px 0;
    background: var(--color-border);
    border: none;
}
/* /Components/Shared/ConfirmDialog.razor.rz.scp.css */
/* ConfirmDialog.razor.css */
/* Component-specific scoped CSS only. Global classes (.modal-overlay,.modal, */
/* .modal-header,.modal-body,.modal-footer,.btn,.btn-primary,.btn-danger, */
/* .btn-secondary,.btn-ghost,.btn-sm,.modal-title,.modal-close-icon) live */
/* in TurtonHQ/wwwroot/css/app.css and MUST NOT be redeclared here. */

.confirm-dialog[b-01kvpw8r92] {
    max-width: 480px;
}

.confirm-dialog-message[b-01kvpw8r92] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-primary);
    line-height: 1.5;
}
/* /Components/Shared/KpiListCard.razor.rz.scp.css */
.kpi-list-card[b-gif065rsef] {
    display: block;
    padding: 0;
    border-radius: var(--radius-card);
    overflow: hidden;
}

.kpi-list-card-main[b-gif065rsef] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
}

/* Card body opens the detail modal; pending-completion actions live below. */
.kpi-list-card-clickable[b-gif065rsef] {
    cursor: pointer;
}

.kpi-list-card:hover[b-gif065rsef],
.kpi-list-card:focus-within[b-gif065rsef] {
    border-color: var(--color-border-hover);
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.kpi-list-card-main:focus-visible[b-gif065rsef] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: -2px;
}

.kpi-list-card-status[b-gif065rsef] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 4px solid currentColor;
}

.kpi-list-card-status-ontrack[b-gif065rsef] { color: var(--color-success); }
.kpi-list-card-status-warning[b-gif065rsef] { color: var(--color-warning); }
.kpi-list-card-status-behind[b-gif065rsef] { color: var(--color-danger); }
.kpi-list-card-status-complete[b-gif065rsef] { color: var(--color-success); }
.kpi-list-card-status-finalised-below-target[b-gif065rsef] { color: var(--color-warning); }

.kpi-list-card-body[b-gif065rsef] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kpi-list-card-head[b-gif065rsef] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
}

.kpi-list-card-title-row[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex-wrap: wrap;
}

.kpi-list-card-name[b-gif065rsef] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-text-primary);
}

.kpi-list-card-pct-wrap[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.kpi-list-card-pct[b-gif065rsef] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.kpi-list-card-trend[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    width: 16px;
    height: 16px;
    line-height: 0;
}

.kpi-list-card-trend-up[b-gif065rsef] { color: var(--color-success); }
.kpi-list-card-trend-down[b-gif065rsef] { color: var(--color-danger); }
.kpi-list-card-trend-flat[b-gif065rsef] { color: var(--color-text-muted); }

.kpi-list-card-meta[b-gif065rsef] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-secondary);
}

.kpi-list-card-assignment[b-gif065rsef] {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.kpi-list-card-values[b-gif065rsef] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.35;
}

.kpi-list-card-value-chip[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    background: rgba(34, 165, 91, 0.10);
    border: 1px solid rgba(34, 165, 91, 0.24);
    color: var(--color-success);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.progress-bar-wrap[b-gif065rsef] {
    margin-top: 8px;
    height: 6px;
    background: var(--color-border);
    border-radius: 999px;
    overflow: hidden;
}

.progress-bar-fill[b-gif065rsef] {
    height: 100%;
    border-radius: 999px;
    transition: width 0.3s ease;
}

.progress-bar-fill.kpi-list-card-status-ontrack[b-gif065rsef] { background: var(--color-success); }
.progress-bar-fill.kpi-list-card-status-warning[b-gif065rsef] { background: var(--color-warning); }
.progress-bar-fill.kpi-list-card-status-behind[b-gif065rsef] { background: var(--color-danger); }
.progress-bar-fill.kpi-list-card-status-complete[b-gif065rsef] { background: var(--color-success); }
.progress-bar-fill.kpi-list-card-status-finalised-below-target[b-gif065rsef] { background: var(--color-warning); }

.kpi-list-card-source-template-chip[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color-text-secondary);
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kpi-list-card-lifecycle-chip[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.kpi-list-card-lifecycle-chip-pending[b-gif065rsef] {
    color: var(--color-info);
    background: rgba(59, 130, 246, 0.10);
    border-color: rgba(59, 130, 246, 0.28);
}

.kpi-list-card-lifecycle-chip-returned[b-gif065rsef] {
    color: var(--color-danger);
    background: rgba(239, 68, 68, 0.10);
    border-color: rgba(239, 68, 68, 0.24);
}

.kpi-list-card-lifecycle-chip-finalised[b-gif065rsef] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
    border-color: var(--color-border);
}

.kpi-list-card-outcome-chip[b-gif065rsef] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    border: 1px solid var(--color-border);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}

.kpi-list-card-outcome-chip-success[b-gif065rsef] {
    color: var(--color-success);
    background: rgba(34, 165, 91, 0.10);
    border-color: rgba(34, 165, 91, 0.24);
}

.kpi-list-card-outcome-chip-below-target[b-gif065rsef] {
    color: var(--color-warning-foreground);
    background: var(--color-warning-tint);
    border-color: var(--color-warning-border);
}

.kpi-list-card-actions[b-gif065rsef] {
    margin: 0 16px 16px 56px;
    padding-top: 14px;
    border-top: 1px solid var(--color-border);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
}

.kpi-list-card-review-note[b-gif065rsef] {
    margin: 0;
    min-width: 0;
    color: var(--color-text-secondary);
    font-size: 13px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.kpi-list-card-action-buttons[b-gif065rsef] {
    display: inline-flex;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.kpi-list-card-action-buttons .btn[b-gif065rsef],
.kpi-list-card-action-buttons[b-gif065rsef]  .btn {
    min-height: 36px;
    padding: 7px 14px;
    line-height: 1.2;
}

@media (max-width: 640px) {
    .kpi-list-card-main[b-gif065rsef] {
        align-items: flex-start;
        gap: 12px;
        padding: 14px;
    }

    .kpi-list-card-actions[b-gif065rsef] {
        margin: 0 14px 14px;
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    .kpi-list-card-action-buttons[b-gif065rsef] {
        flex-direction: column;
        align-items: stretch;
    }

    .kpi-list-card-action-buttons .btn[b-gif065rsef],
    .kpi-list-card-action-buttons[b-gif065rsef]  .btn {
        width: 100%;
        justify-content: center;
    }
}
/* /Components/Shared/MetricCard.razor.rz.scp.css */
.metric-card[b-dbv92jrrv7] {
    padding: 18px 20px;
}

.metric-card-body[b-dbv92jrrv7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.metric-card-content[b-dbv92jrrv7] {
    min-width: 0;
}

.metric-card-label[b-dbv92jrrv7] {
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-muted);
}

.metric-card-value[b-dbv92jrrv7] {
    margin: 0;
    font-size: 30px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0;
    color: var(--color-text-primary);
}

.metric-card-note[b-dbv92jrrv7] {
    margin: 8px 0 0;
    font-size: 12px;
    color: var(--color-text-primary);
}

.metric-card-icon[b-dbv92jrrv7] {
    min-width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
}

/* (UAT round-2): semantic color modifiers for the value text. Callers
   pass these via the ValueClass parameter; e.g. KPIs page uses metric-value-warning
   for "On Track", metric-value-danger for "Needs Attention", metric-value-success
   for "Completed". These rules were referenced in but never defined
   anywhere — values rendered with default text color in both Me and team-member
   views. Defined here (scoped) so they reach the rendered <p class="metric-card-value
   metric-value-X"> element regardless of which page mounts the MetricCard. */
.metric-card-value.metric-value-warning[b-dbv92jrrv7] { color: var(--color-warning); }
.metric-card-value.metric-value-danger[b-dbv92jrrv7]  { color: var(--color-danger); }
.metric-card-value.metric-value-success[b-dbv92jrrv7] { color: var(--color-success); }
.metric-card-value.metric-value-muted[b-dbv92jrrv7]   { color: var(--color-text-secondary); }

.metric-card-value.metric-value-chip[b-dbv92jrrv7] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 26px;
    padding: 3px 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-pill);
    background: var(--color-surface-3);
    font-size: 13px;
    line-height: 1.2;
    overflow-wrap: anywhere;
    vertical-align: top;
}
/* /Components/Shared/NotificationsCenter.razor.rz.scp.css */
.notif-dropdown[b-0exxbe3pnl] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: 370px;
    max-height: 420px;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg, 12px);
    box-shadow: 0 12px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08);
    z-index: 500;
    display: flex;
    flex-direction: column;
    animation: notifFadeIn-b-0exxbe3pnl 0.15s ease;
}

@keyframes notifFadeIn-b-0exxbe3pnl {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

.notif-dropdown-header[b-0exxbe3pnl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px 12px;
}

.notif-dropdown-title[b-0exxbe3pnl] {
    font-weight: 600;
    font-size: 15px;
    color: var(--color-text-primary);
}

.notif-dismiss-all[b-0exxbe3pnl] {
    background: none;
    border: none;
    color: var(--color-text-muted);
    font-size: 13px;
    font-family: var(--font-sans);
    cursor: pointer;
    padding: 0;
}

.notif-dismiss-all:hover[b-0exxbe3pnl] {
    color: var(--color-text-secondary);
}

.notif-dropdown-list[b-0exxbe3pnl] {
    flex: 1;
    overflow-y: auto;
    padding-bottom: 4px;
    max-height: 340px; /* ~10 rows at 34px each; list scrolls when notifications exceed 10 */
}

.notif-dropdown-item[b-0exxbe3pnl] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0 8px 0 0;
    transition: background 0.15s;
}

.notif-dropdown-item:hover[b-0exxbe3pnl],
.notif-dropdown-item:focus-within[b-0exxbe3pnl] {
    background: var(--color-surface-3);
}

.notif-row-main[b-0exxbe3pnl] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 11px 10px 11px 18px;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.notif-row-main:focus-visible[b-0exxbe3pnl] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: -2px;
}

.notif-type-icon[b-0exxbe3pnl] {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--color-surface-3);
    color: var(--color-text-muted);
    margin-top: 2px;
}

.notif-type-icon svg[b-0exxbe3pnl] {
    width: 13px;
    height: 13px;
    display: block;
}

.notif-type-icon--positive[b-0exxbe3pnl] {
    color: var(--color-success);
    background: rgba(34, 165, 91, 0.1);
}

.notif-type-icon--negative[b-0exxbe3pnl] {
    color: var(--color-danger);
    background: rgba(239, 68, 68, 0.1);
}

.notif-type-icon--neutral.notif-type-icon--goals[b-0exxbe3pnl],
.notif-type-icon--neutral.notif-type-icon--settings[b-0exxbe3pnl] {
    color: var(--color-text-muted);
    background: var(--color-surface-3);
}

.notif-type-icon--neutral.notif-type-icon--checkins[b-0exxbe3pnl] {
    color: var(--color-warning);
    background: rgba(245, 158, 11, 0.12);
}

.notif-type-icon--recognition[b-0exxbe3pnl] {
    color: var(--color-brand-500);
    background: rgba(124, 58, 237, 0.1);
}

.notif-type-icon--neutral.notif-type-icon--kpis[b-0exxbe3pnl] {
    color: var(--color-brand-500);
    background: rgba(124, 58, 237, 0.1);
}

.notif-content[b-0exxbe3pnl] {
    flex: 1;
    min-width: 0;
    display: block;
}

.notif-msg[b-0exxbe3pnl] {
    display: block;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.notif-msg--unread[b-0exxbe3pnl] {
    font-weight: 600;
    color: var(--color-text-primary);
}

.notif-meta[b-0exxbe3pnl] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
}

.notif-time[b-0exxbe3pnl] {
    font-size: 11px;
    color: var(--color-text-muted);
}

.notif-view-hint[b-0exxbe3pnl] {
    font-size: 11px;
    color: var(--color-brand-500);
    font-weight: 500;
}

.notif-actions[b-0exxbe3pnl] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
    margin-top: 11px;
    padding-right: 10px;
}

.notif-unread-dot[b-0exxbe3pnl] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--color-brand-500);
    flex-shrink: 0;
}

.notif-row-dismiss[b-0exxbe3pnl] {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    border-radius: 4px;
    color: var(--color-text-muted);
    cursor: pointer;
    padding: 0;
    transition: all 0.15s;
    flex-shrink: 0;
}

.notif-row-dismiss:hover[b-0exxbe3pnl] {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
}

.notif-row-dismiss-icon[b-0exxbe3pnl] {
    width: 14px;
    height: 14px;
    display: inline-flex;
}

.notif-row-dismiss-icon svg[b-0exxbe3pnl] {
    width: 100%;
    height: 100%;
    display: block;
}

@media (max-width: 900px) {
    .notif-dropdown[b-0exxbe3pnl] {
        position: fixed;
        top: 66px;
        right: 10px;
        left: 10px;
        width: auto;
        max-height: calc(100dvh - 150px - env(safe-area-inset-bottom));
        border-radius: var(--radius-panel);
    }
}
/* /Components/Shared/ProgressiveList.razor.rz.scp.css */
.progressive-list[b-estjc4k6a7] {
    display: grid;
    gap: 12px;
}

.progressive-list-spacious[b-estjc4k6a7] {
    gap: 16px;
}

.progressive-list-actions[b-estjc4k6a7] {
    display: flex;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.progressive-list-toggle[b-estjc4k6a7] {
    box-shadow: none;
}

@media (max-width: 640px) {
    .progressive-list-actions[b-estjc4k6a7] {
        justify-content: stretch;
    }

    .progressive-list-toggle[b-estjc4k6a7] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}
/* /Components/Shared/ToastHost.razor.rz.scp.css */
.toast-host[b-y14wkob8lj] {
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 1200;
    display: grid;
    gap: 10px;
    width: min(380px, calc(100vw - 32px));
    pointer-events: none;
}

.toast-item[b-y14wkob8lj] {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr) 28px;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: var(--color-surface, #fff);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.18);
    color: var(--color-text-primary, #1f2937);
    pointer-events: auto;
}

.toast-icon[b-y14wkob8lj] {
    width: 22px;
    height: 22px;
    margin-top: 1px;
}

.toast-copy[b-y14wkob8lj] {
    min-width: 0;
}

.toast-title[b-y14wkob8lj] {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.toast-body[b-y14wkob8lj] {
    margin-top: 3px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary, #5b667a);
}

.toast-dismiss[b-y14wkob8lj] {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: currentColor;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.toast-dismiss:hover[b-y14wkob8lj],
.toast-dismiss:focus-visible[b-y14wkob8lj] {
    background: rgba(15, 23, 42, 0.08);
}

.toast-dismiss svg[b-y14wkob8lj] {
    width: 16px;
    height: 16px;
}

.toast-item-success[b-y14wkob8lj] {
    border-color: rgba(34, 197, 94, 0.28);
}

.toast-item-success .toast-icon[b-y14wkob8lj] {
    color: #15803d;
}

.toast-item-info[b-y14wkob8lj] {
    border-color: rgba(59, 130, 246, 0.28);
}

.toast-item-info .toast-icon[b-y14wkob8lj] {
    color: #2563eb;
}

.toast-item-warning[b-y14wkob8lj] {
    border-color: rgba(245, 158, 11, 0.34);
}

.toast-item-warning .toast-icon[b-y14wkob8lj] {
    color: #b45309;
}

.toast-item-error[b-y14wkob8lj] {
    border-color: rgba(239, 68, 68, 0.30);
}

.toast-item-error .toast-icon[b-y14wkob8lj] {
    color: #dc2626;
}

@media (max-width: 900px) {
    .toast-host[b-y14wkob8lj] {
        right: 12px;
        bottom: calc(84px + env(safe-area-inset-bottom));
        left: 12px;
        width: auto;
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-3oayr8ziwz] {
    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-3oayr8ziwz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.notif-bell-wrapper[b-3oayr8ziwz] {
    position: relative;
}

.notif-overlay[b-3oayr8ziwz] {
    position: fixed;
    inset: 0;
    z-index: 499;
}

@media (max-width: 900px) {
    .notif-bell-wrapper[b-3oayr8ziwz] {
        position: static;
    }
}
/* /Pages/CheckIns.razor.rz.scp.css */
.checkins-shell[b-cp7dvx4u4z] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.checkins-header[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}

.checkins-alert-wrap[b-cp7dvx4u4z] {
    margin-bottom: 24px;
}

.checkins-heading[b-cp7dvx4u4z] {
    min-width: 0;
    flex: 1 1 auto;
}

.checkins-title[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--color-text-primary);
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.checkins-subtitle[b-cp7dvx4u4z] {
    margin: 6px 0 0;
    font-size: 16px;
    color: var(--color-text-secondary);
}

.checkins-header-actions[b-cp7dvx4u4z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.checkins-top-action[b-cp7dvx4u4z] {
    box-shadow: none;
}

.checkins-top-action[disabled][b-cp7dvx4u4z] {
    opacity: 0.55;
    cursor: not-allowed;
}

.checkins-header-note[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(100, 116, 139, 0.22);
    border-radius: var(--radius-card);
    background: rgba(100, 116, 139, 0.08);
    color: var(--color-text-secondary);
    font-size: 13px;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.checkins-section[b-cp7dvx4u4z] {
    margin-bottom: 32px;
}

.checkins-section-head[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.checkins-section-title[b-cp7dvx4u4z] {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.checkins-section-head .checkins-section-title[b-cp7dvx4u4z] {
    margin-bottom: 0;
}

.checkins-metrics-grid[b-cp7dvx4u4z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.checkins-card-list[b-cp7dvx4u4z] {
    display: grid;
    gap: 16px;
}

.checkins-series-section[b-cp7dvx4u4z] {
    margin-top: 4px;
}

.checkins-series-toggle[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font: inherit;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.checkins-series-toggle:hover[b-cp7dvx4u4z] {
    color: var(--color-text-primary);
}

.checkins-series-toggle-icon[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.checkins-series-toggle-icon[b-cp7dvx4u4z]  svg {
    width: 18px;
    height: 18px;
}

.checkins-series-list[b-cp7dvx4u4z] {
    display: grid;
    gap: 10px;
}

.checkins-series-list-collapsed[b-cp7dvx4u4z] {
    display: none;
}

.checkins-series-row[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    border: 1px solid rgba(203, 213, 225, 0.9);
    border-radius: var(--radius-card);
    background: #ffffff;
}

.checkins-series-main[b-cp7dvx4u4z] {
    display: grid;
    flex: 1;
    gap: 8px;
    min-width: 0;
}

.checkins-series-heading-row[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.checkins-series-heading-copy[b-cp7dvx4u4z] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.checkins-series-kicker[b-cp7dvx4u4z] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.2;
    text-transform: uppercase;
}

.checkins-series-title[b-cp7dvx4u4z] {
    margin: 0;
    color: var(--color-text-primary);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.checkins-series-actions[b-cp7dvx4u4z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.checkins-series-action[b-cp7dvx4u4z] {
    min-width: 82px;
}

.checkins-group-list[b-cp7dvx4u4z] {
    margin-top: 16px;
}

.checkin-card[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 18px;
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
    background: #ffffff;
    border: 1px solid rgba(223, 228, 234, 0.95);
}

.checkin-card-clickable[b-cp7dvx4u4z] {
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.checkin-card-clickable:hover[b-cp7dvx4u4z] {
    border-color: var(--color-border-hover);
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.checkin-card-clickable:focus-visible[b-cp7dvx4u4z] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 3px;
    border-color: var(--color-border-hover);
}

.checkin-card-default[b-cp7dvx4u4z] {
    border-color: rgba(223, 228, 234, 0.95);
}

.checkin-card-pending[b-cp7dvx4u4z] {
    border-color: rgba(158, 124, 247, 0.3);
}

.checkin-card-accepted[b-cp7dvx4u4z],
.checkin-card-completed[b-cp7dvx4u4z] {
    border-color: rgba(34, 197, 94, 0.35);
}

.checkin-card-icon[b-cp7dvx4u4z] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
}

.checkin-card-icon svg[b-cp7dvx4u4z] {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.flag-icon[b-cp7dvx4u4z] {
    color: #9e7cf7;
}

.check-icon[b-cp7dvx4u4z] {
    color: var(--color-success);
}

.counterproposal-icon[b-cp7dvx4u4z] {
    color: var(--color-warning);
}

.checkin-card-content[b-cp7dvx4u4z] {
    flex: 1;
    min-width: 0;
}

.checkin-card-footnote[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-primary);
}

.checkin-card-footnote[b-cp7dvx4u4z] {
    color: var(--color-text-secondary);
}

.checkin-card-heading[b-cp7dvx4u4z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 8px;
}

.checkin-card-heading-copy[b-cp7dvx4u4z] {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 5px;
}

.checkin-card-statuses[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}

.checkin-card-title[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.checkin-card-footnote[b-cp7dvx4u4z] {
    margin-top: 10px;
    font-size: 12px;
}

.checkin-card-badge[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.checkin-card-badge-pending[b-cp7dvx4u4z] {
    background: rgba(158, 124, 247, 0.12);
    color: #6d50cf;
}

.checkin-card-badge-accepted[b-cp7dvx4u4z],
.checkin-card-badge-completed[b-cp7dvx4u4z] {
    background: rgba(34, 197, 94, 0.12);
    color: #15803d;
}

.checkin-card-badge-declined[b-cp7dvx4u4z] {
    background: rgba(239, 68, 68, 0.12);
    color: #b91c1c;
}

.checkin-compact-details[b-cp7dvx4u4z] {
    display: grid;
    gap: 7px;
    margin-top: 6px;
}

.checkin-meta-strip[b-cp7dvx4u4z],
.checkin-involvement-strip[b-cp7dvx4u4z],
.checkin-counter-strip[b-cp7dvx4u4z] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
}

.checkin-meta-strip[b-cp7dvx4u4z] {
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-primary);
}

.checkin-involvement-strip[b-cp7dvx4u4z] {
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.checkin-meta-item[b-cp7dvx4u4z],
.checkin-involvement-item[b-cp7dvx4u4z] {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    min-width: 0;
    overflow-wrap: anywhere;
}

.checkin-meta-label[b-cp7dvx4u4z],
.checkin-counter-label[b-cp7dvx4u4z] {
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--color-text-secondary);
    text-transform: uppercase;
}

.checkin-meta-divider[b-cp7dvx4u4z] {
    color: rgba(100, 116, 139, 0.45);
}

.checkin-counter-strip[b-cp7dvx4u4z] {
    font-size: 13px;
    line-height: 1.45;
    color: #92400e;
    overflow-wrap: anywhere;
}

.checkin-compact-notes[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.checkin-compact-label[b-cp7dvx4u4z] {
    margin-right: 6px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--color-text-secondary);
    text-transform: uppercase;
}

.checkin-notes-preview[b-cp7dvx4u4z] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.checkin-compact-details + .checkin-counter-strip[b-cp7dvx4u4z] {
    margin-top: 7px;
}

.checkin-card-actions[b-cp7dvx4u4z] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.checkin-action-primary[b-cp7dvx4u4z],
.checkin-inline-action[b-cp7dvx4u4z] {
    box-shadow: none;
}

.checkin-action-soft[b-cp7dvx4u4z] {
    box-shadow: none;
}

.checkin-card-actions .checkin-inline-action[b-cp7dvx4u4z] {
    margin-top: 0;
}

.checkin-card-actions .btn[b-cp7dvx4u4z] {
    min-height: 36px;
    padding: 7px 14px;
    line-height: 1.2;
}

.checkin-inline-secondary[b-cp7dvx4u4z] {
    box-shadow: none;
}

.checkin-inline-secondary[disabled][b-cp7dvx4u4z] {
    opacity: 0.55;
    cursor: not-allowed;
}

.checkins-completed-head[b-cp7dvx4u4z] {
    align-items: flex-end;
    margin-bottom: 16px;
}

.checkins-filter-wrap[b-cp7dvx4u4z] {
    width: 180px;
}

.checkins-empty[b-cp7dvx4u4z] {
    text-align: center;
    box-shadow: none;
    padding: 24px;
}

.checkins-empty p[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.checkins-empty-card[b-cp7dvx4u4z] {
    text-align: center;
    box-shadow: none;
}

.checkins-empty-card p[b-cp7dvx4u4z] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.checkin-action-decline[b-cp7dvx4u4z] {
    box-shadow: none;
}

.checkin-card-declined[b-cp7dvx4u4z] {
    border-color: rgba(239, 68, 68, 0.30);
    background: rgba(239, 68, 68, 0.04);
}

.decline-icon[b-cp7dvx4u4z] {
    color: var(--color-danger);
}

.checkin-card-counterproposed[b-cp7dvx4u4z] {
    border-color: rgba(245, 158, 11, 0.40);
    background: rgba(245, 158, 11, 0.04);
}

.checkin-card-deep-linked[b-cp7dvx4u4z] {
    border-color: #384f63;
    box-shadow: 0 0 0 3px rgba(56, 79, 99, 0.16), var(--shadow-card);
}

.checkin-card-badge-counterproposed[b-cp7dvx4u4z] {
    background: rgba(245, 158, 11, 0.12);
    color: #b45309;
}

.checkin-card-badge-observed[b-cp7dvx4u4z] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
    margin-top: 4px;
}

.checkin-counterproposal-note[b-cp7dvx4u4z] {
    margin: 12px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: #92400e;
}

.checkins-section-subtitle[b-cp7dvx4u4z] {
    margin: -12px 0 16px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

@media (max-width: 1024px) {
    .checkins-metrics-grid[b-cp7dvx4u4z] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .checkins-header[b-cp7dvx4u4z],
    .checkins-section-head[b-cp7dvx4u4z] {
        flex-direction: column;
        align-items: stretch;
    }

    .checkins-series-row[b-cp7dvx4u4z] {
        align-items: stretch;
        flex-direction: column;
    }

    .checkins-series-heading-row[b-cp7dvx4u4z] {
        flex-direction: column;
    }

    .checkins-series-actions[b-cp7dvx4u4z] {
        justify-content: flex-start;
    }

    .checkins-title[b-cp7dvx4u4z] {
        font-size: 30px;
    }

    .checkins-header-actions[b-cp7dvx4u4z] {
        width: 100%;
    }

    .checkins-top-action[b-cp7dvx4u4z],
    .checkins-filter-wrap[b-cp7dvx4u4z],
    .checkins-header-note[b-cp7dvx4u4z] {
        width: 100%;
        max-width: none;
    }

    .checkin-card[b-cp7dvx4u4z] {
        flex-wrap: wrap;
        gap: 12px;
        padding: 18px 16px;
    }

    .checkin-card-content[b-cp7dvx4u4z] {
        width: 100%;
    }

    .checkin-card-actions[b-cp7dvx4u4z] {
        flex-direction: column;
        align-items: stretch;
    }

    .checkin-card-actions .btn[b-cp7dvx4u4z] {
        width: 100%;
        justify-content: center;
    }

    .checkin-meta-strip[b-cp7dvx4u4z],
    .checkin-involvement-strip[b-cp7dvx4u4z],
    .checkin-counter-strip[b-cp7dvx4u4z] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .checkins-title[b-cp7dvx4u4z] {
        font-size: 26px;
    }

    .checkins-subtitle[b-cp7dvx4u4z] {
        font-size: 15px;
    }

    .checkins-section[b-cp7dvx4u4z] {
        margin-bottom: 24px;
    }

    .checkins-section-title[b-cp7dvx4u4z] {
        font-size: 18px;
    }

    .checkin-card-title[b-cp7dvx4u4z] {
        font-size: 16px;
    }

    .checkin-card[b-cp7dvx4u4z] {
        padding: 16px 14px;
    }

    .checkin-card-heading[b-cp7dvx4u4z] {
        flex-direction: column;
        gap: 8px;
    }

    .checkin-card-statuses[b-cp7dvx4u4z] {
        width: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }

    /* UI-SPEC § Surfaces 5+6 — mobile truncation rule for counterparty meta lines. */
    .checkin-involvement-item[b-cp7dvx4u4z] {
        overflow-wrap: anywhere;
    }
}
/* /Pages/Goals.razor.rz.scp.css */
.goals-shell[b-oa4yx83bu1] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.goals-header[b-oa4yx83bu1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}

.goals-alert-wrap[b-oa4yx83bu1] {
    margin-bottom: 24px;
}

.goals-heading[b-oa4yx83bu1] {
    min-width: 0;
    flex: 1 1 auto;
}

.goals-access-denied-card[b-oa4yx83bu1] {
    text-align: center;
    box-shadow: none;
}

.goals-access-denied-card p[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.goals-title[b-oa4yx83bu1] {
    margin: 0;
    font-size: 36px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.goals-subtitle[b-oa4yx83bu1] {
    margin: 6px 0 0;
    font-size: 16px;
    color: var(--color-text-secondary);
}

.goals-header-action[b-oa4yx83bu1] {
    flex-shrink: 0;
}

.goals-header-actions[b-oa4yx83bu1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.goals-header-action[b-oa4yx83bu1],
.own-dashboard-action[b-oa4yx83bu1] {
    white-space: normal;
}

.goals-section[b-oa4yx83bu1] {
    margin-bottom: 32px;
}

.goals-section-head[b-oa4yx83bu1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.goals-section-title[b-oa4yx83bu1] {
    margin: 0 0 16px;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.goals-section-head .goals-section-title[b-oa4yx83bu1] {
    margin-bottom: 0;
}

.goals-metrics-grid[b-oa4yx83bu1] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 24px;
    margin-bottom: 24px;
}

.goals-metrics-grid[b-oa4yx83bu1]  .metric-card {
    padding: 16px;
    min-height: auto;
    border-top-width: 1px;
    box-shadow: none;
    border-radius: var(--radius-card);
}

.goals-metrics-grid[b-oa4yx83bu1]  .metric-card-icon {
    display: none;
}

.goals-metrics-grid[b-oa4yx83bu1]  .metric-card-label {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.goals-metrics-grid[b-oa4yx83bu1]  .metric-card-value {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.1;
}

.goals-metric-value[b-oa4yx83bu1] {
    color: var(--color-text-primary);
}

.goals-metrics-grid[b-oa4yx83bu1]  .goals-metric-track {
    color: var(--color-success);
}

.goals-metrics-grid[b-oa4yx83bu1]  .goals-metric-danger {
    color: var(--color-danger);
}

.goals-metrics-grid[b-oa4yx83bu1]  .goals-metric-success {
    color: var(--color-success);
}

.goals-metrics-grid[b-oa4yx83bu1]  .goals-metric-info {
    color: #72c1f9;
}

.goals-metrics-grid[b-oa4yx83bu1]  .goals-metric-archived {
    color: #9ca3af;
}

.goal-card-list[b-oa4yx83bu1] {
    display: grid;
    gap: 16px;
}

.goal-card[b-oa4yx83bu1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    text-align: left;
    padding: 20px;
    border-radius: var(--radius-card);
    box-shadow: var(--shadow-card);
}

button.goal-card[b-oa4yx83bu1] {
    width: 100%;
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
}

.own-goal-card[b-oa4yx83bu1] {
    cursor: default;
}

.clickable-goal-card[b-oa4yx83bu1] {
    cursor: pointer;
    transition: box-shadow 0.15s ease, border-color 0.15s ease;
}

.clickable-goal-card:hover[b-oa4yx83bu1] {
    border-color: var(--color-border-hover);
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.goal-card-leading[b-oa4yx83bu1] {
    padding-top: 2px;
}

.goal-status-icon[b-oa4yx83bu1] {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.goal-status-icon svg[b-oa4yx83bu1] {
    width: 24px;
    height: 24px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.icon-track[b-oa4yx83bu1] {
    color: var(--color-success);
    background: transparent;
}

.icon-danger[b-oa4yx83bu1] {
    color: var(--color-danger);
    background: transparent;
}

.icon-warning[b-oa4yx83bu1] {
    color: var(--color-warning);
    background: transparent;
}

.icon-complete[b-oa4yx83bu1] {
    color: var(--color-success);
    background: transparent;
}

.icon-pending[b-oa4yx83bu1] {
    color: #72c1f9;
    background: transparent;
}

.icon-changes[b-oa4yx83bu1] {
    color: #f59e0b;
    background: transparent;
}

.icon-archived[b-oa4yx83bu1] {
    color: #9ca3af;
    background: transparent;
}

.pending-icon[b-oa4yx83bu1] {
    color: #72c1f9;
    background: transparent;
}

.goal-card-main[b-oa4yx83bu1] {
    flex: 1;
    min-width: 0;
}

.goal-card-title-row[b-oa4yx83bu1] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 4px;
}

.goal-card-title[b-oa4yx83bu1] {
    flex: 1 1 260px;
    min-width: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.goal-card-title-row > .approval-badge:first-of-type[b-oa4yx83bu1] {
    margin-left: auto;
}

.goal-card-subtitle[b-oa4yx83bu1] {
    margin: 0 0 12px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.goal-card-main[b-oa4yx83bu1]  .progress-container {
    height: 8px;
    background: var(--color-surface-4);
}

.goal-card-main[b-oa4yx83bu1]  .progress-track {
    background: var(--color-success);
}

.goal-card-main[b-oa4yx83bu1]  .progress-warning {
    background: var(--color-warning);
}

.goal-card-main[b-oa4yx83bu1]  .progress-danger {
    background: var(--color-danger);
}

.goal-card-main[b-oa4yx83bu1]  .progress-success {
    background: var(--color-success);
}

.goal-card-percent[b-oa4yx83bu1] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    min-width: 44px;
    text-align: right;
}

.pending-title-row[b-oa4yx83bu1] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}

.pending-title[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 0;
}

.pending-count[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(158, 124, 247, 0.1);
    color: #9e7cf7;
    font-size: 12px;
    font-weight: 400;
}

.pending-list[b-oa4yx83bu1] {
    display: grid;
    gap: 12px;
}

.pending-card[b-oa4yx83bu1] {
    padding: 0;
    overflow: hidden;
    border-color: rgba(114, 193, 249, 0.35);
    background: rgba(114, 193, 249, 0.05);
    box-shadow: none;
}

.pending-card:hover[b-oa4yx83bu1] {
    border-color: rgba(114, 193, 249, 0.35);
}

.pending-summary[b-oa4yx83bu1] {
    width: 100%;
    padding: 20px 18px;
    border: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    text-align: left;
}

.pending-summary-main[b-oa4yx83bu1] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pending-summary-copy[b-oa4yx83bu1] {
    min-width: 0;
}

.pending-summary-copy h3[b-oa4yx83bu1] {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.pending-summary-copy p[b-oa4yx83bu1] {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.pending-summary-right[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    justify-content: flex-end;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.pending-review-badge[b-oa4yx83bu1],
.pending-observed-badge[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
}

.pending-review-badge[b-oa4yx83bu1] {
    background: rgba(114, 193, 249, 0.18);
    color: #384f63;
}

.pending-observed-badge[b-oa4yx83bu1] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.pending-expand-icon[b-oa4yx83bu1] {
    color: var(--color-text-secondary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.pending-expand-icon svg[b-oa4yx83bu1] {
    width: 18px;
    height: 18px;
}

.pending-details[b-oa4yx83bu1] {
    padding: 20px;
    border-top: 1px solid rgba(114, 193, 249, 0.2);
    background: rgba(255, 255, 255, 0.45);
}

.pending-detail-grid[b-oa4yx83bu1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px 28px;
}

.pending-detail-stack[b-oa4yx83bu1] {
    display: grid;
    gap: 16px;
    min-width: 0;
}

.pending-detail-item[b-oa4yx83bu1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.pending-detail-icon[b-oa4yx83bu1] {
    color: #9e7cf7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 1px;
    width: 16px;
    height: 16px;
}

.pending-detail-icon svg[b-oa4yx83bu1] {
    width: 16px;
    height: 16px;
}

.pending-label[b-oa4yx83bu1] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-text-secondary);
}

.pending-value[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.pending-submitted-to-label[b-oa4yx83bu1] {
    margin-top: 10px;
}

.pending-description-box[b-oa4yx83bu1] {
    margin-top: 16px;
    padding: 16px;
    border-radius: var(--radius-card);
    background: rgba(56, 79, 99, 0.04);
}

.pending-description[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.pending-actions[b-oa4yx83bu1] {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--color-border);
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.pending-action-secondary[b-oa4yx83bu1],
.pending-action-primary[b-oa4yx83bu1] {
    box-shadow: none;
}

.team-overview-controls[b-oa4yx83bu1] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.team-overview-select-wrap[b-oa4yx83bu1] {
    max-width: 280px;
    width: 100%;
    min-width: 0;
}

.team-overview-select[b-oa4yx83bu1] {
    cursor: pointer;
}

.team-privacy-note[b-oa4yx83bu1] {
    margin-top: 24px;
    padding: 48px 24px;
    border-style: dashed;
    text-align: center;
    box-shadow: none;
}

.team-privacy-text[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.team-privacy-subtext[b-oa4yx83bu1] {
    margin-top: 8px;
    font-size: 13px;
}

.approval-badge[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    gap: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    white-space: normal;
}

.approval-badge-pending[b-oa4yx83bu1] {
    background: rgba(114, 193, 249, 0.2);
    color: #384f63;
}

.approval-badge-warning[b-oa4yx83bu1] {
    background: #fef3c7;
    color: #b45309;
}

.approval-badge-observed[b-oa4yx83bu1] {
    background: rgba(100, 116, 139, 0.12);
    color: #475569;
}

.approval-badge-icon[b-oa4yx83bu1],
.action-btn-icon[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.approval-badge-icon[b-oa4yx83bu1] {
    width: 12px;
    height: 12px;
}

.action-btn-icon[b-oa4yx83bu1] {
    width: 14px;
    height: 14px;
}

.approval-badge-icon svg[b-oa4yx83bu1] {
    width: 12px;
    height: 12px;
}

.action-btn-icon svg[b-oa4yx83bu1] {
    width: 14px;
    height: 14px;
}

.approval-badge-pending .approval-badge-icon[b-oa4yx83bu1] {
    color: #72c1f9;
}

.approval-badge-warning .approval-badge-icon[b-oa4yx83bu1] {
    color: #f59e0b;
}

.pending-approval-card[b-oa4yx83bu1] {
    border-color: rgba(114, 193, 249, 0.3);
    background: rgba(114, 193, 249, 0.05);
    opacity: 0.8;
}

.changes-requested-card[b-oa4yx83bu1] {
    border-color: rgba(245, 158, 11, 0.3);
    background: rgba(254, 243, 199, 0.45);
}

.goal-feedback-box[b-oa4yx83bu1] {
    margin: 0 0 16px;
    padding: 14px;
    border: 1px solid #fde68a;
    border-radius: var(--radius-card);
    background: #fffbeb;
}

.goal-feedback-collapsible[b-oa4yx83bu1] {
    padding: 0;
    overflow: hidden;
}

.goal-feedback-toggle[b-oa4yx83bu1] {
    width: 100%;
    padding: 12px 14px;
    border: none;
    background: transparent;
    color: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
    text-align: left;
}

.goal-feedback-toggle:hover[b-oa4yx83bu1] {
    background: rgba(245, 158, 11, 0.06);
}

.goal-feedback-toggle .goal-feedback-title[b-oa4yx83bu1] {
    margin: 0;
}

.goal-feedback-collapsible .goal-feedback-text[b-oa4yx83bu1] {
    padding: 0 14px 14px;
}

.goal-feedback-chevron[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    color: #b45309;
}

.goal-feedback-chevron svg[b-oa4yx83bu1] {
    width: 16px;
    height: 16px;
}

.goal-feedback-title[b-oa4yx83bu1] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 600;
    color: #b45309;
}

.goal-feedback-text[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: #92400e;
    overflow-wrap: anywhere;
}

.resubmit-btn[b-oa4yx83bu1] {
    box-shadow: none;
}

.changes-requested-actions[b-oa4yx83bu1] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.cancel-submission-btn[b-oa4yx83bu1] {
    box-shadow: none;
}

.pending-note[b-oa4yx83bu1] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.goals-empty-card[b-oa4yx83bu1] {
    text-align: center;
    box-shadow: none;
}

.goals-empty-card p[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.archived-section-toggle[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 12px;
}

.archived-section-toggle:hover[b-oa4yx83bu1] {
    color: var(--color-text-primary);
}

.archived-toggle-icon[b-oa4yx83bu1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.archived-toggle-icon svg[b-oa4yx83bu1] {
    width: 18px;
    height: 18px;
}

.archived-goal-card[b-oa4yx83bu1] {
    opacity: 0.6;
    border-style: dashed;
    width: 100%;
    text-align: left;
    background: var(--color-surface-2);
    border-color: var(--color-border);
    display: flex;
    align-items: center;
}

.archived-goal-card:hover[b-oa4yx83bu1] {
    opacity: 0.75;
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.archived-goal-card-main[b-oa4yx83bu1] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.archived-restore-btn[b-oa4yx83bu1] {
    flex-shrink: 0;
    margin-left: auto;
}

.archived-goal-summary[b-oa4yx83bu1] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

@media (max-width: 1200px) {
    .goals-metrics-grid[b-oa4yx83bu1] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 960px) {
    .goals-metrics-grid[b-oa4yx83bu1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .goals-header[b-oa4yx83bu1],
    .goals-section-head[b-oa4yx83bu1] {
        flex-direction: column;
        align-items: stretch;
    }

    .goals-title[b-oa4yx83bu1] {
        font-size: 30px;
    }

    .goals-section[b-oa4yx83bu1] {
        margin-bottom: 24px;
    }

    .goals-metrics-grid[b-oa4yx83bu1] {
        gap: 16px;
        grid-template-columns: 1fr;
    }

    .goals-metrics-grid[b-oa4yx83bu1]  .metric-card {
        padding: 14px;
    }

    .goals-header-action[b-oa4yx83bu1],
    .own-dashboard-action[b-oa4yx83bu1] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .goal-card[b-oa4yx83bu1] {
        gap: 12px;
        flex-wrap: wrap;
        padding: 20px;
    }

    .goal-card-leading[b-oa4yx83bu1] {
        padding-top: 0;
    }

    .goal-card-main[b-oa4yx83bu1] {
        width: 100%;
    }

    .goal-card-percent[b-oa4yx83bu1] {
        width: 100%;
        padding-left: 36px;
        text-align: left;
        min-width: 0;
    }

    .pending-title[b-oa4yx83bu1] {
        flex-wrap: wrap;
    }

    .pending-summary[b-oa4yx83bu1] {
        flex-direction: column;
        align-items: flex-start;
        padding: 18px 16px;
    }

    .pending-summary-main[b-oa4yx83bu1],
    .pending-summary-right[b-oa4yx83bu1] {
        width: 100%;
    }

    .pending-summary-right[b-oa4yx83bu1] {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .pending-details[b-oa4yx83bu1] {
        padding: 16px;
    }

    .pending-detail-grid[b-oa4yx83bu1] {
        grid-template-columns: 1fr;
    }

    .pending-actions[b-oa4yx83bu1] {
        flex-direction: column;
    }

    .pending-action-secondary[b-oa4yx83bu1],
    .pending-action-primary[b-oa4yx83bu1],
    .resubmit-btn[b-oa4yx83bu1],
    .cancel-submission-btn[b-oa4yx83bu1] {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .team-overview-select-wrap[b-oa4yx83bu1] {
        max-width: none;
    }

    .team-privacy-note[b-oa4yx83bu1] {
        margin-top: 16px;
        padding: 30px 20px;
    }
}

@media (max-width: 640px) {
    .goals-title[b-oa4yx83bu1] {
        font-size: 26px;
    }

    .goals-subtitle[b-oa4yx83bu1] {
        font-size: 15px;
    }

    .goals-section-title[b-oa4yx83bu1] {
        font-size: 18px;
    }

    .goal-card[b-oa4yx83bu1] {
        gap: 10px;
        padding: 18px 16px;
    }

    .goal-card-title-row[b-oa4yx83bu1] {
        flex-direction: column;
        align-items: flex-start;
    }

    .goal-card-title[b-oa4yx83bu1] {
        font-size: 16px;
    }

    .goal-card-subtitle[b-oa4yx83bu1] {
        margin-bottom: 10px;
    }

    .goal-card-percent[b-oa4yx83bu1] {
        padding-left: 0;
        font-size: 16px;
    }

    .approval-badge[b-oa4yx83bu1] {
        width: 100%;
        justify-content: flex-start;
    }

    .goal-card-title-row > .approval-badge:first-of-type[b-oa4yx83bu1] {
        margin-left: 0;
    }

    .goal-feedback-box:not(.goal-feedback-collapsible)[b-oa4yx83bu1] {
        padding: 12px 14px;
    }

    .pending-summary-main[b-oa4yx83bu1] {
        gap: 10px;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.dashboard-shell[b-er7nvjt1rs] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.dashboard-header[b-er7nvjt1rs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 32px;
}

.dashboard-heading[b-er7nvjt1rs] {
    min-width: 0;
    flex: 1 1 auto;
}

.dashboard-header-actions[b-er7nvjt1rs] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex-shrink: 0;
}

.dashboard-title[b-er7nvjt1rs] {
    margin: 0 0 8px;
    font-size: 36px;
    line-height: 1.12;
    letter-spacing: 0;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.dashboard-subtitle[b-er7nvjt1rs] {
    margin: 0;
    font-size: 16px;
    color: var(--color-text-secondary);
}

.company-logo-box[b-er7nvjt1rs] {
    width: 120px;
    height: 120px;
    border-radius: var(--radius-panel);
    border: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-surface-2);
    flex-shrink: 0;
}

.company-logo-initials[b-er7nvjt1rs] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(158, 124, 247, 0.12);
    color: var(--color-brand-700);
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0;
}

.company-logo-box img[b-er7nvjt1rs] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border-radius: var(--radius-card);
}

.dashboard-section[b-er7nvjt1rs] {
    margin-bottom: 24px;
}

.dashboard-business-owner-block[b-er7nvjt1rs] {
    margin-top: 18px;
}

.dashboard-warning[b-er7nvjt1rs] {
    margin: 0 0 16px;
    padding: 12px 14px;
    border: 1px solid rgba(217, 119, 6, 0.32);
    border-radius: var(--radius-card);
    background: rgba(255, 247, 237, 0.88);
    color: var(--color-text-primary);
}

.dashboard-warning p[b-er7nvjt1rs] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
}

.dashboard-warning span[b-er7nvjt1rs] {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.section-title[b-er7nvjt1rs] {
    margin: 0 0 16px;
    font-size: 20px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.dashboard-metrics-grid[b-er7nvjt1rs] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.metric-skeleton-card[b-er7nvjt1rs] {
    min-height: 126px;
}

.dashboard-status[b-er7nvjt1rs] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

[b-er7nvjt1rs] .metric-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #9e7cf7;
    stroke: #9e7cf7;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex-shrink: 0;
}

[b-er7nvjt1rs] .metric-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Skeleton loading states (DASH-03 per-widget skeletons).
   Compose with .card silhouette for consistent card dimensions during load.
   Pulse animates between --color-surface-3 and --color-surface-4; honors
   prefers-reduced-motion per WCAG 2.3.3. */

.skeleton-card-body[b-er7nvjt1rs] {
    min-height: 120px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.skeleton-line[b-er7nvjt1rs] {
    height: 12px;
    background-color: var(--color-surface-3);
    border-radius: var(--radius-sm);
    animation: skeleton-pulse-b-er7nvjt1rs 1.6s ease-in-out infinite;
}

@keyframes skeleton-pulse-b-er7nvjt1rs {
    0%, 100% { background-color: var(--color-surface-3); }
    50%      { background-color: var(--color-surface-4); }
}

@media (prefers-reduced-motion: reduce) {
    .skeleton-line[b-er7nvjt1rs] { animation: none; }
}

@media (max-width: 1200px) {
    .dashboard-metrics-grid[b-er7nvjt1rs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .dashboard-header[b-er7nvjt1rs] {
        flex-direction: column;
        margin-bottom: 24px;
    }

    .dashboard-title[b-er7nvjt1rs] {
        font-size: 30px;
    }

    .company-logo-box[b-er7nvjt1rs] {
        width: 104px;
        height: 104px;
    }

    .dashboard-metrics-grid[b-er7nvjt1rs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .dashboard-title[b-er7nvjt1rs] {
        font-size: 26px;
    }

    .dashboard-subtitle[b-er7nvjt1rs] {
        font-size: 15px;
    }

    .section-title[b-er7nvjt1rs] {
        font-size: 18px;
    }

    .company-logo-box[b-er7nvjt1rs] {
        width: 88px;
        height: 88px;
    }

    .company-logo-initials[b-er7nvjt1rs] {
        width: 58px;
        height: 58px;
        font-size: 20px;
    }
}
/* /Pages/InviteCallback.razor.rz.scp.css */
.invite-shell[b-unkn9ur31h] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
}

.invite-card[b-unkn9ur31h] {
    text-align: center;
    padding: 40px 32px;
    max-width: 420px;
    width: 100%;
}

.invite-title[b-unkn9ur31h] {
    margin: 0 0 12px;
    font-size: 24px;
    color: var(--color-text-primary);
}

.invite-status-text[b-unkn9ur31h] {
    margin: 0 0 16px;
    font-size: 15px;
    color: var(--color-text-secondary);
}

.invite-card-error .invite-title[b-unkn9ur31h] {
    color: var(--color-danger);
}
/* /Pages/Kpis.razor.rz.scp.css */
.kpis-shell[b-b7w7t3deff] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.kpis-header[b-b7w7t3deff] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}

.kpis-heading[b-b7w7t3deff] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.kpis-title[b-b7w7t3deff] {
    margin: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.kpis-subtitle[b-b7w7t3deff] {
    margin: 4px 0 0;
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text-secondary);
}

.kpis-header-actions[b-b7w7t3deff] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.kpis-access-denied-card[b-b7w7t3deff] {
    text-align: center;
    box-shadow: none;
}

.kpis-access-denied-card p[b-b7w7t3deff] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.kpis-load-error[b-b7w7t3deff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.kpis-person-selector[b-b7w7t3deff] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    max-width: 360px;
}

.kpis-acronym[b-b7w7t3deff] {
    text-transform: none;
}

.kpis-section-title[b-b7w7t3deff] {
    margin: 16px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.kpis-metrics-grid[b-b7w7t3deff] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

@media (max-width: 960px) {
    .kpis-metrics-grid[b-b7w7t3deff] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
    .kpis-metrics-grid[b-b7w7t3deff] { grid-template-columns: 1fr; }
}

.kpis-list[b-b7w7t3deff] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Phase 01.5 item #11 — archived KPI section mirroring Goals.razor.css
   archived-section/-toggle/-card pattern for cross-module visual consistency.
   The earlier item-#8 .kpis-archived-toggle-row + .kpis-archived-toggle were
   replaced; the right-aligned compact button became a left-aligned chevron
   toggle that opens a dedicated archived-cards list. */
.archived-section[b-b7w7t3deff] {
    margin-top: 24px;
}

.archived-section-toggle[b-b7w7t3deff] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
    border: none;
    background: transparent;
    color: var(--color-text-secondary);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-bottom: 12px;
}

.archived-section-toggle:hover[b-b7w7t3deff] {
    color: var(--color-text-primary);
}

.archived-toggle-icon[b-b7w7t3deff] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.archived-toggle-icon[b-b7w7t3deff]  svg {
    width: 18px;
    height: 18px;
}

/* Archived KPI card — opacity + dashed border + surface-2 bg mirrors
   Goals' .archived-goal-card so an archived KPI reads as a historical item
   at a glance. Clickable card body opens the KPI modal read-only. */
.archived-kpi-card[b-b7w7t3deff] {
    opacity: 0.6;
    border-style: dashed;
    width: 100%;
    text-align: left;
    background: var(--color-surface-2);
    border-color: var(--color-border);
    display: flex;
    align-items: center;
    gap: 0;
    padding: 20px;
}

.archived-kpi-card:hover[b-b7w7t3deff],
.archived-kpi-card:focus-within[b-b7w7t3deff] {
    opacity: 0.75;
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.archived-kpi-card-main[b-b7w7t3deff] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    flex: 1;
    min-width: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}

.archived-kpi-card-leading[b-b7w7t3deff] {
    flex-shrink: 0;
    padding-top: 2px;
}

.archived-kpi-icon[b-b7w7t3deff] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--color-text-secondary);
}

.archived-kpi-icon[b-b7w7t3deff]  svg {
    width: 24px;
    height: 24px;
}

.archived-kpi-card-body[b-b7w7t3deff] {
    flex: 1;
    min-width: 0;
}

.archived-kpi-title[b-b7w7t3deff] {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.archived-kpi-summary[b-b7w7t3deff] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.kpis-empty-state-card[b-b7w7t3deff] {
    text-align: center;
    padding: 48px 24px;
}

.kpis-empty-state-card h2[b-b7w7t3deff] {
    margin: 0 0 8px;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--color-text-primary);
}

.kpis-empty-state-card p[b-b7w7t3deff] {
    margin: 0 0 16px;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.kpis-loading[b-b7w7t3deff] {
    margin: 16px 0 0;
    font-size: 14px;
    color: var(--color-text-muted);
}

.kpis-empty-placeholder[b-b7w7t3deff] {
    text-align: center;
    box-shadow: none;
    padding: 24px;
}

.kpis-empty-placeholder p[b-b7w7t3deff] {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-secondary);
}

.kpi-return-completion-modal[b-b7w7t3deff] {
    max-width: 500px;
    width: 100%;
}

.kpi-return-completion-header[b-b7w7t3deff] {
    align-items: flex-start;
}

.kpi-return-completion-header-main[b-b7w7t3deff] {
    flex: 1 1 auto;
    min-width: 0;
}

.kpi-return-completion-subtitle[b-b7w7t3deff] {
    margin: 4px 0 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--color-text-secondary);
}

.kpi-return-completion-close[b-b7w7t3deff] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.kpi-return-completion-close:hover[b-b7w7t3deff] {
    background: var(--color-brand-50);
    color: var(--color-text-primary);
}

.kpi-return-completion-close-icon[b-b7w7t3deff] {
    display: inline-flex;
    width: 18px;
    height: 18px;
    line-height: 0;
    color: var(--color-text-secondary);
}

.kpi-return-completion-close-icon[b-b7w7t3deff]  svg {
    width: 100%;
    height: 100%;
}

.kpi-return-completion-summary[b-b7w7t3deff] {
    margin: 4px 0 14px;
    padding: 12px 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.kpi-return-completion-summary-line[b-b7w7t3deff] {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
    font-size: 13px;
    line-height: 1.5;
}

.kpi-return-completion-summary-label[b-b7w7t3deff] {
    color: var(--color-text-muted);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    flex-shrink: 0;
}

.kpi-return-completion-summary-value[b-b7w7t3deff] {
    color: var(--color-text-primary);
    font-weight: 500;
    text-align: right;
    min-width: 0;
    overflow-wrap: anywhere;
}

.kpi-return-completion-copy[b-b7w7t3deff] {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--color-text-secondary);
    overflow-wrap: anywhere;
}

.kpi-return-completion-textarea[b-b7w7t3deff] {
    min-height: 120px;
    resize: vertical;
}

@media (max-width: 540px) {
    .kpi-return-completion-summary-line[b-b7w7t3deff] {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .kpi-return-completion-summary-value[b-b7w7t3deff] {
        text-align: left;
    }
}

.kpi-review-list[b-b7w7t3deff] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

/* Status-keyed border-left mirrors the KpiListCard status-ring convention so a
   stack of Scheduled KPI Reviews is glanceable: blue=proposed (action needed),
   amber=counter-pending (waiting on the other party), green=accepted/complete. */
.kpi-review-card[b-b7w7t3deff] {
    display: flex;
    align-items: stretch;
    gap: 16px;
    padding: 12px 16px;
    border-left: 3px solid var(--color-info);
}

.kpi-review-card.kpi-review-card-status-proposed[b-b7w7t3deff] { border-left-color: var(--color-info); }
.kpi-review-card.kpi-review-card-status-counterpending[b-b7w7t3deff] { border-left-color: var(--color-warning); }
.kpi-review-card.kpi-review-card-status-accepted[b-b7w7t3deff] { border-left-color: var(--color-success); }
.kpi-review-card.kpi-review-card-status-complete[b-b7w7t3deff] { border-left-color: var(--color-text-muted); }

.kpi-review-card-clickable[b-b7w7t3deff] {
    cursor: pointer;
}

.kpi-review-card-clickable:hover[b-b7w7t3deff] {
    border-color: var(--color-border-hover);
    box-shadow: 0 10px 24px rgba(56, 79, 99, 0.08);
}

.kpi-review-card-clickable:focus-visible[b-b7w7t3deff] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

/* Leading icon column matches the Check-ins card pattern (icon + content body).
   Color follows the card's border-left so the icon, border, and badge all key
   off the same status signal. */
.kpi-review-icon-col[b-b7w7t3deff] {
    flex: 0 0 24px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--color-info);
}

.kpi-review-icon-col[b-b7w7t3deff]  svg {
    width: 24px;
    height: 24px;
}

.kpi-review-icon-col.kpi-review-card-status-proposed[b-b7w7t3deff] { color: var(--color-info); }
.kpi-review-icon-col.kpi-review-card-status-counterpending[b-b7w7t3deff] { color: var(--color-warning); }
.kpi-review-icon-col.kpi-review-card-status-accepted[b-b7w7t3deff] { color: var(--color-success); }
.kpi-review-icon-col.kpi-review-card-status-complete[b-b7w7t3deff] { color: var(--color-text-muted); }

.kpi-review-body[b-b7w7t3deff] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    flex: 1 1 auto;
    flex-wrap: wrap;
    min-width: 0;
}

.kpi-review-copy[b-b7w7t3deff] {
    flex: 1 1 60%;
    min-width: 0;
}

.kpi-review-headline[b-b7w7t3deff] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 6px;
}

.kpi-review-title[b-b7w7t3deff] {
    min-width: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

/* Status chip replaces the previous "(Proposed)" parenthetical text. Mirrors
   the Check-ins checkin-card-badge family but is scoped to KPI reviews so the
   color choices can drift independently if reviews need their own vocabulary. */
.kpi-review-badge[b-b7w7t3deff] {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.kpi-review-badge-proposed[b-b7w7t3deff] {
    color: var(--color-info);
    background: rgba(59, 130, 246, 0.12);
}

.kpi-review-badge-counterpending[b-b7w7t3deff] {
    color: var(--color-warning);
    background: rgba(245, 158, 11, 0.14);
}

.kpi-review-badge-accepted[b-b7w7t3deff] {
    color: var(--color-success);
    background: rgba(34, 165, 91, 0.14);
}

.kpi-review-badge-complete[b-b7w7t3deff] {
    color: var(--color-text-secondary);
    background: var(--color-surface-3);
}

.kpi-review-participant-strip[b-b7w7t3deff] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.kpi-review-participant-item[b-b7w7t3deff] {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

.kpi-review-participant-name[b-b7w7t3deff] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.kpi-review-meta-label[b-b7w7t3deff] {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--color-text-muted);
}

.kpi-review-meta-divider[b-b7w7t3deff] {
    color: var(--color-text-muted);
}

/* "When" line: absolute date + relative cue ("in 17 days", "tomorrow",
   "overdue by 2 days") so the user gets both the exact wall-clock and the
   gut-feel urgency without doing the date math themselves. */
.kpi-review-when[b-b7w7t3deff] {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-text-secondary);
}

.kpi-review-when-absolute[b-b7w7t3deff] {
    color: var(--color-text-primary);
    font-weight: 500;
}

.kpi-review-when-divider[b-b7w7t3deff] {
    margin: 0 6px;
    color: var(--color-text-muted);
}

.kpi-review-when-relative[b-b7w7t3deff] {
    color: var(--color-text-secondary);
    font-style: italic;
}

.kpi-review-counter-proposal[b-b7w7t3deff] {
    margin: 4px 0 0;
    font-size: 14px;
    line-height: 1.4;
    color: var(--color-warning);
    font-weight: 500;
}

.kpi-review-actions[b-b7w7t3deff] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.kpi-review-side[b-b7w7t3deff] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    min-width: 118px;
}

.kpi-review-action-note[b-b7w7t3deff] {
    font-size: 14px;
    color: var(--color-text-secondary);
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    background: var(--color-surface-3);
}

@media (max-width: 900px) {
    .kpis-header[b-b7w7t3deff] {
        flex-direction: column;
        align-items: stretch;
    }

    .kpis-title[b-b7w7t3deff] {
        font-size: 30px;
    }

    .kpis-header-actions[b-b7w7t3deff] {
        width: 100%;
    }

    .kpi-review-side[b-b7w7t3deff] {
        align-items: flex-start;
        min-width: 0;
        width: 100%;
    }

    .kpi-review-actions[b-b7w7t3deff] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .kpis-title[b-b7w7t3deff] {
        font-size: 26px;
    }

    .kpis-subtitle[b-b7w7t3deff] {
        font-size: 15px;
    }

    .kpis-section-title[b-b7w7t3deff] {
        font-size: 18px;
    }
}

/* PROP-KPI-REPORTING-PERIOD — current-period header + per-period grouping. */
.kpis-current-period[b-b7w7t3deff] {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

.kpis-current-period-range[b-b7w7t3deff] {
    margin-left: 6px;
    color: var(--color-text-secondary);
}

.kpis-period-group[b-b7w7t3deff] {
    margin-top: 12px;
}

.kpis-period-subheader[b-b7w7t3deff] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 12px 0 4px;
}

.kpis-period-subheader-text[b-b7w7t3deff] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
}

.kpis-period-label[b-b7w7t3deff] {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.kpis-period-range[b-b7w7t3deff] {
    font-size: 13px;
    color: var(--color-text-secondary);
}

.kpis-period-archive-button[b-b7w7t3deff] {
    flex: 0 0 auto;
}

.kpi-period-archive-warning[b-b7w7t3deff] {
    color: var(--color-text-secondary);
    font-size: 13px;
    margin: 8px 0 0;
}
/* /Pages/Recognition.razor.rz.scp.css */
.recognition-shell[b-948e062mb7] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.recognition-header[b-948e062mb7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
}

.recognition-heading[b-948e062mb7] {
    min-width: 0;
    flex: 1 1 auto;
}

.recognition-title[b-948e062mb7] {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 4px 0;
    letter-spacing: 0;
}

.recognition-subtitle[b-948e062mb7] {
    font-size: 16px;
    color: var(--color-text-secondary);
    margin: 0;
}

.recognition-header-actions[b-948e062mb7] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.recognition-loading-card[b-948e062mb7] {
    padding: 32px;
    text-align: center;
    color: var(--color-text-secondary);
    background: var(--color-surface-2);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
}

.recognition-access-denied-card[b-948e062mb7] {
    text-align: center;
    box-shadow: none;
}

.recognition-access-denied-card p[b-948e062mb7] {
    margin: 0;
    font-size: 14px;
    color: var(--color-text-secondary);
}

/* Phase 01.5 item #13 (2026-05-28) — bumped 16px → 20px to match the
   cross-module section-title standard (CheckIns / Goals / KPIs all use
   20px / 700 / 1.2). Recognition was the lone 16px outlier — module
   headings now read at the same visual weight across the app. Added
   line-height: 1.2 to match the Goals + KPIs precedent (CheckIns omits
   it; Recognition adopts the slight-majority pattern). */
.recognition-section-title[b-948e062mb7] {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--color-text-primary);
    margin: 0 0 12px 0;
}

.recognition-section-heading-row[b-948e062mb7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.recognition-section-heading-row .recognition-section-title[b-948e062mb7] {
    margin: 0;
}

.recognition-feed-count[b-948e062mb7] {
    flex-shrink: 0;
    padding: 3px 8px;
    border: 1px solid var(--color-border);
    border-radius: 999px;
    color: var(--color-text-secondary);
    background: var(--color-surface-2);
    font-size: 12px;
    line-height: 1.2;
}

.recognition-status-section[b-948e062mb7] {
    margin-bottom: 24px;
}

.recognition-load-error[b-948e062mb7] {
    margin-bottom: 16px;
}

.recognition-metrics-grid[b-948e062mb7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.recognition-content-grid[b-948e062mb7] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    align-items: start;
    gap: 24px;
    margin-bottom: 24px;
}

.recognition-feed-stack[b-948e062mb7] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
}

.recognition-send-column[b-948e062mb7] {
    min-width: 0;
    align-self: start;
}

.recognition-feed-section[b-948e062mb7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.recognition-list[b-948e062mb7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.recognition-empty[b-948e062mb7] {
    padding: 24px 16px;
    text-align: center;
    color: var(--color-text-secondary);
    background: var(--color-surface-2);
    border: 1px dashed var(--color-border);
    border-radius: var(--radius-card);
    margin: 0;
    font-size: 13px;
    font-style: italic;
}

.recognition-truncation-banner[b-948e062mb7] {
    padding: 10px 12px;
    margin-bottom: 12px;
    background: var(--color-surface-3);
    color: var(--color-text-secondary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    font-size: 13px;
}

.recognition-pager[b-948e062mb7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    min-height: 34px;
}

.recognition-pager-button[b-948e062mb7] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-2);
    color: var(--color-text-secondary);
    cursor: pointer;
    transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);
}

.recognition-pager-button:hover:not(:disabled)[b-948e062mb7] {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
    border-color: var(--color-brand-500);
}

.recognition-pager-button:disabled[b-948e062mb7] {
    cursor: not-allowed;
    opacity: 0.45;
}

.recognition-pager-button:focus-visible[b-948e062mb7] {
    outline: 2px solid var(--color-brand-500);
    outline-offset: 2px;
}

.recognition-pager-icon[b-948e062mb7] {
    width: 16px;
    height: 16px;
    display: inline-flex;
}

.recognition-pager-status[b-948e062mb7] {
    min-width: 76px;
    text-align: center;
    color: var(--color-text-secondary);
    font-size: 12.5px;
    font-weight: 600;
}

@media (max-width: 1024px) {
    .recognition-content-grid[b-948e062mb7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .recognition-metrics-grid[b-948e062mb7] {
        grid-template-columns: 1fr;
    }
    .recognition-header[b-948e062mb7] {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .recognition-title[b-948e062mb7] {
        font-size: 30px;
    }
}

@media (max-width: 640px) {
    .recognition-title[b-948e062mb7] {
        font-size: 26px;
    }

    .recognition-subtitle[b-948e062mb7] {
        font-size: 15px;
    }

    .recognition-pager[b-948e062mb7] {
        justify-content: space-between;
    }
}
/* /Pages/Settings.razor.rz.scp.css */
.settings-shell[b-sw03q2b2e5] {
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}

.settings-pending-goal-prompt[b-sw03q2b2e5] {
    padding: 16px 20px;
    margin-bottom: 16px;
    background: var(--color-warning-tint);
    border: 1px solid var(--color-warning-border);
}

.settings-pending-goal-text[b-sw03q2b2e5] {
    margin: 0 0 12px;
    font-size: 14px;
    color: var(--color-text-primary);
}

.settings-pending-goal-actions[b-sw03q2b2e5] {
    display: flex;
    gap: 8px;
}

.settings-loading-card[b-sw03q2b2e5] {
    padding: 28px;
}

.settings-page-header[b-sw03q2b2e5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

.settings-header-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.settings-page-heading[b-sw03q2b2e5] {
    min-width: 0;
    flex: 1 1 auto;
}

.settings-page-title[b-sw03q2b2e5] {
    margin: 0 0 6px;
    font-size: 36px;
    line-height: 1.1;
    letter-spacing: 0;
    color: var(--color-text-primary);
}

.settings-page-subtitle[b-sw03q2b2e5] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 15px;
}

.settings-sections[b-sw03q2b2e5] {
    display: grid;
    gap: 22px;
}

.settings-card[b-sw03q2b2e5] {
    padding: 24px;
}

.settings-card-header[b-sw03q2b2e5] {
    margin-bottom: 18px;
}

.settings-card-heading[b-sw03q2b2e5] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.settings-card-title[b-sw03q2b2e5] {
    margin: 0 0 4px;
    font-size: 22px;
    line-height: 1.2;
    color: var(--color-text-primary);
}

.settings-card-subtitle[b-sw03q2b2e5] {
    margin: 0;
    color: var(--color-text-secondary);
    font-size: 14px;
}

.settings-readonly-note[b-sw03q2b2e5] {
    margin-bottom: 16px;
    padding: 12px 14px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background: var(--color-surface-2);
}

.settings-readonly-note p[b-sw03q2b2e5] {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.45;
    color: var(--color-text-secondary);
}

.settings-card-header-inline[b-sw03q2b2e5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.settings-card-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.settings-card-eyebrow[b-sw03q2b2e5] {
    margin: 0 0 4px;
    font-size: 12px;
    font-weight: 700;
    color: var(--color-brand-600);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

/* Profile and company detail fields */

.settings-details-grid[b-sw03q2b2e5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}

.settings-details-field[b-sw03q2b2e5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.settings-details-label[b-sw03q2b2e5] {
    margin: 0;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-text-muted);
}

.settings-details-value[b-sw03q2b2e5] {
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-details-input[b-sw03q2b2e5] {
    max-width: 360px;
}

.settings-details-input-invalid[b-sw03q2b2e5] {
    border-color: var(--color-danger);
    box-shadow: 0 0 0 2px var(--color-danger-tint);
}

.settings-details-error[b-sw03q2b2e5] {
    margin: 4px 0 0;
}

.settings-details-edit-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.settings-section-icon[b-sw03q2b2e5] {
    width: 18px;
    height: 18px;
    color: var(--color-brand-500);
    flex-shrink: 0;
    margin-top: 4px;
}

.settings-section-icon svg[b-sw03q2b2e5] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-employee-management-toolbar[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.settings-add-employee-trigger[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
}

.settings-employee-management-toolbar .settings-add-employee-trigger[b-sw03q2b2e5] {
    margin-bottom: 0;
}

.settings-add-dept-trigger[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 16px;
}

.settings-employee-scope-filter[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: stretch;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    margin-bottom: 14px;
}

.settings-employee-management-toolbar .settings-employee-scope-filter[b-sw03q2b2e5] {
    margin-bottom: 0;
    margin-left: auto;
}

.settings-pending-invites[b-sw03q2b2e5] {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 14px 0;
    margin-bottom: 16px;
}

.settings-pending-invites-header[b-sw03q2b2e5] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.settings-pending-invites-header h3[b-sw03q2b2e5] {
    margin: 0;
    font-size: 15px;
    line-height: 1.25;
    color: var(--color-text-primary);
}

.settings-pending-invites-header span[b-sw03q2b2e5] {
    font-size: 12px;
    font-weight: 700;
    color: var(--color-text-muted);
}

.settings-pending-invites-note[b-sw03q2b2e5] {
    margin: -2px 0 10px;
    color: var(--color-text-muted);
    font-size: 12px;
    line-height: 1.4;
}

.settings-pending-invite-list[b-sw03q2b2e5] {
    display: grid;
    gap: 8px;
}

.settings-pending-invite-row[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 0;
    border-top: 1px solid var(--color-border);
}

.settings-pending-invite-row:first-child[b-sw03q2b2e5] {
    border-top: 0;
}

.settings-pending-invite-copy[b-sw03q2b2e5] {
    min-width: 0;
}

.settings-pending-invite-email[b-sw03q2b2e5] {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-primary);
    overflow-wrap: anywhere;
}

.settings-pending-invite-meta[b-sw03q2b2e5],
.settings-pending-invite-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.settings-pending-invite-meta[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-pending-invite-profile[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 4px 0 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-employee-scope-btn[b-sw03q2b2e5] {
    min-width: 116px;
    padding: 7px 12px;
    border: 0;
    border-radius: 0;
    background: #fff;
    color: var(--color-text-secondary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    cursor: pointer;
}

.settings-employee-scope-btn:hover[b-sw03q2b2e5] {
    background: var(--color-surface-3);
    color: var(--color-text-primary);
}

.settings-employee-scope-btn.is-active[b-sw03q2b2e5] {
    background: var(--color-brand-500);
    color: #fff;
}

.settings-employee-scope-btn.is-active:hover[b-sw03q2b2e5] {
    background: var(--color-brand-600);
}

/* Team panel */

/* RowActionMenu uses position:absolute to anchor its popup to the kebab trigger.
   overflow:hidden on this panel was clipping the popup at the panel boundary.
   Removed to let the popup escape; rounded border still renders correctly. */
.settings-team-panel[b-sw03q2b2e5] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-panel);
}

.settings-team-toggle[b-sw03q2b2e5] {
    all: unset;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 14px 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    box-sizing: border-box;
}

.settings-team-toggle:hover[b-sw03q2b2e5] {
    background: var(--color-surface-3);
}

.settings-team-toggle-icon[b-sw03q2b2e5] {
    width: 16px;
    height: 16px;
    transition: transform 0.2s ease;
    transform: rotate(180deg);
}

.settings-team-toggle-icon.is-open[b-sw03q2b2e5] {
    transform: rotate(0deg);
}

.settings-team-toggle-icon svg[b-sw03q2b2e5] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-employee-list[b-sw03q2b2e5] {
    border-top: 1px solid var(--color-border);
    padding: 8px 0;
}

.settings-employee-card[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
}

.settings-employee-card-paused[b-sw03q2b2e5] {
    background: rgba(14, 165, 233, 0.05);
    box-shadow: inset 3px 0 0 rgba(14, 165, 233, 0.35);
}

.settings-employee-card-archived[b-sw03q2b2e5] {
    background: #f1f5f9;
    box-shadow: inset 3px 0 0 rgba(100, 116, 139, 0.5);
}

.settings-employee-card-archived .settings-team-avatar[b-sw03q2b2e5] {
    background: #cbd5e1;
    color: #475569;
}

.settings-employee-card-archived .settings-employee-card-name[b-sw03q2b2e5],
.settings-employee-card-archived .settings-employee-card-role[b-sw03q2b2e5],
.settings-employee-card-archived .settings-employee-card-job-title[b-sw03q2b2e5],
.settings-employee-card-archived .settings-employee-card-dept[b-sw03q2b2e5],
.settings-employee-card-archived .settings-employee-card-reports-to[b-sw03q2b2e5],
.settings-employee-card-archived .settings-employee-card-lifecycle[b-sw03q2b2e5] {
    color: #64748b;
}

.settings-employee-card-main[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-team-avatar[b-sw03q2b2e5] {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: var(--color-brand-500);
    color: white;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.settings-team-avatar-sm[b-sw03q2b2e5] {
    width: 26px;
    height: 26px;
    font-size: 11px;
}

.settings-employee-card-copy[b-sw03q2b2e5] {
    display: flex;
    flex-direction: column;
}

.settings-employee-card-name[b-sw03q2b2e5] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.settings-you-badge[b-sw03q2b2e5] {
    font-weight: 400;
    color: var(--color-text-muted);
    font-size: 12px;
    margin-left: 4px;
}

.settings-employee-card-role[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-employee-card-dept[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-employee-card-job-title[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-employee-card-reports-to[b-sw03q2b2e5] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-employee-card-lifecycle[b-sw03q2b2e5] {
    margin: 2px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.settings-status-badge[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.settings-status-badge-paused[b-sw03q2b2e5] {
    color: #075985;
    background: rgba(14, 165, 233, 0.14);
}

.settings-status-badge-archived[b-sw03q2b2e5] {
    color: #475569;
    background: rgba(148, 163, 184, 0.2);
}

.settings-status-badge-active[b-sw03q2b2e5] {
    color: #166534;
    background: rgba(34, 197, 94, 0.14);
}

.settings-lifecycle-modal[b-sw03q2b2e5] {
    max-width: 480px;
}

.settings-lifecycle-copy[b-sw03q2b2e5] {
    margin: 0 0 16px;
    color: var(--color-text-secondary);
    font-size: 14px;
    line-height: 1.45;
}

.settings-lifecycle-modal .modal-alert[b-sw03q2b2e5] {
    padding: 10px 12px;
    border-radius: var(--radius-sm);
    margin-bottom: 14px;
    font-size: 13px;
}

.settings-lifecycle-modal .modal-alert-error[b-sw03q2b2e5] {
    background: rgba(239, 68, 68, 0.1);
    color: #b42318;
}

.settings-lifecycle-modal .form-hint[b-sw03q2b2e5] {
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-action-pill[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #e4e7ec;
    border-radius: var(--radius-sm);
    font-size: 12.5px;
    font-weight: 500;
    color: var(--color-text-primary);
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease;
}

.settings-action-pill:hover[b-sw03q2b2e5] {
    border-color: #c4b5fd;
    background: rgba(124, 58, 237, 0.05);
    color: #7c3aed;
}

.settings-action-pill:focus-visible[b-sw03q2b2e5] {
    outline: 2px solid rgba(124, 58, 237, 0.4);
    outline-offset: 2px;
}

.settings-action-pill-icon[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: var(--color-text-secondary);
    transition: color 0.15s ease;
}

.settings-action-pill:hover .settings-action-pill-icon[b-sw03q2b2e5] {
    color: #7c3aed;
}

.settings-action-pill-icon svg[b-sw03q2b2e5] {
    width: 16px;
    height: 16px;
}

/* Department list */

.settings-department-list[b-sw03q2b2e5] {
    display: grid;
    gap: 10px;
}

.settings-department-card[b-sw03q2b2e5] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    overflow: hidden;
}

.settings-department-header[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
}

.settings-department-toggle[b-sw03q2b2e5] {
    all: unset;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    padding: 14px 16px;
    cursor: pointer;
    box-sizing: border-box;
}

.settings-department-toggle-static[b-sw03q2b2e5] {
    cursor: default;
}

.settings-department-header:hover[b-sw03q2b2e5] {
    background: var(--color-surface-3);
}

.settings-department-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding-right: 12px;
}

.settings-dept-icon-btn[b-sw03q2b2e5] {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: var(--radius-sm);
    background: transparent;
    color: var(--color-text-muted);
    cursor: pointer;
    padding: 0;
}

.settings-dept-icon-btn[b-sw03q2b2e5]  svg {
    width: 15px;
    height: 15px;
    display: block;
}

.settings-dept-icon-btn:hover[b-sw03q2b2e5] {
    background: rgba(248, 249, 251, 0.95);
}

.settings-dept-icon-btn-danger[b-sw03q2b2e5] {
    color: #ef4444;
}

.settings-department-edit-form[b-sw03q2b2e5] {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-top: 1px solid var(--color-border);
}

.settings-department-edit-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.settings-department-chevron[b-sw03q2b2e5] {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--color-text-muted);
    transition: transform 0.2s ease;
}

.settings-department-toggle.is-open .settings-department-chevron[b-sw03q2b2e5] {
    transform: rotate(90deg);
}

.settings-department-chevron svg[b-sw03q2b2e5] {
    width: 100%;
    height: 100%;
    display: block;
}

.settings-department-name[b-sw03q2b2e5] {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-department-meta[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-department-body[b-sw03q2b2e5] {
    border-top: 1px solid var(--color-border);
    padding: 12px 16px;
}

.settings-department-member[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
}

.settings-department-member-info[b-sw03q2b2e5] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.settings-department-member-name[b-sw03q2b2e5] {
    font-size: 13.5px;
    color: var(--color-text-primary);
}

.settings-department-member-meta[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-muted);
}

.settings-department-member-actions[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.settings-assign-row[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border);
}

.settings-assign-label[b-sw03q2b2e5] {
    margin: 0;
    flex-shrink: 0;
}

.settings-assign-select[b-sw03q2b2e5] {
    flex: 1;
}

.settings-add-member-row[b-sw03q2b2e5] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--color-border);
}

.settings-add-member-btn[b-sw03q2b2e5] {
    font-size: 13px;
    color: var(--color-brand-600);
    font-weight: 600;
}

.settings-add-member-btn:hover[b-sw03q2b2e5] {
    color: var(--color-brand-700);
}

.settings-empty-card[b-sw03q2b2e5] {
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: var(--color-surface-3);
}

.settings-empty-text[b-sw03q2b2e5] {
    margin: 0;
    font-size: 13.5px;
    color: var(--color-text-muted);
}

.settings-empty-text-centered[b-sw03q2b2e5] {
    padding: 18px 0;
    text-align: center;
}

/* Hierarchy overview */

.settings-hierarchy-block[b-sw03q2b2e5] {
    margin-top: 28px;
}

.settings-hierarchy-header[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
}

.settings-hierarchy-label[b-sw03q2b2e5] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.settings-hierarchy-toggle[b-sw03q2b2e5] {
    display: flex;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.settings-hierarchy-toggle-btn[b-sw03q2b2e5] {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border: none;
    border-radius: 0;
    background: transparent;
    color: var(--color-text-secondary);
    cursor: pointer;
}

.settings-hierarchy-toggle-btn:hover[b-sw03q2b2e5] {
    background: var(--color-surface-3);
}

.settings-hierarchy-toggle-active[b-sw03q2b2e5] {
    background: var(--color-brand-500);
    color: white;
}

.settings-hierarchy-toggle-active:hover[b-sw03q2b2e5] {
    background: var(--color-brand-600);
}

.settings-hierarchy-overview[b-sw03q2b2e5] {
    padding: 16px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-card);
    background: rgba(248, 249, 251, 0.42);
}

.settings-hierarchy-root[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings-hierarchy-name[b-sw03q2b2e5] {
    margin: 0;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.settings-hierarchy-meta[b-sw03q2b2e5] {
    margin: 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-hierarchy-tree[b-sw03q2b2e5] {
    display: grid;
    gap: 14px;
    margin-top: 14px;
    margin-left: 16px;
    padding-left: 16px;
    border-left: 2px solid rgba(158, 124, 247, 0.22);
}

.settings-hierarchy-branch-title[b-sw03q2b2e5] {
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.settings-hierarchy-branch-members[b-sw03q2b2e5] {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    margin-left: 12px;
    padding-left: 14px;
    border-left: 2px solid rgba(114, 193, 249, 0.25);
}

.settings-hierarchy-reporting[b-sw03q2b2e5] {
    display: grid;
    gap: 10px;
    margin-top: 14px;
    padding: 4px 0 4px 4px;
}

.settings-hierarchy-branch-member[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.settings-hierarchy-branch-member p[b-sw03q2b2e5] {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-you-badge[b-sw03q2b2e5] {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-text-secondary);
}

.settings-hierarchy-caption[b-sw03q2b2e5] {
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--color-text-secondary);
}

.settings-system-config-grid[b-sw03q2b2e5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 16px;
}

.settings-system-config-tile[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: #fff;
    border: 1px solid #eaecf0;
    border-radius: var(--radius-card);
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.settings-system-config-tile:hover:not([aria-disabled="true"]):not(:disabled)[b-sw03q2b2e5] {
    border-color: #c4b5fd;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.08);
}

.settings-system-config-tile[aria-disabled="true"][b-sw03q2b2e5],
.settings-system-config-tile:disabled[b-sw03q2b2e5] {
    background: #f8fafc;
    border-color: #e4e7ec;
    color: #667085;
    cursor: not-allowed;
    opacity: 1;
    box-shadow: none;
    transform: none;
}

.settings-system-config-tile[aria-disabled="true"] .settings-system-config-icon[b-sw03q2b2e5],
.settings-system-config-tile:disabled .settings-system-config-icon[b-sw03q2b2e5] {
    background: #eef2f6;
    color: #98a2b3;
}

.settings-system-config-tile[aria-disabled="true"] .settings-system-config-name[b-sw03q2b2e5],
.settings-system-config-tile:disabled .settings-system-config-name[b-sw03q2b2e5] {
    color: #475467;
}

.settings-system-config-tile[aria-disabled="true"] .settings-system-config-description[b-sw03q2b2e5],
.settings-system-config-tile:disabled .settings-system-config-description[b-sw03q2b2e5] {
    color: #667085;
}

.settings-system-config-icon[b-sw03q2b2e5] {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-panel);
    background: rgba(124, 58, 237, 0.1);
    color: #7c3aed;
}

.settings-system-config-icon svg[b-sw03q2b2e5] {
    width: 20px;
    height: 20px;
}

.settings-system-config-copy[b-sw03q2b2e5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.settings-system-config-name[b-sw03q2b2e5] {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-text-primary);
}

.settings-system-config-description[b-sw03q2b2e5] {
    font-size: 12.5px;
    color: var(--color-text-secondary);
}

.settings-kpi-template-apply-button[b-sw03q2b2e5] {
    margin-left: 0;
}

.settings-kpi-template-actions .btn[b-sw03q2b2e5] {
    min-width: 0;
}

.settings-kpi-template-actions .btn-icon[b-sw03q2b2e5] {
    width: 15px;
    height: 15px;
}

@media (max-width: 760px) {
    .settings-kpi-template-card .settings-card-header-inline[b-sw03q2b2e5] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-kpi-template-actions[b-sw03q2b2e5] {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    .settings-system-config-grid[b-sw03q2b2e5] {
        grid-template-columns: 1fr;
    }

    .settings-details-grid[b-sw03q2b2e5] {
        grid-template-columns: 1fr;
    }

    .settings-employee-management-toolbar[b-sw03q2b2e5] {
        align-items: stretch;
    }

    .settings-employee-management-toolbar .settings-add-employee-trigger[b-sw03q2b2e5] {
        width: 100%;
        justify-content: center;
    }

    .settings-employee-scope-filter[b-sw03q2b2e5] {
        display: flex;
        width: 100%;
    }

    .settings-employee-management-toolbar .settings-employee-scope-filter[b-sw03q2b2e5] {
        margin-left: 0;
    }

    .settings-employee-scope-btn[b-sw03q2b2e5] {
        flex: 1 1 0;
        min-width: 0;
    }

    .settings-card-actions[b-sw03q2b2e5],
    .settings-card-actions .btn[b-sw03q2b2e5] {
        width: 100%;
    }

    .settings-card-actions .btn[b-sw03q2b2e5] {
        justify-content: center;
    }
}

@media (max-width: 900px) {
    .settings-page-header[b-sw03q2b2e5],
    .settings-card-header-inline[b-sw03q2b2e5] {
        flex-direction: column;
        align-items: stretch;
    }

    .settings-page-title[b-sw03q2b2e5] {
        font-size: 30px;
    }
}

@media (max-width: 640px) {
    .settings-page-title[b-sw03q2b2e5] {
        font-size: 26px;
    }

    .settings-card[b-sw03q2b2e5] {
        padding: 16px;
    }
}

/* Overall Manager + multi-Director subsection */
.settings-directors-section[b-sw03q2b2e5] {
    margin-bottom: 20px;
}

.settings-role-card[b-sw03q2b2e5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 10px;
    background: #ffffff;
    border: 1px solid #eef0f4;
    border-radius: var(--radius-card);
}

.settings-role-card-om[b-sw03q2b2e5] {
    background: rgba(158, 124, 247, 0.06);
    border-color: rgba(158, 124, 247, 0.35);
}

.settings-role-card-avatar[b-sw03q2b2e5] {
    flex-shrink: 0;
}

.settings-role-card-copy[b-sw03q2b2e5] {
    flex: 1;
    min-width: 0;
}

.settings-role-card-name[b-sw03q2b2e5] {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #101828;
}

.settings-role-card-descriptor[b-sw03q2b2e5] {
    margin: 2px 0 0;
    font-size: 12.5px;
    color: #667085;
}

.settings-role-card-actions[b-sw03q2b2e5] {
    display: flex;
    flex-shrink: 0;
    gap: 8px;
}

.settings-directors-peer-block[b-sw03q2b2e5] {
    margin-top: 16px;
}

.settings-directors-heading[b-sw03q2b2e5] {
    margin: 0 0 2px;
    font-size: 13px;
    font-weight: 700;
    color: var(--color-text-primary);
}

.settings-directors-descriptor[b-sw03q2b2e5] {
    margin: 0 0 10px;
    font-size: 12.5px;
    color: var(--color-text-secondary);
}

.settings-directors-empty[b-sw03q2b2e5] {
    margin: 0 0 12px;
    font-size: 13px;
    color: var(--color-text-secondary);
}

/* Inline badges keep base role separate from delegated Overall Manager authority. */
.settings-role-pill[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    padding: 1px 8px;
    border-radius: 999px;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    vertical-align: middle;
}

.settings-role-pill-director[b-sw03q2b2e5] {
    background: rgba(124, 58, 237, 0.12);
    color: #5b3c9e;
}

.settings-role-pill-manager[b-sw03q2b2e5] {
    background: rgba(14, 165, 233, 0.12);
    color: #0369a1;
}

.settings-role-pill-employee[b-sw03q2b2e5] {
    background: #f1f3f7;
    color: #475467;
}

.settings-om-pill[b-sw03q2b2e5] {
    display: inline-flex;
    align-items: center;
    padding: 0 8px;
    border-radius: 999px;
    border: 1px solid rgba(124, 58, 237, 0.24);
    background: rgba(124, 58, 237, 0.1);
    color: #4b3780;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.6;
    white-space: nowrap;
    vertical-align: middle;
}

.settings-action-pill-danger[b-sw03q2b2e5] {
    color: var(--color-danger);
    border-color: rgba(239, 68, 68, 0.3);
}

.settings-action-pill-danger:hover:not(:disabled)[b-sw03q2b2e5] {
    background: rgba(239, 68, 68, 0.06);
    color: var(--color-danger);
    border-color: rgba(239, 68, 68, 0.5);
}

@keyframes spin-b-sw03q2b2e5 {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.settings-modal-saving-spinner[b-sw03q2b2e5] {
    animation: spin-b-sw03q2b2e5 0.7s linear infinite;
    vertical-align: middle;
}

/* (UAT close-X canonical sweep): mirror Goals'.goal-detail-close pattern.
   Three inline confirm dialogs in Settings.razor (Delete department, Remove member,
   Reassign pending goals) each get their own scoped close-X classes. */
.delete-department-close[b-sw03q2b2e5],
.remove-member-close[b-sw03q2b2e5],
.reassign-pending-goals-close[b-sw03q2b2e5] {
    width: 28px;
    height: 28px;
    padding: 0;
    border: none;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-secondary);
}

.delete-department-close:hover[b-sw03q2b2e5],
.remove-member-close:hover[b-sw03q2b2e5],
.reassign-pending-goals-close:hover[b-sw03q2b2e5] {
    background: rgba(56, 79, 99, 0.06);
    color: var(--color-text-primary);
}

.delete-department-close-icon[b-sw03q2b2e5],
.remove-member-close-icon[b-sw03q2b2e5],
.reassign-pending-goals-close-icon[b-sw03q2b2e5] {
    display: inline-flex;
    width: 18px;
    height: 18px;
}

.delete-department-close-icon svg[b-sw03q2b2e5],
.remove-member-close-icon svg[b-sw03q2b2e5],
.reassign-pending-goals-close-icon svg[b-sw03q2b2e5] {
    width: 100%;
    height: 100%;
}