/* Sales cockpit: scoped surfaces, deliberate motion, no continuous animation. */
#clientsView{--vente-ink:#eff7fb;--vente-muted:#b3c5d1;--vente-cyan:#79e8f3;--vente-panel:#14232d;--vente-line:#35515e}
#clientsView .vente-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 34px;margin-bottom:18px;border:1px solid var(--vente-line);border-radius:20px;background:linear-gradient(125deg,#1a3542 0%,#11232e 48%,#142932 100%);position:relative;overflow:hidden;isolation:isolate;box-shadow:0 16px 36px #0003}
.vente-hero::after{content:'';position:absolute;inset:-80px -90px auto auto;width:370px;height:370px;border:1px solid #79e8f320;transform:rotate(35deg);z-index:-1;box-shadow:0 0 0 28px #79e8f307,0 0 0 58px #79e8f306;pointer-events:none}
.vente-hero h2{font-size:clamp(28px,3.1vw,44px);font-weight:700;line-height:1.12;letter-spacing:-1.5px;margin:0 0 10px;color:var(--vente-ink)}
.vente-hero h2>span{color:var(--vente-cyan)}
.vente-hero p{color:var(--vente-muted);font-size:14px;margin:0 0 22px}
#venteState{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--vente-muted)}
#venteState::before{content:'';width:6px;height:6px;background:#ffc889;border-radius:50%}
#venteState[data-state=ok]::before{background:#8ae9c2}
.vente-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:18px;flex-shrink:0}
.vente-potential{display:grid;text-align:right;gap:5px}
.vente-potential>span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--vente-muted)}
.vente-potential strong{font-size:32px;line-height:1.2;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-1px;color:var(--vente-cyan)}
.vente-potential small{font-size:11px;color:var(--vente-muted)}
.vente-priorities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 26px}
#clientsView .vente-priorities>button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 16px;padding:20px 22px;text-align:left;background:linear-gradient(135deg,#1a2d38,#14232d);border:1px solid var(--vente-line);color:var(--vente-ink);border-radius:14px;cursor:pointer;box-shadow:0 9px 18px #0002;transition:transform 180ms,opacity 180ms}
.vente-priorities>button:hover{transform:translateY(-3px)}
#clientsView .vente-priorities>button[aria-pressed=true]{border-color:var(--vente-cyan)}
.vente-priority-index{font-size:10px;letter-spacing:1.1px;color:var(--vente-cyan)}
.vente-priorities strong{font-size:34px;grid-row:span 2;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}
.vente-priorities>button>span:last-child{font-size:13px;color:var(--vente-muted)}
.vente-priorities>button>span:last-child>span{margin-left:10px}
#clientsView #clientSubtabBar{background:transparent;border:0;border-bottom:1px solid var(--vente-line);border-radius:0;padding:0 0 10px;gap:10px}
.vente-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0 18px}
.vente-section-head h3{margin:0 0 6px;font-size:21px;letter-spacing:-.6px;color:var(--vente-ink)}
.vente-section-head p{font-size:12px;line-height:1.6;color:var(--vente-muted);margin:0}
.vente-view-toggle{display:flex;gap:4px;border:1px solid var(--vente-line);border-radius:10px;padding:4px;background:#101b24}
#clientsView .vente-view-toggle button{min-height:44px!important;padding:8px 15px!important;font-size:12px}
.vente-filters{display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr));gap:12px;padding:18px;background:#14232d;border:1px solid var(--vente-line);border-radius:14px}
.vente-filters label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:11px;color:var(--vente-muted)}
#clientsView .vente-filters input,#clientsView .vente-filters select{width:100%;min-width:0;background:#0c1821!important;color:var(--vente-ink)!important;border:1px solid #45616f!important;padding:10px 12px!important;min-height:46px;font-size:13px!important}
.vente-stages{display:flex;gap:8px;overflow:auto;scrollbar-width:thin;margin:16px 0 0;padding-bottom:6px}
#clientsView .vente-stages button{display:flex;align-items:center;gap:9px;white-space:nowrap;flex-shrink:0;border:1px solid var(--vente-line);background:#111e27;color:var(--vente-muted);padding:9px 13px;cursor:pointer;font-size:12px;min-height:44px}
.vente-stages button span{padding:3px 6px;border-radius:5px;background:#253c48;color:var(--vente-ink);font-size:11px}
#clientsView .vente-stages button[aria-pressed=true]{background:#244350;color:#a4f4ff;border-color:#6cbdca}
.vente-results{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;margin-bottom:10px}
.vente-results p{font-size:11px;color:var(--vente-muted);margin:0}
#clientsView .vente-results button{font:inherit;font-size:11px;min-height:44px;color:var(--vente-cyan);background:transparent;border:0;cursor:pointer}
.vente-board{display:flex;gap:16px;align-items:flex-start;overflow-x:auto;padding:0 0 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#496a79 #101b24}
.vente-column{flex:1 0 275px;min-width:0;background:#0e1a23;border:1px solid #304b59;border-radius:14px;scroll-snap-align:start;overflow:hidden}
.vente-column>header{display:flex;align-items:center;gap:12px;padding:18px 16px 10px}
.vente-step{font-size:12px;color:#8be8f1;border:1px solid #3a5e6c;border-radius:8px;padding:8px}
.vente-column>header>div{flex:1;min-width:0}
.vente-column h3{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 5px;font-size:14px;letter-spacing:-.2px;color:var(--vente-ink)}
.vente-column h3>span{font-size:12px;color:var(--vente-muted)}
.vente-column header p{font-size:11px;color:var(--vente-muted);margin:0;line-height:1.5}
.vente-column-total{display:flex;align-items:baseline;gap:10px;justify-content:space-between;padding:0 16px 16px;border-bottom:1px solid #304b59;font-size:14px;font-weight:600;color:var(--vente-ink);font-variant-numeric:tabular-nums}
.vente-column-total span{font-size:10px;font-weight:400;color:var(--vente-muted)}
.vente-column-cards{padding:10px;display:grid;gap:10px;max-height:650px;overflow-y:auto;scrollbar-width:thin}
.vente-card{padding:16px;border:1px solid #3b5564;border-radius:10px;background:linear-gradient(140deg,#1c303d,#152631);min-width:0;box-shadow:0 4px 8px #0002;color:var(--vente-ink);overflow-wrap:anywhere}
.vente-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font-size:10px;color:var(--vente-muted)}
.vente-source{display:inline-block;padding:4px 7px;border:1px solid #48616d;border-radius:5px;color:#c5d5de}
#clientsView .vente-name{background:none;border:0;color:var(--vente-ink);font:600 15px/1.4 inherit;font-size:15px;font-weight:600;line-height:1.4;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0;width:100%;min-height:44px}
.vente-name span{color:var(--vente-cyan);font-size:16px;flex-shrink:0}
.vente-company{font-size:11px;color:var(--vente-muted);margin:2px 0 10px}
.vente-value{font-size:19px;font-weight:600;letter-spacing:-.3px;margin:8px 0 12px;font-variant-numeric:tabular-nums}
.vente-value>span{font-size:12px;letter-spacing:0;color:var(--vente-muted);font-weight:400}
.vente-next{font-size:12px;color:#d5e5ed;margin:8px 0;line-height:1.5}
.vente-due{font-size:11px;color:var(--vente-muted);margin:10px 0 16px;line-height:1.5}
.vente-due.retard,.vente-due.aujourdhui{color:#ffd196}
.vente-due.retard:before,.vente-due.aujourdhui:before{content:'●';font-size:8px;margin-right:7px}
.vente-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #3b5564}
#clientsView .vente-card-actions button,.vente-card-actions a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:8px 9px;border:1px solid #476373;border-radius:8px;font-size:11px;line-height:1.4;text-decoration:none;background:#1b3442;color:#c8f5fa;font-family:inherit;cursor:pointer}
.vente-no-phone{font-size:10px;color:var(--vente-muted)}
.vente-move{margin-top:12px;border-top:1px solid #3b5564}
.vente-move summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;min-height:44px;cursor:pointer;font-size:10px;color:var(--vente-muted);list-style:none}
.vente-move summary::-webkit-details-marker{display:none}
.vente-move summary>span{color:var(--vente-cyan)}
.vente-move label{display:grid;gap:7px;font-size:11px;color:var(--vente-muted)}
#clientsView .vente-move select{width:100%;font-size:12px!important;background:#0c1821;color:var(--vente-ink)}
#clientsView .vente-move button{margin-top:10px;padding:8px 12px;width:100%;background:#79e8f3;border:0;color:#0b1e29;cursor:pointer}
.vente-board-single .vente-column{flex-basis:100%}
.vente-board-single .vente-column-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));max-height:none;align-items:start}
.vente-directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:14px;align-items:start}
.vente-archives{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:6px}
#clientsView .vente-archives button{display:flex;align-items:center;gap:14px;justify-content:space-between;text-align:left;padding:18px;border:1px solid var(--vente-line);background:#14232d;color:var(--vente-muted);font-size:13px;cursor:pointer}
.vente-archives strong{margin-left:auto;color:var(--vente-ink);font-size:19px;font-weight:600}
#clientsView .vente-more{width:100%;padding:14px;min-height:48px;border:1px dashed #688795;background:#152b37;color:#bdedf5;font:inherit;font-size:12px;cursor:pointer}
.vente-empty{width:100%;padding:42px 24px;border:1px dashed #51717f;border-radius:12px;background:#14232d;text-align:center;color:var(--vente-ink)}
.vente-empty p,.vente-empty-stage{font-size:12px;line-height:1.7;color:var(--vente-muted)}
.vente-empty-stage{padding:22px 10px;text-align:center}
#clientsView [hidden]{display:none!important}
#clientsView :is(button,a,input,select,summary):focus-visible{outline:2px solid #a4f4ff!important;outline-offset:3px}
#clientsView .lead-acq-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(295px,1fr);gap:22px;align-items:start}
#clientsView .lead-acq-col{min-width:0;width:auto;padding:22px;background:#12222c;border:1px solid var(--vente-line);border-radius:16px}
#clientsView .lead-acq-col .section-label{margin-top:24px}
#clientsView .lead-acq-col .section-label:first-child{margin-top:0}
#clientsView .lead-acq-col .pipelines-row{display:grid;grid-template-columns:1fr;gap:16px}
#clientsView .lead-acq-col .pipeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#clientsView .lead-acq-col .pipeline-card{min-width:0;padding:14px;background:#1b303c!important;border:1px solid #35515e;border-radius:10px}
#clientsView .lead-acq-col .p-label{font-size:11px;white-space:normal;color:var(--vente-muted)}
#clientsView .stats-row-pretty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#clientsView .stat-card{min-width:0;padding:18px 14px;background:#1b303c!important;border:1px solid #35515e;border-radius:10px}
#clientsView .stat-card .num{font-size:25px;overflow-wrap:anywhere;color:var(--vente-ink)}
#clientsView .stat-card .label{font-size:11px;line-height:1.5;color:var(--vente-muted)}
.vente-intake{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:22px;border:1px solid var(--vente-line);border-radius:14px;background:#14232d;margin-bottom:22px}
.vente-intake>div{flex:1;min-width:0}
.vente-intake h3{margin:0 0 8px;font-size:17px;color:var(--vente-ink)}
.vente-intake p{font-size:12px;color:var(--vente-muted);line-height:1.6;margin:0}
#clientsView .vente-intake code{min-width:0!important;background:#0c1821!important;color:var(--vente-muted)!important;font-size:11px!important}
#clientsView .vente-meta-settings{margin-top:24px;margin-bottom:0;padding-inline:16px}
#clientsView .vente-meta-settings .produit-card{padding:0;border:0!important;background:none!important;box-shadow:none!important;margin-bottom:0!important}
#clientsView .vente-meta-settings .two-col{grid-template-columns:1fr}
#clientsView #metaEmptyState{padding:36px 20px!important;color:var(--vente-muted)!important;line-height:1.7;border:1px dashed #4c6876;border-radius:12px}
#clientsView #metaEmptyState>div{font-size:13px!important}
@media(min-width:1550px){.vente-column{flex-basis:0}.vente-filters{grid-template-columns:minmax(260px,2fr) repeat(4,minmax(150px,1fr))}}
@media(max-width:1100px){.vente-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.vente-search{grid-column:1/-1}#clientsView .lead-acq-grid{grid-template-columns:1fr}.vente-intake{align-items:flex-start}.vente-intake>div:last-child{max-width:50%}}
@media(max-width:680px){
  #clientsView .vente-hero{padding:24px 20px;display:block;border-radius:14px}.vente-hero h2{font-size:31px;letter-spacing:-1px}.vente-hero p{font-size:13px;margin-bottom:14px}.vente-hero-side{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:24px}.vente-potential{text-align:left}.vente-potential strong{font-size:25px}.vente-potential small:last-child{max-width:150px;line-height:1.4;font-size:10px}.vente-hero-side>.btn-primary{padding:12px;font-size:11px;white-space:nowrap}
  .vente-priorities{gap:7px;margin-bottom:20px}#clientsView .vente-priorities>button{display:flex;align-items:flex-start;flex-direction:column;padding:13px 10px;gap:10px;border-radius:10px}.vente-priority-index{font-size:8px;letter-spacing:.4px}.vente-priorities strong{font-size:27px}.vente-priorities>button>span:last-child{font-size:10px;line-height:1.4}.vente-priorities>button>span:last-child>span{display:none}
  .vente-section-head{align-items:flex-start;flex-wrap:wrap}.vente-section-head h3{font-size:20px}.vente-section-head p{font-size:12px}.vente-view-toggle{width:100%}.vente-view-toggle button{flex:1}.vente-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:14px 10px}.vente-column{flex:0 0 min(320px,92%)}.vente-column-cards{max-height:650px}.vente-archives{gap:7px}#clientsView .vente-archives button{flex-wrap:wrap;padding:14px 10px;font-size:11px;gap:10px}.vente-archives strong{margin:0;font-size:17px}.vente-archives button>span:last-child{display:none}.vente-intake{display:block;padding:18px}.vente-intake>div:last-child{max-width:none;margin-top:16px}#clientsView .lead-acq-col{padding:16px}#clientsView #clientSubtabBar{gap:4px}#clientsView #clientSubtabBar button{padding:10px 12px;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.vente-priorities>button:hover{transform:none}.vente-board{scroll-behavior:auto}}

#clientsView :is(.vente-board,.vente-stages,.subtab-bar){scrollbar-color:#466575 #101b24}
#clientsView :is(.vente-board,.vente-stages,.subtab-bar)::-webkit-scrollbar{height:5px}
#clientsView :is(.vente-board,.vente-stages,.subtab-bar)::-webkit-scrollbar-track{background:#101b24}
#clientsView :is(.vente-board,.vente-stages,.subtab-bar)::-webkit-scrollbar-thumb{background:#466575;border-radius:6px}
#venteMetaState{font-size:12px;line-height:1.6;color:var(--vente-muted);margin:0 0 18px}
#clientSubtabFunnel{scroll-margin-top:90px}
@media(max-width:680px){#clientsView .vente-filters input,#clientsView .vente-filters select,#clientsView .vente-move select{font-size:16px!important}.vente-intake>div:last-child{flex-direction:column;align-items:stretch!important}#clientsView .vente-intake code{width:100%}.vente-priority-index{font-size:9px}.vente-priorities>button>span:last-child{font-size:11px}}

/* Coordonnées lisibles dès la carte client, y compris sur téléphone. */
.vente-coordonnees{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.vente-coordonnees p{margin:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;color:var(--text,#eee)}
.vente-coordonnees p>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--gray-500,#aaa);margin-bottom:2px}
.vente-coordonnees a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.vente-card-actions a{min-height:44px;display:inline-flex;align-items:center}

.vente-directions{display:flex;align-items:center;min-height:44px;color:var(--cw-accent,#71baff);font-size:12px;text-decoration:none;overflow-wrap:anywhere}.vente-directions:hover{text-decoration:underline}.vente-directions:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:4px}
/* Daily workflow tools. */
.vente-outils,.vente-filter-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px}.vente-outils label{display:flex;align-items:center;gap:8px;font-size:12px}.vente-outils button,.vente-filter-chips button,.vente-clear-search,.vente-copy button{min-height:44px;padding:8px 12px;border:1px solid #476373;border-radius:8px;background:#152b37;color:#c8f5fa;font:inherit;font-size:12px;cursor:pointer}.vente-outils [aria-pressed=true]{border-color:#79e8f3;background:#244350}.vente-outils [role=status]{font-size:12px;color:#8ae9c2}.vente-filter-chips:empty{display:none}.vente-copy summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:12px;color:var(--vente-muted)}.vente-copy>div{display:flex;gap:6px;flex-wrap:wrap}.vente-compact .vente-coordonnees,.vente-compact .vente-company,.vente-compact .vente-next{display:none}.vente-compact .vente-card{padding:12px}.vente-compact .vente-value{font-size:16px;margin:4px 0}.vente-compact .vente-due{margin:6px 0}.vente-compact .vente-card-top{margin-bottom:4px}.vente-compact .vente-copy{display:none}.vente-compact .vente-directions{min-height:44px}.vente-compact .vente-column-cards{gap:6px}
.client-tools{border:1px solid var(--vente-line);border-radius:10px;padding:0 14px;margin-bottom:16px}.client-tools>summary{cursor:pointer;min-height:48px;display:flex;align-items:center;font-size:12px;color:var(--vente-muted)}.client-tools-dialog{width:min(950px,calc(100vw - 24px));max-height:88dvh;overflow:auto}.client-tools-dialog form,.client-tools-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.client-tools-dialog label{display:grid;gap:6px;flex:1}.client-tools-dialog input{min-height:44px;width:100%;font-size:16px}.client-tools-dialog button{min-height:44px;font:inherit;font-size:12px;cursor:pointer}.client-tools-dialog h2{font-size:21px}.client-tools-dialog p{font-size:13px;line-height:1.6}.client-tools-group{border:1px solid var(--cw-line);border-radius:10px;padding:14px;margin:12px 0}.client-tools-group h3{font-size:14px;overflow-wrap:anywhere}.client-tools-group button{margin:4px}.client-tools-row>span{flex:1;min-width:150px}.client-tools-print{display:block;width:100%;height:55dvh;margin-top:16px;border:1px solid var(--cw-line);background:white}.client-tools-dialog .cw-panel-head{gap:12px}.client-tools-dialog button:focus-visible,.client-tools>summary:focus-visible{outline:2px solid var(--cw-accent);outline-offset:3px}

/* Sélection multiple et actions rapides. */
.vente-select{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:-10px 0 -10px -6px;cursor:pointer}
.vente-select input{width:18px;height:18px;accent-color:var(--cw-accent,#71baff);cursor:pointer}
.vente-select input:focus-visible{outline:2px solid var(--cw-accent,#71baff);outline-offset:3px}
.vente-card:has(.vente-select input:checked){border-color:#79e8f3;box-shadow:0 0 0 1px #79e8f3 inset}
.vente-bulk{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;padding:12px 14px;border:1px solid #79e8f3;border-radius:10px;background:#152b37}
.vente-bulk[hidden]{display:none}
.vente-bulk strong{font-size:13px;color:#c8f5fa}
.vente-bulk button{min-height:44px;padding:8px 12px;border:1px solid #476373;border-radius:8px;background:#0f2430;color:#c8f5fa;font:inherit;font-size:12px;cursor:pointer}
.vente-bulk button:disabled{opacity:.45;cursor:not-allowed}
.vente-bulk button:focus-visible{outline:2px solid var(--cw-accent,#71baff);outline-offset:3px}
.vente-bulk-date{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--vente-muted)}
.vente-bulk-date input{min-height:44px;padding:8px;border:1px solid #476373;border-radius:8px;background:#0f2430;color:#c8f5fa;font:inherit;font-size:16px}
.vente-bulk-danger{border-color:#a4534f!important;color:#ffc9c4!important}
.vente-bulk [role=status]{flex:1;min-width:160px;font-size:12px;color:#8ae9c2}