/* Module Ventes — le Tableau : colonnes par étape, cartes denses façon Odoo, couleurs de la tour */
.vboard{display:flex;gap:10px;overflow-x:auto;padding-bottom:10px;align-items:flex-start;min-height:420px;scrollbar-color:var(--s3) transparent}
.vcol{flex:none;width:262px;display:grid;gap:7px;align-content:start;background:rgba(10,14,22,.45);border:1px solid var(--line);border-radius:12px;padding:8px;transition:border-color .15s,background .15s}
.vcol.etroit{width:190px}
.vcol.over{border-color:var(--accent);border-style:dashed;background:var(--blue-bg)}
.vcol .ch{display:grid;gap:5px;padding:2px 2px 4px}
.vcol .ch .l1{display:flex;align-items:baseline;gap:6px}
.vcol .ch h3{margin:0;font:500 13.5px var(--head)}
.vcol .ch .n{color:var(--muted);font:400 12.5px var(--head)}
.vcol .ch .tot{margin-left:auto;font:500 12.5px var(--head)}
.vactb{display:flex;height:4px;border-radius:99px;overflow:hidden;background:rgba(140,170,255,.08)}
.vactb i{display:block;height:100%}
.vactb .ok{background:var(--ok)} .vactb .td{background:var(--warn)} .vactb .lt{background:var(--bad)} .vactb .no{background:#4a5266}
.vcol.plie{width:46px;padding:10px 4px;cursor:pointer;justify-items:center}
.vcol.plie .vert{writing-mode:vertical-rl;transform:rotate(180deg);font:500 13px var(--head);white-space:nowrap;display:flex;gap:8px;align-items:center}
.vcol.plie:hover{border-color:var(--line-2)}
.vcontacter{display:grid;gap:10px;padding:6px 2px;font-size:13px}
.vcontacter .gros{font:500 26px var(--head);line-height:1}
.vcarte{position:relative;background:var(--node);border:1px solid var(--line-2);border-radius:10px;padding:9px 10px;display:grid;gap:5px;cursor:pointer;user-select:none;-webkit-user-select:none;min-width:0}
.vcarte[draggable="true"]{cursor:grab}
.vcarte:hover,.vcarte:focus-visible{border-color:rgba(91,140,255,.55);outline:0}
.vcarte.stagne{box-shadow:inset 3px 0 0 var(--warn)}
.vcarte.parti{opacity:.3}
.vcarte .l1{display:flex;align-items:center;gap:6px;min-width:0}
.vcarte .l1 b{font:500 14px var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.vcarte .l2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.vcarte .mt{font-size:12.5px}
.vcarte .l3{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px}
.vcarte .coin{margin-left:auto}
.vtel{display:none;gap:10px}
.vonglets-etapes{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.vonglets-etapes button{flex:none;border:1px solid var(--line-2);background:var(--panel-2);border-radius:99px;padding:5px 11px;font-size:13px;color:var(--muted);white-space:nowrap;cursor:pointer}
.vonglets-etapes button[aria-pressed="true"]{background:var(--grad);color:#fff;border-color:transparent;font-weight:600}
.vliste-tel{display:grid;gap:8px}
@media (max-width:720px){ .vboard{display:none} .vtel{display:grid} .vtel .vcol.etroit{width:auto} }