.integracao-conversas-tabs {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 0 auto;
}

.integracao-conversas-overlay > header button.integracao-conversas-tab {
    display: inline-flex;
    width: auto;
    height: auto;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 8px 15px;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.76);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    touch-action: manipulation;
}

.integracao-conversas-overlay > header button.integracao-conversas-tab:hover {
    background: rgba(255,255,255,.14);
    color: #fff;
}

.integracao-conversas-overlay > header button.integracao-conversas-tab[aria-selected="true"] {
    background: #fff;
    color: #075e54;
    box-shadow: 0 3px 10px rgba(0,0,0,.15);
}

.integracao-conversas-tab > span {
    display: grid;
    min-width: 18px;
    height: 18px;
    place-items: center;
    padding: 0 5px;
    border-radius: 999px;
    background: #e64040;
    color: #fff;
    font-size: 9px;
    line-height: 1;
}

.integracao-conversas-tab > span[hidden],
.integracao-conversas-overlay iframe[hidden] {
    display: none;
}

.conversas-contexto{position:fixed;z-index:6;top:68px;right:18px;width:min(382px,calc(100vw - 36px));max-height:calc(100dvh - 86px);overflow:hidden;border:1px solid #cfdad7;border-top:3px solid #12a071;border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 18px 46px rgba(16,49,42,.23);color:#17231f;font-family:inherit;user-select:none}
.conversas-contexto[hidden]{display:none}
.conversas-contexto>header{display:grid;grid-template-columns:42px minmax(0,1fr) 34px;align-items:center;gap:9px;min-height:64px;padding:9px 11px;border-bottom:1px solid #e4ebe8;background:#fff;cursor:grab;touch-action:none}
.conversas-contexto>header:active{cursor:grabbing}
.conversas-contexto__icone{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#edf4ff,#e8f8f1);color:#3468ad;font-size:21px}
.conversas-contexto__titulo{min-width:0}.conversas-contexto__titulo strong,.conversas-contexto__titulo small{display:block}.conversas-contexto__titulo strong{font-size:16px;line-height:1.2}.conversas-contexto__titulo small{margin-top:3px;color:#77837f;font-size:11px}
.conversas-contexto>header button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #d7dfdc;border-radius:10px;background:#f7f9f8;color:#40504b;font-size:17px;cursor:pointer}.conversas-contexto>header button:hover{background:#eef4f1}
.conversas-contexto__conteudo{max-height:calc(100dvh - 153px);padding:12px;overflow:auto;overscroll-behavior:contain;user-select:text}
.conversas-contexto__estado{display:grid;min-height:205px;place-items:center;align-content:center;gap:8px;padding:22px;color:#50625d;text-align:center}.conversas-contexto__estado i{color:#ce5a4b;font-size:28px}.conversas-contexto__estado small{max-width:260px;color:#7a8984;line-height:1.45}.conversas-contexto__spinner{width:28px;height:28px;border:3px solid #d7e4df;border-top-color:#0a8f76;border-radius:50%;animation:integracaoConversasSpin .75s linear infinite}
.conversas-contexto__perfil{display:flex;align-items:center;gap:10px;padding:4px 2px 11px}.conversas-contexto__avatar{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:50%;background:linear-gradient(135deg,#5d83cf,#24a373);color:#fff;font-weight:800}.conversas-contexto__perfil>div{min-width:0}.conversas-contexto__perfil strong,.conversas-contexto__perfil small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversas-contexto__perfil strong{font-size:14px}.conversas-contexto__perfil small{margin-top:3px;color:#71807b;font-size:10px}
.conversas-contexto__dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:11px}.conversas-contexto__dados>span{min-width:0;padding:8px;border:1px solid #e1e8e5;border-radius:10px;background:#f7f9f8}.conversas-contexto__dados small,.conversas-contexto__dados b{display:block}.conversas-contexto__dados small{color:#7a8883;font-size:8px;text-transform:uppercase}.conversas-contexto__dados b{margin-top:4px;overflow:hidden;color:#40504b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.conversas-contexto__dados .is-positive{border-color:#bfe5d2;background:#effaf4}.conversas-contexto__dados .is-positive b{color:#11724f}.conversas-contexto__dados .is-negative{border-color:#f2cac4;background:#fff4f2}.conversas-contexto__dados .is-negative b{color:#b63f32}.conversas-contexto__dados .is-unknown b{color:#8a6a27}.conversas-contexto__dados .is-birthday{border-color:#afc9f8;background:#dde8fd}.conversas-contexto__dados .is-birthday b{color:#315da8}.conversas-contexto__dados .is-birthday em{display:inline-block;margin-top:5px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.72);color:#315da8;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.conversas-contexto__secao{margin-top:9px;padding-top:9px;border-top:1px solid #e6ecea}.conversas-contexto__secao>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#344740;font-size:11px;font-weight:800}.conversas-contexto__secao>header span{display:inline-flex;align-items:center;gap:6px}.conversas-contexto__secao>header i{color:#2c76b8;font-size:15px}.conversas-contexto__secao>header>b{min-width:22px;padding:3px 6px;border-radius:999px;background:#edf3f1;color:#61706b;font-size:9px;text-align:center}
.conversas-contexto__grupo{margin-top:9px;border:1px solid #dce5e2;border-radius:13px;background:#fff;overflow:hidden}.conversas-contexto__grupo>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:50px;padding:0 11px;color:#344740;font-size:11px;font-weight:800;cursor:pointer;list-style:none}.conversas-contexto__grupo>summary::-webkit-details-marker{display:none}.conversas-contexto__grupo>summary span{display:inline-flex;align-items:center;gap:7px;min-width:0}.conversas-contexto__grupo>summary span i{color:#2c76b8;font-size:16px}.conversas-contexto__grupo>summary>i{color:#72817c;font-size:16px;transition:transform .18s ease}.conversas-contexto__grupo[open]>summary{background:#f4f8f6}.conversas-contexto__grupo[open]>summary>i{transform:rotate(180deg)}.conversas-contexto__grupo>div{padding:0 8px 8px;border-top:1px solid #e6ecea}.conversas-contexto__grupo:not([open])>div{display:none}
.conversas-contexto__compra{margin-top:6px;border:1px solid #dce5e2;border-radius:11px;background:#fff;overflow:hidden}.conversas-contexto__compra summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:8px;min-height:47px;padding:7px 9px;cursor:pointer;list-style:none}.conversas-contexto__compra summary::-webkit-details-marker{display:none}.conversas-contexto__compra summary span{min-width:0}.conversas-contexto__compra summary span b,.conversas-contexto__compra summary span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversas-contexto__compra summary span b{font-size:11px}.conversas-contexto__compra summary span small{margin-top:2px;color:#7e8c87;font-size:9px}.conversas-contexto__compra summary>strong{color:#197657;font-size:11px}.conversas-contexto__compra summary>i{color:#72817c;transition:transform .18s ease}.conversas-contexto__compra[open] summary{background:#f4f8f6}.conversas-contexto__compra[open] summary>i{transform:rotate(180deg)}.conversas-contexto__compra>div{padding:5px 9px 9px;border-top:1px solid #e6ecea}
.conversas-contexto__registro{margin-top:6px;border:1px solid #dce5e2;border-radius:11px;background:#fff;overflow:hidden}.conversas-contexto__registro summary{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:43px;padding:7px 9px;cursor:pointer;list-style:none}.conversas-contexto__registro summary::-webkit-details-marker{display:none}.conversas-contexto__registro summary span b,.conversas-contexto__registro summary span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversas-contexto__registro summary span b{color:#43534e;font-size:10px}.conversas-contexto__registro summary span small{margin-top:2px;color:#82908b;font-size:9px}.conversas-contexto__registro summary>i{color:#72817c;transition:transform .18s ease}.conversas-contexto__registro[open] summary{background:#f4f8f6}.conversas-contexto__registro[open] summary>i{transform:rotate(180deg)}.conversas-contexto__registro>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 9px;border-top:1px solid #e6ecea}.conversas-contexto__registro>div>span{min-width:0;padding:6px 7px;border-radius:8px;background:#f7f9f8}.conversas-contexto__registro>div small,.conversas-contexto__registro>div b{display:block}.conversas-contexto__registro>div small{color:#7b8984;font-size:8px;text-transform:uppercase}.conversas-contexto__registro>div b{margin-top:3px;overflow:hidden;color:#40504b;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.conversas-contexto__registro>div>span.is-wide{grid-column:1/-1}.conversas-contexto__registro>div>span.is-wide b{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.35}
.conversas-contexto__compra ul,.conversas-contexto__lista{display:block;width:100%;margin:0;padding:0;list-style:none}.conversas-contexto__compra li,.conversas-contexto__lista li{position:static;float:none;display:flex;width:100%;min-width:0;height:auto;box-sizing:border-box;align-items:center;justify-content:space-between;place-items:initial;gap:8px;padding:6px 1px;border-right:0;border-bottom:1px dashed #e4e9e7}.conversas-contexto__compra li:last-child,.conversas-contexto__lista li:last-child{border-bottom:0}.conversas-contexto__compra li span{min-width:0;width:100%}.conversas-contexto__compra li span b,.conversas-contexto__compra li span small{display:block}.conversas-contexto__compra li b,.conversas-contexto__lista li b{color:#43534e;font-size:10px;font-weight:700}.conversas-contexto__compra li small,.conversas-contexto__lista li small{color:#82908b;font-size:9px}.conversas-contexto__vazio,.conversas-contexto__mais{margin:6px 0 0;color:#7b8984;font-size:9px;line-height:1.45}.conversas-contexto__mais{padding:6px 7px;border-radius:8px;background:#fff7e8;color:#8c6725}
.conversas-contexto__cliente360{width:100%;min-height:38px;margin-top:12px;border:1px solid #4f77c8;border-radius:10px;background:#fff;color:#315da8;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.conversas-contexto__cliente360:hover{background:#edf3ff}

@media (max-width: 620px) {
    .integracao-conversas-overlay > header {
        padding-right: 8px;
        padding-left: 8px;
    }

    .integracao-conversas-overlay > header > strong {
        display: none;
    }

    .integracao-conversas-tabs {
        justify-content: flex-start;
        margin: 0;
        overflow-x: auto;
    }

    .integracao-conversas-overlay > header button.integracao-conversas-tab {
        min-height: 36px;
        padding: 7px 11px;
        font-size: 11px;
        white-space: nowrap;
    }

    .conversas-contexto{top:calc(60px + env(safe-area-inset-top,0px));right:8px;width:calc(100vw - 16px);max-height:calc(100dvh - 68px - env(safe-area-inset-top,0px))}
    .conversas-contexto__conteudo{max-height:calc(100dvh - 135px - env(safe-area-inset-top,0px))}
}