/* [project]/projects/omnichannel/next-js-front-end/src/components/Presence/PresenceDot/styles.css [app-client] (css) */
.presence-row {
  align-items: center;
  gap: var(--spacing-xs, .375rem);
  min-width: 0;
  display: inline-flex;
}

.presence-dot {
  border-radius: 9999px;
  flex-shrink: 0;
  width: .5rem;
  height: .5rem;
  display: inline-block;
}

.presence-dot--online {
  background: var(--color-success);
}

.presence-dot--afk {
  background: var(--color-warning);
}

.presence-dot--offline {
  background: var(--color-muted-foreground);
}

.presence-dot__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8125rem;
  overflow: hidden;
}

/* [project]/projects/omnichannel/next-js-front-end/src/components/Presence/PresenceRow/styles.css [app-client] (css) */
.presence-row__status {
  width: .75rem;
  height: .75rem;
  box-shadow: 0 0 0 2px var(--presence-surface, var(--color-popover));
  position: absolute;
  bottom: -.125rem;
  right: -.125rem;
}

.presence-row__status--em-chat {
  background: #12d8f6;
}

.presence-row__cargo {
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid var(--color-border);
  max-width: 7.5rem;
  color: var(--color-muted-foreground);
  background: var(--color-muted);
  border-radius: .375rem;
  flex-shrink: 0;
  padding: 0 .375rem;
  font-size: .625rem;
  line-height: 1rem;
  overflow: hidden;
}

/* [project]/projects/omnichannel/next-js-front-end/src/components/audit/StatusCodeBadge/styles.css [app-client] (css) */
.status-badge {
  font-variant-numeric: tabular-nums;
  border-radius: .375rem;
  align-items: center;
  padding: .0625rem .375rem;
  font-size: .75rem;
  font-weight: 600;
  display: inline-flex;
}

.status-badge--2xx {
  color: var(--color-success, #10b981);
  background: color-mix(in srgb, var(--color-success, #10b981) 15%, transparent);
}

.status-badge--3xx {
  color: var(--color-muted-foreground, #6b7280);
  background: color-mix(in srgb, var(--color-muted-foreground, #6b7280) 15%, transparent);
}

.status-badge--4xx {
  color: var(--color-warning, #f59e0b);
  background: color-mix(in srgb, var(--color-warning, #f59e0b) 15%, transparent);
}

.status-badge--5xx {
  color: var(--color-destructive, #ef4444);
  background: color-mix(in srgb, var(--color-destructive, #ef4444) 15%, transparent);
}

.status-badge--unknown {
  color: var(--color-muted-foreground, #6b7280);
}

/* [project]/projects/omnichannel/next-js-front-end/src/components/Presence/PresenceDrawer/styles.css [app-client] (css) */
.presence-drawer {
  --presence-surface: var(--color-background);
}

[data-slot="sheet-content"] .presence-drawer {
  --presence-surface: var(--color-popover);
}

[data-slot="dialog-content"] .presence-drawer {
  --presence-surface: var(--color-background);
}

.presence-drawer__topo {
  background: var(--presence-surface);
}

.presence-drawer__group {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-muted-foreground);
  margin: 0 0 .25rem;
  padding: 0 .5rem;
  font-size: .6875rem;
  font-weight: 600;
}

/*# sourceMappingURL=projects_omnichannel_next-js-front-end_src_components_78227355._.css.map*/