.color12-view{display:none}body[data-theme=color12]{--accent:#79c7ff}body[data-theme=color12][data-page=dashboard] .app{padding:0;max-width:none;height:100dvh;min-height:0}body[data-theme=color12][data-page=dashboard] .app>header,body[data-theme=color12][data-page=dashboard] .app>nav,body[data-theme=color12][data-page=dashboard] #dashboard>.dash-caption,body[data-theme=color12][data-page=dashboard] #dashboard>.instrument,body[data-theme=color12][data-page=dashboard] #dashboard>.demo-controls{display:none}body[data-theme=color12][data-page=dashboard] #dashboard{height:100dvh;overflow:clip}body[data-theme=color12] .color12-view{display:flex}
.color12-view{container-type:size;width:100%;height:100dvh;position:relative;overflow:clip;flex-direction:column;padding:0 2.3%;color:#eef1f6;background:radial-gradient(ellipse at 93% 10%,#25355155,transparent 50%),#10151d;font-family:Arial,'Microsoft YaHei',sans-serif}
.color12-top{height:13%;display:flex;align-items:center;gap:1.2cqw;flex-shrink:0}.color12-top>img{width:15cqw;height:10cqh;object-fit:contain;mix-blend-mode:screen}.color12-title{border-left:1px solid #67738b55;padding-left:1.3cqw}.color12-title b{display:block;font-size:1.2cqw;font-weight:600;letter-spacing:.17cqw}.color12-title em{font-size:1.15cqw;color:#8bb9ef;margin-left:.6cqw;font-style:normal}.color12-title small{display:block;font-size:.82cqw;color:#99a9bc;margin-top:.7cqh}.color12-status{margin-left:auto;font-size:.95cqw;color:#c3b481}.color12-top button{font-size:1.1cqw;min-height:0;padding:1.5cqh 1.3cqw;background:#202837;border-color:#475363;border-radius:.4cqw;color:#cdd9e9}
.color12-grid{height:81%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:1.6cqh 1.2cqw;min-height:0}.color12-card{position:relative;border:1px solid color-mix(in srgb,var(--cell) 28%,#202734);border-radius:1cqw;padding:2cqh 1.8cqw;background:linear-gradient(125deg,color-mix(in srgb,var(--cell) 12%,#151b25),#19212d);overflow:hidden;box-shadow:0 .6cqh 1.4cqh #0002}.color12-card:before{content:'';position:absolute;top:0;left:0;height:100%;width:.28cqw;background:var(--cell);opacity:.8}.color12-card-head{display:flex;justify-content:space-between;gap:1cqw;align-items:flex-start}.color12-label{font-size:1.02cqw;letter-spacing:.1cqw;line-height:1.2;color:var(--cell);font-weight:600;white-space:nowrap}.color12-label small{display:block;color:#b7c0cb;letter-spacing:0;font-size:.9cqw;font-weight:400;margin-top:.6cqh;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:15cqw}.color12-index{font: .9cqw monospace;color:#6c7b8e}.color12-reading{display:flex;align-items:baseline;gap:.7cqw;margin-top:1.3cqh}.color12-reading strong{font-size:5cqw;font-weight:700;line-height:.95;letter-spacing:-.15cqw;color:var(--cell);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.color12-unit{font-size:1.05cqw;color:#c4ccda;font-style:normal;white-space:nowrap}.color12-meter{position:absolute;bottom:1.5cqh;left:1.8cqw;right:1.8cqw;height:.6cqh;border-radius:3px;background:#ffffff0b;overflow:hidden}.color12-meter i{display:block;height:100%;width:0;background:var(--cell);opacity:.8}.color12-card.configurable-field:focus-visible{outline-color:var(--cell);outline-offset:-3px}.color12-card .long-field-label{font-size:.95cqw!important}
.color12-footer{height:6%;display:flex;align-items:center;justify-content:space-between;font-size:.85cqw;color:#8c9cae;letter-spacing:.04cqw}.color12-footer button{font-size:.95cqw;min-height:0;border:0;padding:0;color:#b9c8da}.color12-view .alarm-banner{top:auto;bottom:.4cqh;left:2.3%;font-size:1.4cqw;max-width:95%;padding:.6cqh 1cqw}