/* Gate de cadastro pro News público: popup de comentário/reação pra quem
   não tem conta (Arthur, out/2026). Fica separado do portal.css de
   propósito — feature pontual, não é pra crescer o arquivo principal.
   A casca do modal (.report-modal, .rm-head, .rm-actions, .rm-close) é
   reaproveitada de portal.css; aqui só o conteúdo específico do popup e
   os estados "visitante" do formulário de comentário/avatar. */

.comment-form-guest .cf-field textarea{cursor:pointer;background:var(--surface-2)}
.comment-form-guest .cf-field textarea::placeholder{color:var(--ink-faint)}
.comment-form-guest .btn-primary{cursor:pointer}

.avatar-guest{
  display:grid;place-items:center;background:var(--surface-2);color:var(--ink-faint);
  border:1px dashed var(--line);
}
.avatar-guest svg{width:55%;height:55%}

.react-card[data-authed="0"] .react-btn{cursor:pointer}

.ns-modal{max-width:480px}
.ns-body{padding:0 22px 22px}
.ns-perks{display:flex;flex-direction:column;gap:10px;margin:4px 0 20px}
.ns-perk{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--ink-soft);line-height:1.45}
.ns-perk svg{flex-shrink:0;margin-top:2px;color:var(--brand)}
.ns-actions{display:flex;flex-direction:column;gap:10px}
.ns-actions .btn-primary{width:100%;text-align:center;justify-content:center}
.ns-login{text-align:center;font-size:12.5px;color:var(--ink-faint)}
.ns-login a{color:var(--brand);font-weight:600}

@media (max-width:760px){
  .ns-modal{width:min(420px,calc(100vw - 32px))}
}