/* Oqora CRM · styles de Ma journée et du Premier jour (lot J).
   Toutes les règles sont préfixées par la classe racine de la section (.s-journee) ; aucun jeton :root ici (ceux de
   crm.css, lot 0). Téléphone (< 640 px) : une colonne, boutons pleine largeur de 44 px, aucun défilement horizontal. */
.s-journee{ display:block; }
.s-journee .sj{ display:flex; flex-direction:column; gap:var(--sp-5); max-width:920px; min-width:0; }
.s-journee .sj-bloc{ min-width:0; }
.s-journee .sj-chargement{ padding:var(--sp-6); }

/* ---- titre du jour et compteurs ---- */
.s-journee .sj-compteurs{ display:flex; flex-direction:column; gap:var(--sp-3); }
.s-journee .sj-jour{ font-size:var(--fs-xl); font-weight:750; }
.s-journee .sj-compteurs-liste{ display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.s-journee .sj-compteur{ min-height:var(--tap); padding:0 var(--sp-4); border:0; border-radius:var(--r-full);
  background:var(--surface); color:var(--ink); font:inherit; font-weight:650; cursor:pointer;
  box-shadow:inset 0 0 0 1px var(--rule), var(--sh-1); }
.s-journee .sj-compteur:hover{ color:var(--bleu); box-shadow:inset 0 0 0 1px var(--bleu), var(--sh-1); }

/* ---- carte « Maintenant » ---- */
.s-journee .sj-maintenant{ border-left:4px solid var(--bleu); padding:var(--sp-5); }
.s-journee .sj-eyebrow{ margin:0 0 var(--sp-2); font-size:var(--fs-xs); font-weight:750; letter-spacing:.08em;
  text-transform:uppercase; color:var(--bleu); }
.s-journee .sj-rien p{ margin:0 0 var(--sp-3); font-weight:600; }
.s-journee .sj-ligne--grande .sj-raison{ font-size:var(--fs-md); }
.s-journee .sj-ligne--grande, .s-journee .sj-ligne--grande.sj-ligne--retard{ border:0; padding:0;
  background:transparent; box-shadow:none; }

/* ---- bandeaux de la journée, premier jour ---- */
.s-journee .sj-bandeaux{ display:flex; flex-direction:column; gap:var(--sp-2); }
.s-journee .sj-bandeau{ margin:0; padding:var(--sp-2) var(--sp-3); border-radius:var(--r-sm); background:var(--ambre-tint);
  color:var(--ambre); font-size:var(--fs-sm); font-weight:600; }
.s-journee .sj-premier{ display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3);
  flex-wrap:wrap; padding:var(--sp-4); }
.s-journee .sj-premier p{ margin:0; font-weight:600; }

/* ---- titres de blocs et groupes ---- */
.s-journee .sj-titre-bloc{ margin-bottom:var(--sp-3); }
.s-journee .sj-titre-bloc h2{ font-size:var(--fs-lg); font-weight:750; }
.s-journee .sj-aide{ margin:2px 0 var(--sp-2); font-size:var(--fs-sm); }
.s-journee .sj-groupe{ background:var(--surface); border-radius:var(--r-lg); box-shadow:var(--sh-1);
  padding:var(--sp-4); margin-bottom:var(--sp-3); }
.s-journee .sj-groupe--ici{ box-shadow:inset 0 0 0 2px var(--bleu), var(--sh-1); }
.s-journee .sj-groupe-tete{ display:flex; align-items:center; gap:var(--sp-2); }
.s-journee .sj-groupe-tete h3{ font-size:var(--fs-md); font-weight:750; }
.s-journee .sj-ici{ padding:4px 10px; font-size:var(--fs-xs); }
.s-journee .sj-vide{ padding:var(--sp-3); text-align:left; }
.s-journee .sj-sous-bloc{ margin-top:var(--sp-4); }
.s-journee .sj-sous-bloc h4{ font-size:var(--fs-base); font-weight:750; color:var(--ink-soft); }
.s-journee .sj-anciennes{ margin:0 0 var(--sp-3); padding:var(--sp-3) var(--sp-4); background:var(--bande);
  border-radius:var(--r-md); }
.s-journee .sj-anciennes summary, .s-journee .sj-bouge summary, .s-journee .sj-fait summary{ cursor:pointer;
  min-height:var(--tap); display:flex; align-items:center; gap:var(--sp-2); font-weight:700; }
.s-journee .sj-ecrire{ display:flex; flex-direction:column; gap:var(--sp-2); }
.s-journee .sj-ecrire p{ margin:0; }

/* ---- lignes ---- */
.s-journee .sj-liste{ display:flex; flex-direction:column; gap:var(--sp-2); }
.s-journee .sj-ligne{ padding:var(--sp-3) var(--sp-4); border-radius:var(--r-md); background:var(--surface);
  box-shadow:inset 0 0 0 1px var(--rule-soft); min-width:0; overflow-wrap:anywhere; }
.s-journee .sj-ligne--retard{ box-shadow:inset 3px 0 0 var(--rouge), inset 0 0 0 1px var(--rule-soft); }
.s-journee .sj-ligne--retard .sj-autres{ color:var(--rouge); }
.s-journee .sj-ligne--inactive{ opacity:.62; }
.s-journee .sj-ligne-haut{ display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-2); }
.s-journee .sj-raison{ margin:0; font-weight:650; }
.s-journee .sj-heure{ font-weight:800; color:var(--bleu); }
.s-journee .sj-compte{ padding:3px 10px; font-size:var(--fs-xs); flex:none; }
.s-journee .sj-nom{ display:inline-block; padding:0; margin:2px 0; border:0; background:none; color:var(--bleu);
  font:inherit; font-weight:700; text-align:left; cursor:pointer; min-height:28px; }
.s-journee .sj-autres, .s-journee .sj-centre, .s-journee .sj-extrait, .s-journee .sj-tel, .s-journee .sj-fenetre{
  margin:2px 0; font-size:var(--fs-sm); }
.s-journee .sj-extrait{ color:var(--ink-soft); font-style:italic; }
.s-journee .sj-fenetre{ color:var(--ambre); font-weight:650; }
.s-journee .sj-fenetre--fermee{ color:var(--ink-faint); }
.s-journee .sj-tel-num{ font-size:var(--fs-lg); font-weight:800; letter-spacing:.02em; }
.s-journee .sj-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-2); margin-top:var(--sp-2); }
.s-journee .btn.sj-cadenas[aria-disabled="true"]{ opacity:.55; box-shadow:none; }
.s-journee .btn.sj-cadenas svg{ width:14px; height:14px; margin-right:4px; flex:none; }

/* ---- « À régler » : une carte orange par personne ---- */
.s-journee .sj-alerte{ border-left:4px solid var(--ambre-vif); background:var(--ambre-tint); margin-bottom:var(--sp-2);
  padding:var(--sp-4); }
.s-journee .sj-alerte-partie + .sj-alerte-partie{ margin-top:var(--sp-3); padding-top:var(--sp-3);
  border-top:1px solid var(--rule); }
.s-journee .sj-alerte-texte{ margin:0; font-weight:650; }
.s-journee .sj-photo{ float:right; width:44px; height:44px; border-radius:50%; object-fit:cover; margin-left:var(--sp-2); }

/* ---- « Ce qui a bougé », « Fait aujourd'hui », premier jour ---- */
.s-journee .sj-bouge, .s-journee .sj-fait{ background:var(--surface); border-radius:var(--r-lg); box-shadow:var(--sh-1);
  padding:var(--sp-2) var(--sp-4); }
.s-journee .sj-simple{ list-style:none; margin:0; padding:0 0 var(--sp-2); display:flex; flex-direction:column;
  gap:var(--sp-2); }
.s-journee .sj-simple li{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2); }
.s-journee .sj-pj{ gap:var(--sp-3); }
.s-journee .sj-pj-intro{ margin:0; font-size:var(--fs-md); font-weight:650; }
.s-journee .sj-pj-texte{ margin:0; font-weight:700; }
.s-journee .sj-pj-ligne{ margin-top:var(--sp-3); }
.s-journee .sj-pj-ligne p{ margin:0; }
.s-journee .sj-terminer{ display:flex; flex-direction:column; gap:var(--sp-3); }

/* ---- téléphone ---- */
@media (max-width:640px){
  .s-journee .sj{ gap:var(--sp-3); }
  .s-journee .sj-jour{ font-size:var(--fs-lg); }
  .s-journee .sj-compteur{ flex:1 1 auto; padding:0 var(--sp-3); }
  .s-journee .sj-maintenant{ padding:var(--sp-4); }
  .s-journee .sj-groupe{ padding:var(--sp-3); }
  .s-journee .sj-ligne{ padding:var(--sp-3); }
  .s-journee .sj-actions{ flex-direction:column; }
  .s-journee .btn{ width:100%; min-height:var(--tap); white-space:normal; text-align:center; }
  .s-journee .sj-nom{ min-height:var(--tap); }
}