/* ==========================================================================
   Plataforma de instâncias (app.<dom>) — o pouco que as páginas da
   plataforma acrescentam ao style.css (cópia do web/style.css do app,
   mesmos tokens e classes: .modal-box, .auth-box, .brand, .modal-input,
   button.action...). Claro, como o app sem tema escolhido.
   ========================================================================== */

/* as caixas de login/senha/entrada são a "modal" do app, sem o véu escuro */
.plataforma-fundo{background:var(--bg); backdrop-filter:none; position:static; min-height:100vh;}
.plataforma-fundo .section-sub{margin-bottom:4px;}
.plataforma-link{font-size:12.5px; color:var(--text-dim); text-decoration:none;}
.plataforma-link:hover{color:var(--text); text-decoration:underline;}

/* ---------- topo da home ---------- */
.plataforma-topo{
  display:flex; align-items:center; gap:16px; flex-wrap:wrap;
  padding:14px 24px; background:var(--bg-panel); border-bottom:1px solid var(--border);
}
.plataforma-conta{margin-left:auto; display:flex; align-items:center; gap:16px; flex-wrap:wrap; font-size:12.5px;}
.plataforma-usuario{color:var(--text); font-weight:500;}
.plataforma-login{font-family:var(--mono); color:var(--text-dimmer); font-size:11.5px; margin-left:6px;}

/* ---------- empresas e instâncias ---------- */
.plataforma-conteudo{max-width:760px; margin:0 auto; padding:28px 24px 48px;}
.plataforma-titulo{font-size:20px; font-weight:700; letter-spacing:-0.01em; margin:8px 0 18px;}
.plataforma-vazio{margin-top:0;}
.plataforma-empresa{
  background:var(--bg-panel); border:1px solid var(--border); border-radius:var(--radius-md);
  padding:16px 18px; margin-bottom:16px; box-shadow:var(--shadow-sm);
}
.plataforma-empresa-topo{display:flex; align-items:baseline; gap:10px; margin-bottom:6px;}
.plataforma-empresa-topo h2{font-size:15px; font-weight:600;}
.plataforma-empresa-topo h2 a{color:inherit; text-decoration:none;}
.plataforma-empresa-topo h2 a:hover{text-decoration:underline;}
.plataforma-papel{
  font-family:var(--mono); font-size:10.5px; letter-spacing:0.06em; text-transform:uppercase;
  color:var(--text-dimmer);
}
.plataforma-instancias{list-style:none;}
.plataforma-instancia{
  display:flex; align-items:center; gap:12px; padding:10px 0; border-top:1px solid var(--border);
}
.plataforma-instancia:first-child{border-top:none;}
.plataforma-instancia-info{min-width:0; flex:1 1 auto;}
.plataforma-instancia-nome{font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.plataforma-instancia-sub{font-size:12px; color:var(--text-dim); margin-top:2px; display:flex; align-items:center; gap:7px;}
.plataforma-estado{width:7px; height:7px; border-radius:50%; background:var(--text-dimmer); flex:0 0 auto;}
.plataforma-estado[data-estado="ligada"]{background:var(--done);}
.plataforma-estado[data-estado="ligando"], .plataforma-estado[data-estado="desligando"],
.plataforma-estado[data-estado="drenando"]{background:var(--amber);}
.plataforma-estado[data-estado="falha"], .plataforma-estado[data-estado="suspensa"]{background:var(--danger);}
a.plataforma-abrir{
  font-size:13px; font-weight:600; background:var(--cyan); color:#fff; border-radius:var(--radius-sm);
  padding:8px 16px; text-decoration:none; white-space:nowrap; flex:0 0 auto;
}
a.plataforma-abrir:hover{filter:brightness(0.94);}

/* ---------- cadastro do autenticador (F4, /autenticador) ---------- */
.plataforma-autenticador .section-sub{margin-top:10px; line-height:1.5;}
.plataforma-chave{font-family:var(--mono); letter-spacing:0.08em; font-size:13px;}
/* (20/10/2026) o QR do autenticador: fundo branco próprio (o SVG traz) mesmo no tema escuro */
.plataforma-qr{display:block; margin:10px auto; width:220px; height:220px; max-width:100%; image-rendering:pixelated; border-radius:6px;}
.plataforma-uri{margin:2px 0 4px; font-size:12px; color:var(--text-dim);}
.plataforma-uri summary{cursor:pointer;}
.plataforma-uri .modal-input{font-family:var(--mono); font-size:11px; margin-top:6px;}

@media (max-width:560px){
  .plataforma-topo{padding:12px 16px;}
  .plataforma-conteudo{padding:20px 14px 40px;}
}