/* Original SpiderWeb ECharts, modern DXCluster shell. */
.legacy-panel{min-height:430px;overflow:visible}.legacy-panel .legacy-plot{width:100%;height:370px;min-width:0;background:#fff;border-radius:7px;margin-top:12px}.legacy-panel:nth-child(4) a{display:block}.legacy-panel .solar-forecast{height:370px}.legacy-panel select{background:#203a50;border:1px solid #496278;border-radius:5px;color:#fff;padding:6px}.legacy-panel small{color:#a8bed2}.legacy-panel h2{margin-bottom:8px}.legacy-panel .legacy-plot canvas{max-height:none!important}.legacy-panel label{font-size:12px;margin-right:8px}.legacy-panel #chart-world_dx_spots_live{min-height:370px}@media(max-width:720px){.legacy-panel{min-height:350px}.legacy-panel .legacy-plot,.legacy-panel .solar-forecast{height:315px}}html[data-theme=light] .legacy-panel select{color:#203448;background:#fff}
/* 3.12.1: equal-height cards, heatmap selector contained inside its existing card. */
.six-grid{align-items:stretch}
.six-grid .legacy-panel{display:flex;flex-direction:column;min-width:0;min-height:455px}
.six-grid .legacy-panel .legacy-plot{height:350px;min-height:350px;margin-top:8px;flex:0 0 auto}
.six-grid .legacy-panel .solar-forecast{height:350px;min-height:350px;object-fit:contain}
.six-grid .legacy-panel:first-child .legacy-plot{height:327px;min-height:327px}
.six-grid .legacy-panel:first-child small{line-height:1.35;display:block;margin-top:4px}
.extra-statistics{margin-top:16px}
.rank-entry{display:grid;grid-template-columns:minmax(80px,110px) minmax(0,1fr) 65px;gap:12px;align-items:center;margin:10px 0;font-size:13px}
.rank-entry a{color:#88d6fd;font-weight:650;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rank-entry a:hover{text-decoration:underline}
.rank-track{background:#30475a;border-radius:5px;height:15px;overflow:hidden}
.rank-fill{background:linear-gradient(90deg,#298cce,#6dcdb3);height:100%;border-radius:5px}
.rank-entry b{text-align:right;font-variant-numeric:tabular-nums}
.connected-section{margin-top:16px}
.connected-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.connected-heading button{background:#23618d;border:1px solid #4587b4;color:white;border-radius:5px;padding:6px 12px;cursor:pointer}
.connected-scroll{overflow:auto;max-height:570px}
.connected-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}
.connected-table th,.connected-table td{text-align:left;padding:8px 10px;border-bottom:1px solid #344e61}
.connected-table th{position:sticky;top:0;background:#1e364a;color:#d2e7f5;z-index:1}
.connected-table tbody tr:nth-child(even){background:#1b3143}
html[data-theme=light] .rank-entry a{color:#136d99}
html[data-theme=light] .connected-table th{background:#e2ebf2;color:#173346}
html[data-theme=light] .connected-table td{color:#173346;border-color:#cfdbe4}
html[data-theme=light] .connected-table tbody tr:nth-child(even){background:#e6edf3}
@media(max-width:720px){.six-grid .legacy-panel{min-height:390px}.six-grid .legacy-panel .legacy-plot{height:300px;min-height:300px}.six-grid .legacy-panel:first-child .legacy-plot{height:275px;min-height:275px}.rank-entry{grid-template-columns:84px 1fr 55px;gap:8px}}

/* 3.12.3: first heatmap gets equal plotting space; selector remains accessible. */
.legacy-panel .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.six-grid .legacy-panel:first-child{position:relative}
.six-grid .legacy-panel:first-child #continentInput{align-self:flex-start;max-width:100%;font-size:11px;padding:3px 7px;margin:0 0 2px}
.six-grid .legacy-panel:first-child .legacy-plot{height:350px;min-height:350px;margin-top:2px}
.six-grid .legacy-panel:first-child #txt_continent{font-size:10px;line-height:1.15;max-height:25px;overflow:hidden}
@media(max-width:720px){.six-grid .legacy-panel:first-child .legacy-plot{height:300px;min-height:300px}}