/* Mon espace v-s : cohérent, lisible, clair (aucun grand bloc bleu) */
html body #dashboard{--ec-ink:#0e2147;--ec-mute:#5d6f90;--ec-line:#dbe4ef;--ec-red:#d8232a}
@media(min-width:861px){
html body #dashboard.workspace:not([hidden]){display:grid!important;grid-template-columns:250px minmax(0,1fr);gap:34px;align-items:start;background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
html body #dashboard.workspace>nav{position:sticky;top:20px;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;display:flex;flex-direction:column;gap:4px;width:auto!important}
html body #dashboard .workspace-content{background:none!important;box-shadow:none!important;border:0!important;padding:0!important}
}
/* menu */
html body #dashboard .sidebar-brand{display:flex;flex-direction:row;align-items:center;gap:12px;text-align:left;padding:0 6px 20px}
html body #dashboard .sidebar-brand img{width:34px;height:auto}
html body #dashboard .sidebar-brand strong{font-size:17px;color:var(--ec-ink);letter-spacing:-.02em}
html body #dashboard .sidebar-brand small{display:none}
html body #dashboard.workspace>nav>button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:14px;background:transparent;color:#3a4d73;font-size:15px;font-weight:600;text-align:left;box-shadow:none;cursor:pointer;min-height:48px}
html body #dashboard.workspace>nav>button .sidebar-number{display:none}
html body #dashboard.workspace>nav>button:before{content:"";flex:none;width:26px;height:26px;background:center/contain no-repeat}
html body #dashboard.workspace>nav>button:hover{background:#ffffffaa}
html body #dashboard.workspace>nav>button.active,html body #dashboard.workspace>nav>button.active:not(:disabled),html body #dashboard.workspace>nav>button[aria-current=true],html body #dashboard.workspace>nav>button[aria-selected=true],html body #dashboard.workspace>nav>button.on{background:#fff;color:var(--ec-ink);box-shadow:0 0 0 1px var(--ec-line),0 8px 16px -10px #0e214766}
html body #dashboard.workspace>nav>button:focus-visible{outline:3px solid #1c4bab;outline-offset:2px}
html body #dashboard.workspace>nav>button:nth-of-type(1):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='16' cy='48' r='8' fill='%230e2147'/%3E%3Ccircle cx='50' cy='48' r='8' fill='%230e2147'/%3E%3Cpath d='M16 48h30L40 14h-8' stroke='%232b3a52' stroke-width='5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='28' y='8' width='18' height='6' rx='3' fill='%23d8232a'/%3E%3C/svg%3E")}
html body #dashboard.workspace>nav>button:nth-of-type(2):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='22' r='12' fill='%236c9bf5'/%3E%3Cpath d='M10 56c2-14 12-20 22-20s20 6 22 20z' fill='%231c4bab'/%3E%3C/svg%3E")}
html body #dashboard.workspace>nav>button:nth-of-type(3):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M32 4C20 4 12 13 12 24c0 15 20 36 20 36s20-21 20-36C52 13 44 4 32 4z' fill='%23d8232a'/%3E%3Ccircle cx='32' cy='24' r='9' fill='%23fff'/%3E%3C/svg%3E")}
html body #dashboard.workspace>nav>button:nth-of-type(4):before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M27 4h10l2 7 5 3 7-3 5 8-6 5v6l6 5-5 8-7-3-5 3-2 7H27l-2-7-5-3-7 3-5-8 6-5v-6l-6-5 5-8 7 3 5-3z' fill='%238a99ad'/%3E%3Ccircle cx='32' cy='32' r='9' fill='%23eef5fb'/%3E%3C/svg%3E")}
html body #dashboard .sidebar-footer{margin-top:22px;padding:14px;border-radius:14px;background:#e1ebf7;box-shadow:none;border:0}
html body #dashboard .sidebar-footer .sidebar-free{font-size:13px;font-weight:700;color:var(--ec-ink);text-transform:none;letter-spacing:0}
html body #dashboard .sidebar-footer p{font-size:12.5px;line-height:1.5;color:#3a4d73;margin:4px 0 6px}
html body #dashboard .sidebar-footer a{color:var(--ec-red);font-weight:700}
/* salutation : ligne claire, plus de photo */
html body #dashboard .mo2-head{background:none!important;box-shadow:none!important;color:var(--ec-ink)!important;padding:0 0 4px!important;border-radius:0}
html body #dashboard .mo2-head .mo2-av{background:var(--ec-red);box-shadow:none;width:46px;height:46px;font-size:19px}
html body #dashboard .mo2-head .mo2-who h3{color:var(--ec-ink)!important;font-size:22px}
html body #dashboard .mo2-head .mo2-who p{color:var(--ec-mute)!important;font-size:14px}
html body #dashboard .mo2-head .mo2-out{background:#fff!important;color:var(--ec-ink)!important;border:1px solid var(--ec-line)!important;backdrop-filter:none;font-weight:600}
/* scène : carte blanche, photo claire */
html body #dashboard #tp-stage.tps{background:#fff;border-radius:30px;box-shadow:0 0 0 1px var(--ec-line),0 30px 50px -38px #0e214788;padding:30px 34px 120px;overflow:hidden}
html body #dashboard .tps-sw button{background:#eef3f9;color:var(--ec-mute)}html body #dashboard .tps-sw button.on{background:var(--ec-ink);color:#fff}
html body #dashboard .tps-sc{margin-left:auto;margin-right:clamp(0px,22%,300px);width:min(540px,100%)}
html body #dashboard .tps-aux{position:absolute;left:34px;bottom:30px;display:flex;gap:10px;flex-wrap:wrap}
html body #dashboard .tps-hint{position:absolute;left:34px;bottom:84px;margin:0;max-width:260px;font-size:13px}
html body #dashboard .tps-dock{right:30px;bottom:26px}
html body #dashboard .tps-ic{background:#f6f9fd;width:96px}
/* chiffres : une seule bande */
html body #dashboard .mo2-stats{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:0!important;background:#fff;border-radius:22px;box-shadow:0 0 0 1px var(--ec-line);overflow:hidden}
html body #dashboard .mo2-stats li{display:block!important;border:0!important;border-right:1px solid var(--ec-line)!important;border-radius:0!important;padding:16px 22px!important;background:none!important}
html body #dashboard .mo2-stats li:last-child{border-right:0!important}
html body #dashboard .mo2-stats b{display:block;font-size:32px!important;font-weight:300;letter-spacing:-.04em;color:var(--ec-ink)!important}
html body #dashboard .mo2-stats small{font-size:13px!important;color:var(--ec-mute)!important}
/* prochaine étape */
html body #dashboard .mo2-next{background:#fff!important;border:0!important;border-radius:22px!important;box-shadow:0 0 0 1px var(--ec-line);padding:18px 22px!important;gap:4px 18px!important}
html body #dashboard .mo2-next small{color:var(--ec-red);font-weight:700;flex-basis:100%}
html body #dashboard .mo2-next h4{font-size:19px!important;color:var(--ec-ink)}
html body #dashboard .mo2-next p{font-size:14px!important;color:var(--ec-mute)!important}
html body #dashboard .mo2-next .mo2-cta{background:var(--ec-red)!important;margin-left:auto;min-height:42px;padding:0 22px;font-size:14px}
html body #dashboard .mo2-steps i{height:5px!important;border-radius:5px}
html body #dashboard .mo2-steps .cur i{background:var(--ec-red)!important}
html body #dashboard .mo2-steps span{font-size:12.5px!important}
html body #dashboard details.form-card{background:#fff;border-radius:18px;box-shadow:0 0 0 1px var(--ec-line);border:0}
/* mobile */
@media(max-width:860px){
html body #dashboard.workspace:not([hidden]){display:block!important}
html body #dashboard.workspace>nav{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:0 0 10px!important;position:static}
html body #dashboard .sidebar-brand,html body #dashboard .sidebar-footer{display:none}
html body #dashboard.workspace>nav>button{width:auto;flex:none;padding:8px 12px;background:#fff;box-shadow:0 0 0 1px var(--ec-line);white-space:nowrap;min-height:44px}
html body #dashboard #tp-stage.tps{padding:20px 16px 20px;border-radius:24px}
html body #dashboard #tp-stage .tps-sc{margin:0 0 0 -18%!important;width:136%!important}
html body #dashboard .tps-aux{position:static;margin-top:10px}
html body #dashboard .tps-hint{position:static;max-width:none;margin-top:8px}
html body #dashboard .tps-dock{position:static;margin-top:14px;justify-content:center}
html body #dashboard .mo2-stats{grid-template-columns:1fr 1fr!important}
html body #dashboard .mo2-stats li:nth-child(2){border-right:0!important}
html body #dashboard .mo2-stats li:nth-child(-n+2){border-bottom:1px solid var(--ec-line)!important}
html body #dashboard .mo2-next .mo2-cta{margin-left:0;width:100%}
}
html body #dashboard.workspace>nav>button[class]:not(.active):not(:hover){background:transparent;border:0}
html body #dashboard.workspace>nav>button[class*=active],html body #dashboard.workspace>nav>button[class*=on]{background:#fff!important;color:var(--ec-ink)!important;border:0!important}
html body #dashboard.workspace>nav>button.active,html body #dashboard.workspace>nav>button[aria-current],html body #dashboard.workspace>nav>button.is-active{background:#fff!important;color:#0e2147!important;border:0!important;box-shadow:0 0 0 1px #dbe4ef,0 8px 16px -10px #0e214766!important}
/* pas de bloc blanc : la scène se fond dans la page */
html body #dashboard #tp-stage.tps{background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible}
html body #dashboard .tps-ic{background:transparent;box-shadow:none}
html body #dashboard .tps-ic:hover,html body #dashboard .tps-ic:focus-visible{background:#ffffffcc;box-shadow:0 0 0 1px #dbe4ef}
/* AUCUN BLOC : tout est fondu dans la page, séparé par de fins traits */
html body #dashboard.workspace>nav>button.active,html body #dashboard.workspace>nav>button[aria-current],html body #dashboard.workspace>nav>button.is-active,html body #dashboard.workspace>nav>button[class*=active]{background:transparent!important;box-shadow:none!important;color:#d8232a!important}
html body #dashboard.workspace>nav>button:hover{background:transparent}
html body #dashboard .sidebar-footer{background:none!important;padding:14px 12px 0;border-top:1px solid #d3deec!important;border-radius:0}
html body #dashboard .mo2-stats{background:none!important;box-shadow:none!important;border-radius:0;border-top:1px solid #d3deec;border-bottom:1px solid #d3deec}
html body #dashboard .mo2-next{background:none!important;box-shadow:none!important;border-radius:0!important;padding:16px 0!important}
html body #dashboard details.form-card{background:none!important;box-shadow:none!important;border-top:1px solid #d3deec!important;border-radius:0!important}
html body #dashboard .tps-other,html body #dashboard .tps-sv{box-shadow:none}
html body #dashboard .tps-other{background:transparent;border:1px solid #c5d2e2}
html body #dashboard .tps-sw button:not(.on){background:transparent;box-shadow:0 0 0 1px #c5d2e2}
/* paramètres : lignes à plat */
html body #dashboard .workspace-screen:not([data-screen=passports]) .form-card,html body #dashboard .workspace-screen:not([data-screen=passports]) details,html body #dashboard .workspace-screen:not([data-screen=passports]) section>div{background:none!important;box-shadow:none!important;border-radius:0!important}
html body #dashboard.workspace>nav button[data-workspace][aria-pressed="true"]{background:transparent!important;border:0!important;box-shadow:none!important;color:#d8232a!important}
html body #dashboard.workspace>nav button[data-workspace]{border:0!important}
/* paramètres : page à plat, sans cadre blanc */
html body #dashboard #account-settings,html body #dashboard #account-settings>*{background:none!important;box-shadow:none!important;border-radius:0!important}
html body #dashboard #account-settings{border:0!important;padding:0!important;max-width:820px}
html body #dashboard #account-settings details{border:0!important;border-top:1px solid #d3deec!important;padding:4px 0}
html body #dashboard #account-settings h3{font-size:19px;letter-spacing:-.02em}
html body #dashboard .workspace-heading .eyebrow,html body #dashboard .workspace-heading small{text-transform:none!important;letter-spacing:0!important}
html body #dashboard .acc-card,html body #dashboard section.acc-card{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}
html body #dashboard .acc-card details{background:none!important;box-shadow:none!important}
html body #dashboard[hidden],html body #auth[hidden]{display:none!important}