/* Atendimento da Central: foto, presença, verificação de contato e lista compacta (camada final). */
.sales-chat-workspace .chat-avatar,.sales-chat-workspace .chat-list-avatar,.chat-verify-card .chat-avatar{position:relative;overflow:visible;isolation:isolate}
.sales-chat-workspace :is(.chat-avatar,.chat-list-avatar)>img,.chat-verify-card .chat-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:1;background:var(--chat-soft,#eef6f2)}
.sales-chat-workspace .sales-chat-head .chat-avatar{width:44px;height:44px;flex-basis:44px;border-radius:50%;font-size:14px}
.sales-chat-workspace .chat-list-avatar,.sales-chat-workspace .sales-chat-list .chat-list-avatar{width:40px;height:40px;flex-basis:40px;border-radius:50%}
.chat-online-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;background:#22a06b;border:2px solid var(--panel,#fff);z-index:2}
.chat-online-dot[hidden]{display:none}
.sales-chat-workspace .chat-head-copy{min-width:0}
.sales-chat-workspace .chat-head-copy small{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}
.sales-chat-workspace .chat-head-copy [data-chat-presence]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.sales-chat-workspace .sales-chat-typing{font-style:italic;color:var(--chat-brand,#16805a);font-weight:600;transition:opacity .2s}
.sales-chat-workspace .sales-chat-typing:empty{opacity:0}
.sales-chat-workspace .sales-chat-typing.active::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor;vertical-align:middle;animation:chatPulse 1s infinite ease-in-out}
@keyframes chatPulse{0%,100%{opacity:.3}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){.sales-chat-workspace .sales-chat-typing.active::before{animation:none}}
/* Cabeçalho da lista: título + botão, pesquisa e filtros na mesma linha. */
.sales-chat-workspace .chat-list-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:14px}
.sales-chat-workspace .chat-list-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.sales-chat-workspace .chat-list-heading h2{font-size:17px;margin:0}
.sales-chat-workspace .chat-new-button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;font-size:13px;white-space:nowrap}
.sales-chat-workspace .chat-new-button .dmk-chat-icon{width:16px;height:16px}
.sales-chat-workspace .chat-list-search{grid-column:1;margin:0;min-width:0}
.sales-chat-workspace .chat-list-search input{min-height:40px}
.sales-chat-workspace .chat-filter-options{grid-column:2;position:relative}
.sales-chat-workspace .chat-filter-options>summary{min-height:40px;display:flex;align-items:center;gap:4px;padding:0 12px;border:1px solid var(--line,#dfe5e2);border-radius:12px;cursor:pointer;list-style:none;font-size:13px;background:var(--panel,#fff)}
.sales-chat-workspace .chat-filter-options>summary::-webkit-details-marker{display:none}
.sales-chat-workspace .chat-filter-options[open]>div{position:absolute;right:0;top:calc(100% + 6px);z-index:20;width:min(260px,80vw);display:grid;gap:8px;padding:12px;border:1px solid var(--line,#dfe5e2);border-radius:14px;background:var(--panel,#fff);box-shadow:0 14px 34px rgba(15,23,42,.14)}
/* Janela de verificação do contato. */
dialog.central-dialog.chat-verify-modal{width:min(560px,calc(100vw - 32px));max-width:min(560px,calc(100vw - 32px))}
.chat-verify-body{display:grid;gap:14px}
.chat-verify-body h3{margin:4px 0 0;font-size:14px}
.chat-verify-card{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;border:1px solid var(--line,#dfe5e2)}
.chat-verify-card .chat-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:var(--chat-soft,#eef6f2);color:var(--chat-brand,#16805a);font-weight:700}
.chat-verify-card div{display:grid;gap:2px;min-width:0}
.chat-verify-card small{font-weight:600}
.chat-verify-card.ok{border-color:rgba(34,160,107,.4);background:rgba(34,160,107,.07)}.chat-verify-card.ok small{color:#16805a}
.chat-verify-card.erro{border-color:rgba(214,69,65,.4);background:rgba(214,69,65,.06)}.chat-verify-card.erro small{color:#c0392b}
.chat-verify-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0}
.chat-verify-list div{padding:10px 12px;border-radius:12px;background:var(--chat-soft,#f3f6f5);min-width:0}
.chat-verify-list dt{font-size:11px;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.04em}
.chat-verify-list dd{margin:2px 0 0;font-weight:600;overflow-wrap:anywhere}
.chat-verify-duplicates{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.chat-verify-duplicates li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--line,#dfe5e2);border-radius:12px;flex-wrap:wrap}
.chat-verify-duplicates li>span:first-child{display:grid;gap:2px}
.chat-verify-duplicates small{color:var(--muted,#64748b)}
.chat-verify-duplicates .actions{display:flex;gap:6px}
.chat-verify-empty,.chat-verify-loading{margin:0;color:var(--muted,#64748b)}
.chat-verify-error{margin:0;color:#c0392b;font-weight:600}
@media (max-width:640px){.sales-chat-workspace .chat-new-button span{display:none}.sales-chat-workspace .chat-new-button{padding:0 10px}}
@media (prefers-color-scheme:dark){.chat-online-dot{border-color:#111827}}
.sales-chat-workspace .chat-list-heading>div{min-width:0}
.sales-chat-workspace .chat-list-heading h2,.sales-chat-workspace .chat-list-heading [data-inbox-summary]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Menu de filtros visível sobre a lista, sem deslocar ou cortar as conversas. */
.sales-chat-workspace .chat-list-panel{overflow:visible}
.sales-chat-workspace .chat-list-header{position:relative;z-index:25;overflow:visible}
.sales-chat-workspace .sales-chat-list{position:relative;z-index:1}
.sales-chat-workspace .chat-filter-options{display:block;grid-column:2;grid-row:2;position:relative;z-index:30}
.sales-chat-workspace .chat-filter-options>summary{height:44px;min-height:44px;justify-content:center;border-radius:10px;padding:0 11px;transition:border-color .15s ease,background .15s ease,color .15s ease}
.sales-chat-workspace .chat-filter-options>summary::after{content:'⌄';display:block;margin-left:2px;font-size:14px;line-height:1;transition:transform .15s ease}
.sales-chat-workspace .chat-filter-options[open]>summary{border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 42%,var(--line));background:color-mix(in srgb,var(--chat-brand,#137e5a) 9%,var(--panel,#fff));color:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-filter-options[open]>summary::after{transform:rotate(180deg)}
.sales-chat-workspace .chat-filter-options[open]>div{right:0;top:calc(100% + 8px);z-index:40;width:240px;max-width:calc(100vw - 24px);gap:9px;padding:12px;border-radius:12px;box-shadow:0 16px 38px rgba(15,23,42,.18)}
.sales-chat-workspace .chat-filter-options>div select{width:100%;min-height:42px;margin:0;border-radius:9px;background:var(--panel,#fff)}
.sales-chat-workspace .chat-filter-options>div>button{width:100%;min-height:40px;margin:0;padding:8px 10px;border-radius:9px;font-size:12px}
.sales-chat-workspace .chat-filter-options>div>.chat-delete-closed{color:#b53c4e;border-color:color-mix(in srgb,#c5485a 28%,var(--line));background:color-mix(in srgb,#c5485a 6%,var(--panel,#fff))}
html[data-theme=dark] .sales-chat-workspace .chat-filter-options[open]>div{background:#1a222b;border-color:#34414b}
/* Mod 1.210: filtros compactos, alinhados e fáceis de reconhecer. */
.sales-chat-workspace .chat-list-header{
 grid-template-columns:minmax(0,1fr) auto;
 column-gap:8px;
 row-gap:9px;
 padding:12px
}
.sales-chat-workspace .chat-list-search,
.sales-chat-workspace .chat-filter-options>summary{height:42px;min-height:42px}
.sales-chat-workspace .chat-list-search{border-radius:11px}
.sales-chat-workspace .chat-list-search input{height:40px;min-height:40px}
.sales-chat-workspace .chat-filter-options{grid-column:2;grid-row:2}
.sales-chat-workspace .chat-filter-options>summary{
 box-sizing:border-box;
 gap:7px;
 min-width:94px;
 padding:0 11px;
 border:1px solid var(--line,#dfe5e2);
 border-radius:11px;
 background:var(--panel,#fff);
 color:var(--ink,#25313d);
 font-weight:650;
 box-shadow:0 1px 2px rgba(15,23,42,.04)
}
.sales-chat-workspace .chat-filter-options>summary .dmk-chat-icon{width:16px;height:16px;color:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-filter-options>summary::after{content:'⌄';margin-left:auto;color:var(--muted,#64748b)}
.sales-chat-workspace .chat-filter-options>summary [data-chat-filter-count]{
 display:grid;
 place-items:center;
 min-width:18px;
 height:18px;
 padding:0 4px;
 border-radius:50%;
 background:var(--chat-brand,#137e5a);
 color:#fff;
 font-size:10px;
 line-height:1
}
.sales-chat-workspace .chat-filter-options>summary [data-chat-filter-count]:empty{display:none}
.sales-chat-workspace .chat-filter-options[open]>summary{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 48%,var(--line));
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 8%,var(--panel,#fff));
 color:var(--chat-brand,#137e5a)
}
.sales-chat-workspace .chat-filter-options[open]>.chat-filter-popover{
 right:0;
 top:calc(100% + 8px);
 z-index:40;
 width:276px;
 max-width:calc(100vw - 24px);
 display:grid;
 gap:12px;
 padding:14px;
 border:1px solid color-mix(in srgb,var(--chat-brand,#137e5a) 18%,var(--line,#dfe5e2));
 border-radius:14px;
 background:var(--panel,#fff);
 box-shadow:0 18px 44px rgba(15,23,42,.18)
}
.sales-chat-workspace .chat-filter-popover>header{display:grid;grid-template-columns:36px minmax(0,1fr) 32px;align-items:center;gap:9px;padding-bottom:11px;border-bottom:1px solid var(--line,#dfe5e2)}
.sales-chat-workspace .chat-filter-title-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--chat-brand,#137e5a) 10%,var(--panel,#fff));color:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-filter-title-icon .dmk-chat-icon{width:17px;height:17px}
.sales-chat-workspace .chat-filter-popover>header>span:nth-child(2){display:grid;gap:2px;min-width:0}
.sales-chat-workspace .chat-filter-popover>header b{font-size:13px;color:var(--ink,#25313d)}
.sales-chat-workspace .chat-filter-popover>header small{font-size:10px;color:var(--muted,#64748b)}
.sales-chat-workspace .chat-filter-popover>header .chat-tool{width:32px;height:32px;min-height:32px;padding:0;border-radius:9px}
.sales-chat-workspace .chat-filter-popover>label{display:grid;gap:6px;margin:0;color:var(--muted,#64748b);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sales-chat-workspace .chat-filter-popover>label select{box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0;padding:0 34px 0 11px;border:1px solid var(--line,#dfe5e2);border-radius:10px;background-color:var(--panel,#fff);color:var(--ink,#25313d);font-size:12px;font-weight:500;text-transform:none;letter-spacing:0}
.sales-chat-workspace .chat-filter-popover>label select:focus{outline:2px solid color-mix(in srgb,var(--chat-brand,#137e5a) 20%,transparent);outline-offset:1px;border-color:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-filter-popover>.chat-filter-clear,
.sales-chat-workspace .chat-filter-admin>button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:38px;margin:0;padding:7px 10px;border-radius:10px;font-size:12px;font-weight:650}
.sales-chat-workspace .chat-filter-popover>.chat-filter-clear{border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 24%,var(--line));background:color-mix(in srgb,var(--chat-brand,#137e5a) 7%,var(--panel,#fff));color:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-filter-popover button .dmk-chat-icon{width:14px;height:14px}
.sales-chat-workspace .chat-filter-admin{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:11px;border-top:1px solid var(--line,#dfe5e2)}
.sales-chat-workspace .chat-filter-admin>button{min-width:0;color:#b53c4e;border-color:color-mix(in srgb,#c5485a 24%,var(--line));background:color-mix(in srgb,#c5485a 6%,var(--panel,#fff))}
html[data-theme=dark] .sales-chat-workspace .chat-filter-options[open]>.chat-filter-popover{background:#1a222b;border-color:#34414b}
html[data-theme=dark] .sales-chat-workspace .chat-filter-popover>label select{background:#202a34;border-color:#3a4651;color:#e8eef3}
@media (max-width:640px){.sales-chat-workspace .chat-filter-options>summary{min-width:44px;width:44px;padding:0}.sales-chat-workspace .chat-filter-options>summary>span{display:none}.sales-chat-workspace .chat-filter-options>summary::after{display:none}.sales-chat-workspace .chat-filter-options>summary [data-chat-filter-count]{position:absolute;right:-5px;top:-5px}.sales-chat-workspace .chat-filter-options[open]>.chat-filter-popover{width:min(276px,calc(100vw - 20px))}}
/* O botão ocupa pouco espaço para preservar a pesquisa mesmo na coluna estreita. */
.sales-chat-workspace .chat-filter-options>summary{position:relative;width:82px;min-width:82px;justify-content:center}
.sales-chat-workspace .chat-filter-options>summary::after{display:none}
.sales-chat-workspace .chat-filter-options>summary [data-chat-filter-count]{position:absolute;right:-5px;top:-5px}
/* Mod 1.211: trava pesquisa e filtros na mesma linha, sem deslocamento vertical. */
.sales-chat-workspace .chat-list-header{
 grid-template-rows:auto 42px;
 align-items:stretch
}
.sales-chat-workspace .chat-list-header>.chat-list-heading{grid-column:1/-1;grid-row:1;align-self:center}
.sales-chat-workspace .chat-list-header>.chat-list-search{
 grid-column:1;
 grid-row:2;
 align-self:stretch;
 box-sizing:border-box;
 width:100%;
 height:42px;
 min-height:42px;
 margin:0
}
.sales-chat-workspace .chat-list-header>.chat-filter-options{
 display:block;
 grid-column:2;
 grid-row:2;
 align-self:stretch;
 box-sizing:border-box;
 width:82px;
 height:42px;
 min-height:42px;
 margin:0
}
.sales-chat-workspace .chat-list-header>.chat-filter-options>summary{
 grid-column:auto;
 grid-row:auto;
 box-sizing:border-box;
 width:82px;
 height:42px;
 min-height:42px;
 margin:0
}
@media (max-width:640px){.sales-chat-workspace .chat-list-header>.chat-filter-options,.sales-chat-workspace .chat-list-header>.chat-filter-options>summary{width:44px}}
