/* Scope the native payout dialogs to Tidal; override legacy inline colors. */
.tidal-affiliate .commission-payout dialog {
  background: var(--card, #fff) !important;
  color: var(--foreground, #162b40) !important;
  border: 1px solid var(--border, #cddfec) !important;
  border-radius: 18px !important;
  box-shadow: 0 24px 80px rgb(8 43 76 / 22%);
  padding: 28px !important;
}
.tidal-affiliate .commission-payout dialog::backdrop { background: rgb(8 30 51 / 42%); backdrop-filter: blur(3px); }
.tidal-affiliate .commission-payout dialog h2 { color: var(--primary, #1966ad); margin-bottom: 6px; }
.tidal-affiliate .commission-payout dialog label { font-size: 13px; font-weight: 500; }
.tidal-affiliate .commission-payout dialog input,
.tidal-affiliate .commission-payout dialog select {
  background: var(--background, #f5f8fc) !important;
  color: var(--foreground, #162b40) !important;
  border: 1px solid var(--input, #cddfec) !important;
  border-radius: 9px !important;
  padding: 11px 12px !important;
  min-height: 44px;
  font-size: 14px;
  color-scheme: light;
}
.dark .tidal-affiliate .commission-payout dialog select { color-scheme: dark; }
.tidal-affiliate .commission-payout dialog input:focus-visible,
.tidal-affiliate .commission-payout dialog select:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--primary, #1966ad) 18%, transparent);
  outline-offset: 1px;
  border-color: var(--primary, #1966ad) !important;
}
.tidal-affiliate .commission-payout dialog [data-rule] {
  color: var(--primary, #1966ad);
  background: var(--tidal-control, #e8f4fc);
  padding: 12px 14px;
  border-radius: 9px;
  line-height: 1.7;
  opacity: 1 !important;
}
.tidal-affiliate .commission-payout dialog button { min-height: 44px; padding: 10px 16px !important; border-radius: 9px !important; font-size: 14px; }
.tidal-affiliate .commission-payout dialog [type="submit"] {
  background: var(--primary, #1966ad);
  border: 1px solid var(--primary, #1966ad) !important;
  color: var(--primary-foreground, #fff);
  font-weight: 500;
}
.tidal-affiliate .commission-payout dialog [type="submit"]:hover:not(:disabled) { filter: brightness(.94); }
.tidal-affiliate .commission-payout dialog [data-close],
.tidal-affiliate .commission-payout dialog [data-history-close] { color: var(--primary, #1966ad); background: var(--tidal-control, #e8f4fc); border: 1px solid transparent; }
.tidal-affiliate .commission-payout dialog button:focus-visible { outline: 2px solid var(--primary, #1966ad); outline-offset: 3px; }
.tidal-affiliate .commission-payout dialog button:disabled { opacity: .45; cursor: not-allowed; }
.tidal-affiliate .commission-payout dialog [data-status]:empty { display: none; }
@media(max-width:600px) { .tidal-affiliate .commission-payout dialog { padding: 22px !important; } }