/* heat-wall.css - the Heat tab as a Sector Wall (1.11.9.107). Picked from the
   heat mockups: A. Rendered by refreshHeatmap in sound.js. Theme colours come
   from the theme variables; tile colours come from _heatColor, losses stay red
   in every theme. */

#heatTab .hw{display:flex;flex-direction:column;gap:9px;font-family:'Share Tech Mono',ui-monospace,monospace}
.hw-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.hw-led{width:6px;height:6px;border-radius:50%;flex:0 0 auto;background:var(--green);box-shadow:0 0 6px var(--green)}
.hw-title{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:15px;letter-spacing:.16em;color:var(--amber)}
.hw-meta{font-size:10px;letter-spacing:.1em;color:var(--muted);opacity:.75}
.hw-rule{flex:1;min-width:20px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 25%,transparent),transparent)}
.hw-mkt{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:14px;letter-spacing:.06em}
.hw-mkt.up,.hw-sec-a.up,.hw-bar-key .up{color:var(--green)}
.hw-mkt.dn,.hw-sec-a.dn,.hw-bar-key .dn{color:var(--bad)}

.hw-bar{display:flex;height:10px;gap:1px;border-radius:2px;overflow:hidden}
.hw-bar span{display:block;min-width:2px}
.hw-bar .up{background:#1f9a4c}.hw-bar .fl{background:#2a3a2e}.hw-bar .dn{background:#9a2424}
.hw-bar-key{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:10px;letter-spacing:.1em;color:var(--muted)}

.hw-movers{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.hw-lab{font-size:10px;letter-spacing:.14em;color:var(--muted);opacity:.8;margin-right:3px}
.hw-sp{flex:1;min-width:8px}
.hw-chip{font-family:inherit;font-size:11px;padding:4px 8px;border-radius:3px;cursor:pointer;background:transparent;min-height:26px}
.hw-chip.up{background:rgba(31,154,76,.18);border:1px solid #1f6a3a;color:var(--green)}
.hw-chip.dn{background:rgba(154,36,36,.2);border:1px solid #6a2020;color:var(--bad)}
.hw-chip:hover{border-color:var(--amber)}

.hw-wall{display:grid;gap:8px;align-items:start}
.hw-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.hw-sec{border:1px solid var(--hr);border-radius:4px;background:color-mix(in srgb,var(--bg) 70%,#000);overflow:hidden}
.hw-sec header{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:6px 7px;border-bottom:1px solid var(--hr)}
.hw-sec-n{font-size:10px;letter-spacing:.06em;line-height:1.25;color:var(--amber);min-width:0}
.hw-sec-a{font-family:'Doto','Share Tech Mono',monospace;font-weight:700;font-size:13px;flex:0 0 auto}
.hw-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px}
.hw-tile{height:32px;margin:0;padding:2px 3px;border:0;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;line-height:1;cursor:pointer;min-width:0}
.hw-tile b{font-size:10px;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.hw-tile small{font-size:9px;opacity:.92}
.hw-tile:hover{outline:1px solid var(--amber);outline-offset:-1px}
.hw-tile.own{outline:2px solid var(--gold);outline-offset:-2px}

.hw-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:10px;color:var(--muted);opacity:.85}
.hw-ramp{display:inline-block;width:160px;height:8px;background:linear-gradient(90deg,rgb(220,5,10),rgb(50,15,15),#0c140e,rgb(10,50,15),rgb(0,230,35))}
.hw-own-key{display:inline-block;width:12px;height:12px;outline:2px solid var(--gold);outline-offset:-2px;background:#0c140e}

body.fm-mobile .hw-tile{height:38px}
body.fm-mobile .hw-chip{min-height:32px}