/* Stili base - mimano i field di Elementor */
.nb4-ee { width: 100%; }
.nb4-ee .nb4-ee-filters { margin-bottom: 16px; display:grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 12px; }
.nb4-ee .nb4-ee-filters .nb4-field { display: flex; flex-direction: column; }
.nb4-ee .nb4-ee-filters .nb4-field .nb4-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.nb4-ee .nb4-ee-filters label.elementor-field-label { margin-bottom: 6px; font-weight: 600; }
.nb4-ee .nb4-ee-filters input.elementor-field,
.nb4-ee .nb4-ee-filters select.elementor-field {
  padding: 10px 12px;
  border: 1px solid #d5d8dc;
  border-radius: 8px;
  background: #fff;
  width: 100%;
}
.nb4-ee .nb4-select-wrap{display:flex;flex-direction:column;gap:6px;width:100%}
.nb4-ee .nb4-select-search{padding:10px 12px;border:1px solid #d5d8dc;border-radius:8px;width:100%}
.nb4-ee .nb4-actions { grid-column: 1 / -1; margin-top: 8px; display:flex; gap:8px; flex-wrap:wrap; }
.nb4-ee .nb4-actions .elementor-button { padding: 10px 14px; }

/* Tabella risultati */
.nb4-ee .nb4-ee-results table { width: 100%; border-collapse: collapse; overflow: hidden; border: 1px solid #e5e7eb; }
.nb4-ee .nb4-ee-results thead th { text-align: left; font-weight: 700; padding: 10px 12px; border-bottom: 1px solid #e5e7eb; background: #f8fafc; }
.nb4-ee .nb4-ee-results tbody td { padding: 10px 12px; border-bottom: 1px solid #f1f5f9; }
.nb4-ee .nb4-empty { padding: 12px; color: #64748b; }

/* Pagination */
.nb4-ee .nb4-pagination { display: flex; align-items: center; gap: 8px; padding-top: 10px; }
.nb4-ee .nb4-pagination .elementor-button { padding: 8px 10px; }
.nb4-ee .nb4-pagination .nb4-page-info { margin: 0 6px; color: #475569; }

/* Desktop: tabella width 100%; Mobile: solo scroll orizzontale */
.nb4-ee .nb4-ee-scroll{ 
  overflow: visible !important;
  max-height: none !important;
  border: none !important;
  border-radius: 0 !important;
}
.nb4-ee .nb4-ee-scroll .nb4-table{ width: 100%; min-width: 100%; }

@media (max-width: 767px){
  .nb4-ee .nb4-ee-filters { grid-template-columns: 1fr !important; }
  .nb4-ee .nb4-ee-results table th,
  .nb4-ee .nb4-ee-results table td { white-space: nowrap; }
  .nb4-ee .nb4-ee-scroll{
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    overscroll-behavior-x: contain;
    overscroll-behavior-y: auto;
    border: 1px solid #e5e7eb !important;
    border-radius: 8px !important;
  }
  .nb4-ee .nb4-ee-scroll .nb4-table{
    width: max-content;
    min-width: 100%;
  }
}