/* dashboard-cliente — agrupación Día / Semana / Mes y tabla de piezas en el tiempo.
   Acompaña a js/dashboard-cliente.js. Usa las variables de tema de index.html. */

.dv-tabs{margin-bottom:0;}
/* Aviso cuando el rango obliga a cambiar la agrupación elegida. */
.dv-aviso{font-size:var(--fs-meta);font-weight:600;color:var(--text-dim);background:rgba(245,158,11,.10);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-sm);padding:2px var(--sp-2);}
.dv-bloque{margin-bottom:var(--sp-6);}

.dv-serie-card{padding:0;overflow:hidden;}
.dv-serie-head{display:flex;gap:var(--sp-3);align-items:center;flex-wrap:wrap;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);}
.dv-serie-head .chart-sub{margin:0;}
.dv-serie-wrap{overflow:auto;max-height:calc(100vh - 260px);}

.dv-serie th,.dv-serie td{text-align:center;}
.dv-serie thead th{position:sticky;top:0;z-index:2;}
.dv-serie .dv-fija{position:sticky;left:0;z-index:1;text-align:left;min-width:180px;max-width:260px;background:var(--surface);box-shadow:inset -1px 0 0 var(--border);}
.dv-serie thead th.dv-fija{z-index:3;background:var(--thead-bg);}
.dv-serie tbody tr:hover td.dv-fija{background:var(--surface-2);}
.dv-serie .dv-total{font-weight:700;}
.dv-serie .dv-vacia{color:var(--text-faint);opacity:.5;}
.dv-serie tr.dv-sin td{color:var(--text-faint);}
.dv-serie tfoot td{font-weight:700;border-top:1px solid var(--border);border-bottom:0;background:var(--thead-bg);}
.dv-serie tfoot td.dv-fija{background:var(--thead-bg);}

/* Intensidad según la cantidad de piezas (--dv-i lo pone el JS, entre .06 y .30). */
.dv-celda{display:inline-block;min-width:30px;padding:2px 8px;border-radius:6px;background:rgba(79,70,229,var(--dv-i,.08));font-weight:600;}
.dv-serie tr.dv-sin .dv-celda{background:rgba(152,161,174,var(--dv-i,.08));}

@media(max-width:760px){
  .dv-serie .dv-fija{min-width:120px;max-width:160px;}
}