/* Espace client v-w : carte d'abord, infos discrètes, bleu de l'accueil */
@media(min-width:861px){
html body #dashboard .workspace-content:has([data-screen=passports]:not([hidden]) #member-overview:not([hidden]))>.session,
html body #dashboard .workspace-content:has([data-screen=passports]:not([hidden]) #member-overview:not([hidden]))>.workspace-heading{display:none!important}}
html body #dashboard .workspace-screen[data-screen=passports]{display:flex;flex-direction:column;gap:18px}
html body #dashboard .workspace-screen[data-screen=passports]>[hidden]{display:none!important}
html body #dashboard #member-overview.mo2{display:contents}
html body #dashboard #member-overview.mo2[hidden]{display:none!important}
html body #dashboard #member-overview .mo2-head{order:0}
html body #dashboard #passport-area{order:1}
html body #dashboard #member-overview .mo2-stats{order:2}
html body #dashboard #member-overview .mo2-next{order:3}
html body #dashboard #member-overview .mo2-steps{order:4}
html body #dashboard .workspace-screen[data-screen=passports]>details.form-card{order:5}
html body #dashboard #member-overview .tp-clarity{order:6}
/* bandeau */
html body #dashboard .mo2-head{position:relative;overflow:hidden;border:0;border-radius:28px;padding:26px 30px;gap:18px;color:#fff;
 background:linear-gradient(90deg,rgba(10,26,64,.88),rgba(10,26,64,.45)),url(/public/images/mission-communaute.webp) 50% 55%/cover;box-shadow:0 14px 34px rgba(15,34,80,.22)}
html body #dashboard .mo2-head .mo2-av{width:56px;height:56px;font-size:24px;box-shadow:0 6px 16px rgba(237,32,56,.4)}
html body #dashboard .mo2-head .mo2-who h3{color:#fff;font-size:26px}
html body #dashboard .mo2-head .mo2-who p{color:#d6e0f5}
html body #dashboard .mo2-head .mo2-out{background:rgba(255,255,255,.14)!important;color:#fff!important;border:1px solid rgba(255,255,255,.45)!important;backdrop-filter:blur(4px);min-height:42px}
/* discret */
html body #dashboard .mo2-stats{display:flex;flex-wrap:wrap;gap:8px;grid-template-columns:none}
html body #dashboard .mo2-stats li{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid #e6eaf1}
html body #dashboard .mo2-stats .mo2-ic{display:none}
html body #dashboard .mo2-stats b{font-size:14px;color:#ed2038;line-height:1}
html body #dashboard .mo2-stats small{font-size:13px;color:#4a5b70}
html body #dashboard .mo2-next{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;padding:12px 18px;border-radius:18px;background:#fff}
html body #dashboard .mo2-next small{font-size:12px}
html body #dashboard .mo2-next h4{font-size:16px;margin:0}
html body #dashboard .mo2-next p{font-size:13px;flex:1 1 240px;max-width:none;color:#5b6b80}
html body #dashboard .mo2-next .mo2-cta{margin:0;min-height:36px;padding:0 18px;font-size:13px;box-shadow:0 6px 14px rgba(237,32,56,.25)}
html body #dashboard .mo2-steps{gap:6px}html body #dashboard .mo2-steps i{height:4px;margin-bottom:4px}
html body #dashboard .mo2-steps span{font-size:11.5px}
html body #dashboard .tp-clarity{font-size:12px;color:#8a97ab;margin:0}
/* cartes blanches arrondies */
html body #dashboard #scooter-list .scooter-card.sc2,html body #dashboard #scooter-list .sc2-bc{border-radius:28px!important;border:1px solid #e6eaf1!important;box-shadow:0 10px 30px rgba(20,36,60,.08)!important;background:#fff}
html body #dashboard #scooter-list .sc2-bc{padding:20px 22px;display:grid;gap:12px;align-content:start}
html body #dashboard #scooter-list .sc2-pair{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:22px}
html body #dashboard #scooter-list{gap:22px!important}
html body #dashboard #scooter-list .sc2 .sc2-btn.p{background:linear-gradient(135deg,#ed2038,#ff5a4d)!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(237,32,56,.25)}
html body #dashboard #scooter-list .sc2 .sc2-btn{border-radius:12px!important;border-color:#ed2038!important}
html body #dashboard #scooter-list .sc2 .sc2-row:nth-child(1) .sc2-i:first-child{background:#fdebee;color:#ed2038;border-radius:10px;width:38px;height:38px}
html body #dashboard #scooter-list .sc2 .sc2-row:nth-child(2) .sc2-i:first-child{background:#fff3df;color:#d98200;border-radius:10px;width:38px;height:38px}
html body #dashboard #scooter-list .sc2 .sc2-row:nth-child(3) .sc2-i:first-child{background:#e8f0fc;color:#1c4bab;border-radius:10px;width:38px;height:38px}
/* carte de visite BLEUE, format réel */
.sc2-bc .bc-scene{max-width:none!important;container-type:inline-size;border-radius:5%/8%}
.sc2-bc .bc-face{border:0!important;border-radius:5%/8%!important;color:#fff;box-shadow:0 18px 40px rgba(15,34,80,.35)!important;padding:0!important}
.sc2-bc .bc-front,.sc2-bc .bc-back{background:radial-gradient(circle at 92% 8%,#4f7be0 0,transparent 48%),linear-gradient(135deg,#1c4bab 0%,#16358a 55%,#0f2250 100%)!important}
.sc2-bc .bc-front{padding:5cqw 6cqw!important;gap:0!important;justify-content:flex-start;display:flex;flex-direction:column}
.sc2-bc .bc-front:after{content:"";position:absolute;right:-14cqw;bottom:-20cqw;width:56cqw;height:56cqw;border-radius:50%;border:8cqw solid rgba(255,255,255,.07);pointer-events:none}
.sc2-bc .bc-logo{display:flex;align-items:center;gap:2.4cqw;color:#fff}
.sc2-bc .bc-logo img{height:8.6cqw!important;width:8.6cqw!important;padding:.9cqw;background:#fff;border-radius:2.2cqw;box-sizing:border-box}
.sc2-bc .bc-lt b{display:block;font-size:3.6cqw;letter-spacing:.04em;line-height:1.1}
.sc2-bc .bc-lt small{display:block;font-size:1.9cqw;letter-spacing:.16em;color:#cdd9f5;font-weight:700;margin-top:.5cqw}
.sc2-bc .bc-chip{width:10cqw;height:7.2cqw;margin-top:4.5cqw;border-radius:1.6cqw}
.sc2-bc .bc-mid{max-width:64%;position:relative;z-index:1}
.sc2-bc .bc-mid h4{color:#fff;font-size:6.2cqw!important;margin:0}
.sc2-bc .bc-mid p{color:#cdd9f5;font-size:3.1cqw;margin:.6cqw 0 2.2cqw}
.sc2-bc .bc-pill{font-size:2.7cqw;padding:1cqw 2.6cqw;background:rgba(255,255,255,.18);color:#fff}
.sc2-bc .bc-pill.w{background:#ffe3a8;color:#7a4a00}
.sc2-bc .bc-qr{right:6cqw;bottom:5cqw;width:23cqw;border:0;border-radius:2.4cqw;padding:1.3cqw;box-sizing:border-box;z-index:1}
.sc2-bc .bc-strip{background:rgba(6,14,40,.55)!important}
.sc2-bc .bc-back dl{padding:5cqw 6cqw 0;font-size:3.2cqw;grid-template-columns:22cqw 1fr}
.sc2-bc .bc-back dt{color:#a9bbe8}.sc2-bc .bc-back dd{color:#fff}.sc2-bc .bc-back small{color:#a9bbe8;font-size:2.6cqw}
.sc2-bc .bc-shield{position:absolute;right:6cqw;bottom:5cqw;height:auto;width:9cqw;background:#fff;border-radius:2.2cqw;padding:1.2cqw;box-sizing:border-box}
.sc2-bc .bc-shield img{display:block;width:100%}
.sc2-bc .bc-seg button.on{background:#14263f!important;color:#fff!important}
.sc2-bc .bc-opt.on{border-color:#ed2038;background:#fdf1f3}
.sc2-bc .bc-go{background:linear-gradient(135deg,#ed2038,#ff5a4d)!important;border-radius:12px!important;box-shadow:0 8px 18px rgba(237,32,56,.25)}
.sc2-bc .bc-dl{max-width:none;box-shadow:none;border:1px solid #e6eaf1;padding:12px 14px}
.sc2-bc .bc-fmt{background:#e8f0fc;color:#1c4bab}
@media(max-width:900px){html body #dashboard #scooter-list .sc2-pair{grid-template-columns:minmax(0,1fr)}html body #dashboard .mo2-head{padding:16px}html body #dashboard .mo2-head .mo2-who h3{font-size:20px}}