/* Plantilla Portfolio · iniciativas (plantilla Portfolio; estilo de Portfolio IA). Prefijo de la app: dm. */

/* Kanban de Iniciativas (como Portfolio IA): cabecera de cada columna en el color de
   su estado (pastel + tinta legible en ambos temas, color por --bd-color) y tarjetas
   neutras del mismo alto. Reutiliza .kanban/.kcard de shared/css/components/tasks.css. */
.dm-kanban .kcol { min-width: 230px; }
.kcol-head.dm-kcol-head { background: color-mix(in srgb, var(--bd-color) 45%, var(--surface-white)); color: var(--pd-estado-ink); }
.kcol-head.dm-kcol-head .count { color: inherit; }
.kcard.dm-kcard { cursor: pointer; color: inherit; text-decoration: none; border: 1px solid var(--border2); }
.kcard.dm-kcard:hover, .kcard.dm-kcard:focus-visible { background: var(--bg4); }
.kcard.dm-kcard .kowner { min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.kcard.dm-kcard .kavatar { flex: none; }
.kcard.dm-kcard .kcard-tags { display: flex; align-items: center; gap: 4px; min-height: 20px; margin: 6px 0 8px; overflow: hidden; white-space: nowrap; }
.kcard.dm-kcard .kcard-tags .badge { white-space: nowrap; flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.kcard.dm-kcard .kcard-tags-more { flex: none; font-size: 11px; color: var(--text2); }
.dm-kcard-fase { flex: none; font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; background: var(--bg4); color: var(--text2); white-space: nowrap; }

/* Tarjetas: el texto del contexto (responsable) con el tamaño de los badges. */
.initiative-context-values { align-items: center; }

/* Popup de alta/edición por bloques (como Portfolio IA). */
#modal-dm-iniciativa .form-section-label { color: var(--accent); margin-top: 32px; }
#modal-dm-iniciativa .form-section-label:first-child { margin-top: 0; }

/* Celdas con un valor por línea (columna Tecnología de la tabla). */
.dm-linea { display: block; line-height: 1.45; }