/* CRM subsystem styles — loaded by views/admin-crm.php and the
   newsletter footer partial. Kept separate from app.css per project rules. */

/* Newsletter footer capture */
.newsletter-box h4 { margin-bottom: .35rem; }
.newsletter-box p { font-size: .85rem; margin: 0 0 .55rem; }
.newsletter-form { display: flex; gap: .4rem; align-items: center; }
.newsletter-form input[type="email"] {
  flex: 1;
  min-width: 0;
  padding: .45rem .6rem;
  font-size: .85rem;
  border: 1px solid var(--border, #2a2f3a);
  border-radius: 6px;
  background: var(--bg-input, transparent);
  color: inherit;
}

/* Admin CRM table */
.crm-inline-form { display: inline-flex; gap: .3rem; align-items: center; margin: 0; }
.crm-status-select { padding: .25rem .4rem; font-size: .8rem; }
.crm-notes-input { width: 180px; padding: .25rem .4rem; font-size: .8rem; }
.crm-table td { vertical-align: middle; }

.crm-badge {
  display: inline-block;
  padding: .1rem .5rem;
  border-radius: 999px;
  font-size: .72rem;
  border: 1px solid var(--border, #2a2f3a);
  text-transform: capitalize;
}
.crm-src-newsletter { background: rgba(99, 102, 241, .12); }
.crm-src-contact    { background: rgba(34, 197, 94, .12); }
.crm-src-signup     { background: rgba(234, 179, 8, .12); }
.crm-src-checkout   { background: rgba(236, 72, 153, .12); }