/* ── Layout ─────────────────────────────────────────────────── */
#app-wrapper {
  min-height: 100vh;
}

#sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
}

@media (max-width: 768px) {
  #sidebar {
    display: none !important;
  }
}

/* ── Sidebar nav-link active state ──────────────────────────── */
#sidebar .nav-link:hover {
  background-color: rgba(255,255,255,.1);
}
#sidebar .nav-link.active {
  background-color: rgba(255,255,255,.2);
}

/* ── Sticky first column for matrices ───────────────────────── */
.sticky-col {
  position: sticky;
  left: 0;
  background: white;
  z-index: 1;
  box-shadow: 2px 0 4px rgba(0,0,0,.06);
}
.table-dark .sticky-col {
  background: #212529;
}

/* ── Hover card effect ───────────────────────────────────────── */
.hover-shadow {
  transition: box-shadow .15s ease;
}
.hover-shadow:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

/* ── Tiny button utility ─────────────────────────────────────── */
.btn-xs {
  padding: 0.1rem 0.35rem;
  font-size: 0.75rem;
  border-radius: 0.2rem;
}

/* ── Level badges in evaluation matrix ───────────────────────── */
.badge-na   { background-color: #dc3545; }
.badge-eca  { background-color: #ffc107; color: #000; }
.badge-aap  { background-color: #0dcaf0; }
.badge-aat  { background-color: #198754; }

/* ── Taxonomic level — badges colorés (lecture seule) ────────── */
.taxo-badge-1 { background-color: #dc3545 !important; color: #fff !important; }
.taxo-badge-2 { background-color: #ffc107 !important; color: #212529 !important; }
.taxo-badge-3 { background-color: #7dc47d !important; color: #212529 !important; }
.taxo-badge-4 { background-color: #198754 !important; color: #fff !important; }

/* ── Taxonomic level — radio labels colorés (formulaire) ─────── */
.kl-radio-label { font-weight: 600; cursor: pointer; }
.kl-label-1 { color: #dc3545; }
.kl-label-2 { color: #997404; } /* jaune assombri pour lisibilité */
.kl-label-3 { color: #2e7d32; }
.kl-label-4 { color: #0f5132; }

/* ── Section toggle chevron (referential detail) ─────────────── */
.section-chevron {
  display: inline-block;
  transition: transform .2s ease;
  flex-shrink: 0;
  font-size: .8rem;
}
.section-toggle:not(.collapsed) .section-chevron {
  transform: rotate(90deg);
}

/* ── Print styles for evaluation reports ────────────────────── */
@media print {
  #sidebar, .btn, form[method=post] { display: none !important; }
  main { padding: 0 !important; }
}