/* «Citar» y «Editar» en el hilo. Tokens de auto-ds.css; lo vivo sigue siendo solo el orbe. */
.auto-timeline{position:relative}
.auto-timeline::highlight(auto-quote){background-color:rgba(141,187,255,.14);text-decoration:underline dashed #8DBBFF;text-decoration-thickness:1.5px;text-underline-offset:3px}
.auto-timeline::highlight(auto-quote-flash){background-color:rgba(141,187,255,.32)}
.quote-pins{position:absolute;inset:0 auto auto 0;width:0;height:0;z-index:4}
.quote-pin{position:absolute;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:0;border-radius:9px;background:var(--accent,#8DBBFF);color:var(--on-accent,#0E1A2E);font:700 11px/1 var(--font-sans);font-variant-numeric:tabular-nums;cursor:pointer}
.quote-pin:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* «Citar · Copiar» junto a la selección */
.quote-bar{position:absolute;z-index:8;display:flex;gap:2px;padding:3px;border:1px solid var(--line,#343432);border-radius:10px;background:var(--surface-raised,#2B2B29);box-shadow:var(--shadow-menu)}
.quote-bar-button{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--text-000,#F2F1EE);font:500 14px/20px var(--font-sans);cursor:pointer}
.quote-bar-button:hover,.quote-bar-button:focus-visible{background:rgba(255,255,255,.07)}

/* El composersito */
.quote-mini{position:absolute;z-index:9;width:372px;max-width:calc(100% - 8px);display:flex;flex-direction:column;gap:8px;padding:10px 10px 10px 12px;border:1px solid var(--border-300,#75736D);border-radius:12px;background:var(--surface-raised,#2B2B29);box-shadow:var(--shadow-menu);box-sizing:border-box}
.quote-mini.is-sheet{position:fixed;left:0;right:0;bottom:0;width:auto;max-width:none;border-radius:18px 18px 0 0;padding:12px 14px calc(12px + env(safe-area-inset-bottom));z-index:60}
.quote-mini-source{display:flex;align-items:center;gap:6px;font:500 12px/16px var(--font-sans);color:var(--text-400,#8C8A84)}
.quote-mini-quote{margin:0;padding:2px 0 2px 10px;border-left:2px solid var(--accent,#8DBBFF);font:400 13px/19px var(--font-sans);color:var(--text-200,#B8B6B0);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.quote-mini-input{width:100%;min-height:24px;resize:none;border:0;outline:0;background:transparent;color:var(--text-000,#F2F1EE);font:400 15px/22px var(--font-sans);padding:0}
.quote-mini.is-sheet .quote-mini-input{font-size:16px;line-height:24px}
.quote-mini-input::placeholder{color:#7E7C76}
.quote-mini-row{display:flex;align-items:center;gap:6px}
.quote-mini-spacer{flex:1}
.quote-mini-hint{font:500 11px/16px var(--font-sans);color:var(--text-400,#8C8A84)}
.quote-mini-submit,.quote-mini-cancel{height:28px;padding:0 10px;border:0;border-radius:8px;font:500 14px/20px var(--font-sans);cursor:pointer;white-space:nowrap}
.quote-mini.is-sheet .quote-mini-submit,.quote-mini.is-sheet .quote-mini-cancel{height:40px;padding:0 14px}
.quote-mini-submit{background:#EFEEEB;color:#1B1B1A}
.quote-mini-submit:disabled{opacity:.4;cursor:default}
.quote-mini-cancel{background:transparent;color:var(--text-200,#B8B6B0)}
.quote-mini-error,.timeline-edit-error{margin:0;color:var(--danger,#FF8F80);font:400 13px/18px var(--font-sans)}

/* Una cita enviada, sobre la burbuja */
.auto-timeline .timeline-message.user>.timeline-attachments .timeline-quote{display:flex;gap:10px;align-items:flex-start;max-width:472px;margin:0;padding:8px 10px;border:1px solid var(--line,#343432);border-radius:12px;background:rgba(255,255,255,.03);text-align:left;cursor:pointer}
.timeline-quote:hover{border-color:var(--border-300,#75736D)}
.timeline-quote:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.timeline-quote.is-gone{cursor:default}
.timeline-quote.is-gone .timeline-quote-from::after{content:" · El original ya no está"}
.quote-number{flex:none;display:grid;place-items:center;min-width:18px;height:18px;margin-top:1px;padding:0 4px;border-radius:9px;background:rgba(255,255,255,.1);color:var(--text-000,#F2F1EE);font:700 11px/1 var(--font-sans)}
.timeline-quote-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;margin:0}
.timeline-quote-from{font:500 12px/16px var(--font-sans);color:var(--text-400,#8C8A84)}
.timeline-quote-text{margin:0;padding-left:8px;border-left:2px solid var(--border-300,#75736D);font:400 13px/19px var(--font-sans);color:var(--text-200,#B8B6B0);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.timeline-quote-comment{font:400 14px/20px var(--font-sans);color:var(--text-000,#F2F1EE)}
.quote-ref{display:inline;padding:1px 6px;border:0;border-radius:6px;background:var(--accent-soft,#1E2B40);color:var(--accent,#8DBBFF);font:500 14px/22px var(--font-sans);cursor:pointer;white-space:nowrap}
.quote-ref svg{vertical-align:-2px;margin-right:3px}

/* Editar el último mensaje */
.auto-timeline .timeline-message.user[data-edit-key]{position:relative}
.timeline-user-actions{position:absolute;right:0;top:calc(100% + 2px);display:flex;gap:2px;opacity:0;transition:opacity 80ms}
.timeline-message.user[data-edit-key]:hover>.timeline-user-actions,.timeline-user-actions:focus-within{opacity:1}
.timeline-user-action{display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--text-400,#8C8A84);cursor:pointer}
.timeline-user-action:hover,.timeline-user-action:focus-visible{background:rgba(255,255,255,.07);color:var(--text-000,#F2F1EE)}
.auto-timeline .timeline-message.user.is-editing{width:min(560px,100%);max-width:100%;padding:0;border:0;background:none}
.timeline-message.user.is-editing>:not(.timeline-edit){display:none!important}
.timeline-edit{align-self:stretch;width:100%;display:flex;flex-direction:column;gap:10px;padding:12px 12px 10px 14px;border:1px solid var(--border-300,#75736D);border-radius:16px;background:var(--surface-raised,#2B2B29);box-sizing:border-box}
.timeline-edit-input{width:100%;resize:none;border:0;outline:0;background:transparent;color:var(--text-000,#F2F1EE);font:400 16px/24px var(--font-sans);padding:0}
.timeline-edit-attachments{display:flex;flex-wrap:wrap;gap:6px}
.timeline-edit-chip{display:inline-flex;align-items:center;gap:6px;max-width:260px;height:28px;padding:0 4px 0 10px;border:1px solid var(--line,#343432);border-radius:8px;font:400 13px/18px var(--font-sans);color:var(--text-200,#B8B6B0)}
.timeline-edit-chip-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.timeline-edit-chip-remove{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:6px;background:transparent;color:var(--text-400,#8C8A84);cursor:pointer}
.timeline-edit-warning{display:flex;gap:8px;align-items:flex-start;margin:0;padding:8px 10px;border:1px solid rgba(251,179,21,.15);border-radius:10px;background:rgba(251,179,21,.08);font:400 13px/18px var(--font-sans);color:var(--text-200,#B8B6B0)}
.timeline-edit-warning b{color:var(--text-000,#F2F1EE);font-weight:600}
.timeline-edit-warning svg{flex:none;margin-top:1px;color:var(--warning,#E9B862)}
.timeline-edit-row{display:flex;align-items:center;gap:6px}
.timeline-edit-spacer{flex:1}
.timeline-edit-cancel,.timeline-edit-submit{height:28px;padding:0 10px;border:0;border-radius:8px;font:500 14px/20px var(--font-sans);cursor:pointer}
.timeline-edit-cancel{background:transparent;color:var(--text-200,#B8B6B0)}
.timeline-edit-submit{background:#EFEEEB;color:#1B1B1A}
.timeline-edit-submit:disabled,.timeline-edit-cancel:disabled{opacity:.4;cursor:default}
.auto-timeline .timeline-edited{display:block;margin-top:4px;text-align:right;font:500 12px/16px var(--font-sans);color:var(--text-400,#8C8A84)}
.timeline-message.user:has(>.timeline-edited){margin-bottom:18px}
.timeline-message.user>.timeline-edited{position:absolute;right:0;top:calc(100% + 4px);margin:0}
.timeline-message.user:has(>.timeline-edited){position:relative}
.timeline-message.user[data-edit-key]:has(>.timeline-edited)>.timeline-user-actions{right:56px}

/* Chips de cita en el redactor */
/* El chip de una cita es una línea, no la tarjeta cuadrada de un archivo. */
.auto-composer .composer-chip[data-kind="quote"]{display:flex;place-items:initial;align-items:center;width:auto;max-width:300px;height:34px;min-height:34px;padding:0 4px 0 8px;gap:6px;border-radius:10px;overflow:visible}
.auto-composer .composer-chip[data-kind="quote"] button.composer-chip-remove,.auto-composer .composer-chip[data-kind="quote"] .composer-chip-edit{position:static;flex:none;width:24px;height:24px;min-height:24px;border:0;border-radius:6px;background:transparent;color:var(--text-400,#8C8A84);box-shadow:none}
.auto-composer .composer-chip[data-kind="quote"] button.composer-chip-remove:hover:not(:disabled),.auto-composer .composer-chip[data-kind="quote"] .composer-chip-edit:hover:not(:disabled){background:rgba(255,255,255,.07);color:var(--text-000,#F2F1EE)}
.auto-composer .composer-chip[data-kind="quote"] svg{width:14px;height:14px}
.composer-chip[data-kind="quote"] .quote-number{background:var(--accent,#8DBBFF);color:var(--on-accent,#0E1A2E)}
.composer-chip[data-kind="quote"] .composer-quote-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:400 14px/20px var(--font-sans);color:var(--text-200,#B8B6B0)}
.composer-chip[data-kind="quote"] .composer-quote-text b{font-weight:500;color:var(--text-000,#F2F1EE)}
.composer-quote-card{position:absolute;left:0;bottom:calc(100% + 6px);z-index:20;width:360px;max-width:80vw;display:none;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line,#343432);border-radius:12px;background:var(--surface-raised,#2B2B29);box-shadow:var(--shadow-menu);text-align:left}
.composer-chip[data-kind="quote"]:hover .composer-quote-card,.composer-chip[data-kind="quote"]:focus-within .composer-quote-card{display:flex}
.composer-quote-card .from{font:500 12px/16px var(--font-sans);color:var(--text-400,#8C8A84)}
.composer-quote-card blockquote{margin:0;padding-left:8px;border-left:2px solid var(--border-300,#75736D);font:400 13px/19px var(--font-sans);color:var(--text-200,#B8B6B0);max-height:120px;overflow:auto}
.composer-quote-card .comment{font:400 14px/20px var(--font-sans);color:var(--text-000,#F2F1EE)}

/* Auto Remoto: sin cursor, el lápiz del último mensaje está a la vista; el chip de cita lleva su número. */
@media (hover:none){
  .timeline-user-actions{opacity:1}
  .auto-timeline .timeline-message.user[data-edit-key]{margin-bottom:30px}
  .timeline-user-action{width:36px;height:36px}
}
.att.is-quote .quote-number{flex:none;margin:0 2px 0 4px;background:var(--accent,#8DBBFF);color:var(--on-accent,#0E1A2E)}

/* Los campos propios no llevan el marco global de los campos: el borde es el de su caja. */
.quote-mini .quote-mini-input,.quote-mini .quote-mini-input:focus,.quote-mini .quote-mini-input:focus-visible,
.auto-timeline .timeline-edit .timeline-edit-input,.auto-timeline .timeline-edit .timeline-edit-input:focus,.auto-timeline .timeline-edit .timeline-edit-input:focus-visible{border:0;outline:0;box-shadow:none;background:transparent;font-family:var(--font-sans);min-height:0;padding:0;margin:0;border-radius:0}
.quote-mini:focus-within,.timeline-edit:focus-within{border-color:var(--border-300,#75736D)}
/* Las citas enviadas, una debajo de otra, sobre la burbuja. */
.auto-timeline .timeline-message.user>.timeline-attachments:has(>.timeline-quote){flex-direction:column;align-items:flex-end;gap:6px}