/* LAS SERIES DE CADA LOCAL (2026-10-17, docs/central/series-por-local-2026-10-17.md): la tabla de documentos de un local, sus
   series anteriores y las retiradas. Compacta como el resto de la central (campos ~40 px, etiqueta pequeña encima, botones
   32 px) y, por debajo de 640 px, cada fila es una tarjeta con «etiqueta: valor» y los botones a 44 px. Solo consume las fichas
   --limpia-* (el claro y el oscuro salen solos de hoja-limpia.css). */

.series-cabecera { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 8px 16px; margin: 0 0 12px; }
.series-elegir { flex: 0 1 22rem; min-width: 0; }
.series-sociedad { color: var(--limpia-tinta-2); font-size: .8125rem; padding-bottom: 10px; }

/* LAS COLUMNAS LAS PONE LA TABLA y cada fila las hereda (subgrid): con una rejilla por fila, el ancho de los botones de cada fila
   movía sus columnas y la cabecera no casaba con los valores (medido a 1440 px: «Serie» a 597 px y su valor a 534). */
.series-tabla {
    display: grid; gap: 0; min-width: 0;
    grid-template-columns: minmax(9rem, 1.3fr) minmax(5rem, .8fr) minmax(5rem, .6fr) minmax(6rem, .7fr) minmax(8rem, 1.2fr) auto;
}
.series-tabla-corta { grid-template-columns: minmax(6rem, .8fr) minmax(9rem, 1.4fr) minmax(6rem, .6fr); }
.series-tabla-retiradas { grid-template-columns: minmax(6rem, .7fr) minmax(8rem, 1fr) minmax(6rem, .5fr) minmax(10rem, 2fr) auto; }
.series-fila {
    display: grid; grid-template-columns: subgrid; grid-column: 1 / -1;
    column-gap: 12px; row-gap: 4px; align-items: center; min-height: 44px; padding: 6px 4px;
    border-bottom: 1px solid var(--limpia-borde-fino); min-width: 0;
}
.series-fila > * { min-width: 0; overflow-wrap: anywhere; }
.series-fila-titulos {
    min-height: 32px; padding-block: 4px; color: var(--limpia-tinta-3); font-size: .75rem; font-weight: 600;
    letter-spacing: .02em; border-bottom-color: var(--limpia-borde);
}
.series-documento { font-weight: 600; color: var(--limpia-tinta); }
.series-nombre { font-family: ui-monospace, "SF Mono", Consolas, monospace; font-size: .8125rem; font-weight: 650; letter-spacing: .02em; }
.series-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.series-estado { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; }
.series-sub { display: block; flex-basis: 100%; color: var(--limpia-tinta-3); font-size: .75rem; line-height: 1.35; }
.series-motivo { color: var(--limpia-tinta-2); font-size: .8125rem; line-height: 1.35; }
.series-acciones { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }
.series-acciones .crud-boton.mud-button { min-block-size: 32px; margin: 0; }

.series-editor {
    grid-column: 1 / -1; margin: 0 0 8px; padding: 12px 14px; border: 1px solid var(--limpia-borde); border-top: 0;
    border-radius: 0 0 var(--limpia-radio, 10px) var(--limpia-radio, 10px); background: var(--limpia-neutro-fondo);
}
.series-editor-campos { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 16rem)); gap: 8px 16px; align-items: start; }
.series-editor-botones { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.series-nota { margin: 0 0 8px; color: var(--limpia-tinta-2); font-size: .8125rem; line-height: 1.45; max-width: 60rem; }

.series-grupo { margin: 16px 0 4px; font-size: .75rem; font-weight: 650; letter-spacing: .06em; text-transform: uppercase; color: var(--limpia-tinta-2); }
.series-plegable {
    display: inline-flex; align-items: center; gap: 6px; margin: 12px 0 4px; padding: 6px 4px; min-height: 32px;
    border: 0; background: none; color: var(--limpia-tinta-2); font: inherit; font-size: .8125rem; cursor: pointer; text-align: left;
    align-self: flex-start; justify-self: start;
}
.series-plegable:hover { color: var(--limpia-tinta); }
.series-plegable:focus-visible { outline: 2px solid var(--limpia-morado); outline-offset: 2px; border-radius: 6px; }
.series-retiradas { margin-top: 8px; }
.series-plegable-discreto { color: var(--limpia-tinta-3); }

/* Por debajo de 640 px: cada fila, una tarjeta. El documento (o la serie) arriba y el resto «etiqueta: valor». */
@media (max-width: 640px) {
    .series-fila-titulos { display: none; }
    .series-tabla, .series-tabla-corta, .series-tabla-retiradas { grid-template-columns: minmax(0, 1fr); }
    .series-fila {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); padding: 10px 2px; gap: 6px 12px;
    }
    .series-documento { grid-column: 1 / -1; }
    .series-fila > [data-etiqueta]::before {
        content: attr(data-etiqueta); display: block; color: var(--limpia-tinta-3); font-family: inherit;
        font-size: .6875rem; font-weight: 600; letter-spacing: .02em;
    }
    .series-num { text-align: left; }
    .series-estado, .series-motivo { grid-column: 1 / -1; }
    .series-acciones { grid-column: 1 / -1; justify-content: stretch; }
    .series-acciones .crud-boton.mud-button { min-block-size: 44px; flex: 1 1 9rem; }
    .series-editor-campos { grid-template-columns: minmax(0, 1fr); }
    .series-editor-botones .crud-boton.mud-button { min-block-size: 44px; flex: 1 1 8rem; }
    .series-plegable { min-height: 44px; }
}