/* Pendientes de Marco y Janet. Acotado a .mod-pendientes: los CSS de los
 * módulos chocan entre sí. Monocromo; lo hecho se atenúa, no se colorea. */

.mod-pendientes .alta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.mod-pendientes .alta input{flex:1 1 260px;font:inherit;padding:8px 10px;border:1px solid var(--rule)}
.mod-pendientes .alta .err{flex-basis:100%}

.mod-pendientes .cuenta{font-size:12px;color:var(--meta);margin-bottom:10px}
.mod-pendientes .cuenta b{color:var(--ink);font-size:16px}

.mod-pendientes .tarea{border-top:1px solid var(--rule);padding:12px 0}
.mod-pendientes .tarea:last-of-type{border-bottom:1px solid var(--rule)}
.mod-pendientes .cab{display:flex;gap:12px;align-items:flex-start}
.mod-pendientes .cab input[type=checkbox]{width:18px;height:18px;margin-top:2px;flex-shrink:0;cursor:pointer}
.mod-pendientes .titulo{flex:1;min-width:0}
.mod-pendientes .titulo h3{font-size:15px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.mod-pendientes .meta{font-size:12px;color:var(--meta)}
.mod-pendientes .hecha h3{text-decoration:line-through;color:var(--meta);font-weight:400}

.mod-pendientes .detalle{margin:10px 0 0 30px}
.mod-pendientes .notas{list-style:none;padding:0;margin:0 0 10px}
.mod-pendientes .notas li{border-left:2px solid var(--rule);padding:4px 0 4px 10px;margin-bottom:8px}
.mod-pendientes .notas p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.mod-pendientes .anota textarea{width:100%;font:inherit;padding:8px 10px;border:1px solid var(--rule);resize:vertical}
.mod-pendientes .acciones{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}
.mod-pendientes .btn-borra{margin-left:auto}
.mod-pendientes .err{font-size:13px;color:var(--alarma);margin-top:6px}
.mod-pendientes .vacio{color:var(--meta);padding:20px 0}