.saw-widget {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: var(--saw-py, 10px) var(--saw-px, 16px);
  background: var(--saw-bg, #ffffff);
  border: 1px solid var(--saw-border, #e2e8f0);
  border-radius: var(--saw-radius, 8px);
  color: var(--saw-text, #1e293b);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
  width: fit-content;
}

.saw-widget * {
  box-sizing: border-box;
}

.saw-eye {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--saw-text, #1e293b);
  flex-shrink: 0;
}

.saw-count {
  font-size: var(--saw-count-size, 22px);
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
}

.saw-sep {
  color: var(--saw-muted, #64748b);
  opacity: 0.6;
}

.saw-label {
  font-size: var(--saw-label-size, 14px);
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--saw-muted, #475569);
  line-height: 1;
}

.saw-arrow {
  font-size: 14px;
  margin-left: 2px;
  line-height: 1;
}

.saw-arrow-up {
  color: var(--saw-up, #16a34a);
}

.saw-arrow-down {
  color: var(--saw-down, #dc2626);
}