/* ============================================================
   Corporate Design — intelliVision1 (angelehnt an medvs.com)
   Primärfarbe bestätigt über theme-color/msapplication-TileColor
   der Live-Website: #0f1530 (dunkles Navy).
   Falls ein offizielles Styleguide/Logo mit abweichenden Akzent-
   farben vorliegt, hier zentral anpassen.
   ============================================================ */

:root {
  --iv1-navy: #0f1530;
  --iv1-navy-light: #1b2450;
  --iv1-navy-lighter: #2a366e;
  --iv1-white: #ffffff;
  --iv1-gray-50: #f7f8fb;
  --iv1-gray-100: #eef0f6;
  --iv1-gray-300: #ccd0dd;
  --iv1-gray-600: #5b6178;
  --iv1-gray-900: #1a1d29;
  --iv1-accent: #0f1530; /* CTA-Farbe = Navy, bewusst zurückhaltend statt Fremdfarbe */
  --iv1-success: #1b7f4c;
  --iv1-warning: #a3670c;
  --iv1-danger: #b3261e;

  --bs-primary: var(--iv1-navy);
  --bs-primary-rgb: 15, 21, 48;
  --bs-link-color: var(--iv1-navy);
  --bs-link-hover-color: var(--iv1-navy-light);
}

body {
  font-family: "Segoe UI", -apple-system, Roboto, Helvetica, Arial, sans-serif;
  color: var(--iv1-gray-900);
}

/* --- Buttons ------------------------------------------------ */
.btn-primary {
  background-color: var(--iv1-navy);
  border-color: var(--iv1-navy);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--iv1-navy-light) !important;
  border-color: var(--iv1-navy-light) !important;
}
.btn-outline-primary {
  color: var(--iv1-navy);
  border-color: var(--iv1-navy);
}
.btn-outline-primary:hover {
  background-color: var(--iv1-navy);
  border-color: var(--iv1-navy);
}

/* --- Navigation (angelehnt an medvs.com: dunkle Navy-Leiste, schlank) --- */
.iv1-topbar {
  background-color: var(--iv1-navy);
  color: var(--iv1-gray-300);
  font-size: 0.85rem;
}
.iv1-topbar a {
  color: var(--iv1-gray-300);
  text-decoration: none;
}
.iv1-topbar a:hover {
  color: var(--iv1-white);
}

.navbar-iv1 {
  background-color: var(--iv1-white);
  border-bottom: 1px solid var(--iv1-gray-100);
}
.navbar-iv1 .navbar-brand {
  font-weight: 700;
  color: var(--iv1-navy);
  letter-spacing: -0.01em;
}
.navbar-iv1 .nav-link {
  color: var(--iv1-gray-900);
  font-weight: 500;
}
.navbar-iv1 .nav-link:hover {
  color: var(--iv1-navy);
}
.navbar-iv1 .btn-cta {
  background-color: var(--iv1-navy);
  color: var(--iv1-white);
  border-radius: 0.375rem;
  padding: 0.5rem 1.1rem;
  font-weight: 600;
}
.navbar-iv1 .btn-cta:hover {
  background-color: var(--iv1-navy-light);
  color: var(--iv1-white);
}

/* --- Hero / Sections ------------------------------------------ */
.iv1-hero {
  background: linear-gradient(160deg, var(--iv1-navy) 0%, var(--iv1-navy-light) 100%);
  color: var(--iv1-white);
}
.iv1-hero .lead {
  color: var(--iv1-gray-300);
}
.iv1-eyebrow {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--iv1-navy-lighter);
}
.iv1-hero .iv1-eyebrow {
  color: var(--iv1-gray-300);
}

.bg-light {
  background-color: var(--iv1-gray-50) !important;
}

.card {
  border-color: var(--iv1-gray-100);
}

/* --- Badges / Status ------------------------------------------ */
.badge.bg-success { background-color: var(--iv1-success) !important; }
.badge.bg-warning { background-color: var(--iv1-warning) !important; color: var(--iv1-white); }
.badge.bg-danger { background-color: var(--iv1-danger) !important; }
.badge.bg-secondary { background-color: var(--iv1-gray-600) !important; }

/* --- Tabs -------------------------------------------------- */
.nav-tabs .nav-link.active {
  color: var(--iv1-navy);
  border-bottom: 2px solid var(--iv1-navy);
  font-weight: 600;
}

/* --- Footer (angelehnt an medvs.com: Navy, mehrspaltig) --- */
.iv1-footer {
  background-color: var(--iv1-navy);
  color: var(--iv1-gray-300);
}
.iv1-footer a {
  color: var(--iv1-gray-300);
  text-decoration: none;
}
.iv1-footer a:hover {
  color: var(--iv1-white);
}
.iv1-footer h6 {
  color: var(--iv1-white);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
}
.iv1-footer hr {
  border-color: rgba(255, 255, 255, 0.12);
}

/* --- Admin-Bereich: gleiche Sprache, kompaktere Cards --- */
.iv1-admin-card {
  border: 1px solid var(--iv1-gray-100);
  border-radius: 0.5rem;
  background: var(--iv1-white);
}
.iv1-admin-card .display-value {
  color: var(--iv1-navy);
  font-weight: 700;
}