/* Moldai · Chats con contenido rico · 6-nov-2026 — enlaces, vistas previas, fotos, PDF y correos (Conversaciones y Equipo).
   Colores de Moldai (--o-*), con el tema claro y oscuro. Dentro de una burbuja mía (verde, texto blanco) las tarjetas se oscurecen un poco. */
.cr-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cr-a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;overflow-wrap:anywhere;word-break:break-word}
.aim-m.in .cr-a,.ms-m:not(.yo) .cr-a{color:var(--o-accent,var(--acc2))}
.aim-rc{white-space:normal}
.aim-rc>.aim-tx{white-space:normal}

/* Vista previa del enlace (como WhatsApp) */
.cr-prev{display:flex;gap:10px;align-items:stretch;margin:6px -6px 4px;padding:0;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;background:var(--o-surface-2,var(--bg3));border-left:3px solid var(--o-accent,var(--acc2));max-width:420px;min-height:56px}
.cr-prev[hidden]{display:none}
.cr-prev:hover{filter:brightness(1.04)}
.cr-prev-img{flex:none;width:76px;background:var(--o-hover,var(--bg4));display:block}
.cr-prev-img img{display:block;width:100%;height:100%;object-fit:cover}
.cr-prev.ancha{flex-direction:column;gap:0}
.cr-prev.ancha .cr-prev-img{width:100%;aspect-ratio:1.91/1;max-height:220px}
.cr-prev-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 10px 8px 0}
.cr-prev.ancha .cr-prev-tx,.cr-prev:not(:has(.cr-prev-img)) .cr-prev-tx{padding:8px 10px}
.cr-prev-t{font-size:13.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-prev-d{font-size:12.5px;line-height:1.35;opacity:.82;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cr-prev-dom{display:flex;align-items:center;gap:4px;font-size:11.5px;opacity:.7;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-prev-dom .cr-i{width:12px;height:12px}

/* Fotos y vídeos */
.cr-media{display:flex;flex-direction:column;gap:4px}
.cr-img{display:block;margin:-2px -6px 4px;padding:0;border:0;border-radius:12px;overflow:hidden;max-width:300px;width:min(300px,62vw);min-height:120px;background:var(--o-hover,var(--bg4));cursor:zoom-in}
.cr-img.lista{min-height:0;width:auto}
.cr-img img{display:block;width:100%;max-height:340px;object-fit:cover}
.cr-img.rota{display:flex;align-items:center;gap:8px;padding:12px;font-size:12.5px;min-height:0;cursor:default}
.cr-vid{display:block;width:min(300px,62vw);max-width:100%;border-radius:12px;margin:-2px -6px 4px;background:#000}

/* Pie de una foto o de un archivo */
.cr-pie{margin:2px 0 0}

/* Archivos y PDF */
.cr-doc{display:flex;flex-direction:column;width:min(300px,68vw);max-width:100%;margin:-2px -6px 4px;border-radius:12px;overflow:hidden;background:var(--o-surface-2,var(--bg3));border:1px solid var(--o-line,var(--brd))}
.cr-doc-mini{display:block;width:100%;aspect-ratio:4/3;max-height:170px;padding:0;border:0;overflow:hidden;background:#fff;border-bottom:1px solid var(--o-line,var(--brd));cursor:pointer}
.cr-doc-mini[hidden]{display:none}
.cr-doc-mini img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.cr-doc-fila{display:flex;align-items:stretch;min-width:0}
.cr-doc-ver{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 4px 10px 10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.cr-doc-ico{position:relative;flex:none;width:34px;height:40px;display:grid;place-items:center;color:var(--o-ink-3,var(--t3))}
.cr-doc-ico .cr-i{width:34px;height:40px;stroke-width:1.3}
.cr-doc-ico b{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);padding:1px 3px;border-radius:3px;font-size:8.5px;font-weight:800;letter-spacing:.02em;line-height:1.1;white-space:nowrap;background:var(--o-ink-3,var(--t3));color:var(--o-surface,#fff)}
.cr-doc.pdf .cr-doc-ico{color:#D9473A}
.cr-doc.pdf .cr-doc-ico b{background:#D9473A;color:#fff}
.cr-doc-tx{display:flex;flex-direction:column;gap:2px;min-width:0}
.cr-doc-n{font-size:13.5px;font-weight:600;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cr-doc-m{display:flex;flex-wrap:wrap;gap:0;font-size:11.5px;opacity:.72;line-height:1.3}
.cr-doc-m span+span::before{content:"·";margin:0 5px}
.cr-doc-bajar{flex:none;display:grid;place-items:center;width:46px;min-height:46px;color:inherit;opacity:.8;text-decoration:none}
.cr-doc-bajar:hover{opacity:1;background:var(--o-a8,rgba(127,127,127,.12))}
.cr-doc-ver:focus-visible,.cr-doc-bajar:focus-visible{outline:2px solid color-mix(in srgb,var(--o-accent,var(--acc)) 60%,transparent);outline-offset:-2px;border-radius:10px}
.cr-doc>.cr-pie{padding:0 10px 8px;font-size:14px}

/* Botones extra (p. ej. «Añadir a Gastos») */
.cr-acc{display:flex;flex-wrap:wrap;gap:6px;padding:0 8px 8px;margin-top:-2px}
.cr-media>.cr-acc,.ms-b>.cr-acc{padding:2px 0 4px;margin:0}
.cr-acc-b{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--o-accent-line,var(--brd2));background:var(--o-accent-soft,var(--bg3));color:var(--o-accent,var(--acc2));font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.cr-acc-b .cr-i{width:15px;height:15px}
.cr-acc-b:disabled{opacity:.6;cursor:default}
@media (pointer:coarse){.cr-acc-b{min-height:40px}}

/* Correo en la burbuja */
.cr-mail{display:flex;flex-direction:column;gap:6px;width:min(380px,72vw);max-width:100%}
.cr-mail-cab{display:flex;align-items:flex-start;gap:10px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;font:inherit}
.cr-mail-ico{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--o-accent-soft,var(--bg3));color:var(--o-accent,var(--acc2))}
.cr-mail-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.cr-mail-as{font-size:14px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.cr-mail-de{display:flex;gap:5px;font-size:12px;opacity:.75;min-width:0}
.cr-mail-de>span:first-child{font-weight:600;flex:none}
.cr-mail-q{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cr-mail-tx{font-size:13.5px;line-height:1.45;white-space:normal;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;padding-top:6px;border-top:1px solid color-mix(in srgb,currentColor 14%,transparent)}
.cr-mail-pie{display:flex;align-items:center;gap:10px;justify-content:space-between}
.cr-mail-adj{display:inline-flex;align-items:center;gap:4px;font-size:12px;opacity:.75}
.cr-mail-adj .cr-i{width:14px;height:14px}
.cr-mail-ver{margin-left:auto;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
@media (pointer:coarse){.cr-mail-ver{min-height:40px}}

/* En mis burbujas (fondo verde) */
.aim-m.out .cr-prev,.aim-m.out .cr-doc,.ms-m.yo .cr-prev,.ms-m.yo .cr-doc{background:rgba(0,0,0,.16);border-color:transparent;color:inherit}
.aim-m.out .cr-prev,.ms-m.yo .cr-prev{border-left-color:rgba(255,255,255,.7)}
.aim-m.out .cr-mail-ico{background:rgba(255,255,255,.18);color:#fff}
.aim-m.out .cr-acc-b{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.35);color:#fff}
.aim-m.out .cr-doc-ico,.aim-m.out .cr-doc.pdf .cr-doc-ico{color:#fff}

/* Equipo: el archivo con miniatura y tamaño */
.ms-arch.cr-up{flex-wrap:wrap}
.ms-arch.cr-up.con-mini{flex-direction:row;padding:0 12px 8px;overflow:hidden;max-width:min(300px,100%)}
.ms-arch.cr-up.con-mini .cr-doc-mini{flex:1 0 100%;margin:0 -12px 2px;width:calc(100% + 24px);border-radius:0}
.cr-arch-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.cr-arch-tx>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ms-arch .cr-doc-m span{flex:none;overflow:visible;white-space:nowrap}

/* Ventana del correo */
.cr-mv{position:fixed;inset:0;margin:auto;width:min(860px,100vw);height:min(92dvh,100dvh);max-width:100vw;max-height:100dvh;padding:0;border:0;border-radius:18px;background:var(--o-bg,var(--bg));color:var(--o-ink,var(--t1));box-shadow:var(--o-shadow-pop,0 24px 60px rgba(0,0,0,.5));overflow:hidden;display:none;flex-direction:column}
.cr-mv[open]{display:flex}
.cr-mv::backdrop{background:var(--o-velo,rgba(0,0,0,.55));backdrop-filter:blur(2px)}
html.cr-mv-abierto{overflow:hidden}
.cr-mv-cab{flex:none;display:flex;align-items:center;gap:8px;padding:10px 12px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--o-line,var(--brd));background:var(--o-surface,var(--bg2))}
.cr-mv-cab h2{flex:1;min-width:0;margin:0;font-size:16px;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cr-mv-x{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:12px;background:transparent;color:inherit;cursor:pointer}
.cr-mv-x:hover{background:var(--o-hover,var(--bg4))}
.cr-mv-c{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom,0px)}
.cr-mv-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:3px 12px;margin:0;padding:12px 16px;font-size:13px;border-bottom:1px solid var(--o-line,var(--brd))}
.cr-mv-meta dt{color:var(--o-ink-3,var(--t3));font-weight:600}
.cr-mv-meta dd{margin:0;overflow-wrap:anywhere}
.cr-mv-aviso{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 16px;font-size:12.5px;background:var(--o-warn-soft,#3a2814);color:var(--o-ink,var(--t1));border-bottom:1px solid var(--o-line,var(--brd))}
.cr-mv-aviso[hidden]{display:none}
.cr-mv-aviso span{flex:1;min-width:180px}
.cr-mv-img{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--o-line-2,var(--brd2));background:var(--o-surface,var(--bg2));color:inherit;font:inherit;font-weight:600;cursor:pointer}
.cr-mv-z{flex:1 0 auto;display:flex;flex-direction:column;min-height:55dvh}
.cr-mv-f{flex:1;width:100%;min-height:55dvh;border:0;background:#fff;display:block}
.cr-mv-texto{padding:16px;font-size:15px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.cr-mv-carga{padding:24px 16px;color:var(--o-ink-3,var(--t3));font-size:13px}
.cr-mv-adj{flex:none;padding:12px 16px 18px;border-top:1px solid var(--o-line,var(--brd))}
.cr-mv-adj h3{margin:0 0 10px;font-size:13px;font-weight:700;color:var(--o-ink-2,var(--t2))}
.cr-mv-adj-l{display:flex;flex-wrap:wrap;gap:10px}
.cr-mv-adj-l .cr-doc,.cr-mv-adj-l .cr-img,.cr-mv-adj-l .cr-vid{margin:0}
@media (max-width:768px){
  .cr-mv{width:100vw;height:100dvh;border-radius:0}
}
@media (prefers-reduced-motion:reduce){.cr-prev,.cr-doc{transition:none}}