/* ── 1:1 y equipos ────────────────────────────────────────────────────────
   Temas, compromisos, sesiones y objetivos de desarrollo. Solo tokens de
   base.css; toolbar, tarjetas y formularios son los de base.css («Primitivas de vista»).
   Los fondos suaves salen de color-mix sobre el color del texto, así valen en
   claro y en oscuro. Como toda vista con contenido propio, declara su scroll. */
#view-unoauno{overflow-y:auto}

.uno-cols{display:grid;grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px;align-items:start}
.uno-ficha{display:flex;flex-direction:column;gap:36px;min-width:0}

/* Lista de conversaciones: filas sin caja, la activa en --sb-muted */
.uno-lista{display:flex;flex-direction:column;gap:2px}
.uno-rel{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;border:0;
  border-radius:10px;background:transparent;cursor:pointer;font-family:var(--font);
  text-align:left;transition:var(--tr-colores)}
.uno-rel:hover{background:color-mix(in srgb,var(--sb-muted) 70%,transparent)}
.uno-rel.on{background:var(--sb-muted)}
.uno-rel-txt{display:flex;flex-direction:column;min-width:0;flex:1}
.uno-rel-txt b{font-size:13px;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uno-rel-sig{display:flex;align-items:center;gap:4px;flex-shrink:0}

/* Cabecera de la conversación: sobre el lienzo, sin caja */
.uno-persona{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--c-border)}
.uno-persona-txt{display:flex;flex-direction:column;min-width:0;flex:1 1 160px}
.uno-persona-txt b{font-size:15px;color:var(--c-text);letter-spacing:var(--tracking-title)}
.uno-persona-acc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}
.uno-cad{width:auto;font-size:12px;padding:5px 26px 5px 9px}

/* Bloques */
.uno-nada{padding:6px 0 4px}
.uno-nota{margin-top:6px;line-height:1.5}

/* Puntos y compromisos */
.uno-punto,.uno-comp{display:flex;align-items:center;gap:9px;padding:7px 0;flex-wrap:wrap}
.uno-punto+.uno-punto,.uno-comp+.uno-comp{border-top:1px solid var(--c-border)}
.uno-punto input[type=checkbox],.uno-comp input[type=checkbox]{width:15px;height:15px;accent-color:var(--c-text);cursor:pointer;flex-shrink:0}
.uno-bullet{width:5px;height:5px;border-radius:50%;background:var(--c-text3);flex-shrink:0;margin:0 5px}
.uno-punto-txt{flex:1 1 160px;min-width:0;font-size:13px;color:var(--c-text);line-height:1.45;overflow-wrap:anywhere}
.uno-punto.tratado .uno-punto-txt{text-decoration:line-through;color:var(--c-text3)}
.uno-autor{flex-shrink:0}
.uno-comp-meta{display:flex;align-items:center;gap:6px;flex-shrink:0}
.uno-comp.tarde .uno-fecha{color:var(--c-red);font-weight:600}
.uno-punto .btn-icon,.uno-comp .btn-icon{opacity:0;transition:opacity var(--tr)}
.uno-punto:hover .btn-icon,.uno-comp:hover .btn-icon{opacity:1}
@media(hover:none){.uno-punto .btn-icon,.uno-comp .btn-icon{opacity:1}}

/* Añadir: el gap de la sección ya separa, sin filete propio */
.uno-add{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}
.uno-add .form-input{flex:1 1 180px;min-width:0}
.uno-add .form-select,.uno-add input[type=date]{flex:0 1 auto;width:auto}
.uno-notas{line-height:1.55}

/* Objetivos de desarrollo: .filas/.fila (título, horizonte, estado) + .tile-barra debajo */
.obj-progreso{padding-bottom:14px}
.obj-progreso:last-child{padding-bottom:0}
.obj-progreso .obj-detalle{font-size:12px;color:var(--c-text3);margin:6px 0 0;line-height:1.5}
.obj-ok .tile-barra i{background:var(--c-green)}
.obj-off .tile-barra,.obj-no .tile-barra{opacity:.6}
.obj-estado{border:none;background:none;font-family:var(--font);font-size:11px;font-weight:600;
  color:var(--c-text3);cursor:pointer;flex-shrink:0}
.obj-pie{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:8px}
.obj-pie input[type=range]{flex:1 1 80px;min-width:70px;accent-color:var(--c-text)}
.obj-cuando{margin-left:auto}

/* Historial */
.uno-ses{border-bottom:1px solid var(--c-border);padding:8px 0}
.uno-ses:last-child{border-bottom:none}
.uno-ses summary{display:flex;align-items:baseline;gap:9px;cursor:pointer;font-size:13px}
.uno-ses summary b{color:var(--c-text);text-transform:capitalize}
.uno-ses-notas{font-size:12.5px;color:var(--c-text2);line-height:1.55;margin:7px 0;white-space:pre-wrap}
.uno-ses-p{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--c-text3);padding:2px 0}
.uno-ses-p .ic{font-size:14px;flex-shrink:0}
.uno-hecho{display:inline-flex;align-items:center;gap:2px;color:var(--c-green)}
.uno-hecho .ic{font-size:13px}

.uno-nueva-modal{width:440px}

/* Alta: la lista de participantes, agrupada con .card.relleno (sin caja propia) */
.uno-nueva-lista{display:flex;flex-direction:column;gap:2px;max-height:190px;overflow-y:auto}
.uno-nueva-p-l{gap:9px;padding:5px 2px;width:100%}
.uno-nueva-p-l:hover{color:var(--c-text)}

/* ── Móvil ── */
@media (max-width:768px), ((hover:none) and (pointer:coarse) and (max-width:1400px)){
  .uno-cols{grid-template-columns:1fr;gap:12px}
  /* La lista pasa a carril horizontal, con el mismo contorno fino que .filtro */
  .uno-lista{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:8px}
  .uno-rel{flex:0 0 auto;width:auto;max-width:220px;min-height:48px;border:1px solid var(--c-border);border-radius:15px;background:var(--c-surface)}
  .uno-rel.on{background:var(--c-text);border-color:var(--c-text)}
  .uno-rel.on .uno-rel-txt b,.uno-rel.on .hint{color:var(--c-bg)}
  .uno-persona{gap:10px}
  .uno-persona-acc{margin-left:0;width:100%;flex-direction:column;align-items:stretch}
  .uno-persona-acc .btn,.uno-cad{width:100%;display:flex;justify-content:center;min-height:42px}
  .uno-punto,.uno-comp{padding:10px 0;min-height:42px}
  .uno-punto input[type=checkbox],.uno-comp input[type=checkbox]{width:22px;height:22px}
  .uno-punto .btn-icon,.uno-comp .btn-icon{opacity:1}
  .uno-add{flex-direction:column}
  .uno-add .form-input,.uno-add .form-select,.uno-add input[type=date]{flex:1 1 auto;width:100%}
  .uno-add .btn{width:100%;min-height:42px}
  .obj-pie input[type=range]{min-height:42px}
  .uno-ses summary{min-height:42px;align-items:center}
  .uno-nueva-p-l{min-height:42px}
  .uno-nueva-p-l input{width:22px;height:22px}
}