/* ══════════════════════════════════════════════════════════════════════════
   listas.css — a list looks like what it holds (equipo-mejoras round 2, P8 — Jorge, 10-16: «se ve todo igual, me cansa»). The same
   FilaItem rows (components/kit/Lista.tsx); the look comes from `data-lista` on the `.list` — `<Lista de="…">`, or the attribute on a
   page's own `.list`:
     puertas · a place to go: the glyph alone, the name, a live fact in vino — or nothing;
     papeles · papers: a sheet with its folded corner, the document's kind, its date as the row's fact;
     dinero  · a ledger: the line, and its number right-aligned in Eighties;
     gente   · a roster: the person, the puesto beside the name, the state at the end.
   Kit tokens only; 16 px floor; 44 px taps; nothing moves here. The frozen sheets are untouched: where equipo-v2.css dresses every list
   alike (the papel icon tile), the rule below speaks over it with the same selector plus the list's kind.
   Kill = its link line in app/layout.tsx — a list without the attribute is exactly what it was.
   ══════════════════════════════════════════════════════════════════════════ */

/* ---- puertas ---- */
.list[data-lista="puertas"] .item .ic { width: 28px; height: 28px; border-radius: 0; color: var(--gris); }
.list[data-lista="puertas"] .item .t { font-weight: 600; }
.list[data-lista="puertas"] .item .end { font-weight: 700; color: var(--vino); }

/* ---- papeles ---- */
.list[data-lista="papeles"] .item .ic { width: 32px; height: 40px; border-radius: 3px; color: var(--vino); box-shadow: inset 0 0 0 1.5px var(--linea); }
.list[data-lista="papeles"] .item .ic .ico { width: 18px; height: 18px; }
.list[data-lista="papeles"] .item .end { font-weight: 600; color: var(--gris); font-variant-numeric: tabular-nums; }
/* A paper whose fact is money (a payslip: the week, its period, its net) keeps the ledger's number. */
.list[data-lista="papeles"] .item .end.monto { font-family: var(--f-display); font-weight: 500; font-size: 22px; line-height: 1.1; color: var(--vino); }

/* ---- dinero ---- */
.list[data-lista="dinero"] .item .ic { width: 32px; height: 32px; border-radius: 50%; }
.list[data-lista="dinero"] .item .ic .ico { width: 18px; height: 18px; }
.list[data-lista="dinero"] .item .t { font-weight: 600; }
.list[data-lista="dinero"] .item .end { font-family: var(--f-display); font-weight: 500; font-size: 22px; line-height: 1.1; color: var(--vino); font-variant-numeric: tabular-nums; }
/* A ledger line keeps its words and its number on one line; a state («Por revisar») goes under the words, never squeezing them. */
.list[data-lista="dinero"] .item:has(> .est) { flex-wrap: wrap; row-gap: 6px; }
.list[data-lista="dinero"] .item:has(> .est) > .flecha { order: 4; }
.list[data-lista="dinero"] .item:has(> .est)::after { content: ""; order: 5; flex-basis: 100%; height: 0; }
.list[data-lista="dinero"] .item:has(> .est) > .est { order: 6; margin-left: 0; }
.list[data-lista="dinero"] .item:has(> .ic):has(> .est) > .est { margin-left: 46px; }

/* ---- gente ---- */
.list[data-lista="gente"] .item .txt { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.list[data-lista="gente"] .item .s { margin-top: 0; font-weight: 600; }
.list[data-lista="gente"] .item .end { max-width: 45%; font-weight: 700; color: var(--vino); text-align: right; white-space: normal; text-wrap: balance; }  /* a long state («12 días · vencen el 18 nov») wraps at the right, never squeezing the name */

/* ---- over equipo-v2.css's one tile for every list (its selector, plus the list's kind) ---- */
:root[data-kit="v2"] :is(.list.pagina, .eq-lienzo > section:not(.heroe) .list, .list)[data-lista="puertas"] .item .ic { background: transparent; }
:root[data-kit="v2"] :is(.list.pagina, .eq-lienzo > section:not(.heroe) .list, .list)[data-lista="papeles"] .item .ic { background: linear-gradient(225deg, var(--papel-2) 0 9px, var(--hoja) 9px); }
:root[data-kit="v2"] :is(.list.pagina, .eq-lienzo > section:not(.heroe) .list, .list)[data-lista="dinero"] .item .ic { background: var(--oro-claro); color: var(--oro-tinta); }