/* Página pública "Instalar agente" (usa os tokens de cor e tipografia do app.css). */
.install-page { height: auto; min-height: 100%; }
.install { width: min(560px, 100%); margin: 0 auto; padding: 36px 16px 48px; display: grid; gap: 22px; }
.install-hero { text-align: center; display: grid; gap: 12px; }
.install-hero .auth-sub { margin: 0; }

.steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.step { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 16px; border-radius: 16px; background: var(--card);
  box-shadow: var(--shadow); }
.step-n { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-weight: 700; font-size: 15px;
  color: #fff; background: var(--blue); }
.step.done .step-n { background: var(--green); }
.step-body { display: grid; gap: 6px; min-width: 0; }
.step-body h2 { margin: 3px 0 0; font: 600 17px/1.3 var(--font-display); letter-spacing: -.015em; }
.step-body p { margin: 0; font-size: 15px; color: var(--label); }
.step-body .step-note { font-size: 13px; color: var(--label-2); }
.step-body code { font: 600 14px ui-monospace, "SF Mono", Consolas, monospace; background: var(--fill); padding: 1px 6px;
  border-radius: 6px; }
.btn-link { display: grid; place-items: center; margin-top: 6px; text-decoration: none; }
.btn-link[aria-disabled="true"] { opacity: .5; pointer-events: none; }

.notice { padding: 16px; border-radius: 16px; background: var(--card); box-shadow: var(--shadow); display: grid; gap: 10px;
  border-left: 4px solid var(--orange); }
.notice p { margin: 0; font-size: 15px; }
details.step-note summary { cursor: pointer; }
.hash { display: block; margin-top: 6px; word-break: break-all; font-size: 12px !important; }

.privacy { padding: 16px; border-radius: 16px; background: var(--fill); display: grid; gap: 6px; }
.privacy h2 { margin: 0; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: .03em; color: var(--label-2); }
.privacy p { margin: 0; font-size: 14px; }
.install-foot { margin: 0; text-align: center; font-size: 13px; color: var(--label-2); }

/* Acesso remoto (Suporte Atenas) */
.remote-support { padding: 20px; border-radius: 16px; background: var(--card); box-shadow: var(--shadow); display: grid; gap: 10px; }
.remote-support h2 { margin: 0; font-size: 17px; }
.remote-support p { margin: 0; }