.clients{max-width:980px}.clients__entete{justify-content:space-between;align-items:flex-end;gap:var(--e6);margin-bottom:var(--e6);display:flex}.clients__titre{margin:var(--e2) 0 var(--e3);font-size:30px}.clients__intro{color:var(--estompe);max-width:52ch;margin:0}.barre{align-items:center;gap:var(--e3);margin-bottom:var(--e6);flex-wrap:wrap;display:flex}.recherche-wrap{flex:1;min-width:220px;position:relative}.recherche__icone{left:var(--e4);color:var(--estompe);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.recherche{width:100%;font:inherit;color:var(--encre);background:var(--surface);border:1px solid var(--bordure-forte);border-radius:var(--r-pill);padding:var(--e3) var(--e4) var(--e3) calc(var(--e6) + var(--e3));font-size:15px;transition:border-color .15s,box-shadow .15s}.recherche:focus{border-color:var(--brique);box-shadow:0 0 0 3px var(--rouge-50);outline:none}.recherche::placeholder{color:var(--estompe)}.filtres{background:var(--voile);border-radius:var(--r-pill);gap:4px;padding:4px;display:flex}.filtre{align-items:center;gap:var(--e2);padding:var(--e2) var(--e3);border-radius:var(--r-pill);color:var(--estompe);background:0 0;border:none;font-size:14px;transition:background-color .15s,color .15s;display:inline-flex}.filtre:hover{color:var(--encre)}.filtre.est-actif{background:var(--surface);color:var(--encre)}.filtre__n{color:var(--estompe);background:var(--papier);border-radius:var(--r-pill);text-align:center;min-width:18px;padding:0 6px;font-size:12px}.filtre.est-actif .filtre__n{color:var(--brique)}.tri{font:inherit;color:var(--encre);background:var(--surface);border:1px solid var(--bordure-forte);border-radius:var(--r-pill);padding:var(--e2) var(--e3);font-size:14px}.liste__entete{align-items:center;gap:var(--e4);padding:0 var(--e4) var(--e2);letter-spacing:.08em;text-transform:uppercase;color:var(--estompe);grid-template-columns:40px minmax(0,1.3fr) minmax(0,1.7fr) minmax(0,.8fr) auto 20px;font-size:12px;display:grid}.liste{gap:var(--e2);margin:0;padding:0;list-style:none;display:grid}.cl{align-items:center;gap:var(--e4);width:100%;padding:var(--e3) var(--e4);color:inherit;background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-md);grid-template-columns:40px minmax(0,1.3fr) minmax(0,1.7fr) minmax(0,.8fr) auto 20px;text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.cl:hover{border-color:var(--bordure-forte);transform:translate(2px)}.cl__avatar{border-radius:var(--r-pill);background:var(--voile);width:40px;height:40px;color:var(--encre);place-items:center;font-size:14px;font-weight:600;display:grid;overflow:hidden}.cl__avatar img{object-fit:cover;width:100%;height:100%}.cl__nom{flex-direction:column;min-width:0;display:flex}.cl__nom-principal{color:var(--encre);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.cl__entreprise{color:var(--estompe);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.cl__contact{color:var(--estompe);flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.cl__contact span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cl__ville{color:var(--estompe);font-size:14px}.cl__fleche{color:var(--bordure-forte);place-items:center;transition:color .15s,transform .15s;display:grid}.cl:hover .cl__fleche{color:var(--brique);transform:translate(2px)}.puce{padding:2px var(--e2);border-radius:var(--r-pill);white-space:nowrap;justify-self:start;font-size:12px}.puce--particulier{color:var(--estompe);background:var(--voile)}.puce--pro{color:var(--rouge-700);background:var(--rouge-50)}.clients__skeleton{gap:var(--e2);display:grid}.cl-skeleton{border:1px dashed var(--bordure);border-radius:var(--r-md);height:64px;display:block}.vide{text-align:center;align-items:center;gap:var(--e3);padding:var(--e16) var(--e6);background:var(--surface);border:1px solid var(--bordure);border-radius:var(--r-xl);flex-direction:column;display:flex}.vide__icone{border-radius:var(--r-pill);background:var(--voile);width:56px;height:56px;color:var(--estompe);margin-bottom:var(--e2);place-items:center;display:grid}.vide__titre{margin:0;font-size:18px;font-weight:600}.vide__txt{color:var(--estompe);margin:0 0 var(--e3);max-width:36ch}.vide__actions{gap:var(--e2);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:760px){.clients__entete{align-items:flex-start;gap:var(--e3);flex-direction:column}.barre{flex-direction:column;align-items:stretch}.filtres{justify-content:space-between}.liste__entete{display:none}.cl{grid-template-columns:40px 1fr auto;grid-template-areas:"av nom puce""av contact contact""av ville ville";row-gap:2px}.cl__avatar{grid-area:av;align-self:start}.cl__nom{grid-area:nom}.cl__contact{grid-area:contact}.cl__ville{grid-area:ville}.cl .puce{grid-area:puce;justify-self:end}.cl__fleche{display:none}}