/* =========================================
   Icebreaking Machine — settings.css (v3)
   Guarantees visible Settings/Results/Feedback content
   ========================================= */

/* ---------- PAGE-LEVEL GUARDS ---------- */
#settings-page,
.page.settings-page,
.app-page.settings-page {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: calc(100vh - 64px);
  position: relative;
  z-index: 1;
}

/* Some themes hide content via content-visibility/filters/scale */
#settings-page,
#settings-page * {
  content-visibility: visible !important;
  contain: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  pointer-events: auto !important;
}

/* ---------- ROOT CONTAINER ---------- */
#settings-content {
  display: block !important;
  position: relative !important;
  z-index: 2;                 /* sit above any stray overlays */
  background: #ffffff !important;
  color: #111 !important;
  height: auto !important;
  max-height: none !important;
  min-height: 520px;          /* visible even if panel short */
  box-sizing: border-box;
  font-size: 16px !important; /* guard against font-size:0 parents */
  line-height: 1.35;
}

/* Optional wrapper */
#settings-content .settings-inner,
#settings-content .container,
#settings-content .content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 16px;
  box-sizing: border-box;
}

/* ---------- TAB PANELS: SIMPLE TOGGLE ---------- */
.settings-tab-content,
.tab-panel,
.library-tab-content,
.feedback-tab-content {
  display: none !important;       /* hidden by default */
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

/* Visible panel */
.settings-tab-content.active,
.tab-panel.active,
.library-tab-content.active,
.feedback-tab-content.active {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  min-height: 280px;
  background: transparent;
  position: relative;
  z-index: 3;                     /* on top */
}

/* Inner guard: nothing inside the active panel can be hidden */
.settings-tab-content.active,
.settings-tab-content.active * {
  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  transform: none !important;
  color: #111 !important;
}

/* ---------- COMMON OVERLAYS (neutralize if present) ---------- */
.page-overlay,
.loading-overlay,
.modal-backdrop,
#loading,
#spinner {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* ---------- FORMS ---------- */
#settings-content label { display: block; font-weight: 600; margin: 8px 0 6px; }
#settings-content .form-group { margin: 10px 0 16px; }
#settings-content input,
#settings-content select,
#settings-content textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #d6d6d6;
  border-radius: 6px;
  background: #fff;
  color: #111;
}

/* ---------- DEBUG OUTLINE (remove later) ---------- */
.settings-tab-content.active { outline: 2px dashed rgba(0,128,255,.25); }