/* A fixed-scale radar keeps all six responsibilities visible together. */
#metrics{display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;container-type:size}
.pulse-radar{position:relative;width:min(100cqw,136cqh);height:min(100cqh,73.53cqw);max-width:520px}
.pulse-chart{display:block;width:100%;height:100%;overflow:visible}
.pulse-grid{fill:#edf3e440;stroke:#d4dfc5;stroke-width:1}
.pulse-threshold{fill:none;stroke:#b98a48;stroke-dasharray:4 3;stroke-width:1.4}
.pulse-axis{stroke:#d2ddc2;stroke-width:1}
.pulse-current{fill:#71a57640;stroke:#3f7757;stroke-width:2.5;stroke-linejoin:round}
.pulse-previous{fill:none;stroke:#89988a;stroke-width:1.5;stroke-dasharray:4 4}
.pulse-scale{fill:#718165;font:9px system-ui,sans-serif}
#metrics .pulse-metric{position:absolute;width:26%;height:auto;min-height:29px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px 5px;padding:3px 5px;transform:translate(-50%,-50%);background:#f5f8edee;border:1px solid #d6e1c8;border-bottom:2px solid var(--metric);border-radius:4px;text-align:center}
#metrics .pulse-metric:hover{background:#e8f1dd}
#metrics .pulse-metric:focus-visible{outline:2px solid #356c52;outline-offset:2px}
#metrics .pulse-metric:nth-of-type(1){left:50%;top:8%}
#metrics .pulse-metric:nth-of-type(2){left:85%;top:29%}
#metrics .pulse-metric:nth-of-type(3){left:85%;top:71%}
#metrics .pulse-metric:nth-of-type(4){left:50%;top:92%}
#metrics .pulse-metric:nth-of-type(5){left:15%;top:71%}
#metrics .pulse-metric:nth-of-type(6){left:15%;top:29%}
#metrics .pulse-metric .metric-label{flex-basis:100%;font-size:10px;line-height:1.15;margin:0;white-space:nowrap;padding:0;color:#506b4e}
#metrics .pulse-metric .metric-value{font-size:19px;line-height:1;letter-spacing:-.5px}
#metrics .pulse-metric .metric-change{display:inline;font-size:9px;line-height:1}
#metrics .pulse-metric .metric-warning{position:absolute;top:-5px;right:-3px;bottom:auto;font-size:8px;background:#ffedce;border:1px solid #dfba79;border-radius:3px;padding:1px 2px}
#metrics .pulse-metric.danger{border-color:#c79753;background:#fff5e6}
/* Each log row stays in the panel's own scroll area. The board stays fixed. */
#journal-body[data-view="journal"],#journal-body[data-view="outlook"]{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y}
#journal-body[data-view="journal"] .journal-row{min-height:58px;height:auto}
.journal-pagination[hidden]{display:none}
@media(max-width:760px){
 #metrics .pulse-metric{padding:2px 1px;gap:1px 3px;min-height:24px}
 #metrics .pulse-metric .metric-label{font-size:7px;line-height:1.15}
 #metrics .pulse-metric .metric-value{font-size:14px;line-height:1.1}
 #metrics .pulse-metric .metric-change{font-size:6px}
 #metrics .pulse-metric .metric-warning{font-size:6px;top:-5px;right:-2px;padding:0 1px}
}
@media(max-height:600px){
 #metrics .pulse-metric{padding:1px 2px;min-height:21px;gap:1px 4px}
 #metrics .pulse-metric .metric-label{font-size:7px}
 #metrics .pulse-metric .metric-value{font-size:13px}
 #metrics .pulse-metric .metric-change{font-size:7px}
}