/* components/buttons.css — Buttons and pills.
   Part of the split style.css. Keep the load order in includes/layout.php. */

button, input, select, textarea { font: inherit; color: inherit; }

.btn, button.btn {
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 14px;
  text-decoration: none;
  border: 1px solid transparent;
  cursor: pointer;
  letter-spacing: .04em;
}

.btn-gold { background: linear-gradient(180deg, #f0e2bc, #c6a15b); color: #2a160c; }

.btn-ghost { border-color: rgba(240, 226, 188, .6); color: #f8f1e4; background: transparent; }

.btn-maroon { background: var(--maroon); color: #fff; }

.btn-line { background: transparent; border-color: var(--line); color: var(--ink); }

.btn[disabled], button:disabled { opacity: .5; cursor: not-allowed; }

.notes li, .pill {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 3px 8px;
  font-size: 12px;
}

.add-member .btn-gold {
  margin-top: 14px;
  padding: 8px 16px;
  font-weight: 700;
  letter-spacing: 0;
}

.pill-active { color: #4f1720; border-color: #cba0a7; }

.pill-pending { color: #8a5a12; border-color: #e4c48a; }

.pill-blocked, .pill-rejected { color: #7a2430; border-color: #e3b1b1; }

.pill-inactive { color: #5c534c; border-color: #c4b8ae; }

.pill-approved { color: #4f1720; border-color: #cba0a7; }

.btn-whatsapp { background: #128C4A; color: #fff; }