/* Pestañas del chat de Diego (chats_diego.js). Fondo oscuro de .conv; mismo trazo que .e-tabs de empresa.css. */
.cd-tabs{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid rgba(255,255,255,.12)}
.cd-tabs[hidden]{display:none}
.cd-tabs button{display:flex;flex-direction:column;align-items:flex-start;font:600 .82rem var(--f-txt);background:none;color:var(--fondo);
  border:0;border-bottom:2px solid transparent;padding:4px 8px 6px;cursor:pointer;opacity:.7;text-align:left}
.cd-tabs button[aria-selected=true]{opacity:1;border-color:var(--campo)}
.cd-tabs button:hover:not(:disabled){opacity:1}
.cd-tabs button.cd-neutral{cursor:not-allowed;opacity:.45;font-weight:500}
.cd-pista{font:400 .68rem var(--f-txt);line-height:1.2;max-width:15ch}
.cd-pista:empty{display:none}
.conv.cd-otro #hilo,.conv.cd-otro #form-chat{display:none}
.cd-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px}
.cd-pane[hidden]{display:none}
.cd-quien{margin:0;font-size:.8rem;opacity:.75}
.cd-vacio{opacity:.6;font-size:.9rem}
.cd-msg{max-width:88%;background:rgba(255,255,255,.07);padding:8px 10px}
.cd-msg p{margin:2px 0 0}
.cd-msg--yo{align-self:flex-end;background:rgba(255,255,255,.14)}
.cd-msg--ov{border-left:3px solid var(--campo)}
.cd-de{font-size:.72rem;opacity:.7}
.cd-caja{display:flex;gap:8px;align-items:flex-end}
.cd-caja textarea{flex:1;font:inherit;resize:vertical}