/* V6.20 — ajustements client ciblés, sans toucher aux écrans Mentor et aux cartes blanches. */
body[data-ui-mode="client"] .li-permissions-v587 #liPermissionsLaterV587{
  background:#282b30!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
  border:1px solid rgba(236,215,143,.75)!important;opacity:1!important;
}
body[data-ui-mode="client"] .li-permissions-v587 #liPermissionsFinishV620{
  background:linear-gradient(135deg,#f8df60,#dab448)!important;color:#101114!important;
  -webkit-text-fill-color:#101114!important;border:1px solid #efd265!important;font-weight:800;
}
body[data-ui-mode="client"] .li-permissions-v587-dialog .li-permissions-v587-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
body[data-ui-mode="client"] .li-permissions-v587-actions #liPermissionsFinishV620{grid-column:1/-1}
@media(max-width:410px){body[data-ui-mode="client"] .li-permissions-v587-dialog{gap:12px!important;max-height:calc(100dvh - 18px)!important;}}
/* Arrondi demandé: coin inférieur droit du menu PC, en conservant son flottement. */
@media(min-width:1000px){
  body[data-ui-mode="client"] .mainnav[data-mode="client"]{
    position:fixed!important;top:72px!important;left:0!important;right:auto!important;
    transform:none!important;margin-left:0!important;
    bottom:12px!important;height:calc(100dvh - 84px)!important;max-height:calc(100dvh - 84px)!important;
    width:var(--li-desktop-sidebar,220px)!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:flex-start!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    border-radius:0 18px 24px 0!important;
    border-right:1px solid rgba(226,189,77,.38)!important;
    box-shadow:10px 10px 32px rgba(0,0,0,.25)!important;
    background:linear-gradient(135deg,#090a0c 0%,#25282b 57%,#54585d 100%)!important;
    background-image:linear-gradient(135deg,#090a0c 0%,#25282b 57%,#54585d 100%)!important;
    background-size:100% 100%!important;
    padding:clamp(8px,2vh,16px) 12px 42px!important;
    z-index:150!important;
  }
  body[data-ui-mode="client"] .mainnav[data-mode="client"] > button{
    flex-shrink:0!important;border-radius:14px!important;
    background:linear-gradient(133deg,#101113 0%,#393c41 100%)!important;
  }
  body[data-ui-mode="client"] .mainnav[data-mode="client"] > button.active{
    background:linear-gradient(135deg,#fff351 0%,#d5b430 100%)!important;
  }
}
/* Dégradé client noir -> gris moyen, texte et icônes préservés. */
body[data-ui-mode="client"] :is(
  .daily-checkin-card,.discipline-card,.nutrition-water-card-v606,
  .nutrition-daily-card,.nutrition-rdv-card,.nutrition-photo-card,
  .nutrition-macro-card,.nutrition-micro-card,.nutrition-gauge,
  .client-practice-page .practice-panel,
  .contents-hub-card:not(.active),.nutrition-hub-card:not(.active),
  .account-session-card:not(.account-health-source),
  .li-push-diagnostics-card-v618
){
  background:linear-gradient(135deg,#0b0c0e 0%,#292c31 55%,#555960 100%)!important;
  background-image:linear-gradient(135deg,#0b0c0e 0%,#292c31 55%,#555960 100%)!important;
}
body[data-ui-mode="client"] :is(.daily-checkin-card,.discipline-card,.nutrition-water-card-v606) :is(h2,h3,p,small){
  text-shadow:none!important;
}
/* Historique de l'eau accessible en fenêtre, jamais permanent dans la page. */
body[data-ui-mode="client"] .li-water-history-v620{border:1px solid rgba(236,212,130,.38);border-radius:15px;padding:15px;
  background:linear-gradient(135deg,#141618,#35393c);color:#fff;max-width:min(440px,94vw);width:calc(100% - 20px);
  max-height:80dvh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.6);}
body[data-ui-mode="client"] .li-water-history-v620::backdrop{background:rgba(0,0,0,.7);}
body[data-ui-mode="client"] .li-water-history-v620 .li-water-entry-v620{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 3px;border-bottom:1px solid #7777;color:#fff;}
body[data-ui-mode="client"] .li-water-history-v620 .li-water-entry-v620 button{min-height:35px;background:#212428;color:#fff;border:1px solid #b9a45c;border-radius:10px;padding:6px 9px;}
body[data-ui-mode="client"] #liWaterHistoryOpenV620{margin-top:10px;background:#292c2f;color:#fff;border:1px solid #c9aa50;border-radius:11px;padding:12px;}
@media(max-width:600px){body[data-ui-mode="client"] .li-water-history-v620{max-height:78dvh;}}