/* Écran de saisie d'une séance — refonte visuelle, CSS uniquement.
   Aucun changement de logique : mêmes boutons, mêmes champs, mêmes
   gestionnaires. Portée #v-add #quick-add-wrap (les couches précédentes
   utilisent !important). Ne fixe jamais `display` sur un élément que le
   JavaScript affiche ou masque. Suit l'accent du thème actif. */

#v-add #quick-add-wrap{position:relative;isolation:isolate}
#v-add #quick-add-wrap::before{content:'';position:absolute;z-index:-1;left:-20px;right:-20px;top:-40px;height:460px;pointer-events:none;background:radial-gradient(70% 55% at 80% 18%,rgba(var(--accent-rgb),.18),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='100'%3E%3Cpath d='M28 66L0 50L0 16L28 0L56 16L56 50L28 66L28 100' fill='none' stroke='%23fff' stroke-opacity='.06' stroke-width='1.2'/%3E%3C/svg%3E") 0 0/28px 50px;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent);mask-image:linear-gradient(to bottom,#000 30%,transparent)}

/* Barre « Séance en cours » */
#v-add #quick-add-wrap .logger-exit-bar{border-radius:18px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(14,14,18,.72)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
#v-add #quick-add-wrap .logger-exit-bar b{display:flex;align-items:center;gap:8px}
#v-add #quick-add-wrap .logger-exit-bar b::before{content:'';width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.8);animation:lgLive 1.8s ease-in-out infinite}
#v-add #quick-add-wrap .logger-exit-icon{border-radius:12px!important;background:rgba(var(--accent-rgb),.16)!important;color:var(--accent)!important}

/* En-tête de l'exercice */
#v-add #quick-add-wrap .logger-exercise-intro{position:relative;overflow:hidden;border-radius:24px!important;border:1px solid rgba(255,255,255,.08)!important;background:radial-gradient(110% 80% at 100% 0%,rgba(var(--accent-rgb),.2),transparent 60%),linear-gradient(160deg,#17171c,#0e0e11)!important;box-shadow:0 14px 32px rgba(0,0,0,.35)!important}
#v-add #quick-add-wrap .sx-head-name{font:900 30px/1 'Barlow Condensed',sans-serif!important;text-transform:uppercase;letter-spacing:.2px}
#v-add #quick-add-wrap .sx-head-chev{color:var(--accent)!important}
#v-add #quick-add-wrap .sx-head-pos{border-radius:999px!important;background:rgba(var(--accent-rgb),.16)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.45)}
#v-add #quick-add-wrap .ex-selected-preview>img,#v-add #quick-add-wrap .ex-selected-preview>video,#v-add #quick-add-wrap .ex-selected-preview>div:first-child{border-radius:16px!important;box-shadow:0 0 0 2px rgba(var(--accent-rgb),.45),0 10px 22px rgba(0,0,0,.4)!important}
#v-add #quick-add-wrap .ex-selected-preview-muscle{color:var(--accent)!important;letter-spacing:1.6px}
#v-add #quick-add-wrap .ex-selected-preview-cta{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;margin-top:6px;border-radius:999px;background:rgba(var(--accent-rgb),.14);color:#fff!important;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.4)}
#v-add #quick-add-wrap .ex-selected-preview-cta::before{content:'';width:0;height:0;border-left:7px solid var(--accent);border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}

/* Carte de saisie */
#v-add #quick-add-wrap .sx-card{position:relative;overflow:hidden;border-radius:26px!important;border:1px solid transparent!important;background:linear-gradient(170deg,#18181d,#0f0f12) padding-box,linear-gradient(140deg,rgba(var(--accent-rgb),.75),rgba(255,255,255,.08) 35%,rgba(255,255,255,.06) 70%,rgba(var(--accent-rgb),.45)) border-box!important;box-shadow:0 22px 50px rgba(0,0,0,.45),0 0 40px rgba(var(--accent-rgb),.12)!important}
#v-add #quick-add-wrap .sx-meta{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
#v-add #quick-add-wrap .sx-serie{border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:#fff!important;box-shadow:0 6px 16px rgba(var(--accent-rgb),.45)}
#v-add #quick-add-wrap .sx-last,#v-add #quick-add-wrap .sx-next{border-radius:999px!important}

/* Charge et répétitions */
#v-add #quick-add-wrap .sx-input>label{letter-spacing:1.6px;color:color-mix(in srgb,var(--accent) 50%,var(--muted))!important}
#v-add #quick-add-wrap .stepper{border-radius:20px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(0,0,0,.35)!important;box-shadow:inset 0 2px 10px rgba(0,0,0,.4)}
#v-add #quick-add-wrap .step-input{font:900 44px/1 'Barlow Condensed',sans-serif!important;color:#fff!important;text-shadow:0 0 22px rgba(var(--accent-rgb),.35)}
#v-add #quick-add-wrap .step-btn{color:var(--accent)!important;font-size:26px!important;transition:background .15s,transform .15s}
#v-add #quick-add-wrap .step-btn:active{background:rgba(var(--accent-rgb),.18)!important;transform:scale(.92)}

/* Valider + repos */
#v-add #quick-add-wrap .sx-validate{position:relative;overflow:hidden;border-radius:20px!important;background:radial-gradient(120% 140% at 100% 0%,rgba(255,255,255,.25),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--accent) 72%,#fff),var(--accent) 50%,color-mix(in srgb,var(--accent) 70%,#000))!important;box-shadow:0 14px 30px rgba(var(--accent-rgb),.45),inset 0 1px 0 rgba(255,255,255,.35)!important;font-size:19px!important;letter-spacing:.6px}
#v-add #quick-add-wrap .sx-validate::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);transform:translateX(-120%);animation:lgShine 3.8s cubic-bezier(.4,0,.2,1) infinite 1s;pointer-events:none}
#v-add #quick-add-wrap .sx-validate:active{transform:scale(.97)}
#v-add #quick-add-wrap .sx-rest{border-radius:20px!important;border:1px solid rgba(255,255,255,.1)!important;background:rgba(255,255,255,.04)!important}
#v-add #quick-add-wrap .sx-rest b{font:900 26px/1 'Barlow Condensed',sans-serif!important}
/* Jauge de repos : intégrée en bas du bouton au lieu d'une barre collée dessous.
   Le JavaScript ne fait que l'afficher et régler son scaleX, comme avant. */
#v-add #quick-add-wrap .sx-rest-wrap{position:relative}
#v-add #quick-add-wrap .sx-rest-bar{position:absolute;z-index:2;left:12px;right:12px;bottom:9px;height:4px;margin:0!important;border-radius:999px!important;background:rgba(255,255,255,.1)!important;overflow:hidden;pointer-events:none}
#v-add #quick-add-wrap .sx-rest-bar i{border-radius:inherit;background:linear-gradient(90deg,var(--accent2),var(--accent))!important;box-shadow:0 0 8px rgba(var(--accent-rgb),.8)}
#v-add #quick-add-wrap .sx-rest.resting{padding-bottom:18px!important;border-color:rgba(var(--accent-rgb),.55)!important;background:radial-gradient(120% 90% at 50% 0%,rgba(var(--accent-rgb),.18),transparent 70%),rgba(255,255,255,.03)!important;box-shadow:0 0 22px rgba(var(--accent-rgb),.22)!important}
#v-add #quick-add-wrap .sx-rest.resting #sx-rest-lbl{white-space:nowrap;font-size:9px!important;letter-spacing:.6px!important}
#v-add #quick-add-wrap .sx-rest-actions button{border-radius:14px!important}

/* Séries validées */
#v-add #quick-add-wrap .sets-list-head span{color:#fff!important;letter-spacing:1.6px}
#v-add #quick-add-wrap .set-row{border-radius:16px!important;border:1px solid rgba(255,255,255,.06)!important;background:rgba(255,255,255,.03)!important;margin-top:8px;padding-left:10px!important;padding-right:10px!important}
#v-add #quick-add-wrap .set-num{display:grid!important;place-items:center;justify-content:center!important;flex:0 0 30px;width:30px!important;height:30px!important;padding:0!important;text-align:center;line-height:1;border-radius:50%;background:linear-gradient(135deg,var(--accent2),var(--accent))!important;color:#fff!important;font-weight:800;box-shadow:0 4px 12px rgba(var(--accent-rgb),.4)}
#v-add #quick-add-wrap .set-best{background:linear-gradient(135deg,#ffe2a6,#fbbf24)!important;color:#2a1a00!important;font-weight:800}
#v-add #quick-add-wrap .set-check{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(34,197,94,.16);color:#4ade80!important}
#v-add #quick-add-wrap .set-pts-v{font-weight:800;color:#fff!important}
#v-add #quick-add-wrap .set-row-new{animation:lgSetIn .5s cubic-bezier(.16,1,.3,1) both}

/* Enregistrer l'exercice */
#v-add #quick-add-wrap .sx-save{border:0!important;border-radius:20px!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;color:#fff!important;box-shadow:0 14px 30px rgba(34,197,94,.35),inset 0 1px 0 rgba(255,255,255,.3)!important}

/* Sections repliables */
#v-add #quick-add-wrap>details,#v-add #quick-add-wrap .sx-more{border-radius:18px}

@keyframes lgLive{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes lgShine{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
@keyframes lgSetIn{from{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:none}}

@media(max-width:360px){
  #v-add #quick-add-wrap .step-input{font-size:36px!important}
  #v-add #quick-add-wrap .sx-head-name{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){
  #v-add #quick-add-wrap *,#v-add #quick-add-wrap *::before,#v-add #quick-add-wrap *::after{animation:none!important;transition:none!important}
}

/* 12 séries atteintes : le bouton se met en retrait, plus de « série 13 ». */
#v-add #quick-add-wrap .sx-validate.is-max{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;color:#cfcac5!important;cursor:default}
#v-add #quick-add-wrap .sx-validate.is-max::after{content:none}
#v-add #quick-add-wrap .sx-validate.is-max:active{transform:none}

/* Séance commencée il y a plus de 24 h : carte de l'app, au-dessus de la barre d'onglets. */
#stale-draft-banner{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:9999;transform:translateX(-50%);
  display:flex;align-items:center;gap:8px;width:min(92vw,420px);padding:12px 12px 12px 14px;border-radius:18px;
  background:linear-gradient(165deg,#1b1a1f,#111114);border:1px solid rgba(var(--accent-rgb),.35);box-shadow:0 14px 34px rgba(0,0,0,.55);
  animation:pwFade .3s ease both}
#stale-draft-banner .sdb-copy{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
#stale-draft-banner .sdb-copy b{font:700 13px/1.25 'Barlow',sans-serif;color:#f2eee9}
#stale-draft-banner .sdb-copy small{font-size:11.5px;line-height:1.3;color:#a29e9a}
#stale-draft-banner button{flex:0 0 auto;min-height:44px;padding:0 12px;border-radius:12px;font:700 13px/1 'Barlow',sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent}
#stale-draft-banner .sdb-keep{border:0;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff}
#stale-draft-banner .sdb-drop{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#e9e5e0}
#stale-draft-banner button:active{transform:scale(.97)}
#stale-draft-banner button:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#stale-draft-banner,#stale-draft-banner *{animation:none!important;transition:none!important}}