/* ============================================================
   Panel de administración - Terraza de la 96
   Se apoya en estilos.css; aquí va solo lo propio del panel.
   ============================================================ */

body.admin{background:var(--gris-claro)}

.admin-cab{
  background:#fff;border-bottom:1px solid var(--borde);
  position:sticky;top:0;z-index:100;
}
.admin-cuerpo{padding:26px 20px 60px;max-width:860px}
.admin-centro{text-align:center;padding:70px 20px;color:var(--gris)}

.admin-caja{
  background:#fff;border-radius:var(--radio);
  padding:30px 26px;max-width:440px;margin:26px auto;
  box-shadow:var(--sombra);
}
.admin-caja h1{font-size:25px;font-weight:800;margin-bottom:8px;letter-spacing:-.5px}
.admin-texto{font-size:15px;color:var(--gris);line-height:1.55;margin-bottom:18px}

/* ---- pestañas ---- */
.admin-tabs{
  display:flex;gap:6px;background:#fff;
  padding:6px;border-radius:999px;margin-bottom:24px;
  box-shadow:var(--sombra);
}
.admin-tab{
  flex:1;padding:11px 14px;border-radius:999px;
  font-size:14.5px;font-weight:700;color:var(--gris);
  transition:background .15s,color .15s;
}
.admin-tab.activo{background:var(--amarillo);color:var(--negro)}

.admin-panel{
  background:#fff;border-radius:var(--radio);
  padding:26px 24px;box-shadow:var(--sombra);
}
.admin-sub{
  font-size:15px;font-weight:800;margin:26px 0 12px;
  letter-spacing:.3px;
}

/* ---- vista previa del video ---- */
.admin-previa{
  border-radius:14px;overflow:hidden;background:var(--gris-claro);
  margin-bottom:18px;display:flex;justify-content:center;
}
.admin-previa video{
  width:100%;max-width:210px;aspect-ratio:9/16;
  object-fit:cover;display:block;background:#fff;
}
.admin-previa:empty,.admin-previa video:not([src]){display:none}

/* ---- filtros del reporte ---- */
.admin-filtros{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.admin-filtro{
  padding:9px 18px;border-radius:999px;
  background:var(--gris-claro);color:var(--negro);
  font-size:13.5px;font-weight:700;transition:background .15s;
}
.admin-filtro:hover{background:#E8E8E8}
.admin-filtro.activo{background:var(--negro);color:#fff}

/* ---- tarjetas de resumen ---- */
.admin-tarjetas{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px;
}
.admin-tarjeta{
  background:var(--gris-claro);border-radius:14px;padding:16px 14px;text-align:center;
}
.admin-tarjeta .num{font-size:24px;font-weight:800;line-height:1.1;letter-spacing:-.5px}
.admin-tarjeta .et{font-size:11.5px;color:var(--gris);margin-top:4px;font-weight:600}

/* ---- tabla ---- */
.admin-tabla-caja{overflow-x:auto;-webkit-overflow-scrolling:touch}
.admin-tabla{width:100%;border-collapse:collapse;font-size:14px;min-width:420px}
.admin-tabla th{
  text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;
  color:var(--gris);padding:8px 10px;border-bottom:2px solid var(--borde);
}
.admin-tabla td{padding:11px 10px;border-bottom:1px solid var(--borde)}
.admin-tabla td:nth-child(n+2){text-align:right;font-variant-numeric:tabular-nums}
.admin-tabla th:nth-child(n+2){text-align:right}
.admin-tabla tbody tr:hover{background:#FAFAFA}
.admin-vacio{text-align:center;color:var(--gris);padding:30px 10px;font-size:14px}

/* ---- top de platos ---- */
.admin-top{list-style:none;counter-reset:t}
.admin-top li{
  counter-increment:t;display:flex;align-items:center;gap:12px;
  padding:10px 0;border-bottom:1px solid var(--borde);font-size:14.5px;
}
.admin-top li::before{
  content:counter(t);flex-shrink:0;
  width:26px;height:26px;border-radius:50%;
  background:var(--gris-claro);color:var(--negro);
  display:flex;align-items:center;justify-content:center;
  font-size:12.5px;font-weight:800;
}
.admin-top .veces{margin-left:auto;font-weight:800;color:var(--gris)}

@media (max-width:600px){
  .admin-tarjetas{grid-template-columns:1fr;gap:9px}
  .admin-tarjeta{display:flex;align-items:center;justify-content:space-between;text-align:left}
  .admin-tarjeta .et{margin-top:0}
  .admin-cuerpo{padding:18px 14px 50px}
  .admin-panel{padding:20px 16px}
}