/* Paneles privados: legibilidad, estados y densidad. Cargar tras estilos propios. */

/* Corrige el contraste 1:1 detectado por la auditoría automática. */
.motor-claro .ic,
.motor-claro .motor-luz { color: #29445f !important; }

/* Microtexto actualmente entre 10 y 10.5 px. */
.mod span,
.hex,
.shead,
.dot,
.qtype,
.pcard .pc-k,
.step .sl,
.srow .sk { font-size: max(11.5px, .72rem) !important; }

/* Tablas utilizables en pantallas estrechas sin romper toda la página. */
:where(.table-wrap, .tabla-wrap, .scroll-x) {
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
}

:where(.card, .panel, .box, .gate) {
  border-color: rgba(63, 111, 176, .20);
}

:where(.card, .panel, .box):focus-within {
  border-color: rgba(11, 102, 195, .55);
  box-shadow: var(--bp-shadow-soft);
}

@media (max-width: 720px) {
  #bpChip { top: 8px !important; right: 8px !important; }
  .gate { padding-inline: clamp(16px, 5vw, 28px); }
}