/* Quick wins (includes/quickwins.php): only the widgets that are new. Colors, type and the 32px control size come from style.css. */
.qw-score { display: grid; grid-template-columns: repeat(11, minmax(0, 1fr)); gap: 6px; margin: 12px 0 6px; }
.qw-score button { min-width: 0; padding: 0; height: 40px; font-weight: 650; }
.qw-score-ends { display: flex; justify-content: space-between; margin: 0 0 12px; }
@media (max-width: 500px) {
  .qw-score { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.qw-tips { display: flex; flex-wrap: wrap; gap: 8px; margin: 6px 0; }
.qw-tips label.check { border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; background: #fff; cursor: pointer; }
.qw-tips label.check:hover { border-color: var(--blue); }
.qw-tips label.check:has(input:checked) { border-color: var(--blue); background: rgba(30, 144, 255, .08); }
.qw-tips input[name="tip_other"] { width: 96px; height: 30px; min-height: 0; padding: 2px 8px; margin-left: 4px; }
.qw-tips label.check:has(input[name="tip_other"]) { display: inline-flex; align-items: center; padding-top: 3px; padding-bottom: 3px; }
.qw-meter { display: inline-block; vertical-align: middle; width: 72px; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; margin-left: 8px; }
.qw-meter > span { display: block; height: 100%; background: var(--grass); }
.qw-meter.soon > span { background: var(--orange); }
.qw-meter.due > span { background: var(--red); }
.qw-copy { display: flex; gap: 8px; align-items: center; }
.qw-copy input { flex: 1; min-width: 0; }
.qw-diff td:first-child { white-space: nowrap; }
fieldset[data-tip] { border: 0; padding: 0; margin: 14px 0 6px; min-width: 0; }
fieldset[data-tip] legend { padding: 0; margin-bottom: 4px; font-weight: 600; }
/* One-line rows on phones (Travis's rule): the main cell with an ellipsis, the end cell (badge, amount, actions)
   beside it; the other columns are on the record's own page or the computer view. */
@media (max-width: 760px) {
  table.qw-rows, table.qw-rows tbody { display: block; width: 100%; }
  table.qw-rows tr { display: flex; align-items: center; gap: 10px; padding: 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; border-radius: 0; margin: 0; box-shadow: none; }
  table.qw-rows tr:first-child { display: none; }
  table.qw-rows td { display: none !important; border: 0; padding: 11px 0; }
  table.qw-rows td.qw-main { display: block !important; flex: 1 1 auto; width: auto; max-width: none; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  table.qw-rows td.qw-end { display: flex !important; flex: 0 0 auto; width: auto; max-width: none; align-items: center; gap: 8px; white-space: nowrap; }
  table.qw-rows td.qw-main .badge { vertical-align: middle; }
  table.qw-rows td::before { content: none !important; display: none !important; }
  table.qw-rows .qw-meter { display: none; }
  table.qw-rows .qw-sub { display: none; }
}
table.qw-rows + form, table.qw-rows + .form-grid { margin-top: 16px; }