/* SPDX-License-Identifier: GPL-3.0-or-later · Trenalia */
/* Trenalito · ayuda de simulación (public/sim-assistant.js). Reutiliza .tl-* de styles.css; aquí solo lo propio. */
.stl-fab { z-index: 1100; }
body.stl-open .stl-fab, body.sim-noscroll .stl-fab { display: none; }
.stl { z-index: 1200; }
.stl .tl-head h2 { font-size: 15px; line-height: 1.3; margin: 0; }
.stl-log:focus-visible { outline: 2px solid var(--blue); outline-offset: -2px; }
.stl .tl-icon:focus-visible, .stl .tl-sugs button:focus-visible, .stl .tl-form button:focus-visible, .stl-fab:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.stl .tl-form textarea:focus-visible { outline: 2px solid var(--blue); outline-offset: 1px; }
.stl .tl-msg ol { margin: 4px 0 6px; padding-left: 20px; }
.stl .tl-msg li { margin: 2px 0; }
.stl-ctx { display: flex; align-items: center; gap: 8px; margin: 0; padding: 4px 14px 0; font-size: 12.5px; color: var(--muted); cursor: pointer; }
.stl-ctx input { width: 16px; height: 16px; margin: 0; accent-color: var(--blue); flex: none; }
.stl-ctx-h { margin: 2px 0 0; padding: 0 14px 4px 38px; font-size: 11.5px; color: var(--faint); }
.stl-from { margin-top: 6px; font-size: 11.5px; color: var(--faint); }
.stl-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
@media (max-width: 1000px) {
  .stl-fab { bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { .stl { animation: none; } }
@media print { .stl-fab, .stl { display: none !important; } }