/* ZapLead - override da marca (verde WhatsApp) sobre o design system */
:root{
  --accent:#16A34A;
  --accent-soft:rgba(22,163,74,.09);
  --accent-hover:#128a3e;
}
[data-theme="dark"]{
  --accent-soft:rgba(22,163,74,.16);
  --accent-hover:#22c55e;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){ --accent-soft:rgba(22,163,74,.16); }
}
.input:focus,.form-input:focus{ box-shadow:0 0 0 3px var(--accent-soft); }

/* logo padrao do ZapLead (sidebar e topo) */
.zl-logo{display:flex;align-items:center;gap:8px;font-family:'Outfit',sans-serif;font-weight:800;font-size:16px;color:var(--text);text-decoration:none}
.zl-logo .dot{width:26px;height:26px;border-radius:7px;background:var(--whatsapp);color:#fff;display:inline-flex;align-items:center;justify-content:center}
.zl-logo .dot i{width:15px;height:15px}
.zl-logo .lead{color:var(--accent)}
.zl-logo:hover,.zl-logo:hover .lead{text-decoration:none}

/* pills de origem reutilizaveis */
.pill-meta{background:rgba(37,99,235,.14);color:var(--meta)}
.pill-wa{background:rgba(37,211,102,.16);color:#1a9e4b}
.pill-ig{background:rgba(234,64,95,.14);color:#E4405F}
.text-right{text-align:right}

/* bloco de codigo (snippet) */
.code{background:#0d1117;color:#c9d1d9;border-radius:var(--radius);padding:16px 18px;font-family:'Space Mono',monospace;font-size:11.5px;line-height:1.7;position:relative;border:1px solid #1e2330;white-space:pre-wrap;word-break:break-all}

/* ===== Topo mobile + hamburguer (navegacao no celular) ===== */
.mob-top{display:none}
.sb-overlay{display:none}
@media (max-width:768px){
  .mob-top{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    position:sticky;top:0;z-index:250;background:var(--bg2);
    border-bottom:1px solid var(--border);padding:10px 16px;
  }
  .mob-top .hamb{
    background:transparent;border:1px solid var(--border);border-radius:var(--radius);
    padding:7px 9px;cursor:pointer;color:var(--text);display:inline-flex;align-items:center;
  }
  .mob-top .hamb i{width:20px;height:20px}
  .sb-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:290}
  .sb-overlay.on{display:block}
  .sidebar{z-index:300;box-shadow:var(--shadow-lg)}
  .content{padding:16px}
  .pagina-titulo{font-size:19px}
  .pagina-header{gap:10px}
}

/* ===== Polimentos de consistencia ===== */
.pagina-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.table-scroll{ -webkit-overflow-scrolling:touch }
@media (max-width:560px){
  .kpi-valor{font-size:22px}
  .btn{padding:8px 13px}
}