/* ÁUDIO & VOZ — Identidade comercial V1.12.7
   Camada estritamente visual. Nenhuma estrutura de dados, envio ou comportamento é alterado.
   Azul Áudio & Voz para a Central; verde WhatsApp exclusivo das telas de atendimento.
*/
:root {
  color-scheme:light;
  --av-navy:#102f57;
  --av-navy-dark:#091c38;
  --av-blue:#1264b3;
  --av-blue-2:#1a87d8;
  --av-cyan:#0aabb5;
  --av-green:#168c63;
  --av-border:#d9e5f1;
  --av-ink:#162b48;
  --av-muted:#657c96;
  --av-page:#edf4fb;
  --bg:#edf4fb;
  --bg2:#e5effa;
  --primary:#1371ca;
  --primary2:#3b9de0;
  --cyan:#0da8b5;
  --green:#188e63;
  --line:#d9e5f1;
  --line2:#b8cee4;
  --text:#152f51;
  --muted:#667f99;
}
html body,html body #root {background:#edf4fb!important;color:var(--av-ink)!important}
html body .app {background:linear-gradient(155deg,#eaf2fa 0%,#f3f8fc 52%,#e9f4f7 100%)!important;color:var(--av-ink)!important}
/* Menu: navegação hierarquizada, alto contraste e navegação ativa identificável */
html body .sidebar {
  background:linear-gradient(180deg,#0b2548 0%,#113c71 57%,#0b2b51 100%)!important;
  background-image:linear-gradient(180deg,#0b2548,#113c71 57%,#0b2b51)!important;
  color:#eef7ff!important;border-right:1px solid #0f477c!important;
  box-shadow:8px 0 32px rgba(5,31,65,.17)!important;
}
.sidebar .brand{padding-bottom:16px;border-bottom:1px solid rgba(207,229,247,.16);margin-bottom:11px}
.sidebar .audio-voz-side-logo{background:#fff!important;border:2px solid rgba(255,255,255,.35)!important;box-shadow:0 6px 18px rgba(0,0,0,.15)}
.sidebar .brandtext,.sidebar .user-mini b{color:#f7fbff!important}
.sidebar .brandtext small,.sidebar .user-mini small{color:#a9cbe6!important}
.sidebar .nav-category{border-bottom:1px solid rgba(210,233,248,.13);padding-bottom:9px;margin-bottom:9px}
.sidebar .nav-category-title{color:#83bfe4!important;letter-spacing:1.3px}
html body .sidebar .nav button{color:#cadcf0!important;background:transparent!important;border-radius:10px;transition:background-color .16s,transform .16s;color-scheme:dark}
.sidebar .nav button svg{color:#9fc7e7!important}
html body .sidebar .nav button:hover{background:rgba(120,192,245,.15)!important;color:#fff!important;transform:translateX(2px)}
html body .sidebar .nav button.active{
  background:linear-gradient(95deg,#206eb6,#168bc3)!important;color:#fff!important;
  box-shadow:inset 3px 0 0 #64e3ee,0 5px 16px rgba(0,14,39,.18)!important;
}
.sidebar .nav button.active svg{color:#fff!important}
.sidebar .sidebar-foot{border-top:1px solid rgba(214,238,255,.2)!important}
.sidebar .avatar{background:#2f72b0!important;color:#fff!important;border:1px solid rgba(177,215,244,.45)!important}
html body .sidebar .btn,html body .sidebar .btn.ghost{background:rgba(255,255,255,.1)!important;color:#fff!important;border:1px solid rgba(208,233,249,.23)!important}
html body .sidebar .btn:hover{background:rgba(255,255,255,.2)!important}
/* Cabeçalho e conteúdo */
html body .main {background:transparent!important;color:var(--av-ink)!important}
.main .top {min-height:80px;height:auto;padding:17px 3px;margin-bottom:22px;background:transparent!important;border-bottom:1px solid #d7e3ef!important}
.main .top-title h1{color:#102d55!important;font-weight:840;letter-spacing:-.5px}
.main .top-title p{color:#6a8098!important;font-size:12px}
.main .wa-pill {background:#eff5fc!important;border-color:#d2e2f0!important;color:#476682!important}
.main .wa-pill.online{background:#e3f8ed!important;border-color:#98dfb8!important;color:#086b47!important}
.main .notification-bell{background:#fff!important;border:1px solid #d0deeb!important;box-shadow:0 4px 12px rgba(21,71,120,.1)}
/* Superfícies: o fundo deixa de ser branco chapado; cards continuam legíveis */
html body .panel,html body .card,html body .main .panel,html body .main .card {
  background:#fff!important;color:var(--av-ink)!important;border:1px solid #d6e3ef!important;
  box-shadow:0 9px 23px rgba(21,63,106,.07)!important;
}
.main .panel h3,.main .card h3{color:#17365e!important}
html body .main .hero {background:linear-gradient(113deg,#0f376b 0%,#1467af 61%,#0a9cb0 100%)!important;border-color:#2d91ca!important;box-shadow:0 16px 34px rgba(15,79,143,.19)!important}
.main .hero:after{background:radial-gradient(circle,rgba(171,234,255,.33),transparent 67%)}
.main .hero h2,.main .hero p{color:white!important}
.main .hero p{color:#d6edff!important}
.main .hero .chip{background:rgba(255,255,255,.15)!important;color:white!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(2px)}
/* Cartões de destaque em todas as áreas financeiras e dashboard */
.main .cards .metric,.main .dashboard-alert-cards .metric,.main .payment-summary-cards .metric,.main .projection-cards .metric{
  position:relative;isolation:isolate;overflow:hidden;border-top:3px solid #1b80d2!important;
  background:linear-gradient(145deg,#ffffff,#eef6ff)!important;
}
.main .cards .metric:nth-child(4n+2){border-top-color:#1c9b75!important;background:linear-gradient(145deg,#fff,#e8faf2)!important}
.main .cards .metric:nth-child(4n+3){border-top-color:#06a8b8!important;background:linear-gradient(145deg,#fff,#e9faff)!important}
.main .cards .metric:nth-child(4n+4){border-top-color:#ec9a25!important;background:linear-gradient(145deg,#fff,#fff6e8)!important}
.main .cards .metric .label{color:#506d90!important}
.main .cards .metric b{color:#143860!important}
.main .metric .metric-icon{background:#dceefe!important;color:#146eb5!important}
.main .metric .metric-icon.green{background:#d7f5e5!important;color:#0f8b5a!important}
.main .metric .metric-icon.cyan{background:#d9f6fb!important;color:#038aa4!important}
.main .metric .metric-icon.amber{background:#ffedca!important;color:#ad6d09!important}
.main .pipeline-row .bar{background:#e5eff8!important;border-color:#d1e1ef!important}
.main .pipeline-row .bar i{background:linear-gradient(90deg,#1671c0,#10b4c3)!important}
/* Botões: ações principais têm leitura imediata, demais com borda */
html body .btn.primary,html body .main .btn.primary,html body .modal .btn.primary{
  background:linear-gradient(130deg,#1167b8,#188dd1)!important;color:#fff!important;border-color:#1167b8!important;
  box-shadow:0 5px 13px rgba(19,100,182,.20)!important
}
html body .btn.primary:hover,html body .main .btn.primary:hover,html body .modal .btn.primary:hover{background:linear-gradient(130deg,#0a518f,#1178b4)!important;color:#fff!important}
html body .btn.success,html body .main .btn.success,html body .modal .btn.success{background:#dcf8ea!important;color:#116b48!important;border-color:#a9dfc6!important}
html body .btn.danger,html body .main .btn.danger,html body .modal .btn.danger{background:#fff0f1!important;color:#a8253b!important;border-color:#f4bfc7!important}
html body .btn:not(.primary):not(.success):not(.danger),html body .main .btn:not(.primary):not(.success):not(.danger){border-color:#c8d8e8!important;color:#244667!important;background:#fff!important}
html body .main input:focus,html body .main select:focus,html body .main textarea:focus{outline:0;border-color:#2994d6!important;box-shadow:0 0 0 3px rgba(37,147,218,.15)!important}
html body .main input[type=checkbox]{accent-color:#176cb2!important}
.main .table-wrap{border-color:#dbe6f0!important;background:#fff}
.main .table th,.main .crm-prospect-table th{background:#e9f2fc!important;color:#27547c!important;border-bottom:1px solid #c8def0!important}
.main .table tbody tr:nth-child(even) td{background:#f7fbfe!important}
.main .table tr:hover td{background:#e9f5ff!important}
.main .badge{color:#1b62a1!important;background:#e6f1fe!important;border-color:#bad8fa!important}
.main .badge.green{color:#087a51!important;background:#dff8eb!important;border-color:#ace7cd!important}
.main .badge.amber{color:#a46a13!important;background:#fff2d9!important;border-color:#f1d39a!important}
.main .badge.red{color:#ac314d!important;background:#ffedf1!important;border-color:#f3becb!important}
/* PROSPECÇÃO E RELATÓRIOS */
.main .crm-page-head .eyebrow,.main .eyebrow{color:#126fae!important}
.main .crm-page-head h2{color:#11355f!important}
.main .crm-metrics>div{border:1px solid #cae1f8!important;background:linear-gradient(145deg,#fff,#eaf5ff)!important;border-top:3px solid #1b83d2!important;box-shadow:0 8px 21px rgba(23,79,143,.07)!important}
.main .crm-metrics>div:nth-child(4n+2){border-top-color:#189f72!important;background:linear-gradient(145deg,#fff,#e6faf0)!important}
.main .crm-metrics>div:nth-child(4n+3){border-top-color:#16a3bd!important;background:linear-gradient(145deg,#fff,#e7faff)!important}
.main .crm-metrics>div:nth-child(4n+4){border-top-color:#f0a143!important;background:linear-gradient(145deg,#fff,#fff4e7)!important}
.main .crm-metrics b{color:#123b62!important}
.main .crm-status.sent{background:#ddf9e9;color:#0a7950}.main .crm-status.queued,.main .crm-status.sending{background:#fff1d5;color:#9b5e00}
.main .crm-dispatch-panel{border:1px solid #a5ccea;background:linear-gradient(105deg,#e5f2ff,#ebfbff);box-shadow:0 5px 16px rgba(15,85,148,.06)}
.main .crm-report-head{background:#e6f3fe!important;color:#2f5c82!important}
.main .crm-funnel-row b{color:#087c9a!important}
/* KANBAN: sete cores sem confundir significado dos status */
.main .crm-kanban-col{--stage:#176cb8;--stage-bg:#eaf4ff;--stage-line:#b4d8fa;
  border:1px solid var(--stage-line)!important;border-top:5px solid var(--stage)!important;
  background:linear-gradient(165deg,var(--stage-bg),#f8fbff 78%)!important;
  box-shadow:0 10px 25px rgba(13,54,97,.07)
}
.main .crm-kanban-col:nth-child(2){--stage:#08a1b0;--stage-bg:#e7fafc;--stage-line:#b2e7ed}
.main .crm-kanban-col:nth-child(3){--stage:#c9891d;--stage-bg:#fff7e5;--stage-line:#f0d69f}
.main .crm-kanban-col:nth-child(4){--stage:#4e80c8;--stage-bg:#ecf3ff;--stage-line:#b8d1fa}
.main .crm-kanban-col:nth-child(5){--stage:#3975af;--stage-bg:#ecf5ff;--stage-line:#c1dbf1}
.main .crm-kanban-col:nth-child(6){--stage:#158a5c;--stage-bg:#e6f8ef;--stage-line:#b0e4cb}
.main .crm-kanban-col:nth-child(7){--stage:#d35c4e;--stage-bg:#fff0ee;--stage-line:#f3c7be}
.main .crm-kanban-col:nth-child(8){--stage:#6277a0;--stage-bg:#edf2f9;--stage-line:#d0dbee}
.main .crm-kanban-col .crm-pipeline-dot{background:var(--stage)!important;box-shadow:0 0 0 3px var(--stage-line)}
.main .crm-kanban-col header strong{color:#1d4166!important;font-size:12px}
.main .crm-kanban-col header b{border-color:var(--stage-line)!important;color:var(--stage)!important}
.main .crm-kanban-card{background:white!important;border:1px solid var(--stage-line)!important;box-shadow:0 4px 12px rgba(15,58,100,.07)!important}
.main .crm-kanban-card:hover{border-color:var(--stage)!important;box-shadow:0 12px 22px rgba(15,67,113,.14)!important}
.main .crm-kanban-open{color:var(--stage)!important}
.main .crm-kanban-col.crm-drop-active{box-shadow:0 0 0 3px var(--stage-line),0 8px 20px rgba(6,85,149,.12)}
/* E-MAIL com pastas identificadas e leitura suave */
.main .crm-mail-layout{border-color:#c8daec!important;box-shadow:0 12px 27px rgba(18,70,119,.1)!important}
.main .crm-mail-folders{background:linear-gradient(180deg,#173f70,#0f315c)!important;border-right-color:#104170!important}
.main .crm-mail-folders button{color:#d8eafd!important}
.main .crm-mail-folders button:hover{background:rgba(255,255,255,.13)!important;color:#fff!important}
.main .crm-mail-folders button.active{background:#e8f8ff!important;color:#12517b!important;box-shadow:inset 3px 0 0 #07aabb!important}
.main .crm-mail-divider{border-top-color:rgba(255,255,255,.17)!important}
.main .crm-message-row.selected{background:#dff2ff!important;box-shadow:inset 4px 0 #1282cf!important}
.main .crm-mail-preview{background:#fff!important}
.main .crm-mail-address{background:#eff6fb!important;border:1px solid #d3e5f3!important}
/* ATENDIMENTO + ATENDIMENTO MENSAL: identidade de conversa WhatsApp */
.main.page-atendimento,.main.page-atendimento_mensal {--wa-deep:#075e54;--wa-green:#128c70;--wa-bright:#25d366;--wa-pale:#dcf8c6}
.main.page-atendimento .chatlayout,.main.page-atendimento_mensal .chatlayout{border:1px solid #c7d9d0!important;box-shadow:0 12px 32px rgba(22,83,66,.13)!important}
.main.page-atendimento .chatlist,.main.page-atendimento_mensal .chatlist{background:#f6fbf8!important;border-right:1px solid #cddfd4!important}
.main.page-atendimento .chatlist-top,.main.page-atendimento_mensal .chatlist-top{background:#e7f3ec!important;border-bottom:1px solid #c9dfd0!important}
.main.page-atendimento .chatlist-top h3,.main.page-atendimento_mensal .chatlist-top h3{color:#145a48!important}
.main.page-atendimento .conv,.main.page-atendimento_mensal .conv{border-bottom-color:#e1ebe5!important}
.main.page-atendimento .conv:hover,.main.page-atendimento_mensal .conv:hover{background:#eaf6ef!important}
.main.page-atendimento .conv.active,.main.page-atendimento_mensal .conv.active{background:#d8f3e5!important;box-shadow:inset 4px 0 0 #10986c!important}
.main.page-atendimento .conv-avatar,.main.page-atendimento_mensal .conv-avatar{background:linear-gradient(135deg,#167d69,#5cbd9a)!important;color:white!important}
.main.page-atendimento .unread,.main.page-atendimento_mensal .unread{background:#16a375!important;color:white!important}
.main.page-atendimento .chatbox,.main.page-atendimento_mensal .chatbox{background:#e7eee7!important;min-width:0}
.main.page-atendimento .chathead,.main.page-atendimento_mensal .chathead{
  background:linear-gradient(100deg,#075e54,#0a7865)!important;
  border-bottom:1px solid #0c7867!important;color:#fff!important
}
.main.page-atendimento .chat-person b,.main.page-atendimento_mensal .chat-person b{color:#fff!important}
.main.page-atendimento .chat-person .muted,.main.page-atendimento_mensal .chat-person .muted{color:#d0eee2!important}
.main.page-atendimento .chathead .btn,.main.page-atendimento_mensal .chathead .btn{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.26)!important}
.main.page-atendimento .chathead .btn:hover,.main.page-atendimento_mensal .chathead .btn:hover{background:rgba(255,255,255,.24)!important}
.main.page-atendimento .messages,.main.page-atendimento_mensal .messages{
  background-color:#e5eee7!important;
  background-image:radial-gradient(circle at 16px 16px,rgba(56,112,92,.055) 1.3px,transparent 1.5px),radial-gradient(circle at 47px 47px,rgba(56,112,92,.04) 1px,transparent 1.2px)!important;
  background-size:64px 64px!important
}
.main.page-atendimento .msg.in,.main.page-atendimento_mensal .msg.in{background:#fff!important;border:1px solid #e0e7e1!important;color:#233b34!important;box-shadow:0 2px 5px rgba(29,74,57,.09)!important}
.main.page-atendimento .msg.out,.main.page-atendimento_mensal .msg.out{background:#d9f8d4!important;border:1px solid #b5e3b5!important;color:#1c4031!important;box-shadow:0 2px 5px rgba(29,74,57,.08)!important}
.main.page-atendimento .msg-meta,.main.page-atendimento_mensal .msg-meta{color:#688d7c!important}
.main.page-atendimento .quick-replies,.main.page-atendimento_mensal .quick-replies{background:#f0f8f3!important;border-bottom-color:#d0e4d5!important}
.main.page-atendimento .quick-reply,.main.page-atendimento_mensal .quick-reply{background:#fff!important;color:#176e57!important;border-color:#c3decf!important}
.main.page-atendimento .quick-reply:hover,.main.page-atendimento_mensal .quick-reply:hover{background:#e0f9e8!important;border-color:#54b691!important}
.main.page-atendimento .compose,.main.page-atendimento_mensal .compose{background:#edf5ee!important;border-top:1px solid #c4dccc!important}
.main.page-atendimento .compose textarea,.main.page-atendimento_mensal .compose textarea,.main.page-atendimento .compose input,.main.page-atendimento_mensal .compose input{background:#fff!important;border:1px solid #c9ddd0!important;color:#173f31!important}
.main.page-atendimento .compose .btn.primary,.main.page-atendimento_mensal .compose .btn.primary{background:linear-gradient(135deg,#128c70,#0c705a)!important;border-color:#0c765d!important;color:#fff!important}
.main.page-atendimento .template-mini,.main.page-atendimento_mensal .template-mini{background:#fff!important;border-color:#bcd9c5!important;color:#08735b!important}
.main.page-atendimento .sideinfo,.main.page-atendimento_mensal .sideinfo{background:#f8fcfa!important;border-left-color:#d1e4d8!important}
.main.page-atendimento .contact-summary,.main.page-atendimento_mensal .contact-summary{background:#edf8f1!important;border-color:#d2eadb!important}
.main.page-atendimento .wa-about,.main.page-atendimento_mensal .wa-about{background:#eff8f3!important;border-color:#c9e3d3!important}
/* Atendimento mensal mantém o campo de digitação fixo e as abas visíveis */
.main.page-atendimento_mensal .monthly-toolbar{background:linear-gradient(105deg,#f3fcf7,#e6f6ef)!important;border-color:#c6e4d2!important}
.main.page-atendimento_mensal .monthly-toolbar .eyebrow{color:#0e8160!important}
.main.page-atendimento_mensal .monthly-tabbar{background:#e9f4ee;border-color:#c6dfd0}
.main.page-atendimento_mensal .monthly-tabbar .monthly-tab.active{color:#075f4b;background:#fff;border-color:#6abf9e;box-shadow:0 2px 5px rgba(16,95,63,.1)}
.main.page-atendimento_mensal .monthly-tabbar .monthly-tab:hover{background:#d6f0e0}
.main.page-atendimento_mensal .service-kpi{background:linear-gradient(155deg,#fff,#edfaf3)!important;border-color:#c5e6d2!important}
.main.page-atendimento_mensal .service-kpi:nth-child(2){background:linear-gradient(155deg,#fff,#eaf6fe)!important;border-color:#cee3f8!important}
.main.page-atendimento_mensal .service-kpi:nth-child(3){background:linear-gradient(155deg,#fff,#fff4e4)!important;border-color:#efd9b9!important}
.main.page-atendimento_mensal .service-kpi:nth-child(4){background:linear-gradient(155deg,#fff,#e9f9f4)!important}
.main.page-atendimento_mensal .service-kpi:nth-child(5){background:linear-gradient(155deg,#fff,#fff0ed)!important;border-color:#f0d3cb!important}
.main.page-atendimento_mensal .chatbox{grid-template-rows:auto auto minmax(0,1fr) auto!important;overflow:hidden}
.main.page-atendimento_mensal .messages{min-height:0;overflow-y:auto!important}
.main.page-atendimento_mensal .compose{background:#edf5ee!important;flex:0 0 auto;z-index:3}
/* Outros módulos: cores sem alterar suas funções */
.main .calendar-day.today{background:#e6f3ff!important;box-shadow:inset 0 0 0 2px #3c9bd3!important}
.main .calendar-event{background:#e8f3ff;color:#165f96;border-color:#bad8f5}
.main .agenda-datebox{background:#e4f2ff;color:#146eb5}
.main .status-orb.online{color:#0e8f60;background:#e5f7ef!important}
.main .import-zone{background:linear-gradient(118deg,#fff,#edf7ff 50%,#e7faff)!important;border-color:#c2dbef!important}
.main .maintenance-model-banner{background:linear-gradient(135deg,#e6f5ff,#e5faf4)!important;border-color:#c5e2f4!important}
.main .send-quote-summary{background:linear-gradient(155deg,#e8f4ff,#f7fcff)!important;border-color:#cee0f2!important}
/* Login: consistência visual sem afetar o formulário */
html body .login{background:linear-gradient(135deg,#e8f4ff,#dceceff2)!important}
html body .loginbox{border:1px solid #c9deee!important;box-shadow:0 25px 65px rgba(12,57,102,.15)!important}
html body .loginbox .btn.primary{background:linear-gradient(120deg,#155fa8,#168cd0)!important;color:white!important;border-color:#126aaa!important}
@media(max-width:1060px){.sidebar .brandtext{font-size:12px}}
@media(max-width:820px){.sidebar .nav-category-title{color:#83bfe4!important}}
@media(max-width:620px){
  html body .sidebar{background:linear-gradient(90deg,#0b2749,#17477b)!important;border-top:1px solid #2a5b90!important}
  .main .top{padding:12px 0}
  .main .crm-metrics{gap:9px}
  .main .crm-metrics>div{padding:13px!important}
  .main .crm-kanban-col{flex-basis:265px;max-width:265px}
  .main .crm-mail-folders{background:#133e70!important}
  .main.page-atendimento_mensal .monthly-service-desk{height:100%!important;min-height:0!important}
}
@media(prefers-reduced-motion:reduce){.sidebar .nav button,.main .crm-kanban-card{transition:none!important}}
/* Garantir que a ação Enviar permaneça no painel de conversa, mesmo com a coluna de dados aberta */
.main.page-atendimento .compose-entry,.main.page-atendimento_mensal .compose-entry{grid-template-columns:minmax(0,1fr) auto!important;width:100%;min-width:0}
.main.page-atendimento .compose-entry textarea,.main.page-atendimento_mensal .compose-entry textarea{min-width:0;width:100%;box-sizing:border-box}
.main.page-atendimento .compose-entry .btn,.main.page-atendimento_mensal .compose-entry .btn{min-width:44px!important;max-width:110px;white-space:nowrap;padding-left:12px;padding-right:12px}
.main.page-atendimento .compose,.main.page-atendimento_mensal .compose{min-width:0;max-width:100%;box-sizing:border-box}
.main.page-atendimento .chatbox,.main.page-atendimento_mensal .chatbox{grid-template-columns:minmax(0,1fr)!important}
.main.page-atendimento .compose,.main.page-atendimento_mensal .compose{width:100%!important;overflow-x:hidden}
.main.page-atendimento .compose-entry,.main.page-atendimento_mensal .compose-entry{max-width:100%}
.main.page-atendimento .compose-tools,.main.page-atendimento_mensal .compose-tools{max-width:100%;min-width:0;flex-wrap:wrap}