/* [project]/apps/painel/components/ui/status.css [app-client] (css) */
[data-level="ok"] {
  --level: var(--success);
  --level-text: var(--success-text);
}

[data-level="neutral"] {
  --level: var(--text-muted);
  --level-text: var(--text-muted);
}

[data-level="warning"] {
  --level: var(--warning);
  --level-text: var(--warning-text);
}

[data-level="error"] {
  --level: var(--danger);
  --level-text: var(--danger-text);
}

.status-dot {
  border-radius: var(--radius-pill);
  flex: none;
  block-size: .5rem;
  inline-size: .5rem;
  display: inline-block;
}

.status-dot[data-level="error"] {
  background: var(--level);
}

.status-dot[data-level="warning"] {
  box-shadow: inset 0 0 0 .125rem var(--level-text);
}

.status-count[data-level="error"] {
  background: var(--level);
  color: var(--danger-foreground);
}

.status-glyph {
  color: var(--level-text);
  font-weight: 800;
}

.status-text {
  color: var(--level-text);
}

/*# sourceMappingURL=apps_painel_components_ui_status_08p2vv6.css.map*/