/* Lot A2 (audit de JB du 22/10, lot 2) : l'offre ouverte EN PLACE dans la carte « Offre » de la
   fiche voiture (crates/ui/src/ecrans/ord/offre_carte.rs). Jetons du recadrage du 21/10 seulement. */
.oc{
  /* Les jetons des écrans « or- » (Mes offres), rebranchés sur ceux du recadrage : les boîtes et
     boutons de « Mes offres » servent tels quels dans la carte. */
  --azur:var(--ap-action);--azur-doux:var(--ap-action-doux);--azur-fort:var(--ap-action-fort);
  --menthe-fort:175 70% 30%;--menthe-doux:172 60% 94%;
  --fond:var(--ap-fond);--carte:var(--ap-carte);--encre:var(--ap-encre);--doux:var(--ap-doux);--trait:var(--ap-trait);--trait-fort:var(--ap-trait-fort);
  --vert:var(--ap-vert);--vert-doux:var(--ap-vert-doux);--orange:var(--ap-ambre);--orange-vif:var(--ap-ambre-vif);--orange-doux:var(--ap-ambre-doux);
  --rouge:var(--ap-rouge);--rouge-doux:var(--ap-rouge-doux);--gris-doux:var(--ap-gris-doux);
  --ombre-1:var(--ap-ombre-1);--ombre-2:var(--ap-ombre-2);--ombre-3:var(--ap-ombre-3);
  --sortie:cubic-bezier(.2,.8,.2,1);--ressort:cubic-bezier(.34,1.4,.64,1);
  display:grid;gap:var(--ap-e3);font-size:var(--ap-t-m);line-height:var(--ap-li);color:hsl(var(--encre))}
.oc *{box-sizing:border-box}
:where(.oc) :where(button,input,select,textarea){font:inherit;color:inherit}
:where(.oc) :where(button){cursor:pointer;border:0;background:none;padding:0}
.oc a{text-decoration:none}
.oc .num{font-variant-numeric:tabular-nums}
.oc svg.or-i{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.oc .or-champ{height:var(--ap-h-ctrl);padding:0 var(--ap-e2)}
.oc .or-champ input{font-size:var(--ap-t-l)}
.oc-tete{display:flex;align-items:center;gap:var(--ap-e3);flex-wrap:wrap}
.oc-no{font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.oc-cl{font-size:var(--ap-t-l);font-weight:var(--ap-g-titre)}
.oc-etapes{flex:1 1 320px;padding:0;background:none;box-shadow:none;min-width:0}
.oc-tete .or-x{margin-left:auto}
.oc-bloq{display:flex;gap:var(--ap-e2);flex-wrap:wrap}
.oc-bloq:empty{display:none}
.oc-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--ap-e3)}
.oc-s{display:grid;gap:var(--ap-e2);align-content:start;padding:var(--ap-e3);border:1px solid hsl(var(--ap-trait));border-radius:var(--ap-r-m);background:hsl(var(--ap-carte));min-width:0}
.oc-s h3{margin:0;font-size:var(--ap-t-xs);font-weight:var(--ap-g-titre);letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--ap-doux))}
.oc-l,.oc-ch{display:flex;align-items:center;justify-content:space-between;gap:var(--ap-e2);min-height:var(--ap-h-ctrl)}
.oc-l>span:first-child,.oc-ch>span{color:hsl(var(--ap-doux))}
.oc-l.moins b{color:hsl(var(--ap-vert))}
.oc-v{display:grid;justify-items:end;line-height:var(--ap-li-serre)}
.oc-v small{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux))}
.oc-ch2{display:grid;grid-template-columns:1fr 1fr;gap:var(--ap-e2)}
.oc-champ{display:grid;gap:2px}
.oc-champ span{font-size:var(--ap-t-xs);color:hsl(var(--ap-doux))}
.oc-champ input{height:var(--ap-h-ctrl);padding:0 var(--ap-e2);border:1px solid hsl(var(--ap-trait-fort));border-radius:var(--ap-r-s);font:inherit;min-width:0;background:hsl(var(--ap-carte))}
.oc .or-champ input{width:96px}
.oc-choix{display:flex;gap:var(--ap-e1);flex-wrap:wrap}
.oc-choix button{height:var(--ap-h-ctrl);padding:0 var(--ap-e2);border-radius:var(--ap-r-s);border:1px solid hsl(var(--ap-trait-fort));background:hsl(var(--ap-carte));font-size:var(--ap-t-s)}
.oc-choix button.on{border-color:hsl(var(--ap-action));color:hsl(var(--ap-action-fort));background:hsl(var(--ap-action-doux))}
.oc-dossier .or-sec{box-shadow:none;padding:0;border:0}
.oc-fin{display:grid;gap:var(--ap-e2);padding-top:var(--ap-e2);border-top:1px solid hsl(var(--ap-trait))}
.oc-mens{margin:0;font-weight:var(--ap-g-titre)}
.oc-tot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--ap-e2) var(--ap-e5)}
.oc-tot h3{display:none}
.oc-tot .oc-l{gap:var(--ap-e2)}
.oc-net{display:flex;align-items:baseline;gap:var(--ap-e2);margin-left:auto}
.oc-net span{font-weight:var(--ap-g-titre)}
.oc-net b{font-size:var(--ap-t-prix);font-weight:var(--ap-g-chiffre);line-height:var(--ap-li-serre)}
.oc-note{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.oc-gestes{display:flex;align-items:center;gap:var(--ap-e2);flex-wrap:wrap}
.oc-g2{display:flex;gap:var(--ap-e2);flex-wrap:wrap}
.oc-relance{display:inline-flex;align-items:center;gap:var(--ap-e1);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.oc-envois{margin:0;font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.oc-bdc{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--ap-e3)}
.oc-doc{display:none}
.oc-volet{position:static;width:auto;max-width:none;box-shadow:none}
.pv-annules{margin-top:var(--ap-e2);font-size:var(--ap-t-s);color:hsl(var(--ap-doux))}
.pv-annules summary{cursor:pointer}
@media (max-width:600px){.oc-ch2{grid-template-columns:1fr}.oc-net b{font-size:var(--ap-t-chiffre)}.oc .or-champ input{width:90px}}
@media print{
  html.oc-imprimer body *{visibility:hidden!important}
  html.oc-imprimer .oc-doc,html.oc-imprimer .oc-doc *{visibility:visible!important}
  html.oc-imprimer .oc-doc{display:block!important;position:absolute;left:0;top:0;width:100%}
}
/* Liste des offres (lot A2) : la ligne ouvre la fiche, colonnes Vendeur (nommé) et Reprise. */
.or-ln-a{position:absolute;inset:0;z-index:0;border-radius:inherit}
.or-ln>*:not(.or-ln-a){position:relative;z-index:1;pointer-events:none}
.or-ln>.or-acts,.or-ln>.or-acts *{pointer-events:auto}
.or-ln:not(:has(.or-ln-a))>*{pointer-events:auto}
.or-vn{font-size:var(--ap-t-s);color:hsl(var(--ap-doux));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.or-rp{font-size:var(--ap-t-s);color:hsl(var(--ap-vert))}
.or-zone.seule{grid-template-columns:minmax(0,1fr)!important}
@media (max-width:760px){.or-rp{display:none}}
.oc-nouvelle{display:grid;gap:var(--ap-e2);max-width:640px}
.oc-nouvelle .or-bh{display:flex;align-items:center;gap:var(--ap-e2)}
.oc-net{order:9}.oc-tot .oc-note{order:8;flex-basis:100%}