/**
 * Botón flotante claro/oscuro (login, recuperación, quiosco).
 * Requiere design-tokens.css
 */
.ad-floating-theme-toggle-wrap {
  position: fixed;
  z-index: 35;
  bottom: max(12px, env(safe-area-inset-bottom, 0px));
  right: max(12px, env(safe-area-inset-right, 0px));
  pointer-events: none;
}

.ad-floating-theme-toggle-wrap .ad-floating-theme-toggle {
  pointer-events: auto;
  min-width: 48px;
  min-height: 48px;
  padding: var(--ad-space-2);
  border-radius: var(--ad-radius-md);
  background: var(--ad-color-surface);
  border: 1px solid var(--ad-color-border);
  box-shadow: var(--ad-shadow-md), var(--ad-shadow-card-sheen);
  color: var(--ad-color-primary);
}

.ad-floating-theme-toggle-wrap .ad-floating-theme-toggle:hover:not(:disabled) {
  border-color: var(--ad-color-border-strong);
  box-shadow: var(--ad-shadow-lg), var(--ad-shadow-card-sheen);
}

.ad-floating-theme-toggle__icon {
  display: block;
  flex-shrink: 0;
}

.ad-floating-theme-toggle-wrap--kiosk {
  z-index: 25;
}