/* ═══════════════════════════════════════════════════════════════════════════
   notacion.css · el botón «×10ⁿ ▾» del resultado y la tabla de los prefijos
   del SI (v1.129). Lo demás lo pone .esci-result-uni (css/app.css), que el
   botón comparte a propósito: así hereda también que NO se imprime ni sale
   en el «PDF fiel» (css/regions-data.css).
   ═══════════════════════════════════════════════════════════════════════════ */

/* Solo con el ratón encima, la región elegida o el cursor dentro: un botón
   más junto a cada resultado de la hoja sería ruido para leerla. En una
   tableta (sin «encima») aparece al elegir la región. */
.esci-math:not(:hover):not(.is-editing):not(.esci-selected) .esci-result-not { display: none; }
.esci-result-not span { font-family: var(--serif); font-size: 12px; letter-spacing: .01em; }

/* ── la ventana de los prefijos ────────────────────────────────────────── */
.esci-pref { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.esci-pref-intro { margin: 0; color: var(--ink-2); font-size: var(--fs-ui-sm); line-height: 1.45; }
.esci-pref-barra { display: flex; gap: 8px; align-items: center; }
.esci-modal-body .esci-pref-barra .esci-pref-q.esci-pref-q { width: 260px; max-width: 100%; }
.esci-pref-caja { max-height: 52vh; overflow: auto; border: 1px solid var(--line); border-radius: var(--r-md); }
.esci-pref-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.esci-pref-tabla thead th { position: sticky; top: 0; z-index: 1; background: var(--chassis-2); color: var(--ink-2); text-align: left; font-weight: 600; padding: 6px 8px; border-bottom: 1px solid var(--line); }
.esci-pref-tabla td { padding: 4px 8px; vertical-align: middle; border-bottom: 1px solid var(--line-soft); color: var(--ink); }
.esci-pref-tabla tbody tr:hover { background: var(--accent-soft); }
/* los de ingeniería (de mil en mil), resaltados: son los que pone la notación */
.esci-pref-tabla tr.is-ing td.esci-pref-s { color: var(--accent); }
.esci-pref-tabla tr:not(.is-ing) { color: var(--ink-3); }
.esci-pref-s { font-family: var(--serif); font-size: 16px; font-weight: 600; text-align: center; width: 64px; }
.esci-pref-f { white-space: nowrap; }
.esci-pref-ej { font-family: var(--mono); white-space: nowrap; color: var(--ink-2); }
.esci-pref-o { color: var(--ink-2); min-width: 180px; }
.esci-pref-a { white-space: nowrap; font-variant-numeric: tabular-nums; }
.esci-pref-nada { color: var(--ink-3); font-style: italic; text-align: center; padding: 12px; }
.esci-pref-reglas { margin: 0; padding-left: 18px; color: var(--ink-2); font-size: var(--fs-ui-sm); line-height: 1.45; }
.esci-pref-reglas li + li { margin-top: 3px; }
@media (max-width: 600px) {
  .esci-pref-o, .esci-pref-tabla th:nth-child(5) { display: none; }
}