/* Hextra Tabs Fix - Force visibility */

/* Container with bottom border */
.hextra-tabs-toggle {
  cursor: pointer !important;
  margin-right: 0.5rem !important;
  border-bottom: 2px solid transparent !important;
  padding: 0.5rem !important;
  transition: all 0.15s !important;
  color: #6b7280 !important;
  font-weight: 500 !important;
  margin-bottom: -1px !important;
}

/* Style the parent container */
button.hextra-tabs-toggle {
  position: relative !important;
}

/* Target the tabs container div */
.hx\:mt-4.hx\:flex {
  border-bottom: 1px solid #e5e7eb !important;
}

.dark .hx\:mt-4.hx\:flex {
  border-bottom-color: #374151 !important;
}

.hextra-tabs-toggle:hover {
  border-bottom-color: #e5e7eb !important;
  color: #000 !important;
}

.hextra-tabs-toggle[data-state="selected"] {
  border-bottom-color: #3b82f6 !important;
  color: #2563eb !important;
  position: relative !important;
  z-index: 1 !important;
}

.dark .hextra-tabs-toggle {
  color: #d1d5db !important;
}

.dark .hextra-tabs-toggle:hover {
  border-bottom-color: #374151 !important;
  color: #fff !important;
}

.dark .hextra-tabs-toggle[data-state="selected"] {
  border-bottom-color: #3b82f6 !important;
  color: #2563eb !important;
  position: relative !important;
  z-index: 1 !important;
}