/* App buttons: every button carries the brand orange so it reads as a button.
   Loaded after the page stylesheet on the signed-in app pages.
   Dark workspaces (invitations, michango, event hub) use .btn-outline / icon buttons;
   light dashboards (client, vendor, admin) use Bootstrap's outline buttons. */

/* ── Dark workspaces ─────────────────────────────────────────────── */
.btn-outline {
  background: rgba(224, 120, 68, .10);
  border: 1px solid rgba(224, 120, 68, .55);
  color: #f6b892;
  font-weight: 600;
}
.btn-outline:hover,
.btn-outline:focus-visible {
  background: rgba(224, 120, 68, .22);
  border-color: #e07844;
  color: #fff;
}
.btn-outline.danger,
.btn-outline.ab-c-danger {
  background: rgba(239, 68, 68, .10);
  border-color: rgba(239, 68, 68, .55);
  color: #fca5a5;
}
.btn-outline.danger:hover,
.btn-outline.ab-c-danger:hover {
  background: rgba(239, 68, 68, .22);
  border-color: #ef4444;
  color: #fff;
}
.btn-outline:disabled { opacity: .45; cursor: not-allowed; }

/* Icon-only buttons (copy, open, edit, delete) */
.btn-icon,
.btn-icon-sm,
.btn-sm-icon {
  background: rgba(224, 120, 68, .10);
  border: 1px solid rgba(224, 120, 68, .30);
  color: #f6b892;
  border-radius: 6px;
}
.btn-icon:hover,
.btn-icon-sm:hover,
.btn-sm-icon:hover {
  background: rgba(224, 120, 68, .22);
  border-color: #e07844;
  color: #fff;
}
.btn-icon.danger,
.btn-icon-sm.danger,
.btn-sm-icon.danger,
.btn-del-acct {
  background: rgba(239, 68, 68, .08);
  border: 1px solid rgba(239, 68, 68, .30);
  color: #fca5a5;
  border-radius: 6px;
}
.btn-icon.danger:hover,
.btn-icon-sm.danger:hover,
.btn-sm-icon.danger:hover,
.btn-del-acct:hover {
  background: rgba(239, 68, 68, .20);
  border-color: #ef4444;
  color: #fff;
}

/* Page numbers */
.pg-btn { color: #f6b892; border-color: rgba(224, 120, 68, .30); }

/* ── Light dashboards ────────────────────────────────────────────── */
.btn.btn-outline-secondary {
  --bs-btn-color: #b4541f;
  --bs-btn-border-color: rgba(224, 120, 68, .55);
  --bs-btn-bg: rgba(224, 120, 68, .06);
  font-weight: 600;
}
.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:focus {
  background-color: rgba(224, 120, 68, .14) !important;
  border-color: #e07844 !important;
  color: #8f3f14 !important;
}