/* Trois écrans du 16/10 : « Mes offres », « Reprises à chiffrer », « Dossiers à traiter »
   (maquettes docs/maquettes/offres, reprises, dossiers). Tout est préfixé « or- » ; les jetons
   vivent sur .or (mêmes valeurs que le stock et la fiche poste de travail).
   Grand écran (≥ 1800 px) : la liste et le volet d'aperçu côte à côte ; ailleurs le volet glisse
   par-dessus ; téléphone : une carte par ligne. Animations : transform/opacity, 90–380 ms. */
.or{
  --azur:213 91% 44%;--azur-doux:213 95% 96%;--azur-fort:214 84% 36%;
  --menthe:174 55% 79%;--menthe-vif:172 66% 56%;--menthe-fort:175 70% 30%;--menthe-doux:172 60% 94%;
  --fond:216 33% 97%;--carte:0 0% 100%;--encre:220 35% 12%;--doux:220 11% 40%;--trait:220 18% 90%;--trait-fort:220 15% 82%;
  --vert:152 64% 32%;--vert-doux:152 52% 95%;--orange:32 90% 40%;--orange-vif:35 92% 50%;--orange-doux:40 92% 95%;
  --rouge:0 72% 46%;--rouge-doux:0 88% 96%;--gris-doux:220 20% 95%;--violet:262 60% 52%;--violet-doux:262 80% 96%;
  --ombre-1:0 1px 1px hsl(220 40% 20%/.04),0 2px 4px hsl(220 40% 20%/.04);
  --ombre-2:0 1px 1px hsl(220 40% 20%/.04),0 4px 8px hsl(220 40% 20%/.05),0 12px 24px -6px hsl(220 40% 20%/.08);
  --ombre-3:0 2px 4px hsl(220 40% 20%/.05),0 12px 24px hsl(220 40% 20%/.08),0 32px 64px -12px hsl(220 50% 15%/.22);
  --sortie:cubic-bezier(.2,.8,.2,1);--ressort:cubic-bezier(.34,1.4,.64,1);
  max-width:none;margin:0;padding:4px 0 96px;color:hsl(var(--encre));
  font-family:Inter,system-ui,-apple-system,sans-serif;font-feature-settings:"cv11","ss01";
}
main.page:has(.or){max-width:none}
.or *{box-sizing:border-box}
:where(.or) :where(button,input,select,textarea){font:inherit;color:inherit}
:where(.or) :where(button){cursor:pointer;border:0;background:none;padding:0}
.or a{color:inherit;text-decoration:none}
.or .num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.or svg.or-i{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@keyframes or-entree{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes or-flash{0%{background:hsl(var(--menthe-doux))}100%{background:transparent}}
@keyframes or-pop{from{opacity:0;transform:scale(.92)}}
@keyframes or-secoue{20%,60%{transform:translateX(-3px)}40%,80%{transform:translateX(3px)}}
@keyframes or-pouls{70%{box-shadow:0 0 0 7px hsl(var(--vert)/0)}100%{box-shadow:0 0 0 0 hsl(var(--vert)/0)}}
@keyframes or-fondu{from{opacity:.2;transform:scale(1.02)}}

/* bandeau */
.or-band{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.or-band h1{margin:0 6px 0 0;font-size:26px;font-weight:780;letter-spacing:-.025em}
.or-k{display:flex;align-items:center;gap:8px;height:46px;padding:0 15px;border-radius:14px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset;font-size:13px;font-weight:650;color:hsl(var(--doux));white-space:nowrap}
.or-k b{font-size:22px;font-weight:800;color:hsl(var(--encre));letter-spacing:-.02em}
.or-k.vert b{color:hsl(var(--vert))}.or-k.bleu b{color:hsl(var(--azur-fort))}.or-k.orange b{color:hsl(var(--orange))}
.or-k .or-jauge{width:56px;height:6px;border-radius:3px;background:hsl(var(--gris-doux));overflow:hidden}
.or-k .or-jauge i{display:block;height:100%;background:linear-gradient(90deg,hsl(var(--azur)),hsl(var(--menthe-vif)))}
.or-seg{display:inline-flex;gap:2px;padding:4px;border-radius:12px;background:hsl(var(--gris-doux))}
.or-seg button{height:34px;padding:0 12px;border-radius:9px;font-size:13.5px;font-weight:650;color:hsl(var(--doux));display:flex;align-items:center;gap:6px;transition:background .16s var(--sortie),color .16s}
.or-seg button.on{background:hsl(var(--carte));color:hsl(var(--encre));box-shadow:var(--ombre-1)}
.or-seg .c{font-size:11.5px;font-weight:800;color:hsl(var(--doux))}
.or-cherche{position:relative;width:340px;margin-left:auto}
.or-cherche input{width:100%;height:42px;padding:0 12px 0 38px;border:0;border-radius:12px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait-fort)) inset;font-size:14px;outline:none;transition:box-shadow .2s var(--sortie)}
.or-cherche input:focus{box-shadow:0 0 0 2px hsl(var(--azur)) inset,0 0 0 5px hsl(var(--azur)/.12)}
.or-cherche svg{position:absolute;left:12px;top:12px;color:hsl(var(--doux))}
.or-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:40px;padding:0 14px;border-radius:12px;font-size:13.5px;font-weight:650;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait-fort)) inset;transition:transform 90ms,box-shadow .16s;white-space:nowrap}
.or-btn:hover{box-shadow:var(--ombre-2),0 0 0 1px hsl(var(--azur)/.4) inset}.or-btn:active{transform:scale(.97)}
.or-btn.prim{color:#fff;background:linear-gradient(180deg,hsl(213 92% 52%),hsl(var(--azur-fort)));box-shadow:0 8px 18px -8px hsl(var(--azur)/.7)}
.or-btn.vert{color:#fff;background:linear-gradient(180deg,hsl(152 60% 38%),hsl(var(--vert)));box-shadow:0 8px 18px -8px hsl(var(--vert)/.7)}
.or-btn.rouge{color:#fff;background:hsl(var(--rouge));box-shadow:0 8px 18px -8px hsl(var(--rouge)/.6)}
.or-sel{height:42px;padding:0 10px;border:0;border-radius:11px;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;font-size:14px;font-weight:650;max-width:62vw}
.or-btn.svo{color:#fff;background:linear-gradient(180deg,hsl(262 60% 58%),hsl(var(--violet)));box-shadow:0 8px 18px -8px hsl(var(--violet)/.7)}
.or-btn.non,.or-btn[disabled]{opacity:.5}
.or-btn[disabled]{pointer-events:none}

/* pastilles */
.or-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;align-items:center}
.or-f{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;font-size:13.5px;font-weight:650;background:hsl(var(--carte));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;transition:transform 90ms var(--sortie),background .16s,color .16s}
.or-f b{font-weight:800}
.or-f.orange b{color:hsl(var(--orange))}.or-f.rouge b{color:hsl(var(--rouge))}.or-f.vert b{color:hsl(var(--vert))}.or-f.bleu b{color:hsl(var(--azur-fort))}
.or-f.on{background:hsl(var(--encre));color:#fff;box-shadow:none}.or-f.on b{color:#fff}
.or-f:active{transform:scale(.96)}
.or-tri{margin-left:auto;font-size:12.5px;font-weight:650;color:hsl(var(--doux));display:flex;align-items:center;gap:6px}
.or-tri .or-seg button{height:28px;font-size:12.5px}

/* liste + volet */
.or-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:12px;align-items:start}
@media (min-width:1800px){.or-zone{grid-template-columns:minmax(0,1fr) 720px}.or-zone.large{grid-template-columns:minmax(0,1fr) 780px}}
.or-liste{border-radius:20px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset;overflow:hidden}
.or-th,.or-ln{display:grid;grid-template-columns:var(--cols);align-items:center;gap:12px;padding:0 16px}
.or-th{height:40px;font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--doux));border-bottom:1px solid hsl(var(--trait));background:hsl(var(--fond)/.6)}
.or .r{justify-self:end;text-align:right}
.or-ln{position:relative;padding-top:8px;padding-bottom:8px;border-top:1px solid hsl(var(--trait));cursor:pointer;animation:or-entree .38s var(--sortie) both;transition:background .16s}
.or-ln:first-of-type{border-top:0}
.or-ln:hover{background:hsl(var(--fond))}
.or-ln.sel{background:hsl(var(--azur-doux))}
.or-ln.sel::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:hsl(var(--azur))}
.or-ln.urg::after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:hsl(var(--rouge))}
.or-ln.flash{animation:or-flash .9s var(--sortie)}
.or-ph{width:92px;height:60px;border-radius:10px;overflow:hidden;position:relative;background:hsl(var(--gris-doux));display:block}
.or-ph .v2-vignette{width:100%;height:100%;display:block}
.or-ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--sortie)}
.or-ln:hover .or-ph img{transform:scale(1.06)}
.or-ph .or-st{position:absolute;left:5px;top:5px;font-size:10.5px;font-weight:800;padding:2px 6px;border-radius:6px;background:hsl(var(--encre));color:#fff}
.or-ph .or-nph{position:absolute;left:5px;bottom:5px;display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border-radius:6px;font-size:10.5px;font-weight:700;color:#fff;background:hsl(216 50% 10%/.55)}
.or-ph .or-nph svg{width:11px;height:11px}
.or-sil{display:grid;place-items:center;width:100%;height:100%;color:hsl(var(--doux)/.5);background:repeating-linear-gradient(135deg,hsl(var(--gris-doux)),hsl(var(--gris-doux)) 8px,hsl(var(--carte)) 8px,hsl(var(--carte)) 16px)}
.or-sil svg.or-i{width:30px;height:30px;stroke-width:1.3}
.or-ve{min-width:0}
.or-ve b{display:block;font-size:14.5px;font-weight:750;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-ve span{display:block;font-size:12.5px;color:hsl(var(--doux));margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-ve .no{display:inline;font-weight:700;color:hsl(var(--doux)/.85)}
.or-cl{min-width:0}
.or-cl b{display:block;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-cl span{display:block;font-size:12px;color:hsl(var(--doux));margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-cl .memo{color:hsl(var(--violet));font-weight:600}
.or-vd{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;background:hsl(213 80% 46%)}
.or-mt b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.or-mt small{display:block;font-size:11.5px;color:hsl(var(--doux));font-weight:600;margin-top:1px;white-space:nowrap}
.or-dd{font-size:13px;font-weight:650;white-space:nowrap}
.or-dd small{display:flex;align-items:center;gap:4px;font-size:12px;color:hsl(var(--doux));font-weight:550;margin-top:2px}
.or-dd small svg.or-i{width:13px;height:13px}
.or-lu{display:grid;gap:2px;font-size:12px;font-weight:600;color:hsl(var(--doux));min-width:0}
.or-p{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 8px;border-radius:7px;font-size:12.5px;font-weight:750;width:max-content;max-width:100%;white-space:nowrap}
.or-p svg.or-i{width:14px;height:14px}
.or-p.lue{background:hsl(var(--azur-doux));color:hsl(var(--azur-fort))}
.or-p.nonlue{background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-p.attente{background:hsl(var(--gris-doux));color:hsl(var(--doux))}
.or-p.sur{background:hsl(var(--violet-doux));color:hsl(var(--violet))}
.or-p.signe{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-p.eteint{background:hsl(var(--gris-doux));color:hsl(var(--doux)/.7);text-decoration:line-through}
.or-actif{width:7px;height:7px;border-radius:50%;background:hsl(var(--vert));box-shadow:0 0 0 0 hsl(var(--vert)/.5);animation:or-pouls 1.6s infinite}
.or-rl{display:grid;gap:3px;font-size:12px;color:hsl(var(--doux));font-weight:600;white-space:nowrap}
.or-rl .pts{display:flex;gap:3px}.or-rl .pts i{width:16px;height:5px;border-radius:3px;background:hsl(var(--trait))}.or-rl .pts i.on{background:hsl(var(--azur))}
.or-et{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 9px;border-radius:8px;font-size:12.5px;font-weight:750;white-space:nowrap}
.or-et i{width:7px;height:7px;border-radius:50%;background:currentColor}
.or-et.envoyee{background:hsl(var(--gris-doux));color:hsl(var(--encre))}
.or-et.lue,.or-et.proposee{background:hsl(var(--azur-doux));color:hsl(var(--azur-fort))}
.or-et.bdc,.or-et.achiffrer{background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-et.signee,.or-et.offre{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-et.refusee{background:hsl(var(--rouge-doux));color:hsl(var(--rouge))}
.or-et.expiree,.or-et.inachevee{background:hsl(var(--gris-doux));color:hsl(var(--doux))}
.or-et.arevoir{background:hsl(var(--violet-doux));color:hsl(var(--violet))}
.or-sous{display:block;font-size:11.5px;color:hsl(var(--doux));font-weight:600;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-sous.or-o{color:hsl(var(--orange))}
.or-cs{min-width:0}
.or-acts{display:flex;gap:4px;justify-content:flex-end}
.or-ia{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:hsl(var(--doux));background:hsl(var(--carte));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;transition:transform .16s var(--sortie),color .16s,box-shadow .16s}
.or-ia:hover{color:hsl(var(--azur-fort));box-shadow:0 0 0 1.5px hsl(var(--azur)/.6) inset;transform:translateY(-1px)}
.or-ia.bloque{color:hsl(var(--rouge)/.7)}
.or-ia.go{color:#fff;background:hsl(var(--azur));box-shadow:none}
.or-ia.vert{color:#fff;background:hsl(var(--vert));box-shadow:none}
.or-ia svg.or-i{width:16px;height:16px}
.or-ia.secoue{animation:or-secoue .4s}
.or-grp{padding:8px 16px;font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--doux));background:hsl(var(--fond));border-top:1px solid hsl(var(--trait))}
.or-grp.rouge{color:hsl(var(--rouge))}
.or-grp .ct{float:right;text-transform:none;letter-spacing:0;font-weight:650}
.or-vide{padding:50px 20px;text-align:center;color:hsl(var(--doux));font-weight:600}
.or-vide b{display:block;font-size:40px;color:hsl(var(--encre));font-weight:800}
.or-lecture{padding:30px;text-align:center;color:hsl(var(--doux));font-weight:600}

/* volet */
.or-voile{position:fixed;inset:0;z-index:180;background:hsl(216 50% 10%/.3);backdrop-filter:blur(3px);animation:or-pop .2s both}
.or-volet{position:fixed;z-index:190;top:0;right:0;bottom:0;width:min(760px,100vw);display:flex;flex-direction:column;background:hsl(var(--fond));box-shadow:-30px 0 80px -20px hsl(220 50% 15%/.35);animation:or-glisse .32s var(--sortie) both}
@keyframes or-glisse{from{transform:translateX(60px);opacity:0}}
@media (min-width:1800px){.or-volet.fixe{position:sticky;top:74px;z-index:1;width:auto;height:calc(100vh - 90px);border-radius:20px;overflow:hidden;box-shadow:var(--ombre-2),0 0 0 1px hsl(var(--trait)) inset;animation:none}.or-volet.fixe .or-x{display:none}}
.or-vt{display:flex;align-items:center;gap:12px;padding:14px 16px;background:hsl(var(--carte));box-shadow:0 1px 0 hsl(var(--trait))}
.or-vt .or-ph{width:104px;height:68px;border-radius:12px;flex:none}
.or-vt .or-vtx{min-width:0}
.or-vt b{font-size:17px;display:block;letter-spacing:-.01em}.or-vt small{font-size:12.5px;color:hsl(var(--doux));display:block;margin-top:2px}
.or-vt .mtg{margin-left:auto;text-align:right;flex:none}.or-vt .mtg b{font-size:22px;font-weight:800}
.or-x{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:hsl(var(--gris-doux));flex:none}
.or-etapes{display:flex;gap:4px;padding:10px 16px;background:hsl(var(--carte));box-shadow:0 1px 0 hsl(var(--trait))}
.or-etapes span{flex:1;display:grid;gap:4px;font-size:11.5px;font-weight:700;color:hsl(var(--doux));text-align:center}
.or-etapes span::before{content:"";height:5px;border-radius:3px;background:hsl(var(--trait));transition:background .3s}
.or-etapes span.fait::before{background:hsl(var(--menthe-fort))}.or-etapes span.ici{color:hsl(var(--encre))}.or-etapes span.ici::before{background:hsl(var(--azur))}
.or-vc{flex:1;overflow:auto;padding:12px 16px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:12px;align-content:start}
.or-vc.trois{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.or-vc>*{animation:or-entree .32s var(--sortie) both}
.or-col{display:grid;gap:12px;align-content:start;min-width:0}
.or-sec{padding:12px 14px;border-radius:16px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset;min-width:0}
.or-sec.plein{grid-column:1/-1}
.or-sec h3{margin:0 0 8px;font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--doux));display:flex;align-items:center;gap:8px}
.or-sec h3 .d{margin-left:auto;text-transform:none;letter-spacing:0;color:hsl(var(--azur-fort));font-weight:700}
.or-clt{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px}
.or-clt span{color:hsl(var(--doux));font-size:11.5px;font-weight:650;display:block}
.or-clt b{font-weight:650;overflow-wrap:anywhere}
.or-doc{position:relative;padding:14px 14px 12px;border-radius:6px;background:#fff;box-shadow:0 1px 2px hsl(220 30% 20%/.12),0 8px 22px -8px hsl(220 30% 20%/.25);font-size:11.5px;line-height:1.4}
.or-doc .dh{display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:2px solid hsl(var(--encre))}
.or-doc .dh b{font-size:12.5px}.or-doc .dh small{margin-left:auto;color:hsl(var(--doux));font-size:10px;text-align:right}
.or-doc .lg{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,hsl(var(--menthe-vif)),hsl(var(--azur)))}
.or-doc .dv{display:grid;grid-template-columns:64px 1fr;gap:8px;margin:9px 0;align-items:center}
.or-doc .dv .or-ph{width:64px;height:42px;border-radius:4px}
.or-doc .dl{display:flex;justify-content:space-between;gap:8px;padding:3px 0;border-bottom:1px dotted hsl(var(--trait-fort))}
.or-doc .dl.moins b{color:hsl(var(--vert))}
.or-doc .tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:8px;padding:7px 8px;border-radius:5px;background:hsl(var(--fond))}
.or-doc .tot b{font-size:15px}
.or-doc .pied{margin-top:8px;display:flex;justify-content:space-between;color:hsl(var(--doux));font-size:9.5px}
.or-doc .sig{position:absolute;right:14px;bottom:26px;font:500 16px "Bradley Hand","Segoe Print",cursive;color:hsl(220 60% 35%);transform:rotate(-6deg)}
.or-tl{display:grid}
.or-ev{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:start;padding:6px 0;font-size:12.5px;position:relative}
.or-ev::before{content:"";position:absolute;left:8px;top:22px;bottom:-6px;width:2px;background:hsl(var(--trait))}
.or-ev:last-child::before{display:none}
.or-ev .o{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--gris-doux));color:hsl(var(--doux));z-index:1}
.or-ev .o svg.or-i{width:11px;height:11px;stroke-width:2.4}
.or-ev .o.b{background:hsl(var(--azur));color:#fff}.or-ev .o.v{background:hsl(var(--vert));color:#fff}.or-ev .o.or-o{background:hsl(var(--orange-vif));color:#2b1600}.or-ev .o.vi{background:hsl(var(--violet));color:#fff}
.or-ev b{font-weight:700;display:block}.or-ev small{color:hsl(var(--doux));font-size:11.5px}
.or-ev time{font-size:11.5px;color:hsl(var(--doux));font-weight:650;white-space:nowrap}
.or-lect{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:4px 0 10px}
.or-lect i{height:22px;border-radius:5px;background:hsl(var(--gris-doux))}
.or-lect i.l1{background:hsl(var(--azur)/.35)}.or-lect i.l2{background:hsl(var(--azur)/.65)}.or-lect i.l3{background:hsl(var(--azur))}
.or-lect small{font-size:10px;color:hsl(var(--doux));text-align:center;font-weight:650}
.or-memo{width:100%;min-height:54px;border:0;border-radius:10px;padding:8px 10px;font-size:13px;background:hsl(var(--violet-doux));box-shadow:0 0 0 1px hsl(var(--violet)/.25) inset;resize:vertical;outline:none;color:hsl(var(--encre))}
.or-memo:focus{box-shadow:0 0 0 2px hsl(var(--violet)) inset;background:#fff}
.or-inter{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:650}
.or-sw{width:40px;height:24px;border-radius:12px;background:hsl(var(--trait-fort));position:relative;transition:background .2s;flex:none}
.or-sw::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--ombre-1);transition:transform .24s var(--ressort)}
.or-sw.on{background:hsl(var(--vert))}.or-sw.on::after{transform:translateX(16px)}
.or-alerte{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;font-size:13px;font-weight:650;background:hsl(var(--rouge-doux));color:hsl(var(--rouge))}
.or-alerte.or-o{background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-alerte.ok{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-alerte svg.or-i{width:16px;height:16px}
.or-alerte .or-btn{margin-left:auto;height:34px}
.or-vp{display:flex;gap:8px;padding:12px 16px;background:hsl(var(--carte));box-shadow:0 -1px 0 hsl(var(--trait));flex-wrap:wrap}
.or-vp .or-btn{flex:1}
.or-note{font-size:11.5px;color:hsl(var(--doux));font-weight:600;margin-top:6px}

/* boîte */
.or-voile2{position:fixed;inset:0;z-index:205;background:hsl(216 50% 10%/.35);backdrop-filter:blur(4px);animation:or-pop .2s both}
.or-boite{position:fixed;z-index:210;left:50%;top:50%;width:min(560px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:20px;border-radius:24px;background:hsl(var(--carte));box-shadow:var(--ombre-3);transform:translate(-50%,-50%);animation:or-boite .26s var(--ressort) both}
@keyframes or-boite{from{opacity:0;transform:translate(-50%,-46%) scale(.97)}}
.or-boite h2{margin:0;font-size:19px;letter-spacing:-.01em}
.or-bh{display:flex;align-items:center;gap:12px;margin-bottom:14px}.or-bh .or-ph{width:84px;height:56px}.or-bh small{display:block;color:hsl(var(--doux));font-size:13px}
.or-bl{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 0;border-top:1px solid hsl(var(--trait));font-size:14px}
.or-bl>span{font-weight:600;color:hsl(var(--doux))}
.or-bl b{font-size:15px}
.or-bl.gros b{font-size:22px;font-weight:800}
.or-champ{display:flex;align-items:center;gap:6px;height:42px;padding:0 12px;border-radius:11px;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset}
.or-champ:focus-within{box-shadow:0 0 0 2px hsl(var(--azur)) inset;background:#fff}
.or-champ input{width:90px;border:0;background:none;outline:none;font-size:17px;font-weight:800;text-align:right}
.or-champ.long{flex:1}.or-champ.long input{width:100%;text-align:left;font-size:15px}
.or-verrou{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border-radius:9px;font-size:13px;font-weight:700;background:hsl(var(--gris-doux));color:hsl(var(--doux))}
.or-verrou svg.or-i{width:14px;height:14px}
.or-bb{display:flex;gap:8px;margin-top:16px}.or-bb .or-btn{flex:1;height:46px}
.or-err{margin:10px 0 0;padding:9px 12px;border-radius:12px;background:hsl(var(--rouge-doux));color:hsl(var(--rouge));font-size:13px;font-weight:650}
.or-lab{font-size:11.5px;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--doux));margin-top:4px}

/* avis */
.or-toasts{position:fixed;z-index:220;left:50%;bottom:24px;translate:-50% 0;display:grid;gap:8px;justify-items:center;pointer-events:none;width:max-content;max-width:calc(100vw - 24px)}
.or-toast{display:flex;align-items:center;gap:10px;padding:11px 16px 11px 12px;border-radius:14px;color:#fff;font-size:14px;font-weight:600;background:hsl(216 56% 11%/.94);box-shadow:var(--ombre-3);animation:or-pop .3s var(--ressort) both}
.or-toast i{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--menthe-vif));color:#06302d;font-style:normal;font-weight:900;flex:none}
.or-toast.non i{background:hsl(var(--rouge));color:#fff}

/* reprises */
.or-rc b{display:block;font-size:13.5px;font-weight:750;white-space:nowrap}
.or-rc small{display:flex;align-items:center;gap:4px;font-size:11.5px;color:hsl(var(--doux));font-weight:600;margin-top:2px;white-space:nowrap}
.or-rc small svg.or-i{width:12px;height:12px}
.or-pc{display:grid;gap:3px}
.or-pc span{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;width:max-content;height:22px;padding:0 7px;border-radius:6px}
.or-pc svg.or-i{width:12px;height:12px;stroke-width:2.6}
.or-pc .oui{background:hsl(var(--vert-doux));color:hsl(var(--vert))}.or-pc .non{background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-cv{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:center;min-width:0}
.or-cv .or-ph{width:48px;height:32px;border-radius:6px}
.or-cv b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-cv small{display:block;font-size:11.5px;color:hsl(var(--doux));font-weight:650}
.or-cot{font-size:12.5px;font-weight:700}.or-cot small{display:block;font-size:11px;color:hsl(var(--doux));font-weight:600;margin-top:1px}
.or-prix{display:flex;align-items:center;gap:4px;height:38px;padding:0 10px;border-radius:11px;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;transition:box-shadow .16s,background .16s}
.or-prix:focus-within{background:#fff;box-shadow:0 0 0 2px hsl(var(--azur)) inset,0 0 0 4px hsl(var(--azur)/.12)}
.or-prix input{width:100%;min-width:0;border:0;background:none;outline:none;font-size:16px;font-weight:800;text-align:right}
.or-prix b{font-size:14px;color:hsl(var(--doux))}
.or-prix.fixe{background:none;box-shadow:none;padding:0;justify-content:flex-end;font-size:16px;font-weight:800}
.or-jx{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.or-jx span{display:inline-flex;align-items:center;gap:3px;height:20px;padding:0 6px;border-radius:6px;font-size:11px;font-weight:750;background:hsl(var(--gris-doux));color:hsl(var(--doux))}
.or-jx span.ok{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-jx svg.or-i{width:11px;height:11px;stroke-width:2.6}
.or-go{display:flex;justify-content:flex-end}
.or-go .or-btn{height:36px;padding:0 12px;font-size:13px}
.or-gal{display:grid;grid-template-columns:1fr 92px;gap:8px}
.or-gal .big{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:2/1;background:hsl(var(--gris-doux))}
.or-gal .big img{width:100%;height:100%;object-fit:cover;animation:or-fondu .32s var(--sortie)}
.or-gal .big .cpt{position:absolute;right:8px;bottom:8px;padding:3px 8px;border-radius:7px;font-size:12px;font-weight:700;color:#fff;background:hsl(216 50% 10%/.55)}
.or-gal .mins{display:grid;gap:6px;align-content:start}
.or-gal .mins button{border-radius:8px;overflow:hidden;aspect-ratio:16/10;opacity:.65;transition:opacity .16s,box-shadow .16s;background:hsl(var(--gris-doux));font-size:11px;font-weight:700;color:hsl(var(--doux))}
.or-gal .mins button.on{opacity:1;box-shadow:0 0 0 2px hsl(var(--azur))}
.or-gal .mins img{width:100%;height:100%;object-fit:cover;display:block}
.or-piece{display:grid;place-items:center;width:100%;height:100%;gap:4px;color:hsl(var(--doux));font-size:12.5px;font-weight:650;text-align:center;padding:8px}
.or-cg{border-radius:12px;padding:10px 12px;background:linear-gradient(135deg,hsl(160 30% 95%),hsl(200 35% 94%));box-shadow:0 0 0 1px hsl(190 25% 80%) inset;font-size:12px}
.or-cg .ent{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:800;letter-spacing:.06em;color:hsl(210 40% 35%);margin-bottom:6px}
.or-cg .ent i{width:16px;height:11px;background:linear-gradient(90deg,#1d4fbf 33%,#fff 33% 66%,#e1251b 66%);border-radius:2px}
.or-cg .gr{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}
.or-cg .gr span{font-weight:800;color:hsl(210 40% 35%);font-size:10.5px}
.or-cg .gr em{font-style:normal;font-weight:650}
.or-decl{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;font-size:12.5px}
.or-decl span{color:hsl(var(--doux));font-weight:600}
.or-decl b{font-weight:650}.or-decl b.or-o{color:hsl(var(--orange))}
.or-cita{margin-top:8px;padding:8px 10px;border-radius:10px;background:hsl(var(--fond));font-size:12.5px;color:hsl(var(--doux));font-style:italic}
.or-cl2{display:grid;grid-template-columns:1fr auto;gap:6px 10px;font-size:13px;align-items:center}
.or-cl2 span{color:hsl(var(--doux));font-weight:600}.or-cl2 b{font-weight:750;text-align:right}
.or-cl2 .tot{font-size:18px;font-weight:800}
.or-cl2 .vert{color:hsl(var(--vert))}.or-cl2 .or-o{color:hsl(var(--orange))}
.or-pgros{display:flex;align-items:center;gap:10px;margin-top:10px}
.or-pgros .or-prix{flex:1;height:52px}.or-pgros .or-prix input{font-size:24px}
.or-netc{display:flex;align-items:baseline;justify-content:space-between;padding:10px 12px;margin-top:10px;border-radius:12px;background:hsl(var(--azur-doux));font-size:13px;font-weight:650;color:hsl(var(--azur-fort))}
.or-netc b{font-size:20px;font-weight:800}
.or-convo{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}
.or-convo .or-ph{width:110px;height:72px}
.or-convo b{display:block;font-size:14px}.or-convo small{display:block;font-size:12px;color:hsl(var(--doux));margin-top:2px}
.or-convo .px{font-size:17px;font-weight:800;margin-top:4px}
.or-ab{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:hsl(var(--fond));font-size:13px;font-weight:650}
.or-ab b{margin-left:auto}
.or-orig{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border-radius:6px;font-size:11.5px;font-weight:700;background:hsl(var(--gris-doux));color:hsl(var(--doux));margin-left:6px;vertical-align:1px}

/* dossiers */
.or-tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.or-tu{display:grid;grid-template-columns:44px 1fr auto;gap:2px 12px;align-items:center;padding:12px 16px;border-radius:16px;text-align:left;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset;transition:transform .16s var(--sortie),box-shadow .16s;animation:or-entree .38s var(--sortie) both}
.or-tu:hover{transform:translateY(-2px);box-shadow:var(--ombre-2),0 0 0 1px hsl(var(--trait-fort)) inset}
.or-tu.on{box-shadow:0 0 0 2px hsl(var(--encre)) inset,var(--ombre-2)}
.or-tu .ico{grid-row:1/3;width:44px;height:44px;border-radius:13px;display:grid;place-items:center}
.or-tu .ico svg.or-i{width:22px;height:22px}
.or-tu b{font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1}
.or-tu span{font-size:13px;font-weight:650;color:hsl(var(--doux))}
.or-tu .mini{grid-row:1/3;grid-column:3;display:flex}
.or-tu .mini .or-ph{width:34px;height:34px;border-radius:50%;box-shadow:0 0 0 2px #fff;margin-left:-10px}
.or-tu .mini .or-ph:first-child{margin-left:0}
.or-tu.t1 .ico{background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-tu.t2 .ico{background:hsl(var(--azur-doux));color:hsl(var(--azur-fort))}
.or-tu.t3 .ico{background:hsl(var(--rouge-doux));color:hsl(var(--rouge))}
.or-tu.t4 .ico{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-vds{display:inline-flex;gap:4px;flex-wrap:wrap}
.or-vdb{height:36px;padding:0 12px;border-radius:999px;font-size:12.5px;font-weight:750;background:hsl(var(--carte));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;color:hsl(var(--doux))}
.or-vdb.on{background:hsl(var(--encre));color:#fff;box-shadow:none}
.or-lv b{display:block;font-size:13.5px;font-weight:750;white-space:nowrap}
.or-lv small{display:block;font-size:11.5px;color:hsl(var(--doux));font-weight:600;margin-top:2px;white-space:nowrap}
.or-lv .dater{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border-radius:7px;font-size:12.5px;font-weight:750;background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-lv .dater svg.or-i{width:13px;height:13px}
.or-lv.retard b{color:hsl(var(--rouge))}
.or-at{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;margin-top:3px;white-space:nowrap}
.or-at i{width:7px;height:7px;border-radius:50%;background:currentColor}
.or-at.ok{color:hsl(var(--vert))}.or-at.non{color:hsl(var(--orange))}
.or-av{display:grid;gap:4px}
.or-av .seg6{display:grid;grid-template-columns:repeat(6,1fr);gap:3px}
.or-av .seg6 i{height:7px;border-radius:4px;background:hsl(var(--trait))}
.or-av .seg6 i.on{background:linear-gradient(90deg,hsl(var(--menthe-fort)),hsl(var(--menthe-vif)))}
.or-av .seg6 i.manq{background:hsl(var(--orange-vif))}
.or-av small{font-size:12px;font-weight:750}
.or-mq{display:grid;gap:2px;min-width:0}
.or-mq b{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:750;color:hsl(var(--orange))}
.or-mq b.rouge{color:hsl(var(--rouge))}.or-mq b.vert{color:hsl(var(--vert))}
.or-mq b svg.or-i{width:15px;height:15px}
.or-mq small{font-size:11.5px;color:hsl(var(--doux));font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.or-cgc{display:grid;gap:3px}
.or-cgc .ch{display:flex;gap:2px}
.or-cgc .ch i{flex:1;height:6px;border-radius:3px;background:hsl(var(--trait))}
.or-cgc .ch i.on{background:hsl(var(--azur))}
.or-cgc button{font-size:12px;font-weight:700;text-align:left;color:hsl(var(--azur-fort))}
.or-cgc button.fait{color:hsl(var(--vert))}
.or-ac b{display:block;font-size:13.5px;font-weight:800}
.or-ac small{display:inline-flex;align-items:center;gap:3px;font-size:11.5px;font-weight:700;margin-top:1px}
.or-ac small svg.or-i{width:12px;height:12px;stroke-width:2.6}
.or-ac .ok{color:hsl(var(--vert))}.or-ac .non{color:hsl(var(--orange))}
.or-go.plein .or-btn{width:100%}
.or-etapes6{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px 16px;background:hsl(var(--carte));box-shadow:0 1px 0 hsl(var(--trait))}
.or-etapes6 div{display:grid;justify-items:center;gap:5px;text-align:center;font-size:11.5px;font-weight:700;color:hsl(var(--doux));position:relative}
.or-etapes6 div::before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:3px;background:hsl(var(--trait));z-index:0}
.or-etapes6 div:first-child::before{display:none}
.or-etapes6 div.fait::before{background:hsl(var(--menthe-fort))}
.or-etapes6 .o{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:hsl(var(--carte));box-shadow:0 0 0 2px hsl(var(--trait-fort)) inset;z-index:1}
.or-etapes6 .o svg.or-i{width:14px;height:14px;stroke-width:2.8}
.or-etapes6 .fait .o{background:hsl(var(--menthe-fort));color:#fff;box-shadow:none}
.or-etapes6 .ici{color:hsl(var(--encre))}.or-etapes6 .ici .o{box-shadow:0 0 0 2px hsl(var(--orange-vif)) inset;color:hsl(var(--orange))}
.or-pi{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid hsl(var(--trait));font-size:13px}
.or-pi:first-of-type{border-top:0}
.or-pi .o{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:hsl(var(--orange-doux));color:hsl(var(--orange))}
.or-pi .o.ok{background:hsl(var(--vert-doux));color:hsl(var(--vert))}
.or-pi .o svg.or-i{width:15px;height:15px}
.or-pi b{display:block;font-weight:700}.or-pi small{display:block;font-size:11.5px;color:hsl(var(--doux))}
.or-pi .bt{display:flex;gap:4px}
.or-mini{height:30px;padding:0 10px;border-radius:9px;font-size:12px;font-weight:700;background:hsl(var(--gris-doux))}
.or-mini.p{background:hsl(var(--azur));color:#fff}
.or-chaine{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.or-chaine button{display:grid;gap:2px;padding:8px 6px;border-radius:10px;font-size:12px;font-weight:750;background:hsl(var(--gris-doux));color:hsl(var(--doux));transition:background .2s var(--sortie),color .2s}
.or-chaine button small{font-size:10.5px;font-weight:650;opacity:.8}
.or-chaine button.on{background:hsl(var(--azur));color:#fff}
.or-chaine button.ici{box-shadow:0 0 0 2px hsl(var(--azur)) inset;color:hsl(var(--azur-fort));background:hsl(var(--azur-doux))}
.or-docs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.or-dc{display:grid;gap:6px;justify-items:start;padding:10px;border-radius:12px;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait)) inset;font-size:12.5px;font-weight:700;text-align:left;transition:transform .16s var(--sortie),box-shadow .16s}
.or-dc:hover{transform:translateY(-2px);box-shadow:var(--ombre-2),0 0 0 1px hsl(var(--trait-fort)) inset}
.or-dc .pg{width:34px;height:42px;border-radius:4px;background:#fff;box-shadow:0 1px 3px hsl(220 30% 20%/.2);display:grid;place-items:center;color:hsl(var(--doux))}
.or-dc .pg svg.or-i{width:16px;height:16px}
.or-dc small{font-size:11px;font-weight:650;color:hsl(var(--doux))}
.or-dc.ok small{color:hsl(var(--vert))}.or-dc.non{opacity:.55}
.or-dc.svo .pg{color:hsl(var(--violet))}
.or-jours{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0 12px}
.or-jr{display:grid;gap:2px;justify-items:center;padding:8px 4px;border-radius:12px;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait)) inset;font-size:12px;font-weight:650;color:hsl(var(--doux));transition:transform 90ms var(--sortie),background .16s}
.or-jr b{font-size:19px;font-weight:800;color:hsl(var(--encre))}
.or-jr .pts{display:flex;gap:2px;height:6px}.or-jr .pts i{width:6px;height:6px;border-radius:50%;background:hsl(var(--azur)/.5)}
.or-jr.on{background:hsl(var(--azur));color:#fff;box-shadow:none}.or-jr.on b{color:#fff}.or-jr.on .pts i{background:#fff}
.or-jr:active{transform:scale(.96)}
.or-hrs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.or-hr{height:36px;padding:0 12px;border-radius:10px;font-size:13.5px;font-weight:700;background:hsl(var(--fond));box-shadow:0 0 0 1px hsl(var(--trait)) inset}
.or-hr.on{background:hsl(var(--encre));color:#fff;box-shadow:none}
.or-hr.pris{text-decoration:line-through;opacity:.4;pointer-events:none}
.or-copie{display:grid;grid-template-columns:auto 1fr;gap:5px 14px;padding:12px;border-radius:12px;background:hsl(var(--fond));font-size:13px;margin-top:4px}
.or-copie span{color:hsl(var(--doux));font-weight:600}.or-copie b{font-weight:700;overflow-wrap:anywhere}

/* largeur intermédiaire */
@media (max-width:1180px){.or .cE,.or .cR,.or .cA,.or .cV,.or .cS{display:none}.or-tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* téléphone */
@media (max-width:640px){
  .or{padding-bottom:110px}
  .or-band{gap:6px}.or-band h1{font-size:22px;width:100%}.or-k{height:34px;padding:0 10px;border-radius:11px;font-size:12px;gap:5px}.or-k b{font-size:15px}.or-k .or-jauge{display:none}
  .or-cherche{width:100%;margin-left:0}
  .or-pills{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-12px;margin-right:-12px;padding:0 12px}.or-pills::-webkit-scrollbar{display:none}.or-pills>*{flex:none}.or-tri{display:none}
  .or-th{display:none}.or-zone>*{min-width:0}.or-band>*{max-width:100%}
  .or-liste{background:none;box-shadow:none;border-radius:0;overflow:visible;display:grid;gap:10px}
  .or-grp{background:none;border:0;padding:6px 4px 0}
  .or-ln{grid-template-columns:84px minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;gap:4px 10px;padding:10px;border:0;border-radius:16px;background:hsl(var(--carte));box-shadow:var(--ombre-1),0 0 0 1px hsl(var(--trait)) inset}
  .or-ln .or-ph{grid-row:1/3;grid-column:1;width:84px;height:58px}
  .or-ln .or-ve{grid-column:2/4;grid-row:1}
  .or-ln .t2a{grid-column:2;grid-row:2}
  .or-ln .t2b{grid-column:3;grid-row:2;justify-self:end}
  .or-ln .t3a{grid-column:1/3;grid-row:3}
  .or-ln .t3b{grid-column:3;grid-row:3;justify-self:end}
  .or-ln .tel-non{display:none}
  .or-ln .or-cl span{display:none}
  .or-vc,.or-vc.trois{grid-template-columns:1fr}
  .or-vt .or-ph{width:72px;height:48px}.or-vt .mtg b{font-size:18px}
  .or-etapes span{font-size:10px}.or-etapes6 div{font-size:10px}
  .or-tuiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.or-tu{grid-template-columns:36px 1fr;padding:10px 12px}.or-tu .ico{width:36px;height:36px}.or-tu b{font-size:22px}.or-tu .mini{display:none}
  .or-docs{grid-template-columns:repeat(2,1fr)}
  .or-gal{grid-template-columns:1fr}.or-gal .mins{grid-template-columns:repeat(4,1fr)}
  .or-toasts{bottom:84px}
}
@media (prefers-reduced-motion:reduce){.or *,.or *::before,.or *::after{animation-duration:1ms!important;transition-duration:1ms!important}}
/* ===== 18/10 — Offres et demandes : une seule ligne d'en-tête (JB) ===== */
.or-band{flex-wrap:wrap;gap:8px;min-height:40px}
.or-band .or-k{height:38px;padding:0 12px;border-radius:12px}.or-band .or-k b{font-size:17px}
.or-band .or-seg button{height:30px}
.or-band .or-pills{margin-top:0;flex-wrap:nowrap}
.or-band .or-f{height:34px}
.or-band .or-tri{margin-left:auto}
.or-band .or-cherche{margin-left:0;width:300px}.or-band .or-cherche input{height:38px}.or-band .or-cherche svg{top:10px}
.or .or-zone{margin-top:12px}
.or-ve .or-rep{display:flex;gap:4px;margin-top:4px;overflow:hidden}
.or-pa{font-style:normal;display:inline-flex;align-items:center;height:19px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:700;background:hsl(var(--gris-doux));color:hsl(var(--doux));white-space:nowrap}
.or-pa.rep{background:hsl(var(--violet-doux,262 70% 96%));color:hsl(var(--violet,262 52% 47%));overflow:hidden;text-overflow:ellipsis;min-width:0}
.or-cl .or-ev{color:hsl(var(--encre));font-weight:650}
.or-cl .or-par{font-size:11.5px}
.com-bascule{display:inline-flex;gap:2px;padding:3px;border-radius:12px;background:hsl(220 35% 12%);flex:none}
.com-bascule button{height:32px;padding:0 13px;border-radius:9px;font-size:13.5px;font-weight:700;color:hsl(0 0% 100%/.72);display:flex;align-items:center;gap:7px;transition:background .16s,color .16s}
.com-bascule button.on{background:#fff;color:hsl(220 35% 12%)}
.com-bascule button:not(.on):hover{color:#fff}
.com-bascule .c{font-size:12px;font-weight:800;color:hsl(214 84% 36%)}
.com-plus{position:relative;flex:none}
.com-plus>summary{list-style:none;display:grid;place-items:center;width:38px;height:36px;border-radius:11px;background:#fff;box-shadow:0 1px 2px hsl(220 40% 20%/.06),0 0 0 1px hsl(220 15% 82%) inset;font-size:20px;font-weight:800;line-height:1;cursor:pointer;user-select:none;color:hsl(220 35% 12%)}
.com-plus>summary::-webkit-details-marker{display:none}
.com-plus[open]>summary{background:hsl(220 35% 12%);color:#fff;box-shadow:none}
.com-plus-m{position:absolute;right:0;top:42px;z-index:70;width:280px;display:grid;gap:2px;padding:8px;border-radius:14px;background:#fff;box-shadow:0 12px 24px hsl(220 40% 20%/.1),0 32px 64px -12px hsl(220 50% 15%/.22),0 0 0 1px hsl(220 18% 90%) inset}
.com-plus-m>button,.com-plus-m>a{display:flex;align-items:center;height:38px;padding:0 10px;border-radius:9px;font-size:13.5px;font-weight:650;text-align:left;color:hsl(220 35% 12%);text-decoration:none}
.com-plus-m>button:hover,.com-plus-m>a:hover{background:hsl(220 20% 95%)}
.com-plus-n{margin:4px 10px;font-size:12px;color:hsl(220 11% 40%)}
.dm-l1 .com-plus{margin-left:auto}
.dm-l1 .com-plus-m{left:0;right:auto}
.dm-pills{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none}.dm-pills::-webkit-scrollbar{display:none}
@media (max-width:1100px){.or-band .or-k{display:none}.or-band .or-tri{display:none}}
@media (max-width:760px){
  .or-band{gap:6px}
  .or-band .or-cherche{order:5;flex:1 1 calc(100% - 50px);width:auto}
  .or-band .com-plus{order:6}
  .or-band .or-pills{order:7;flex-basis:100%;overflow-x:auto;scrollbar-width:none}
  .com-plus-m{width:min(280px,calc(100vw - 32px))}
}
/* ===== 18/10 (suite) — en-tête des offres sur une ligne à 1300 px, deux rangées au téléphone ===== */
.or-dd{display:none;position:relative;flex:none}
.or-dd>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;font-size:13.5px;font-weight:650;background:hsl(var(--carte));box-shadow:0 0 0 1px hsl(var(--trait-fort)) inset;cursor:pointer;user-select:none;white-space:nowrap}
.or-dd>summary::-webkit-details-marker{display:none}
.or-dd>summary b{font-weight:800}
.or-dd>summary b.orange{color:hsl(var(--orange))}.or-dd>summary b.rouge{color:hsl(var(--rouge))}.or-dd>summary b.vert{color:hsl(var(--vert))}.or-dd>summary b.bleu{color:hsl(var(--azur-fort))}
.or-dd>summary .ch{opacity:.6;font-size:11px}
.or-dd[open]>summary{background:hsl(var(--encre));color:#fff;box-shadow:none}.or-dd[open]>summary b{color:#fff}
.or-dd-m{position:absolute;left:auto;right:0;top:42px;z-index:70;width:320px;display:flex;flex-wrap:wrap;gap:6px;padding:10px;border-radius:14px;background:hsl(var(--carte));box-shadow:0 12px 24px hsl(220 40% 20%/.1),0 32px 64px -12px hsl(220 50% 15%/.22),0 0 0 1px hsl(220 18% 90%) inset}
.or-dd-m>small{flex-basis:100%;margin-top:4px;font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:hsl(var(--doux))}
.or-dd-m .or-f{height:32px;padding:0 11px;font-size:13px}
.or-dd-k{display:none;flex-basis:100%;flex-wrap:wrap;gap:6px}
.or-court{display:none}
@media (max-width:1700px){
  .or-band .or-pills,.or-band .or-tri{display:none}
  .or-dd{display:inline-flex}
  .or-band .or-k{height:34px;padding:0 10px;border-radius:11px;font-size:12px;gap:5px}.or-band .or-k b{font-size:15px}.or-band .or-k .or-jauge{width:34px}
  .or-band .or-cherche{flex:1 1 150px;width:auto;min-width:130px;margin-left:auto}.or-band .or-cherche input{width:100%}
}
@media (max-width:1100px){.or-band .or-dd-k{display:flex}.or-band .or-dd-k .or-k{display:flex}}
@media (max-width:760px){
  .or-band{gap:6px}
  .or-band>.com-bascule{order:1}
  .or-band>.or-seg{order:2}
  .or-band>.or-seg button{padding:0 9px}
  .or-lg{display:none}.or-court{display:inline}
  .or-band .or-cherche{order:4;flex:1 1 calc(100% - 150px);min-width:0;width:auto;margin-left:0}.or-band .or-cherche input{width:100%}
  .or-band>.or-dd{order:5}
  .or-band>.com-plus{order:6}
  .or-dd-m{left:auto;right:-44px;width:min(320px,calc(100vw - 32px))}
}
@media (min-width:761px) and (max-width:1700px){.or-band{flex-wrap:nowrap}}