/* Engenharia TX: mesma estrutura visual da Distribuição, isolada por host. */
#scpTxEngineering20261020 {
  width:100%; max-width:1880px; margin:18px auto 30px; padding:0 14px;
  box-sizing:border-box; color:#eef6ff;
}
#scpTxEngineering20261020[hidden] { display:none!important; }
body.scp-transmission-engineering #scpEngineeringWorkspaceV3 { display:none!important; }
#scpTxEngineering20261020 .visual-dashboard {
  width:100%; background:#06111b; color:#eef6ff; border:1px solid #18324a;
  border-radius:12px; overflow:hidden; box-shadow:0 6px 24px rgba(0,0,0,.38); box-sizing:border-box;
}
#scpTxEngineering20261020 .visual-top {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  padding:14px 16px; border-bottom:1px solid #18324a; background:#081722;
}
#scpTxEngineering20261020 .visual-heading { min-width:0; }
#scpTxEngineering20261020 .visual-title {
  margin:0; font-size:18px; font-weight:800; line-height:1.25; color:#f2f8fc;
}
#scpTxEngineering20261020 .visual-subtitle {
  margin:5px 0 0; font-size:12px; line-height:1.4; color:#8fa8b9;
}
#scpTxEngineering20261020 .visual-actions {
  display:flex; align-items:center; justify-content:flex-end; gap:7px; flex-wrap:wrap; flex:0 1 550px;
}
#scpTxEngineering20261020 .visual-actions button {
  min-height:32px; margin:0; padding:7px 11px; border:1px solid #31536c; border-radius:6px;
  background:#102536; color:#e9f5fc; font:700 11px/1.3 Arial,sans-serif; cursor:pointer;
}
#scpTxEngineering20261020 .visual-actions button:hover:not(:disabled) { background:#17364d; }
#scpTxEngineering20261020 .visual-actions button.visual-animate { background:#145139; border-color:#317957; }
#scpTxEngineering20261020 .visual-actions button.visual-animate:hover:not(:disabled) { background:#1b684b; }
#scpTxEngineering20261020 .visual-actions button:disabled { opacity:.5; cursor:default; }
#scpTxEngineering20261020 .visual-actions button:focus-visible { outline:2px solid #7edbff; outline-offset:3px; }
#scpTxEngineering20261020 .visual-body {
  display:grid; grid-template-columns:175px minmax(0,1fr) 285px; gap:12px; padding:12px;
  align-items:stretch; box-sizing:border-box;
}
#scpTxEngineering20261020 .visual-left,
#scpTxEngineering20261020 .visual-right {
  display:flex; flex-direction:column; gap:10px; min-width:0;
}
#scpTxEngineering20261020 .visual-box,
#scpTxEngineering20261020 .visual-metric {
  min-width:0; border:1px solid #294153; border-radius:8px; background:#091721;
  padding:10px 11px; box-sizing:border-box;
}
#scpTxEngineering20261020 .visual-box h3,
#scpTxEngineering20261020 .visual-metric h3 {
  margin:0 0 7px; font-size:10px; font-weight:800; line-height:1.25; letter-spacing:.03em; color:#86a4b8;
}
#scpTxEngineering20261020 .visual-configuration h3:not(:first-child) { margin-top:16px; }
#scpTxEngineering20261020 .visual-box p {
  margin:0; font-size:12px; line-height:1.45; color:#d3e1ea; overflow-wrap:anywhere;
}
#scpTxEngineering20261020 .visual-box p.visual-note { margin-top:8px; font-size:11px; color:#9bb1c0; }
#scpTxEngineering20261020 .visual-critical {
  font-size:17px; font-weight:800; line-height:1.3; color:#f0c984; overflow-wrap:anywhere;
}
#scpTxEngineering20261020 .visual-stage {
  position:relative; width:100%; min-width:0; min-height:620px; border:1px solid #203b50;
  border-radius:9px; overflow:hidden;
  background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#07141e;
  background-size:32px 32px;
}
#scpTxEngineeringVisual { width:100%; height:100%; min-width:0; }
#scpTxEngineering20261020 #scpTxEngineeringVisual svg {
  display:block!important; width:100%!important; height:100%!important; min-height:620px!important;
}
#scpTxEngineering20261020 .visual-metric .big {
  display:block; margin-top:3px; font-size:25px; line-height:1.05; font-weight:850;
  color:#f5fbff; overflow-wrap:anywhere;
}
#scpTxEngineering20261020 .visual-metric .small {
  display:block; margin-top:5px; font-size:10px; line-height:1.3; color:#8fa8b9;
}
#scpTxEngineering20261020 .visual-status .big { font-size:19px; line-height:1.2; }
#scpTxEngineering20261020 .visual-status[data-state="pending"] { border-color:#766039; background:#211e16; }
#scpTxEngineering20261020 .visual-status[data-state="pending"] .big { color:#f4cf89; }
#scpTxEngineering20261020 .visual-status[data-state="pass"] { border-color:#2c7252; }
#scpTxEngineering20261020 .visual-status[data-state="pass"] .big { color:#86d7ad; }
#scpTxEngineering20261020 .visual-status[data-state="fail"] { border-color:#854d4b; }
#scpTxEngineering20261020 .visual-status[data-state="fail"] .big { color:#f29b93; }
#scpTxEngineering20261020 .visual-footer {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-top:1px solid #18324a; background:#081722;
}
#scpTxEngineering20261020 .visual-footer > div { min-width:0; padding:10px 12px; border-right:1px solid #18324a; }
#scpTxEngineering20261020 .visual-footer > div:last-child { border-right:0; }
#scpTxEngineering20261020 .visual-footer .label {
  display:block; margin-bottom:4px; font-size:9px; font-weight:800; color:#7893a6;
}
#scpTxEngineering20261020 .visual-footer .value {
  display:block; font-size:13px; font-weight:750; color:#edf7fc; overflow-wrap:anywhere;
}
#scpTxEngineering20261020 .visual-controls {
  display:grid; grid-template-columns:1.3fr 1.2fr 1fr; gap:16px; align-items:center;
  padding:12px 14px; border-top:1px solid #18324a; background:#07131d;
}
#scpTxEngineering20261020 .control-label {
  display:block; margin-bottom:5px; font-size:10px; font-weight:800; color:#8ca6b8;
}
#scpTxEngineering20261020 .visual-controls .value { font-size:12px; line-height:1.4; color:#d9e8f1; }
#scpTxEngineering20261020 .visual-tag { display:flex; align-items:center; gap:7px; font-size:12px; line-height:1.4; color:#d9e8f1; }
#scpTxEngineering20261020 .visual-dot { flex:0 0 7px; width:7px; height:7px; border-radius:50%; background:#7893a6; }
#scpTxEngineering20261020 .visual-tag[data-state="ready"] .visual-dot,
#scpTxEngineering20261020 .visual-tag[data-state="running"] .visual-dot { background:#72cb9c; }
#scpTxEngineering20261020 .visual-tag[data-state="pending"] .visual-dot,
#scpTxEngineering20261020 .visual-tag[data-state="paused"] .visual-dot { background:#efc372; }
#scpTxEngineering20261020 .scp-txe-empty,
#scpTxEngineering20261020 #scpTxEngineeringVisual .scp-v34-empty {
  display:flex!important; align-items:center!important; justify-content:center!important;
  min-height:620px!important; height:100%; padding:30px!important; box-sizing:border-box;
  background:transparent!important; color:#c2d6e4!important; text-align:center;
  font-size:14px; font-weight:600; line-height:1.6;
}
#scpTxEngineering20261020:fullscreen { max-width:none; margin:0; padding:14px; background:#06111b; overflow:auto; }
#scpTxEngineering20261020:fullscreen .visual-dashboard { min-height:100%; }
@media(max-width:1250px) {
  #scpTxEngineering20261020 .visual-body { grid-template-columns:155px minmax(0,1fr) 245px; }
  #scpTxEngineering20261020 .visual-top { flex-wrap:wrap; gap:12px; }
  #scpTxEngineering20261020 .visual-actions { flex-basis:auto; justify-content:flex-start; }
}
@media(max-width:980px) {
  #scpTxEngineering20261020 .visual-body { grid-template-columns:minmax(0,1fr); }
  #scpTxEngineering20261020 .visual-left,
  #scpTxEngineering20261020 .visual-right { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  #scpTxEngineering20261020 .visual-configuration { grid-row:span 2; }
  #scpTxEngineering20261020 .visual-stage,
  #scpTxEngineering20261020 #scpTxEngineeringVisual svg,
  #scpTxEngineering20261020 .scp-txe-empty,
  #scpTxEngineering20261020 #scpTxEngineeringVisual .scp-v34-empty { min-height:500px!important; }
  #scpTxEngineering20261020 .visual-footer { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:650px) {
  #scpTxEngineering20261020 { padding:0 6px; }
  #scpTxEngineering20261020 .visual-top { align-items:flex-start; flex-direction:column; padding:12px; }
  #scpTxEngineering20261020 .visual-title { font-size:16px; }
  #scpTxEngineering20261020 .visual-actions { width:100%; gap:6px; }
  #scpTxEngineering20261020 .visual-actions button { flex:1 1 135px; }
  #scpTxEngineering20261020 .visual-body { padding:8px; gap:10px; }
  #scpTxEngineering20261020 .visual-left,
  #scpTxEngineering20261020 .visual-right,
  #scpTxEngineering20261020 .visual-footer,
  #scpTxEngineering20261020 .visual-controls { grid-template-columns:minmax(0,1fr); }
  #scpTxEngineering20261020 .visual-configuration { grid-row:auto; }
  #scpTxEngineering20261020 .visual-stage { overflow-x:auto; min-height:350px!important; }
  #scpTxEngineering20261020 #scpTxEngineeringVisual svg { min-width:620px; min-height:350px!important; }
  #scpTxEngineering20261020 .scp-txe-empty,
  #scpTxEngineering20261020 #scpTxEngineeringVisual .scp-v34-empty { min-height:350px!important; }
  #scpTxEngineering20261020 .visual-footer > div { border-right:0; border-bottom:1px solid #18324a; }
  #scpTxEngineering20261020 .visual-footer > div:last-child { border-bottom:0; }
}
