.dials-view{display:none}body[data-theme=dials]{--accent:#64dfdf}body[data-theme=dials][data-page=dashboard] .app{padding:0;max-width:none;height:100dvh;min-height:0}body[data-theme=dials][data-page=dashboard] .app>header,body[data-theme=dials][data-page=dashboard] .app>nav,body[data-theme=dials][data-page=dashboard] #dashboard>.dash-caption,body[data-theme=dials][data-page=dashboard] #dashboard>.instrument,body[data-theme=dials][data-page=dashboard] #dashboard>.demo-controls{display:none}body[data-theme=dials][data-page=dashboard] #dashboard{height:100dvh;overflow:clip}body[data-theme=dials] .dials-view{display:flex}
.dials-view{container-type:size;position:relative;width:100%;height:100dvh;flex-direction:column;overflow:clip;padding:0 2.7%;background:radial-gradient(ellipse at 50% 30%,#1c33404d,transparent 65%),#0d151d;color:#e2eff3;font-family:Arial,'Microsoft YaHei',sans-serif}.dials-top{height:12%;flex-shrink:0;display:flex;gap:1.6cqw;align-items:center;border-bottom:1px solid #4f778044}.dials-top>img{width:15cqw;height:10cqh;object-fit:contain;mix-blend-mode:screen}.dials-top>div{border-left:1px solid #4e7e8455;padding-left:1.4cqw}.dials-top b{font-size:1.15cqw;letter-spacing:.2cqw;font-weight:500}.dials-top small{display:block;font-size:.82cqw;color:#94afb9;margin-top:.7cqh}.dials-status{margin-left:auto;color:#91d7c1;font-size:.95cqw}.dials-top button{font-size:1.05cqw;border-color:#42616c;background:#182832;padding:1.4cqh 1.2cqw;min-height:0}.dials-grid{height:83%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:0 1cqw}.dial-cell{position:relative;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #46616d25;min-height:0;outline-offset:-3px}.dial-cell:not(:nth-child(3n)){border-right:1px solid #46616d25}.dial-face{position:relative;height:100%;width:auto;aspect-ratio:180/160}.dial-face>svg{height:100%;width:100%;overflow:visible}.dial-rail{fill:none;stroke:#354953;stroke-width:5;stroke-linecap:round}.dial-progress{fill:none;stroke:#63e1df;stroke-width:5;stroke-dasharray:100;stroke-dashoffset:100;stroke-linecap:round;filter:drop-shadow(0 0 3px #57e7e65c)}.dial-ticks line{stroke:#a4c5ce;stroke-width:.8}.dial-ticks .minor{stroke:#5c7681;stroke-width:.5}.dial-scale text{fill:#b6cdd5;font-size:6px;text-anchor:middle;font-family:Arial;font-variant-numeric:tabular-nums}.dial-reading{position:absolute;top:29%;left:16%;right:16%;text-align:center;display:flex;align-items:center;flex-direction:column}.dial-label{font-size:.95cqw;letter-spacing:.08cqw;color:#ecf3f4;line-height:1.2;max-width:100%;white-space:nowrap}.dial-label small{display:block;font-size:.75cqw;letter-spacing:0;color:#92acb6;margin-top:.6cqh;white-space:nowrap}.dial-reading strong{font-size:3.8cqw;line-height:1.1;color:#81f0e9;letter-spacing:-.1cqw;font-variant-numeric:tabular-nums;margin-top:1cqh;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dial-unit{font-size:.92cqw;line-height:1.3;color:#ccdde2;font-style:normal;margin-top:.3cqh}.dial-index{position:absolute;bottom:1cqh;left:50%;transform:translateX(-50%);font:.63cqw monospace;letter-spacing:.12cqw;color:#567581}.dials-footer{height:5%;display:flex;justify-content:space-between;align-items:center;font-size:.8cqw;color:#7d9ba7}.dials-footer button{font-size:.9cqw;min-height:0;border:0;padding:0;color:#b3cbd1}.dial-cell.metric-alert .dial-progress{stroke:#ff5b67}.dial-cell .long-field-label{font-size:.8cqw!important}.dials-view .alarm-banner{top:auto;bottom:.2cqh;left:2.7%;font-size:1.4cqw;max-width:95%;padding:.6cqh 1cqw}