/* flots · css/paginas/est-pedidos.css
   Estudio · Pedidos (/estudio/pedidos) — AdminPedidos (1440). Celular: tarjetas (sin artboard M*,
   con el lenguaje de MAdmin). Usa .tabla/.tabla-caja/.pestanas de componentes.css. */

.est-pedidos-panel{ min-width:0; }

/* Columnas del diseño: Marca · Servicios · Canal · Llegó · Estado · (acción) */
.est-pedidos-tabla{
  --cols:minmax(0, 1fr) minmax(0, 1.3fr) 120px 110px 170px 120px;
}
.est-pedidos-tabla .tabla-fila{ font-size:15px; }

.est-pedidos-celda-marca{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.est-pedidos-marca{
  min-width:0;
  font-size:17px;
  font-weight:500;
  line-height:1.3;
  overflow-wrap:anywhere;
}
/* Punto de "sin leer" (en línea, después de la última palabra) */
.est-pedidos-punto{
  display:inline-block;
  margin-left:8px;
  vertical-align:.12em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--accent);
}
.est-pedidos-nombre{
  font-size:13px;
  line-height:1.4;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.est-pedidos-servicios{ color:var(--text-body); min-width:0; overflow-wrap:anywhere; }
.est-pedidos-secundario{ color:var(--muted); }

.est-pedidos-estado{ font-size:14px; font-weight:600; color:var(--ink); }
.est-pedidos-estado-nuevo{ color:var(--accent); }
/* El diseño usa --faint para "Descartado"; --muted llega a 4.5:1 sobre blanco (§12). */
.est-pedidos-estado-descartado{ color:var(--muted); }

.est-pedidos-accion{ display:flex; justify-content:flex-end; }

/* 1200–1359 px: la columna "Estado" repite la pestaña elegida; se oculta para que entren
   marca y servicios. En tablet además se achican las columnas fijas. */
@media (max-width: 1359px){
  .est-pedidos-tabla{ --cols:minmax(0, 1fr) minmax(0, 1.3fr) 110px 100px 120px; }
  .est-pedidos-col-estado{ display:none; }
}
@media (max-width: 1199px){
  .est-pedidos-tabla{ --cols:minmax(0, 1fr) minmax(0, 1.2fr) 96px 92px 112px; }
}

/* ---------- Celular: tarjetas ---------- */
.est-pedidos-tarjetas{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.est-pedidos-tarjeta{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:14px 16px;
  background:var(--surface);
}
.est-pedidos-tarjeta-info{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.est-pedidos-tarjeta .est-pedidos-marca{ font-size:16px; }
.est-pedidos-meta{ font-size:13px; line-height:1.4; color:var(--muted); overflow-wrap:anywhere; }
.est-pedidos-meta-servicios{ color:var(--text-body); }
.est-pedidos-tarjeta .btn{ flex-shrink:0; }
.est-pedidos-caja-vacia{ padding:0 16px; }