/* Stocks and Trading – eigene Styles */

:root {
  --brand-green: #2ecc40;
  --brand-green-dark: #25a032;
  --brand-dark: #0f1114;
}

body { background: #f6f7f9; }

/* Navbar im Logo-Stil */
.app-navbar {
  background: var(--brand-dark);
  border-bottom: 2px solid var(--brand-green);
}
.app-navbar .navbar-brand { font-weight: 700; letter-spacing: .02em; }

/* Buttons mit Markenfarbe */
.btn-primary {
  background-color: var(--brand-green);
  border-color: var(--brand-green);
}
.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-green-dark);
  border-color: var(--brand-green-dark);
}
.btn-outline-primary {
  color: var(--brand-green-dark);
  border-color: var(--brand-green);
}
.btn-outline-primary:hover {
  background-color: var(--brand-green);
  border-color: var(--brand-green);
  color: #fff;
}
a { color: var(--brand-green-dark); }
a:hover { color: var(--brand-green); }

/* Cards */
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.06); }

/* Abschnittsüberschriften im Profil */
.section-title {
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--brand-green-dark);
  margin: 1.5rem 0 .5rem;
  border-bottom: 2px solid var(--brand-green);
  padding-bottom: .25rem;
  font-weight: 700;
}

/* Badges */
.badge-admin { background: #ffc107; color: #000; }

/* Tabellen */
.table td, .table th { vertical-align: middle; }

/* Dynamische Zeilen (Fonds/Wikifolios/VV) */
.dyn-row { display: flex; gap: .5rem; margin-bottom: .5rem; }
.dyn-row input { flex: 1; }

/* Fokus-Checkboxen als Raster */
.focus-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: .25rem .75rem;
}

textarea { min-height: 5em; }

/* Profile-Ansicht */
.profile-view dt { color: #6c757d; font-weight: 500; }
.profile-view dd { margin-bottom: 1rem; }

/* Login / Registrieren: Logo darüber */
.auth-logo {
  text-align: center;
  margin-bottom: 1.25rem;
}
.auth-logo img {
  max-width: 220px;
  height: auto;
  border-radius: 12px;
}

footer { color: #6c757d; }

/* Avatar */
.avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  object-fit: cover;
  border-radius: 50%;
  background: #dee2e6;
  color: #495057;
  font-weight: 600;
  vertical-align: middle;
  overflow: hidden;
}
.avatar-initials { user-select: none; }
.profile-view .avatar { border: 3px solid var(--brand-green); }