/* === Outreach — overrides layered on crm.css === */

.outreach-table th.sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: color 0.1s;
}
.outreach-table th.sortable:hover { color: var(--text-dim); }
.outreach-table th.sortable.asc::after { content: ' ↑'; color: var(--teal); }
.outreach-table th.sortable.desc::after { content: ' ↓'; color: var(--teal); }

.outreach-row td { vertical-align: middle; }
.outreach-row:hover { background: var(--surface); }

.opens-num {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}

.notes-cell { min-width: 160px; }
.inline-notes {
  width: 100%;
  background: var(--bg);
  border: 1px solid transparent;
  color: var(--text-dim);
  font-size: 12px;
  font-family: var(--font-body);
  padding: 5px 7px;
  border-radius: 5px;
  transition: border-color 0.15s;
}
.inline-notes:hover { border-color: var(--border); color: var(--text); }
.inline-notes:focus { outline: none; border-color: var(--teal-border); color: var(--text); }
.inline-notes::placeholder { color: var(--text-muted); }

.actions-cell { white-space: nowrap; min-width: 160px; max-width: 220px; }
.status-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  font-size: 10px;
}
.status-set-btn {
  background: none;
  border: 1px solid var(--border);
  color: var(--text-muted);
  font-size: 10px;
  font-family: var(--font-display);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 3px 7px;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.1s;
  white-space: nowrap;
}
.status-set-btn:hover { color: var(--teal); border-color: var(--teal-border); background: var(--teal-dim); }