.ov-zone-tag {
  display: inline-flex;
  align-items: center;
  gap: var(--ov-space-1);
  padding: 3px var(--ov-space-2);
  border-radius: var(--ov-radius-pill);
  font-family: var(--ov-font-sans);
  font-weight: var(--ov-w-semibold);
  font-size: var(--ov-fs-xs);
  letter-spacing: 0.02em;
  white-space: nowrap;
  line-height: 1.4;
  border-width: 1px;
  border-style: solid;
}

.ov-zone-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

/* FREE */
.ov-zone-tag[data-zone="FREE"] {
  background: var(--ov-free-bg);
  color: var(--ov-free-fg);
  border-color: var(--ov-free-border);
}
.ov-zone-tag[data-zone="FREE"] .ov-zone-dot {
  background: var(--ov-free);
}

/* CONDITIONAL */
.ov-zone-tag[data-zone="CONDITIONAL"] {
  background: var(--ov-cond-bg);
  color: var(--ov-cond-fg);
  border-color: var(--ov-cond-border);
}
.ov-zone-tag[data-zone="CONDITIONAL"] .ov-zone-dot {
  background: var(--ov-cond);
}

/* FORBIDDEN */
.ov-zone-tag[data-zone="FORBIDDEN"] {
  background: var(--ov-banned-bg);
  color: var(--ov-banned-fg);
  border-color: var(--ov-banned-border);
}
.ov-zone-tag[data-zone="FORBIDDEN"] .ov-zone-dot {
  background: var(--ov-banned);
}