/* ==========================================================
   CAFOP — THEME OFFICIEL DU MODULE EVALUATIONS
   Référence visuelle : evaluation_public.php validée
   ========================================================== */
:root{
  --eval-orange:#f59e0b;
  --eval-gold:#fbbf24;
  --eval-soft:#fef3c7;
  --eval-soft2:#ffedd5;
  --eval-ivory:#fffbeb;
  --eval-cream:#fffaf0;
  --eval-brown:#92400e;
  --eval-brown-dark:#78350f;
  --eval-ink:#111827;
  --eval-muted:#6b7280;
  --eval-line:#b45309;
}

body{
  background:linear-gradient(180deg,#fff7e0 0%,#fde68a 100%) !important;
  color:var(--eval-ink);
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* Conteneurs principaux */
.wrap,.wrap-page,.container.wrap-page{
  max-width:1180px;
}
.hero,.big-card,.card-shell{
  background:linear-gradient(135deg,var(--eval-soft),var(--eval-soft2)) !important;
  border:2px solid var(--eval-line) !important;
  border-radius:30px !important;
  box-shadow:0 18px 40px rgba(120,53,15,.26) !important;
}
.hero{padding:1.15rem 1.35rem !important;}

/* Cartes internes */
.panel,.eval-card,.ex-card,.exo,.stat,.stat-block,.chart-block,.card-soft,.result,
.inner-card,.qcard,.inner-block,.info-card{
  background:var(--eval-ivory) !important;
  border:2px solid var(--eval-line) !important;
  border-radius:22px !important;
  box-shadow:0 10px 24px rgba(146,64,14,.18) !important;
}
.ex-card,.exo,.qcard,.inner-card,.inner-block{border-radius:16px !important;}
.eval-card{overflow:hidden;}
.eval-head,.card-header.sun{
  background:linear-gradient(120deg,#fffbeb,#fef3c7) !important;
  border-bottom:1px solid rgba(180,83,9,.35) !important;
}

/* Titres */
.title,.page-title,.hero-title,.block-title,.chart-title,.cafop-title{
  color:#1f2937 !important;
  font-weight:900 !important;
}
.page-title{border-left:4px solid var(--eval-brown) !important;}
.muted,.page-sub,.block-sub,.hero-sub,.small-hint{color:var(--eval-muted) !important;}

/* Badges / pastilles */
.badge-soft,.chip-small,.hero-pill,.panel-title,.badge-pill,.score-pill{
  display:inline-flex;
  align-items:center;
  gap:.3rem;
  border-radius:999px !important;
  background:var(--eval-gold) !important;
  border:1px solid var(--eval-line) !important;
  color:var(--eval-brown-dark) !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

/* Boutons */
.btn-main,.btn-beige,.btn-sun-main{
  background:var(--eval-brown) !important;
  border:1px solid var(--eval-brown) !important;
  color:#fff !important;
  border-radius:14px !important;
  font-weight:700 !important;
  box-shadow:0 6px 14px rgba(120,53,15,.28) !important;
}
.btn-main:hover,.btn-beige:hover,.btn-sun-main:hover{
  background:var(--eval-brown-dark) !important;
  border-color:var(--eval-brown-dark) !important;
}
.btn-outline-dark,.btn-outline-secondary,.btn-outline-success,.btn-outline-danger,.btn-outline-primary,.btn-sun-outline{
  border-color:var(--eval-line) !important;
  color:var(--eval-brown-dark) !important;
  background:#fffaf0 !important;
  border-radius:12px !important;
  font-weight:700 !important;
}
.btn-outline-dark:hover,.btn-outline-secondary:hover,.btn-outline-success:hover,.btn-outline-danger:hover,.btn-outline-primary:hover,.btn-sun-outline:hover{
  background:var(--eval-brown) !important;
  border-color:var(--eval-brown) !important;
  color:#fff !important;
}

/* Formulaires */
.form-control,.form-select,.form-control-sm,.form-select-sm,textarea.form-control{
  background:#fffdf5 !important;
  border:1px solid var(--eval-line) !important;
  border-radius:10px !important;
  color:#374151 !important;
}
.form-control:focus,.form-select:focus,.form-control-sm:focus,.form-select-sm:focus{
  background:#fff !important;
  border-color:var(--eval-brown) !important;
  box-shadow:0 0 0 .12rem rgba(180,83,9,.30) !important;
}
.form-check-input:checked{
  background-color:var(--eval-brown) !important;
  border-color:var(--eval-brown) !important;
}

/* Tables */
.table-responsive,.table-wrap{
  border-radius:16px;
  overflow:hidden;
}
.table{
  --bs-table-bg:transparent;
  color:var(--eval-ink);
}
.table thead th,.table thead.table-light th{
  background:#fef3c7 !important;
  color:var(--eval-brown-dark) !important;
  border-bottom:2px solid var(--eval-line) !important;
  font-weight:800 !important;
}
.table tbody td{border-color:#ecd3ad !important;}
.table-hover tbody tr:hover td{background:#fff7ed !important;}

/* Navigation interne */
.nav-pills .pill-tab,.nav-pills .nav-link{
  border-radius:999px !important;
  border:1px solid var(--eval-line) !important;
  color:var(--eval-brown-dark) !important;
  background:#fffbeb !important;
  font-weight:700 !important;
}
.nav-pills .pill-tab.active,.nav-pills .nav-link.active{
  background:var(--eval-brown) !important;
  color:#fff !important;
}

/* Alertes cohérentes */
.alert{
  border-radius:14px !important;
  border-width:1.5px !important;
}
.alert-info,.alert-warning{background:#fff4cf !important;border-color:#f4c04d !important;color:#6b3d0c !important;}
.alert-success{background:#f8f4e7 !important;border-color:#d3af72 !important;color:#4c3820 !important;}

/* KPI */
.stat .n,.stat-number,.score{color:var(--eval-brown-dark) !important;font-weight:900 !important;}
.progress{background:#f6ead6 !important;border-radius:999px !important;}
.progress-bar{background:var(--eval-orange) !important;}

/* Responsive */
@media(max-width:768px){
  .hero,.big-card,.card-shell{border-radius:22px !important;padding:1rem !important;}
  .panel,.eval-card,.ex-card,.exo,.stat,.stat-block,.chart-block,.card-soft,.result,.qcard{border-radius:16px !important;}
}