/* ══════════════════════════════════════════════════════════════════════════ */
/* ReportDrawer Component Styles                                               */
/* Location: CHI.HubX.Web.Shared/Components/Reports/ReportDrawer.razor         */
/* ══════════════════════════════════════════════════════════════════════════ */

/* ── Selected Chip Style (light blue bg, primary text per Figma) ──────────── */
.sr-selected-chip.mud-chip {
    background-color: var(--mud-palette-primary-lighten) !important;
    color: var(--mud-palette-primary) !important;
}

.sr-selected-chip.mud-chip .mud-chip-content {
    color: var(--mud-palette-primary) !important;
}

.sr-selected-chip.mud-chip .mud-chip-close-button .mud-icon-root {
    color: var(--mud-palette-primary) !important;
}

.sr-selected-chip.mud-chip .mud-icon-root {
    color: var(--mud-palette-primary) !important;
}

/* ── Optional step checkbox in stepper title ──────────────────────────────── */
.sr-optional-checkbox {
    margin: 0 !important;
}

.sr-optional-checkbox .mud-checkbox-label {
    color: var(--mud-palette-primary);
    font-weight: 500;
}

/* ── Step body spacing ───────────────────────────────────────────────────── */
.sr-step-body {
    gap: 8px !important;
}

/* ── Actions bar (Select all / Clear) ────────────────────────────────────── */
.sr-actions-bar {
    margin-bottom: 4px;
}

/* ── Report section group ────────────────────────────────────────────────── */
.sr-report-section {
    margin-top: 4px !important;
    gap: 4px !important;
}

/* ── Group label ─────────────────────────────────────────────────────────── */
.sr-group-label {
    margin-bottom: 2px;
    font-weight: 500;
}

/* ── Chips row ───────────────────────────────────────────────────────────── */
.sr-cards-row {
    gap: 8px !important;
}

.sr-cards-row .mud-chipset {
    gap: 8px !important;
}

.sr-step-body .mud-chip {
    padding: 0 10px;
}

/* ── Selected chips area in title ────────────────────────────────────────── */
.sr-selected-chips {
    gap: 4px !important;
    margin-top: 2px;
}

.sr-selected-chips .mud-chip {
    margin: 0 !important;
}

/* ── Reminder Box (Step 2) ───────────────────────────────────────────────── */
.sr-reminder-box {
    background-color: var(--mud-palette-background-gray);
    border-radius: 4px;
}

.sr-reminder-icon {
    color: var(--mud-palette-primary);
}

.sr-reminder-title {
    font-weight: 600;
    color: var(--mud-palette-text-primary);
}

.sr-reminder-text {
    color: var(--mud-palette-text-secondary);
}

/* ── CC Fieldset (Step 2) ────────────────────────────────────────────────── */
.sr-cc-fieldset {
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 4px;
    margin-top: 16px;
    padding: 4px 8px 8px 8px;
}

.sr-cc-legend {
    padding: 0 8px;
    font-size: 12px;
    color: var(--mud-palette-text-secondary);
}

.sr-cc-chip {
    border-radius: 4px !important;
}

/* ── Recipient Chips in Title (To:/Cc:) ──────────────────────────────────── */
.sr-recipient-label {
    color: var(--mud-palette-text-secondary);
    font-weight: 500;
}

.sr-recipient-chips {
    gap: 8px !important;
}