/* «Mío» de una persona invitada (mio.js). Fondo oscuro de .conv. Trabajo = --campo (naranja), Personal = --iris
   (azul): el color del espacio corre por el borde izquierdo de todo el panel y por el sello de cada turno. */
.mio-pane{display:none}
.mio-activo .mio-pane{flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;
  --esp:var(--campo);border-left:4px solid var(--esp);padding-left:12px;transition:border-color .25s}
.mio-pane[data-esp=personal]{--esp:var(--iris)}
.mio-sel{display:grid;grid-template-columns:1fr 1fr;border:1.5px solid rgba(255,255,255,.28)}
.mio-op{font:600 1rem var(--f-txt);background:none;color:var(--fondo);border:0;padding:10px 12px;cursor:pointer;
  opacity:.6;display:flex;align-items:center;justify-content:center;gap:8px}
.mio-op::before{content:"";width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
.mio-op--trabajo[aria-checked=true]{background:var(--campo);color:var(--tinta);opacity:1}
.mio-op--personal[aria-checked=true]{background:var(--iris);color:var(--tinta);opacity:1}
.mio-op[aria-checked=true]::before{background:currentColor}
.mio-op:hover{opacity:1}
.mio-op:focus-visible{outline:2px solid var(--fondo);outline-offset:-4px}
.mio-pista{margin:0;font-size:.85rem;opacity:.8}
.mio-hilo{flex:1;min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:8px}
.mio-vacio{opacity:.65;font-size:.95rem}
.mio-msg{max-width:90%;background:rgba(255,255,255,.07);padding:8px 10px}
.mio-msg p{margin:3px 0 0}
.mio-msg--yo{align-self:flex-end;background:rgba(255,255,255,.14)}
.mio-msg--ov{border-left:3px solid var(--esp)}
.mio-de{font-size:.75rem;opacity:.85}
.mio-sello{font:700 .66rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;color:var(--tinta)}
.mio-sello--trabajo{background:var(--campo)}
.mio-sello--personal{background:var(--iris)}
.mio-aviso{font-size:.8rem;font-style:italic;opacity:.85}
.mio-caja{display:flex;gap:8px;align-items:flex-end}
.mio-caja textarea{flex:1;font:inherit;font-size:16px;resize:vertical}
.mio-pensando .mio-caja{opacity:.6}
.mio-mem{border-top:1px solid rgba(255,255,255,.14);padding-top:8px}
.mio-mem__cab{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mio-mem__t{font-size:.78rem;opacity:.8}
.mio-olvidar{font:500 .78rem var(--f-txt);background:none;border:1px solid rgba(255,255,255,.4);color:inherit;padding:2px 8px;cursor:pointer}
.mio-olvidar:disabled{opacity:.35;cursor:default}
.mio-mem__l{margin:6px 0 0;padding-left:18px;font-size:.85rem}
.mio-mem__vacia{list-style:none;margin-left:-18px;opacity:.55}
.mio-activo #cd-pane{display:none}
@media (prefers-reduced-motion:reduce){.mio-activo .mio-pane{transition:none}}