/* VALTUM MONITOR conectado — SOMENTE acréscimos técnicos; nenhuma regra visual aprovada é alterada.
 * 1) Larguras das colunas das abas Saúde e Operadores, iguais às do HTML aprovado, em classes (a CSP proíbe style="").
 * 2) Cor do ponto do selo do topo conforme a conexão (o selo e o ponto são os mesmos do layout aprovado).
 * 3) Tela de entrada (proposta; depende da aprovação do proprietário).
 * 5) R-UX02: botão Sair no topo, no mesmo desenho do selo de conexão.
 * 4) Resultado "Indisponível" (existe na Valtum Voice; não existia na simulação) com o mesmo estilo neutro dos demais. */
col.w27{width:27%}col.w18{width:18%}col.w55{width:55%}col.w23{width:23%}col.w28{width:28%}col.w25{width:25%}col.w12{width:12%}
.simulation-pill[data-connection="warn"] .sim-dot{background:#e6b154;box-shadow:0 0 0 3px #e6b1541c,0 0 11px #e6b1548c}
.simulation-pill[data-connection="warn"]{color:#f0d08c}
.simulation-pill[data-connection="down"] .sim-dot{background:#e0685f;box-shadow:0 0 0 3px #e0685f1c,0 0 11px #e0685f8c}
.simulation-pill[data-connection="down"]{color:#f1a49c}

.vm-login{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(ellipse at 50% 20%,#103351 0%,#071424 62%,#050e1a 100%)}
.vm-login[hidden]{display:none}
.vm-login-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:26px 24px 22px;border-radius:12px;
  background:linear-gradient(160deg,#0f2a43,#0b2034);border:1px solid #24506a;box-shadow:0 18px 50px #0007,inset 0 1px #c8f8ff12;color:#d8e9f5}
.vm-login-brand{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.vm-login-brand strong{display:block;font-size:15px;letter-spacing:1.6px;font-weight:780;color:#eaf6ff}
.vm-login-brand span{display:block;font-size:11px;color:#8ca8bf;margin-top:3px}
.vm-login-mark{width:12px;height:12px;border-radius:50%;background:#3be3bb;box-shadow:0 0 0 4px #3be3bb1c,0 0 14px #3be3bb8c;flex:0 0 auto}
.vm-login-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#8ca8bf;font-weight:650;letter-spacing:.3px}
.vm-login-card input{height:39px;border-radius:8px;border:1px solid #32627b;background:#0a1d30;color:#eaf6ff;padding:0 12px;font:inherit;font-size:13px;outline:0}
.vm-login-card input:focus{border-color:#59c8e3;box-shadow:0 0 0 2px #43bfd624}
.vm-login-card button{height:40px;border-radius:8px;border:1px solid #2f8f98;background:linear-gradient(160deg,#1b6f7a,#13525e);color:#eaffff;
  font-weight:720;font-size:13px;letter-spacing:.3px}
.vm-login-card button:disabled{opacity:.6;cursor:wait}
.vm-login-msg{min-height:16px;margin:0;font-size:12px;color:#f1a49c}
.vm-login-nota{margin:2px 0 0;font-size:10.5px;line-height:1.45;color:#7f9bb1}

/* R-UX02 (Alan, 09/11): Sair, no mesmo desenho do selo do topo (borda e cantos arredondados). */
.vm-sair{border:1px solid #2a596477;background:#143b484d;border-radius:16px;padding:6px 12px;font:inherit;font-size:10px;font-weight:750;letter-spacing:1.1px;text-transform:uppercase;color:#8ce2e2;cursor:pointer;white-space:nowrap}
.vm-sair:hover,.vm-sair:focus-visible{border-color:#59c8e3;color:#eaffff;outline:0;box-shadow:0 0 0 2px #43bfd624}