#p-monitor .monitor-toolbar{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px}
#p-monitor .monitor-toolbar label{display:flex;align-items:center;gap:10px;font-weight:700}
#p-monitor input[type=checkbox]{width:20px;height:20px;accent-color:#35c9b7}
#p-monitor .monitor-state{border:1px solid #235461;border-left:4px solid #35c9b7;padding:16px;border-radius:10px;background:#0d1d2a;margin-bottom:18px}
#p-monitor[data-feed=unavailable] .monitor-state,#p-monitor[data-feed=stale] .monitor-state{border-left-color:#ed7619}
#p-monitor .monitor-muted{color:#94b3c2;font-size:13px;line-height:1.6;margin:6px 0}
#p-monitor .monitor-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
#p-monitor .monitor-metric,#p-monitor .monitor-card{background:#102331;border:1px solid #235461;border-radius:10px;padding:18px;min-width:0}
#p-monitor .monitor-metric span{display:block;color:#94b3c2;font-size:13px}
#p-monitor .monitor-metric strong{display:block;font:700 30px monospace;color:#35c9b7;margin-top:12px}
#p-monitor .monitor-card{margin:18px 0}
#p-monitor h3{margin:0 0 14px;font-size:18px}
#p-monitor .monitor-chart{height:160px;position:relative;border-bottom:1px solid #235461;background:repeating-linear-gradient(to top,transparent,transparent 39px,#235461 40px)}
#p-monitor svg{width:100%;height:100%;color:#35c9b7;fill:currentColor}
#p-monitor .monitor-chart p{position:absolute;inset:0;display:grid;place-content:center;pointer-events:none}
#p-monitor .monitor-chart p[hidden]{display:none}
#p-monitor .monitor-axis{display:flex;justify-content:space-between;font-size:12px;color:#94b3c2;padding-top:8px}
#p-monitor .monitor-table-wrap{overflow-x:auto;max-width:100%}
#p-monitor table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}
#p-monitor th,#p-monitor td{padding:12px 8px;border-bottom:1px solid #235461;overflow-wrap:anywhere;max-width:220px}
#p-monitor th{color:#94b3c2}
#p-monitor select,#p-monitor textarea{background:#142936;color:#e2f6f3;border:1px solid #235461;border-radius:8px;padding:10px;font:inherit;max-width:100%}
#p-monitor textarea{display:block;width:100%;box-sizing:border-box;min-height:90px;resize:vertical;margin:12px 0}
#p-monitor button{cursor:pointer;background:#163c40;border:1px solid #35c9b7;color:#dff6f3;border-radius:8px;padding:12px 18px;font:inherit}
#p-monitor button:disabled{opacity:.5;cursor:default}
#p-monitor .monitor-notices{list-style:none;padding:0}
#p-monitor .monitor-notices li{border-left:3px solid #ed7619;padding:12px;margin:12px 0;background:#0d1d2a;overflow-wrap:anywhere}
#p-monitor .monitor-notices strong{font-size:13px;color:#efb081}
#p-monitor :focus-visible{outline:2px solid #35c9b7;outline-offset:3px}
#p-monitor .monitor-safety{border-top:3px solid #ed7619}
#p-monitor .monitor-safety-toggle{display:flex;align-items:center;gap:10px;font-weight:700;margin:16px 0;cursor:pointer}
#p-monitor .monitor-safety-toggle input{flex-shrink:0}
#p-monitor .monitor-safety-caution{color:#efb081;font-weight:700;line-height:1.6;margin:12px 0}
#p-monitor .monitor-safety-signals{list-style:none;margin:18px 0;padding:0;max-height:540px;overflow:auto;overscroll-behavior:contain}
#p-monitor .monitor-safety-signal{border:1px solid #235461;border-left:3px solid #ed7619;border-radius:8px;padding:14px;margin:12px 0;background:#0d1d2a;overflow-wrap:anywhere}
#p-monitor .monitor-safety-signal strong{font-size:13px;color:#efb081;line-height:1.6}
#p-monitor .monitor-safety-author{font-size:13px;color:#b9d2df;line-height:1.6;margin:8px 0}
#p-monitor .monitor-safety-author a{color:#80d1f7;text-decoration:underline;text-underline-offset:3px}
#p-monitor .monitor-safety-message{white-space:pre-wrap;font:inherit;line-height:1.6;margin:10px 0}
#p-monitor #monitorSafetyStatus:not(:empty),#p-monitor #monitorVerifyStatus:not(:empty){border-left:3px solid #80d1f7;padding:10px 12px;background:#0d1d2a;margin:14px 0}
#p-monitor #monitorVerifyHint{border-top:1px solid #235461;padding-top:16px;margin-top:18px}
@media(max-width:700px){#p-monitor .monitor-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#p-monitor .monitor-metric,#p-monitor .monitor-card{padding:12px}#p-monitor .monitor-toolbar{align-items:flex-start}#p-monitor th,#p-monitor td{padding:10px 5px;max-width:100px}}