/* Green: completed. Amber: pending/review. Red: cancelled/rejected/overdue. */
[data-amanta-state-tone="success"] {
  --amanta-state-ink: #166534;
  --amanta-state-bg: #dcfce7;
  --amanta-state-border: #86efac;
}
[data-amanta-state-tone="pending"] {
  --amanta-state-ink: #854d0e;
  --amanta-state-bg: #fef3c7;
  --amanta-state-border: #fcd34d;
}
[data-amanta-state-tone="danger"] {
  --amanta-state-ink: #991b1b;
  --amanta-state-bg: #fee2e2;
  --amanta-state-border: #fca5a5;
}
[data-amanta-state-tone] {
  color: var(--amanta-state-ink) !important;
  background-color: var(--amanta-state-bg) !important;
  border-color: var(--amanta-state-border) !important;
}
.amanta-status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 9px;
  padding: 7px 11px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}
button[data-amanta-state-tone]:hover:not(:disabled) {
  box-shadow: inset 0 0 0 1px var(--amanta-state-ink);
}
button[data-amanta-state-tone]:focus-visible {
  outline: 2px solid var(--amanta-state-ink);
  outline-offset: 3px;
}