.elementor-519 .elementor-element.elementor-element-5aad288c{--display:flex;}.elementor-519 .elementor-element.elementor-element-d978127{transition:all 400ms;text-align:center;}.elementor-519 .elementor-element.elementor-element-78c1bd59{transition:all 400ms;}:root{--page-title-display:none;}/* Start custom CSS for text-editor, class: .elementor-element-78c1bd59 *//* Table Wrapper */
.um-user-data-table-wrapper {
  overflow-x: auto;
  margin: 30px 0;
  border-radius: 16px;
  background: #f9fbfd;
  box-shadow: 0 10px 30px rgba(0, 128, 128, 0.1);
  padding: 24px;
  border: 1px solid #cde2e6;
}

/* Scrollbar Styling */
.um-user-data-table-wrapper::-webkit-scrollbar {
  height: 8px;
}
.um-user-data-table-wrapper::-webkit-scrollbar-thumb {
  background: linear-gradient(to bottom, #00c6ff, #0072ff);
  border-radius: 10px;
}
.um-user-data-table-wrapper::-webkit-scrollbar-track {
  background: transparent;
}

/* Main Table */
.um-user-data-table {
  width: 100%;
  table-layout: auto; /* ✅ Auto column width */
  border-collapse: collapse;
  font-family: 'Segoe UI', sans-serif;
  font-size: 15px;
  min-width: 1000px;
}

/* Header Styling */
.um-user-data-table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: linear-gradient(to right, #00c6ff, #0072ff);
  color: #fff;
  padding: 14px 16px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  white-space: nowrap;
  border-bottom: 2px solid #fff;
}

/* Data Cell Styling */
.um-user-data-table td {
  padding: 12px 16px;
  color: #003b4a;
  background: #e6f8f9;
  border-bottom: 1px solid #d9f0f3;
  vertical-align: top;
  border-radius: 6px;
  transition: background 0.3s ease;
  white-space: nowrap; /* ✅ Prevent unwanted line breaks */
}

/* Optional: Wrap specific columns like address */
.um-user-data-table td.wrap {
  white-space: normal;
  word-break: break-word;
}

/* Alternate Row Colors */
.um-user-data-table tr:nth-child(even) td {
  background: #dff3f4;
}

/* Hover Effect */
.um-user-data-table tr:hover td {
  background-color: #ccf0ff;
  box-shadow: 0 2px 8px rgba(0, 174, 255, 0.15);
  cursor: default;
}

/* Mobile Responsiveness */
@media screen and (max-width: 768px) {
  .um-user-data-table {
    font-size: 14px;
    min-width: 100%;
  }
  .um-user-data-table th,
  .um-user-data-table td {
    padding: 10px 12px;
  }
}/* End custom CSS */