/* [project]/src/components/ui/atoms/categories/badges.css [app-client] (css) */
.dw-contact-tag-chip {
  align-items: center;
  gap: var(--space-1);
  width: fit-content;
  max-width: var(--space-40);
  height: var(--space-6);
  padding-inline: var(--space-2);
  border: var(--border-width) var(--border-style-solid) var(--border);
  border-radius: var(--radius-chip);
  background-color: var(--muted);
  color: var(--foreground);
  font: var(--text-badge);
  white-space: nowrap;
  display: inline-flex;
  overflow: hidden;
}

.dw-contact-tag-chip__label {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.dw-contact-tag-chip__dot {
  width: var(--space-2);
  height: var(--space-2);
  border-radius: var(--radius-full);
  background-color: currentColor;
  flex: none;
}

.dw-contact-tag-chip[data-color="gray"] {
  color: var(--dw-color-word-gray);
}

.dw-contact-tag-chip[data-color="red"] {
  color: var(--dw-color-word-red);
}

.dw-contact-tag-chip[data-color="orange"] {
  color: var(--dw-color-word-orange);
}

.dw-contact-tag-chip[data-color="yellow"] {
  color: var(--dw-color-word-yellow);
}

.dw-contact-tag-chip[data-color="green"] {
  color: var(--dw-color-word-green);
}

.dw-contact-tag-chip[data-color="blue"] {
  color: var(--dw-color-word-blue);
}

.dw-contact-tag-chip[data-color="purple"] {
  color: var(--dw-color-word-purple);
}

.dw-contact-tag-chip[data-color="pink"] {
  color: var(--dw-color-word-pink);
}

.dw-round-badge-cell {
  font-variant-numeric: tabular-nums;
  color: var(--muted-foreground);
}

.dw-selection-check-badge {
  height: var(--size-icon-lg);
  width: var(--size-icon-lg);
  border-radius: var(--radius-full);
  background-color: var(--primary);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset-block-start: var(--space-2_5);
  inset-inline-end: var(--space-2_5);
}

.dw-selection-check-badge[data-size="sm"] {
  z-index: var(--z-above-base);
  height: var(--space-4);
  width: var(--space-4);
  inset-block-start: var(--space-1_5);
  inset-inline-end: var(--space-1_5);
}

.dw-selection-check-badge__icon {
  height: var(--size-icon-sm);
  width: var(--size-icon-sm);
  color: var(--primary-foreground);
}

.dw-status-badge:focus {
  box-shadow: var(--ring-focus);
  outline: none;
}

.dw-status-badge[data-tone="success"] {
  --dw-sb-tone: var(--success);
}

.dw-status-badge[data-tone="warning"] {
  --dw-sb-tone: var(--warning);
}

.dw-status-badge[data-tone="info"] {
  --dw-sb-tone: var(--info);
}

.dw-status-badge[data-tone="destructive"] {
  --dw-sb-tone: var(--destructive);
}

.dw-status-badge[data-tone="muted"] {
  --dw-sb-tone: var(--muted-foreground);
}

.dw-status-badge[data-tone="primary"] {
  --dw-sb-tone: var(--primary);
}

.dw-status-badge[data-tone="foreground"] {
  --dw-sb-tone: var(--foreground);
}

.dw-status-badge[data-tone="status-active"] {
  --dw-sb-tone: var(--status-active);
}

.dw-status-badge[data-tone="status-completed"] {
  --dw-sb-tone: var(--status-completed);
}

.dw-status-badge[data-tone="status-on-hold"] {
  --dw-sb-tone: var(--status-on-hold);
}

.dw-status-badge[data-tone="status-paused"] {
  --dw-sb-tone: var(--status-paused);
}

.dw-status-badge[data-tone="status-archived"] {
  --dw-sb-tone: var(--status-archived);
}

.dw-status-badge[data-tone="status-canceled"] {
  --dw-sb-tone: var(--status-canceled);
}

.dw-status-badge[data-tone="chart-1"] {
  --dw-sb-tone: var(--chart-1);
}

.dw-status-badge[data-tone="chart-2"] {
  --dw-sb-tone: var(--chart-2);
}

.dw-status-badge[data-tone="chart-4"] {
  --dw-sb-tone: var(--chart-4);
}

.dw-status-badge__icon {
  flex-shrink: 0;
}

.dw-status-badge__label {
  font: var(--text-badge);
}

.dw-status-badge__dot {
  height: var(--space-1_5);
  width: var(--space-1_5);
  border-radius: var(--radius-full);
  background-color: var(--dw-status-dot-bg, var(--dw-sb-tone));
  flex-shrink: 0;
  display: inline-block;
}

.dw-status-badge[data-tone="muted"] {
  --dw-status-dot-bg: color-mix(in oklch, var(--muted-foreground) var(--mix-low), transparent);
}

.dw-status-badge[data-has-dot] {
  gap: var(--space-1_5);
}

.dw-status-badge[data-has-icon] {
  gap: var(--space-1);
}

.dw-status-badge[data-strikethrough] {
  text-decoration: line-through;
}

.dw-status-badge[data-interactive] {
  cursor: var(--cursor-interactive);
}

.dw-status-badge[data-variant="minimal"] {
  align-items: center;
  gap: var(--space-1_5);
  font: var(--text-badge);
  letter-spacing: normal;
  color: inherit;
  display: inline-flex;
}

html {
  --dw-badge-success-soft-text: var(--palette-green-54);
  --dw-badge-success-solid-bg: var(--palette-green-62);
  --dw-badge-warning-soft-text: var(--palette-orange-47);
  --dw-badge-warning-solid-bg: var(--palette-orange-63);
  --dw-badge-info-soft-text: var(--palette-blue-43);
  --dw-badge-discovery-soft-text: var(--palette-violet-48);
}

:where([data-theme="dark"], .dark), .dw-dark {
  --dw-badge-success-soft-text: var(--palette-green-68);
  --dw-badge-success-solid-bg: var(--palette-green-54);
  --dw-badge-warning-soft-text: var(--palette-orange-70);
  --dw-badge-info-soft-text: var(--palette-blue-68b);
  --dw-badge-discovery-soft-text: var(--palette-violet-75);
}

.dw-badge {
  --dw-badge-height: var(--space-5);
  --dw-badge-gutter: var(--space-1_5);
  --dw-badge-icon-size: var(--space-3);
  box-sizing: border-box;
  align-items: center;
  gap: var(--space-1);
  height: var(--dw-badge-height);
  margin: var(--space-0);
  padding: var(--space-0) var(--dw-badge-gutter);
  border: 0 var(--border-style-solid) currentcolor;
  border-radius: var(--radius-chip);
  font: var(--text-badge);
  white-space: nowrap;
  transition: color var(--duration-base),
        background-color var(--duration-base),
        border-color var(--duration-base);
  display: inline-flex;
}

.dw-badge[data-interactive="true"] {
  --dw-badge-hover: color-mix(in oklab, var(--dw-badge-bg) var(--mix-almost), var(--dw-badge-fg));
}

.dw-badge:hover {
  --dw-badge-hover-on: var(--dw-badge-hover);
}

.dw-badge[data-interactive="true"]:focus-visible {
  --dw-badge-hover-on: var(--dw-badge-hover);
  box-shadow: var(--ring-focus);
  outline: none;
}

.dw-material-symbols-outlined {
  inline-size: var(--space-em-1);
  min-inline-size: var(--space-em-1);
  max-inline-size: var(--space-em-1);
  block-size: var(--space-em-1);
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  overflow-wrap: normal;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "liga";
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
  direction: ltr;
  flex: none;
  justify-content: center;
  align-items: center;
  font-family: Material Symbols Outlined Fixed, sans-serif;
  font-style: normal;
  display: inline-flex;
  overflow: hidden;
}

.dw-material-symbols-outlined[data-face="variable"] {
  font-family: Material Symbols Outlined, sans-serif;
}

.dw-badge svg, .dw-badge .dw-material-symbols-outlined {
  width: var(--dw-badge-icon-size);
  height: var(--dw-badge-icon-size);
  font-size: var(--size-icon-sm);
  text-transform: none;
}

:where(.dw-badge svg:first-child:not(:only-child)) {
  margin-left: var(--space-neg-1);
}

:where(.dw-badge svg:last-child:not(:only-child)) {
  margin-right: var(--space-neg-1);
}

.dw-badge:where([data-pill]) {
  padding: var(--space-0) calc(var(--dw-badge-gutter) * 1.33);
}

.dw-badge[data-variant="soft"], .dw-badge[data-variant="solid"] {
  background-color: var(--dw-badge-hover-on, var(--dw-badge-bg));
  color: var(--dw-badge-fg);
}

.dw-badge[data-variant="outline"] {
  background-color: var(--dw-badge-hover-on, transparent);
  --dw-badge-border: var(--dw-badge-outline-border, var(--dw-badge-tone));
  --dw-badge-fg: var(--dw-badge-outline-fg, var(--dw-badge-tone));
  --ring-tone-color: var(--dw-badge-border);
  box-shadow: var(--ring-tone-inset);
  color: var(--dw-badge-fg);
}

.dw-badge[data-color="success"] {
  --dw-badge-tone: var(--success);
}

.dw-badge[data-color="warning"] {
  --dw-badge-tone: var(--warning);
}

.dw-badge[data-color="danger"] {
  --dw-badge-tone: var(--destructive);
}

.dw-badge[data-color="info"] {
  --dw-badge-tone: var(--info);
}

.dw-badge[data-color="discovery"] {
  --dw-badge-tone: var(--discovery);
}

.dw-badge[data-color="primary"] {
  --dw-badge-tone: var(--primary);
}

.dw-badge[data-variant="soft"] {
  --dw-badge-bg: var(--dw-badge-soft-bg, color-mix(in oklab, var(--dw-badge-tone) var(--mix-light), transparent));
  --dw-badge-fg: var(--dw-badge-soft-fg, color-mix(in oklch, var(--dw-badge-tone), var(--foreground) var(--mix-medium)));
  --dw-badge-fluid-wash: var(--dw-badge-fluid-gradient);
}

.dw-badge[data-variant="solid"] {
  --dw-badge-bg: var(--dw-badge-solid-bg, var(--dw-badge-tone));
  --dw-badge-fg: var(--dw-badge-solid-fg, var(--background));
  --dw-badge-fluid-wash: var(--dw-badge-fluid-gradient);
}

.dw-badge[data-color="secondary"] {
  --dw-badge-soft-bg: color-mix(in oklab, var(--foreground) var(--mix-light), transparent);
  --dw-badge-soft-fg: var(--foreground);
  --dw-badge-solid-bg: var(--muted-foreground);
  --dw-badge-outline-border: color-mix(in oklab, var(--foreground) var(--mix-medium), transparent);
  --dw-badge-outline-fg: var(--muted-foreground);
}

.dw-badge[data-color="fluid"] {
  --dw-badge-tone: var(--fluid-stop-1);
  --dw-badge-soft-bg: transparent;
  --dw-badge-soft-fg: var(--fluid-ink);
  --dw-badge-solid-bg: transparent;
  --dw-badge-solid-fg: var(--fluid-ink);
  --dw-badge-outline-fg: var(--fluid-ink);
  --dw-badge-fluid-gradient: linear-gradient(135deg, color-mix(in oklch, var(--fluid-stop-0) var(--mix-low), transparent), color-mix(in oklch, var(--fluid-stop-1) var(--mix-low), transparent) 50%, color-mix(in oklch, var(--fluid-stop-2) var(--mix-low), transparent));
  background-image: var(--dw-badge-fluid-wash, none);
}

/*# sourceMappingURL=31ea0u865duzl.css.map*/