/* ============================================================
   entradas-salidas.css - Estilos compartidos para vistas
   Consultar Entradas y Consultar Salidas
   Reutiliza: com-root, com-kpi-strip, com-tbl, ped-tabs
   Aporta:    ent-badge, ent-row, ent-ref-link, ent-bod
   ============================================================ */

/* Tabs scrollable horizontal en movil */
.ent-tabs,
.sal-tabs {
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
.ent-tabs::-webkit-scrollbar,
.sal-tabs::-webkit-scrollbar { height: 4px; }
.ent-tabs::-webkit-scrollbar-thumb,
.sal-tabs::-webkit-scrollbar-thumb { background: var(--brand-border); border-radius: 4px; }

/* Badge generico para tipo y estado */
.ent-badge {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .2rem .55rem;
  border-radius: 6px;
  font-size: .7rem;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: .01em;
  text-transform: capitalize;
}
.ent-badge i { font-size: .7rem; }

/* Filas de la tabla */
.ent-row {
  transition: background-color .15s ease;
}
.ent-row:hover {
  background: var(--brand-surface-hover, rgba(0,0,0,.025));
}

/* Subtexto bajo consecutivo (codigo de referencia) */
.ent-row-sub {
  margin-top: 2px;
  font-size: .68rem;
  color: var(--brand-text-muted);
}

/* Link de referencia clickeable (abre Ficha 360) */
.ent-ref-link {
  display: inline-block;
  padding: 1px 6px;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .68rem;
  font-weight: 600;
  color: var(--brand-accent);
  background: rgba(147, 193, 31, .1);
  cursor: pointer;
  transition: all .15s ease;
  text-decoration: none;
}
.ent-ref-link:hover {
  background: var(--brand-accent);
  color: #fff;
  transform: translateY(-1px);
}

/* Nombre de bodega - estilo discreto */
.ent-bod {
  font-size: .82rem;
  color: var(--brand-text);
}

/* Movil: tabla en formato compacto */
@media (max-width: 768px) {
  .com-tbl thead { display: none; }
  .com-tbl,
  .com-tbl tbody,
  .com-tbl tr,
  .com-tbl td { display: block; width: 100%; }
  .ent-row {
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    margin-bottom: .5rem;
    padding: .6rem .75rem;
    background: var(--brand-surface);
  }
  .ent-row td {
    padding: .2rem 0;
    border: 0;
    text-align: left !important;
  }
  .ent-row td:nth-child(1)::before { content: 'Doc: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(2)::before { content: ''; }
  .ent-row td:nth-child(3)::before { content: 'Fecha: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(4)::before { content: 'Origen/Destino: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(5)::before { content: 'Bodega: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(6)::before { content: 'Items: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(7)::before { content: 'Valor: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
  .ent-row td:nth-child(8)::before { content: 'Estado: '; font-weight: 600; color: var(--brand-text-muted); font-size: .7rem; }
}

/* Tema oscuro */
[data-theme="dark"] .ent-row:hover {
  background: rgba(255,255,255,.04);
}
[data-theme="dark"] .ent-ref-link {
  background: rgba(147, 193, 31, .18);
}