/* Ameise Admin – Dark Theme */

:root{
  --bg-1:#1B242B;
  --bg-2:#25323B;
  --bg-3:#364856;
  --text:#FFFFFF;
  --accent-orange:#F68B25;
  --accent-blue:#5CBCF6;
}

/* Bootstrap 5.3 – Dark Vars im Scope der Seite */
.theme-dark{
  /* Basis */
  --bs-body-bg: var(--bg-1);
  --bs-body-color: var(--text);
  --bs-emphasis-color: var(--text);
  --bs-border-color: rgba(255,255,255,.15);

  /* Links */
  --bs-link-color: var(--accent-blue);
  --bs-link-hover-color: var(--text);

  /* Cards */
  --bs-card-bg: rgba(37,50,59,0.92);
  --bs-card-color: var(--text);

  /* Navbar */
  --bs-navbar-color: rgba(255,255,255,.8);
  --bs-navbar-hover-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: var(--accent-orange);

  /* Buttons */
  --bs-btn-color: #1B242B;
  --bs-btn-bg: var(--accent-orange);
  --bs-btn-border-color: var(--accent-orange);
  --bs-btn-hover-color: #1B242B;
  --bs-btn-hover-bg: #e67f1f;
  --bs-btn-hover-border-color: #e67f1f;

  /* Tabelle */
  --bs-table-color: var(--text);
  --bs-table-bg: transparent;
  --bs-table-striped-bg: rgba(255,255,255,.03);
  --bs-table-hover-bg: rgba(92,188,246,.10);
  --bs-table-border-color: rgba(255,255,255,.12);
}

/* Seite */
html,body{height:100%;}
.theme-dark{background: var(--bg-1); color: var(--text);}

/* Navbar */
.theme-dark .navbar{
  background: linear-gradient(90deg, var(--bg-2), var(--bg-3)) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.theme-dark .navbar .nav-link{ color: var(--accent-blue) !important; }
.theme-dark .navbar .nav-link:hover,
.theme-dark .navbar .nav-link:focus{ color: var(--accent-orange) !important; }

/* Brand */
.brand-title{ display:flex; align-items:center; gap:.6rem; font-weight:700; letter-spacing:.3px; }
.brand-title img,.brand-title svg{ width:28px; height:28px; }

/* Cards */
.theme-dark .card{
  background: linear-gradient(180deg, rgba(37,50,59,0.92), rgba(27,36,43,0.96)) !important;
  border: 1px solid rgba(255,255,255,0.10) !important;
  color: var(--text) !important;
}

/* Links allgemein */
.theme-dark a{ color: var(--accent-blue); }
.theme-dark a:hover{ color: var(--accent-orange); }

/* Formulare */
.theme-dark .form-control,
.theme-dark .form-select{
  background: var(--bg-3) !important;
  color: var(--text) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.theme-dark .form-control::placeholder{ color: rgba(255,255,255,.65); }
.theme-dark .form-control:focus,
.theme-dark .form-select:focus{
  outline: none !important;
  box-shadow: 0 0 0 .2rem rgba(92,188,246,.25) !important;
  border-color: var(--accent-blue) !important;
}

/* Buttons */
.theme-dark .btn-primary{
  background: var(--accent-orange) !important;
  border-color: var(--accent-orange) !important;
  color: #1B242B !important;
}
.theme-dark .btn-primary:hover{
  background: #e67f1f !important;
  border-color: #e67f1f !important;
}
.theme-dark .btn-outline-light{
  border-color: rgba(255,255,255,.7) !important;
  color: #fff !important;
}
.theme-dark .btn-outline-light:hover{
  background: rgba(255,255,255,.12) !important;
  color: #fff !important;
}

/* Tabellen */
.theme-dark .table{ color: var(--text); }
.theme-dark .table thead th{
  color: var(--accent-blue);
  border-bottom-color: rgba(255,255,255,.15);
}

/* Progress */
.theme-dark .progress{ background: rgba(255,255,255,.08) !important; }
.theme-dark .progress-bar{ background: var(--accent-blue) !important; }

/* Login-Hintergrund */
.login-bg{
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(27,36,43,0.65), rgba(37,50,59,0.85)),
    url('/assets/login-bg.jpg') center/cover no-repeat,
    linear-gradient(180deg, var(--bg-2), var(--bg-1));
  display:flex; align-items:center;
}

/* Kleinigkeiten */
.text-muted{ color: rgba(255,255,255,.7) !important; }
code { color: var(--accent-blue); }
details summary{ cursor:pointer; color: var(--accent-blue); }