/* Enterno.io Toolkit Components — shared by ent-toolkit.js */

/* ── Toast notification ─────────────────────────────────── */
.ent-toast {
  position: fixed;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px 24px;
  border-radius: var(--radius-sm, 8px);
  font-size: var(--fs-sm, 0.875rem);
  font-weight: 500;
  color: var(--text, #f0f2f8);
  background: var(--surface2, #1b1f2b);
  border: 1px solid var(--border, rgba(255,255,255,0.06));
  box-shadow: var(--shadow-lg, 0 8px 32px rgba(0,0,0,0.4));
  z-index: 9999;
  transition: bottom 0.3s var(--ease-out, cubic-bezier(0.16,1,0.3,1));
  pointer-events: none;
  max-width: 90vw;
  text-align: center;
}
.ent-toast--visible { bottom: 24px; pointer-events: auto; }
.ent-toast--success { border-color: var(--green, #3dd68c); }
.ent-toast--error   { border-color: var(--red, #f47272); }
.ent-toast--warning { border-color: var(--yellow, #f5c842); }
.ent-toast--info    { border-color: var(--accent, #59a8ff); }

/* ── Badge ──────────────────────────────────────────────── */
.ent-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 2px 10px;
  border-radius: 100px;
  font-size: var(--fs-xs, 0.75rem);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.ent-badge--pass, .ent-badge--ok, .ent-badge--success {
  background: rgba(61,214,140,0.12);
  color: var(--green, #3dd68c);
}
.ent-badge--warn, .ent-badge--warning {
  background: rgba(245,200,66,0.12);
  color: var(--yellow, #f5c842);
}
.ent-badge--fail, .ent-badge--error, .ent-badge--critical {
  background: rgba(244,114,114,0.12);
  color: var(--red, #f47272);
}
.ent-badge--info {
  background: rgba(89,168,255,0.12);
  color: var(--accent, #59a8ff);
}

/* ── Score circle ───────────────────────────────────────── */
.ent-score circle:last-of-type {
  transition: stroke-dashoffset 0.8s var(--ease-out, cubic-bezier(0.16,1,0.3,1));
}