/* V2.4.7 — utilitaires utilisés par le JavaScript sans style inline. */
.u-show{display:block!important}.u-hide{display:none!important}.u-muted{color:var(--gris)!important}.u-danger{color:var(--rouge)!important}.u-success{color:var(--vert)!important}.u-data{font-family:var(--data)!important}.u-text-left{text-align:left!important}.u-uppercase{text-transform:uppercase!important}.u-fw600{font-weight:600!important}.u-fs12{font-size:12px!important}.u-fs13{font-size:13px!important}.u-mt6{margin-top:6px!important}
.u-section-divider{margin-top:16px!important;padding-top:16px!important;border-top:1px solid var(--trait)!important}
.csp-toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(12px);color:#fff;padding:12px 18px;border-radius:9px;font-size:13.5px;font-weight:500;box-shadow:0 12px 30px -10px rgba(20,22,26,.5);z-index:80;opacity:0;transition:opacity .18s,transform .18s;max-width:86vw;text-align:center;background:#14161A}
.csp-toast.is-error{background:#B4271D}.csp-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}
.admin-toast{position:fixed;right:22px;bottom:22px;z-index:9999;max-width:360px;padding:12px 15px;border-radius:11px;color:#fff;font-weight:700;font-size:13px;box-shadow:0 12px 35px rgba(0,0,0,.22);transition:opacity .2s;background:#087443;opacity:1}.admin-toast.is-error{background:#b42318}.admin-toast.is-hidden{opacity:0}
.strength-low{background:#B4271D!important}.strength-mid{background:#D9A404!important}.strength-high{background:#1B7F4B!important}
.report-row{margin-bottom:13px}.report-head{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:5px}.report-empty{color:var(--gris);font-size:14px}.report-progress{display:flex;align-items:center;gap:8px}
.search-hidden{display:none!important}

.w-pct-0{width:0%!important}
.w-pct-1{width:1%!important}
.w-pct-2{width:2%!important}
.w-pct-3{width:3%!important}
.w-pct-4{width:4%!important}
.w-pct-5{width:5%!important}
.w-pct-6{width:6%!important}
.w-pct-7{width:7%!important}
.w-pct-8{width:8%!important}
.w-pct-9{width:9%!important}
.w-pct-10{width:10%!important}
.w-pct-11{width:11%!important}
.w-pct-12{width:12%!important}
.w-pct-13{width:13%!important}
.w-pct-14{width:14%!important}
.w-pct-15{width:15%!important}
.w-pct-16{width:16%!important}
.w-pct-17{width:17%!important}
.w-pct-18{width:18%!important}
.w-pct-19{width:19%!important}
.w-pct-20{width:20%!important}
.w-pct-21{width:21%!important}
.w-pct-22{width:22%!important}
.w-pct-23{width:23%!important}
.w-pct-24{width:24%!important}
.w-pct-25{width:25%!important}
.w-pct-26{width:26%!important}
.w-pct-27{width:27%!important}
.w-pct-28{width:28%!important}
.w-pct-29{width:29%!important}
.w-pct-30{width:30%!important}
.w-pct-31{width:31%!important}
.w-pct-32{width:32%!important}
.w-pct-33{width:33%!important}
.w-pct-34{width:34%!important}
.w-pct-35{width:35%!important}
.w-pct-36{width:36%!important}
.w-pct-37{width:37%!important}
.w-pct-38{width:38%!important}
.w-pct-39{width:39%!important}
.w-pct-40{width:40%!important}
.w-pct-41{width:41%!important}
.w-pct-42{width:42%!important}
.w-pct-43{width:43%!important}
.w-pct-44{width:44%!important}
.w-pct-45{width:45%!important}
.w-pct-46{width:46%!important}
.w-pct-47{width:47%!important}
.w-pct-48{width:48%!important}
.w-pct-49{width:49%!important}
.w-pct-50{width:50%!important}
.w-pct-51{width:51%!important}
.w-pct-52{width:52%!important}
.w-pct-53{width:53%!important}
.w-pct-54{width:54%!important}
.w-pct-55{width:55%!important}
.w-pct-56{width:56%!important}
.w-pct-57{width:57%!important}
.w-pct-58{width:58%!important}
.w-pct-59{width:59%!important}
.w-pct-60{width:60%!important}
.w-pct-61{width:61%!important}
.w-pct-62{width:62%!important}
.w-pct-63{width:63%!important}
.w-pct-64{width:64%!important}
.w-pct-65{width:65%!important}
.w-pct-66{width:66%!important}
.w-pct-67{width:67%!important}
.w-pct-68{width:68%!important}
.w-pct-69{width:69%!important}
.w-pct-70{width:70%!important}
.w-pct-71{width:71%!important}
.w-pct-72{width:72%!important}
.w-pct-73{width:73%!important}
.w-pct-74{width:74%!important}
.w-pct-75{width:75%!important}
.w-pct-76{width:76%!important}
.w-pct-77{width:77%!important}
.w-pct-78{width:78%!important}
.w-pct-79{width:79%!important}
.w-pct-80{width:80%!important}
.w-pct-81{width:81%!important}
.w-pct-82{width:82%!important}
.w-pct-83{width:83%!important}
.w-pct-84{width:84%!important}
.w-pct-85{width:85%!important}
.w-pct-86{width:86%!important}
.w-pct-87{width:87%!important}
.w-pct-88{width:88%!important}
.w-pct-89{width:89%!important}
.w-pct-90{width:90%!important}
.w-pct-91{width:91%!important}
.w-pct-92{width:92%!important}
.w-pct-93{width:93%!important}
.w-pct-94{width:94%!important}
.w-pct-95{width:95%!important}
.w-pct-96{width:96%!important}
.w-pct-97{width:97%!important}
.w-pct-98{width:98%!important}
.w-pct-99{width:99%!important}
.w-pct-100{width:100%!important}

/* UI V3.11 — espace professionnel, iPhone-first + desktop premium. */
body.page-espace-pro{--pro-surface:#fff;--pro-soft:#f4f7fb;--pro-line:#dbe4ef;--pro-ink:#0d1b2e;--pro-muted:#66758b;overflow-x:hidden}
body.page-espace-pro main.wrap{width:min(1280px,calc(100% - 48px));max-width:1280px}
body.page-espace-pro .kpis{gap:16px}
body.page-espace-pro .kpi,body.page-espace-pro .carte{border-color:var(--pro-line);box-shadow:0 10px 30px rgba(13,27,46,.055)}
body.page-espace-pro .kpi{min-height:128px}
body.page-espace-pro .grille2{gap:18px}
body.page-espace-pro .graph-carte .carte-corps{min-height:148px}
body.page-espace-pro #gCrees svg,body.page-espace-pro #gDoss svg{max-height:170px}
body.page-espace-pro .carte-tete h2{line-height:1.2}

@media(max-width:600px){
  body.page-espace-pro{padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;background:#f3f6fa!important}
  body.page-espace-pro .bandeau .wrap{width:100%!important;max-width:none!important;min-height:34px!important;padding:6px 16px!important;gap:0!important}
  body.page-espace-pro .bandeau .wrap>span:first-child{display:none!important}
  body.page-espace-pro .bandeau .num{display:block!important;width:100%;font-size:10.5px!important;line-height:1.35!important;white-space:normal}
  body.page-espace-pro header{position:sticky!important;top:0!important;z-index:60!important}
  body.page-espace-pro header .wrap{width:100%!important;max-width:none!important;height:60px!important;min-height:60px!important;padding:0 16px!important;gap:10px!important}
  body.page-espace-pro header .logo{min-width:0}
  body.page-espace-pro header .logo img{width:148px!important;max-width:46vw!important;height:auto!important}
  body.page-espace-pro header .compte{margin-left:auto!important;gap:8px!important;min-width:0}
  body.page-espace-pro header .compte .qui,body.page-espace-pro header .pastille{display:none!important}
  body.page-espace-pro #btnDeconnexion{min-height:40px!important;height:40px!important;padding:0 12px!important;font-size:12.5px!important;white-space:nowrap}
  body.page-espace-pro nav.onglets{position:sticky!important;top:60px!important;z-index:55!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(14px);box-shadow:0 7px 22px rgba(15,27,45,.055)!important}
  body.page-espace-pro nav.onglets .wrap{width:100%!important;max-width:none!important;padding:0 12px!important;gap:7px!important;overflow-x:auto!important;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  body.page-espace-pro .onglet{flex:0 0 auto!important;min-height:46px!important;padding:12px 14px!important;font-size:13.5px!important;scroll-snap-align:start}
  body.page-espace-pro main.wrap{width:100%!important;max-width:none!important;padding:24px 16px calc(62px + env(safe-area-inset-bottom))!important}
  body.page-espace-pro .tete{align-items:stretch!important;gap:14px!important;margin-bottom:18px!important}
  body.page-espace-pro .tete h1{font-size:clamp(29px,8.5vw,34px)!important;line-height:1.04!important}
  body.page-espace-pro .tete p{font-size:14.5px!important;line-height:1.55!important;margin-top:7px!important}
  body.page-espace-pro .tete .btn[data-aller="nouveau"],body.page-espace-pro .tete>button[data-aller="nouveau"]{width:100%!important;justify-content:center!important}
  body.page-espace-pro .kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:18px!important}
  body.page-espace-pro .kpi{min-height:126px!important;padding:14px 14px 13px!important;border-radius:16px!important}
  body.page-espace-pro .kpi .lib{font-size:9.5px!important;line-height:1.35!important;letter-spacing:.065em!important}
  body.page-espace-pro .kpi .val{font-size:29px!important;margin-top:8px!important}
  body.page-espace-pro .kpi .det{font-size:11.5px!important;line-height:1.4!important;margin-top:7px!important}
  body.page-espace-pro .grille2{grid-template-columns:1fr!important;gap:12px!important}
  body.page-espace-pro .carte{border-radius:17px!important;overflow:hidden!important;box-shadow:0 8px 22px rgba(13,27,46,.05)!important}
  body.page-espace-pro .carte-tete{padding:14px 15px!important;gap:10px!important;flex-wrap:wrap!important}
  body.page-espace-pro .carte-tete h2{font-size:16px!important}
  body.page-espace-pro .carte-corps{padding:15px!important}
  body.page-espace-pro .graph-carte .carte-corps{min-height:112px!important;padding:14px 15px!important}
  body.page-espace-pro .graph-total{font-size:24px!important}
  body.page-espace-pro .graph-sous{font-size:11.5px!important;margin-bottom:8px!important}
  body.page-espace-pro #gCrees,body.page-espace-pro #gDoss{max-height:128px;overflow:hidden}
  body.page-espace-pro #gCrees svg,body.page-espace-pro #gDoss svg{max-height:118px!important;width:100%!important}
  body.page-espace-pro .info{padding:12px 13px!important;font-size:12.5px!important;line-height:1.45!important;border-radius:12px!important}
  body.page-espace-pro .outils{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;padding:13px!important}
  body.page-espace-pro .outils .recherche{width:100%!important;min-width:0!important}
  body.page-espace-pro .outils select{width:100%!important;min-width:0!important}
  body.page-espace-pro .saisie-plq{max-width:none!important;width:100%!important}
  body.page-espace-pro .actions-piece{justify-content:stretch!important;display:grid!important;grid-template-columns:1fr!important}
  body.page-espace-pro .actions-piece .btn{width:100%!important;justify-content:center!important}

  body.page-espace-pro #v-bord .tab-resp,body.page-espace-pro #v-dossiers .tab-resp{overflow:visible!important;border-radius:0!important}
  body.page-espace-pro #v-bord .tab,body.page-espace-pro #v-dossiers .tab{display:block!important;min-width:0!important;width:100%!important}
  body.page-espace-pro #v-bord .tab thead,body.page-espace-pro #v-dossiers .tab thead{display:none!important}
  body.page-espace-pro #recents,body.page-espace-pro #liste{display:grid!important;gap:10px!important;padding:12px!important;background:#f7f9fc!important}
  body.page-espace-pro #recents tr,body.page-espace-pro #liste tr{display:block!important;border:1px solid #dfe7f0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 4px 14px rgba(13,27,46,.035)!important;overflow:hidden!important}
  body.page-espace-pro #recents td,body.page-espace-pro #liste td{display:grid!important;grid-template-columns:minmax(86px,.72fr) minmax(0,1.28fr)!important;gap:12px!important;align-items:start!important;padding:10px 12px!important;border-bottom:1px solid #eef2f6!important;font-size:13px!important;white-space:normal!important;min-width:0!important;text-align:left!important}
  body.page-espace-pro #recents td:last-child,body.page-espace-pro #liste td:last-child{border-bottom:0!important}
  body.page-espace-pro #recents td::before,body.page-espace-pro #liste td::before{color:#738198;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;line-height:1.35}
  body.page-espace-pro #recents td:nth-child(1)::before{content:"Véhicule"}body.page-espace-pro #recents td:nth-child(2)::before{content:"Démarche"}body.page-espace-pro #recents td:nth-child(3)::before{content:"Client"}body.page-espace-pro #recents td:nth-child(4)::before{content:"Statut"}
  body.page-espace-pro #liste td:nth-child(1)::before{content:"Véhicule"}body.page-espace-pro #liste td:nth-child(2)::before{content:"Démarche"}body.page-espace-pro #liste td:nth-child(3)::before{content:"Client"}body.page-espace-pro #liste td:nth-child(4)::before{content:"Pièces"}body.page-espace-pro #liste td:nth-child(5)::before{content:"Dossier"}body.page-espace-pro #liste td:nth-child(6)::before{content:"Paiement"}body.page-espace-pro #liste td:nth-child(7)::before{content:"Honoraires"}body.page-espace-pro #liste td:nth-child(8)::before{content:"Action"}
  body.page-espace-pro #recents td[colspan],body.page-espace-pro #liste td[colspan]{display:block!important;padding:22px 14px!important;text-align:center!important;color:#748197!important}
  body.page-espace-pro #recents td[colspan]::before,body.page-espace-pro #liste td[colspan]::before{display:none!important}
}

@media(max-width:360px){
  body.page-espace-pro .kpis{grid-template-columns:1fr!important}
  body.page-espace-pro header .logo img{width:136px!important}
}