.hyra-financial-toggle {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px; flex-shrink: 0; padding: 0;
  border: 1px solid hsl(var(--border)); border-radius: 6px;
  background: hsl(var(--background)); color: hsl(var(--foreground)); cursor: pointer;
}
.hyra-financial-toggle:hover, .hyra-financial-toggle[aria-pressed="true"] {
  color: hsl(var(--primary)); background: hsl(var(--accent));
}
.hyra-financial-toggle:focus-visible { outline: 2px solid hsl(var(--ring)); outline-offset: 2px; }
html[data-financial-values-hidden="true"] :is([data-financial-private="true"], [data-financial-sensitive]) {
  position: relative !important; visibility: hidden !important; user-select: none !important;
}
html[data-financial-values-hidden="true"] :is([data-financial-private="true"], [data-financial-sensitive]) * {
  visibility: hidden !important;
}
html[data-financial-values-hidden="true"] :is([data-financial-private="true"], [data-financial-sensitive])::after {
  content: "••••"; position: absolute; left: 0; top: 0;
  visibility: visible !important; color: hsl(var(--muted-foreground));
  font: inherit; letter-spacing: 0.15em; pointer-events: none;
}
html[data-financial-values-hidden="true"] :is(input, textarea, select)[data-financial-private="true"] {
  visibility: visible !important; color: transparent !important;
  -webkit-text-fill-color: transparent !important; caret-color: transparent !important; text-shadow: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='16' viewBox='0 0 54 16'%3E%3Ctext x='0' y='12' font-size='16' fill='%23888'%3E%E2%80%A2%E2%80%A2%E2%80%A2%E2%80%A2%3C/text%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important; background-position: 12px center !important;
}
html[data-financial-values-hidden="true"] :is(input, textarea)[data-financial-private="true"]::placeholder {
  color: transparent !important; -webkit-text-fill-color: transparent !important;
}