/* account.nine-nine.net — Fein-Overrides (nach theme + nashgames/style.css) */

.ng-body.ng-theme-account {
  color-scheme: dark;
  background: linear-gradient(180deg, #1e2832 0%, #1a1d21 55%, #172028 100%) !important;
}

.ng-theme-account .ng-header {
  background: rgba(34, 44, 56, 0.96);
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 22px rgba(0, 0, 0, 0.22);
}

.ng-theme-account .ng-footer {
  background: var(--ng-surface);
}

/* Bootstrap-Karten: weiße Flächen verhindern */
.ng-theme-account .card,
.ng-theme-account .card-body,
.ng-theme-account .card-footer,
.ng-theme-account .tab-content > .card,
.ng-theme-account .profile-nav .card,
.ng-theme-account .profile-sidebar-card {
  background-color: var(--ng-surface-elevated) !important;
  color: var(--ng-text) !important;
  border-color: var(--ng-border) !important;
}

.ng-theme-account .card-header {
  background-color: var(--ng-surface-2) !important;
  color: var(--ng-sky-bright) !important;
  border-bottom-color: var(--ng-border) !important;
}

/* Karten: einheitlich abgerundet (Bootstrap-Default wirkt auf großen Flächen zu spitz) */
.ng-theme-account {
  --bs-card-border-radius: var(--ng-radius);
  --bs-card-inner-border-radius: calc(var(--ng-radius) - 1px);
}

.ng-theme-account .card {
  border-radius: var(--ng-radius) !important;
  overflow: hidden;
}

.ng-theme-account .profile-sidebar-card {
  overflow: visible;
}

.ng-theme-account .card > .card-header:first-child {
  border-top-left-radius: var(--ng-radius) !important;
  border-top-right-radius: var(--ng-radius) !important;
}

.ng-theme-account .card > .card-body:last-child,
.ng-theme-account .card > .card-footer:last-child {
  border-bottom-left-radius: var(--ng-radius) !important;
  border-bottom-right-radius: var(--ng-radius) !important;
}

.ng-theme-account .profile-nav .nav-tabs .nav-link {
  color: var(--ng-text-muted);
}

.ng-theme-account .profile-nav .nav-tabs .nav-link.active {
  color: var(--ng-sky-bright) !important;
  background: rgba(88, 101, 112, 0.28) !important;
  border-color: var(--ng-border) !important;
}

.ng-theme-account .profile-nav ul > li > button {
  color: var(--ng-text-muted);
}

.ng-theme-account .profile-nav ul > li > button:hover,
.ng-theme-account .profile-nav ul > li > button:focus,
.ng-theme-account .profile-nav ul > li > button.active {
  color: var(--ng-sky-bright) !important;
  background: rgba(88, 101, 112, 0.22) !important;
}

.ng-theme-account .ng-profile-tab-header__title {
  color: var(--ng-sky-bright);
}

.ng-theme-account .ng-profile-tab-header__kicker {
  color: var(--ng-teal-light);
}

.ng-theme-account .ng-dashboard .ng-muted {
  color: var(--ng-text-muted) !important;
}

.ng-theme-account .ng-dashboard .ng-card {
  background: var(--ng-surface-elevated) !important;
  border: 1px solid var(--ng-border) !important;
  border-radius: var(--ng-radius) !important;
  box-shadow: var(--ng-shadow);
  overflow: hidden;
}

.ng-theme-account .ng-dashboard .ng-link {
  color: var(--ng-teal-light);
}

.ng-theme-account .ng-dashboard .ng-link:hover {
  color: var(--ng-sky-bright);
}

.ng-theme-account .ng-dashboard .ng-balance-value {
  color: var(--ng-sky-bright) !important;
}

.ng-theme-account .ng-dashboard .ng-list-meta li {
  border-bottom-color: var(--ng-border);
}

.ng-theme-account .ng-dashboard .ng-list-meta li span {
  color: var(--ng-text-muted) !important;
}

.ng-theme-account .ng-dashboard .ng-list-meta li strong {
  color: var(--ng-text) !important;
}

.ng-theme-account .table-dark {
  --bs-table-color: var(--ng-text);
  --bs-table-bg: var(--ng-surface-2);
  --bs-table-border-color: var(--ng-border);
  --bs-table-striped-bg: rgba(255, 255, 255, 0.03);
  --bs-table-hover-bg: rgba(184, 192, 200, 0.08);
}

.ng-theme-account .table-dark thead th {
  color: var(--ng-text-muted) !important;
  background: var(--ng-surface) !important;
}

.ng-theme-account .form-floating > label {
  color: var(--ng-text-muted) !important;
}

.ng-theme-account .form-control,
.ng-theme-account .form-select {
  background: var(--ng-surface-2) !important;
  border-color: var(--ng-border) !important;
  color: var(--ng-text) !important;
}

.ng-theme-account .form-control:focus,
.ng-theme-account .form-select:focus {
  background: var(--ng-surface-elevated) !important;
  border-color: rgba(184, 192, 200, 0.4) !important;
  color: var(--ng-text) !important;
}

.ng-theme-account .form-control:disabled,
.ng-theme-account .form-signin #floatingmail[disabled] {
  background-color: var(--ng-surface) !important;
  color: var(--ng-text-muted) !important;
}

.ng-theme-account .alert-info {
  background: rgba(88, 101, 112, 0.25);
  border-color: rgba(184, 192, 200, 0.25);
  color: var(--ng-sky-bright);
}

.ng-theme-account .ng-admin-tile-icon {
  color: var(--ng-accent-gold);
}

.ng-theme-account .profile-sidebar-card,
.ng-theme-account .profile-nav > .row > .col-md-9 > .card.tab-content {
  background-color: var(--ng-surface) !important;
}

.ng-theme-account .ng-dashboard .card-body {
  background-color: var(--ng-surface-elevated) !important;
  color: var(--ng-text) !important;
}

.ng-theme-account .ng-main {
  background: transparent;
}

/* Profil-Sidebar: an Header-Navigation angeglichen */
.ng-theme-account .profile-nav ul > li > button {
  border-left: 3px solid transparent !important;
  border-radius: 0 !important;
  padding: 10px 12px;
  font-size: 0.92rem;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
}

.ng-theme-account .profile-nav ul > li > button > i {
  color: var(--ng-text-muted);
}

.ng-theme-account .profile-nav ul > li > button.active {
  border-left-color: var(--ng-accent-gold) !important;
  background: rgba(88, 101, 112, 0.28) !important;
  color: var(--ng-sky-bright) !important;
}

.ng-theme-account .profile-nav ul > li > button.active > i {
  color: var(--ng-accent-gold);
}

.ng-theme-account .profile-sidebar-gamertag {
  color: var(--ng-sky-bright) !important;
  font-weight: 600;
}

.ng-theme-account .profile-sidebar-mini-header {
  background: var(--ng-surface-2) !important;
}

/* Dashboard-Karten: Link-Pills in Header */
.ng-theme-account .ng-dashboard .card-header {
  font-size: 0.82rem;
  gap: 8px;
}

.ng-theme-account .ng-dashboard .card-header .ng-link {
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(88, 101, 112, 0.32);
  border: 1px solid rgba(184, 192, 200, 0.2);
  white-space: nowrap;
}

.ng-theme-account .ng-dashboard .card-header .ng-link:hover {
  background: rgba(88, 101, 112, 0.48);
  text-decoration: none;
}

.ng-theme-account .ng-dashboard .ng-balance .card-body {
  background: radial-gradient(circle at 20% 20%, rgba(88, 101, 112, 0.22), transparent 55%) !important;
}

/* Chat: Account-Farben statt nash.games-Lila */
.ng-theme-account .ng-chat-drawer .chat-widget-room-avatar {
  background: linear-gradient(135deg, var(--ng-purple), var(--ng-teal));
}

.ng-theme-account .ng-chat-thread .chat-widget-speaker.right .chat-widget-speaker-message {
  background: rgba(88, 101, 112, 0.42);
  border-color: rgba(184, 192, 200, 0.28);
}

.ng-theme-account .ng-chat-drawer .chat-widget-message.unread {
  background: rgba(88, 101, 112, 0.18);
}

.ng-theme-account .ng-admin .text-muted,
.ng-theme-account .ng-admin .small.text-muted {
  color: var(--ng-text-muted) !important;
}

.ng-theme-account .ng-admin .ng-link {
  color: var(--ng-teal-light);
}

.ng-theme-account .ng-admin .ng-link:hover {
  color: var(--ng-sky-bright);
}

.ng-theme-account .btn-success {
  background: linear-gradient(135deg, #2d7a4a 0%, #198754 100%);
  border-color: #198754;
}

.ng-theme-account .btn-primary {
  background: var(--ng-nav-active-bg);
  border: none;
}

.ng-theme-account .ng-page-news .bg-special {
  background: var(--ng-surface-2) !important;
  border-color: var(--ng-border) !important;
  color: var(--ng-text) !important;
}

.ng-theme-account .ng-page-news .card.bg-transparent {
  background: transparent !important;
}

.ng-theme-account .ng-page-news .badge.bg-secondary {
  background: rgba(88, 101, 112, 0.45) !important;
  color: var(--ng-sky-bright);
}

.ng-theme-account .ng-page-news h4,
.ng-theme-account .ng-page-news .h4 {
  color: var(--ng-sky-bright);
  font-family: var(--ng-font-display);
}

.ng-theme-account .ng-page {
  max-width: 1200px;
  margin: 0 auto;
  padding: 24px 16px 48px;
}

.ng-theme-account .ng-footer-copy {
  color: var(--ng-text-muted);
  font-size: 0.85rem;
}