/* © 2026 bladept696 — Centro de Comando / Hash Commander. Todos os direitos reservados.
   é proibido copiar, modificar, redistribuir ou publicar este ficheiro, no todo ou em parte, sem autorização escrita do autor.
   https://github.com/bladept696/centro-de-comando-v3 */
/* Acesso remoto seguro (Tailscale) */
.hcr{width:min(560px,100%);}
.hcr-body{padding:4px 18px 16px;overflow:auto;font-size:12.5px;line-height:1.5;color:var(--text);}
.hcr-body p{margin:0 0 10px;}
.hcr-intro{color:var(--muted);}
.hcr-ok{color:var(--green);font-weight:700;}
.hcr-warn{color:var(--amber,#ffb84a);}
.hcr-note,.hcr-why{color:var(--muted-2);font-size:11px;}
.hcr-why{display:block;margin:-4px 0 12px;}
.hcr-msg{margin-top:10px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--amber,#ffb84a) 12%,var(--deep));border:1px solid var(--line-strong);font-size:11.5px;word-break:break-word;}
.hcr-addr{display:flex;gap:14px;align-items:flex-start;margin:6px 0 14px;flex-wrap:wrap;}
.hcr-addr>div:first-child{flex:1;min-width:200px;display:flex;flex-direction:column;gap:6px;}
.hcr-addr code{display:block;padding:8px 10px;border-radius:8px;background:var(--deep);border:1px solid var(--line-strong);font:600 11.5px monospace;color:var(--cyan);word-break:break-all;user-select:all;}
.hcr-addr button,.hcr-row button,.hcr-link{align-self:flex-start;font:inherit;font-size:12px;font-weight:700;color:var(--text);background:var(--deep);border:1px solid var(--line-strong);border-radius:8px;padding:6px 12px;cursor:pointer;text-decoration:none;}
.hcr-row button.primary{border-color:var(--cyan);color:var(--cyan);background:color-mix(in srgb,var(--cyan) 14%,var(--deep));}
.hcr-addr button:hover,.hcr-row button:hover,.hcr-link:hover{border-color:var(--cyan);color:var(--cyan);}
.hcr-addr small{color:var(--muted-2);font-size:10.5px;}
.hcr-qr{width:150px;height:150px;flex:none;padding:6px;border-radius:10px;background:#fff;}
.hcr-qr svg,.hcr-qr img{width:100%;height:100%;display:block;}
.hcr-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;}
.hcr-chk{justify-content:flex-start;cursor:pointer;}
.hcr-chk input{width:16px;height:16px;accent-color:var(--cyan);}
@media (max-width:480px){.hcr-qr{width:120px;height:120px;}}