/* ===============================================
   DATABASE TAB FIX - Höchste Priorität für Datenbank-Tab
   =============================================== */

/* 🚨 ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab - Höchste Spezifität */
html body .input-tabs .tab-button[data-tab="database"].active {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🚨 ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab im Dark Mode - Höchste Spezifität */
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🚨 ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab mit Hover/Focus - Höchste Spezifität */
html body .input-tabs .tab-button[data-tab="database"].active:hover,
html body .input-tabs .tab-button[data-tab="database"].active:focus {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🚨 ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab im Dark Mode mit Hover/Focus - Höchste Spezifität */
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:hover,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:focus {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🚨 FINALE ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab - Höchste Spezifität */
html body .input-tabs .tab-button[data-tab="database"].active,
html body .input-tabs .tab-button[data-tab="database"].active:hover,
html body .input-tabs .tab-button[data-tab="database"].active:focus,
html body .input-tabs .tab-button[data-tab="database"].active::before,
html body .input-tabs .tab-button[data-tab="database"].active::after {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🎯 FIX: Icon soll NICHT unterstrichen werden - nur der Button-Text */
html body .input-tabs .tab-button[data-tab="database"].active .tab-icon,
html body .input-tabs .tab-button[data-tab="database"].active:hover .tab-icon,
html body .input-tabs .tab-button[data-tab="database"].active:focus .tab-icon {
  border-bottom: none !important;
  color: #ff6b6b !important;
}

/* 🚨 FINALE ULTIMATIVE REGEL: Rote Unterlinie für Datenbank-Tab im Dark Mode - Höchste Spezifität */
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:hover,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:focus,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active::before,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active::after {
  color: #ff6b6b !important;
  border-bottom: 3px solid #ff6b6b !important;
  border-bottom-color: #ff6b6b !important;
  background: none !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  font-weight: 500 !important;
}

/* 🎯 FIX: Icon soll NICHT unterstrichen werden - nur der Button-Text (Dark Mode) */
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active .tab-icon,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:hover .tab-icon,
html body.dark-mode .input-tabs .tab-button[data-tab="database"].active:focus .tab-icon {
  border-bottom: none !important;
  color: #ff6b6b !important;
}