.monitor-shell{width:min(1440px,calc(100% - 28px));margin:24px auto 70px;position:relative;z-index:2;color:#f0f8ff}.monitor-board{padding:clamp(14px,2.2vw,26px);border:1px solid #426889;border-radius:20px;box-shadow:0 16px 48px #0006}.monitor-head{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:18px}.monitor-head h1{font-size:clamp(1.5rem,2.7vw,2.3rem);margin:0;color:#f0f8ff}.monitor-head p,.monitor-dim{color:#aac4db}.monitor-flag{display:inline-block;color:#ffe8bd;border:1px solid #e0ad5b;border-radius:8px;padding:9px;font-size:.77rem;font-weight:750}.monitor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.monitor-card{min-width:0;border:1px solid rgba(111,171,222,.5);border-radius:14px;padding:17px}.monitor-card h2{font-size:.91rem;color:#9dd1ff;margin:0 0 14px}.monitor-value{font-size:clamp(1.6rem,3vw,2.4rem);font-weight:800}.monitor-wide{grid-column:span 2}.monitor-trend{grid-column:span 3}.monitor-full{grid-column:span 4}.monitor-spark{height:160px;width:100%}.monitor-bars{display:flex;align-items:flex-end;gap:5px;height:55px;margin-top:15px}.monitor-bars span{flex:1;min-width:1px;border-radius:3px 3px 0 0;background:linear-gradient(#42c7e7,#176fae)}.monitor-info{border-left:3px solid #e0ad5b;padding:8px 13px;color:#d7e5ef;line-height:1.6}.monitor-select{background:var(--scene-nested,rgba(8,20,33,.14));color:#fff;border:1px solid #6787a9;padding:9px;border-radius:8px}.monitor-lines{display:flex;height:16px;overflow:hidden;border-radius:12px;margin:15px 0}.monitor-lines span:nth-child(1){background:#268be4;flex:70}.monitor-lines span:nth-child(2){background:#4ad8cb;flex:16}.monitor-lines span:nth-child(3){background:#bb85fa;flex:10}.monitor-lines span:nth-child(4){background:#f19295;flex:4}.monitor-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #314d69;padding:10px 0}.monitor-row strong{color:#f1f8ff}@media(max-width:950px){.monitor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monitor-trend,.monitor-full{grid-column:span 2}}@media(max-width:580px){.monitor-grid{grid-template-columns:1fr}.monitor-wide,.monitor-trend,.monitor-full{grid-column:span 1}}

.monitor-shell{overflow-wrap:anywhere}.monitor-head>div{min-width:0;max-width:100%}.monitor-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.monitor-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.monitor-select{min-height:44px;max-width:100%;font:inherit}.monitor-select:focus-visible{outline:3px solid #8fefff;outline-offset:3px}.monitor-values{margin:0}.monitor-values dt,.monitor-values dd{margin:0;min-width:0}.monitor-values dd{text-align:end;color:#f1f8ff}.monitor-feedback{font-size:.88rem;line-height:1.6}.monitor-card p{line-height:1.6}.monitor-card h2 small{display:block;font-size:.75rem;line-height:1.6;margin-top:6px}.monitor-flag{line-height:1.6;max-width:100%}
