/* =====================================================
   Syncfusion EJ2 Theme Overrides — Zaldy Design System
   Versione: 32.2.7 / Tema base: tailwind
   Override intenzionali — NON rimuovere
   ===================================================== */

/* Grid Premium - Glass Morphism */
.e-grid-premium {
  border: none !important;
  background: transparent !important;
}

.e-grid-premium .e-gridheader {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 16px 16px 0 0 !important;
}

[data-theme="zaldyDark"] .e-grid-premium .e-gridheader {
  background: rgba(30, 41, 59, 0.6) !important;
}

.e-grid-premium .e-headercell {
  background: transparent !important;
  font-weight: 600 !important;
  font-size: 0.8125rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.025em !important;
  color: #64748b !important;
  padding: 16px !important;
}

.e-grid-premium .e-row {
  background: rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease !important;
}

.e-grid-premium .e-row:hover {
  background: color-mix(in srgb, var(--primary-500, #93c13d) 5%, transparent) !important;
  transform: scale(1.002);
}

.e-grid-premium .e-row.e-altrow {
  background: rgba(255, 255, 255, 0.2) !important;
}

.e-grid-premium .e-toolbar {
  background: transparent !important;
  border: none !important;
  padding: 16px 0 !important;
}

.e-grid-premium .e-pager {
  background: transparent !important;
  border: none !important;
  padding: 20px 0 !important;
}

.e-grid-premium .e-pagercontainer {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  padding: 8px !important;
  box-shadow: var(--shadow-sm) !important;
}

.e-grid-premium .e-pagernum,
.e-grid-premium .e-first,
.e-grid-premium .e-prev,
.e-grid-premium .e-next,
.e-grid-premium .e-last {
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.e-grid-premium .e-pager .e-currentitem {
  background: linear-gradient(135deg, var(--primary-500), var(--primary-600)) !important;
  color: white !important;
  box-shadow: 0 4px 6px -1px rgba(59, 130, 246, 0.3) !important;
}

/* Tailwind theme specifics — align with Alcolock brand */
.e-btn.e-primary {
  background-color: var(--primary-500, #93c13d) !important;
}

.e-btn.e-primary:hover {
  background-color: var(--primary-600, #7aa332) !important;
}