/* ─── Basisstile ─────────────────────────────────────────────── */
body {
  min-height: 100vh;
  font-size: 0.95rem;
}

/* ─── Navbar ─────────────────────────────────────────────────── */
.navbar-brand {
  letter-spacing: .03em;
  font-size: 1.15rem;
}

/* ─── Fahrzeug-Karten im Dashboard ───────────────────────────── */
.vehicle-card {
  transition: transform .15s, box-shadow .15s;
  border-top: 3px solid #dc3545;
}
.vehicle-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 .5rem 1.2rem rgba(0,0,0,.12) !important;
}

.new-vehicle-card {
  border: 2px dashed #dee2e6;
  transition: border-color .15s, background .15s;
  border-radius: .5rem;
  min-height: 130px;
}
.new-vehicle-card:hover {
  border-color: #dc3545;
  background: #fff5f5 !important;
}

/* ─── Section-Karten ─────────────────────────────────────────── */
.section-card {
  transition: box-shadow .15s;
  border-top: 3px solid transparent;
}
.section-card:hover {
  box-shadow: 0 .3rem .8rem rgba(0,0,0,.1) !important;
}
.section-card.border-success {
  border-top-color: #198754;
}

/* ─── Prüfpunkt-Karte in der Sektion ─────────────────────────── */
.checkpoint-card {
  transition: border-color .2s;
}
.checkpoint-card.border-success {
  background: #f0fff4;
}
.checkpoint-card.border-warning {
  background: #fffbf0;
}

/* ─── Editor-Prüfpunkte ──────────────────────────────────────── */
.checkpoint-item {
  border-left: 3px solid #dc3545 !important;
}

/* ─── Progress-Bars ──────────────────────────────────────────── */
.progress {
  border-radius: 10px;
}

/* ─── Drucklayout ────────────────────────────────────────────── */
@media print {
  .navbar, .btn, .alert.d-print-none { display: none !important; }
  body { background: white; font-size: 11pt; }
  .card { box-shadow: none !important; border: 1px solid #ccc !important; }
  .container-xl { max-width: 100% !important; padding: 0 !important; }
}

/* ─── Responsive/Mobile ──────────────────────────────────────── */
@media (max-width: 576px) {
  h1.h3 { font-size: 1.1rem; }
}

/* ─── Details-Summary Cursor ─────────────────────────────────── */
details summary {
  cursor: pointer;
  user-select: none;
}
details[open] summary {
  margin-bottom: .75rem;
}