/* Unlayered safety patch: layered overrides cannot beat legacy unlayered style.css.
 * Load last — see index.html. Do not wrap in @layer. */

:root {
  --primary: #3b82f6;
  --primary-strong: #2563eb;
  --accent-blue: #3b82f6;
}

.btn.primary,
button.btn.primary,
.app-layout .btn.primary,
.app-layout button.btn.primary,
.route-page .btn.primary,
.route-page button.btn.primary,
#modal .btn.primary,
#modal button.btn.primary,
#modal .modal-actions .btn.primary,
#modal .pos-footer-actions .btn.primary,
#modal #btnSave.btn.primary,
#modal #btnSaveNew.btn.primary,
#modal #btnSaveDup.btn.primary,
#modal #posSave.btn.primary {
  background: linear-gradient(120deg, var(--primary, #3b82f6), var(--primary-strong, #2563eb)) !important;
  background-color: var(--primary, #3b82f6) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border-color: transparent !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(59, 130, 246, 0.24) !important;
}

.btn.primary:hover:not(:disabled),
button.btn.primary:hover:not(:disabled),
.app-layout .btn.primary:hover:not(:disabled),
.route-page .btn.primary:hover:not(:disabled),
#modal .btn.primary:hover:not(:disabled),
#modal button.btn.primary:hover:not(:disabled) {
  background: linear-gradient(120deg, #2563eb, #1d4ed8) !important;
  background-color: #2563eb !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

.btn.primary:disabled,
button.btn.primary:disabled,
#modal .btn.primary:disabled,
#modal button.btn.primary:disabled {
  opacity: 0.62 !important;
  cursor: not-allowed !important;
}

#modal .modal-actions .btn,
#modal .pos-footer-actions .btn {
  min-width: 72px;
}