/* roster-upload — Upload CSV Roster. Figma 600:35917. */

.roster-upload {
    padding-block: var(--wa-space-l);
}

.roster-upload__breadcrumb {
    color: var(--wa-color-text-quiet);
    font-size: var(--wa-font-size-s);
}

.roster-upload__title {
    font-family: var(--wa-font-family-heading);
    font-weight: var(--wa-font-weight-heading);
    font-size: var(--wa-font-size-2xl);
}

.roster-upload__instructions {
    color: var(--wa-color-text-quiet);
    font-size: var(--wa-font-size-s);
    padding-bottom: var(--wa-space-l);
}

.roster-upload__instructions code {
    background: var(--wa-color-surface-lowered);
    padding: 0.125rem 0.25rem;
    border-radius: var(--wa-border-radius-m);
}

.roster-upload__file {
    display: block;
    padding: var(--wa-space-s);
    border: 1px solid var(--wa-color-surface-border);
    border-radius: var(--wa-border-radius-m);
    margin-bottom: var(--wa-space-m);
    max-width: 32rem;
}

/* Refused rows are a normal outcome of a partial import, not an error state — style as a report. */

.roster-upload__errors {
    margin-top: var(--wa-space-l);
    padding: var(--wa-space-m);
    border: 1px solid var(--wa-color-neutral-border-quiet);
    border-radius: var(--wa-border-radius-m);
    background: var(--wa-color-surface-lowered);
}

.roster-upload__errors h2 {
    font-size: var(--wa-font-size-s);
    margin-bottom: var(--wa-space-s);
}

.roster-upload__errors li {
    font-size: var(--wa-font-size-s);
    padding-block: 0.125rem;
}