/* ===== Espace client : rubriques en tuiles ===== */
.cz-tabs.czx-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 20px}
.cz-tabs.czx-wrap .czx{position:relative;display:flex;align-items:center;gap:14px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;padding:16px 16px;border-radius:20px;border:1.5px solid var(--line);background:var(--surface);overflow:hidden;isolation:isolate;
  transition:transform .25s cubic-bezier(.3,1.5,.5,1),border-color .25s,box-shadow .3s,background .3s;animation:czxIn .5s cubic-bezier(.2,.9,.3,1.2) both}
.cz-tabs.czx-wrap .czx:nth-child(2){animation-delay:.05s}.cz-tabs.czx-wrap .czx:nth-child(3){animation-delay:.1s}.cz-tabs.czx-wrap .czx:nth-child(4){animation-delay:.15s}.cz-tabs.czx-wrap .czx:nth-child(5){animation-delay:.2s}.cz-tabs.czx-wrap .czx:nth-child(6){animation-delay:.25s}
@keyframes czxIn{from{opacity:0;transform:translateY(14px) scale(.97)}}
.cz-tabs.czx-wrap .czx::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--ac) 22%,transparent),transparent 60%);opacity:0;transition:opacity .3s}
.cz-tabs.czx-wrap .czx:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ac) 55%,var(--line));box-shadow:0 16px 30px -22px var(--ac)}
.cz-tabs.czx-wrap .czx:hover::before{opacity:.6}
.cz-tabs.czx-wrap .czx:active{transform:scale(.98)}
.cz-tabs.czx-wrap .czx-ic{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--ac);background:color-mix(in srgb,var(--ac) 14%,var(--bg));transition:transform .35s cubic-bezier(.3,1.6,.5,1),background .3s,color .3s}
.cz-tabs.czx-wrap .czx:hover .czx-ic{transform:rotate(-8deg) scale(1.06)}
.cz-tabs.czx-wrap .czx-tx{display:grid;gap:2px;min-width:0}
.cz-tabs.czx-wrap .czx-tx b{font-size:1.02rem;line-height:1.2}
.cz-tabs.czx-wrap .czx-tx small{font-size:.83rem;line-height:1.3;color:var(--muted)}
.cz-tabs.czx-wrap .czx-ok{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.75rem;font-weight:900;color:#fff;background:var(--ac);transform:scale(0);transition:transform .35s cubic-bezier(.3,1.8,.5,1)}
.cz-tabs.czx-wrap .czx[aria-selected="true"]{border-color:var(--ac);background:color-mix(in srgb,var(--ac) 9%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--ac) 22%,transparent),0 18px 34px -24px var(--ac)}
.cz-tabs.czx-wrap .czx[aria-selected="true"]::before{opacity:1}
.cz-tabs.czx-wrap .czx[aria-selected="true"] .czx-ic{background:var(--ac);color:#fff;box-shadow:0 8px 16px -8px var(--ac)}
.cz-tabs.czx-wrap .czx[aria-selected="true"] .czx-ok{transform:scale(1)}
.cz-tabs.czx-wrap .czx-track{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;border-radius:18px;border:1.5px dashed var(--line);background:color-mix(in srgb,var(--surface) 55%,transparent)}
.cz-tabs.czx-wrap .czx-tl{font-weight:800;font-size:.9rem;color:var(--muted);margin-right:4px}
.cz-tabs.czx-wrap .czx-track a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;border-radius:99px;text-decoration:none;color:var(--ink);font-weight:800;font-size:.92rem;background:var(--bg);border:1.5px solid var(--line);transition:border-color .2s,transform .2s,background .2s}
.cz-tabs.czx-wrap .czx-ti{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ac)}
.cz-tabs.czx-wrap .czx-ar{transition:transform .25s}
.cz-tabs.czx-wrap .czx-track a:hover{border-color:var(--ac);transform:translateY(-1px);background:color-mix(in srgb,var(--ac) 8%,var(--bg))}
.cz-tabs.czx-wrap .czx-track a:hover .czx-ar{transform:translateX(4px)}
@media (max-width:900px){.cz-tabs.czx-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.cz-tabs.czx-wrap{gap:8px}.cz-tabs.czx-wrap .czx{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 12px}.cz-tabs.czx-wrap .czx-ic{width:42px;height:42px;border-radius:13px}.cz-tabs.czx-wrap .czx-tx b{font-size:.95rem}.cz-tabs.czx-wrap .czx-tx small{display:none}.cz-tabs.czx-wrap .czx-track a{flex:1 1 100%}}
@media (prefers-reduced-motion:reduce){.cz-tabs.czx-wrap .czx{animation:none;transition:none}}