/* La ventana «Publicar la galeria» (despues de publicar, T1; public/publicar.js; lienzo v1 tableros 1, 4 y 5).
   Solo tokens de cuarto-oscuro.css: filas sin cajas (una raya fina entre filas), pildora = se toca. El interruptor es el de
   Ajustes (.ajs-sw, ajustes-simple.css) para que se vea igual en toda la app. */
.modal.pub-modal{ width:min(680px, calc(100vw - 32px)); }
.pub-ok{ display:flex; align-items:center; gap:var(--e-2); margin:0 0 var(--e-4); color:var(--tinta); font-size:var(--t-texto); }
.pub-ok.pub-falta{ justify-content:space-between; color:var(--urge); }
.pub-etiqueta{ font-size:var(--t-meta); color:var(--medio); margin-bottom:var(--e-1); }
.pub-filas{ display:flex; flex-direction:column; }
.pub-fila, .pub-hecho{ display:flex; align-items:flex-start; gap:var(--e-3); padding:var(--e-4) 0; }
.pub-fila + .pub-fila, .pub-hecho + .pub-hecho{ box-shadow:inset 0 1px 0 var(--linea); }
.pub-hecho{ padding:var(--e-3) 0; align-items:center; color:var(--tinta); }
.pub-ico{ flex:none; display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:12px; background:var(--piedra-on); color:var(--tinta); }
.pub-txt{ flex:1; min-width:0; display:flex; flex-direction:column; gap:3px; }
.pub-q{ display:block; font-size:var(--t-texto); font-weight:600; color:var(--tinta); }
.pub-v{ display:block; font-size:var(--t-texto); color:var(--texto); line-height:1.45; }
.pub-s{ display:block; font-size:var(--t-meta); color:var(--medio); line-height:1.45; margin:0; }
.pub-fila .ajs-sw{ margin-top:2px; }
.pub-chips{ display:flex; flex-wrap:wrap; gap:6px; margin:var(--e-2) 0 var(--e-1); }
.pub-chip{ min-height:36px; padding:0 var(--e-3); border:0; border-radius:var(--r-pildora); background:var(--piedra-on); color:var(--tinta); font:inherit; font-size:var(--t-meta); cursor:pointer; }
.pub-chip[aria-checked="true"]{ background:var(--boton); color:var(--boton-t); }
.pub-chip:focus-visible, .pub-link:focus-visible{ outline:2px solid var(--tinta); outline-offset:2px; }
.pub-link{ border:0; background:none; padding:0; font:inherit; color:var(--tinta); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.pub-mensaje{ display:flex; flex-direction:column; gap:var(--e-1); margin-top:var(--e-2); padding:var(--e-3); border-radius:var(--r); background:var(--piedra-on); }
.pub-cuerpo{ font-size:var(--t-meta); color:var(--texto); line-height:1.5; white-space:pre-wrap; overflow-wrap:anywhere; }
.pub-recordar{ display:flex; align-items:center; gap:var(--e-2); min-height:44px; margin-top:var(--e-2); font-size:var(--t-meta); color:var(--texto); cursor:pointer; }
.pub-recordar input{ width:18px; height:18px; margin:0; accent-color:var(--tinta); }
.pub-modal .pz-b-p{ white-space:nowrap; }
/* Publicar siempre a la vista: con «Ver el mensaje» abierto la ventana pasa del alto de la pantalla y el boton se iba abajo (visto en el
   navegador, 28 oct). Pegado al fondo de lo que se desliza, con el fondo de la ventana para que el texto no se vea detras. */
.modal.pub-modal .pz-hoja-pie{ position:sticky; bottom:0; background:inherit; box-shadow:0 -1px 0 var(--linea); }
/* En el telefono la ventana es la pantalla entera, con Publicar fijo abajo (lienzo, tablero 5). */
@media (max-width:640px){
  .modal.pub-modal{ width:100vw; max-width:100vw; min-height:100dvh; border-radius:0; display:flex; flex-direction:column; }
  .modal.pub-modal .pz-hoja-cuerpo{ flex:1; }
  .modal.pub-modal .pz-b-p{ flex:1; min-height:48px; }
}