.cooling-panel { min-width: 0; margin-top: 22px; }
.cooling-panel [hidden] { display: none !important; }
.cooling-panel .cooling-enable { display: flex; flex-direction: row; align-items: center; gap: 12px; margin-bottom: 14px; }
.cooling-panel .cooling-enable input { width: 20px; min-height: 20px; }
.cooling-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 14px 0; }
.cooling-grid label { display: flex; flex-direction: column; gap: 6px; min-width: 0; font-size: .85rem; }
.cooling-grid input,.cooling-grid select { width: 100%; min-width: 0; padding: 10px; border-radius: 8px; border: 1px solid #405571; background: #101e32; color: #eef6ff; font: inherit; min-height: 44px; }
.cooling-panel details { margin: 18px 0; }
.cooling-panel summary { cursor: pointer; padding: 10px 0; font-weight: 600; }
.cooling-panel p { margin: 12px 0; overflow-wrap: anywhere; }
.cooling-panel h3 { margin: 18px 0 10px; }
.cooling-metrics { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.cooling-metrics > div { background: #101f34; border: 1px solid #30455e; border-radius: 8px; padding: 12px; }
.cooling-metrics dt { color: #b5c7dc; font-size: .8rem; }
.cooling-metrics dd { margin: 6px 0 0; color: #80ddff; font-weight: 650; overflow-wrap: anywhere; }
.cooling-scroll { max-width: 100%; overflow: auto; border: 1px solid #30455e; border-radius: 8px; }
.cooling-scroll table { width: 100%; border-collapse: collapse; font-size: .82rem; }
.cooling-scroll th,.cooling-scroll td { padding: 10px 12px; border-bottom: 1px solid #30455e; text-align: left; min-width: 110px; }
.cooling-scroll th { background: #14273b; }
.cooling-scroll caption { text-align: left; padding: 12px; }
.cooling-bars { display: grid; gap: 10px; margin-top: 18px; }
.cooling-bar-row { display: grid; grid-template-columns: minmax(0,1fr) minmax(70px,1fr); gap: 6px 12px; font-size: .78rem; }
.cooling-bar-row small { grid-column: 1/-1; }
.cooling-track { height: 12px; background: #20334a; border-radius: 3px; overflow: hidden; align-self: center; }
.cooling-bar { height: 100%; background: #73d8ff; }
.cooling-load { background: #ff9862; }
.cooling-psu-view { width: 100%; max-width: 700px; margin: 12px auto; background: #091423; border-radius: 8px; }
.cooling-psu-view svg { width: 100%; display: block; }
.cooling-psu-view text { fill: #edf6ff; font: 15px Inter,sans-serif; paint-order: stroke; stroke: #091423; stroke-width: 3px; }
.cooling-thermal-table { margin: 28px 0; }
.cooling-thermal-table > p { color: #b5c7dc; }
[data-thermal-audit] { max-width: 100%; padding: 12px 0; color: #b5c7dc; font-size: .875rem; white-space: normal; }
[data-thermal-table] [data-thermal-cell] { white-space: normal; min-width: 160px; max-width: 260px; }
[data-thermal-table] small { display: block; overflow-wrap: anywhere; }
.cooling-panel :focus-visible,.cooling-scroll:focus-visible { outline: 3px solid #a3e6ff; outline-offset: 3px; }
@media(max-width:540px) { .cooling-grid,.cooling-metrics { grid-template-columns: 1fr; }.cooling-bar-row { grid-template-columns: minmax(0,1fr); } }