#nationalKingsPanel { padding: 22px; }
#nationalKingsPanel .payment-config-heading { align-items: flex-start; }
#nationalKingsPanel .payment-config-heading > div { min-width: 0; }
#nationalKingsPanel .payment-config-heading > button { flex-shrink: 0; }
#nationalKingsPanel fieldset { margin: 0; padding: 18px; min-width: 0; border: 1px solid var(--line); }
#nationalKingsPanel legend { padding: 0 8px; color: var(--gold); }
#nationalKingsPanel .national-kings-field { display: grid; gap: 10px; min-width: 0; max-width: 320px; }
#nationalKingsPanel .national-kings-note { margin: 16px 0 0; color: var(--muted); line-height: 1.7; }
#nationalKingsPanel .national-kings-rules { margin: 0 0 20px; }
#nationalKingsPanel .national-kings-reward-items { display: grid; gap: 16px; margin: 18px 0; }
#nationalKingsPanel .national-kings-reward-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(120px, 180px) auto; align-items: end; gap: 12px; }
#nationalKingsPanel .national-kings-reward-row .national-kings-field { max-width: none; }
#nationalKingsPanel .national-kings-reward-row select, #nationalKingsPanel input { width: 100%; min-width: 0; }
#nationalKingsPanel .national-kings-reward-row > button { white-space: nowrap; }
#nationalKingsPanel .national-kings-contribution-rows { display: grid; gap: 16px; }
#nationalKingsPanel .national-kings-contribution-row { display: grid; grid-template-columns: minmax(150px, 1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 16px; align-items: end; }
#nationalKingsPanel .national-kings-contribution-row .national-kings-field { max-width: none; }
#nationalKingsPanel .national-kings-contribution-toggle { display: flex; gap: 8px; align-items: center; min-height: 42px; }
#nationalKingsPanel .national-kings-contribution-toggle input { width: auto; }
#nationalKingsPanel fieldset > .realm-actions { margin-top: 18px; }
#nationalKingsPanel .national-kings-current-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 28px; }
#nationalKingsPanel .national-kings-current-heading label { width: 260px; }
#nationalKingsPanel .national-kings-table { overflow-x: auto; }
#nationalKingsPanel .national-kings-table table { min-width: 800px; }
#nationalKingsPanel .user-message { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  #nationalKingsPanel { padding: 16px; }
  #nationalKingsPanel .payment-config-heading, #nationalKingsPanel .national-kings-current-heading { flex-direction: column; align-items: stretch; }
  #nationalKingsPanel .national-kings-current-heading label { width: 100%; }
  #nationalKingsPanel .realm-actions { flex-wrap: wrap; }
  #nationalKingsPanel .national-kings-reward-row { grid-template-columns: minmax(0, 1fr) auto; }
  #nationalKingsPanel .national-kings-reward-row > label:first-child { grid-column: 1 / -1; }
  #nationalKingsPanel .national-kings-contribution-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px; }
  #nationalKingsPanel .national-kings-contribution-toggle { grid-column: 1 / -1; }
}