:root {
  --status-success-bg: #187a35;
  --status-success-fg: #ffffff;
  --status-warning-bg: #a94705;
  --status-warning-fg: #ffffff;
  --status-danger-bg: #b42318;
  --status-danger-fg: #ffffff;
  --status-neutral-bg: #e7e7e7;
  --status-neutral-fg: #343434;
}

.status-badge {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  justify-content: center;
  width: fit-content;
  padding: 4px 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 680;
  line-height: 1.25;
  white-space: nowrap;
}

.status-badge[data-status-tone="success"] { background: var(--status-success-bg); color: var(--status-success-fg); }
.status-badge[data-status-tone="warning"] { background: var(--status-warning-bg); color: var(--status-warning-fg); }
.status-badge[data-status-tone="danger"] { background: var(--status-danger-bg); color: var(--status-danger-fg); }
.status-badge[data-status-tone="neutral"] { background: var(--status-neutral-bg); color: var(--status-neutral-fg); }

.integration-card[data-connection-state] .status-badge[data-status-tone="success"] { background: var(--status-success-bg); color: var(--status-success-fg); }
.integration-card[data-connection-state] .status-badge[data-status-tone="warning"] { background: var(--status-warning-bg); color: var(--status-warning-fg); }
.integration-card[data-connection-state] .status-badge[data-status-tone="danger"] { background: var(--status-danger-bg); color: var(--status-danger-fg); }
.integration-card[data-connection-state] .status-badge[data-status-tone="neutral"] { background: var(--status-neutral-bg); color: var(--status-neutral-fg); }

.telegram-feedback.is-success { border-color: var(--status-success-bg); background: var(--status-success-bg); color: var(--status-success-fg); }
.telegram-feedback.is-error { border-color: var(--status-danger-bg); background: var(--status-danger-bg); color: var(--status-danger-fg); }
.telegram-feedback.is-loading { border-color: var(--status-warning-bg); background: var(--status-warning-bg); color: var(--status-warning-fg); }
