/* Layout básico */
#app { padding: 12px; }
table { width: 100%; border-collapse: collapse; }
th, td { padding: 8px 10px; border-bottom: 1px solid #eee; text-align: left; }
tr.highlight { background: #fffbe6; }

/* Columna agencia: logo + texto */
.agency-cell { display: flex; align-items: center; gap: 8px; }
.agency-logo {
  width: 24px; height: 24px; object-fit: contain; flex: 0 0 24px;
}

/* Evitar que se rompa la tabla con trackings largos */
td a { word-break: break-all; }

/* Responsivo rápido */
@media (max-width: 900px) {
  .show-desktop { display:none; }
  table { font-size: 14px; }
  th:nth-child(1), td:nth-child(1) { display: none; } /* Oculta ID si hace falta */
}