/* German Dominion -- Quest rewards admin tab (2026-08-10). Leans on admin.css
   panel/table/kpi styles; only the pieces unique to this tab live here. */
.qrad-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 4px 0 14px;
}
.qrad-filter {
  flex: 1 1 240px;
  max-width: 340px;
  padding: 8px 10px;
  background: #101815;
  color: #e6efe9;
  border: 1px solid rgba(159, 180, 168, .35);
  border-radius: 8px;
}
.qrad-filter:focus { outline: none; border-color: #66d29a; }
.qrad-unsaved {
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  background: rgba(224, 178, 90, .15);
  color: #e0b25a;
  white-space: nowrap;
}
.qrad-group-head { margin-top: 18px; }
/* The weekly pair, marked the same warm way the player board marks it. */
.qrad-weekly-head { margin-top: 26px; border-top: 1px solid rgba(224,178,90,.25); padding-top: 16px; }
.qrad-weekly-head h2 { color: #e0b25a; }
.qrad-table td { vertical-align: top; }
.qrad-label { display: inline-block; font-weight: 600; }
.qrad-blurb {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: #9fb4a8;
  max-width: 46ch;
}
.qrad-input {
  width: 110px;
  padding: 6px 8px;
  background: #101815;
  color: #e6efe9;
  border: 1px solid rgba(159, 180, 168, .35);
  border-radius: 8px;
  font-variant-numeric: tabular-nums;
}
.qrad-input:focus { outline: none; border-color: #66d29a; }
.qrad-input.err { border-color: #e0705a; }
.qrad-actions { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-top: 12px; }
.qrad-state { font-size: 12px; padding: 2px 8px; border-radius: 999px; white-space: nowrap; }
.qrad-state.live { background: rgba(102, 210, 154, .15); color: #66d29a; }
.qrad-state.waiting { background: rgba(224, 178, 90, .15); color: #e0b25a; }
.qrad-default { color: #9fb4a8; font-size: 12px; }
.qrad-changed { color: #e0b25a; font-size: 11px; margin-left: 6px; }
.qrad-note { margin-top: 10px; font-size: 13px; color: #9fb4a8; }
.qrad-note.err { color: #e0705a; }

/* On a phone the cell padding and a 46ch blurb push the points box off the
   right edge of the table, and .table-wrap turns that into a sideways scroll -
   so the one control on the row is the one thing you cannot see. Fixed columns
   keep it on screen: the quest name wraps instead. */
@media (max-width: 720px) {
  .qrad-blurb { display: none; }
  .qrad-table { table-layout: fixed; }
  .qrad-table th, .qrad-table td { padding: 9px 6px; }
  .qrad-table th:nth-child(1), .qrad-table td:nth-child(1) { width: 44%; }
  .qrad-table th:nth-child(2), .qrad-table td:nth-child(2) { width: 18%; }
  .qrad-table th:nth-child(3), .qrad-table td:nth-child(3) { width: 14%; }
  .qrad-table th:nth-child(4), .qrad-table td:nth-child(4) { width: 24%; }
  .qrad-state { font-size: 11px; padding: 2px 6px; }
  .qrad-input { width: 100%; max-width: 76px; padding: 6px 4px; }
}