/* Prospects / clients, visites, performance des commerciaux */
.pill.crm-client{color:var(--good);border-color:color-mix(in srgb,var(--good) 45%,var(--line));background:color-mix(in srgb,var(--good) 10%,var(--surface))}
.pill.crm-prospect{color:#b4660a;border-color:color-mix(in srgb,#eda100 55%,var(--line));background:color-mix(in srgb,#eda100 12%,var(--surface))}
.crmcell{min-width:150px}
.crmrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crmhist{border-top:1px solid var(--line);padding-top:10px;display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}
.crmfilters{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.crmlegend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px;margin:4px 0 8px}
.crmlegend i,.crmdot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}
.crmchartw{width:100%;overflow-x:auto}
.crmchart{width:100%;min-width:520px;height:auto;display:block}
.crmchart .grid{stroke:var(--line);stroke-width:1}
.crmchart .tick{fill:var(--muted);font-size:11px;font-family:var(--mono,monospace)}
.crmchart .dot{stroke:var(--surface);stroke-width:2;cursor:default}
.crmchart .dot:hover{r:6}
.crmbars{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.crmbar{display:grid;grid-template-columns:minmax(90px,160px) minmax(0,1fr) auto;gap:10px;align-items:center}
.crmtrack{height:12px;background:var(--sunk);border-radius:4px;overflow:hidden}
.crmtrack i{display:block;height:100%;border-radius:0 4px 4px 0}
.crmassign{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.crmassign select{min-height:40px}
@media (max-width:640px){.crmbar{grid-template-columns:1fr auto}.crmbar .crmtrack{grid-column:1/-1;order:3}}
.actmap{height:420px;border-radius:12px;overflow:hidden;border:1px solid var(--line);z-index:0}
.oline.actv b{color:#b4500f}
@media (max-width:640px){.actmap{height:320px}}