body{
  background:#f6f8f5!important;
}

/* Pages simples : documents, archives, etc. */
.wrap{
  max-width:1120px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:24px!important;
}

/* Bouton retour tableau de bord */
.home-btn-ja,
.logo-home,
.wrap > a[href="index.php"],
.wrap a[href="index.php"].btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  background:#ffffff!important;
  color:#064e3b!important;
  border:1px solid #e5e7eb!important;
  border-radius:14px!important;
  padding:10px 16px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 8px 24px rgba(15,23,42,.06)!important;
}

.home-btn-ja img,
.logo-home img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
}

/* En-têtes des pages */
.wrap .header,
.wrap .hero{
  background:linear-gradient(135deg,#064e3b,#0f7a3b)!important;
  color:#ffffff!important;
  border-radius:20px!important;
  padding:24px 28px!important;
  margin:16px 0 18px!important;
  min-height:150px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  box-shadow:0 12px 30px rgba(6,78,59,.14)!important;
  overflow:hidden!important;
}

.wrap .header h1,
.wrap .hero h1,
.wrap .header h2,
.wrap .hero h2{
  color:#ffffff!important;
  opacity:1!important;
  visibility:visible!important;
  font-size:30px!important;
  line-height:1.15!important;
  margin:0 0 8px!important;
  font-weight:950!important;
  text-shadow:none!important;
}

.wrap .header p,
.wrap .hero p{
  color:rgba(255,255,255,.92)!important;
  opacity:1!important;
  font-size:15px!important;
  margin:0!important;
}

/* Compteurs / badges dans les en-têtes */
.wrap .header .stat,
.wrap .header .count,
.wrap .header .counter,
.wrap .header .pill,
.wrap .header .badge,
.wrap .hero .stat,
.wrap .hero .count,
.wrap .hero .counter,
.wrap .hero .pill,
.wrap .hero .badge{
  background:rgba(255,255,255,.14)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
  border-radius:14px!important;
  min-height:auto!important;
  height:auto!important;
  padding:10px 15px!important;
  font-size:14px!important;
  font-weight:900!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

.wrap .header .stats,
.wrap .hero .stats{
  display:flex!important;
  gap:10px!important;
  margin:0!important;
}

.wrap .header .stat *,
.wrap .hero .stat *{
  color:#ffffff!important;
}

/* Cartes pages documents / archives */
.wrap .card,
.wrap .panel,
.wrap .table-card{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  overflow:hidden!important;
  padding:0!important;
  margin-bottom:18px!important;
}

.wrap .card h2,
.wrap .panel h2,
.wrap .table-card h2{
  color:#064e3b!important;
  font-size:22px!important;
  font-weight:950!important;
  padding:18px 20px!important;
  margin:0!important;
  border-bottom:1px solid #e5e7eb!important;
}

.wrap .card form,
.wrap .panel form{
  padding:18px 20px!important;
}

/* Champs */
.wrap input,
.wrap select,
.wrap textarea{
  font-size:14px!important;
  padding:11px 13px!important;
  border-radius:12px!important;
  border:1px solid #d7dde5!important;
}

/* Tableaux pages simples */
.wrap .table-wrap{
  width:100%!important;
  overflow-x:auto!important;
}

.wrap table{
  width:100%!important;
  border-collapse:collapse!important;
  background:#ffffff!important;
  font-size:14px!important;
}

.wrap table th{
  background:#ecfdf5!important;
  color:#064e3b!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
  padding:13px 14px!important;
  border-bottom:1px solid #e5e7eb!important;
}

.wrap table td{
  padding:13px 14px!important;
  border-bottom:1px solid #e5e7eb!important;
  vertical-align:middle!important;
  color:#111827!important;
}

/* Actions */
.wrap .actions,
.wrap td .actions{
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}

.wrap .btn,
.wrap button,
.wrap a.btn{
  border-radius:11px!important;
  min-height:36px!important;
  padding:9px 13px!important;
  font-size:13px!important;
  font-weight:900!important;
  text-decoration:none!important;
  border:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Couleurs boutons */
.wrap .blue{background:#2563eb!important;color:#fff!important}
.wrap .green{background:#064e3b!important;color:#fff!important}
.wrap .red{background:#dc2626!important;color:#fff!important}
.wrap .dark{background:#111827!important;color:#fff!important}
.wrap .purple{background:#7c3aed!important;color:#fff!important}

/* Recherche / filtres documents */
.wrap .search-card,
.wrap .filters,
.wrap .filter-card{
  background:#ffffff!important;
  border:1px solid #e5e7eb!important;
  border-radius:20px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
  padding:18px 20px!important;
  margin-bottom:18px!important;
}

/* =========================================================
   CORRECTION UNIQUEMENT DU BLOC AJOUTER PRESTATAIRE
   Remplace le bandeau bleu par un vert JA propre.
========================================================= */

.forms-grid .form-card:nth-child(2) .form-head,
.form-card:nth-child(2) .form-head,
.form-card.prestataire .form-head{
  background:linear-gradient(135deg,#064e3b,#0b6b43)!important;
  border-bottom:1px solid rgba(255,255,255,.18)!important;
  opacity:1!important;
}

.forms-grid .form-card:nth-child(2) .form-head h2,
.form-card:nth-child(2) .form-head h2,
.form-card.prestataire .form-head h2{
  color:#ffffff!important;
  opacity:1!important;
  font-weight:900!important;
}

.forms-grid .form-card:nth-child(2) .form-head *,
.form-card:nth-child(2) .form-head *,
.form-card.prestataire .form-head *{
  color:#ffffff!important;
  opacity:1!important;
}

/* Bouton Ajouter le prestataire en vert JA */
.forms-grid .form-card:nth-child(2) .btn-submit,
.forms-grid .form-card:nth-child(2) button,
.form-card:nth-child(2) .btn-submit,
.form-card:nth-child(2) button,
.form-card.prestataire .btn-submit,
.form-card.prestataire button{
  background:#064e3b!important;
  color:#ffffff!important;
}

/* Responsive */
@media(max-width:900px){
  .wrap{
    max-width:100%!important;
    padding:14px!important;
  }

  .wrap .header,
  .wrap .hero{
    display:block!important;
    min-height:auto!important;
    padding:20px!important;
  }

  .wrap .header .stats,
  .wrap .hero .stats{
    margin-top:14px!important;
    flex-wrap:wrap!important;
  }
}

/* Couleur uniquement du bloc Ajouter un prestataire */
#prestataires .card-head{
  background:linear-gradient(135deg,#064e3b,#0b6b43)!important;
}

#prestataires .card-title{
  color:#ffffff!important;
  opacity:1!important;
}

#prestataires .card-icon{
  background:rgba(255,255,255,.16)!important;
  color:#ffffff!important;
}

#prestataires .btn-submit.blue{
  background:#064e3b!important;
  color:#ffffff!important;
  .avatar-salarie{
    width:42px;
    height:42px;
    border-radius:50%;
    overflow:hidden;
    background:#064e3b;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
}

.avatar-salarie img{
    width:100%;
    height:100%;
    object-fit:cover;
}
}