/* ===================================================================
   O BLOCO DO "ME AVISE NO CELULAR".

   Discreto de propósito: é uma oferta, não um aviso. Quem veio aqui
   veio responder um caso, e a oferta não pode disputar com ele.
   =================================================================== */
.pqm-ac{
  border:1px solid var(--tan-500, #dcbd90); border-radius:12px;
  background:var(--cream-200, #f6ecda); padding:14px 16px; margin:16px 0;
}
.pqm-ac-tit{
  font:700 14px/1.35 Georgia,serif; color:var(--brown-800, #4a2c1d);
  margin:0 0 6px;
}
.pqm-ac-txt{
  font-size:13px; line-height:1.55; color:var(--brown-700, #5c3a26);
  margin:0;
}
.pqm-ac-txt b{ color:var(--brown-900, #3a2318); }
/* 44px como todo alvo de toque deste aplicativo: isto se usa com uma
   mão só, com pressa. */
.pqm-ac-btn{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; margin-top:11px; padding:11px 17px;
  border:1px solid var(--brown-700, #5c3a26);
  background:var(--brown-700, #5c3a26); color:var(--cream-100, #fbf6ec);
  border-radius:10px; font:600 13.5px/1 -apple-system,Segoe UI,Roboto,sans-serif;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.pqm-ac-btn:hover{ background:var(--brown-800, #4a2c1d); }
.pqm-ac-btn-2{
  background:transparent; color:var(--brown-700, #5c3a26);
}
.pqm-ac-btn-2:hover{ background:var(--cream-300, #efe1c8); }

/* Na impressão o bloco não vai junto: ele é um botão, e botão não se
   imprime. */
@media print{ .pqm-ac{ display:none; } }

/* ===================================================================
   A OFERTA CURTA — a faixa da tela inicial e o convite de depois de
   responder um caso.

   Ela é uma LINHA, e não um cartão: no lugar onde entra, um cartão
   empurraria o que a pessoa foi buscar. A forma é a mesma da faixa do
   período de teste e da dica de instalar, que já moram ali embaixo —
   três coisas com o mesmo peso visual, e nenhuma delas disputando com
   o acervo.
   =================================================================== */
.faixa-aviso{
  margin:14px 0 0; padding:11px 13px;
  border:1px solid var(--tan-400, #e4cfae); border-radius:10px;
  background:var(--cream-200, #f6ecda);
  font-size:12.8px; line-height:1.6; color:var(--brown-700, #5c3a26);
}
.faixa-aviso.oculto{ display:none; }
.faixa-aviso b{ color:var(--brown-900, #3a2318); }

/* O CONVITE DE DEPOIS DE RESPONDER usa a mesma linha, com a borda do
   lado esquerdo marcada: ali ele é resposta a uma coisa que acabou de
   acontecer, e não um recado permanente da tela. */
.pqm-ac-convite{
  margin:16px 0; padding:12px 14px;
  border:1px solid var(--tan-400, #e4cfae);
  border-left:3px solid var(--brown-700, #5c3a26);
  border-radius:0 10px 10px 0;
  background:var(--cream-200, #f6ecda);
  font-size:13px; line-height:1.6; color:var(--brown-700, #5c3a26);
}
.pqm-ac-convite.oculto{ display:none; }
.pqm-ac-convite b{ color:var(--brown-900, #3a2318); }

/* O BOTÃO DA LINHA. Continua com 44px de altura de toque — o piso do
   aplicativo inteiro —, mas o padding vertical é menor para ele não
   engordar a faixa: a altura vem do min-height, e não do texto. */
.pqm-ac-mini{
  display:inline-flex; align-items:center; justify-content:center;
  min-height:44px; padding:6px 14px; margin:2px 0;
  border:1px solid var(--brown-700, #5c3a26);
  background:var(--brown-700, #5c3a26); color:var(--cream-100, #fbf6ec);
  border-radius:9px; font:600 13px/1 -apple-system,Segoe UI,Roboto,sans-serif;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.pqm-ac-mini:hover{ background:var(--brown-800, #4a2c1d); }
.pqm-ac-mini[disabled]{ opacity:.6; cursor:default; }

/* "AGORA NÃO" É UM LINK, e não um segundo botão: recusar tem de ser
   fácil e não pode ter o mesmo peso de aceitar. Mas continua com alvo
   de 44px, porque é tocado com o polegar como tudo aqui. */
.pqm-ac-nao{
  display:inline-flex; align-items:center; min-height:44px;
  padding:0 8px; color:var(--brown-600, #6b4630);
  font-size:12.5px; text-decoration:underline;
}

@media print{ .faixa-aviso, .pqm-ac-convite{ display:none; } }