/* «Qué tiempo hizo» de la vista sencilla (js/historico.js). Usa los colores del tema; nada más ancho que la pantalla. */
#historico,#historico *{min-width:0}
.hx-today{font-size:13px;line-height:1.45;color:var(--text2)}
.hx-eph{margin:0 0 8px;padding:8px 10px;border-left:4px solid var(--violet);background:var(--panel2);border-radius:6px;color:var(--text)}
.hx-watch{margin:0 0 4px;padding:8px 10px;border-left:4px solid var(--amber);background:var(--warn-bg);border-radius:6px;color:var(--text)}
.hx-prudence{margin:0 0 8px}
.hx-h{margin:8px 0 4px;font-size:13px;color:var(--text)}
.hx-rec{list-style:none;padding:0;margin:0 0 4px;display:flex;flex-wrap:wrap;gap:4px 14px}
.hx-chart{width:100%;max-width:520px;height:auto;display:block;margin:8px 0 2px}
.hx-chart text{font-size:10px;fill:var(--muted)}
.hx-chart .g{stroke:var(--line);stroke-width:.6}
.hx-chart .n{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.hx-chart .t{stroke:var(--amber);opacity:.75;stroke-linecap:round}
.hx-chart .t.hot{stroke:var(--red);opacity:1}.hx-chart .t.cold{stroke:var(--cyan);opacity:1}
.hx-chart .r{fill:var(--rain);opacity:.75}
.hx-keys{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0 0 6px}
.hx-keys i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:4px;vertical-align:middle}
.hx-keys .k-t{background:var(--amber)}.hx-keys .k-hot{background:var(--red)}.hx-keys .k-cold{background:var(--cyan)}.hx-keys .k-r{background:var(--rain)}
.hx-keys .k-n{height:0;border-top:1px dashed var(--muted);border-radius:0}
.hx-table{margin:4px 0 8px}
.hx-table>summary{cursor:pointer;color:var(--link);font-size:13px;padding:6px 0}
.hx-table table{border-collapse:collapse;font-size:12px;width:100%;max-width:320px}
.hx-table th,.hx-table td{padding:3px 6px;border-bottom:1px solid var(--line2);text-align:right;font-variant-numeric:tabular-nums}
.hx-table th[scope=row],.hx-table thead th:first-child{text-align:left}
.hx-pick{margin:12px 0 4px;display:grid;gap:4px;font-size:13px}
.hx-row{display:flex;flex-wrap:wrap;gap:6px}
.hx-row input{flex:1 1 150px;max-width:220px;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:7px 8px;font:inherit;min-height:40px}
.hx-row button{min-height:40px}
.hx-day{font-size:13px;line-height:1.45}
.hx-dayres{margin:6px 0;padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}
.hx-msg{margin:6px 0;font-size:13px}
.hx-note{margin:10px 0 0}
#historico button:focus-visible,#historico input:focus-visible,#historico a:focus-visible,.hx-table>summary:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}