/* Anúncio pronto com IA (Diego): botão no detalhe do veículo e modal de anúncios. Prefixo ls-. */
.ls-open{gap:8px}.ls-open .ls-spark{width:15px;height:15px;fill:var(--accent);flex:none;transition:transform .35s var(--ease-spring)}.ls-open:hover .ls-spark{transform:rotate(18deg) scale(1.15)}

.ls-dialog .dialog-body{background:linear-gradient(180deg,#fff8f3 0,#fff 200px)}
.ls-root{display:flex;flex-direction:column;gap:16px;min-width:0}

/* Diego */
.ls-hero{display:flex;gap:12px;align-items:flex-start}
.ls-face{position:relative;flex:none}
.ls-avatar.t-avatar{width:48px;height:48px;border:2px solid #fff;box-shadow:0 0 0 2px #c4501d2e,var(--shadow-sm)}
.ls-online{position:absolute;right:1px;bottom:1px;width:12px;height:12px;border-radius:50%;background:#22a565;border:2px solid #fff}
.ls-hero.is-busy .ls-avatar{animation:ls-breathe 1.6s ease-in-out infinite}
.ls-bubble{position:relative;flex:1;min-width:0;background:#fff;border:1px solid #f2e2d6;border-radius:4px 14px 14px 14px;padding:10px 14px 12px;box-shadow:var(--shadow-xs);animation:ls-pop .38s var(--ease-spring) both;transform-origin:0 0}
.ls-bubble header{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px}
.ls-bubble header b{font-size:13px;color:#c4501d}
.ls-bubble header small{font-size:11px;color:var(--muted-2)}
.ls-bubble p{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2);overflow-wrap:anywhere}
.ls-source{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#f1f3f6;color:#5f6876;white-space:nowrap}
.ls-source.is-ai{background:var(--accent-soft);color:var(--accent-ink)}
.ls-source svg,.ls-source .icon{width:12px;height:12px;fill:currentColor}
.ls-notice{display:flex;gap:6px;align-items:center;margin-top:7px;font-size:11px;color:var(--warning);line-height:1.5}.ls-notice .icon{width:13px;height:13px;flex:none}
.ls-dots{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}
.ls-dots i{width:5px;height:5px;border-radius:50%;background:#c4501d;opacity:.3;animation:ls-dot 1s infinite}
.ls-dots i:nth-child(2){animation-delay:.15s}.ls-dots i:nth-child(3){animation-delay:.3s}
.ls-retry{background:none;border:0;padding:0;margin-left:4px;font:inherit;font-weight:600;color:var(--accent-ink);text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* Carro */
.ls-car{display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-xs)}
.ls-car-photo{width:76px;height:50px;border-radius:8px;overflow:hidden;flex:none;background:#f1f3f6}
.ls-car-photo>*{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover;display:block;margin:0;border-radius:0}
.ls-car-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ls-car-copy strong{font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-car-copy small{font-size:11px;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ls-car-price{font-size:16px;font-weight:750;letter-spacing:-.4px;color:var(--accent);white-space:nowrap}

/* Tom */
.ls-tones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ls-tones button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s var(--ease),background .2s}
.ls-tones button:hover:not([aria-disabled=true]){border-color:#d4d9e1;transform:translateY(-1px)}
.ls-tones button:active:not([aria-disabled=true]){transform:translateY(0) scale(.98)}
.ls-tones button[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:linear-gradient(180deg,#fff 30%,var(--accent-soft))}
.ls-tones button[aria-disabled=true]{cursor:progress}.ls-tones button[aria-disabled=true]:not([aria-checked=true]){opacity:.6}
.ls-tones strong{font-size:12.5px;color:var(--ink)}.ls-tones button[aria-checked=true] strong{color:var(--accent-ink)}
.ls-tones small{font-size:11px;color:var(--muted-2)}

/* Canais */
.ls-tabs{display:flex;gap:4px;padding:4px;background:#f2f3f6;border-radius:11px;overflow-x:auto;scrollbar-width:none}.ls-tabs::-webkit-scrollbar{display:none}
.ls-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--muted);font:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.ls-tab:hover{color:var(--ink-2)}
.ls-tab i{width:8px;height:8px;border-radius:50%;background:var(--dot);flex:none}
.ls-tab.is-webmotors{--dot:#e1262d}.ls-tab.is-olx{--dot:#6e0ad6}.ls-tab.is-instagram{--dot:linear-gradient(135deg,#f9a72b,#e1306c 55%,#833ab4)}.ls-tab.is-whatsapp{--dot:#25d366}
.ls-tab[aria-selected=true]{background:#fff;color:var(--ink);box-shadow:var(--shadow-sm)}

.ls-panel{min-height:250px}
.ls-panel-in{animation:ls-fade .3s var(--ease) both}
.ls-hint{font-size:11.5px;color:var(--muted-2);margin:0 0 12px;line-height:1.5}
.ls-field{margin-bottom:14px;min-width:0}
.ls-field-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.ls-field-head label,.ls-sk-label{font-size:12px;font-weight:600;color:var(--ink-2);margin-right:auto}
.ls-count{font-size:11px;color:var(--muted-2);font-variant-numeric:tabular-nums;white-space:nowrap;transition:color .2s}
.ls-count.is-near{color:var(--warning)}.ls-count.is-over{color:var(--danger);font-weight:600}
.ls-copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;min-height:28px;border-radius:7px;border:1px solid var(--line);background:#fff;font:inherit;font-size:11px;font-weight:600;color:var(--ink-2);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.ls-copy .icon{width:13px;height:13px}
.ls-copy:hover{border-color:var(--accent);color:var(--accent-ink)}
.ls-copy.is-copied,.ls-copy-all.is-copied{background:var(--success-soft)!important;border-color:#bfe3d1!important;color:var(--success)!important}
.ls-copy-all.is-copied .icon{animation:ls-pop .35s var(--ease-spring)}
.ls-input.m-input{font-size:13px;line-height:1.65;color:var(--ink-2)}
textarea.ls-input{min-height:170px;resize:vertical;display:block}
textarea.ls-input.is-tags{min-height:66px;color:#2f5fb3}
.ls-link{display:flex;gap:8px;align-items:flex-start;font-size:11.5px;line-height:1.55;color:var(--muted);background:#f6f7f9;border-radius:8px;padding:9px 11px;margin:0 0 10px}
.ls-link.is-on{background:var(--success-soft);color:var(--success)}
.ls-link .icon{width:14px;height:14px;flex:none;margin-top:1px}
.ls-link b{color:var(--ink-2);font-weight:600}
.ls-wa.text-btn{display:inline-flex;align-items:center;gap:6px;color:#128c4b;font-size:12.5px;font-weight:600}.ls-wa .icon{width:15px;height:15px}

/* Carregando */
.ls-sk{border:1px solid var(--line-soft);border-radius:6px;padding:13px 12px;display:flex;flex-direction:column;gap:9px;min-height:170px;background:#fff}
.ls-sk i{display:block;height:9px;border-radius:5px;background:linear-gradient(90deg,#f0f2f5 0,#fde6d8 40%,#f0f2f5 80%);background-size:200% 100%;animation:ls-shimmer 1.3s linear infinite}
.ls-sk i:nth-child(2){width:86%}.ls-sk i:nth-child(3){width:62%}
.ls-sk.is-line{min-height:0}.ls-sk.is-line i{width:70%}.ls-sk.is-line i+i{display:none}
.ls-sk.is-tags{min-height:66px}
.ls-sk-label{display:block;margin-bottom:6px;color:var(--muted-2)}
.ls-error{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:36px 16px;color:var(--muted);font-size:12.5px}
.ls-error>.icon{width:28px;height:28px;color:var(--danger)}.ls-error p{margin:0;max-width:380px;line-height:1.6}

.ls-review{display:flex;gap:9px;align-items:flex-start;margin:0;font-size:11.5px;line-height:1.6;color:var(--muted);border-top:1px dashed var(--line);padding-top:12px}
.ls-review .icon{width:15px;height:15px;color:var(--muted-2);flex:none;margin-top:2px}.ls-review b{color:var(--ink-2);font-weight:600}

.ls-dialog .dialog-footer{gap:8px}
.ls-dialog .dialog-footer>.outline-btn:first-child{margin-right:auto}
.ls-dialog .dialog-footer button .icon{width:15px;height:15px}

@keyframes ls-pop{from{opacity:0;transform:scale(.94) translateY(4px)}to{opacity:1;transform:none}}
@keyframes ls-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes ls-dot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes ls-shimmer{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes ls-breathe{0%,100%{box-shadow:0 0 0 2px #c4501d2e,var(--shadow-sm)}50%{box-shadow:0 0 0 6px #c4501d1f,var(--shadow-sm)}}

@media(max-width:600px){
  .ls-open-long{display:none}
  .ls-root{gap:14px}
  .ls-avatar.t-avatar{width:40px;height:40px}
  .ls-bubble{padding:9px 12px 11px}.ls-bubble p{font-size:12.5px}
  .ls-source{margin-left:0}
  .ls-car{padding:8px 10px 8px 8px;gap:10px}.ls-car-photo{width:60px;height:42px}.ls-car-price{font-size:14px}
  .ls-tones{gap:6px}.ls-tones button{padding:9px 8px;align-items:center;text-align:center}.ls-tones small{display:none}
  .ls-tab{flex:1 0 auto;padding:0 8px;gap:5px;font-size:11.5px}.ls-tab i{width:6px;height:6px}
  .ls-tabs{margin:0 -2px}
  textarea.ls-input{min-height:200px}
  .ls-dialog .dialog-footer>.outline-btn:first-child{margin-right:0}
  .ls-dialog .dialog-footer .ls-copy-all{order:-1;flex-basis:100%}
}
@media(max-width:420px){.ls-tab i{display:none}.ls-tab{padding:0 7px}}
@media(prefers-reduced-motion:reduce){.ls-root *,.ls-open .ls-spark{animation:none!important;transition:none!important}}

/* Versão anterior (por canal): ao lado da dica do canal. */
.ls-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px 14px;flex-wrap:wrap;margin:0 0 12px}
.ls-panel-top .ls-hint{margin:0;flex:1 1 220px}
.ls-undo{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;min-height:28px}.ls-undo .icon{width:13px;height:13px}
/* Rodapé do detalhe do veículo: rótulo curto, para "Nova negociação" não ir para uma segunda linha. */
.m-detail-dialog .ls-open-long{display:none}