
	.vm-consult-container { 
	margin: 24px 0; 	
	}
    
	.vm-section-title { 
	font-size:1.5em; 
	margin-bottom:30px; 
	margin-top:90px;
	color:#2e7d32; 
	}
    
	.vm-consult-grid {
      display:grid;
      grid-template-columns:repeat(auto-fill, minmax(320px,1fr));
      gap:20px;
    }
    .vm-card {
      background:#fff; 
	  border-radius:8px;
	  box-shadow:0 2px 6px rgba(0,0,0,0.05);
      display:flex;
	  flex-direction:column;
	  transition:transform .2s,box-shadow .2s;
      overflow:hidden;
    }
	
    .vm-card:hover { 
	transform:translateY(-4px);
	box-shadow:0 4px 12px rgba(0,0,0,0.1); 
	}
    
	.vm-card-header {
      background:#b5995a59;
	  padding:12px 16px;
      display:flex;
	  justify-content:space-between;
	  align-items:center;
      border-bottom:1px solid #b5995aab;
    }
	
    .vm-card-id { 
	font-weight:bold; 
	color:#23282f; 
	}
    
	.vm-card-date { 
	font-size:15px; 
	color:#23282f; 
	}
   
    .vm-card-body { 
	padding:16px; 
	flex-grow:1; 
	color:#37474f; 
	}
   
    .vm-consultant-name { 
	font-weight:600; 
	margin-bottom:8px; 
	color:#1e3932; 
	}
   
    .vm-message-preview { 
	font-size:.95em; 
	line-height:1.4em; 
	}
  
    .vm-card-footer {
      padding:12px 16px; 
	  background:#f9fafb; 
	  border-top:1px solid #eceff1;
      text-align:right;
    }
	
    .vm-btn {
      background:#b5995a;
	  color:#fff !important;
	  border:none;
	  padding:8px 14px;
      border-radius:4px;
	  font-weight:600;
	  text-decoration:none;
      transition:background .2s;
    }
    .vm-btn:hover { 
	background:#b5995a; 
	}
   
   /* Détail caché */
    .vm-full-details { 
	display:none; 
	padding:16px; 
	border-top:1px solid #eceff1; 
	color:#37474f; 
	}
    
	.vm-card.expanded .vm-full-details { 
	display:block; 
	}
  
    .vm-reply-card { 
	max-width:700px; 
	margin:0 auto; 
	}
 
    .vm-reply-card textarea {
      width:100%; 
	  border:1px solid #cfd8dc; 
	  border-radius:4px;
      padding:10px; 
	  font-family:inherit; 
	  font-size:1em; 
	  resize:vertical;
    }
	
    .vm-btn-back { 
	background:#90a4ae; 
	margin-right:10px; 
	}

/* Vert quand disponible */
.vm-availability-banner .vm-btn.available {
  background-color: #28a745;
}

/* Rouge quand indisponible */
.vm-availability-banner .vm-btn.unavailable {
  background-color: #dc3545;
}

/* Cartes “À traiter” → orange */
.vm-card--open .vm-card-header {
  background-color: #e54d0059;
  color: #fff;
}

/* Cartes “En attente de modération” → bleu */
.vm-card--pending .vm-card-header {
  background-color: #19bec259;
  color: #fff;
}

/* Cartes “Historique” → vert doux (ou toute autre couleur) */
.vm-card--closed .vm-card-header {
  background-color: #b5995a59;
  color: #fff;
}

/* Pagination cartes consultation*/
.vm-pagination {
  text-align: center;
  margin: 1em 0;
  font-size: 0.95em;
}
.vm-pagination .vm-page-link {
  display: inline-block;
  margin: 0 .5em;
  padding: .3em .6em;
  background: #ddd;
  border: 1px solid #ddd;
  border-radius: 3px;
  text-decoration: none;
  color: #23282f;
}
.vm-pagination .vm-page-link:hover {
  background: #eaeaea;
}
.vm-pagination .vm-page-current {
  margin: 0 .5em;
  font-weight: bold;
  color: #323438;
}
