/* Palette héritée de Clients. Aucun changement de l'accueil ou des autres pages. */
.cl2:has([data-cl3-contacts]) .cl-sous-onglets { display: none; }
.cl2:has([data-cl3-contacts]) .cl-decor { display: none; }
.cl3c-titre { margin-bottom: 24px; }
.cl3c { --c3-trait: color-mix(in srgb,currentColor 15%,transparent); --c3-fond: color-mix(in srgb,currentColor 3%,transparent); display:grid; grid-template-columns:180px minmax(0,1fr); border:1px solid var(--c3-trait); border-radius:12px; overflow:hidden; font-size:14px; min-height:470px; }
.cl3c[data-apercu=ouvert] { grid-template-columns:170px minmax(0,1fr) 280px; }
.cl3c button,.cl3c input,.cl3c select { font:inherit; color:inherit; }
.cl3c button { cursor:pointer; }
.cl3c a { color:inherit; }
.cl3c button:focus-visible,.cl3c input:focus-visible,.cl3c select:focus-visible,.cl3c a:focus-visible { outline:2px solid var(--sec,currentColor); outline-offset:3px; }
.cl3c-vues { padding:20px 12px; border-right:1px solid var(--c3-trait); background:var(--c3-fond); }
.cl3c-vues>small { display:block; padding:0 10px 12px; font-size:11px; letter-spacing:.06em; }
.cl3c-action { border:1px solid var(--c3-trait); border-radius:6px; background:transparent; padding:8px 10px; min-height:36px; }
.cl3c-action:disabled { opacity:.4; cursor:default; }
.cl3c-vues .cl3c-action { display:block; width:100%; border-color:transparent; text-align:left; margin-bottom:4px; }
.cl3c-vues .cl3c-action>span { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.cl3c-vues [aria-pressed=true] { background:color-mix(in srgb,var(--sec,currentColor) 14%,transparent); font-weight:600; }
.cl3c-vues .cl3c-action:hover,.cl3c-contact:hover { background:var(--c3-fond); }
.cl3c-liste { min-width:0; }
.cl3c-outils { display:flex; align-items:center; gap:12px; padding:14px 16px 8px; }
.cl3c-outils label:first-child { flex:1; min-width:0; }
.cl3c-outils input { width:100%; min-width:0; background:transparent; border:1px solid var(--c3-trait); border-radius:7px; padding:9px 12px; }
.cl3c-outils select { background:var(--bg,#102027); border:1px solid var(--c3-trait); border-radius:7px; padding:9px; max-width:190px; }
.cl-clair .cl3c-outils select { background:#fff; }
.cl3c-compte { margin:4px 16px 12px; font-size:12px; opacity:.75; }
.cl3c-table-defile { overflow:auto; }
.cl3c-table { width:100%; border-collapse:collapse; font-size:13px; }
.cl3c-table th { text-align:left; font-size:11px; font-weight:500; white-space:nowrap; padding:12px 14px; border-block:1px solid var(--c3-trait); background:var(--c3-fond); }
.cl3c-table td { padding:12px 14px; border-bottom:1px solid var(--c3-trait); max-width:240px; overflow-wrap:anywhere; }
.cl3c-table td:first-child { padding:4px 8px; min-width:190px; }
.cl3c-table small { display:block; margin-top:3px; font-size:11px; opacity:.72; }
.cl3c-contact { border:0; background:transparent; padding:9px 6px; width:100%; text-align:left; display:flex; gap:10px; align-items:center; border-radius:6px; }
.cl3c-contact b { font-weight:550; }
.cl3c-contact .cl-avatar { width:32px; height:32px; min-width:32px; font-size:11px; }
.cl3c-selection { background:color-mix(in srgb,var(--sec,currentColor) 10%,transparent); }
.cl3c-chiffre { white-space:nowrap; text-align:right; font-variant-numeric:tabular-nums; }
.cl3c-apercu { min-width:0; border-left:1px solid var(--c3-trait); padding:16px 20px; background:var(--c3-fond); overflow-wrap:anywhere; }
.cl3c-apercu-tete { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:18px; }
.cl3c-apercu-tete>small { font-size:10px; letter-spacing:.08em; }
.cl3c-apercu h2 { font-size:20px; margin:12px 0 5px; line-height:1.3; text-transform:none; letter-spacing:normal; }
.cl3c-apercu h3 { font-size:13px; margin:0 0 8px; font-weight:650; }
.cl3c-apercu p { margin:4px 0 10px; font-size:13px; line-height:1.5; }
.cl3c-apercu section { padding:18px 0; border-top:1px solid var(--c3-trait); }
.cl3c-apercu section a { font-size:12px; display:inline-block; margin-top:8px; }
.cl3c-apercu section ul { padding-left:16px; }
.cl3c-apercu dl { margin:0; font-size:12px; }
.cl3c-apercu dl>div { display:flex; justify-content:space-between; gap:8px; margin:8px 0; }
.cl3c-apercu dd { margin:0; font-variant-numeric:tabular-nums; }
.cl3c-discret { opacity:.72; }
.cl3c-actions { display:flex; gap:8px; flex-wrap:wrap; margin:16px 0; }
.cl3c-actions .cl-btn { font-size:12px; padding:8px 10px; }
.cl3c-vide { padding:56px 24px; text-align:center; }
.cl3c-vide h2 { font-size:18px; text-transform:none; letter-spacing:normal; }
.cl3c-vide p { line-height:1.5; opacity:.75; }
.cl3c-pagination { padding:16px; display:flex; gap:18px; justify-content:flex-end; align-items:center; font-size:12px; }
@media(max-width:1100px){.cl3c[data-apercu=ouvert]{grid-template-columns:140px minmax(0,1fr) 250px}.cl3c-table th:nth-child(2),.cl3c-table td:nth-child(2){display:none}.cl3c-outils{flex-wrap:wrap}.cl3c-outils label:first-child{flex-basis:100%}}
@media(max-width:760px){.cl3c,.cl3c[data-apercu=ouvert]{display:flex;flex-direction:column}.cl3c-vues{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--c3-trait);padding:8px;gap:4px}.cl3c-vues>small{display:none}.cl3c-vues .cl3c-action{width:auto;white-space:nowrap;margin:0}.cl3c-vues .cl3c-action>span{gap:10px}.cl3c-outils{padding:12px}.cl3c-outils label:first-child{flex-basis:auto}.cl3c-outils select{max-width:135px}.cl3c-table th:nth-child(3),.cl3c-table td:nth-child(3){display:none}.cl3c-apercu{border:0;border-top:1px solid var(--c3-trait);order:-1}.cl3c[data-apercu=ouvert] .cl3c-liste,.cl3c[data-apercu=ouvert] .cl3c-vues{display:none}.cl3c-pagination{justify-content:center}.cl3c-table td:first-child{min-width:150px}}