/* «En tránsito a la agencia» del admin (antes «Llegan hoy»): mismas reglas que la página del portal (optopus public/llegan-hoy.html). */
/* Rejilla «una fila por paquete». Nombre se lleva lo que sobra: sin hueco junto a Estatus (John, D39). */
.lr .t-lh col.h-ag { width:84px; } .lr .t-lh col.h-mio { width:128px; } .lr .t-lh col.h-cas { width:104px; }
.lr .t-lh col.h-est { width:150px; } .lr .t-lh col.h-lbs { width:92px; } .lr .t-lh col.h-fec { width:104px; }
.lr .t-lh td.h-nom { white-space:normal; overflow-wrap:break-word; }
.lr .t-lh thead th, .lr .t-lh thead .num + th:not(.num) { padding:0; }
.lr .t-lh thead th.c-fec .ord { padding-left:22px; }
.lr .ord { font:inherit; color:inherit; background:none; border:0; cursor:pointer; width:100%; padding:8px 10px; display:flex; gap:4px; align-items:center; white-space:nowrap; }
.lr .t-lh th.num .ord { justify-content:flex-end; }
.lr .ord:hover { color:var(--tinta); }
.lr .ord:focus-visible { outline:3px solid var(--marca-suave); outline-offset:-3px; }
.lr .fl { color:#B8BEC9; font-size:10px; line-height:1; width:10px; text-align:center; flex:none; }
.lr th[aria-sort="ascending"] .ord, .lr th[aria-sort="descending"] .ord { color:var(--tinta); font-weight:600; }
.lr th[aria-sort="ascending"] .fl, .lr th[aria-sort="descending"] .fl { color:var(--marca); }
/* Al ordenar por casillero: línea más marcada donde empieza otro cliente, para ver juntos los suyos. */
.lr .t-lh tr.ini-cli td { border-top:1px solid #C9CED8; }
.lr .t-lh tbody tr:first-child.ini-cli td { border-top:0; }
.lr .etq.tr { width:118px; }
.lr .sin-lb { color:var(--tinta-3); }
/* Barra de herramientas */
.lr .herr { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:12px; }
.lr .herr input[type=search] { font:inherit; font-size:14px; padding:8px 10px; border:1px solid var(--linea); border-radius:10px; background:#fff; color:var(--tinta); width:320px; max-width:100%; min-width:0; }
.lr .herr .cuenta-b { font-size:13px; color:var(--tinta-2); margin-right:auto; }
.lr .herr select { font:inherit; font-size:13px; padding:8px 6px; border:1px solid var(--linea); border-radius:10px; background:#fff; color:var(--tinta); display:none; }
.lr .pildoras button small { font-size:12px; opacity:.8; margin-left:3px; }
.lr .entrar { background:#fff; border:1px solid var(--linea); border-radius:16px; padding:24px; max-width:480px; }
.lr .entrar b { font-size:15px; font-weight:600; } .lr .entrar p { margin:6px 0 14px; color:var(--tinta-2); font-size:13.5px; line-height:1.45; }
.lr .vacio-b { padding:6px 0 2px; font-size:13.5px; color:var(--tinta-2); margin:0; }
.lr .limpiar { font:inherit; font-size:13px; color:var(--marca-tinta); background:none; border:0; padding:0; cursor:pointer; text-decoration:underline; }
.lr h1 + .fallo { margin-top:12px; }
.lr .solo-tel { display:none; } .lr .cas-tel { display:none; }
@media (max-width:900px) {
  .lr .t-lh col.h-nom { width:auto; } .lr .t-lh col.h-est { width:136px; }
  .lr .ord { padding:8px 6px; } .lr .t-lh thead th.c-fec .ord { padding-left:12px; }
}
/* Celular: se ocultan columnas secundarias, nunca se desborda (ui-reglas §4). Lo importante de ellas va bajo el nombre. */
@media (max-width:640px) {
  .lr .t-lh col.h-fec, .lr .t-lh col.h-est, .lr .t-lh col.h-ag, .lr .t-lh .c-fec, .lr .t-lh .c-est, .lr .t-lh .c-ag { display:none; }
  .lr .t-lh col.h-mio { width:104px; } .lr .t-lh col.h-cas, .lr .t-lh .c-cas { display:none; } .lr .t-lh col.h-lbs { width:66px; }
  .lr .cas-tel { display:block; font-size:12.5px; color:var(--tinta-2); margin-top:2px; }
  .lr .t-lh td.h-nom .chip { display:inline-block; margin:2px 0 0; } .lr .pildoras button { padding:6px 9px; font-size:12.5px; }
  .lr .t-lh td.c-mio { padding-right:2px; } .lr .t-lh .mio { font-size:11.5px; }
  .lr .solo-tel { display:block; font-size:12px; color:var(--tinta-3); margin-top:2px; }
  .lr .solo-tel.tarde { color:var(--problema); font-weight:600; }
  .lr .kpis.tres { grid-template-columns:repeat(3, minmax(0,1fr)); gap:8px; } .lr .kpi { padding:10px; } .lr .kpi b { font-size:16px; } .lr .kpi small { font-size:11.5px; }
  .lr .herr input[type=search] { width:100%; } .lr .herr select { display:block; flex:1 1 auto; min-width:0; } .lr .herr .btn { flex:1 1 auto; text-align:center; }
  .lr .herr .cuenta-b { width:100%; margin:0; }
}

.lr .camino { font-size:13.5px; color:var(--tinta-2); margin:0 0 16px; } .lr .camino a { color:var(--marca-tinta); font-weight:600; }
.lr-toast { position:fixed; left:50%; bottom:24px; transform:translateX(-50%); background:#1a2742; color:#fff; font-size:13px; padding:10px 14px; border-radius:10px; z-index:10; }