/* Password box with a show/hide toggle (PasswordField). The input keeps the page's own
   class (input-primary etc.); only room for the button is added. */
/* Login, sign-up and reset pages: the Mud field sits next to raw email inputs styled .input-primary
   (2px white border, 15px radius), so match that shape. */
.pw-field.mud-input-control { margin: 0; width: 100%; }
.pw-field .mud-input-outlined .mud-input-outlined-border { border-width: 2px; border-radius: 15px; }
.pw-field .mud-input-outlined > input.mud-input-root-outlined { padding: 10px 12px; }

/* "Confirm your email" banner under the app bar (EmailVerificationBanner). Same shape as the
   team "working as" banner so the two stack cleanly. */
.verify-banner.mud-alert { background-color: #232323; border: 0; border-bottom: 1px solid #3a3a3a; border-radius: 0; color: #f2f2f0; padding: 8px 16px; }
.verify-banner .mud-alert-message { width: 100%; }
.verify-banner .mud-alert-icon { color: #c1fe01; }
.verify-banner__text { margin: 0; color: #f2f2f0; min-width: 0; }
.verify-banner__text b { color: #c1fe01; }
@media (max-width: 600px) { .verify-banner.mud-alert { padding: 6px 12px; } }

/* Change sign-in email (ChangeEmailControls, inside Security / Account). */
.chg-email__current { color: #c1fe01; }
.chg-email__input { flex: 1 1 260px; min-width: 0; max-width: 420px; }

/* Tax details (ArtistTaxDetailsForm) and the DAC7 admin table. */
.tax-chip { font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; border-radius: 999px; padding: 3px 10px; border: 1px solid; }
.tax-chip--ok { color: #c1fe01; border-color: #c1fe01; }
.tax-chip--todo { color: #ffb648; border-color: #ffb648; }
.tax-form__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 18px 16px; align-items: start; }
.tax-form__grid .mud-radio-group { margin-bottom: 4px; }
.tax-form__grid .tax-form__full { grid-column: 1 / -1; }
.tax-form__grid .mud-radio-group { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.afp-nudge { border-color: #ffb648; }
.afp-nudge a { color: #c1fe01; }
.dac7-table { border-collapse: collapse; width: 100%; min-width: 900px; font-size: 14px; }
.dac7-table th, .dac7-table td { text-align: left; padding: 8px 10px 8px 0; border-bottom: 1px solid #2a2a2a; vertical-align: top; }
.dac7-table th { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #9a9a9a; font-weight: 600; }
.dac7-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.dac7-table a { color: #c1fe01; }
.dac7-row--todo td:last-child { color: #ffb648; }
/* MudBlazor fields on the dark settings and admin panels: white outline, white text, grey labels. */
.tax-form .mud-input-outlined .mud-input-outlined-border, .chg-email .mud-input-outlined .mud-input-outlined-border,
.rv .mud-input-outlined .mud-input-outlined-border, .dac7-year .mud-input-outlined-border, .pw-field .mud-input-outlined-border { border-color: #fff; }
.tax-form .mud-input, .chg-email .mud-input, .rv .mud-input, .dac7-year .mud-input, .pw-field .mud-input,
.tax-form .mud-input-label, .chg-email .mud-input-label, .rv .mud-input-label, .dac7-year .mud-input-label { color: #fff; }
.tax-form .mud-input-helper-text, .rv .mud-input-helper-text { color: #9a9a9a; }
.tax-form .mud-input-outlined:focus-within .mud-input-outlined-border, .rv .mud-input-outlined:focus-within .mud-input-outlined-border,
.chg-email .mud-input-outlined:focus-within .mud-input-outlined-border, .pw-field .mud-input-outlined:focus-within .mud-input-outlined-border { border-color: #c1fe01; }
.pw-field .mud-input-adornment .mud-icon-button { color: #fff; }
.pw-field input::placeholder, .chg-email input::placeholder, .rv input::placeholder, .rv textarea::placeholder { color: #fff; opacity: .8; }
.gp-panel.dac7-filters { flex-direction: row; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; }
.dac7-year { min-width: 120px; flex: 0 0 auto; }
.dac7-table.mud-table { background: transparent; color: #f8f8f8; }
.dac7-table .mud-table-container { overflow-x: auto; }
.dac7-table .mud-table-cell, .dac7-table td, .dac7-table th { white-space: nowrap; color: #f8f8f8 !important; border-bottom-color: #2a2a2a; }
.dac7-table th .mud-table-sort-label, .dac7-table th { font-size: 11px; letter-spacing: .06em; text-transform: uppercase; color: #9a9a9a; }
.dac7-table .mud-table-cell.num { text-align: right; font-variant-numeric: tabular-nums; }
/* Outlined Mud fields on dark panels: the label sits above the box (no notch, so no background
   colour to match), like the rest of the app's forms. */
.tax-form .mud-input-control, .rv .mud-input-control, .chg-email .mud-input-control, .dac7-year.mud-input-control { margin-top: 18px; }
.tax-form .mud-input-label-outlined, .rv .mud-input-label-outlined, .chg-email .mud-input-label-outlined, .dac7-year .mud-input-label-outlined {
  background: transparent !important; padding: 0 !important; transform: translate(2px, -22px) scale(.8) !important; color: #c9c9c4 !important; max-width: none;
}

/* Reviews: the prompt after a payout (ReviewPrompt) and the profile section (ProfileReviews). */
.rv-stars { display: flex; align-items: center; gap: 4px; margin: 10px 0; }
.rv-stars__label { margin-left: 8px; color: #a9aaa3; font-size: 14px; }
.rv-stars__small { display: inline-flex; vertical-align: middle; }
.rv-stars__small .mud-rating-item { padding: 0; }
.rv-text { width: 100%; margin-bottom: 10px; }
.rv-note { color: #a9aaa3; font-size: 14px; align-self: center; }
.rv-line { margin: 6px 0; }
.rv-line--theirs { border-top: 1px solid #2a2a2a; padding-top: 8px; }
.rv-reply { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; align-items: flex-start; }
.rv-reply__input { flex: 1 1 240px; min-width: 0; }
.rv-profile { margin: 18px 0 24px; display: flex; flex-direction: column; gap: 10px; }
.rv-headline { color: #c1fe01; font-weight: 600; }
.rv-card.mud-paper { background: #171717; border-color: #2a2a2a; border-radius: 12px; padding: 12px 14px; color: inherit; }
.rv-card__head { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; font-size: 14px; }
.rv-card__text { margin: 6px 0 0; }
.rv-card__reply { margin: 6px 0 0; color: #a9aaa3; font-size: 14px; }
.rv-card__tools { display: flex; justify-content: flex-end; margin-top: 4px; }
.rv-card__tools .mud-button-root { text-transform: none; }
.mod-target { margin: 6px 0; padding: 6px 10px; border-left: 3px solid #c1fe01; color: #d6d6d0; }
/* Moderation cards are dark outlined papers: undo the light-paper button and chip colours. */
.mud-paper.mod-card.mud-paper-outlined .mud-button-outlined-primary { color: #c1fe01; border-color: #c1fe01; }
.mud-paper.mod-card .mud-chip.mud-chip-outlined.mud-chip-color-warning { color: #ffb648; }
.mud-paper.mod-card .mud-chip.mud-chip-outlined.mud-chip-color-primary { color: #c1fe01; }
.mud-paper.mod-card .mud-chip.mud-chip-outlined.mud-chip-color-default { color: #e6e6e6; }