/* AutrixWeb — refactor.css: clases que sustituyen a los style="" inline.
 * Se carga EL ÚLTIMO para que, a igual especificidad, gane como ganaba el inline.
 * Visibilidad inicial .is-hidden + JS setHidden() (js/utils/dom.js). */
.is-hidden{display:none!important}

/* hints y notas */
.u-info{color:#084c8d}
.note-muted{display:block;color:#666;margin-top:4px}
.note-line{display:block;margin-top:4px}
.u-muted{color:#666}
.hint-box{display:block;margin-top:8px;padding:8px;background:#eef6ff;border-radius:4px}
.u-center-note{display:block;text-align:center;color:#888;font-size:11px}
.u-link{color:#4A90E2;text-decoration:none}
.u-link-light{color:#93c5fd}
.u-ok{color:#4ade80}
.u-pink-soft{color:#fecaca}
.city-multi{margin-bottom:12px;color:#666}
.match-line{font-size:.85em;font-weight:600}
.match-sub{color:#666;font-weight:400}
.suggest-box{font-size:.8em;color:#0a58ca;background:#e7f1ff;border-radius:6px;padding:6px 8px}
.ev-sub{margin-top:4px;font-size:.8em;color:#95a5a6}
.lbl-block{display:block;margin-bottom:8px;font-weight:600}
.lbl-block-16{display:block;margin:16px 0 8px 0;font-weight:600}
.lbl-block-20-c{display:block;margin:20px 0 8px 0;font-weight:600;text-align:center}
.u-fw600{font-weight:600}

/* tamaños y espaciados */
.u-fs-09{font-size:.9em}
.u-fs-08{font-size:.8em;color:#666}
.u-mt-4{margin-top:4px}
.u-mt-6{margin-top:6px}
.u-mt-8{margin-top:8px}
.u-mb-8{margin-bottom:8px}
.u-my-8{margin:8px 0}
.u-lh14{line-height:1.4}
.u-ico-20{width:20px;height:20px}
.u-btn-sm{padding:4px 10px;font-size:.8em}
.u-block{display:block}
.vol-ico{color:#666;font-size:14px}

/* filas flex */
.u-flex-6{display:flex;gap:6px;align-items:center}
.u-flex-8-wrap{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.u-flex-12{display:flex;gap:12px;align-items:center}
.u-flex-sb{display:flex;justify-content:space-between}
.u-flex-sb-c{display:flex;justify-content:space-between;align-items:center}
.u-flex-sb-8{display:flex;justify-content:space-between;align-items:center;gap:8px}
.box-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}
.ev-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}
.ev-score{display:flex;justify-content:space-between;font-size:.9em}
.ev-score-soon{display:flex;justify-content:space-between;font-size:.9em;margin-top:2px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.section-sep{margin-top:16px;padding-top:12px;border-top:1px solid #e0e0e0}
.card-plain{margin-top:12px;padding:12px;border:1px solid #dee2e6;border-radius:8px;background:#fff}
.ev-card{display:flex;flex-direction:column;gap:8px;padding:12px;background:white;border-radius:8px}
.u-hr{margin:12px 0;border:none;border-top:1px solid rgba(255,255,255,.12)}
.volume-control-container{display:flex;align-items:center;gap:8px;background:#f8f9fa;padding:4px 12px;border-radius:20px;border:1px solid #e0e0e0}
.modal-dialog--wide{max-width:900px}

/* presets de color del diseñador de texto (antes style="background:#XXXX") */
.sw-ffffff{background:#FFFFFF}
.sw-ffb300{background:#FFB300}
.sw-00e676{background:#00E676}
.sw-00e5ff{background:#00E5FF}
.sw-ff4081{background:#FF4081}
.sw-ff5252{background:#FF5252}
.sw-000000{background:#000000}
.sw-102a43{background:#102A43}
.sw-1b1b1b{background:#1B1B1B}
.sw-3e2723{background:#3E2723}
.sw-0d3311{background:#0D3311}
.sw-330d0d{background:#330D0D}

/* ex-inline por #id (equivalencia exacta incl. display donde importa) */
#sidebar_active_sub{font-size:11px}
#dev_mem{display:block;text-align:center;font-size:11px;margin-top:6px;cursor:pointer}
#settings_token_warn{margin-top:8px;padding:8px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.5);border-radius:8px}
#alarm_repeat_config{margin-top:16px}
#espn_live_box{margin-top:12px;border:1px solid #dee2e6;border-radius:8px;padding:12px;background:#fff}
#espn_live_status{font-size:.8em;color:#666;margin-bottom:8px}
#espn_live_results{margin:0;max-height:220px}
#draw_visible_row{margin-top:8px}
#draw_templates_card{margin-top:12px}
#city_results_list{max-height:300px;overflow-y:auto}
#pizza_preview_canvas{width:160px;height:40px;max-width:100%;background:#000;border:1px solid rgba(255,255,255,.18);border-radius:4px;image-rendering:pixelated}
#pizza_preview_status{font-size:.8em;color:#666}
#global_volume{width:80px;cursor:pointer}
#volume_value{font-size:12px;font-weight:600;color:#666;min-width:20px;text-align:center}
#conn_mode_pill{margin-left:6px}
#cloud_token_box{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;background:rgba(5,8,15,.45);margin-bottom:4px}
#settings_cloud_device{flex:1;min-width:180px}
#maestro_panel_mail{width:220px;opacity:.75}
#maestro_panel_pass{width:160px}