.hero-machine-frame{width:238px;height:182px;display:grid;place-items:center;border-radius:50%;background:#fff;border:8px solid #448f7845;box-shadow:0 20px 30px #001e2440;z-index:1;overflow:hidden}.hero-machine-frame img,.showcase-mode .hero-machine-frame img{width:210px;mix-blend-mode:normal;filter:none;object-fit:contain}.hero-radar>span{margin-top:12px}.home-reception{padding:18px 24px}.home-reception h2{display:flex;align-items:center;gap:9px;font-size:16px}.home-reception p{color:#72857b;font-size:12px}#reception-equipment{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.reception-chip{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d4e6dc;border-radius:9px;background:#edf7f2;color:#196b59;font-size:12px}.reception-chip.old{background:#f1f3f2;color:#748079;border-color:#e0e5e1}.reception-chip i,.visual-key i,.key-dot{display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:#159b91}.reception-chip.old i{background:#a3afaa}.reception-chip small{font-size:10px;opacity:.8}.visual-key{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:11px;color:#64786d;padding:12px 20px}.visual-key span{display:flex;align-items:center;gap:6px}.visual-key .gray,.key-dot.gray{background:#a8b6ae}.visual-key .red{background:#cd5a49}.home-map-buttons{display:flex;gap:6px;flex-wrap:wrap}.command-map-row{grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr)}#command-map{height:430px}#command-attention{max-height:426px;overflow:auto}.attention-tabs{display:flex;gap:6px;padding:14px;border-bottom:1px solid #eaf0ed}.attention-tabs button{display:flex;gap:6px;align-items:center;flex:1;border:1px solid #dce8e0;border-radius:9px;background:#fff;padding:9px 8px;font-size:11px;color:#49665a}.attention-tabs .ui-icon{width:16px;height:16px}.attention-tabs button.selected{background:#173b30;color:#fff;border-color:#173b30}.attention-tabs b{color:#ccad3b}.attention-row{padding:16px 18px;align-items:flex-start}.attention-row>span:nth-child(2){flex:1}.attention-row b{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.attention-row em{font-style:normal;font-weight:400;font-size:10px;padding:3px 7px;border-radius:5px;background:#fff0e9;color:#b54e3e}.attention-row.reason-offline em,.attention-row.reason-old em{background:#edf0ed;color:#667b6e}.reason-icon{display:grid;place-items:center;padding:10px;background:#fff0e9;color:#bf5a43;border-radius:11px}.reason-offline .reason-icon,.reason-old .reason-icon{background:#edf2ee;color:#708c7d}.reason-action{display:inline-block;margin-top:8px;font-size:11px;color:#128576;font-weight:bold}.home-gps-cluster{border-radius:50%;display:grid;align-content:center;text-align:center;background:#133c31;color:white;border:3px solid #ffcc16;box-shadow:0 4px 15px #183e3160}.home-gps-cluster b{font-size:18px;line-height:1}.home-gps-cluster small{font-size:8px}.home-gps-pin{display:grid;place-items:center;background:#fff;border:2px solid #159b91;color:#13897c;border-radius:10px;box-shadow:0 4px 10px #123e3140}.home-gps-pin.old{border-color:#9daea3;color:#829389}.home-gps-pin svg{width:25px;height:25px}.home-explained-charts{align-items:stretch}.state-visual{display:grid;grid-template-columns:minmax(160px,.8fr) 1.1fr;gap:12px;align-items:center;padding:20px}.state-ring-wrap{height:220px;position:relative}.state-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.state-ring-center strong{font-size:30px;color:#234b3a}.state-ring-center strong small{font-size:15px;color:#86998d}.state-ring-center>span{font-size:10px;color:#71877b}.state-visual-legend button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid #edf1ee;background:white;padding:10px 4px;text-align:left}.state-visual-legend button>i{width:9px;height:24px;border-radius:4px;flex:none}.state-visual-legend button>span{flex:1}.state-visual-legend b{font-size:12px}.state-visual-legend small{display:block;font-size:9px;color:#819085;margin-top:3px}.state-visual-legend strong{font-size:18px;color:#294e3b;text-align:right}.alarm-visual-summary{display:flex;gap:20px;padding:18px 22px 6px}.alarm-visual-summary span{font-size:11px;color:#718275}.alarm-visual-summary b{font-size:24px;display:block;color:#bf5a48}.alarm-visual-summary span:nth-child(2) b{color:#8d9c91}.alarm-visual-summary span:nth-child(3) b{color:#178f81}.alarm-plot{height:210px;padding:12px 22px}.alarm-type-buttons{display:flex;gap:7px;flex-wrap:wrap;padding:0 20px 18px}.alarm-type-buttons button{display:flex;gap:8px;align-items:center;border:1px solid #e2e9e3;background:#f7faf7;border-radius:7px;padding:7px;font-size:10px;color:#456553}.alarm-type-buttons b{color:#b85342}.matrix-key{padding-bottom:8px}.signal-matrix th small{display:block;color:#7b9182;font-size:10px}.signal-matrix .matrix-cell{width:100%;border:0;cursor:pointer}.matrix-cell small{display:block!important;font-size:8px;margin-top:4px;color:inherit;opacity:.85}.info-button{border:1px solid #dce8df;border-radius:50%;width:30px;height:30px;background:white;color:#378b72}.home-dialog-content{padding:22px}.home-dialog-purpose{font-size:13px;color:#657a6d;margin-bottom:18px}.home-group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-group-grid>button{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px;border:1px solid #e1e9e2;border-radius:12px;background:#f8fbf8}.home-group-grid img{width:90px}.home-group-grid small{font-size:10px;color:#748479}.home-detail-dialog{max-height:85vh}.metric-reading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;background:#f0f7f2;border-radius:14px;margin-bottom:18px}.metric-reading strong{font-size:42px;color:#28543f}.metric-reading strong small{font-size:18px}.metric-reading>small{font-size:12px;color:#7b8c7f}.metric-verdict{display:flex;gap:14px;align-items:center;padding:15px;background:#fff7e8;border-radius:10px;font-size:13px}.metric-verdict svg{flex:none}.metric-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric-help-grid article{background:#f1f7f2;padding:16px;border-radius:12px}.metric-help-grid em{font-size:12px;color:#179280;font-style:normal}.metric-help-grid p{font-size:12px;color:#69816f}.notification-dialog{width:min(940px,95vw);max-height:90vh}.notification-charts .alarm-plot{height:190px}.notification-charts .alarm-type-buttons{display:none}.notification-filter{padding:4px 22px 12px;font-size:11px;color:#788a7c}.notification-machine-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 18px;max-height:40vh;overflow:auto}.notification-machine{background:#fff;border:1px solid #e0e8e1;border-top:3px solid #cbd4cc;border-radius:12px;padding:14px;text-align:left;color:#315a41}.notification-machine.current{border-top-color:#ce6751}.notification-machine>div:first-child{display:flex;align-items:center;gap:10px}.notification-machine img{width:62px}.notification-machine>div:first-child>span{flex:1}.notification-machine b{font-size:15px}.notification-machine small{display:block;font-size:9px;font-weight:400;color:#80917f}.notification-machine>div:first-child>strong{font-size:24px;color:#c56d54}.notification-alarm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.notification-alarm-chips>span{border-radius:7px;background:#edf1ee;color:#7f8d81;padding:7px;font-size:10px}.notification-alarm-chips>span.fresh{background:#fff0ea;color:#b76048}.notification-alarm-chips i{margin-right:5px;font-style:normal}.notification-open{display:block;margin-top:12px;font-size:10px;color:#27896e}.notification-dialog .quick-actions{padding:12px 22px}.home-reception .visual-key{padding:0}.command-hero .button .ui-icon{width:17px;height:17px}
@media(max-width:1100px){.command-map-row{grid-template-columns:1fr}.state-visual{grid-template-columns:1fr}.state-ring-wrap{height:180px}.home-explained-charts{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.home-explained-charts,.notification-machine-grid{grid-template-columns:1fr}.state-visual{grid-template-columns:1fr 1fr}.home-group-grid{grid-template-columns:1fr 1fr}.metric-help-grid{grid-template-columns:1fr}.reception-chip small{display:none}.attention-tabs{flex-wrap:wrap}#command-map{height:350px}.home-map-buttons .button{padding:8px;font-size:10px}}