/* Estilos próprios da área real (login, botão do WhatsApp, conversa estilo WhatsApp Web, leads, menu). */
.login{max-width:440px;margin:70px auto;padding:28px}.login label{display:block;margin-top:18px}.login input{width:100%;margin-top:8px}#error{color:#ffd36e;min-height:1.4em}.notice{color:var(--muted);line-height:1.6}button{cursor:pointer}body:not(.auth) main{margin-left:0}.thread{display:grid;gap:8px}.wa-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:16px;font-weight:600;font-size:15px;letter-spacing:.1px;color:#fff;text-decoration:none;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,rgba(60,224,120,.92) 0%,rgba(28,170,84,.92) 52%,rgba(16,128,62,.95) 100%);box-shadow:0 10px 26px rgba(37,211,102,.28),0 2px 6px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.55),inset 0 -8px 16px rgba(0,60,25,.28);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.wa-btn::before{content:"";position:absolute;left:6%;right:6%;top:0;height:46%;border-radius:0 0 60% 60%/0 0 100% 100%;background:linear-gradient(180deg,rgba(255,255,255,.42),rgba(255,255,255,.04));pointer-events:none}
.wa-btn:hover{transform:translateY(-1px);filter:brightness(1.06);box-shadow:0 14px 32px rgba(37,211,102,.38),0 3px 8px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -8px 16px rgba(0,60,25,.28)}
.wa-btn:active{transform:translateY(0) scale(.985)}.wa-btn svg{width:22px;height:22px;flex:none;filter:drop-shadow(0 1px 1px rgba(0,0,0,.3))}.wa-btn span{position:relative}
.wa-end{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start}.wa-note{color:var(--muted);font-size:12px;margin-top:8px;text-align:left;max-width:320px}.topbar{display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.logo-img{width:38px;height:38px;display:block;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
/* conversa no estilo do WhatsApp Web */
.wa-win{border-radius:18px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);background:#efeae2}
.wa-head{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#f0f2f5;color:#111b21;border-bottom:1px solid #d1d7db}
.wa-avatar{width:40px;height:40px;border-radius:50%;background:#dfe5e7;color:#54656f;display:grid;place-items:center;font-weight:700;flex:none}
.wa-head strong{display:block;font-size:16px;font-weight:500}.wa-head small{color:#667781;font-size:12.5px}
.wa-pins{display:flex;flex-direction:column;gap:8px;padding:12px 16px 0;background:#efeae2 url(wa-bg.svg)}
.wa-postit{align-self:center;max-width:min(86%,620px);background:linear-gradient(180deg,#fff6b8,#ffee8c);color:#3b3000;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.45;box-shadow:0 2px 6px rgba(80,60,0,.25);white-space:pre-wrap;word-break:break-word}
.wa-postit b{display:block;font-size:12px;letter-spacing:.3px;text-transform:uppercase;color:#7a5f00;margin-bottom:3px}
.wa-body{background:#efeae2 url(wa-bg.svg);padding:14px clamp(10px,4vw,56px) 18px;max-height:64vh;min-height:220px;overflow:auto;display:flex;flex-direction:column}
.wa-day{align-self:center;margin:12px 0 8px;background:#fff;color:#54656f;font-size:12.5px;padding:5px 12px;border-radius:8px;box-shadow:0 1px 0 rgba(11,20,26,.13)}
.wa-msg{max-width:min(74%,600px);padding:6px 8px 7px 9px;border-radius:8px;font-size:14.2px;line-height:1.42;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);position:relative;word-break:break-word;margin-top:2px}
.wa-msg.in{align-self:flex-start;background:#fff}.wa-msg.out{align-self:flex-end;background:#d9fdd3}
.wa-msg.first{margin-top:9px}.wa-msg.first.in{border-top-left-radius:0}.wa-msg.first.out{border-top-right-radius:0}
.wa-msg.first.in::before{content:"";position:absolute;top:0;left:-8px;border-style:solid;border-width:0 8px 8px 0;border-color:transparent #fff transparent transparent}
.wa-msg.first.out::before{content:"";position:absolute;top:0;right:-8px;border-style:solid;border-width:0 0 8px 8px;border-color:transparent transparent transparent #d9fdd3}
.wa-who{display:block;font-weight:600;font-size:13.5px;margin-bottom:1px}.wa-txt{white-space:pre-wrap}
.wa-t{float:right;margin:7px 0 -3px 12px;font-size:11px;color:#667781;line-height:1}
.wa-flag{display:block;font-size:12px;color:#667781;font-style:italic;margin-bottom:2px}
.wa-interp{display:block;margin-top:5px;padding-top:5px;border-top:1px dashed rgba(11,20,26,.18);font-size:12.5px;color:#54656f}
.wa-file{display:flex;gap:10px;align-items:center;background:rgba(11,20,26,.06);border-radius:8px;padding:10px 11px;margin:1px 0 4px;color:#111b21;text-decoration:none;min-width:230px}
.wa-file:hover{background:rgba(11,20,26,.1)}.wa-fi{width:34px;height:40px;border-radius:5px;background:#e9524a;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center;flex:none}.wa-fi.g{background:#7a8b94}
.wa-fn{display:block;font-size:14px;line-height:1.3;word-break:break-all}.wa-fm{display:block;font-size:12px;color:#667781;margin-top:2px}
.wa-media{display:block;max-width:100%;width:340px;border-radius:6px;margin:1px 0 4px}
.wa-audio{display:block;width:min(280px,100%);margin:3px 0 4px}
.wa-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:12px 16px;background:#f0f2f5;border-top:1px solid #d1d7db}
.wa-foot .wa-note{margin:0;color:#667781;max-width:none}
@media(max-width:700px){.wa-msg{max-width:88%}.wa-media{width:100%}}
.gate{display:none}body.auth .gate{display:revert}body.auth .gate.flex{display:flex}

/* Senha com olhinho */
.pw-wrap{position:relative;display:block;margin-top:8px}
.login .pw-wrap input{margin-top:0;padding-right:46px}
.pw-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.pw-eye:hover{color:#f4d54a;background:rgba(255,255,255,.06)}

.login .keep{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--muted);cursor:pointer}
.login .keep input{width:auto;margin:0;accent-color:#e5b923}