/* =========================================================
   App Santé — Patient Suivi CSS (mobile-first)
   =========================================================
   👁️ QUICK FIND: [AS-PATIENT-SUIVI-CSS]

   Chemin: /wp-content/plugins/appsante/public/assets/patient-suivi.css
*/

.appsante-suivi{ padding:16px; }
.appsante-suivi .muted{ opacity:.75; }
.appsante-suivi .small{ font-size:12px; }

.appsante-suivi-grid{
  display:grid;
  gap:14px;
  grid-template-columns: 1fr 1fr; /* desktop */
}

.appsante-suivi-grid .card{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius:14px;
  padding:16px;
  box-shadow:0 4px 18px rgba(0,0,0,.06);
}
.appsante-suivi-grid .card.full{ grid-column:1 / -1; }

.appsante-suivi label{ display:block; margin:10px 0 6px; font-weight:700; font-size:13px; }
.appsante-suivi input,
.appsante-suivi select,
.appsante-suivi textarea{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  font-size:16px;
}

.appsante-suivi .btn-primary{
  margin-top:12px;
  padding:14px 14px;
  border-radius:14px;
  border:none;
  background:#0b5cff;
  color:#fff;
  cursor:pointer;
  width:100%;
  height:52px;
  font-weight:800;
}

.appsante-suivi .btn-danger{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
  background:#fff;
  cursor:pointer;
}

.btn-ghost{
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.10);
  background:#f6f7f8;
  cursor:pointer;
  font-weight:700;
}

.as-suivi-chart-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

.as-suivi-chart-actions{ display:flex; gap:8px; align-items:center; }

.chart-wrap{ width:100%; padding-top:10px; }

.history-row{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid rgba(0,0,0,.06);
}
.history-row .k{ font-weight:900; }

/* =====================
   Mobile-first
   - 1 colonne
   - Évolution sous le formulaire
   ===================== */
@media (max-width: 820px){
  .appsante-suivi-grid{ grid-template-columns: 1fr; }
  .as-suivi-chart-head{ flex-direction:column; align-items:flex-start; }
  .as-suivi-chart-actions{ width:100%; }
  .as-suivi-chart-actions .btn-ghost{ flex:1; }
  .history-row{ flex-direction:column; }
  .history-row .right{ margin-top:8px; }
}