/* estilo-33 · ronda 20-oct (encargo 1010). Va despues de todas.
   Correos recientes en la puerta (app-105): botones dentro de la tarjeta clara,
   del ancho de lo que dicen, con su equis para quitarlos. */
.ohcr{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.ohcr-t{flex:1 0 100%;font-size:12px;color:var(--ink2)}
.ohcr-c{display:inline-flex;min-width:0;align-items:stretch;max-width:100%;border:1px solid var(--line,#d9d9d9);
 border-radius:999px;background:var(--paper,#f6f5ef);overflow:hidden}
.ohcr-u,.ohcr-x{font:inherit;background:none;border:0;color:var(--ink);cursor:pointer;min-height:36px}
.ohcr-u{font-size:13px;padding:6px 4px 6px 12px;flex:1 1 auto;min-width:0;overflow:hidden;
 text-overflow:ellipsis;white-space:nowrap}
.ohcr-x{font-size:17px;line-height:1;padding:0 12px 0 8px;color:var(--ink2)}
.ohcr-u:hover,.ohcr-u:focus-visible{color:var(--teal-t,var(--teal))}
.ohcr-x:hover,.ohcr-x:focus-visible{color:#b42318}
/* Mensajes (app-105 §5): la categoria de la extranet como etiqueta, el aviso
   de limites antes de enviar y el renglon de huesped esperando en Pendientes. */
.mx-cat{display:inline-block;align-self:flex-start;font-size:11px;letter-spacing:.4px;text-transform:uppercase;
 color:var(--ink2);border:1px solid var(--line,#d9d9d9);border-radius:999px;padding:1px 8px;margin-bottom:4px}
.mx-limite{margin:0 0 8px;padding:8px 12px;border-radius:10px;font-size:13.5px;line-height:1.45;
 background:color-mix(in srgb,var(--o-atencion) 16%,var(--o-super));color:var(--o-atencion-t);border:1px solid color-mix(in srgb,var(--o-atencion) 45%,transparent)}
.oh105-esp{display:flex;align-items:center;gap:8px;width:100%;font:inherit;text-align:left;cursor:pointer;
 border:1px solid color-mix(in srgb,var(--o-atencion) 45%,transparent);background:color-mix(in srgb,var(--o-atencion) 16%,var(--o-super));color:var(--o-atencion-t);border-radius:12px;padding:10px 14px;margin:0 0 10px;font-weight:600}
.oh105-esp-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.oh105-esp-t small{font-size:13px;font-weight:400}
.oh105-esp b{min-width:26px;text-align:center;background:var(--o-atencion-t);color:var(--o-super);border-radius:999px;padding:2px 8px}
.mx-ent{display:block;font-size:11.5px;margin-top:3px;opacity:.8}
.mx-ent.ok::before{content:"\2713\00a0"}
.mx-ent.mal{opacity:1;color:var(--o-atencion-t);font-weight:600}
.mx-revisa{align-self:flex-start;margin-top:4px;min-height:36px}