/* Comentarios del proyecto (web/comentarios-proyecto.js). El diálogo usa .dlg-head/.dlg-body y .chips del mando. */
.pquick [data-q="comentarios"]{position:relative}
.pquick [data-q="comentarios"][data-n]:not([data-n=""])::after{content:attr(data-n);position:absolute;top:-2px;right:0;min-width:20px;height:20px;padding:0 5px;border-radius:999px;
  background:var(--accent);color:var(--accent-ink);font-size:.875rem;font-weight:800;line-height:20px;text-align:center}
.cmt-borrar{display:flex;align-items:center;gap:10px;min-height:44px;margin:0 0 8px;color:var(--tinta-2)}
.cmt-borrar input{width:20px;height:20px}
.cmt-list{display:grid;gap:12px}
.cmt-item{padding:16px 18px;border:1px solid var(--linea);border-radius:18px;background:var(--tarjeta)}
.cmt-item.atendido{background:var(--papel)}
.cmt-item header{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}
.cmt-item time{margin-left:auto;color:var(--tinta-2);font-size:.875rem}
.cmt-tipo,.cmt-pru{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;font-size:.875rem;font-weight:700;background:var(--papel-2);color:var(--tinta)}
.cmt-tipo.falla{background:color-mix(in srgb,var(--err) 14%,var(--tarjeta));color:var(--err)}
.cmt-tipo.idea{background:color-mix(in srgb,var(--ok) 14%,var(--tarjeta));color:var(--ok)}
.cmt-pru{background:color-mix(in srgb,var(--warn) 14%,var(--tarjeta));color:var(--warn)}
.cmt-pres{background:color-mix(in srgb,var(--ok) 12%,var(--tarjeta));color:var(--ok)}
.cmt-texto{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
.cmt-ruta{margin:8px 0 0;color:var(--tinta-2);font-size:.875rem;overflow-wrap:anywhere}
.cmt-acc{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.cmt-acc .btn{min-height:44px}
.cmt-sin{color:var(--tinta-2);font-size:.875rem}
.cmt-del{margin-left:auto}
.cmt-acc a.btn{white-space:normal;overflow-wrap:anywhere;text-align:left}
/* Captura que dejó el cliente (presentación compartida): miniatura que abre la imagen grande. */
.cmt-thumb{display:block;width:min(100%,360px);margin:0 0 10px;padding:0;border:1px solid var(--linea);border-radius:12px;overflow:hidden;background:var(--papel-2);cursor:zoom-in}
.cmt-thumb img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}
.cmt-thumb:focus-visible{outline:3px solid var(--azul);outline-offset:2px}
.cmt-texto.cmt-sin{color:var(--tinta-2);font-style:italic}
.cmt-grande #cmtImg{display:block;max-width:100%;max-height:min(62dvh,640px);margin:0 auto 12px;border-radius:12px;background:var(--papel-2)}
.cmt-nota-err:empty{display:none}