/* Cartões de permissão/pergunta sobre o terminal — ver aprovacoes.js. Tokens do index.html. */

#aprovacoes {
  position:absolute; z-index:30; left:50%; bottom:14px; transform:translateX(-50%);
  width:min(560px, calc(100% - 24px)); display:flex; flex-direction:column; align-items:center; gap:8px;
  pointer-events:none;
}
#aprovacoes[hidden] { display:none; }
#aprovacoes > * { pointer-events:auto; }

.ap-cartao {
  width:100%; display:flex; flex-direction:column; gap:10px; padding:14px 14px 12px; border-radius:16px;
  background:var(--vidro-denso); border:1px solid rgba(245,181,68,.45);
  -webkit-backdrop-filter:var(--desfoque); backdrop-filter:var(--desfoque);
  box-shadow:var(--vidro-topo), 0 18px 48px rgba(0,0,0,.55), 0 0 0 4px rgba(245,181,68,.08);
  animation:ap-entra .22s ease-out;
}
.ap-cartao.ap-pergunta { border-color:rgba(56,189,248,.5); box-shadow:var(--vidro-topo), 0 18px 48px rgba(0,0,0,.55), 0 0 0 4px rgba(56,189,248,.08); }
@keyframes ap-entra { from { opacity:0; transform:translateY(10px); } }

.ap-cartao header { display:flex; align-items:center; gap:8px; min-width:0; }
.ap-ic { font-size:15px; }
.ap-cartao header b { font-size:13.5px; font-weight:700; color:var(--text); white-space:nowrap; }
.ap-proj {
  min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--muted);
  padding:2px 8px; border-radius:999px; background:rgba(255,255,255,.05);
}
.ap-recolher {
  margin-left:auto; flex:none; width:28px; height:28px; border-radius:8px; border:none; background:none;
  color:var(--muted); font-size:18px; line-height:1; cursor:pointer;
}
.ap-recolher:hover { color:var(--text); background:rgba(255,255,255,.07); }

.ap-titulo { font-size:13px; color:var(--muted); }
.ap-detalhe {
  margin:0; max-height:140px; overflow:auto; padding:9px 11px; border-radius:10px; white-space:pre-wrap; overflow-wrap:anywhere;
  background:rgba(0,0,0,.35); border:1px solid var(--vidro-brd); color:var(--text);
  font:12.5px/1.45 var(--mono);
}
.ap-pergunta { font-size:14.5px; font-weight:600; color:var(--text); line-height:1.4; }

.ap-botoes { display:flex; flex-direction:column; gap:6px; }
.ap-op {
  display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:10px; text-align:left;
  min-height:42px; padding:8px 10px 8px 13px; border-radius:11px; cursor:pointer;
  border:1px solid var(--vidro-brd); background:rgba(255,255,255,.04); color:var(--text); font:inherit; font-size:13.5px; font-weight:600;
  transition:background .12s, border-color .12s;
}
.ap-op span { min-width:0; overflow-wrap:anywhere; }
.ap-op small { grid-column:1; font-size:12px; font-weight:450; color:var(--muted); margin-top:2px; }
.ap-op kbd {
  grid-row:1 / span 2; grid-column:2; font:11px var(--mono); color:var(--muted);
  border:1px solid var(--vidro-brd); border-radius:6px; padding:1px 6px;
}
.ap-op:hover:not(:disabled) { border-color:rgba(255,255,255,.28); background:rgba(255,255,255,.08); }
.ap-op.prim { background:rgba(45,212,167,.16); border-color:rgba(45,212,167,.5); }
.ap-op.prim:hover:not(:disabled) { background:rgba(45,212,167,.26); }
.ap-op.nao { color:var(--err); }
.ap-op:disabled { opacity:.55; cursor:progress; }
.ap-op:focus-visible, .ap-pilula:focus-visible, .ap-recolher:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
.ap-aviso { font-size:12.5px; color:var(--warn); padding:8px 10px; border-radius:10px; background:rgba(245,181,68,.1); }
.ap-livre { font-size:11.5px; color:var(--muted); }

.ap-outros { display:flex; flex-wrap:wrap; justify-content:center; gap:6px; }
.ap-pilula {
  display:inline-flex; align-items:center; gap:8px; padding:7px 13px; border-radius:999px; cursor:pointer;
  background:var(--vidro-denso); border:1px solid rgba(245,181,68,.45); color:var(--text); font:inherit; font-size:12.5px; font-weight:600;
  -webkit-backdrop-filter:var(--desfoque-leve); backdrop-filter:var(--desfoque-leve); box-shadow:0 8px 24px rgba(0,0,0,.45);
}
.ap-pilula i { width:8px; height:8px; border-radius:50%; background:var(--warn); animation:ap-pulso 1.6s ease-in-out infinite; }
.ap-pilula:hover { border-color:var(--warn); }
@keyframes ap-pulso { 50% { opacity:.3; } }

/* a marca "esperando você" na lateral (o projeto com diálogo aberto) */
.item.esperando .nome::after {
  content:""; display:inline-block; width:8px; height:8px; margin-left:7px; vertical-align:1px; border-radius:50%;
  background:var(--warn); box-shadow:0 0 0 3px rgba(245,181,68,.22); animation:ap-pulso 1.6s ease-in-out infinite;
}

@media (max-width:860px) {
  #aprovacoes { bottom:8px; width:calc(100% - 16px); }
  .ap-cartao { padding:12px 12px 10px; max-height:70vh; overflow-y:auto; }
  .ap-op { min-height:46px; }
  .ap-op kbd { display:none; }
}
@media (prefers-reduced-motion: reduce) { .ap-cartao { animation:none; } .ap-pilula i, .item.esperando .nome::after { animation:none; } }