/* ══ Documentos de Digital Core (shared/js/ui/documentos.js) ══
   Fila de solo lectura (icono del tipo = descarga · nombre + archivo · fecha · subido
   por · campos propios · Editar) y popup común «Añadir / Editar documento».
   Mismo aspecto que las facturas y documentos de Hub Presupuestario. */
.dc-doc-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.dc-doc-fila {
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px;
  padding: 12px 14px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--bg2);
}
.dc-doc-fila.is-pendiente { border-style: dashed; }
.dc-doc-campo { display: flex; flex-direction: column; gap: 4px; min-width: 0; flex: 1 1 110px; font-size: 13px; }
.dc-doc-campo .info-label { font-size: 10.5px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text3); }
.dc-doc-nombre { flex: 3 1 220px; }
.dc-doc-fecha { flex: 0 1 96px; }
.dc-doc-titulo { font-weight: 600; color: var(--text); overflow-wrap: anywhere; }
.dc-doc-meta { font-size: 12px; color: var(--text2); overflow-wrap: anywhere; }
.dc-doc-archivo { font-size: 12px; text-align: left; overflow-wrap: anywhere; }
/* Ancho reservado aunque la fila no tenga botones (p. ej. el PDF oficial): así las columnas de
   todas las filas de una lista quedan alineadas. */
.dc-doc-acciones { display: flex; justify-content: flex-end; gap: 6px; margin-left: auto; min-width: var(--control-h); }
.dc-doc-comentarios { flex-basis: 100%; }
.dc-doc-comentarios > span:last-child { white-space: pre-line; overflow-wrap: anywhere; color: var(--text2); }
.dc-doc-vacio { margin: 0; padding: 8px 0; font-size: 13px; color: var(--text3); }
/* Icono del tipo de archivo: es el botón de descarga (anima al pulsar). */
.dc-doc-icono-btn { display: inline-flex; flex: none; padding: 2px; border: none; border-radius: var(--radius-xs); background: none; cursor: pointer; transition: transform var(--transition-fast); }
.dc-doc-icono-btn:hover { transform: translateY(-2px); }
.dc-doc-icono-btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.dc-doc-icono-btn.is-pendiente { cursor: default; opacity: .75; }
.dc-doc-icono-btn.is-pendiente:hover { transform: none; }
/* Editar: botón cuadrado de icono, como el resto de botones de icono de las tarjetas. */
.dc-doc-editar { display: inline-flex; align-items: center; justify-content: center; width: var(--control-h); height: var(--control-h); padding: 0; }
.dc-doc-editar svg { width: 16px; height: 16px; }
/* Popup */
.dc-doc-form .dc-doc-contexto { margin: 0 0 12px; font-size: 12.5px; color: var(--text2); }
.dc-doc-form .upload-file-fijo-nombre { display: inline-flex; align-items: center; gap: 8px; }
.dc-doc-nota { font-size: 12px; color: var(--text3); }
.dc-doc-subido { margin: 0; font-size: 12.5px; color: var(--text2); }
.dc-doc-error { margin: 4px 0 0; min-height: 1.2em; color: var(--red); font-size: 12.5px; }
@media (max-width: 640px) {
  .dc-doc-nombre { flex-basis: calc(100% - 50px); }
  .dc-doc-acciones { margin-left: 0; }
}