/* Global Font */
html, body {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background-color: #050816; /* dunkles Blau */
  color: #E5E7EB; /* helles Grau */
  margin: 0;
  padding: 0;
}

/* Remove Bootstrap link colors */
a, .btn-link {
  color: #8B5CF6 !important; /* Lila */
}

  a:hover {
    color: #A78BFA !important; /* helleres Lila */
  }

  /*
.appbar-gradient {
  background: linear-gradient(90deg, #F97316, #FB923C, #F97316);
  color: #FFFFFF !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.45);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
  */

.login-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
}


/* --- SIDEBAR --- */
.sidebar-logo {
  padding: 0 16px;
  height: 72px; /* Höhe des Logo-Bereichs */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Crop aktiv */
}

/* WICHTIG: NICHT width:100% */
.logo-img {
  display: block;
  height: 100%; /* skaliert nach Höhe -> bleibt korrekt */
  width: auto; /* verhindert Quetschen */
  object-fit: cover;
  object-position: center;
}

.sidebar-dark {
  background-color: #020617 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

  /* Sidebar Navigation */
  .sidebar-dark .mud-nav-link {
    color: #9CA3AF !important;
    font-weight: 500;
  }

    .sidebar-dark .mud-nav-link:hover {
      background-color: rgba(255,255,255,0.05) !important;
      color: #E5E7EB !important;
    }

    .sidebar-dark .mud-nav-link.active {
      background-color: rgba(139,92,246,0.2) !important;
      border-left: 4px solid #8B5CF6 !important;
      color: #C4B5FD !important;
    }

/* --- MAIN CONTENT AREA --- */
.main-content {
  background-color: #050816 !important;
  min-height: 100vh;
  padding-bottom: 50px;
}

/* --- DASHBOARD CARD STYLE (Glassmorphism) --- */
.glass-card {
  background-color: rgba(15, 23, 42, 0.55) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 12px 40px rgba(0,0,0,0.45);
  transition: transform .2s ease, box-shadow .2s ease;
}
  .glass-card:hover {
    /*transform: translateY(-4px);*/
    box-shadow: 0 16px 55px rgba(0,0,0,0.55);
  }
  

/* --- FORM / INPUT --- */
.form-control, .mud-input {
  background-color: #0B1222 !important;
  color: #E5E7EB !important;
  border-color: rgba(255,255,255,0.08) !important;
}

  .form-control:focus, .mud-input:focus-within {
    border-color: #8B5CF6 !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.35) !important;
  }

/* Validation Messages */
.validation-message {
  color: #e50000 !important;
}

/* Blazor Error Display */
.blazor-error-boundary {
  background-color: #B32121;
  color: white;
  padding: 1rem 1rem 1rem 3.7rem;
  background-size: 1.8rem;
  background-repeat: no-repeat;
  background-position: 1rem center;
}

  .blazor-error-boundary::after {
    content: "An error has occurred.";
  }

/* Checkbox Style */
.darker-border-checkbox.form-check-input {
  border-color: #929292;
}