/* v6.4 — avisos da equipe, e-mails do espaco (remetente e fila), dominio
   proprio da agenda, a API (chave e webhook) e a documentacao da API. */

/* ---- avisos da equipe ---- */
.avs-lista{ display:flex; flex-direction:column; gap:.75rem; margin:0 0 1rem; }
.avs-pessoa{ border:1px solid var(--ps-border); border-radius:var(--ps-r); padding:.8rem .95rem; background:var(--ps-surface);
  display:grid; grid-template-columns:minmax(12rem, 16rem) 1fr; gap:.75rem 1.25rem; align-items:start; }
.avs-quem{ display:flex; flex-wrap:wrap; align-items:center; gap:.3rem .5rem; min-width:0; }
.avs-quem b{ font-size:.95rem; color:var(--ps-ink); overflow-wrap:anywhere; }
.avs-email{ flex-basis:100%; font-size:.8rem; color:var(--ps-ink-3); overflow-wrap:anywhere; }
.avs-grupos{ display:grid; grid-template-columns:repeat(auto-fit, minmax(11rem, 1fr)); gap:.6rem 1rem; }
.avs-grupo{ display:flex; flex-direction:column; gap:.3rem; min-width:0; }
.avs-grupo-t{ font-size:.72rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:var(--ps-ink-3); }
.avs-check{ font-size:.88rem; margin:0; }
.avs-sem{ display:inline-flex; align-items:center; gap:.3rem; font-size:.82rem; color:var(--ps-ink-3); }
.avs-sem svg{ width:.85rem; height:.85rem; }
@media (max-width:760px){ .avs-pessoa{ grid-template-columns:1fr; } }

/* ---- e-mails: remetente ---- */
.eml-agora{ display:flex; flex-wrap:wrap; align-items:center; gap:.5rem; }
.eml-agora .ps-label{ margin:0; }

/* ---- e-mails: a fila ---- */
.eml-filtros{ display:flex; flex-wrap:wrap; gap:.5rem; align-items:center; }
.eml-filtros .ps-input{ flex:1 1 14rem; max-width:24rem; }
.eml-filtros .ps-select{ flex:0 1 12rem; width:auto; }
.eml-lista{ display:flex; flex-direction:column; border:1px solid var(--ps-border); border-radius:var(--ps-r); overflow:hidden; }
.eml-item{ display:flex; gap:.75rem 1rem; justify-content:space-between; align-items:flex-start; padding:.7rem .9rem;
  border-top:1px solid var(--ps-border); background:var(--ps-surface); }
.eml-item:first-child{ border-top:0; }
.eml-item-main{ display:flex; flex-direction:column; gap:.12rem; min-width:0; }
.eml-para{ font-weight:600; font-size:.9rem; color:var(--ps-ink); overflow-wrap:anywhere; }
.eml-assunto{ font-size:.86rem; color:var(--ps-ink-2); overflow-wrap:anywhere; }
.eml-meta{ font-size:.78rem; color:var(--ps-ink-3); }
.eml-erro{ font-size:.8rem; color:#c01d1d; overflow-wrap:anywhere; }
[data-bs-theme="dark"] .eml-erro{ color:#fca5a5; }
.eml-item-st{ display:flex; flex-direction:column; align-items:flex-end; gap:.4rem; flex:none; }
@media (max-width:600px){
  .eml-item{ flex-direction:column; }
  .eml-item-st{ flex-direction:row; align-items:center; }
}

/* ---- linha de campo + botao (dominio, IPs, webhook, nome da chave) ---- */
.dom-linha{ display:flex; gap:.5rem; align-items:stretch; }
.dom-linha .ps-input{ flex:1 1 auto; min-width:0; }
.dom-linha .btn{ flex:none; }
@media (max-width:520px){ .dom-linha{ flex-direction:column; } }

/* ---- dominio: o passo a passo ---- */
.dom-passos{ list-style:none; margin:1rem 0 0; padding:0; }
.dom-passo{ display:flex; gap:.8rem; padding:.85rem 0; border-top:1px solid var(--ps-border); }
.dom-passo:first-child{ border-top:0; padding-top:.2rem; }
.dom-ic{ flex:none; width:1.9rem; height:1.9rem; display:grid; place-items:center; border-radius:50%;
  border:1px solid var(--ps-border); background:var(--ps-surface-2); color:var(--ps-ink-3); font-size:.8rem; font-weight:700; }
.dom-ic svg{ width:1rem; height:1rem; }
.dom-passo.is-ok .dom-ic{ background:rgba(0,176,131,.14); color:#00815f; border-color:rgba(0,176,131,.3); }
.dom-passo.is-andando .dom-ic{ background:rgba(245,158,11,.16); color:#b45309; border-color:rgba(245,158,11,.3); }
.dom-passo.is-voce .dom-ic, .dom-passo.is-erro .dom-ic{ background:rgba(245,71,107,.1); color:#c01d1d; border-color:rgba(245,71,107,.3); }
[data-bs-theme="dark"] .dom-passo.is-ok .dom-ic{ color:#3ee5b4; }
[data-bs-theme="dark"] .dom-passo.is-andando .dom-ic{ color:#fbbf24; }
[data-bs-theme="dark"] .dom-passo.is-erro .dom-ic, [data-bs-theme="dark"] .dom-passo.is-voce .dom-ic{ color:#fca5a5; }
.dom-txt{ display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.dom-tit{ font-size:.92rem; font-weight:600; color:var(--ps-ink); }
.dom-passo.is-espera .dom-tit{ color:var(--ps-ink-3); font-weight:500; }
.dom-sub{ font-size:.83rem; color:var(--ps-ink-2); line-height:1.5; }
.dom-dns{ margin:0; }
.dom-dns td{ padding:.35rem .6rem; }
.dom-dns td:first-child{ color:var(--ps-ink-3); width:7rem; }
.dom-dns code{ overflow-wrap:anywhere; }
.dom-link{ overflow-wrap:anywhere; }

/* ---- API ---- */
.api-novo .ps-fat-url{ font-family:ui-monospace, Menlo, Consolas, monospace; font-size:.82rem; }
.api-dados{ display:grid; grid-template-columns:max-content 1fr; gap:.35rem 1rem; margin:0; font-size:.9rem; }
.api-dados dt{ color:var(--ps-ink-3); font-weight:500; }
.api-dados dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.api-perms, .api-entregas, .api-equipe{ list-style:none; margin:0 0 .75rem; padding:0; }
.api-perms li, .api-entregas li, .api-equipe li{ display:flex; flex-wrap:wrap; gap:.4rem .75rem; align-items:center; justify-content:space-between;
  padding:.5rem 0; border-top:1px solid var(--ps-border); font-size:.9rem; }
.api-perms li:first-child, .api-entregas li:first-child, .api-equipe li:first-child{ border-top:0; }
.api-equipe li > span{ min-width:0; overflow-wrap:anywhere; }
.api-pre{ font-size:.8rem; white-space:pre-wrap; overflow-wrap:anywhere; }

/* ---- documentacao da API (pagina aberta, fora do painel) ---- */
body.apidoc{ background:var(--ps-bg, #fff); color:var(--ps-ink, #111117); margin:0; }
.apidoc-top{ position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:.75rem; padding:.8rem clamp(1rem, 4vw, 2rem);
  background:var(--ps-surface, #fff); border-bottom:1px solid var(--ps-border, #e6e7eb); }
.apidoc-logo{ display:inline-flex; align-items:center; color:inherit; }
.apidoc-tag{ font-size:.75rem; font-weight:600; padding:.15rem .5rem; border-radius:999px; background:var(--ps-surface-2, #f5f5f6); color:var(--ps-ink-2, #5f6472); }
.apidoc-lang{ margin-left:auto; display:flex; gap:.25rem; }
.apidoc-lang a{ font-size:.8rem; padding:.2rem .5rem; border-radius:8px; color:var(--ps-ink-2, #5f6472); text-decoration:none; }
.apidoc-lang a.is-on{ background:var(--ps-surface-2, #f5f5f6); color:var(--ps-ink, #111117); font-weight:600; }
.apidoc-wrap{ display:grid; grid-template-columns:13rem minmax(0, 1fr); gap:2rem; max-width:72rem; margin:0 auto; padding:1.5rem clamp(1rem, 4vw, 2rem) 4rem; }
.apidoc-toc{ position:sticky; top:4.5rem; align-self:start; display:flex; flex-direction:column; gap:.15rem; }
.apidoc-toc a{ font-size:.86rem; padding:.3rem .5rem; border-radius:8px; color:var(--ps-ink-2, #5f6472); text-decoration:none; }
.apidoc-toc a:hover{ background:var(--ps-surface-2, #f5f5f6); color:var(--ps-ink, #111117); }
.apidoc-main{ min-width:0; }
.apidoc-main section{ padding:0 0 1.75rem; scroll-margin-top:5rem; }
.apidoc-main h1{ font-size:clamp(1.6rem, 3vw, 2.1rem); margin:0 0 .5rem; }
.apidoc-main h2{ font-size:1.25rem; margin:0 0 .6rem; padding-top:.5rem; border-top:1px solid var(--ps-border, #e6e7eb); }
.apidoc-lead{ font-size:1.05rem; color:var(--ps-ink-2, #5f6472); }
.apidoc-main p, .apidoc-main li{ line-height:1.65; }
.apidoc-main code{ font-size:.86em; overflow-wrap:anywhere; }
.apidoc-pre{ background:#111117; color:#e9eaf2; border-radius:12px; padding:.9rem 1rem; font-size:.8rem; line-height:1.55;
  white-space:pre-wrap; overflow-wrap:anywhere; margin:.5rem 0 1rem; }
.apidoc-pre code{ color:inherit; font-size:inherit; }
.apidoc-rota{ border:1px solid var(--ps-border, #e6e7eb); border-radius:12px; padding:.8rem .95rem; margin:0 0 .75rem; background:var(--ps-surface, #fff); }
.apidoc-rota-h{ display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .6rem; margin:0 0 .35rem; }
.apidoc-rota-h code{ font-size:.92rem; font-weight:600; }
.apidoc-rota p{ margin:0 0 .4rem; font-size:.92rem; }
.apidoc-met{ font-size:.7rem; font-weight:700; letter-spacing:.04em; padding:.15rem .45rem; border-radius:6px; }
.apidoc-met.is-get{ background:rgba(0,176,131,.14); color:#00815f; }
.apidoc-met.is-post{ background:rgba(72,54,236,.12); color:#4836ec; }
.apidoc-perm{ margin-left:auto; font-size:.75rem; color:var(--ps-ink-3, #8a8a96); }
.apidoc-params{ width:100%; border-collapse:collapse; font-size:.86rem; }
.apidoc-params td{ padding:.35rem .5rem; border-top:1px solid var(--ps-border, #e6e7eb); vertical-align:top; }
.apidoc-params tr:first-child td{ border-top:0; }
.apidoc-tipo{ color:var(--ps-ink-3, #8a8a96); white-space:nowrap; font-size:.8rem; }
@media (max-width:860px){
  .apidoc-wrap{ grid-template-columns:1fr; }
  .apidoc-toc{ position:static; flex-direction:row; flex-wrap:wrap; }
  .apidoc-tipo{ white-space:normal; }
}