@charset "UTF-8";
/* =========================================================
   LEADO ADMIN – BASE STYLES
   Uses: _variables.scss, _mixins.scss
   ========================================================= */
/* Initial header layout */
.leado-admin-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}

.leado-logo {
  margin-right: 15px;
  transition: all 0.3s ease;
}

.header-title {
  flex: 1;
}

/* Sticky navigation styles */
.leado-admin-tabs {
  position: relative;
  transition: all 0.3s ease;
}

.leado-admin-tabs.sticky {
  position: fixed;
  top: 10; /* Adjust based on WP admin bar height */
  /* left: 160px; */
  /* Adjust based on WP admin sidebar width */
  /* right: 20px; */
  width: 100%;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 1em;
}

.leado-admin-tabs.sticky .nav-tab-wrapper {
  display: flex;
  flex: 1;
  margin: 0;
  border: none;
}

.leado-admin-tabs.sticky .leado-logo-sticky {
  display: block;
  margin-left: 15px;
}

.leado-logo-sticky {
  display: none;
}

/* Hide original header when sticky */
.leado-admin-header.hidden {
  opacity: 0;
  transform: translateY(-20px);
}

/* Add padding to content when sticky is active */
.leado-tab-content.sticky-active {
  padding-top: 80px; /* Adjust based on sticky nav height */
}

/* Responsive adjustments */
@media screen and (max-width: 782px) {
  .leado-admin-tabs.sticky {
    left: 0;
    top: 46px; /* Mobile admin bar height */
  }
}
* {
  box-sizing: border-box;
}

.leado-admin-wrap {
  font-family: "Inter", sans-serif, "Playfair Display", serif, "Open Sans", sans-serif;
  background: #f9f9f9;
  min-height: 100vh;
  padding-bottom: 40px;
}

.leado-admin-header {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border-bottom: 1px solid #dcdcde;
  padding: 24px 32px 20px;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
}
.leado-admin-header .leado-logo {
  width: 55px;
  height: 55px;
  border-radius: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -o-object-fit: contain;
     object-fit: contain;
  background: #f6f7f7;
}
.leado-admin-header .header-title {
  margin-left: 12px;
}
.leado-admin-header .header-title h1 {
  font-size: 24px;
  font-weight: 700;
  color: #1d2327;
  line-height: 1.1;
  margin-bottom: 0.3em;
}
.leado-admin-header .header-title .leado-admin-desc {
  color: #1d2327;
  font-size: 13px;
  font-weight: 400;
  opacity: 0.96;
  margin: 0;
}

.leado-admin-tabs {
  background: #f6f7f7;
  border-bottom: 1px solid #dcdcde;
  padding-left: 32px;
  position: sticky;
  top: 10px;
  z-index: 9;
  min-height: 44px;
  display: flex;
  align-content: flex-end;
  flex-direction: row;
  align-items: flex-end;
}
.leado-admin-tabs .nav-tab {
  font-size: 14px;
  font-weight: 400;
  color: #646970;
  background: none;
  border-radius: 8px 8px 0 0;
  padding: 12px 20px;
  margin-right: 8px;
  border: none;
  transition: background 0.3s ease-in-out, border 0.3s ease-in-out, font-weight 0.15s ease-in-out;
  outline: none;
  border-bottom: 2px solid transparent !important;
  backface-visibility: hidden;
  min-width: 7%;
  max-width: 9%;
  text-align: center;
}
.leado-admin-tabs .nav-tab.nav-tab-active, .leado-admin-tabs .nav-tab:focus, .leado-admin-tabs .nav-tab:hover {
  color: #1d2327;
  background: #fff;
  border-bottom: 2px solid #98dcf7 !important;
  font-weight: 500;
}

@media (max-width: 768px) {
  .leado-admin-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 16px 12px 12px;
  }
  .leado-admin-header .header-title {
    margin-left: 0;
  }
  .leado-admin-header h1 {
    font-size: 18px;
  }
  .leado-admin-tabs {
    padding-left: 12px;
    min-height: 45px;
  }
  .leado-admin-tabs .nav-tab {
    font-size: 13px;
    padding: 8px 16px;
    margin-right: 4px;
  }
}
#wpcontent, #wpfooter {
  margin-left: 0 !important;
}
#wpcontent .folded, #wpfooter .folded {
  margin-left: 0 !important;
}

/* Main Tab Content Area */
.leado-tab-content {
  background: #f6f7f7;
  padding: 32px 32px 24px;
  min-height: 70vh;
  border-radius: 0 0 12px 12px;
}

.leado-admin-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  padding: 32px 32px 20px;
  margin-bottom: 32px;
  border: 1px solid #dcdcde;
}

.leado-admin-card-header {
  display: flex;
  align-items: center;
  margin: 32px 0 20px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #50c9f2;
  margin-bottom: 20px;
}
.leado-admin-card-header h2, .leado-admin-card-header h3 {
  margin: 0;
  color: #1d2327;
  font-weight: 600;
}
.leado-admin-card-header .dashicons {
  margin-right: 8px;
  color: #50c9f2;
  font-size: 20px;
}
.leado-admin-card-header .dashicons {
  color: #50c9f2;
  font-size: 20px;
  margin-right: 8px;
}
.leado-admin-card-header h2 {
  font-size: 18px;
}

.leado-admin-searchform {
  display: flex;
  gap: 12px;
  margin-bottom: 20px;
  align-items: center;
}
.leado-admin-searchform input[type=search] {
  width: 100%;
  padding: 12px;
  border: 1px solid #8c8f94;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  min-width: 220px;
}
.leado-admin-searchform input[type=search]:focus {
  border-color: #50c9f2;
  box-shadow: 0 0 0 1px #50c9f2;
  outline: none;
}
.leado-admin-searchform input[type=search]:disabled {
  background: #f6f7f7;
  color: #8c8f94;
  cursor: not-allowed;
}
.leado-admin-searchform .button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
}
.leado-admin-searchform .button:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-admin-searchform .button:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}

.leado-admin-tablewrap {
  overflow-x: auto;
}

.leado-admin-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin-bottom: 0;
}
.leado-admin-table th, .leado-admin-table td {
  padding: 12px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f1;
  vertical-align: middle;
}
.leado-admin-table th {
  color: #50575e;
  font-weight: 600;
  background: #f6f7f7;
  text-align: left;
}
.leado-admin-table tr:last-child td {
  border-bottom: none;
}
.leado-admin-table tr:hover {
  background: #f9f9f9;
}

.leado-admin-table input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: #50c9f2;
  border-radius: 3px;
  border: 1.5px solid #c3c4c7;
  vertical-align: middle;
  margin: 0 !important;
  margin-left: 10px !important;
}

.leado-admin-table .button-small {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
  font-size: 12px;
  padding: 4px 8px;
  margin-right: 4px;
}
.leado-admin-table .button-small:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-admin-table .button-small:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}

.leado-admin-table-actions {
  margin: 16px 0 0;
  display: flex;
  gap: 12px;
  align-items: center;
}
.leado-admin-table-actions select {
  width: 100%;
  padding: 12px;
  border: 1px solid #8c8f94;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  min-width: 140px;
  max-width: 200px;
  padding: 4px 12px;
}
.leado-admin-table-actions select:focus {
  border-color: #50c9f2;
  box-shadow: 0 0 0 1px #50c9f2;
  outline: none;
}
.leado-admin-table-actions select:disabled {
  background: #f6f7f7;
  color: #8c8f94;
  cursor: not-allowed;
}
.leado-admin-table-actions .button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: #50c9f2;
  color: white;
  border-color: #50c9f2;
  letter-spacing: 0px !important;
  padding: 4px 16px;
}
.leado-admin-table-actions .button:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-admin-table-actions .button:hover:not(:disabled) {
  background: #0f9dcd;
  border-color: #98dcf7;
  color: white;
}
.leado-admin-table-actions .button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .leado-admin-searchform {
    flex-direction: column;
    gap: 8px;
  }
  .leado-admin-card.leads {
    padding: 16px 4px;
  }
  .leado-admin-table th, .leado-admin-table td {
    padding: 8px 4px;
    font-size: 13px;
  }
  .leado-admin-table {
    font-size: 13px;
  }
}
.leado-form-mapping .form-table {
  background: #fff;
  border: 1px solid #c3c4c7;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  width: 100%;
}

.leado-form-mapping .form-table th {
  background: #f6f7f7;
  border-bottom: 1px solid #c3c4c7;
  font-weight: 600;
  padding: 16px 20px;
}

.leado-form-mapping .form-table td {
  padding: 16px 20px;
  border-bottom: 1px solid #dcdcde;
}

.leado-form-mapping .form-table tr:last-child td {
  border-bottom: none;
}

.leado-form-mapping select {
  width: 100%;
  padding: 12px;
  border: 1px solid #8c8f94;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  min-width: 220px;
  max-width: 320px;
}
.leado-form-mapping select:focus {
  border-color: #50c9f2;
  box-shadow: 0 0 0 1px #50c9f2;
  outline: none;
}
.leado-form-mapping select:disabled {
  background: #f6f7f7;
  color: #8c8f94;
  cursor: not-allowed;
}

.leado-field-mapping {
  background: #f9f9f9;
  border: 1px solid #dcdcde;
  border-radius: 4px;
  margin-top: 16px;
}
.leado-field-mapping h4 {
  background: #98dcf7;
  color: #fff;
  margin: 0;
  padding: 12px 20px;
  border-radius: 4px 4px 0 0;
}
.leado-field-mapping .leado-field-mapping-content {
  padding: 20px;
}

.leado-email-templates-list {
  margin-top: 24px;
}
.leado-email-templates-list .leado-email-template-card {
  background: #f9f9f9;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  padding: 20px 24px;
  margin-bottom: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.leado-email-templates-list .leado-email-template-card .leado-template-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.leado-email-templates-list .leado-email-template-card .leado-template-header h3 {
  margin: 0;
  color: #1d2327;
}
.leado-email-templates-list .leado-email-template-card .leado-template-actions {
  display: flex;
  gap: 12px;
}

.leado-results-options-form .leado-field-group {
  margin-bottom: 20px;
}
.leado-results-options-form .leado-field-group label {
  font-weight: 600;
  color: #1d2327;
  margin-bottom: 4px;
  display: block;
}
.leado-results-options-form .leado-field-group .description {
  font-size: 12px;
  color: #646970;
  font-style: italic;
  margin-top: 4px;
}
.leado-results-options-form .leado-field-group input[type=text],
.leado-results-options-form .leado-field-group input[type=number],
.leado-results-options-form .leado-field-group select {
  width: 100%;
  padding: 12px;
  border: 1px solid #8c8f94;
  border-radius: 4px;
  font-size: 14px;
  transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  max-width: 350px;
  margin-top: 4px;
}
.leado-results-options-form .leado-field-group input[type=text]:focus,
.leado-results-options-form .leado-field-group input[type=number]:focus,
.leado-results-options-form .leado-field-group select:focus {
  border-color: #50c9f2;
  box-shadow: 0 0 0 1px #50c9f2;
  outline: none;
}
.leado-results-options-form .leado-field-group input[type=text]:disabled,
.leado-results-options-form .leado-field-group input[type=number]:disabled,
.leado-results-options-form .leado-field-group select:disabled {
  background: #f6f7f7;
  color: #8c8f94;
  cursor: not-allowed;
}
.leado-results-options-form .leado-submit-section {
  text-align: right;
}
.leado-results-options-form .leado-submit-section .button-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: #50c9f2;
  color: white;
  border-color: #50c9f2;
  letter-spacing: 0px !important;
  padding: 12px 24px;
}
.leado-results-options-form .leado-submit-section .button-primary:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-results-options-form .leado-submit-section .button-primary:hover:not(:disabled) {
  background: #0f9dcd;
  border-color: #98dcf7;
  color: white;
}
.leado-results-options-form .leado-submit-section .button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.leado-stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  margin: 24px 0;
}

.leado-stat-card {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  padding: 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.leado-stat-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
}
.leado-stat-card .leado-stat-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.leado-stat-card .leado-stat-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  font-size: 20px;
}
.leado-stat-card .leado-stat-icon.leads {
  background: #e8f8fd;
  color: #98dcf7;
}
.leado-stat-card .leado-stat-icon.links {
  background: #aac098;
  color: #3f5031;
}
.leado-stat-card .leado-stat-icon.emails {
  background: #fdf8ea;
  color: #dba617;
}
.leado-stat-card .leado-stat-title {
  font-size: 12px;
  color: #646970;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}
.leado-stat-card .leado-stat-value {
  font-size: 24px;
  font-weight: 700;
  color: #1d2327;
  margin: 4px 0 0 0;
  line-height: 1;
}

.leado-email-logs-table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  margin-bottom: 0;
}
.leado-email-logs-table th, .leado-email-logs-table td {
  padding: 12px 16px;
  font-size: 14px;
  border-bottom: 1px solid #f0f0f1;
  vertical-align: middle;
}
.leado-email-logs-table th {
  color: #50575e;
  font-weight: 600;
  background: #f6f7f7;
  text-align: left;
}
.leado-email-logs-table tr:last-child td {
  border-bottom: none;
}
.leado-email-logs-table tr:hover {
  background: #f9f9f9;
}

.email-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: white;
  color: #216fb8;
  border-color: #c9e0f5;
}
.email-type-badge.email-type-lead_confirmation {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: #b1c5a1;
  color: #26301e;
  border-color: #8aa872;
}
.email-type-badge.email-type-personalized_link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: white;
  color: #216fb8;
  border-color: #c9e0f5;
}

.status-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: #b1c5a1;
  color: #26301e;
  border-color: #8aa872;
}
.status-badge.status-failed {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: #fdf5f5;
  color: #b42527;
  border-color: #f0b5b6;
}
.status-badge.status-pending {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border: 1px solid;
  background: #fbf3dc;
  color: #7f600d;
  border-color: #f4db97;
}

.leado-logs-empty {
  text-align: center;
  padding: 32px 20px;
  color: #646970;
}
.leado-logs-empty .dashicons {
  font-size: 44px;
  color: #c3c4c7;
  margin-bottom: 12px;
}
.leado-logs-empty h3 {
  color: #646970;
  margin: 12px 0 4px 0;
}
.leado-logs-empty p {
  margin: 0;
  font-size: 16px;
}

.leado-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 16px 0;
  padding: 16px 0;
}
.leado-pagination .button {
  min-width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
}
.leado-pagination .button:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-pagination .button:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}
.leado-pagination .button.current {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: #50c9f2;
  color: white;
  border-color: #50c9f2;
  letter-spacing: 0px !important;
}
.leado-pagination .button.current:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.leado-pagination .button.current:hover:not(:disabled) {
  background: #0f9dcd;
  border-color: #98dcf7;
  color: white;
}
.leado-pagination .button.current:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive for all tables/cards */
@media (max-width: 768px) {
  .leado-admin-card,
  .leado-admin-card-header,
  .leado-admin-card-header > * {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .leado-admin-table, .leado-email-logs-table {
    font-size: 12px;
  }
  .leado-admin-table th, .leado-admin-table td,
  .leado-email-logs-table th, .leado-email-logs-table td {
    padding: 4px 8px;
  }
}
/* =========================================================
   LEADO ADMIN – PAGINATION (Table Footer & .leado-pagination)
   ========================================================= */
.tablenav, .leado-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 20px 0 16px 0;
  padding: 8px 0;
  flex-wrap: wrap;
}
.tablenav .tablenav-pages,
.tablenav .leado-pagination, .leado-pagination .tablenav-pages,
.leado-pagination .leado-pagination {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
}
.tablenav .page-numbers,
.tablenav .button,
.tablenav a.button, .leado-pagination .page-numbers,
.leado-pagination .button,
.leado-pagination a.button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
  min-width: 36px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  background: #fff;
  color: #50575e;
  margin: 0 4px;
  border: 1.5px solid #dcdcde;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
  transition: background 0.15s ease-in-out, border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.tablenav .page-numbers:focus,
.tablenav .button:focus,
.tablenav a.button:focus, .leado-pagination .page-numbers:focus,
.leado-pagination .button:focus,
.leado-pagination a.button:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.tablenav .page-numbers:hover:not(:disabled),
.tablenav .button:hover:not(:disabled),
.tablenav a.button:hover:not(:disabled), .leado-pagination .page-numbers:hover:not(:disabled),
.leado-pagination .button:hover:not(:disabled),
.leado-pagination a.button:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}
.tablenav .page-numbers:hover, .tablenav .page-numbers:focus,
.tablenav .button:hover,
.tablenav .button:focus,
.tablenav a.button:hover,
.tablenav a.button:focus, .leado-pagination .page-numbers:hover, .leado-pagination .page-numbers:focus,
.leado-pagination .button:hover,
.leado-pagination .button:focus,
.leado-pagination a.button:hover,
.leado-pagination a.button:focus {
  border-color: #98dcf7;
  color: #98dcf7;
  background: #f6f7f7;
  text-decoration: none;
}
.tablenav .page-numbers.current, .tablenav .page-numbers.active,
.tablenav .button.current,
.tablenav .button.active,
.tablenav a.button.current,
.tablenav a.button.active, .leado-pagination .page-numbers.current, .leado-pagination .page-numbers.active,
.leado-pagination .button.current,
.leado-pagination .button.active,
.leado-pagination a.button.current,
.leado-pagination a.button.active {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: #50c9f2;
  color: white;
  border-color: #50c9f2;
  letter-spacing: 0px !important;
  color: #fff !important;
  background: #50c9f2 !important;
  border-color: #50c9f2 !important;
  pointer-events: none;
  padding: 0 12px;
}
.tablenav .page-numbers.current:focus, .tablenav .page-numbers.active:focus,
.tablenav .button.current:focus,
.tablenav .button.active:focus,
.tablenav a.button.current:focus,
.tablenav a.button.active:focus, .leado-pagination .page-numbers.current:focus, .leado-pagination .page-numbers.active:focus,
.leado-pagination .button.current:focus,
.leado-pagination .button.active:focus,
.leado-pagination a.button.current:focus,
.leado-pagination a.button.active:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.tablenav .page-numbers.current:hover:not(:disabled), .tablenav .page-numbers.active:hover:not(:disabled),
.tablenav .button.current:hover:not(:disabled),
.tablenav .button.active:hover:not(:disabled),
.tablenav a.button.current:hover:not(:disabled),
.tablenav a.button.active:hover:not(:disabled), .leado-pagination .page-numbers.current:hover:not(:disabled), .leado-pagination .page-numbers.active:hover:not(:disabled),
.leado-pagination .button.current:hover:not(:disabled),
.leado-pagination .button.active:hover:not(:disabled),
.leado-pagination a.button.current:hover:not(:disabled),
.leado-pagination a.button.active:hover:not(:disabled) {
  background: #0f9dcd;
  border-color: #98dcf7;
  color: white;
}
.tablenav .page-numbers.current:disabled, .tablenav .page-numbers.active:disabled,
.tablenav .button.current:disabled,
.tablenav .button.active:disabled,
.tablenav a.button.current:disabled,
.tablenav a.button.active:disabled, .leado-pagination .page-numbers.current:disabled, .leado-pagination .page-numbers.active:disabled,
.leado-pagination .button.current:disabled,
.leado-pagination .button.active:disabled,
.leado-pagination a.button.current:disabled,
.leado-pagination a.button.active:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.tablenav .page-numbers.dots,
.tablenav .button.dots,
.tablenav a.button.dots, .leado-pagination .page-numbers.dots,
.leado-pagination .button.dots,
.leado-pagination a.button.dots {
  background: none;
  border: none;
  color: #a7aaad;
  pointer-events: none;
  font-size: 18px;
}
.tablenav .dashicons, .leado-pagination .dashicons {
  font-size: 1.35em;
  line-height: 1;
  margin: 0 !important;
  vertical-align: middle;
  display: inline-block;
  transform: translateY(2px);
}
.tablenav .screen-reader-text, .leado-pagination .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Responsive Pagination */
@media (max-width: 768px) {
  .tablenav, .leado-pagination {
    gap: 4px;
  }
  .tablenav .page-numbers, .tablenav .button, .tablenav a.button, .leado-pagination .page-numbers, .leado-pagination .button, .leado-pagination a.button {
    min-width: 28px;
    min-height: 28px;
    font-size: 13px;
    padding: 0 4px;
  }
  .tablenav .dashicons, .leado-pagination .dashicons {
    font-size: 1.1em;
  }
}
/* =========================================================
   LEADO ADMIN – BUTTONS (General, with Icon Support)
   ========================================================= */
.button,
.button-primary,
.button-secondary,
.button-small,
input[type=submit].button,
input[type=submit].button-primary,
input[type=submit].button-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
  font-size: 14px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 4px;
  border: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
  line-height: 1.2;
  transition: background 0.15s ease-in-out, color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.button:focus,
.button-primary:focus,
.button-secondary:focus,
.button-small:focus,
input[type=submit].button:focus,
input[type=submit].button-primary:focus,
input[type=submit].button-secondary:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.button:hover:not(:disabled),
.button-primary:hover:not(:disabled),
.button-secondary:hover:not(:disabled),
.button-small:hover:not(:disabled),
input[type=submit].button:hover:not(:disabled),
input[type=submit].button-primary:hover:not(:disabled),
input[type=submit].button-secondary:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}
.button:hover, .button:focus,
.button-primary:hover,
.button-primary:focus,
.button-secondary:hover,
.button-secondary:focus,
.button-small:hover,
.button-small:focus,
input[type=submit].button:hover,
input[type=submit].button:focus,
input[type=submit].button-primary:hover,
input[type=submit].button-primary:focus,
input[type=submit].button-secondary:hover,
input[type=submit].button-secondary:focus {
  background: #98dcf7;
  color: #fff;
  box-shadow: 0 2px 12px rgba(80, 201, 242, 0.1);
  border-color: #98dcf7;
  text-decoration: none;
}
.button.button-primary,
.button-primary.button-primary,
.button-secondary.button-primary,
.button-small.button-primary,
input[type=submit].button.button-primary,
input[type=submit].button-primary.button-primary,
input[type=submit].button-secondary.button-primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: #50c9f2;
  color: white;
  border-color: #50c9f2;
  letter-spacing: 0px !important;
  color: #fff !important;
  background: #50c9f2 !important;
  border-color: #50c9f2 !important;
}
.button.button-primary:focus,
.button-primary.button-primary:focus,
.button-secondary.button-primary:focus,
.button-small.button-primary:focus,
input[type=submit].button.button-primary:focus,
input[type=submit].button-primary.button-primary:focus,
input[type=submit].button-secondary.button-primary:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.button.button-primary:hover:not(:disabled),
.button-primary.button-primary:hover:not(:disabled),
.button-secondary.button-primary:hover:not(:disabled),
.button-small.button-primary:hover:not(:disabled),
input[type=submit].button.button-primary:hover:not(:disabled),
input[type=submit].button-primary.button-primary:hover:not(:disabled),
input[type=submit].button-secondary.button-primary:hover:not(:disabled) {
  background: #0f9dcd;
  border-color: #98dcf7;
  color: white;
}
.button.button-primary:disabled,
.button-primary.button-primary:disabled,
.button-secondary.button-primary:disabled,
.button-small.button-primary:disabled,
input[type=submit].button.button-primary:disabled,
input[type=submit].button-primary.button-primary:disabled,
input[type=submit].button-secondary.button-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.button.button-secondary,
.button-primary.button-secondary,
.button-secondary.button-secondary,
.button-small.button-secondary,
input[type=submit].button.button-secondary,
input[type=submit].button-primary.button-secondary,
input[type=submit].button-secondary.button-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0px !important;
  background: white;
  color: #646970;
  border-color: #c3c4c7;
  background: #fff;
  color: #50c9f2;
  border: 1.5px solid #50c9f2;
}
.button.button-secondary:focus,
.button-primary.button-secondary:focus,
.button-secondary.button-secondary:focus,
.button-small.button-secondary:focus,
input[type=submit].button.button-secondary:focus,
input[type=submit].button-primary.button-secondary:focus,
input[type=submit].button-secondary.button-secondary:focus {
  outline: 2px solid transparent;
  box-shadow: 0 0 0 2px #50c9f2;
}
.button.button-secondary:hover:not(:disabled),
.button-primary.button-secondary:hover:not(:disabled),
.button-secondary.button-secondary:hover:not(:disabled),
.button-small.button-secondary:hover:not(:disabled),
input[type=submit].button.button-secondary:hover:not(:disabled),
input[type=submit].button-primary.button-secondary:hover:not(:disabled),
input[type=submit].button-secondary.button-secondary:hover:not(:disabled) {
  background: #979ca3;
  border-color: #979ca3;
  color: #50575e;
}
.button.button-small,
.button-primary.button-small,
.button-secondary.button-small,
.button-small.button-small,
input[type=submit].button.button-small,
input[type=submit].button-primary.button-small,
input[type=submit].button-secondary.button-small {
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 4px;
}
.button[disabled],
.button-primary[disabled],
.button-secondary[disabled],
.button-small[disabled],
input[type=submit].button[disabled],
input[type=submit].button-primary[disabled],
input[type=submit].button-secondary[disabled] {
  opacity: 0.54;
  pointer-events: none;
  background: #f6f7f7 !important;
  color: #c3c4c7 !important;
  border-color: #dcdcde !important;
  box-shadow: none !important;
}
.button .dashicons, .button svg,
.button-primary .dashicons,
.button-primary svg,
.button-secondary .dashicons,
.button-secondary svg,
.button-small .dashicons,
.button-small svg,
input[type=submit].button .dashicons,
input[type=submit].button svg,
input[type=submit].button-primary .dashicons,
input[type=submit].button-primary svg,
input[type=submit].button-secondary .dashicons,
input[type=submit].button-secondary svg {
  font-size: 1.2em;
  height: 1.2em;
  width: 1.2em;
  vertical-align: middle;
  margin-right: 0;
  display: inline-block;
  line-height: 1;
  position: relative;
  top: 0.04em;
}

/* Responsive Buttons */
@media (max-width: 768px) {
  .button,
  .button-primary,
  .button-secondary,
  .button-small,
  input[type=submit].button,
  input[type=submit].button-primary,
  input[type=submit].button-secondary {
    font-size: 13px;
    padding: 4px 12px;
  }
  .button .dashicons, .button svg,
  .button-primary .dashicons,
  .button-primary svg,
  .button-secondary .dashicons,
  .button-secondary svg,
  .button-small .dashicons,
  .button-small svg,
  input[type=submit].button .dashicons,
  input[type=submit].button svg,
  input[type=submit].button-primary .dashicons,
  input[type=submit].button-primary svg,
  input[type=submit].button-secondary .dashicons,
  input[type=submit].button-secondary svg {
    font-size: 1em;
  }
}