.name-line{display:flex;align-items:center;gap:6px}.mini-alert{width:15px;height:15px;border-radius:50%;display:inline-grid;place-items:center;background:#fff0f0;color:#b42318;font-size:9px;font-weight:800}.mini-done{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;background:#ecfdf3;color:#027a48;font-size:9px;font-weight:800}.empty-state{padding:20px;font-size:12px;color:#667085}.conversation-item.is-resolved{opacity:.68}.tag.done{background:#ecfdf3;color:#027a48}.media-message{padding:9px 10px}.audio-row{display:flex;align-items:center;gap:9px;min-width:230px}.play-audio{width:31px;height:31px;border:0;border-radius:50%;background:#275d90;color:#fff;font-size:10px;display:grid;place-items:center;flex:none}.waveform{height:28px;display:flex;align-items:center;gap:2px;flex:1}.waveform i{display:block;width:3px;border-radius:3px;background:#8aa9c4}.waveform i:nth-child(1),.waveform i:nth-child(7){height:8px}.waveform i:nth-child(2),.waveform i:nth-child(10){height:15px}.waveform i:nth-child(3),.waveform i:nth-child(6),.waveform i:nth-child(11){height:22px}.waveform i:nth-child(4),.waveform i:nth-child(8){height:12px}.waveform i:nth-child(5),.waveform i:nth-child(9),.waveform i:nth-child(12){height:18px}.audio-message.playing .waveform i{animation:pulseWave .8s ease-in-out infinite alternate}.audio-message.playing .waveform i:nth-child(even){animation-delay:.2s}@keyframes pulseWave{from{opacity:.45;transform:scaleY(.7)}to{opacity:1;transform:scaleY(1.15)}}.audio-row strong{font-size:9px;color:#667085}.transcript{margin-top:8px;border-top:1px solid #e4e7ec;padding-top:7px}.transcript summary{cursor:pointer;font-size:9px;font-weight:700;color:#275d90}.transcript p{font-size:10px;line-height:1.45;color:#475467;margin:7px 0 0}.file-card{display:grid;grid-template-columns:36px 1fr 26px;align-items:center;gap:8px;min-width:230px}.file-icon{width:36px;height:40px;border-radius:8px;background:#fff0f0;color:#b42318;display:grid;place-items:center;font-size:8px;font-weight:800}.file-card strong,.file-card span{display:block}.file-card strong{font-size:10px;word-break:break-word}.file-card span{font-size:8px;color:#98a2b3;margin-top:3px}.file-card button{border:0;background:transparent;color:#667085;font-size:16px}.image-placeholder{width:220px;height:115px;border-radius:10px;background:linear-gradient(135deg,#dce7f1,#eef3f7 55%,#cbdce9);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#52718e}.image-placeholder span{font-size:9px;font-weight:800;letter-spacing:.12em}.image-placeholder small{margin-top:5px;color:#667085!important}.media-caption{font-size:10px;margin:8px 2px 2px;line-height:1.4}.ai-suggestion.needs-review{background:#fffaf3;border-color:#fedf89}.ai-suggestion.needs-review .ai-head strong,.ai-suggestion.needs-review .ai-head span{color:#b54708}.review-banner{font-size:9px;line-height:1.45;color:#93370d;background:#fff4e5;border:1px solid #fedf89;padding:8px 9px;border-radius:8px;margin-bottom:8px}.approve-btn:disabled,.edit-btn:disabled{background:#f2f4f7!important;color:#98a2b3!important;cursor:not-allowed}.composer textarea:focus{border-color:#98b9d7;box-shadow:0 0 0 3px rgba(39,93,144,.08)}.conversation-item{transition:background .15s ease,box-shadow .15s ease}.chip,.filter-btn,.send-btn,.ai-actions button,.composer-icon{transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.send-btn:hover,.approve-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(39,93,144,.18)}.chip:hover,.filter-btn:hover,.composer-icon:hover{background:#f8fafc}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.control-grid label{font-size:9px;color:#667085;font-weight:700}.control-grid select{width:100%;margin-top:5px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;padding:8px 7px;font-size:10px;color:#101828;outline:none}.control-grid select:focus{border-color:#98b9d7}.resolve-btn{width:100%;margin-top:9px;border:0;border-radius:9px;padding:9px 10px;background:#275d90;color:#fff;font-size:10px;font-weight:700}.resolve-btn.resolved{background:#ecfdf3;color:#027a48;border:1px solid #abefc6}.context-result{padding:9px 10px;border:1px solid #e4e7ec;border-radius:9px;background:#f8fafc}.context-result strong{font-size:9px;color:#344054}.context-result p{font-size:9px;line-height:1.4;color:#667085;margin:4px 0 0}.context-result.alert{background:#fff6ed;border-color:#fedf89}.note-form{display:grid;gap:6px}.note-form textarea{resize:vertical;border:1px solid #e4e7ec;border-radius:9px;padding:8px;font-size:10px;outline:none}.note-form textarea:focus{border-color:#98b9d7}.note-form button{justify-self:end;border:0;border-radius:8px;background:#eef5fb;color:#275d90;padding:7px 9px;font-size:9px;font-weight:800}.notes-list{display:grid;gap:6px;margin-top:8px}.internal-note{padding:8px 9px;border-radius:9px;background:#fffdf5;border:1px solid #f5e7b2}.internal-note p{font-size:9px;line-height:1.4;margin:0;color:#475467}.internal-note small{display:block;font-size:8px;color:#98a2b3;margin-top:5px}.empty-note{font-size:9px;color:#98a2b3;padding:5px 0}.simulator-bar{margin:0 24px 14px;padding:12px 14px;border:1px solid #d7e6f3;border-radius:14px;background:linear-gradient(135deg,#f8fbfe,#eef5fb);display:grid;grid-template-columns:minmax(230px,.8fr) minmax(360px,1.2fr);gap:14px;align-items:center}.simulator-bar>div{display:grid;gap:3px}.simulator-badge{display:inline-flex;width:max-content;padding:3px 7px;border-radius:999px;background:#275d90;color:#fff;font-size:8px;font-weight:800;letter-spacing:.08em}.simulator-bar strong{font-size:12px;color:#101828}.simulator-bar small{font-size:9px;line-height:1.4;color:#667085}.simulator-form{display:grid;grid-template-columns:1fr auto;gap:8px}.simulator-form input{min-width:0;border:1px solid #d0d5dd;border-radius:10px;background:#fff;padding:10px 11px;font:inherit;font-size:10px;outline:none}.simulator-form input:focus{border-color:#98b9d7;box-shadow:0 0 0 3px rgba(39,93,144,.08)}.simulator-form button{border:0;border-radius:10px;background:#275d90;color:#fff;padding:10px 12px;font-size:9px;font-weight:800;white-space:nowrap}.simulator-form button:disabled{opacity:.6;cursor:wait}@media(max-width:980px){.simulator-bar{grid-template-columns:1fr}.simulator-form{grid-template-columns:1fr auto}}.context-semaphore{gap:10px;padding:8px 12px!important;border-radius:14px!important;min-width:240px;justify-content:flex-start;align-items:center}.context-semaphore>span:last-child{display:flex;flex-direction:column;gap:2px;line-height:1.15}.context-semaphore b{display:block;font-size:11px;color:#101828;white-space:nowrap}.context-semaphore small{display:block;font-size:8px;color:#667085;white-space:nowrap}.traffic-lights{display:flex;gap:5px;align-items:center;padding:5px 6px;border-radius:999px;background:#111827;flex:none}.traffic-lights i{display:block;width:9px;height:9px;border-radius:50%;opacity:.28;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.traffic-lights .red{background:#ef4444}.traffic-lights .amber{background:#f59e0b}.traffic-lights .green{background:#22c55e}.traffic-lights i.active{opacity:1;box-shadow:0 0 0 3px rgba(148,163,184,.18),0 0 8px currentColor}.context-semaphore.is-ready{border-color:#bbf7d0;background:#f0fdf4}.context-semaphore.is-review,.context-semaphore.is-checking{border-color:#fde68a;background:#fffbeb}.context-semaphore.is-error{border-color:#fecaca;background:#fef2f2}@media(max-width:1100px){.context-semaphore{min-width:210px;padding:7px 10px!important}.context-semaphore small{display:none}}

.context-semaphore{display:flex;align-items:center;gap:10px;padding:7px 11px;border-radius:12px;min-width:210px;justify-content:flex-start;white-space:nowrap}.context-semaphore .traffic-lights{display:inline-flex;gap:4px;align-items:center;padding:4px 5px;border-radius:999px;background:#101828;flex:none}.context-semaphore .traffic-lights i{display:block;width:9px;height:9px;border-radius:50%;opacity:.22}.context-semaphore .traffic-lights .red{background:#ef4444}.context-semaphore .traffic-lights .amber{background:#f59e0b}.context-semaphore .traffic-lights .green{background:#22c55e}.context-semaphore .traffic-lights i.active{opacity:1;box-shadow:0 0 0 3px rgba(148,163,184,.16)}.context-semaphore>span:last-child{display:grid;gap:1px}.context-semaphore b{display:block;font-size:10px;line-height:1.1}.context-semaphore small{display:block;font-size:7px;line-height:1.1}

.reply-message-btn{display:block;margin:6px 0 0 auto;border:0;background:transparent;color:#275d90;font-size:9px;font-weight:800;cursor:pointer;padding:2px 0}
.reply-message-btn:hover{text-decoration:underline}
.reply-target-banner{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 9px;padding:8px 9px;border:1px solid #bfdbfe;border-left:3px solid #275d90;border-radius:9px;background:#eff6ff}
.reply-target-banner strong{display:block;font-size:9px;color:#275d90;margin-bottom:3px}.reply-target-banner p{margin:0;font-size:9px;line-height:1.35;color:#475467;max-height:38px;overflow:hidden}
.reply-target-banner button{border:0;background:transparent;color:#667085;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}

/* Fase 7: pulido del centro de conversaciones */
.ai-actions{align-items:center;flex-wrap:wrap}.regenerate-btn{margin-left:auto;border:1px solid #cbd5e1;background:#fff;color:#275d90}.ai-regenerate-composer{height:38px;flex:none;border:1px solid #cbd5e1;background:#f8fbfe;color:#275d90;border-radius:10px;padding:0 10px;font-size:9px;font-weight:800;white-space:nowrap}.ai-regenerate-composer:hover,.regenerate-btn:hover{background:#eef5fb}.ai-regenerate-composer:disabled{opacity:.55;cursor:wait}.chat-header{overflow:hidden}.chat-person{min-width:165px;max-width:210px;flex:0 1 195px}.chat-person>div:last-child{min-width:0}.chat-person strong,.chat-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-tags{flex:none;max-width:94px}.header-tags .tag{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prospect-panel{scrollbar-width:thin}.ai-suggestion{scrollbar-width:thin}.messages{scrollbar-width:thin}.message{word-break:break-word}.message strong,.ai-copy strong{font-weight:800}.composer textarea{resize:none;overflow-y:auto}.conversation-item.new-arrival{animation:newConversationFlash 1.2s ease}@keyframes newConversationFlash{0%{background:#dcfce7}100%{background:transparent}}@media(max-width:1280px) and (min-width:1181px){.chat-person{max-width:175px}.header-tags{display:none}.close-probability-header{min-width:250px}}


/* Conversaciones: buscador integrado + estado no abierto/en vivo */
.conversation-tools{padding:12px 12px 8px;background:#fbfcfd;border-bottom:1px solid #edf1f5}.conversation-tools-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.conversation-tools-head>div{display:flex;align-items:center;gap:8px}.conversation-tools-head strong{font-size:12px;color:#101828}.conversation-tools-head small{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#667085}.conversation-tools-head small span{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.1)}.conversation-tools .search-wrap{height:40px;border-radius:12px;border-color:#d8e0ea;box-shadow:0 2px 8px rgba(16,24,40,.03);padding:0 11px}.conversation-tools .search-wrap:focus-within{border-color:#7ca7ce;box-shadow:0 0 0 3px rgba(39,93,144,.08)}.conversation-tools .filter-btn{height:30px;padding:0 10px;border-radius:9px}.filters{padding:8px 12px!important;background:#fbfcfd;border-bottom:1px solid #edf1f5}.conversation-item.is-unopened{background:#f7fbff}.conversation-item.has-unread .meta strong,.conversation-item.is-unopened .meta strong{font-weight:800;color:#0f172a}.avatar-wrap{position:relative;width:38px}.unopened-dot{position:absolute;right:1px;top:0;width:9px;height:9px;border-radius:50%;background:#2f80ed;border:2px solid #fff;box-shadow:0 0 0 2px rgba(47,128,237,.12)}.new-label{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:999px;background:#e8f2ff;color:#2166a5;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.read-label{display:inline-flex;align-items:center;height:16px;padding:0 5px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.conversation-side{display:flex;flex-direction:column;align-items:flex-end;min-width:30px}.conversation-item.has-unread{box-shadow:inset 3px 0 #2f80ed}.conversation-item.has-unread.active{box-shadow:inset 3px 0 var(--brand)}.conversation-item.has-unread,.conversation-item.is-unopened{background:#eaf3ff!important;border-left:4px solid #2f80ed!important}.conversation-item.has-unread:hover,.conversation-item.is-unopened:hover{background:#dcecff!important}.conversation-item.has-unread .meta strong,.conversation-item.is-unopened .meta strong{font-weight:900!important;color:#0f172a!important}.conversation-item.is-read{background:#ecfdf3!important;border-left:4px solid #12b76a!important}.conversation-item.is-read:hover{background:#dcfae6!important}.conversation-item.is-read .meta strong{font-weight:700!important;color:#344054!important}.conversation-item.is-read .read-label{background:#d1fadf!important;color:#067647!important;font-weight:800!important}.conversation-item.has-unread .new-label,.conversation-item.is-unopened .new-label{background:#dcecff!important;color:#175cd3!important;font-weight:900!important}.conversation-item.active{outline:2px solid rgba(39,93,144,.22)!important;outline-offset:-2px!important}

/* Fix definitivo: buscador/filtros no se enciman con la lista */
.conversation-list-panel{display:flex;flex-direction:column;overflow:hidden}
.conversation-tools{flex:0 0 auto;position:relative;z-index:2}
.filters{flex:0 0 46px;min-height:46px;max-height:46px;display:flex;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;position:relative;z-index:2}
.filters::-webkit-scrollbar{display:none}
.filters .chip{flex:0 0 auto;height:28px;display:inline-flex;align-items:center}
.conversation-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;background:#fbfcfd}

.composer-icon:disabled{opacity:.55;cursor:wait}.msg-check.read{color:#16a34a!important}

/* Adjuntos y grabación de voz */
.attachment-wrap{position:relative;flex:none}.attachment-menu{position:absolute;left:0;bottom:46px;z-index:30;min-width:145px;padding:6px;background:#fff;border:1px solid #dfe5ec;border-radius:12px;box-shadow:0 12px 28px rgba(16,24,40,.16)}.attachment-menu[hidden]{display:none!important}.attachment-menu button{width:100%;border:0;background:#fff;border-radius:8px;padding:9px 10px;display:flex;align-items:center;gap:8px;text-align:left;color:#344054;font-size:10px;font-weight:700;cursor:pointer}.attachment-menu button:hover{background:#f5f8fb}.mic-btn{font-size:15px;display:grid;place-items:center}.mic-btn.is-recording{background:#fff1f0!important;border-color:#fda29b!important;animation:micPulse 1s ease-in-out infinite}.recording-bar{position:absolute;left:12px;right:12px;bottom:56px;z-index:25;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #fda29b;border-radius:12px;padding:9px 10px;box-shadow:0 10px 25px rgba(16,24,40,.12);font-size:10px}.recording-bar[hidden]{display:none!important}.recording-dot{width:8px;height:8px;border-radius:50%;background:#f04438;animation:micPulse 1s ease-in-out infinite}.recording-bar strong{color:#b42318}.recording-bar button{margin-left:auto;border:0;background:transparent;color:#667085;font-size:9px;font-weight:800;cursor:pointer}.recording-bar .recording-send{margin-left:0;background:#275d90;color:#fff;border-radius:8px;padding:7px 9px}@keyframes micPulse{50%{opacity:.45;transform:scale(.92)}}.native-audio{display:block;width:min(290px,100%);height:34px;margin:2px 0 4px}

/* Stickers de WhatsApp */
.sticker-message{background:transparent!important;box-shadow:none!important;border:0!important;padding:4px!important}.whatsapp-sticker{display:block;max-width:170px;max-height:170px;object-fit:contain}.sticker-message small{padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.84);width:max-content}.sticker-placeholder{width:120px;height:90px;display:grid;place-items:center;border:1px dashed #cbd5e1;border-radius:14px;color:#667085;background:#f8fafc;font-size:10px;font-weight:700}

/* Instrucciones rápidas para la IA */
.ai-instruction-panel{margin:8px 0 10px;padding:10px;border:1px solid #d7e4f0;border-radius:12px;background:#f8fbfe}.ai-instruction-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.ai-instruction-title strong{font-size:12px;color:#173b5f}.ai-instruction-title small{font-size:9px;color:#7a8ba0}.ai-quick-instructions{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:7px}.ai-quick-instructions button{border:1px solid #c9d9e8;background:#fff;color:#275d90;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700;cursor:pointer}.ai-quick-instructions button:hover{background:#eaf3fb}.ai-instruction-row{display:flex;gap:6px}.ai-instruction-row input{min-width:0;flex:1;border:1px solid #ccd9e5;border-radius:9px;padding:7px 9px;font-size:10px;outline:none;background:#fff}.ai-instruction-row input:focus{border-color:#275d90;box-shadow:0 0 0 2px rgba(39,93,144,.1)}.ai-instruction-row button{border:0;border-radius:9px;background:#275d90;color:#fff;padding:7px 11px;font-size:10px;font-weight:800;cursor:pointer}.message.out .reply-message-btn{opacity:.72}.message.out:hover .reply-message-btn{opacity:1}

.ai-instruct-composer{border:1px solid #d5dfeb;background:#fff;color:#275d90;border-radius:10px;padding:0 9px;height:40px;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.composer-ai-instruction{position:absolute;left:104px;right:88px;bottom:54px;z-index:25;display:grid;grid-template-columns:1fr auto;gap:7px;padding:10px;background:#fff;border:1px solid #d4e1ed;border-radius:12px;box-shadow:0 12px 30px rgba(20,48,78,.14)}.composer-ai-instruction[hidden]{display:none}.composer-ai-chips{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap}.composer-ai-chips button{border:1px solid #cbdbea;background:#f7fbff;color:#275d90;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:800;cursor:pointer}.composer-ai-instruction input{min-width:0;border:1px solid #cbd7e3;border-radius:9px;padding:8px 9px;font-size:10px;outline:none}.composer-ai-instruction>button{border:0;background:#275d90;color:#fff;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;cursor:pointer}.composer{position:relative}@media(max-width:1180px){.ai-instruct-composer{padding:0 7px;font-size:0}.ai-instruct-composer::after{content:'🎯';font-size:14px}.composer-ai-instruction{left:12px;right:12px}}


/* Responsive tablet: the desktop right rail is hidden */
@media(max-width:1180px) and (min-width:821px){.prospect-ai-panel{display:none}}

/* Inline editing for AI suggestion */
.ai-edit-textarea{width:100%;min-height:132px;box-sizing:border-box;resize:vertical;border:1px solid #c7b9ff;border-radius:10px;background:#fff;padding:10px;font:inherit;font-size:10px;line-height:1.5;color:#344054;outline:none}
.ai-edit-textarea:focus{border-color:#7f56d9;box-shadow:0 0 0 3px rgba(127,86,217,.10)}
.ai-edit-help{display:block;margin:5px 2px 9px;color:#667085;font-size:8px}
.ai-empty{padding:12px 10px;margin:6px 0 10px;border:1px dashed #c7b9ff;border-radius:10px;background:rgba(255,255,255,.65)}
.ai-empty strong{display:block;font-size:10px;color:#5925dc;margin-bottom:4px}.ai-empty p{margin:0;font-size:9px;line-height:1.45;color:#667085}


/* Canonical message controls */
.msg-check{display:inline-flex;align-items:center;gap:2px;font-size:8px;font-weight:800;letter-spacing:-.4px;white-space:nowrap}
.msg-check.sent,.msg-check.delivered{color:#667085}
.msg-check.read{color:#12a66a}
.message{position:relative;padding:10px 13px;border-radius:16px;box-shadow:none;overflow:visible}
.message.out{background:#e7f1f8}
.message.in{background:#fff}
.messages{overflow-x:hidden}
.message-content{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.message-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:7px;min-width:0}
.message-meta{display:flex;align-items:center;gap:5px;min-width:0;color:#718096;font-size:8px;line-height:1.2;white-space:nowrap}
.message-meta>span+span::before{content:"·";margin-right:5px;color:#94a3b8}
.message-time{flex:none}
.message-owner{min-width:0;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.message-edited{flex:none}
.message-actions{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0;z-index:4;overflow:visible;white-space:nowrap}
.action-text,.action-emoji,.action-more{border:0;background:transparent;color:#52718e;cursor:pointer;padding:1px 2px;line-height:1}
.action-text{font-size:9px;font-weight:800}
.action-text:hover{text-decoration:underline}
.action-emoji{font-size:14px;filter:grayscale(.08)}
.action-more{font-size:17px;font-weight:800;letter-spacing:1px}
.message.in .action-text,.message.in .action-more{color:#667085}
.reaction-popover{position:absolute;right:24px;bottom:24px;display:flex;gap:3px;min-width:max-content;white-space:nowrap;background:#fff;border:1px solid #e6eaf0;border-radius:999px;box-shadow:0 10px 24px rgba(16,24,40,.14);padding:5px 6px;z-index:50}
.message.in .reaction-popover{left:0;right:auto}
.reaction-popover[hidden]{display:none}
.reaction-popover .react-message-btn{width:28px;height:28px;border:0;background:transparent;border-radius:50%;font-size:16px;cursor:pointer;padding:0}
.reaction-popover .react-message-btn:hover{background:#f2f4f7}
.reaction-toggle-btn[aria-expanded="true"]{background:#eef5fb}
.message-action-popover{position:absolute;bottom:24px;right:0;min-width:112px;background:#fff;border:1px solid #e6eaf0;border-radius:12px;box-shadow:0 12px 30px rgba(16,24,40,.14);padding:5px;z-index:20}
.message.in .message-action-popover{left:auto;right:0}
.message-action-popover[hidden]{display:none}
.reaction-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding-bottom:6px;margin-bottom:5px;border-bottom:1px solid #eef1f4}
.reaction-actions button{height:28px;border:0;background:transparent;border-radius:7px;font-size:15px;cursor:pointer;padding:0}
.reaction-actions button:hover{background:#f2f4f7}
.message-menu-list{display:grid;gap:2px}
.msg-menu-item{width:100%;border:0;background:transparent;color:#344054;text-align:left;padding:7px 8px;border-radius:7px;font-size:10px;font-weight:650;cursor:pointer}
.msg-menu-item:hover{background:#f2f4f7}
.msg-menu-item.danger{color:#b42318}
.msg-menu-item.danger:hover{background:#fff1f0}
.reaction-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;margin-top:5px;margin-right:3px;padding:0 5px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;font-size:11px;box-shadow:0 1px 3px rgba(16,24,40,.06)}
.deleted-message{color:#98a2b3;background:#f8fafc;border:1px solid #e4e7ec;font-size:11px}

/* Canonical desktop right rail: AI above, prospect below */
@media(min-width:1181px){
  .conversation-layout{grid-template-columns:310px minmax(420px,1fr) 320px}
  .prospect-ai-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;overflow:hidden;background:#eef2f6;padding:0}
  .ai-right-zone{grid-row:1;min-height:0;max-height:46vh;height:auto;overflow:auto;overscroll-behavior:contain;border-left:1px solid #d8d3ff;border-top:0;border-bottom:1px solid #d8d3ff;background:#f7f5ff;padding:12px 12px 18px;box-shadow:inset 0 8px 16px rgba(89,37,220,.03)}
  .prospect-panel-top{grid-row:2;display:block;min-height:0;max-height:none;height:auto;overflow:auto;border-left:1px solid #e4e7ec;border-top:0;border-bottom:0;background:#fff;padding-bottom:14px;box-shadow:0 1px 0 rgba(16,24,40,.04)}
  .ai-sidebar-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 2px 8px;padding-bottom:8px;border-bottom:1px solid #ded8ff}
  .ai-sidebar-label span{font-size:11px;font-weight:800;color:#5925dc}
  .ai-sidebar-label small{font-size:8px;color:#98a2b3;text-align:right}
  .ai-suggestion.ai-suggestion-side{margin:0 0 10px;max-height:none;overflow:visible;border-radius:12px;border-color:#d8d3ff;background:#fbfaff;padding:10px;box-shadow:0 5px 18px rgba(89,37,220,.06)}
  .ai-suggestion-side .ai-head{align-items:flex-start}
  .ai-suggestion-side .ai-head strong{font-size:10px}
  .ai-suggestion-side .ai-head span{font-size:8px;text-align:right}
  .ai-suggestion-side .ai-copy{font-size:10px;line-height:1.45;padding-bottom:8px}
  .ai-suggestion-side .ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .ai-suggestion-side .ai-actions button{width:100%;margin:0;padding:7px 6px;font-size:9px}
  .ai-right-zone::after{content:"";display:block;height:10px}
  .ai-right-zone:has(.ai-suggestion-side[style*="display: none"]){padding-bottom:10px;overflow:hidden}
  .ai-right-zone:has(.ai-suggestion-side[style*="display: none"]) .ai-sidebar-label{margin-bottom:0;border-bottom:0;padding-bottom:0}
}

/* Pipeline tags */
.pipeline-control{display:grid;gap:7px;margin:8px 0 10px}.pipeline-control>span{font-size:8px;font-weight:800;letter-spacing:.08em;color:#667085}.pipeline-tags{display:flex;gap:6px;flex-wrap:wrap}.pipeline-tag{border:1px solid #d0d5dd;background:#fff;color:#475467;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer;transition:.15s}.pipeline-tag:hover{border-color:#98a2b3;background:#f9fafb}.pipeline-tag.active{border-color:#275d90;background:#eaf3fb;color:#173b5f;box-shadow:0 0 0 2px rgba(39,93,144,.08)}.single-owner{grid-template-columns:1fr!important}.pipeline-mini{display:inline-flex;align-items:center;height:16px;padding:0 6px;border-radius:999px;font-size:7px;font-weight:800;white-space:nowrap;background:#eef2f6;color:#475467}.pipeline-lead{background:#eef2f6;color:#475467}.pipeline-contactado{background:#eaf3fb;color:#175cd3}.pipeline-pendiente-de-pago{background:#fff4e5;color:#b54708}.pipeline-cliente{background:#ecfdf3;color:#067647}.pipeline-cancelado{background:#fef3f2;color:#b42318}


/* Header comercial: avance de cierre + pipeline, sin duplicar identidad */
.chat-commercial-header{
  min-width:0;
  flex:1 1 auto;
  display:grid;
  gap:6px;
  align-self:center;
}
.chat-commercial-header .close-probability-header{
  margin:0;
  max-width:none;
  width:100%;
}
.chat-pipeline-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:0 3px;
}
.chat-pipeline-label{
  flex:none;
  color:#667085;
  font-size:7px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.header-pipeline-tags{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:5px;
  min-width:0;
}
.header-pipeline-tags .pipeline-tag{
  padding:4px 7px;
  font-size:8px;
  line-height:1;
}
.prospect-panel-top .management-title{
  margin-top:2px;
}
@media(max-width:1280px) and (min-width:1181px){
  .chat-commercial-header{gap:4px}
  .header-pipeline-tags .pipeline-tag{padding:3px 6px;font-size:7px}
  .chat-pipeline-label{display:none}
}


/* Commercial header V3 — compact, aligned, single-row pipeline */
.chat-header{
  min-height:0;
  padding:10px 14px;
  gap:14px;
  align-items:center;
}
.chat-person{
  flex:0 1 220px;
  min-width:170px;
  max-width:220px;
}
.chat-commercial-header{
  flex:1 1 auto;
  width:min(100%,620px);
  max-width:620px;
  justify-self:end;
  align-self:center;
  display:grid;
  gap:6px;
}
.chat-commercial-header .close-probability-header{
  width:100%;
  max-width:none;
  margin:0;
}
.chat-pipeline-row{
  width:100%;
  padding:0;
  margin:0;
  display:block;
}
.chat-pipeline-label{display:none}
.header-pipeline-tags{
  width:100%;
  display:grid;
  grid-template-columns:.72fr 1.05fr 1.52fr .82fr .92fr;
  gap:6px;
  align-items:center;
}
.header-pipeline-tags .pipeline-tag{
  width:100%;
  min-width:0;
  height:28px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  font-size:8px;
  line-height:1;
  white-space:nowrap;
}
.header-pipeline-tags .pipeline-tag.active{
  box-shadow:0 0 0 2px rgba(39,93,144,.10);
}
@media(max-width:1280px) and (min-width:821px){
  .chat-header{gap:10px;padding-left:12px;padding-right:12px}
  .chat-person{flex-basis:185px;min-width:150px;max-width:185px}
  .chat-commercial-header{max-width:560px;gap:5px}
  .header-pipeline-tags{gap:4px}
  .header-pipeline-tags .pipeline-tag{height:26px;padding:0 4px;font-size:7px}
}

.pipeline-tag.locked,.pipeline-tag:disabled{opacity:.38;cursor:not-allowed;background:#f2f4f7;color:#98a2b3;border-color:#e4e7ec;box-shadow:none}
.pipeline-tag.locked:hover,.pipeline-tag:disabled:hover{background:#f2f4f7;border-color:#e4e7ec}


/* Pipeline semantic colors — consistent commercial progression */
.pipeline-tag[data-pipeline-stage="Lead"]{
  background:#F2F4F7;
  border-color:#D0D5DD;
  color:#475467;
}
.pipeline-tag[data-pipeline-stage="Lead"]:hover{
  background:#E4E7EC;
  border-color:#98A2B3;
}
.pipeline-tag[data-pipeline-stage="Lead"].active{
  background:#E4E7EC;
  border-color:#667085;
  color:#344054;
  box-shadow:0 0 0 2px rgba(102,112,133,.14);
}

.pipeline-tag[data-pipeline-stage="Contactado"]{
  background:#EAF3FB;
  border-color:#B7D2E8;
  color:#275D90;
}
.pipeline-tag[data-pipeline-stage="Contactado"]:hover{
  background:#DCEAF6;
  border-color:#7FAAD0;
}
.pipeline-tag[data-pipeline-stage="Contactado"].active{
  background:#D7E9F7;
  border-color:#275D90;
  color:#173C63;
  box-shadow:0 0 0 2px rgba(39,93,144,.14);
}

.pipeline-tag[data-pipeline-stage="Pendiente de pago"]{
  background:#FFF4E5;
  border-color:#FEDF89;
  color:#B54708;
}
.pipeline-tag[data-pipeline-stage="Pendiente de pago"]:hover{
  background:#FEEFCB;
  border-color:#FEC84B;
}
.pipeline-tag[data-pipeline-stage="Pendiente de pago"].active{
  background:#FEEBC0;
  border-color:#D97706;
  color:#93370D;
  box-shadow:0 0 0 2px rgba(217,119,6,.14);
}

.pipeline-tag[data-pipeline-stage="Cliente"]{
  background:#ECFDF3;
  border-color:#ABEFC6;
  color:#067647;
}
.pipeline-tag[data-pipeline-stage="Cliente"]:hover{
  background:#D1FADF;
  border-color:#75E0A7;
}
.pipeline-tag[data-pipeline-stage="Cliente"].active{
  background:#CFF9DD;
  border-color:#039855;
  color:#05603A;
  box-shadow:0 0 0 2px rgba(3,152,85,.14);
}

.pipeline-tag[data-pipeline-stage="Cancelado"]{
  background:#FEF3F2;
  border-color:#FECDCA;
  color:#B42318;
}
.pipeline-tag[data-pipeline-stage="Cancelado"]:hover{
  background:#FEE4E2;
  border-color:#FDA29B;
}
.pipeline-tag[data-pipeline-stage="Cancelado"].active{
  background:#FEE0DD;
  border-color:#D92D20;
  color:#912018;
  box-shadow:0 0 0 2px rgba(217,45,32,.14);
}

/* Same language in compact conversation-list tags */
.pipeline-mini.pipeline-lead{background:#F2F4F7;color:#475467}
.pipeline-mini.pipeline-contactado{background:#EAF3FB;color:#275D90}
.pipeline-mini.pipeline-pendiente-de-pago{background:#FFF4E5;color:#B54708}
.pipeline-mini.pipeline-cliente{background:#ECFDF3;color:#067647}
.pipeline-mini.pipeline-cancelado{background:#FEF3F2;color:#B42318}

/* Locked stages keep their semantic color, only visually disabled */
.pipeline-tag.locked,
.pipeline-tag:disabled{
  opacity:.46;
  cursor:not-allowed;
  box-shadow:none;
  filter:saturate(.7);
}
.pipeline-tag.locked:hover,
.pipeline-tag:disabled:hover{
  cursor:not-allowed;
}


/* Right rail V4 — compact management, AI gets priority */
@media(min-width:1181px){
  .prospect-ai-panel{
    grid-template-rows:minmax(0,1fr) auto;
    gap:6px;
  }
  .ai-right-zone{
    grid-row:1;
    max-height:none;
    min-height:0;
    height:auto;
    padding:10px 12px 12px;
  }
  .prospect-panel-top{
    grid-row:2;
    min-height:0;
    max-height:235px;
    height:auto;
    overflow:auto;
    padding:9px 12px 10px;
  }
  .prospect-panel-top .management-title{
    margin:0 0 7px;
  }
  .management-row{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    align-items:center;
    gap:9px;
    margin:0 0 7px;
  }
  .management-label{
    color:#667085;
    font-size:9px;
    font-weight:800;
    white-space:nowrap;
  }
  .management-row select{
    width:100%;
    min-width:0;
    height:34px;
    margin:0;
    border:1px solid #d0d5dd;
    border-radius:9px;
    background:#fff;
    color:#101828;
    padding:0 9px;
    font-size:10px;
    outline:none;
  }
  .management-row select:focus{
    border-color:#98b9d7;
    box-shadow:0 0 0 2px rgba(39,93,144,.08);
  }
  .prospect-panel-top .resolve-btn{
    min-height:34px;
    margin:0 0 8px;
    padding:7px 10px;
    border-radius:9px;
    font-size:10px;
  }
  .prospect-panel-top .notes-title{
    margin:7px 0 6px;
  }
  .compact-note-form{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:6px;
  }
  .compact-note-form textarea{
    min-height:36px;
    max-height:64px;
    height:36px;
    padding:8px 9px;
    line-height:1.35;
    resize:vertical;
  }
  .compact-note-form button{
    align-self:stretch;
    justify-self:auto;
    min-width:74px;
    padding:0 9px;
    border-radius:8px;
    font-size:9px;
  }
  .compact-notes-list{
    max-height:66px;
    overflow:auto;
    margin-top:5px;
    gap:4px;
  }
  .compact-notes-list .internal-note{
    padding:6px 7px;
  }
  .compact-notes-list .empty-note{
    padding:2px 0 0;
    margin:0;
  }
}


/* Conversation multi-filter */
.conversation-tools{position:relative}
.conversation-tools .filter-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  cursor:pointer;
}
.conversation-tools .filter-btn.active{
  border-color:#98b9d7;
  background:#eaf3fb;
  color:#275d90;
  font-weight:800;
}
.filter-count{
  min-width:17px;
  height:17px;
  padding:0 5px;
  border-radius:999px;
  display:inline-grid;
  place-items:center;
  background:#275d90;
  color:#fff;
  font-size:8px;
  font-weight:800;
}
.conversation-filter-panel[hidden]{display:none}
.conversation-filter-panel{
  position:absolute;
  top:48px;
  right:12px;
  z-index:40;
  width:268px;
  padding:10px;
  border:1px solid #dce3ea;
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 34px rgba(16,24,40,.16);
}
.conversation-filter-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:1px 2px 8px;
}
.conversation-filter-head strong{
  font-size:10px;
  color:#101828;
}
.conversation-filter-head button{
  border:0;
  background:transparent;
  color:#275d90;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
  padding:4px;
}
.conversation-filter-option{
  width:100%;
  height:34px;
  border:1px solid #e4e7ec;
  border-radius:9px;
  background:#fff;
  color:#344054;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 9px;
  font-size:10px;
  font-weight:750;
  cursor:pointer;
}
.conversation-filter-option:hover{background:#f8fafc}
.filter-check{
  width:16px;
  height:16px;
  border:1px solid #d0d5dd;
  border-radius:5px;
  display:grid;
  place-items:center;
  color:transparent;
  font-size:9px;
  font-weight:900;
}
.conversation-filter-option.selected{
  border-color:#98b9d7;
  background:#f2f8fd;
  color:#275d90;
}
.conversation-filter-option.selected .filter-check{
  border-color:#275d90;
  background:#275d90;
  color:#fff;
}
.conversation-filter-label{
  display:block;
  margin:11px 2px 7px;
  color:#98a2b3;
  font-size:7px;
  font-weight:850;
  letter-spacing:.08em;
}
.conversation-filter-stages{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.conversation-filter-stage{
  border:1px solid #d0d5dd;
  border-radius:999px;
  background:#fff;
  padding:6px 8px;
  color:#475467;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
  opacity:.72;
}
.conversation-filter-stage.selected{opacity:1;box-shadow:0 0 0 2px rgba(16,24,40,.04)}
.conversation-filter-stage.stage-lead.selected{background:#F2F4F7;border-color:#98A2B3;color:#475467}
.conversation-filter-stage.stage-contactado.selected{background:#EAF3FB;border-color:#7FAAD0;color:#275D90}
.conversation-filter-stage.stage-pago.selected{background:#FFF4E5;border-color:#FEC84B;color:#B54708}
.conversation-filter-stage.stage-cliente.selected{background:#ECFDF3;border-color:#75E0A7;color:#067647}
.conversation-filter-stage.stage-cancelado.selected{background:#FEF3F2;border-color:#FDA29B;color:#B42318}
.active-filter-bar[hidden]{display:none}
.active-filter-bar{
  flex:none;
  padding:7px 12px 8px;
  border-bottom:1px solid #edf1f5;
  background:#fbfcfd;
}
.active-filter-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-bottom:5px;
}
.active-filter-top strong{
  color:#667085;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.active-filter-top span{
  color:#98a2b3;
  font-size:8px;
  white-space:nowrap;
}
.active-filter-chips{
  display:flex;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
}
.active-filter-chips::-webkit-scrollbar{display:none}
.active-filter-chip{
  flex:none;
  border:1px solid #d7e3ef;
  border-radius:999px;
  background:#eef5fb;
  color:#275d90;
  display:inline-flex;
  align-items:center;
  gap:5px;
  height:24px;
  padding:0 7px 0 8px;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
.active-filter-chip b{font-size:12px;line-height:1;font-weight:600}
@media(max-width:820px){
  .conversation-filter-panel{
    position:fixed;
    left:12px;
    right:12px;
    top:auto;
    bottom:72px;
    width:auto;
    max-height:60vh;
    overflow:auto;
    border-radius:16px;
    padding:13px;
  }
  .active-filter-bar{padding-left:10px;padding-right:10px}
}


/* Conversation cards V5 — white cards, pipeline strip only */
.conversation-item,
.conversation-item.has-unread,
.conversation-item.is-unopened,
.conversation-item.is-read{
  position:relative;
  background:#fff!important;
  border-left:0!important;
  box-shadow:none!important;
  padding-right:20px;
}
.conversation-item:hover,
.conversation-item.has-unread:hover,
.conversation-item.is-unopened:hover,
.conversation-item.is-read:hover{
  background:#fbfcfd!important;
}
.conversation-item.active,
.conversation-item.has-unread.active,
.conversation-item.is-unopened.active,
.conversation-item.is-read.active{
  background:#fff!important;
  border-left:0!important;
  box-shadow:none!important;
  outline:2px solid rgba(39,93,144,.22)!important;
  outline-offset:-2px!important;
}
.conversation-item::after{
  content:"";
  position:absolute;
  right:5px;
  top:50%;
  transform:translateY(-50%);
  width:5px;
  height:72%;
  border-radius:999px;
  background:#98A2B3;
  pointer-events:none;
  z-index:2;
}
.conversation-item.pipeline-card-lead::after{background:#98A2B3}
.conversation-item.pipeline-card-contactado::after{background:#275D90}
.conversation-item.pipeline-card-pendiente-de-pago::after{background:#EAAA32}
.conversation-item.pipeline-card-cliente::after{background:#36B37E}
.conversation-item.pipeline-card-cancelado::after{background:#E35D6A}
.conversation-item.is-resolved::after{opacity:.72}

/* Read state stays semantic through labels/dots, never through card background */
.conversation-item.has-unread .meta strong,
.conversation-item.is-unopened .meta strong{
  font-weight:900!important;
  color:#0f172a!important;
}
.conversation-item.is-read .meta strong{
  font-weight:700!important;
  color:#344054!important;
}


/* Pipeline strip V6 — left side */
.conversation-item,
.conversation-item.has-unread,
.conversation-item.is-unopened,
.conversation-item.is-read{
  padding-left:20px;
  padding-right:14px;
}
.conversation-item::after{
  left:5px;
  right:auto;
}


/* Conversation attention V7 — subtle grey only when action is pending */
.conversation-item.needs-attention:not(.active){
  background:#F6F7F9!important;
}
.conversation-item.needs-attention:not(.active):hover{
  background:#F2F4F7!important;
}
.conversation-item.needs-attention.active{
  background:#FFFFFF!important;
}


/* AI response type selector: Texto / Audio / Imagen */
.ai-content-modes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:6px;
  margin:8px 0 10px;
}
.ai-mode-btn{
  position:relative;
  min-width:0;
  height:42px;
  border:1px solid #ddd6fe;
  border-radius:10px;
  background:#fff;
  color:#667085;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 7px;
  cursor:pointer;
  font:inherit;
}
.ai-mode-btn span{font-size:13px;line-height:1}
.ai-mode-btn b{font-size:9px}
.ai-mode-btn:hover{background:#faf9ff;border-color:#c4b5fd}
.ai-mode-btn.active{
  background:#ede9fe;
  border-color:#8b5cf6;
  color:#5925dc;
  box-shadow:0 0 0 2px rgba(89,37,220,.08);
}
.ai-mode-btn.has-suggestion::after{
  content:"";
  position:absolute;
  top:5px;
  right:6px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#12b76a;
  box-shadow:0 0 0 2px #fff;
}
.ai-media-choice-card{
  border:1px solid #e4e7ec;
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}
.ai-media-preview{
  min-height:108px;
  display:grid;
  place-items:center;
  background:#f2f4f7;
}
.ai-media-preview.image img{
  width:100%;
  height:145px;
  display:block;
  object-fit:cover;
}
.ai-media-preview.audio{
  min-height:auto;
  padding:12px;
}
.ai-media-preview.audio audio{width:100%}
.ai-media-preview.loading{
  min-height:84px;
  color:#98a2b3;
  font-size:9px;
  font-weight:700;
}
.ai-media-choice-copy{
  display:grid;
  gap:4px;
  padding:9px 10px 10px;
}
.ai-media-kind{
  width:max-content;
  color:#5925dc;
  font-size:7px;
  font-weight:900;
  letter-spacing:.06em;
}
.ai-media-choice-copy strong{font-size:10px;color:#101828}
.ai-media-choice-copy p{margin:0;color:#667085;font-size:9px;line-height:1.4}
.ai-media-choice-copy small{color:#98a2b3;font-size:8px}
.ai-media-choice-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-top:7px;
}
.ai-media-choice-actions button{width:100%;margin:0;padding:8px 6px;font-size:9px}
.ai-media-empty{padding:13px 10px!important}
.ai-open-library{margin-top:8px!important;width:100%}


/* AI fixed audio response UX */
.ai-fixed-audio-section{display:grid;gap:7px;margin:8px 0 0}
.ai-media-section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.ai-media-section-title strong{font-size:9px;color:#344054}
.ai-media-section-title small{font-size:7px;color:#98a2b3;text-align:right}
.ai-fixed-audio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.ai-fixed-audio-btn{min-width:0;min-height:39px;border:1px solid #e4e7ec;border-radius:9px;background:#fff;color:#475467;padding:6px 7px;display:grid;gap:2px;text-align:left;cursor:pointer}
.ai-fixed-audio-btn strong{font-size:8px;white-space:normal;line-height:1.15}
.ai-fixed-audio-btn small{font-size:6px;color:#98a2b3}
.ai-fixed-audio-btn:hover:not(:disabled){background:#f8fafc;border-color:#b9c8d6}
.ai-fixed-audio-btn.selected{background:#eaf3fb;border-color:#275d90;color:#275d90;box-shadow:0 0 0 2px rgba(39,93,144,.08)}
.ai-fixed-audio-btn.selected small{color:#275d90}
.ai-fixed-audio-btn:disabled{opacity:.45;cursor:not-allowed;background:#f2f4f7}
.ai-media-empty-inline,.ai-media-loading,.ai-media-load-error{border:1px dashed #d0d5dd;border-radius:9px;background:#fbfcfd;color:#667085;padding:9px;font-size:8px;text-align:center}
.ai-media-load-error{border-color:#fda29b;background:#fff6f5;color:#b42318}
.ai-media-load-error button{border:0;background:transparent;color:#b42318;text-decoration:underline;font-weight:800;cursor:pointer;font-size:8px}
.ai-media-preview.error{min-height:72px;color:#b42318;background:#fff6f5;font-size:8px}
.ai-media-choice-copy p b{color:#344054}
.ai-media-choice-actions .dismiss-btn{border:1px solid #fecaca;background:#fff;color:#b42318}


/* AI mode hierarchy V2 — modes stay at the top, helpers are contextual */
.ai-mode-dock{
  position:sticky;
  top:0;
  z-index:12;
  margin:0 -1px 8px;
  padding:6px 1px 5px;
  background:linear-gradient(180deg,#f8f5ff 0%,#f8f5ff 82%,rgba(248,245,255,.94) 100%);
}
.ai-mode-dock .ai-content-modes{
  margin:0;
}
.ai-suggestion-body{
  margin-top:9px;
}
.ai-image-helper-section{
  margin-top:2px;
}
.ai-image-option-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
}
.ai-image-option-btn{
  min-width:0;
  min-height:39px;
  border:1px solid #e4e7ec;
  border-radius:9px;
  background:#fff;
  color:#475467;
  padding:6px 7px;
  display:flex;
  align-items:center;
  gap:6px;
  text-align:left;
  cursor:pointer;
}
.ai-image-option-btn span{
  flex:none;
  font-size:12px;
}
.ai-image-option-btn strong{
  min-width:0;
  font-size:8px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ai-image-option-btn:hover{
  background:#f8fafc;
  border-color:#b9c8d6;
}
.ai-image-option-btn.selected{
  background:#eaf3fb;
  border-color:#275d90;
  color:#275d90;
  box-shadow:0 0 0 2px rgba(39,93,144,.08);
}
@media(max-width:820px){
  .ai-mode-dock{
    top:0;
    padding-top:4px;
  }
  .ai-content-modes{
    gap:5px;
  }
  .ai-mode-btn{
    height:40px;
  }
}


/* Commercial assistant V1 — backend-driven actions */
.commercial-actions-panel{
  margin:6px 0 9px;
  padding:9px;
  border:1px solid #dce6ef;
  border-radius:12px;
  background:#fff;
}
.commercial-primary-card{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  margin-bottom:7px;
  border:1px solid #c9ddef;
  border-radius:10px;
  background:#f4f8fc;
}
.commercial-primary-card>div{min-width:0}
.commercial-primary-card small{
  display:block;
  margin-bottom:3px;
  color:#667085;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.045em;
}
.commercial-primary-card strong{
  display:block;
  color:#163f68;
  font-size:11px;
  line-height:1.2;
}
.commercial-primary-card p{
  margin:3px 0 0;
  color:#667085;
  font-size:8px;
  line-height:1.3;
}
.commercial-stage-chip{
  flex:none;
  padding:4px 7px;
  border-radius:999px;
  background:#eaf3fb;
  color:#275d90;
  font-size:8px;
  font-weight:800;
}
.commercial-action-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.commercial-action-btn{
  min-height:32px;
  border:1px solid #d0d9e2;
  border-radius:9px;
  padding:6px 9px;
  background:#fff;
  color:#344054;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
}
.commercial-action-btn:hover:not(:disabled){background:#f7f9fb;border-color:#9fb5c8;color:#275d90}
.commercial-action-btn.primary{
  border-color:#8fb6d8;
  background:#eaf3fb;
  color:#275d90;
  box-shadow:0 0 0 2px rgba(39,93,144,.07);
}
.commercial-action-btn.selected{
  border-color:#275d90;
  background:#275d90;
  color:#fff;
}
.commercial-action-btn:disabled{cursor:wait;opacity:.55}
.commercial-more{position:relative}
.commercial-more>summary{
  min-height:32px;
  display:flex;
  align-items:center;
  padding:6px 9px;
  border:1px solid #d0d9e2;
  border-radius:9px;
  background:#fff;
  color:#667085;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
  list-style:none;
}
.commercial-more>summary::-webkit-details-marker{display:none}
.commercial-more-menu{
  position:absolute;
  z-index:30;
  top:36px;
  right:0;
  width:190px;
  display:grid;
  gap:5px;
  padding:7px;
  border:1px solid #dce3ea;
  border-radius:10px;
  background:#fff;
  box-shadow:0 12px 28px rgba(16,24,40,.14);
}
.commercial-no-actions{
  color:#98a2b3;
  font-size:9px;
  padding:3px 2px;
}
.commercial-generating{
  margin-top:6px;
  color:#275d90;
  font-size:8px;
  font-weight:800;
}
.ai-manual-instruction{
  margin:6px 0 8px;
  border:1px solid #e4e7ec;
  border-radius:10px;
  background:#fafbfc;
}
.ai-manual-instruction>summary{
  padding:8px 10px;
  color:#667085;
  font-size:9px;
  font-weight:750;
  cursor:pointer;
  list-style:none;
}
.ai-manual-instruction>summary::-webkit-details-marker{display:none}
.ai-manual-instruction>summary small{float:right;color:#98a2b3;font-weight:600}
.ai-manual-instruction .ai-instruction-row{padding:0 8px 8px}
.ai-actions{
  grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) auto!important;
  align-items:stretch;
}
.ai-more-actions{position:relative}
.ai-more-actions>summary{
  width:38px;
  height:100%;
  min-height:36px;
  display:grid;
  place-items:center;
  border:1px solid #d0d5dd;
  border-radius:9px;
  background:#fff;
  color:#475467;
  font-size:18px;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}
.ai-more-actions>summary::-webkit-details-marker{display:none}
.ai-more-actions>div{
  position:absolute;
  right:0;
  bottom:43px;
  z-index:35;
  min-width:125px;
  padding:6px;
  border:1px solid #dce3ea;
  border-radius:9px;
  background:#fff;
  box-shadow:0 12px 28px rgba(16,24,40,.14);
}
.ai-more-actions .dismiss-btn{width:100%}