/* Seção Protótipos — isolamento visual da prévia cliente, sem afetar o resto do ADM. */
#proto-root{position:relative;margin:0 -2px}
#proto-root .proto-banner{
  display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
  background:var(--accent-weak);color:var(--accent-ink);border-radius:10px;padding:10px 12px;
  font-size:12px;font-weight:600;margin-bottom:14px
}
#proto-root .proto-banner .link, #proto-root .proto-banner button.link{
  background:none;border:0;color:var(--accent-ink);font-weight:700;cursor:pointer;padding:0;text-decoration:underline
}
#proto-root.narrow{max-width:420px;margin-left:auto;margin-right:auto}
#proto-root.pkgs{max-width:100%;padding-bottom:110px}
#proto-root .logo-tile.sm{margin:8px auto 10px}
#proto-root h1{font-size:22px;margin:0 0 6px;text-align:center}
#proto-root .proto-note{
  background:var(--inset);border-radius:8px;padding:10px 12px;font-size:12px;color:var(--sec);margin:12px 0 16px
}
#proto-root .wa-preview{
  background:#fff;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font-size:13px;
  white-space:pre-wrap;text-align:left;margin:12px 0;box-shadow:var(--shadow)
}
@media(min-width:820px){
  .admin:has(#proto-root){max-width:900px}
}