:root{--chat-bg:#080d12;--chat-card:#101820;--chat-card-2:#151d25;--chat-border:#27313a;--chat-yellow:var(--souto-primary,#0B6BFF);--chat-text:#fff;--chat-muted:#aab4c0;--chat-green:#35d07f;--chat-red:#ef3e4a}*{box-sizing:border-box}.chat-page{width:100%;height:calc(100dvh - 72px);min-height:560px;display:grid;grid-template-columns:minmax(300px,35%) minmax(0,65%);overflow:hidden;background:var(--chat-bg);color:var(--chat-text)}.chat-side{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--chat-card);border-right:1px solid var(--chat-border)}.chat-side-head{padding:20px 18px 16px;border-bottom:1px solid var(--chat-border);background:linear-gradient(180deg,#151d25,#101820)}.chat-side-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.chat-side-title h1{margin:0;font-size:21px;color:#fff!important}.chat-side-title span{font-size:12px;color:var(--chat-muted)}.chat-search-wrap{position:relative}.chat-search-wrap:before{content:'⌕';position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--chat-muted)}.chat-side-head input{width:100%;height:46px;padding:0 14px 0 42px;border:1px solid var(--chat-border)!important;border-radius:13px!important;background:#080d12!important;color:#fff!important;outline:none}.chat-side-head input:focus{border-color:var(--chat-yellow)!important;box-shadow:0 0 0 3px var(--souto-primary,#0B6BFF)18}.chat-side-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.chat-side-actions button{height:42px;border:1px solid var(--chat-border);border-radius:11px;background:var(--chat-card-2);color:#fff;font-weight:800}.chat-side-actions button:first-child{background:var(--chat-yellow);border-color:var(--chat-yellow);color:#111}.chat-list{min-height:0;overflow-y:auto;padding:10px 9px 18px;scrollbar-color:#34404b transparent}.chat-conversation{width:100%;min-height:76px;padding:11px 12px;border:1px solid transparent;border-radius:13px;background:transparent;color:#fff;text-align:left;display:grid;grid-template-columns:48px minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:11px;align-items:center;cursor:pointer}.chat-conversation:hover{background:#151f28;border-color:#202c36}.chat-conversation.active{background:#20220f;border-color:#6b5a00}.chat-avatar{grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#27313a;color:var(--souto-primary,#0B6BFF);font-size:16px;font-weight:900;border:1px solid #394650;position:relative}.chat-avatar.group{border-radius:15px;background:#332d10}.chat-avatar .presence-dot{position:absolute;right:0;bottom:1px;width:12px;height:12px;border-radius:50%;background:var(--chat-green);border:2px solid #101820}.chat-conversation.active .chat-avatar .presence-dot{border-color:#20220f}.chat-conversation b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.chat-conversation small{grid-column:2/3;color:var(--chat-muted)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.chat-conversation time{grid-column:3;grid-row:1;color:#788592;font-size:10px}.chat-unread{grid-column:3;grid-row:2;justify-self:end;min-width:22px;height:22px;padding:0 6px;border-radius:20px;display:grid;place-items:center;background:var(--chat-red);color:#fff;font-size:11px;font-weight:900}.chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr) auto;background:radial-gradient(circle at 60% 10%,#111b24 0,#080d12 46%)}.chat-header{height:72px;padding:0 22px;border-bottom:1px solid var(--chat-border);background:#101820eF;display:flex;align-items:center;justify-content:space-between}.chat-back{display:none;width:36px;height:36px;min-height:36px;padding:0;border:1px solid var(--chat-border);border-radius:50%;background:#151d25;color:#fff;font-size:18px}.chat-contact{display:flex;align-items:center;gap:12px;min-width:0}.chat-header-avatar{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#27313a;color:var(--chat-yellow);font-weight:900}.chat-header h2{margin:0;font-size:17px;color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-sub{font-size:12px;color:var(--chat-muted)}.chat-typing{color:var(--chat-green);font-size:12px;min-height:16px}.chat-header-actions{display:flex;gap:7px}.chat-header-actions button{width:38px;height:38px;min-height:38px;border-radius:50%;padding:0;border:1px solid var(--chat-border);background:#151d25;color:#fff}.chat-messages{min-height:0;overflow-y:auto;padding:24px clamp(16px,4vw,54px);display:flex;flex-direction:column;gap:8px;scrollbar-color:#34404b transparent}.chat-day{align-self:center;margin:8px 0;padding:6px 11px;border:1px solid var(--chat-border);border-radius:20px;background:#101820;color:var(--chat-muted);font-size:11px}.chat-empty{margin:auto;max-width:330px;text-align:center;color:var(--chat-muted);padding:24px}.chat-empty-icon{width:76px;height:76px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;background:#151d25;border:1px solid var(--chat-border);font-size:32px}.chat-message{position:relative;align-self:flex-start;max-width:min(680px,76%);padding:10px 12px 8px;border:1px solid var(--chat-border);border-radius:5px 16px 16px 16px;background:var(--chat-card-2);box-shadow:0 5px 14px #0002}.chat-message.mine{align-self:flex-end;background:#3b350c;border-color:#615712;border-radius:16px 5px 16px 16px}.chat-message.important{border-color:#e8ae00;box-shadow:0 0 0 2px var(--souto-primary,#0B6BFF)13}.chat-message .who{margin-bottom:4px;color:var(--chat-yellow);font-size:11px;font-weight:850}.chat-message p{margin:3px 0 6px;color:#fff!important;white-space:pre-wrap;line-height:1.42;font-size:14px}.chat-message small{display:block;text-align:right;color:#9aa6b2!important;font-size:10px}.chat-reply{margin-bottom:7px;padding:7px 9px;border-left:3px solid var(--chat-yellow);border-radius:7px;background:#080d126e;color:var(--chat-muted);font-size:11px}.chat-image{display:block;max-width:min(330px,100%);max-height:280px;border-radius:10px;margin:5px 0;object-fit:cover}.chat-file{display:flex;align-items:center;gap:8px;margin:5px 0;padding:11px;border:1px solid #36424e;border-radius:10px;background:#080d1288;color:var(--chat-yellow);text-decoration:none}.chat-message audio{width:min(300px,100%);height:40px}.chat-message-actions{display:flex;gap:4px;max-height:0;opacity:0;overflow:hidden;transition:.15s}.chat-message:hover .chat-message-actions,.chat-message:focus-within .chat-message-actions{max-height:40px;opacity:1;margin-top:6px}.chat-message-actions button{min-height:27px;padding:3px 7px;border:1px solid #3a4651;border-radius:8px;background:#101820;color:#fff;font-size:11px}.chat-compose{padding:12px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--chat-border);background:#101820;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 48px;gap:9px;align-items:end}.chat-compose textarea{width:100%;min-height:46px;max-height:120px;resize:none;padding:12px 14px;border:1px solid var(--chat-border)!important;border-radius:15px!important;background:#080d12!important;color:#fff!important;line-height:20px}.chat-compose>button{width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--chat-border);border-radius:50%;background:#151d25;color:#fff;font-size:20px}.chat-compose #send{width:48px;height:48px;background:var(--souto-primary,#0B6BFF)!important;border-color:var(--souto-primary,#0B6BFF)!important;color:#FFFFFF!important}.chat-compose .record.recording{background:#531820;color:#ffabb2}.chat-replying{grid-column:1/-1;padding:8px 11px;border-left:3px solid var(--chat-yellow);border-radius:8px;background:#151d25;color:var(--chat-muted);font-size:12px}.chat-modal{position:fixed;inset:0;z-index:150000;display:grid;place-items:center;padding:16px;background:#020406d9}.chat-dialog{width:min(650px,96vw);max-height:90vh;overflow:auto;padding:22px;border:1px solid var(--chat-border);border-radius:18px;background:#101820;box-shadow:0 24px 80px #000}.chat-user-list{display:grid;gap:7px;margin:14px 0}.chat-user{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--chat-border);border-radius:11px;background:#151d25;color:#fff}.online{color:var(--chat-green)}.chat-global-button{position:fixed;right:22px;bottom:22px;top:auto;z-index:19000;min-width:58px;min-height:56px;padding:13px 18px;border:1px solid #ffe46b;border-radius:999px;background:var(--chat-yellow);color:#111;font-size:15px;font-weight:900;box-shadow:0 12px 32px #000b,0 0 0 4px var(--souto-primary,#0B6BFF)17;cursor:pointer;transition:.18s}.chat-global-button:hover{transform:translateY(-2px)}.chat-global-button.panel-open{opacity:0;visibility:hidden;pointer-events:none;transform:scale(.8)}.chat-global-count{display:none;min-width:22px;height:22px;margin-left:5px;padding:0 6px;border-radius:20px;background:var(--chat-red);color:#fff;place-items:center}.chat-global-count.on{display:inline-grid}.chat-global-toast{position:fixed;right:22px;bottom:92px;z-index:19001;width:min(370px,calc(100vw - 32px));padding:15px;border:1px solid var(--chat-border);border-left:4px solid var(--chat-yellow);border-radius:13px;background:#101820;color:#fff;box-shadow:0 18px 50px #000c;cursor:pointer}.chat-floating-panel{position:fixed;right:22px;bottom:90px;width:min(430px,calc(100vw - 28px));height:min(690px,calc(100dvh - 116px));z-index:18999;overflow:hidden;display:grid;grid-template-rows:58px 1fr;border:1px solid #34404b;border-radius:20px;background:#080d12;box-shadow:0 25px 80px #000e;opacity:0;visibility:hidden;transform:translateY(18px) scale(.97);transform-origin:bottom right;transition:.2s}.chat-floating-panel.open{opacity:1;visibility:visible;transform:none}.chat-floating-panel>header{padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:#101820;border-bottom:1px solid var(--chat-border);color:#fff}.chat-floating-panel>header strong{font-size:15px}.chat-floating-panel>header div{display:flex;gap:7px}.chat-floating-panel>header a,.chat-floating-panel>header button{width:36px;height:36px;min-height:36px;padding:0;display:grid;place-items:center;border:1px solid var(--chat-border);border-radius:50%;background:#151d25;color:#fff;text-decoration:none;font-size:18px}.chat-floating-panel iframe{width:100%;height:100%;border:0;background:#080d12}.chat-embed .topbar{display:none!important}.chat-embed .chat-page{height:100dvh;min-height:0}.chat-embed .chat-global-button,.chat-embed .chat-floating-panel{display:none!important}[hidden]{display:none!important}@media(max-width:760px){.chat-page{display:block;height:calc(100dvh - 60px);min-height:0}.chat-side{display:flex;width:100%;height:100%;max-height:none;border:0}.chat-main{display:none;width:100%;height:100%;min-height:0;grid-template-rows:62px minmax(0,1fr) auto}.chat-conversation-open .chat-side{display:none}.chat-conversation-open .chat-main{display:grid}.chat-conversation-open .chat-back{display:grid;place-items:center}.chat-side-head{padding:12px}.chat-side-title{margin-bottom:10px}.chat-side-actions{grid-template-columns:1fr 1fr}.chat-header{height:62px;padding:0 12px}.chat-messages{padding:14px 10px}.chat-message{max-width:88%}.chat-compose{grid-template-columns:40px minmax(0,1fr) 40px 44px;padding:9px;gap:6px}.chat-compose>button{width:40px;height:40px;min-height:40px}.chat-compose #send{width:44px;height:44px}.chat-floating-panel{inset:0;width:100vw;height:100dvh;border:0;border-radius:0}.chat-global-button{right:14px;bottom:16px}.chat-floating-panel>header{padding-top:env(safe-area-inset-top);min-height:58px}.chat-embed .chat-page{height:100dvh}}@media(max-width:440px){.chat-page{grid-template-rows:minmax(210px,36%) minmax(0,64%)}.chat-side-title span{display:none}.chat-message-actions{max-height:40px;opacity:1;margin-top:5px}.chat-compose{grid-template-columns:38px minmax(0,1fr) 38px 42px}}
.chat-reactions{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.chat-reaction-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 7px;border:1px solid #46525e;border-radius:999px;background:#0b1117;color:#fff;font-size:12px;font-weight:800}

.chat-messages,.chat-thread,#chatMessages{background:radial-gradient(900px 420px at 100% 0,var(--souto-primary,#0B6BFF)14,transparent 42%),#0c1014!important}
.chat-message{max-width:min(78%,560px);margin:8px 0;padding:10px 12px 8px!important;border:1px solid #2c3640;border-radius:16px 16px 16px 6px;background:#151d25!important;box-shadow:none}
.chat-message.mine{margin-left:auto;border-radius:16px 16px 6px 16px;background:#2a2412!important;border-color:#5c4a12}
.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}
.chat-message small{display:block;margin-top:6px;color:#9aa6b2;font-size:11px}
.chat-message audio{display:block;width:min(280px,100%);height:40px;margin-top:6px}
.chat-composer,.composer-row{align-items:flex-end}
#attach,#record,#send,#clearChat{display:inline-grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:12px}
#send{background:var(--souto-primary,#0B6BFF)!important;color:#FFFFFF!important}
.elisa-ico, .eb-nav-icon svg, .eb-sidebar svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.chat-global-button .elisa-ico,.eb-mobile-header .elisa-ico{width:22px;height:22px}
#clearChat{width:auto;padding:0 12px;gap:6px;background:#171717;color:#f5f5f5;border:1px solid #3a3a3a;font-weight:750}

/* =========================================================
   SOUTO PDV — CHAT INTERNO V2
   Camada visual adicional. Não altera lógica do chat.
   ========================================================= */

:root{
  --chat-v2-bg:#0b1117;
  --chat-v2-panel:#111820;
  --chat-v2-panel2:#17212b;
  --chat-v2-line:#26323d;
  --chat-v2-text:#f3f6f8;
  --chat-v2-muted:#8f9ba7;
  --chat-v2-accent:var(--souto-primary,#0B6BFF);
  --chat-v2-online:#35d07f;
  --chat-v2-danger:#ef3e4a;
}

/* Estrutura principal */
.chat-page{
  background:var(--chat-v2-bg);
}

.chat-side{
  background:var(--chat-v2-panel);
  border-right:1px solid var(--chat-v2-line);
}

.chat-side-head{
  padding:18px 16px 14px;
  background:var(--chat-v2-panel);
  border-bottom:1px solid var(--chat-v2-line);
}

.chat-side-title h1{
  font-size:22px;
  letter-spacing:-.02em;
}

.chat-side-title span{
  color:var(--chat-v2-muted);
}

/* Busca */
.chat-search-wrap:before{
  left:15px;
  color:#7f8b96;
}

.chat-side-head input{
  height:44px;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:#202c36!important;
  color:#fff!important;
}

.chat-side-head input:focus{
  border-color:var(--chat-v2-accent)!important;
  box-shadow:0 0 0 3px rgba(11,107,255,.13)!important;
}

/* Botões nova conversa / grupo */
.chat-side-actions{
  margin-top:10px;
}

.chat-side-actions button{
  height:40px;
  border-radius:10px;
  background:#1c2731;
  border:1px solid var(--chat-v2-line);
}

.chat-side-actions button:first-child{
  background:var(--chat-v2-accent);
  border-color:var(--chat-v2-accent);
  color:#fff;
}

/* Lista */
.chat-list{
  padding:8px 7px 18px;
}

.chat-conversation{
  min-height:74px;
  padding:10px 11px;
  border-radius:12px;
  border:0;
}

.chat-conversation:hover{
  background:#19242e;
}

.chat-conversation.active{
  background:#21303c;
  border:0;
}

.chat-avatar{
  width:48px;
  height:48px;
  background:#24313c;
  color:#fff;
  border:0;
}

.chat-avatar.group{
  background:#1d3a4c;
}

.chat-conversation b{
  font-size:14px;
  font-weight:800;
}

.chat-conversation small{
  color:#8f9ba7!important;
}

.chat-conversation time{
  color:#6f7b86;
}

.chat-unread{
  min-width:21px;
  height:21px;
  background:var(--chat-v2-accent);
  font-size:10px;
}

/* Área da conversa */
.chat-main{
  background:#0b1117;
}

.chat-header{
  background:#111820;
  border-bottom:1px solid var(--chat-v2-line);
  box-shadow:0 1px 0 rgba(255,255,255,.02);
}

.chat-header-avatar{
  width:44px;
  height:44px;
  background:#24313c;
  color:#fff;
}

.chat-header h2{
  font-size:16px;
  font-weight:850;
}

.chat-header-sub{
  color:#87939f;
}

.chat-typing{
  color:var(--chat-v2-online);
}

.chat-header-actions button,
.chat-back{
  background:#1a2530;
  border-color:#2b3742;
}

/* Fundo semelhante a mensageiro moderno */
.chat-messages,
.chat-thread,
#chatMessages{
  background:
    radial-gradient(circle at 90% 0,rgba(11,107,255,.09),transparent 32%),
    linear-gradient(rgba(255,255,255,.012),rgba(255,255,255,.012)),
    #0b1117!important;
}

/* Bolhas */
.chat-message{
  max-width:min(72%,590px);
  margin:3px 0;
  padding:9px 11px 7px!important;
  border:0!important;
  border-radius:6px 15px 15px 15px!important;
  background:#1b2731!important;
  box-shadow:0 1px 1px rgba(0,0,0,.18);
}

.chat-message.mine{
  margin-left:auto;
  background:#123b32!important;
  border-radius:15px 6px 15px 15px!important;
}

.chat-message .who{
  color:#6ab0ff;
  font-size:11px;
  font-weight:850;
}

.chat-message.mine .who{
  color:#76d7bd;
}

.chat-message p{
  margin:2px 0 4px!important;
  font-size:14px;
  line-height:1.45;
}

.chat-message small{
  margin-top:4px;
  color:#9ba6af!important;
  font-size:10px;
}

.chat-message.important{
  box-shadow:0 0 0 2px #e8ae00!important;
}

/* Resposta */
.chat-reply{
  background:rgba(0,0,0,.18);
  border-left:3px solid var(--chat-v2-accent);
  border-radius:7px;
}

/* Arquivos */
.chat-file{
  background:rgba(0,0,0,.18);
  border-color:#34424d;
}

.chat-image{
  border-radius:8px;
}

/* Reações */
.chat-reaction-pill{
  background:#121a21;
  border-color:#36434e;
}

/* Ações da mensagem */
.chat-message-actions button{
  background:#111920;
  border-color:#33404b;
  border-radius:999px;
}

/* Composer */
.chat-compose{
  padding:10px 14px max(10px,env(safe-area-inset-bottom));
  background:#111820;
  border-top:1px solid var(--chat-v2-line);
}

.chat-compose textarea{
  min-height:44px;
  padding:11px 14px;
  background:#202c36!important;
  border:1px solid transparent!important;
  border-radius:22px!important;
}

.chat-compose textarea:focus{
  border-color:#344655!important;
}

.chat-compose>button{
  background:#1c2731;
  border:0;
}

.chat-compose #send{
  background:var(--chat-v2-accent)!important;
  color:#fff!important;
}

.chat-compose .record.recording{
  background:#7b2630!important;
  color:#fff;
}

/* Tela vazia */
.chat-empty{
  color:#83909b;
}

.chat-empty-icon{
  background:#17212b;
  border:0;
}

/* Modal */
.chat-dialog{
  background:#111820;
  border-color:#2b3742;
}

.chat-user{
  background:#17212b;
  border-color:#283540;
}

/* Botão global */
.chat-global-button{
  border:0;
  background:var(--chat-v2-accent);
  color:#fff;
  box-shadow:0 14px 34px rgba(0,0,0,.48);
}

.chat-global-toast{
  background:#17212b;
  border:1px solid #2c3944;
  border-left:4px solid var(--chat-v2-accent);
}

.chat-floating-panel{
  background:#0b1117;
  border-color:#31404c;
}

.chat-floating-panel>header{
  background:#111820;
}

/* MOBILE */
@media(max-width:760px){

  .chat-page{
    height:calc(100dvh - 60px);
    background:#0b1117;
  }

  .chat-side-head{
    padding:12px 10px;
  }

  .chat-side-title h1{
    font-size:20px;
  }

  .chat-conversation{
    min-height:72px;
    border-radius:10px;
  }

  .chat-header{
    padding:0 9px;
  }

  .chat-messages{
    padding:12px 8px;
  }

  .chat-message{
    max-width:86%;
  }

  .chat-compose{
    padding:7px 7px max(7px,env(safe-area-inset-bottom));
    gap:5px;
  }

  .chat-compose textarea{
    min-height:42px;
    border-radius:20px!important;
  }

  .chat-global-button{
    right:12px;
    bottom:12px;
    min-width:54px;
    min-height:52px;
    padding:11px 15px;
  }
}

@media(max-width:440px){

  .chat-message{
    max-width:90%;
  }

  .chat-side-actions button{
    font-size:12px;
  }

  .chat-message-actions{
    max-height:40px;
    opacity:1;
    margin-top:5px;
  }
}