/* ══ BUTTONS ══ */
.btn { display: inline-flex; align-items: center; gap: 7px; padding: 9px 18px; border-radius: var(--r-sm); border: none; font-family: 'Plus Jakarta Sans', sans-serif; font-size: .85rem; font-weight: 600; cursor: pointer; transition: all .18s; white-space: nowrap; -webkit-tap-highlight-color: transparent; }
.btn-primary   { background: var(--brand); color: #fff; box-shadow: 0 4px 12px rgba(0,165,194,.3); }
.btn-primary:hover   { background: var(--brand-d); }
.btn-secondary { background: var(--warm); color: var(--text); border: 1.5px solid var(--warm2); }
.btn-secondary:hover { background: var(--warm2); }
.btn-light     { background: rgba(255,255,255,.15); color: #fff; border: 1px solid rgba(255,255,255,.25); }
.btn-light:hover     { background: rgba(255,255,255,.25); }
.btn-sm        { padding: 6px 12px; font-size: .78rem; }
.btn-danger    { background: var(--red-l); color: var(--red); border: 1px solid #f5c6c6; }
.btn-edit      { background: var(--brand-l); color: var(--brand-d); border: 1px solid var(--warm2); }
/* ══ WHATSAPP BUTTON ══ */
.btn-whatsapp { background: #25d366; color: #fff; border: none; box-shadow: 0 4px 12px rgba(37,211,102,.3); }
.btn-whatsapp:hover { background: #1ebe5d; }

/* ══ BOTÃO PAGO (vendas pendentes) ══ */
.btn-pago { background: var(--green-l); color: var(--green); border: 1.5px solid #a8e6cc; font-weight: 700; }
.btn-pago:hover { background: #c3f0db; border-color: var(--green); }
/* ══ BOTÃO LOGOUT ══ */
.btn-logout {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  margin-top: 10px;
  padding: 9px 14px;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,.18);
  border-radius: var(--r-sm);
  color: rgba(255,255,255,.55);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: .82rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .18s, color .18s, border-color .18s;
  text-align: left;
}
.btn-logout:hover {
  background: rgba(217,79,79,.18);
  border-color: rgba(217,79,79,.5);
  color: #ff8888;
}
.btn-logout svg { flex-shrink: 0; }