.komari-traffic-reset {
  display: inline;
  flex-shrink: 0;
  margin-left: 4px;
  font-size: 11px;
  line-height: 15px;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  color: var(--muted-foreground);
  white-space: nowrap;
}

.komari-traffic-heading {
  align-items: baseline;
  gap: 4px;
}

.komari-traffic-heading > .komari-traffic-reset {
  margin-left: 0;
  margin-right: auto;
}

.komari-traffic-reset-green { color: #059669; }
.komari-traffic-reset-yellow { color: #ca8a04; }
.komari-traffic-reset-red { color: #dc2626; }
.dark .komari-traffic-reset-green { color: #34d399; }
.dark .komari-traffic-reset-yellow { color: #facc15; }
.dark .komari-traffic-reset-red { color: #f87171; }