/* ===============================
   4FUTURE.ID ACCOUNT – LOGIN STYLE
   =============================== */

/* ---- GLOBAL BACKGROUND ---- */

body {
  background: #f3f4f6 !important;
}

/* Optional: dunkler Verlauf wie Login */
/*
body {
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%) !important;
}
*/

/* ================= HEADER ================= */

/* ================= HEADER CLEAN ================= */

.pf-v5-c-masthead {
  background: #ffffff !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
  border-bottom: none !important;
}

/* Entfernt dunklen Toolbar-Streifen */
.pf-v5-c-toolbar {
  background: transparent !important;
}

/* User-Bereich nicht schwarz */
.pf-v5-c-masthead__content {
  background: transparent !important;
}

/* Dropdown Text */
.pf-v5-c-dropdown__toggle {
  color: #111827 !important;
}

/* ================= FIX USER DROPDOWN ================= */

/* Dropdown Text schwarz */
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle,
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  color: #111827 !important;
}

/* Pfeil */
.pf-v5-c-masthead .pf-v5-c-dropdown__toggle-icon {
  color: #111827 !important;
}

/* Avatar */
.pf-v5-c-masthead .pf-v5-c-avatar {
  filter: none !important;
}

/* ================= USER DROPDOWN CLEAN ================= */

/* Toggle sauber */
.pf-v5-c-menu-toggle,
.pf-v5-c-dropdown__toggle {
  background: transparent !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  color: #111827 !important;
  padding: 6px 14px !important;
  height: 36px !important;
}

/* Hover */
.pf-v5-c-menu-toggle:hover,
.pf-v5-c-dropdown__toggle:hover {
  background: #f3f4f6 !important;
}

/* Pfeil */
.pf-v5-c-menu-toggle__toggle-icon,
.pf-v5-c-dropdown__toggle-icon {
  color: #111827 !important;
}


/* ================= SIDEBAR ================= */

/* Sidebar heller und ruhiger */
.pf-v5-c-page__sidebar {
  background-color: #ffffff !important;
  border-right: 1px solid #e5e7eb !important;
}

/* Sidebar Links */
.pf-v5-c-nav__link {
  color: #374151 !important;
  font-weight: 500;
}

.pf-v5-c-nav__link:hover {
  background-color: #f3f4f6 !important;
}

.pf-v5-c-nav__link.pf-m-current {
  background-color: #e6f4f4 !important;
  color: #0c9897 !important;
  font-weight: 600;
}

/* ================= CONTENT AREA ================= */

/* Hauptbereich zentrieren */
.pf-v5-c-page__main {
  background: transparent !important;
  padding: 60px 40px !important;
  display: flex;
  justify-content: center;
}

/* Content Wrapper */
.pf-v5-c-page__main-section {
  max-width: 820px;
  width: 100%;
}

/* ================= CARD LOOK ================= */

/* Form-Bereich als Card */
.pf-v5-c-card,
.pf-v5-c-page__main-section {
  background: #ffffff !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08) !important;
  padding: 40px !important;
}

/* ================= TYPOGRAPHY ================= */

h1, .pf-v5-c-title {
  font-size: 28px !important;
  font-weight: 600 !important;
  color: #111827 !important;
  margin-bottom: 8px !important;
}

.pf-v5-c-content p {
  color: #6b7280 !important;
}

/* ================= INPUTS ================= */

input,
select,
textarea {
  border-radius: 8px !important;
  border: 1px solid #d1d5db !important;
  height: 44px !important;
  padding: 8px 12px !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #0c9897 !important;
  box-shadow: 0 0 0 2px rgba(12,152,151,0.15) !important;
}

/* ================= BUTTONS ================= */

button.pf-m-primary {
  background-color: #0c9897 !important;
  border-radius: 12px !important;
  height: 44px !important;
  padding: 0 24px !important;
  font-weight: 600 !important;
  border: none !important;
}

button.pf-m-primary:hover {
  background-color: #0a8382 !important;
}

/* Secondary */
button.pf-m-link {
  color: #0c9897 !important;
}

/* ================= SMALL DETAILS ================= */

.pf-v5-c-divider {
  display: none !important;
}

.pf-v5-c-page__main-breadcrumb {
  display: none !important;
}

/* Abschnitt-Navigation rechts ausblenden */
.pf-v5-c-page__aside,
.pf-v5-c-page__main-section > div:last-child {
  display: none !important;
}


/* Titel-Card visuell integrieren */
.pf-v5-c-page__main-section:first-child {
  background: transparent !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}

/* Nur eine echte Card */
.pf-v5-c-page__main-section {
  border-radius: 18px !important;
}