/* Chat App Brasil — balão de carrinho e escolha do campo.
   Prefixo wlp-balao/wlp-picker e regras fechadas para o tema não vazar para dentro. */
.wlp-balao{position:fixed;z-index:2147483000;box-sizing:border-box;width:360px;max-width:calc(100vw - 16px);background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.2);padding:18px 18px 16px;font:15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;text-align:left;--wlp-seta:50%;--wlp-cor:#417087}
.wlp-balao *,.wlp-balao *::before,.wlp-balao *::after{box-sizing:border-box}
/* setinha: em cima apontando para o botão; embaixo quando o balão abre acima dele */
.wlp-balao::before{content:"";position:absolute;left:var(--wlp-seta);top:-8px;width:14px;height:14px;margin-left:-7px;background:#fff;border-left:1px solid #d1d5db;border-top:1px solid #d1d5db;transform:rotate(45deg)}
.wlp-balao--acima::before{top:auto;bottom:-8px;border:0;border-right:1px solid #d1d5db;border-bottom:1px solid #d1d5db}
.wlp-balao--solto::before{display:none}
.wlp-balao p{margin:0;padding:0;font:inherit;color:inherit}
.wlp-balao .wlp-balao-titulo{font-weight:700;font-size:16px;line-height:1.3;padding-right:28px;color:#111827}
.wlp-balao .wlp-balao-texto{margin-top:4px;font-size:13.5px;color:#4b5563}
.wlp-balao .wlp-balao-form{margin:12px 0 0;padding:0}
.wlp-balao .wlp-balao-rotulo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wlp-balao .wlp-balao-campo{display:block;width:100%;min-height:46px;margin:0;padding:0 14px;border:1px solid #9ca3af;border-radius:10px;background:#fff;color:#111827;font:16px/1.2 inherit;font-family:inherit;box-shadow:none;outline:none}
.wlp-balao .wlp-balao-campo:focus{border-color:var(--wlp-cor);box-shadow:0 0 0 3px rgba(65,112,135,.2)}
.wlp-balao .wlp-balao-campo[aria-invalid="true"]{border-color:#b91c1c}
.wlp-balao .wlp-balao-msg{min-height:0;margin-top:6px;font-size:13px;color:#b91c1c}
.wlp-balao .wlp-balao-msg:empty{display:none}
.wlp-balao--ok .wlp-balao-msg{color:#166534;font-weight:600}
.wlp-balao .wlp-balao-acoes{display:flex;align-items:center;gap:8px;margin-top:10px}
.wlp-balao button{all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit}
.wlp-balao button:focus-visible{outline:2px solid #111827;outline-offset:2px}
.wlp-balao .wlp-balao-ok{flex:1 1 auto;min-height:44px;padding:0 18px;border-radius:10px;background:var(--wlp-cor);color:#fff;font-weight:700;font-size:15px;text-align:center;display:inline-flex;align-items:center;justify-content:center}
.wlp-balao .wlp-balao-ok:disabled{opacity:.6;cursor:wait}
.wlp-balao .wlp-balao-nao{min-height:44px;padding:0 12px;color:#374151;font-size:14px;text-decoration:underline;display:inline-flex;align-items:center}
.wlp-balao .wlp-balao-x{position:absolute;top:8px;right:8px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;color:#6b7280}
.wlp-balao .wlp-balao-x:hover{background:#f3f4f6;color:#111827}
.wlp-balao--ok .wlp-balao-form .wlp-balao-campo,.wlp-balao--ok .wlp-balao-acoes{display:none}

/* Escolha do campo de telefone (só administrador) */
.wlp-picker-barra{position:fixed;left:0;right:0;top:0;z-index:2147483001;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;background:#0b141f;color:#fff;font:600 15px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wlp-picker-barra a{color:#fff;text-decoration:underline;font-weight:500}
.wlp-picker-barra.wlp-picker-ok{background:#417087}
.admin-bar .wlp-picker-barra{top:32px}
.wlp-picker-alvo{outline:3px solid #f59e0b !important;outline-offset:2px !important;cursor:pointer !important}
.wlp-balao .wlp-balao-consent{margin:10px 0 0;font-size:12px;line-height:1.4;color:#6b7280}
.wlp-balao .wlp-balao-consent a{color:inherit;text-decoration:underline}
.wlp-balao--ok .wlp-balao-consent{display:none}
.wlp-car-optin{display:flex;gap:8px;align-items:flex-start;margin:8px 0 12px;font-size:14px;line-height:1.4;cursor:pointer}
.wlp-car-optin input{margin-top:3px}
