/* ==========================================================================
   Stolip — visuels clairs : reprises des blancs codés en dur (FICHIER GÉNÉRÉ)
   Les feuilles de page ont été dessinées pour des maquettes sombres : traits,
   points, surbrillances et anneaux y sont en blanc. Dans un visuel clair
   (voir visuels-clairs.css), chaque déclaration concernée est reprise en encre
   (#141418, même opacité), dans un @scope (spécificité inchangée : les états
   de la timeline gardent leur ordre). Dégradés, images et îlots déjà
   clairs (.lt) ne sont pas touchés. Généré le 03/10/2026 par un script de
   conversion (docs/visuels-clairs-generer.py) — à régénérer si une feuille de page
   change ses blancs. Voir docs/LANDING.md.
   ========================================================================== */
@scope (.win,.fx-canvas,.fx-card .viz,.hb-viz,.uc-card .uc-viz,.appwrap .app,.afloat,.bcard .float,.mk-float:not(.bn-con),.mk-card) to (.lt,.pz-cv,.bn-con,.hd,.gsh-btn,.bb) {
/* --- public/css/features/base.css --- */
.fx-crumb{background:rgba(20,20,24,.02)}
.fx-crumb .pip{background:rgba(20,20,24,.06)}
.fx-crumb .pip::before{box-shadow:0 0 0 0 rgba(20,20,24,.5)}
.fx-dots button{background:rgba(20,20,24,.18)}
.fx-dots button{background:rgba(20,20,24,.18)}
.fx-node.cur .o{box-shadow:0 0 0 6px rgba(20,20,24,.06),0 0 40px -6px rgba(123,77,255,calc(.8*var(--tex)))}
.win-top{background:rgba(20,20,24,.015)}
.win-top .dots i{background:rgba(20,20,24,.12)}
.mk-bar{background:rgba(20,20,24,.08)}
.mk-sw{border:1px solid rgba(20,20,24,.25)}
.mk-float{box-shadow:0 30px 60px -24px rgba(0,0,0,.95),0 0 0 1px rgba(20,20,24,.06)}
.mk-tr.h{background:rgba(20,20,24,.015)}
.mk-cur::after{border:1.5px solid #141418}

/* --- public/css/features/catalogue.css --- */
.ct[data-s="8"] .ct-q,.ct.k9 .ct-q{box-shadow:0 0 0 3px rgba(20,20,24,.07)}
.ct-kpi{background:rgba(20,20,24,.015)}
.ct.k7 .k-tot{background:rgba(20,20,24,.04)}
.ct-fl{background:rgba(20,20,24,.015)}
.ct[data-s="1"] .fl1,.ct[data-s="2"] .fl2,.ct[data-s="3"] .fl3,.ct[data-s="4"] .fl4,.ct[data-s="5"] .fl5,.ct[data-s="6"] .fl6{background:rgba(20,20,24,.05)}
.ct-slot::before{background:rgba(20,20,24,.025)}
.ct-pc::after{box-shadow:inset 0 0 0 1px rgba(20,20,24,.7),0 0 0 1px rgba(20,20,24,.12)}
.ct-pb .sw i{border:1px solid rgba(20,20,24,.22)}
.ct.k10 .pc1{border-color:#141418;box-shadow:0 0 0 4px rgba(20,20,24,.07),0 18px 40px -16px rgba(0,0,0,.9),0 0 46px -10px rgba(123,77,255,calc(.7 * var(--tex)))}
.ia-rail{background:rgba(20,20,24,.07)}
.ia-drop{background:rgba(20,20,24,.015)}
.a0 .ia-tiles span{background:rgba(20,20,24,.05)}
.mp-js{background:rgba(20,20,24,.015)}
.mp-fc{background:rgba(20,20,24,.02)}
.a1 .mp-fc.f3{border-color:#141418;background:rgba(20,20,24,.07)}
.px-th .t1{border-color:#141418}
.vw-s i{background:rgba(20,20,24,.08)}
.a3 .vw-q .hit{border-color:#141418}
.sim i{background:rgba(20,20,24,.08)}
.tr-f{background:rgba(20,20,24,.02)}
.cf-g>span{background:rgba(20,20,24,.035)}
.cf-g .rw.gp{background:rgba(20,20,24,.05)}
.cf-g .gx{background:rgba(20,20,24,.05)}
.cf-g .ed{background:rgba(20,20,24,.015)}
.ct-imp.a3 .cf-g .ed{background:rgba(20,20,24,.06)}
.sr-grid.k1 .sr-in{box-shadow:0 0 0 3px rgba(20,20,24,.06)}
.sr-p,.sr-a,.sr-d{background:rgba(20,20,24,.02)}
.ft-c .fc{background:rgba(20,20,24,.04)}
.bt-filt[data-s="3"] .c3{border-color:#141418}
.bt-stk[data-s="1"] .r2{background:rgba(20,20,24,.045)}
.tgl{background:rgba(20,20,24,.12)}
.bt-bulk.k1 .b1,.bt-bulk.k2 .b2,.bt-bulk.k3 .b4{background:rgba(20,20,24,.05)}
.bt-bulk.k5 .bk.b1,.bt-bulk.k5 .bk.b2,.bt-bulk.k5 .bk.b4{border-color:#141418}

/* --- public/css/features/devis.css --- */
[data-s="9"] .dv-menu .hl{background:rgba(20,20,24,.08)}
[data-s="1"] .dv-add{background:rgba(20,20,24,.08)}
.ln{background:rgba(20,20,24,.02)}
.ln.hot{background:rgba(20,20,24,.04)}
[data-s="6"] .ln1,[data-s="7"] .ln2{background:rgba(20,20,24,.045)}
.dv-mg{background:rgba(20,20,24,.02)}
[data-s="4"] .rs1{background:rgba(20,20,24,.08)}
.rs .th::after{box-shadow:0 0 10px rgba(20,20,24,.18)}
.rs .th.c::after{box-shadow:0 0 8px rgba(20,20,24,.14)}
.cg-g span{background:rgba(20,20,24,.025)}
.cg-g .rw.gp{background:rgba(20,20,24,.05)}
.cg-g .gx{background:rgba(20,20,24,.05)}
[data-active="1"] .cg-g .hit{box-shadow:0 0 0 4px rgba(20,20,24,.08),0 0 36px -4px rgba(123,77,255,calc(.9*var(--tex)))}
.st-grid path{stroke:rgba(20,20,24,.06)}
.st-line{stroke:#141418}
.st-dot circle{fill:#141418}
.st-dot .halo{stroke:rgba(20,20,24,.35)}
[data-active="1"] .fm-in{background:rgba(20,20,24,.05)}
.a2 .r1,.a2 .r2{background:rgba(20,20,24,.04)}
.bub>span:last-child{background:rgba(20,20,24,.06)}
.lockd{background:rgba(20,20,24,.04)}
.tr-wires path{stroke:rgba(20,20,24,.45)}
.ex-q{background:rgba(20,20,24,.05)}
.ex-c i.led::after{box-shadow:0 0 5px rgba(20,20,24,.35)}
.bz-ch .b1{background:rgba(20,20,24,.06)}

/* --- public/css/features/espace-client.css --- */
.fx-espace-client .lt .mk-cur path{stroke:#141418}
.fx-espace-client .fx-dots button{background:rgba(20,20,24,.18)}
.ec-dw path{stroke:rgba(20,20,24,.55)}
.ec-wire path{stroke:rgba(20,20,24,.6)}
.ec-ck i .ico{color:#141418}
.ec-sp.k4 .ec-pick .ico{color:#141418}

/* --- public/css/features/commandes.css --- */
.cm-r{background:rgba(20,20,24,.015)}
.cm-r.hot{background:rgba(20,20,24,.045)}
.cm-hp::after{border:1.5px solid #141418}
[data-s="3"] .cm-menu .m-conf,[data-s="5"] .cm-menu .m-prod,[data-s="7"] .cm-menu .m-ship{background:rgba(20,20,24,.09)}
.fx-commandes .fx-dots button{background:rgba(20,20,24,.18)}
.c0-wire path{stroke:#141418}
.c0-ad{background:rgba(20,20,24,.04)}
.cp-r{background:rgba(20,20,24,.02)}
[data-active="2"] .e-conf{background:rgba(20,20,24,.08);box-shadow:inset 2px 0 0 #141418}
[data-active="2"] .e-ann{background:rgba(20,20,24,.06)}
.c2-pk{background:rgba(20,20,24,.02)}
.c2-p{background:rgba(20,20,24,.02)}
[data-s="6"] .r1,[data-s="7"] .r2,[data-s="8"] .r3,[data-s="9"] .r4,[data-s="10"] .r5{background:rgba(20,20,24,.05)}
.k2 .sr-r.h{background:rgba(20,20,24,.06)}

/* --- public/css/features/boutiques.css --- */
.fx-boutiques .tg{background:rgba(20,20,24,.14)}
.bq-card{background:rgba(20,20,24,.02)}
.bq-fbtn{background:rgba(20,20,24,.08)}
.pk-h{border:2px solid #141418}
.pk-hue span{border:2px solid #141418}
.bq-shop{border:1px solid rgba(20,20,24,.14)}
.sh-n{border:2px solid #141418}
.bq.k9 .bq-cbx{border-color:#141418}
.bq.k13 .bq-cbx{border-color:#141418}
.bq-et li.ok i{border-color:#141418}
.a1 .bq-et li.e2 i,.a1 .bq-et li.e3 i,.a1 .bq-et li.e4 i{border-color:#141418}
.prx-k i{border:1px solid rgba(20,20,24,.25)}
.a3 .tk.t2 i{box-shadow:0 0 0 4px color-mix(in srgb,var(--bq-p) 22%,#141418)}
.fx-boutiques .fx-card .viz.lt{border-color:rgba(20,20,24,.14)}

/* --- public/css/features/branchements.css --- */
.bn-wires .b{stroke:rgba(20,20,24,.2)}
.bn-wires .b.alt{stroke:rgba(20,20,24,.11)}
.bn[data-s="1"] .n-ps,.bn[data-s="2"] .n-ps,.bn[data-s="3"] .n-ps,.bn[data-s="6"] .n-ps,.bn[data-s="4"] .n-api,.bn[data-s="5"] .n-api,.bn[data-s="9"] .n-sc,.bn[data-s="7"] .n-hs,.bn[data-s="8"] .n-sc{border-color:rgba(20,20,24,.55);box-shadow:0 0 0 4px rgba(20,20,24,.05),0 0 44px -8px rgba(123,77,255,calc(.85 * var(--tex))),0 18px 40px -22px #000}
.bn-core{border:1px solid rgba(20,20,24,.3);box-shadow:0 0 0 6px rgba(20,20,24,.03),0 0 70px -10px rgba(123,77,255,calc(.7 * var(--tex))),0 30px 60px -26px #000}
.bn-core .rg{border:1.5px solid rgba(20,20,24,.75)}
.bn-pk{box-shadow:0 0 0 3px rgba(20,20,24,.09),0 0 26px -2px rgba(123,77,255,calc(.95 * var(--tex))),0 10px 20px -10px #000}
.bn[data-s="1"] .j1,.bn[data-s="2"] .j2,.bn[data-s="3"] .j3,.bn[data-s="4"] .j4,.bn[data-s="5"] .j5,.bn[data-s="6"] .j6,.bn[data-s="7"] .j7,.bn[data-s="8"] .j8,.bn[data-s="9"] .j9{background:rgba(20,20,24,.06)}
.a1 .bn-sync{box-shadow:0 0 0 4px rgba(20,20,24,.12)}
.bn-kpis>div{background:rgba(20,20,24,.02)}
.bn-per{background:rgba(20,20,24,.02)}
.bn-rw path{stroke:rgba(20,20,24,.3)}
.a2 .bn-pf{border-color:rgba(20,20,24,.4)}
.a2 .bn-mj .nw{background:rgba(20,20,24,.06)}
.bn-con-h{background:rgba(20,20,24,.02)}
.bn-con-h .dots i{background:rgba(20,20,24,.14)}
.bn-on[data-s="1"] .f1 .mk-in,.bn-on[data-s="2"] .f2 .mk-in,.bn-on[data-s="3"] .f3 .mk-in{box-shadow:0 0 0 3px rgba(20,20,24,.07)}
.bn-on.k7 .bn-tons .on{background:rgba(20,20,24,.05)}
.bn-tm[data-s="2"] .bn-dd .hl{background:rgba(20,20,24,.08)}
.bn-tm[data-s="3"] .bn-inv{box-shadow:0 0 0 4px rgba(20,20,24,.14)}
.bn-lk{background:rgba(20,20,24,.03)}
.bz-sf .nw,.bz-sf .nw2{background:rgba(20,20,24,.05)}
.an-pg>i{background:rgba(20,20,24,.08)}
.an-b i{background:rgba(20,20,24,.05)}
.bz-iso.k2 .iso-a .hit{background:rgba(20,20,24,.06)}

/* --- public/css/features/maquettes.css --- */
.mq-opt b{background:rgba(20,20,24,.04)}
.pz-lines{background:rgba(20,20,24,.012)}
.pz-ln.on{background:rgba(20,20,24,.05)}
.pz-sheet{box-shadow:0 34px 60px -26px rgba(0,0,0,.95),0 0 0 1px rgba(20,20,24,.1)}
.pz-lg .lg-bg{fill:#141418}
.pz-lg .lg-in rect{fill:#141418}
.pz-loupe .lp{border:2px solid #141418}
.pz-emp{background:rgba(20,20,24,.03)}
.pz[data-s="1"] .pz-drop{background:rgba(20,20,24,.07)}
.pz-qi{background:rgba(20,20,24,.04)}
.pz-vii{background:rgba(20,20,24,.035)}
.pz[data-s="10"] .pz-gen{box-shadow:0 0 0 4px rgba(20,20,24,.08),0 0 30px -4px rgba(123,77,255,calc(.8 * var(--tex)))}
.pz-lp0{border:2px solid #141418;box-shadow:0 30px 60px -20px rgba(0,0,0,.95),0 0 0 8px rgba(20,20,24,.04)}
.pz-sh{box-shadow:0 0 0 1px rgba(20,20,24,.1)}
.pz-zo{border:2px solid #141418}
.pz-sl{box-shadow:0 0 0 1px rgba(20,20,24,.1)}
.ty-tr path{stroke:rgba(20,20,24,.55)}
.ty-c path{fill:#141418}
.a4 .pl-tb .r1{background:rgba(20,20,24,.07)}
.pz-pdf{box-shadow:0 50px 90px -34px rgba(0,0,0,.95),0 0 0 1px rgba(20,20,24,.06)}
.pp-sg b{color:#141418}
.cp-l .on{background:rgba(20,20,24,.05)}
.cp-a .sh{fill:#141418}
.lo-t.dk use{fill:#141418}
.cl-t .t0{background:rgba(20,20,24,.05)}

/* --- public/css/features/hub.css --- */
.hb-main{stroke:rgba(20,20,24,.12)}
.hb-flow{stroke:#141418}
.hb-br{stroke:rgba(20,20,24,.2)}
.hb-ports path{stroke:rgba(20,20,24,.14)}
.hb-rail.k1 .hb-st1 .hb-o,.hb-rail.k2 .hb-st2 .hb-o,.hb-rail.k3 .hb-st3 .hb-o,.hb-rail.k4 .hb-st4 .hb-o{box-shadow:0 0 0 6px rgba(20,20,24,.06)}
.hb-rail[data-s="5"] .hb-o{box-shadow:0 0 0 6px rgba(20,20,24,.06),0 0 40px -8px rgba(123,77,255,calc(.9*var(--tex)))}
.hb-tok{box-shadow:0 0 0 5px rgba(20,20,24,.12),0 0 30px 4px rgba(123,77,255,calc(.9*var(--tex)))}
.v-dv .ln{stroke:#141418}
.v-dv .dt{fill:#141418}
.v-ps .pxl rect{fill:#141418}
.v-ps .vec circle{stroke:#141418}
.v-ec .r i::after{border-left:1.5px solid #141418;border-bottom:1.5px solid #141418}
.v-cm .tr::before{background:rgba(20,20,24,.12)}
.v-cm .tr i{border:2px solid rgba(20,20,24,.25)}
.v-cm.k0 .tr i:nth-child(1),.v-cm.k1 .tr i:nth-child(2),.v-cm.k2 .tr i:nth-child(3),.v-cm.k3 .tr i:nth-child(4),.v-cm.k4 .tr i:nth-child(5){border-color:#141418}
.v-av .act .ok{color:#141418}
.v-br .pk{box-shadow:0 0 10px #141418}
.hb-opt{stroke:rgba(20,20,24,.18)}

/* --- public/css/cas/base.css --- */
.uc-tp-top{background:rgba(20,20,24,.012)}
.uc-who .mk-av.cl{border-color:#141418}
.uv2 .ok i::after{border-left:1.5px solid #141418;border-bottom:1.5px solid #141418}
.uv2 .dv span{border:1px solid rgba(20,20,24,.2)}
.uv3 .q{background:rgba(20,20,24,.07)}

/* --- public/css/cas/catalogues-fournisseurs.css --- */
.cfr-steps .rail{background:rgba(20,20,24,.07)}
.cfr-card{background:rgba(20,20,24,.015)}
.cfr-drop{background:rgba(20,20,24,.012)}
.cfr[data-s="2"] .cfr-sel{box-shadow:0 0 0 3px rgba(20,20,24,.06)}
.cfr[data-s="9"] .cfr-b-dr{background:rgba(20,20,24,.08)}
.cfr.k4 .cfr-tiles span{background:rgba(20,20,24,.05)}
.cfr-fm .r{border-bottom:1px solid rgba(20,20,24,.04)}
.sim i{background:rgba(20,20,24,.08)}
.cfr[data-s="7"] .cfr-mt .m2,.cfr[data-s="7"] .cfr-mt .m3,.cfr[data-s="7"] .cfr-mt .m4{background:rgba(20,20,24,.035)}
.cfr-pl .r{background:rgba(20,20,24,.025)}
.cfr-kp .k{background:rgba(20,20,24,.015)}
.cfr-pb .at i{border:1px solid rgba(20,20,24,.22)}
.a1 .tf-tiles span{background:rgba(20,20,24,.05)}

/* --- public/css/cas/demandes-de-devis.css --- */
.ddv[data-s="2"] .ddv-menu .hl{background:rgba(20,20,24,.08)}
.ddv-sum>div{background:rgba(20,20,24,.02)}
.ddv.k8 .ddv-rr{background:rgba(20,20,24,.035)}
.ddv-acc{color:#141418}
.tj-hit{background:rgba(20,20,24,.05)}
.a0 .tj-res .r1{background:rgba(20,20,24,.06)}
.tj-mg{background:rgba(20,20,24,.02)}
.tj-acc{color:#141418}

/* --- public/css/cas/grands-comptes.css --- */
.gsh-n{color:#141418}
.gsh-tabs b{color:#141418}
.gsh-btn{color:#141418}
.gco-dot{box-shadow:0 0 0 2px #141418}
.gco[data-s="2"] .gco-r1,.gco[data-s="6"] .gco-r1{background:rgba(20,20,24,.06)}
.gco-fs>div{background:rgba(20,20,24,.02)}
.gcs-shop{border:1px solid rgba(20,20,24,.1)}
.a1 .pp-tier .t1{color:rgba(20,20,24,.8)}
.a1 .pp-tier .t1 b{color:#141418}

/* --- public/css/cas/pilotage-quotidien.css --- */
.pq-chip.hot{border-color:rgba(20,20,24,.55)}
.pq-ent{background:rgba(20,20,24,.018)}
.pq.k3 .e1{background:rgba(20,20,24,.035)}
.pq-ac{box-shadow:0 8px 24px -10px rgba(22,19,15,.32),inset 0 1px 0 #141418}
.pq-send{color:#141418;box-shadow:0 6px 16px -6px rgba(249,115,22,.85),inset 0 1px 0 rgba(20,20,24,.4)}
.pq-npf{background:rgba(20,20,24,.02)}
.pq-npf i{background:rgba(20,20,24,.08)}
.pq-npi.n1{background:rgba(20,20,24,.035)}
.a1 .pj-rg.q1{background:rgba(20,20,24,.045)}
.a4 .pj-skg .dp{background:rgba(20,20,24,.04)}
.pj-skb{background:rgba(20,20,24,.08)}
.pj-mn{background:rgba(20,20,24,.02)}
.a6 .pj-dn{border-color:rgba(20,20,24,.05)}
.a6 .pj-left{background:rgba(20,20,24,.045)}

/* --- public/css/cas/site-e-commerce.css --- */
.ec-big .fr,.ec-big .bx{fill:#141418}
.ec-big .gl{fill:#141418}
.ec-big .bt{fill:#141418}
.ecm-pill{box-shadow:0 18px 40px -18px rgba(20,20,24,.45),inset 0 1px 0 rgba(20,20,24,.6)}
.ecm-pill .snd,.ecm-pin .snd{color:#141418}
.ecm-tr.nw{background:rgba(20,20,24,.06)}
.ecm[data-s="7"] .ecm-tr.nw{background:rgba(20,20,24,.1)}
.ecm[data-s="13"] .ecm-menu .hl{background:rgba(20,20,24,.08)}
.ecm-cc{background:rgba(20,20,24,.02)}
.ecm[data-s="8"] .ecm-cadd{background:rgba(20,20,24,.1)}
.ecm[data-s="9"] .ecm-cc.c2 .ecm-star{background:rgba(20,20,24,.1)}
.ecm.k9 .ecm-cc.c2{background:rgba(20,20,24,.05)}
.ecm-prj{background:rgba(20,20,24,.02)}
.ecm[data-s="10"] .ecm-add{background:rgba(20,20,24,.1)}
.ecm-sum>div{background:rgba(20,20,24,.02)}
.ecj-kpi{background:rgba(20,20,24,.02)}
.ecj-dr.nw{background:rgba(20,20,24,.06)}
.ecj-cc.p{background:rgba(20,20,24,.04)}
.ecj-mg{background:rgba(20,20,24,.02)}

/* --- public/css/landing.css --- */
.float{box-shadow:0 28px 56px -26px rgba(0,0,0,.95),0 0 0 1px rgba(20,20,24,.07)}
.btn-gh:hover{background:rgba(20,20,24,.05)}
.app .topbar{background:rgba(20,20,24,.015)}
.mini.solid{border-color:#141418}
.chip.solid{border-color:#141418}
.app .tabs .tb.on{border-bottom-color:#141418}
.lr.h{background:rgba(20,20,24,.015)}
.step.done .dot{border-color:#141418}
.step.cur .dot{border-color:#141418;box-shadow:inset 0 0 0 2px var(--bg-2),inset 0 0 0 4px #141418}
.st.solid{border-color:#141418}
.api .cli .verb{color:#141418}
.final .ferr{color:#141418}
.done .ic{color:#141418}
.ptile .thumb::before{background:rgba(20,20,24,.055);box-shadow:inset 0 1px 0 rgba(20,20,24,.05)}
.bat .doc .box{stroke:rgba(20,20,24,.34)}
.bat .doc .zone{border:1px dashed rgba(20,20,24,.45)}
.orow .ost.done{border-color:#141418}
.ptile .thumb .pp{stroke:rgba(20,20,24,.44)}
.ptile .thumb .pp .f1{fill:rgba(20,20,24,.05)}
.ptile .thumb .pp .f2{fill:rgba(20,20,24,.11)}
.ptile .thumb .pp .glow{fill:rgba(20,20,24,.07)}
.ptile .thumb .pp .led{fill:rgba(20,20,24,.42)}
.btn-ava{color:#141418}
.nmenu-item:hover,.nmenu-item.on{background:rgba(20,20,24,.05)}
.bcard .bmore:hover{background:rgba(20,20,24,.06)}
.pg-ar{background:rgba(20,20,24,.02)}
.pg-ar:hover{background:rgba(20,20,24,.06)}
}