/* Padrão visual dos controles de privacidade do painel. */
:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle] {
  display: grid !important;
  place-items: center;
  flex: 0 0 34px !important;
  width: 34px !important;
  min-width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--ds-color-border, #b6c7da) !important;
  border-radius: 9px !important;
  background: var(--ds-color-surface-raised, var(--surface-2, #fff)) !important;
  color: var(--ds-color-action-strong, #126de1) !important;
  box-shadow: none !important;
  font-size: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle]:hover {
  border-color: var(--ds-color-action, #087cff) !important;
  background: var(--ds-color-action-soft, #eaf3ff) !important;
  color: var(--ds-color-action-strong, #126de1) !important;
  filter: none !important;
  transform: none !important;
}

:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle]:focus-visible {
  outline: 3px solid var(--ds-color-action, #087cff) !important;
  outline-offset: 2px !important;
}

:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle] .privacy-lucide-icon {
  width: 16px !important;
  height: 16px !important;
}

/* Enquanto o HTML do botão chega, exiba o ícone em vez do texto legado. */
:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle]:not([data-sensitive-ready]) > * {
  display: none !important;
}

:root[data-theme] body.has-app-shell button.sensitive-toggle[data-sensitive-toggle]:not([data-sensitive-ready])::before {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: currentColor;
  -webkit-mask: url('/assets/icons/lucide/eye.svg') center / contain no-repeat;
  mask: url('/assets/icons/lucide/eye.svg') center / contain no-repeat;
}

:root[data-theme] body.has-app-shell .sensitive-data-hidden button.sensitive-toggle[data-sensitive-toggle]:not([data-sensitive-ready])::before {
  -webkit-mask-image: url('/assets/icons/lucide/eye-off.svg');
  mask-image: url('/assets/icons/lucide/eye-off.svg');
}