/* u0-pm.css — 2026-11-09
   Mensajes privados (action=pm) en formato hilo/lista de foro, no chat.
   El aspecto "chat" (burbujas alternadas izq./der., verde para los propios, radios 14px, max-width 860px)
   lo inyecta Sources/u0-Producto5.php (propuesta #96, u0p5_css_pm) como CSS inline con !important
   y selector "#personal_messages ...". Acá se neutraliza con más especificidad (body.u0.action_pm #personal_messages ...).
   Revertir: dejar este archivo vacío (solo el comentario de cabecera). */

/* ---------- Mensajes: bloque de hilo como .postblock de los temas ---------- */
body.u0.action_pm #personal_messages .windowbg,
body.u0.action_pm #personal_messages .windowbg2,
body.u0.action_pm #personal_messages .u0pm-mine{
  max-width:none !important;margin:0 0 12px !important;
  border:1px solid var(--line-soft,rgba(60,183,234,.14)) !important;border-radius:0 !important;
  background:rgba(8,9,22,.9) !important;box-shadow:none
}
/* Los propios: mismo bloque, solo una marca fina a la izquierda (sin verde, sin desplazar a la derecha) */
body.u0.action_pm #personal_messages .u0pm-mine{box-shadow:inset 3px 0 0 #3a3d80 !important}

body.u0.action_pm #personal_messages .windowbg[id^="msg"] .post_wrapper{display:flex;align-items:stretch}
body.u0.action_pm #personal_messages .windowbg[id^="msg"] .poster{
  flex:0 0 180px;width:180px;padding:18px 14px 14px;
  background:rgba(33,35,73,.28);border-right:1px solid var(--line-soft,rgba(60,183,234,.14)) !important
}
body.u0.action_pm #personal_messages .poster h4{font-size:1rem;margin:0 0 .4rem}
body.u0.action_pm #personal_messages .poster .avatar img,
body.u0.action_pm #personal_messages .poster img.avatar{max-width:84px;max-height:84px}
body.u0.action_pm #personal_messages .poster .postgroup,
body.u0.action_pm #personal_messages .poster .postcount{font-size:.8rem;color:var(--txt-3,rgba(255,255,255,.5))}
/* Ruido en la ficha del remitente: barra "Actividad 0%" */
body.u0.action_pm #personal_messages .poster li.custom{display:none}

body.u0.action_pm #personal_messages .windowbg[id^="msg"] .postarea{flex:1 1 auto;min-width:0;padding:16px 24px 14px}
body.u0.action_pm #personal_messages .keyinfo{padding-bottom:.6rem;margin-bottom:.9rem;border-bottom:1px solid var(--line-faint,rgba(60,183,234,.08))}
body.u0.action_pm #personal_messages .keyinfo,
body.u0.action_pm #personal_messages .keyinfo .subject_title,
body.u0.action_pm #personal_messages .keyinfo .postinfo{display:block;float:none;width:auto}
body.u0.action_pm #personal_messages .keyinfo h5{margin:0 0 .2rem;font:600 1.02rem/1.35 var(--f-body,Roboto,Inter,system-ui,sans-serif);color:#fff;text-transform:none;letter-spacing:0}
body.u0.action_pm #personal_messages .keyinfo .smalltext{font-size:.8rem;color:var(--txt-3,rgba(255,255,255,.5))}
body.u0.action_pm #personal_messages .keyinfo .smalltext strong{font-weight:500;color:var(--txt-2,rgba(255,255,255,.74))}
body.u0.action_pm #personal_messages .post .inner{font-size:1rem;line-height:1.65;color:rgba(255,255,255,.9)}

/* "✓✓ leído / ✓ enviado" de #96: dato útil, pero gris y discreto */
body.u0.action_pm #personal_messages .u0pm-read,
body.u0.action_pm #personal_messages .u0pm-unread{
  display:block;margin:.5rem 0 0;padding:0;border:0;text-align:right;
  font-size:.75rem;color:var(--txt-3,rgba(255,255,255,.5)) !important;letter-spacing:0
}

/* SMF deja <br><br> después de cada cita: hueco enorme. La cita ya es bloque, alcanza con su margen. */
body.u0.action_pm #personal_messages .inner blockquote{margin-bottom:.8rem}
body.u0.action_pm #personal_messages .inner blockquote+br,
body.u0.action_pm #personal_messages .inner blockquote+br+br{display:none}

/* Citas en cadena (cada respuesta cita la anterior): más compactas a partir del 2.º nivel */
body.u0.action_pm #personal_messages .inner blockquote blockquote{font-size:.92em;padding:.5rem .8rem;margin:.4rem 0}
body.u0.action_pm #personal_messages .inner blockquote blockquote blockquote{opacity:.8}

body.u0.action_pm #personal_messages .under_message{margin-top:1rem;padding-top:.7rem;border-top:1px solid var(--line-faint,rgba(60,183,234,.08))}

/* Cabecera de conversación */
body.u0.action_pm #personal_messages .roundframe{border-radius:0;margin-bottom:12px}
body.u0.action_pm #personal_messages .roundframe .display_title{font-size:1.35rem;line-height:1.3}
body.u0.action_pm #personal_messages .roundframe p{color:var(--txt-3,rgba(255,255,255,.5));font-size:.88rem}

/* Cajas que no son mensajes (etiquetas, reglas, buscar, borrador...): #96 les quitó el padding */
body.u0.action_pm #personal_messages div.windowbg:not([id^="msg"]){padding:14px 18px}

/* ---------- Bandeja / enviados: lista ---------- */
body.u0.action_pm #personal_messages .table_grid tr.windowbg{
  margin:0 !important;border:0 !important;border-bottom:1px solid var(--line-faint,rgba(60,183,234,.08)) !important;
  background:rgba(8,9,22,.9) !important
}
body.u0.action_pm #personal_messages .table_grid tr.windowbg:hover{background:rgba(33,35,73,.35) !important}
body.u0.action_pm #personal_messages .table_grid td{padding:.65rem .7rem;vertical-align:middle}
body.u0.action_pm #personal_messages .table_grid td.pm_time{font-size:.85rem;color:var(--txt-3,rgba(255,255,255,.5));white-space:nowrap}
body.u0.action_pm #personal_messages .table_grid td.pm_time strong{font-weight:500;color:var(--txt-2,rgba(255,255,255,.74))}
body.u0.action_pm #personal_messages .table_grid td.pm_subject>a{color:rgba(255,255,255,.86)}
body.u0.action_pm #personal_messages .table_grid td.pm_subject>a:hover{color:var(--celeste,#3CB7EA)}
body.u0.action_pm #personal_messages .table_grid td.pm_from_to a{color:var(--txt-2,rgba(255,255,255,.74))}
/* No leídos: negrita + marca fina, sin color de fondo */
body.u0.action_pm #personal_messages .table_grid tr.unread_pm td.pm_subject>a{font-weight:700;color:#fff}
body.u0.action_pm #personal_messages .table_grid tr.unread_pm td:first-child{box-shadow:inset 3px 0 0 var(--celeste,#3CB7EA)}
body.u0.action_pm #personal_messages .table_grid .new_posts{font-size:.62rem;padding:1px 5px;vertical-align:2px}

/* ---------- Redactar ---------- */
body.u0.action_pm #post_header dt{padding-top:.45rem}
body.u0.action_pm #post_header #to_control,
body.u0.action_pm #post_header #bcc_control{width:min(100%,360px);box-sizing:border-box}
body.u0.action_pm #post_header #pm_subject input{width:100%;max-width:760px;box-sizing:border-box}

/* ---------- Móvil ---------- */
@media (max-width:720px){
  body.u0.action_pm #personal_messages .windowbg[id^="msg"] .post_wrapper{flex-direction:column}
  /* Remitente en una fila: avatar chico + nombre + grupo */
  body.u0.action_pm #personal_messages .windowbg[id^="msg"] .poster{
    flex:none;width:auto;display:flex;align-items:center;gap:.6rem;padding:10px 14px;text-align:left;
    border-right:0 !important;border-bottom:1px solid var(--line-soft,rgba(60,183,234,.14))
  }
  body.u0.action_pm #personal_messages .poster h4{order:2;margin:0;padding:0;font-size:.95rem;float:none;width:auto;text-align:left;display:flex;align-items:center;gap:.35rem}
  body.u0.action_pm #personal_messages .poster ul.user_info{display:contents}
  body.u0.action_pm #personal_messages .poster ul.user_info>li{display:none}
  body.u0.action_pm #personal_messages .poster ul.user_info>li.avatar{display:block;order:1;margin:0;width:32px !important;height:32px !important;min-width:0;padding:0;flex:none}
  body.u0.action_pm #personal_messages .poster ul.user_info>li.postgroup{display:block;order:3;margin:0 0 0 auto;font-size:.75rem}
  body.u0.action_pm #personal_messages .poster .avatar img,
  body.u0.action_pm #personal_messages .poster img.avatar{width:32px;height:32px;max-width:32px;max-height:32px;object-fit:cover}
  body.u0.action_pm #personal_messages .windowbg[id^="msg"] .postarea{padding:12px 14px 10px}
  body.u0.action_pm #personal_messages .inner blockquote{margin-left:0;margin-right:0}
  body.u0.action_pm #personal_messages .inner blockquote blockquote{padding:.4rem .6rem}
  body.u0.action_pm #personal_messages .table_grid td{padding:.6rem .5rem}
  body.u0.action_pm #personal_messages .table_grid td.pm_subject .pm_inline_time{display:block;margin-top:.25rem;font-size:.8rem;color:var(--txt-3,rgba(255,255,255,.5))}
  /* Redactar: etiqueta arriba del campo, campos a todo el ancho */
  body.u0.action_pm #post_header dt,
  body.u0.action_pm #post_header dd{float:none;width:100% !important;margin:0;padding:0}
  body.u0.action_pm #post_header dt{padding-top:.6rem;margin-bottom:.3rem}
  body.u0.action_pm #post_header #to_control,
  body.u0.action_pm #post_header #bcc_control,
  body.u0.action_pm #post_header #pm_subject input{width:100%;max-width:none}
  body.u0.action_pm #personal_messages .roundframe .display_title{font-size:1.1rem}
}