/* Estilos propios sobre Pico.css: badges de estado, filas de línea de
   factura y colapso de tabla -> tarjetas en pantallas <600px (spec sección 6). */

.aviso { padding: 0.6rem 1rem; border-radius: var(--pico-border-radius); }
.aviso-error { background: #f8d7da; color: #842029; }
.aviso-ok { background: #d4edda; color: #155724; }

.badge { padding: 0.15rem 0.6rem; border-radius: 999px; font-size: 0.8rem; white-space: nowrap; }
.badge-borrador { background: #e2e3e5; color: #383d41; }
.badge-emitida { background: #fff3cd; color: #7a5b00; }
.badge-cobrada { background: #d4edda; color: #155724; }
.badge-ok { background: #d4edda; color: #155724; }
.badge-pendiente { background: #fff3cd; color: #7a5b00; }

.linea-factura {
  grid-template-columns: 1.6fr 1.8fr 0.8fr 0.8fr 1.3fr 1.6fr auto;
  align-items: end;
  margin-bottom: 0.5rem;
}

#resumen-totales { max-width: 320px; margin-left: auto; }
#resumen-totales div { display: flex; justify-content: space-between; gap: 1rem; }

.acciones a, .acciones form, .acciones button { margin-right: 0.35rem; margin-bottom: 0.25rem; }
.acciones form { display: inline; }
.acciones-detalle { grid-template-columns: repeat(auto-fit, minmax(160px, auto)); }

.filtros { grid-template-columns: 2fr 1fr 1fr auto; align-items: end; }

@media (max-width: 600px) {
  table.tabla-tarjetas thead { display: none; }
  table.tabla-tarjetas, table.tabla-tarjetas tbody, table.tabla-tarjetas tr, table.tabla-tarjetas td {
    display: block;
    width: 100%;
  }
  table.tabla-tarjetas tr {
    margin-bottom: 1rem;
    border: 1px solid var(--pico-muted-border-color);
    border-radius: var(--pico-border-radius);
    padding: 0.5rem 0.75rem;
  }
  table.tabla-tarjetas td {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    border: none;
    padding: 0.35rem 0;
  }
  table.tabla-tarjetas td::before {
    content: attr(data-label);
    font-weight: 600;
    color: var(--pico-muted-color);
  }
  .linea-factura { grid-template-columns: 1fr; }
  .filtros { grid-template-columns: 1fr; }
}