.pieza-comentarios { margin-top: 16px; border-top: 1px solid var(--border); padding-top: 12px; }
.pieza-comentarios summary { cursor: pointer; font-size: 0.875rem; font-weight: 600; }
.comentarios-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 4px; box-sizing: border-box; border-radius: 50%; background: #c62828; color: #fff; font-size: 0.6875rem; font-weight: 600; vertical-align: middle; }
.comentarios-badge[hidden] { display: none; }
.comentarios-icono { position: relative; display: inline-block; margin-right: 6px; }
.comentarios-icono .comentarios-badge { position: absolute; top: -10px; right: -12px; }
.comentarios-lista { display: flex; flex-direction: column; gap: 10px; max-height: 360px; overflow-y: auto; margin-top: 12px; }
.comentario-burbuja { align-self: flex-start; max-width: 85%; padding: 10px 12px; border-radius: 12px; border: 1px solid var(--border); background: var(--panel, var(--gold-bg)); font-size: 0.8125rem; overflow-wrap: anywhere; }
.comentario-burbuja.comentario-cliente { align-self: flex-end; background: var(--gold-bg, var(--panel-alt)); }
.comentario-burbuja div { white-space: pre-wrap; margin: 5px 0; }
.comentario-burbuja time { font-size: 0.6875rem; opacity: .7; }
.comentarios-estado { font-size: 0.75rem; }
.comentarios-form { display: flex; align-items: flex-end; gap: 8px; margin-top: 10px; }
.comentarios-form textarea { flex: 1; min-width: 0; width: 100%; box-sizing: border-box; resize: vertical; padding: 8px; border: 1px solid var(--border); border-radius: 6px; background: var(--panel, transparent); color: var(--text); font: inherit; }
.comentarios-form button { padding: 9px 12px; border: 1px solid var(--border); border-radius: 6px; cursor: pointer; background: var(--panel, transparent); color: var(--text); }
.comentarios-form button:disabled { opacity: .5; cursor: default; }
.estado-archivado { font-size: 0.875rem; font-weight: 600; margin-top: 14px; letter-spacing: .02em; color: #999999; }
.cp-estado-badge.archivado { background: rgba(153, 153, 153, 0.2); color: #999999; }