/* /Components/Pages/Import.razor.rz.scp.css */
/* Import wizard (SPEC §41 "GUI — a stepper"): the step trail, and the honest states around it. */

.import-steps[b-gkil5p30vr] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0 0 24px;
    padding: 0;
}

.import-steps li[b-gkil5p30vr] {
    padding: 4px 16px;
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 999px;
    font-size: 0.85rem;
    color: var(--mud-palette-text-secondary);
}

.import-steps li.done[b-gkil5p30vr] {
    border-color: var(--mud-palette-success);
    color: var(--mud-palette-success);
}

.import-steps li.current[b-gkil5p30vr] {
    background: var(--mud-palette-primary-lighten);
    border-color: var(--mud-palette-primary);
    color: var(--mud-palette-primary-darken);
    font-weight: 600;
}

.import-file-error[b-gkil5p30vr] {
    color: var(--mud-palette-error);
    font-size: 0.9rem;
}

.import-errors[b-gkil5p30vr] {
    border: 1px solid var(--mud-palette-error);
    background: var(--mud-palette-error-lighten);
}

.import-error-groups[b-gkil5p30vr] {
    margin: 0;
    padding-left: 20px;
}

.import-error-groups li[b-gkil5p30vr] {
    margin-bottom: 8px;
}

.import-error-rows[b-gkil5p30vr] {
    color: var(--mud-palette-text-secondary);
}

/* G-MUD (Task 13): the margin-bottom retired with the .card gap rule it replaced — this notice
   rides the step's MudStack, and the stack's gap spaces it. */
.import-warning[b-gkil5p30vr] {
    border: 1px solid var(--mud-palette-warning);
    background: var(--mud-palette-warning-lighten);
    color: var(--mud-palette-text-primary);
    padding: 16px;
    border-radius: var(--mud-default-borderradius);
}

.import-skipped[b-gkil5p30vr] {
    margin: 0;
    padding-left: 20px;
    color: var(--mud-palette-text-secondary);
}

.import-help[b-gkil5p30vr] {
    color: var(--mud-palette-text-secondary);
    font-size: 0.85rem;
}

.import-format[b-gkil5p30vr] {
    margin-top: 16px;
}

.import-format summary[b-gkil5p30vr] {
    cursor: pointer;
    color: var(--mud-palette-text-secondary);
    font-size: 0.9rem;
}

.import-format ul[b-gkil5p30vr] {
    padding-left: 20px;
}