/* Console buttons - Remire green primary, quiet secondary, red danger */

.admin-ui .button {
  box-sizing: border-box;
  min-height: var(--ds-button-min-height, 2.5rem);
  border: 1px solid var(--console-green, #067b3a);
  background: var(--console-green, #067b3a);
  color: #fff;
  box-shadow: 0 1px 2px rgb(6 123 58 / 0.12);
  font-family: var(--ds-font-button, var(--ds-font-accent, "Poppins", sans-serif));
  line-height: var(--ds-button-line-height, 1.2);
}

.admin-ui .button:hover:not(:disabled) {
  background: var(--console-green-hover, #056832);
  border-color: var(--console-green-hover, #056832);
}

.admin-ui .button--secondary {
  color: #374151;
  background: #fff;
  border-color: var(--console-border, #d8e0db);
  box-shadow: 0 1px 2px rgb(15 23 42 / 0.04);
}

.admin-ui .button--secondary:hover:not(:disabled) {
  color: #111827;
  background: var(--console-surface-muted, #f8faf9);
  border-color: #b7c2bc;
}

.admin-ui .button--danger {
  background: var(--console-red, #d63516);
  border-color: var(--console-red-hover, #b82c12);
  color: #fff;
  box-shadow: 0 1px 2px rgb(214 53 22 / 0.14);
}

.admin-ui .button--danger:hover:not(:disabled) {
  background: var(--console-red-hover, #b82c12);
  border-color: #9a250f;
}

.admin-ui .button--accept {
  background: var(--console-green, #067b3a);
  border-color: var(--console-green-hover, #056832);
  color: #fff;
}

.admin-ui .button--accept:hover:not(:disabled) {
  background: var(--console-green-hover, #056832);
  border-color: #045a2c;
}

.admin-ui .button--blue {
  background: #2563eb;
  border-color: #1d4ed8;
  color: #fff;
  box-shadow: 0 1px 2px rgb(37 99 235 / 0.16);
}

.admin-ui .button--blue:hover:not(:disabled) {
  background: #1d4ed8;
  border-color: #1e40af;
}

.admin-ui .button--black {
  background: #111827;
  border-color: #030712;
  color: #fff;
  box-shadow: 0 1px 2px rgb(17 24 39 / 0.18);
}

.admin-ui .button--black:hover:not(:disabled) {
  background: #030712;
  border-color: #000;
}

.admin-ui .button--yellow {
  background: #eab308;
  border-color: #ca8a04;
  color: #422006;
  box-shadow: 0 1px 2px rgb(234 179 8 / 0.22);
}

.admin-ui .button--yellow:hover:not(:disabled) {
  background: #ca8a04;
  border-color: #a16207;
  color: #422006;
}

.admin-ui .button:disabled {
  border-color: #e5e7eb;
  background: #e5e7eb;
  color: #9ca3af;
  box-shadow: none;
}