/* MultiDeviDB · reglas compartidas de accesibilidad y tono visual.
   No sustituye estilos de módulos ni interfiere con gráficos industriales. */
:root { color-scheme: dark; --mdv-focus: #67e8f9; }
body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
:where(a,button,input,select,textarea,summary):focus-visible {
  outline: 2px solid var(--mdv-focus); outline-offset: 3px;
}
:where(input,textarea) { max-width: 100%; }
/* El movimiento reducido aplica a la interfaz, no a los indicadores industriales:
   cada renderer controla su animacion segun el estado real de la variable. */
@media (prefers-reduced-motion: reduce) {
  :not(.object-card):not(.object-card *),
  :not(.object-card):not(.object-card *)::before,
  :not(.object-card):not(.object-card *)::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}
/* Evita que el título y los controles de cuenta se monten en móviles. */
@media (max-width: 600px) {
  .topbar { flex-wrap: wrap; align-items: center; }
  .topbar-actions { margin-left: auto; }
  .c-header-left { min-width: 0; }
  .c-headline { min-width: 0; }
  .c-headline h1 { overflow-wrap: anywhere; }
}
/* Pantallas grandes/TV: facilitar lectura sin ampliar indiscriminadamente controles. */
@media (min-width: 1800px) {
  body { font-size: 16px; }
  .topbar .page-kicker { font-size: 14px; }
  .mdv-account-menu > summary { min-height: 48px; font-size: 15px; }
}