/* Final accessibility override: keep every administrative action legible. */
button,
input[type="submit"],
input[type="button"],
a.button,
.button {
  opacity: 1 !important;
  visibility: visible !important;
  text-indent: 0 !important;
  font-size: 13px !important;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
  line-height: 1.35 !important;
  min-height: 32px !important;
  min-width: 36px !important;
  padding: 6px 10px !important;
  color: #17202a !important;
  background-color: #ffffff !important;
  border: 1px solid #94a3b8 !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  clip: auto !important;
}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
.button:hover {
  background-color: #f1f5f9 !important;
  border-color: #475569 !important;
}

button.approve,
button.approve-all,
button.save,
button.primary,
.approve button,
.approve-all button,
.primary button,
input.approve[type="submit"] {
  color: #ffffff !important;
  background-color: #166534 !important;
  border-color: #166534 !important;
}

button.danger,
.danger button,
button.delete-button {
  color: #991b1b !important;
  background-color: #fff7f7 !important;
  border-color: #fca5a5 !important;
}

button:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
  opacity: .55 !important;
  cursor: not-allowed !important;
}

/* Review cards need explicit colors because the legacy stylesheet used white. */
.tools button:not(.approve):not(.save) {
  color: #17202a !important;
  background-color: #ffffff !important;
}