/* Espace vendeur : mise en page sobre, une action principale par ecran. */
body.vend{background:#F2F4F7}
.vtop{display:flex;align-items:center;gap:14px;background:var(--head);color:#fff;padding:10px 18px;flex-wrap:wrap}
.vtop .sp{flex:1}
.vtag{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#9FADBC;border:1px solid #3A4B5C;border-radius:3px;padding:2px 7px}
.vwho{font-size:12.5px;color:#CBD4DE}
.vlink{color:#CBD4DE;font-size:12.5px}
.vlink:hover{color:#fff}
.vshell{display:grid;grid-template-columns:212px minmax(0,1fr);gap:22px;max-width:1180px;margin:0 auto;padding:20px 18px 50px;align-items:start}
.vnav{display:flex;flex-direction:column;gap:2px;position:sticky;top:18px}
.vnav a{padding:9px 12px;border-radius:6px;color:var(--ink2);font-size:13.5px;font-weight:500;text-decoration:none}
.vnav a:hover{background:#E7EAEF;color:var(--ink);text-decoration:none}
.vnav a.on{background:var(--head);color:#fff;font-weight:600}
.vnav .vcta{margin-top:12px;background:var(--or);color:#1A1205;text-align:center;font-weight:700;border:1px solid var(--or2)}
.vnav .vcta:hover{background:var(--or2);color:#1A1205}
.vmain{min-width:0}
.vflash{background:#E9F3EC;border:1px solid #BBD9C5;color:#12613A;border-radius:6px;padding:10px 13px;font-size:13px;font-weight:600;margin-bottom:16px}
.vh{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.vh h1{font-size:22px;font-weight:700}
.vh .sub{color:var(--ink2);font-size:13px}
.vh .r{margin-left:auto}
.vcard{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px;margin-bottom:16px}
.vkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:16px}
.vkpi div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px}
.vkpi .k{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:600}
.vkpi .v{font-family:"Archivo",sans-serif;font-size:27px;font-weight:800;letter-spacing:-.02em;margin-top:5px;font-variant-numeric:tabular-nums}
.vkpi .d{font-size:11.5px;color:var(--ink2);margin-top:2px}
.vtable{width:100%;border-collapse:collapse}
.vtable th{text-align:left;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding:9px 10px;border-bottom:1px solid var(--line)}
.vtable td{padding:11px 10px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}
.vtable tr:last-child td{border-bottom:0}
.vtable .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.vthumb{width:74px;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--soft);display:block}
.vthumb svg{display:block;width:100%;height:auto}
.vst{font-size:11px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}
.vempty{text-align:center;padding:46px 20px}
.vempty b{display:block;font-size:17px;margin-bottom:6px}
.vempty p{color:var(--ink2);margin:0 0 16px}
.vbtn{display:inline-flex;align-items:center;gap:7px;background:var(--or);border:1px solid var(--or2);border-radius:6px;padding:9px 16px;font-size:13.5px;font-weight:600;color:#1A1205;text-decoration:none}
.vbtn:hover{background:var(--or2);text-decoration:none;color:#1A1205}
.vbtn.ghost{background:#fff;border-color:var(--line2);color:var(--ink)}
.vbtn.ghost:hover{background:#F6F7F9;border-color:var(--ink3);color:var(--ink)}
.vbtn.danger{background:#fff;border-color:#E8BDBD;color:var(--red)}
.vbtn.danger:hover{background:#FDECEC}
.vfld{margin-bottom:15px}
.vfld label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
.vfld .help{font-size:11.5px;color:var(--ink3);margin-bottom:5px}
.vfld input[type=text],.vfld input[type=email],.vfld input[type=password],.vfld input[type=number],.vfld select,.vfld textarea{
  width:100%;border:1px solid var(--line2);border-radius:6px;padding:9px 11px;font-size:13.5px;background:#fff;font-family:inherit}
.vfld textarea{min-height:92px;resize:vertical;line-height:1.5}
.vfld input:focus,.vfld textarea:focus,.vfld select:focus{outline:2px solid var(--or);outline-offset:-1px;border-color:var(--or)}
.vrow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.vprice{display:flex;align-items:center;gap:12px;background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:11px 13px;font-size:13px}
.vprice b{font-family:"Archivo",sans-serif;font-size:18px;font-weight:800}
.vprice .arrow{color:var(--ink3)}
.vpick{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}
.vpick label{position:relative;cursor:pointer;border:2px solid var(--line);border-radius:6px;overflow:hidden;display:block;background:var(--soft)}
.vpick input{position:absolute;opacity:0;pointer-events:none}
.vpick svg{display:block;width:100%;height:auto}
.vpick input:checked + svg{outline:0}
.vpick label:has(input:checked){border-color:var(--or);box-shadow:0 0 0 2px rgba(239,122,24,.28)}
.vsteps{display:grid;gap:8px}
.vstep{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:7px;padding:12px 14px;font-size:13.5px}
.vstep .n{width:24px;height:24px;border-radius:50%;background:var(--soft);border:1px solid var(--line2);display:grid;place-items:center;font-size:12px;font-weight:700;flex:none}
.vstep.ok{background:#F4FAF6;border-color:#BBD9C5}
.vstep.ok .n{background:var(--green);border-color:var(--green);color:#fff}
.vstep .go{margin-left:auto}
.vchart svg{display:block;width:100%;height:auto}
.verr{background:#FDECEC;border:1px solid #F0BDBD;color:#8E1B23;border-radius:6px;padding:9px 12px;font-size:13px;margin-bottom:12px}
.vlogin{max-width:420px;margin:44px auto}
.vlogin .vcard{padding:22px}
.vtabs{display:flex;gap:16px;border-bottom:1px solid var(--line);margin-bottom:16px}
.vtabs a{padding:8px 2px;border-bottom:3px solid transparent;color:var(--ink2);font-size:14px;text-decoration:none}
.vtabs a.on{color:var(--ink);font-weight:700;border-bottom-color:var(--or)}
@media(max-width:880px){
  .vshell{grid-template-columns:1fr}
  .vnav{position:static;flex-direction:row;overflow-x:auto;gap:4px}
  .vnav .vcta{margin-top:0}
  .vrow{grid-template-columns:1fr}
}