/* ===============================
   BUTTONS
================================ */
.btn-primary {
  background: var(--accent);
  color: white;
  border: none;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: filter 0.15s ease;
}

.btn-primary:hover { filter: brightness(0.94); }
.btn-primary:disabled { opacity: 0.6; cursor: not-allowed; filter: none; }

/*
 * .btn-ghost is used for every secondary action - modal Cancel buttons,
 * "Back to ERP", "View PDF" - but had no rule anywhere, so those buttons fell
 * back to the raw browser default and sat awkwardly beside .btn-primary.
 * Metrics deliberately match .btn-primary so the pair lines up.
 */
.btn-ghost {
  background: #ffffff;
  color: var(--text-primary);
  border: 1px solid #d1d5db;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.btn-ghost:hover { background: #f9fafb; border-color: #9ca3af; }
.btn-ghost:disabled { opacity: 0.6; cursor: not-allowed; }

.btn-secondary {
  background: none;
  border: none;
  color: var(--text-secondary);
}

.icon-button {
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}