/* Daily touchbacks */
.daily-touchbacks { padding: 18px 20px 12px; border: 1px solid var(--line-soft); border-radius: 18px; background: var(--surface-card, #fff); min-width: 0; }
.daily-touchbacks-heading { display: flex; align-items: center; gap: 18px; }
.daily-touchbacks-heading h2 { margin: 0; font-size: 17px; font-weight: 700; letter-spacing: -.02em; }
.daily-touchbacks-heading p { margin: 5px 0 0; color: rgb(var(--ink-rgb) / .65); font-size: 12px; }
.daily-touchbacks-progress { display: grid; gap: 2px; margin-left: auto; text-align: right; font-size: 13px; font-weight: 650; }
.daily-touchbacks-tabs { display: flex; gap: 6px; margin: 16px 0 4px; flex-wrap: wrap; }
.daily-touchbacks-tabs button { display: inline-flex; align-items: center; gap: 7px; min-height: 38px; padding: 7px 11px; border: 0; border-radius: 9px; background: transparent; color: rgb(var(--ink-rgb) / .68); font: inherit; font-size: 12px; cursor: pointer; }
.daily-touchbacks-tabs button[aria-pressed=true] { background: rgb(var(--ink-rgb) / .07); color: rgb(var(--ink-rgb)); font-weight: 700; }
.daily-touchbacks-tabs button span { font-variant-numeric: tabular-nums; }
.daily-touchbacks-tabs button:focus-visible { outline: 2px solid #7d67ca; outline-offset: 2px; }
.daily-touchback-row { display: grid; grid-template-columns: minmax(0, 1fr) auto 132px; gap: 18px; align-items: center; padding: 13px 0; border-top: 1px solid var(--line-soft); }
.daily-touchback-row strong { font-size: 14px; font-weight: 680; overflow-wrap: anywhere; }
.daily-touchback-row p { margin: 5px 0 0; font-size: 12px; line-height: 1.4; color: rgb(var(--ink-rgb) / .65); }
.daily-touchback-state { color: rgb(var(--ink-rgb) / .68); font-size: 11px; }
.daily-touchback-row.is-contacted { grid-template-columns: minmax(0, 1fr) auto; }
.daily-touchbacks-note { margin: 9px 0 0; padding-top: 10px; border-top: 1px solid var(--line-soft); font-size: 11px; line-height: 1.5; color: rgb(var(--ink-rgb) / .72); }
@media (max-width: 600px) {
  .daily-touchbacks { padding: 15px 14px 12px; }
  .daily-touchbacks-heading { gap: 10px; flex-wrap: wrap; }
  .daily-touchbacks-heading h2 { font-size: 16px; }
  .daily-touchbacks-progress { font-size: 12px; }
  .daily-touchbacks-heading > .people-button { min-height: 36px; padding: 7px 10px; }
  .daily-touchbacks-progress .people-subtle { display: none; }
  .daily-touchback-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; }
  .daily-touchback-state { grid-column: 1; grid-row: auto; }
  .daily-touchback-row > .people-button { grid-column: 2; grid-row: 1 / span 2; }
}