/* =====================================================================
   FUTURE TRADER — Community-Hub (eingeloggt): HUD-Feinschliff
   Liegt ÜBER den (unter #member-hub gescopten) Suite-Komponenten + site.css.
   Ziel: die App-Views im HUD-Look der öffentlichen Seiten erscheinen lassen.
   ===================================================================== */

#member-hub { min-height: 100vh; }

/* =====================================================================
   OPTION A — „mehr Rahmen, alles sichtbarer" (klar & elegant)
   Sichtbare neutrale Rahmen überall + orange Akzentkante nur auf Haupt-Panels.
   Orange bleibt Akzent für Wichtiges/Aktives. Alles unter #member-hub gescopt.
   ===================================================================== */

/* Haupt-Panels: deutlicher neutraler Rahmen + orange Akzentkante links.
   !important, weil Tailwinds @apply-.card-Regel zur Laufzeit NACH hub.css injiziert wird (gleiche
   Spezifität → Quellreihenfolge würde sonst gewinnen). */
#member-hub .card {
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-left: 3px solid var(--orange) !important;
}
/* KPI-/Metrik-Kacheln (haben .kpi-val): rundum neutral, KEINE orange Kante (sonst 6 Balken/Reihe) */
#member-hub .card:has(.kpi-val) {
  border-left: 1px solid rgba(255, 255, 255, .14) !important;
}

/* Faint Tailwind-Slate-Rahmen generell sichtbarer */
#member-hub .border-slate-800 { border-color: rgba(255, 255, 255, .12) !important; }
#member-hub .border-slate-700 { border-color: rgba(255, 255, 255, .18) !important; }

/* Zu dunkler Sekundärtext → sichtbarer (Marken-Look bleibt) */
#member-hub .text-slate-600 { color: #787c86 !important; }
#member-hub .text-slate-500 { color: #9095a0 !important; }

/* Eingabefelder klar gerahmt, Fokus orange (!important gegen @apply-.inp, s.o.) */
#member-hub .inp { border-color: rgba(255, 255, 255, .17) !important; }
#member-hub .inp:focus { border-color: var(--orange) !important; }

/* Tabellen: deutlichere Trennlinien */
#member-hub table.tbl th,
#member-hub table.tbl td { border-bottom-color: rgba(255, 255, 255, .10) !important; }

/* Checklist-/Zonen-Karten: Rahmen aufhellen */
#member-hub .chk-card,
#member-hub .zone-card { border-color: rgba(255, 255, 255, .14) !important; }

/* Sidebar-Einträge: dezenter Rahmen, Hover sichtbar; aktiv behält Glow (unten) */
#member-hub .nav-item { border: 1px solid transparent; }
#member-hub .nav-item:hover { border-color: rgba(255, 255, 255, .08); }

/* Community-Views (Feed/Bestenliste/Profil) gleich behandeln — gescopt, Gast-Seiten bleiben unberührt */
#member-hub .ft-pred,
#member-hub .ft-composer,
#member-hub .ft-lb__row,
#member-hub .ft-comments,
#member-hub #trader-card .card,
#member-hub .ft-locked { border-color: rgba(255, 255, 255, .14) !important; }
#member-hub .ft-pred { border-left: 3px solid rgba(255, 94, 0, .55); }

/* Aktiver Sidebar-Eintrag: sanfter Orange-Glow (HUD, dezent) */
#member-hub .nav-item.active {
  box-shadow: 0 0 12px rgba(255, 94, 0, .12);
}

/* Buttons: leichte Sperrung für den Terminal-Look */
#member-hub .btn,
#member-hub .btn-ghost { letter-spacing: .02em; }

/* Sidebar-Brand-Linie im Marken-Orange */
#member-hub #sidebar { border-right-color: rgba(255, 94, 0, .14); }

/* Wenn der Hub aktiv ist: kein Body-Scrolllock der Gast-Seite stört (Sicherheitsnetz) */
body.hub-active { overflow-x: hidden; }