.pm-notice{display:flex;gap:18px;align-items:flex-start;margin-bottom:16px;padding:14px 17px;border:1px solid #e2c88f;border-left:4px solid #d48d2e;border-radius:9px;background:#fff9ed;color:#5e4a2b}.pm-notice span{flex:0 0 auto;font:800 .7rem Roboto Mono;color:#986417}.pm-notice p{margin:0;font-size:.78rem;line-height:1.55}
.pm-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.pm-kpis article{display:flex;flex-direction:column;padding:17px 18px;border:1px solid var(--line);border-radius:10px;background:#fff}.pm-kpis article.critical{border-color:#e4b5b0;background:#fff5f3}.pm-kpis small{font:700 .68rem Roboto Mono;color:var(--muted)}.pm-kpis b{margin:5px 0 2px;font-size:1.65rem;letter-spacing:-.035em}.pm-kpis b em{font-size:.78rem;color:var(--muted);font-style:normal}.pm-kpis .critical b{color:#aa403a}.pm-kpis span{font-size:.72rem;color:var(--muted)}
.pm-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr);gap:18px;margin-bottom:18px}.pm-radar{padding:0;overflow:hidden}.pm-radar>.panel-head{padding:20px}.pm-source{font:700 .65rem Roboto Mono;color:#08776c;background:#e1f6f1;border-radius:5px;padding:6px 8px;white-space:nowrap}.pm-alert-list{border-top:1px solid var(--line)}.pm-alert-list>button{width:100%;display:grid;grid-template-columns:42px 1fr 56px;gap:13px;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:#fff;padding:14px 17px;color:var(--ink)}.pm-alert-list>button:hover,.pm-alert-list>button:focus-visible{background:#f5fafb}.pm-alert-list>button.selected{background:#eef7f8;border-left-color:var(--sea)}.pm-alert-list>button.selected.high{background:#fff6f4;border-left-color:#c74f47}.pm-unit{width:38px;height:38px;display:grid;place-items:center;border-radius:7px;background:#f4dedb;color:#a23f38;font:800 .7rem Roboto Mono}.pm-unit.blue{background:#e3f2f6;color:#176d87}.pm-unit.navy{background:#e8eef1;color:#214a5b}.pm-unit.green{background:#e1f6f1;color:#08776c}.pm-alert-list small{font:700 .65rem Roboto Mono;color:var(--muted)}.pm-alert-list b{display:block;margin:3px 0;font-size:.86rem}.pm-alert-list p{margin:0;font-size:.71rem;color:var(--muted)}.pm-alert-list em{font:800 .75rem Roboto Mono;font-style:normal;text-align:center;color:#aa403a;background:#fbe7e5;padding:6px;border-radius:5px}.pm-alert-list em.watch{color:#986417;background:#fff0d3}.pm-alert-list em.due{color:#176d87;background:#e3f2f6}.pm-alert-list em.planned{color:#08776c;background:#e1f6f1}
.pm-detail{background:linear-gradient(155deg,#061d2c,#0b3b4d);color:#fff;border:0}.pm-detail-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.pm-detail-head small{font:700 .66rem Roboto Mono;color:var(--aqua)}.pm-detail-head h2{font-size:1.08rem;margin:5px 0 0}.pm-detail-head>span{font:800 .64rem Roboto Mono;padding:6px 8px;border-radius:5px}.pm-detail-head>span.high{color:#ffd7d2;background:#783631}.pm-detail-head>span.watch{color:#ffe0a9;background:#735725}.pm-detail-head>span.due,.pm-detail-head>span.planned{color:#bfece7;background:#165a5a}.pm-score{margin:21px 0 8px}.pm-score>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pm-score b{font-size:1.8rem}.pm-score span{font-size:.68rem;color:#a1b7bf}.pm-score>i{display:block;height:6px;margin-top:7px;border-radius:4px;background:#315363;overflow:hidden}.pm-score>i em{display:block;height:100%;background:linear-gradient(90deg,var(--aqua),#e09a42,#d45f55)}.pm-signal-grid{height:88px;display:grid;grid-template-columns:repeat(7,1fr);gap:5px;align-items:end;margin-top:15px;border-bottom:1px solid #476574;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(33.333% - 1px),rgba(255,255,255,.08) 33.333%)}.pm-signal-grid span{height:var(--pm);min-height:8px;border-radius:3px 3px 0 0;background:linear-gradient(#31d9cb,#138493)}.pm-chart-note{margin:6px 0 18px;text-align:right;font:.62rem Roboto Mono;color:#8fa9b3}.pm-detail dl{margin:0}.pm-detail dl div{padding:10px 0;border-top:1px solid rgba(255,255,255,.11)}.pm-detail dt{font:.63rem Roboto Mono;color:#8fa9b3}.pm-detail dd{margin:3px 0 0;font-size:.75rem;line-height:1.45}.pm-detail dd.alert{color:#ffd0ca}.pm-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.pm-actions button{font-size:.72rem}.pm-actions .primary,.pm-actions .link-button{grid-column:1/-1}.pm-actions .secondary{color:#fff;border-color:#53707c;background:transparent}.pm-actions .link-button{color:var(--aqua)}
.pm-outlook{padding:0;overflow:hidden}.pm-outlook>.panel-head{padding:18px 20px}.pm-horizons{display:flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#f3f7f8}.pm-horizons button{border:0;background:transparent;padding:7px 10px;border-radius:5px;color:var(--muted);font:700 .68rem Roboto Mono}.pm-horizons button.active{background:#fff;color:var(--sea);box-shadow:0 1px 4px rgba(8,40,59,.12)}.pm-outlook-list article{display:grid;grid-template-columns:92px 1fr 88px 72px;gap:14px;align-items:center;padding:13px 20px;border-top:1px solid var(--line)}.pm-outlook-list time{font:800 .7rem Roboto Mono;color:var(--sea)}.pm-outlook-list span{display:flex;flex-direction:column}.pm-outlook-list small{font:700 .63rem Roboto Mono;color:var(--muted)}.pm-outlook-list b{font-size:.8rem;margin-top:2px}.pm-outlook-list em{font:800 .62rem Roboto Mono;font-style:normal;text-align:center;padding:5px;border-radius:4px;color:#176d87;background:#e3f2f6}.pm-outlook-list em.high{color:#aa403a;background:#fbe7e5}.pm-outlook-list em.watch{color:#986417;background:#fff0d3}.pm-outlook-list strong{text-align:right;font:.75rem Roboto Mono}
@media(max-width:1080px){.pm-kpis{grid-template-columns:repeat(2,1fr)}.pm-layout{grid-template-columns:1fr}.pm-detail{min-height:0}}
@media(max-width:680px){.pm-notice{flex-direction:column;gap:7px}.pm-kpis{grid-template-columns:1fr}.pm-radar,.pm-outlook{margin-left:-1px;margin-right:-1px}.pm-radar>.panel-head,.pm-outlook>.panel-head{align-items:flex-start}.pm-source{white-space:normal}.pm-alert-list>button{grid-template-columns:38px 1fr}.pm-alert-list>button>em{grid-column:2;width:max-content}.pm-actions{grid-template-columns:1fr}.pm-actions>*{grid-column:1!important}.pm-horizons{width:100%;justify-content:space-between}.pm-horizons button{flex:1}.pm-outlook-list article{grid-template-columns:1fr auto}.pm-outlook-list article>*{grid-column:auto}.pm-outlook-list article>span{grid-column:1/-1}.pm-outlook-list strong{text-align:left}}