.wagrupos { max-width:1400px; margin:0 auto; }
.wagrupos__header { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; padding-bottom:1.25rem; margin-bottom:1.25rem; border-bottom:1px solid var(--border); }
.wagrupos__header h1 { margin:0; font-family:var(--font-display); font-size:1.75rem; }
.wagrupos__header p { margin:.35rem 0 0; max-width:760px; color:var(--text-muted); line-height:1.5; }
.wagrupos__badge { padding:.45rem .75rem; border-radius:var(--r-pill); background:rgba(34,197,94,.12); color:#4ade80; font-size:.76rem; font-weight:750; white-space:nowrap; }
.wagrupos__card { margin-bottom:1rem; padding:1.2rem; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--panel-bg); }
.wagrupos__passo { display:flex; align-items:center; gap:.75rem; margin-bottom:1rem; }
.wagrupos__passo > span { display:grid; place-items:center; width:2rem; height:2rem; flex:none; border-radius:50%; background:var(--accent); color:#fff; font-weight:800; }
.wagrupos__passo div { display:flex; flex-direction:column; gap:.12rem; }
.wagrupos__passo small { color:var(--text-muted); }
.wagrupos__conexao { display:flex; align-items:flex-end; gap:.65rem; flex-wrap:wrap; }
.wagrupos__conexao label,.wagrupos__importacao > label:first-child { display:flex; flex:1 1 300px; flex-direction:column; gap:.35rem; color:var(--text-muted); font-size:.75rem; font-weight:700; }
.wagrupos__contas-topo { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.wagrupos__contas-topo > div:first-child { display:grid; gap:.2rem; }
.wagrupos__contas-topo > div:first-child strong { color:var(--text); font-size:.88rem; }
.wagrupos__contas-topo > div:first-child small { color:var(--text-muted); font-size:.72rem; }
.wagrupos__contas-topo > div:last-child { display:flex; gap:.55rem; flex-wrap:wrap; }
.wagrupos__contas { grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:.85rem; margin:0; }
.wagrupos__conta-card { gap:.7rem; min-height:245px; padding:1.2rem; border-color:var(--border); background:var(--panel-bg); cursor:default; }
.wagrupos__conta-card .whatsapp-conta-card__avatar { width:58px; height:58px; }
.wagrupos__conta-card .whatsapp-conta-card__acoes { grid-template-columns:repeat(2,minmax(0,1fr)); }
.wagrupos__conta-card.whatsapp-conta-card--selecionada { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.wagrupos__conta-card.whatsapp-conta-card--selecionada::before { background:var(--accent); }
.wagrupos__conta-card button:disabled { cursor:not-allowed; opacity:.5; }
.wagrupos__contas-barra { position:static; margin:1rem 0 0; padding:.8rem 1rem; border:1px solid var(--border); border-radius:var(--r-sm); }
.wagrupos__extracao-topo { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; padding:.85rem 1rem; border:1px solid var(--border); border-radius:var(--r-lg); background:var(--panel-bg); }
.wagrupos__conta-ativa { display:flex; align-items:center; gap:.7rem; min-width:0; }
.wagrupos__conta-ativa-avatar { display:grid; place-items:center; overflow:hidden; flex:0 0 42px; width:42px; height:42px; border-radius:50%; background:linear-gradient(135deg,var(--accent),#25d366); color:#fff; font-weight:800; }
.wagrupos__conta-ativa-avatar img { width:100%; height:100%; object-fit:cover; }
.wagrupos__conta-ativa > span:last-child { display:grid; gap:.15rem; min-width:0; }
.wagrupos__conta-ativa strong,.wagrupos__conta-ativa small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wagrupos__conta-ativa strong { color:var(--text); font-size:.82rem; }
.wagrupos__conta-ativa small { color:var(--text-muted); font-size:.68rem; }
.wagrupos__config-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr); align-items:start; gap:1rem; }
.wagrupos__config-grid > .wagrupos__card { height:100%; min-height:560px; }
.wagrupos__grupos-card .wagrupos__grupos { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:365px; }
.wagrupos select,.wagrupos input[type="search"],.wagrupos__importacao input[type="text"],#wag-tag { min-height:2.6rem; padding:.65rem .75rem; border:1px solid var(--border-strong); border-radius:var(--r-sm); outline:0; background:var(--bg); color:var(--text); font:inherit; }
.wagrupos select:focus,.wagrupos input:focus { border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); }
.wagrupos__status { margin-top:.8rem; color:var(--text-muted); font-size:.8rem; }
.wagrupos > .wagrupos__status { margin:-.35rem 0 1rem; }
.wagrupos__qr { display:flex; align-items:center; gap:1rem; margin-top:1rem; padding:1rem; border:1px solid var(--border); border-radius:var(--r-sm); background:#fff; color:#161616; }
.wagrupos__qr img { width:210px; height:210px; object-fit:contain; }
.wagrupos__qr div { display:flex; flex-direction:column; gap:.4rem; }
.wagrupos__qr span { max-width:420px; color:#555; line-height:1.5; }
.wagrupos__ferramentas { display:flex; gap:.55rem; flex-wrap:wrap; margin-bottom:.85rem; }
.wagrupos__ferramentas input { flex:1 1 280px; }
.wagrupos__grupos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.6rem; max-height:420px; overflow:auto; }
.wagrupos__grupo { display:flex; align-items:center; gap:.65rem; padding:.75rem; border:1px solid var(--border); border-radius:var(--r-sm); cursor:pointer; background:var(--elevado); }
.wagrupos__grupo:hover { border-color:var(--border-strong); }
.wagrupos__grupo div { min-width:0; }
.wagrupos__grupo strong,.wagrupos__grupo small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wagrupos__grupo small { margin-top:.2rem; color:var(--text-muted); }
.wagrupos__rodape-grupos,.wagrupos__importar,.wagrupos__resumo { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-top:1rem; color:var(--text-muted); font-size:.8rem; flex-wrap:wrap; }
.wagrupos__importacao { display:flex; align-items:flex-end; gap:1rem; flex-wrap:wrap; margin-bottom:1rem; }
.wagrupos__tags-card .wag-tag-picker { width:100%; border-color:var(--border); background:var(--panel-bg); box-shadow:none; }
.wagrupos__tags-card .wag-tag-picker .ig-add-tag input { color:var(--text); border:1px solid var(--border-strong); background:var(--bg); font:inherit; }
.wagrupos__autorizacao { display:flex; align-items:flex-start; gap:.5rem; flex:2 1 440px; color:var(--text-muted); font-size:.78rem; line-height:1.45; }
.wagrupos__importacao small { color:var(--text-fraco); font-size:.68rem; font-weight:400; }
.wagrupos__tags { display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.15rem; }
.wagrupos__tag { padding:.25rem .5rem; border:1px solid var(--border); border-radius:var(--r-pill); background:transparent; color:var(--text-muted); font:inherit; font-size:.68rem; cursor:pointer; }
.wagrupos__tag:hover,.wagrupos__tag.is-ativa { border-color:var(--accent); color:var(--accent-texto); background:var(--accent-soft); }
.wagrupos__resumo input[type="search"] { min-width:260px; margin-left:auto; }
.wagrupos__tabela-wrap { max-height:480px; overflow:auto; border:1px solid var(--border); border-radius:var(--r-sm); }
.wagrupos__tabela { width:100%; border-collapse:collapse; font-size:.8rem; }
.wagrupos__tabela th { position:sticky; top:0; z-index:2; padding:.7rem; background:var(--elevado); color:var(--text-muted); text-align:left; }
.wagrupos__tabela td { padding:.7rem; border-top:1px solid var(--border); color:var(--text-muted); }
.wagrupos__contato { display:flex; align-items:center; gap:.6rem; min-width:190px; }
.wagrupos__contato > span:last-child { display:grid; gap:.12rem; min-width:0; }
.wagrupos__contato strong,.wagrupos__contato small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wagrupos__contato strong { max-width:180px; color:var(--text); font-size:.76rem; }
.wagrupos__contato small { color:var(--text-fraco); font-size:.62rem; }
.wagrupos__participante-avatar { position:relative; display:grid; place-items:center; overflow:hidden; flex:0 0 38px; width:38px; height:38px; border-radius:50%; background:linear-gradient(135deg,#dbeafe,#dcfce7); color:#166534; font-size:.74rem; }
.wagrupos__participante-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.wagrupos__numero { color:var(--text); font-family:var(--font-mono); white-space:nowrap; }
.wagrupos__admin { padding:.2rem .4rem; border-radius:var(--r-pill); background:rgba(245,158,11,.12); color:#fbbf24; font-size:.68rem; }
.wagrupos__feedback { position:sticky; bottom:1rem; z-index:8; margin-top:1rem; padding:.8rem 1rem; border:1px solid var(--border); border-radius:var(--r-sm); background:var(--elevado); color:var(--text); box-shadow:var(--shadow-lg); }
.wagrupos__feedback.is-erro { border-color:rgba(239,68,68,.45); color:#f87171; }
.wacontatos__agenda-card .wagrupos__tabela-wrap { max-height:430px; }
.wacontatos__agenda-card .wagrupos__resumo { margin:.2rem 0 .8rem; }
.wacontatos__importar { display:grid; gap:.8rem; }
.wacontatos__importar .wagrupos__importar { margin-top:0; }
.wacontatos .ig-tags-search input,
.wacontatos .ig-tags-search input:hover,
.wacontatos .ig-tags-search input:focus,
.wacontatos .ig-tags-search input:focus-visible {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
.wacontatos .ig-add-tag input,
.wacontatos .ig-add-tag input:hover,
.wacontatos .ig-add-tag input:focus,
.wacontatos .ig-add-tag input:focus-visible {
  border:1px solid var(--border-strong) !important;
  outline:0 !important;
  box-shadow:none !important;
}
.waconversas__situacao { display:inline-flex; padding:.25rem .5rem; border-radius:var(--r-pill); background:rgba(34,197,94,.12); color:#15803d; font-size:.68rem; font-weight:700; }
.waconversas__situacao.is-arquivada { background:rgba(100,116,139,.14); color:#64748b; }
.waconversas #wcv-filtro { min-width:145px; }
.waconversas__historico-aviso { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.75rem 0; padding:.85rem; border:1px solid rgba(245,158,11,.42); border-radius:var(--r-sm); background:rgba(245,158,11,.08); }
.waconversas__historico-aviso > div { display:grid; gap:.2rem; }
.waconversas__historico-aviso strong { color:var(--text); font-size:.78rem; }
.waconversas__historico-aviso span { color:var(--text-muted); font-size:.7rem; line-height:1.4; }
@media (max-width:1150px) { .wagrupos__config-grid { grid-template-columns:1fr; }.wagrupos__config-grid > .wagrupos__card { min-height:0; } }
@media (max-width:1000px) { .wagrupos__grupos,.wagrupos__grupos-card .wagrupos__grupos { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:680px) {
  .wagrupos__header { flex-direction:column; }
  .wagrupos__contas-topo { align-items:stretch; flex-direction:column; }
  .wagrupos__contas-topo > div:last-child { display:grid; grid-template-columns:1fr; }
  .wagrupos__extracao-topo { align-items:stretch; flex-direction:column; }
  .wagrupos__grupos,.wagrupos__grupos-card .wagrupos__grupos { grid-template-columns:1fr; }
  .wagrupos__qr { flex-direction:column; text-align:center; }
  .wagrupos__qr img { width:180px; height:180px; }
  .wagrupos__resumo input[type="search"] { width:100%; min-width:0; }
}