/* Style « cartes dégradées + icônes brillantes » (inspiré de la capture ClickUp) — chargé en dernier sur toutes les pages. */
.card{--t:41,151,255;position:relative;display:flex;flex-direction:column;min-height:206px;padding:22px 22px 24px;border-radius:28px;overflow:hidden;
 background:linear-gradient(150deg,rgba(var(--t),.13) 0%,var(--surface) 64%);border:1px solid rgba(var(--t),.22);box-shadow:0 1px 2px rgba(20,30,50,.04);
 transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,border-color .25s}
.card:has(.ic-pdf){--t:227,40,31}
.card:has(.ic-images){--t:28,108,240}
.card:has(.ic-documents){--t:8,154,108}
.card:has(.ic-outils){--t:91,74,230}
.card:has(.ic-etudes){--t:251,130,0}
.card:hover{transform:translateY(-5px);border-color:rgba(var(--t),.45);box-shadow:0 18px 40px rgba(var(--t),.20)}
.card .icon,.dark .card .icon{width:56px!important;height:56px!important;border-radius:26%!important;margin:0 0 auto!important;border:0!important;
 background:linear-gradient(165deg,var(--g1),var(--g2))!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -6px 12px rgba(0,0,0,.12),0 10px 22px -4px var(--glow)!important}
.card .icon svg{width:31px!important;height:31px!important}
.card h3{margin:26px 0 6px;font-size:18px;font-weight:760;letter-spacing:-.02em;line-height:1.2}
.card p{margin:0;font-size:14.5px;line-height:1.45;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* mode sombre : fonds profonds teintés comme sur la capture */
.dark .card{background:linear-gradient(150deg,rgba(var(--t),.30) 0%,#111116 72%);border-color:rgba(var(--t),.30);box-shadow:none}
.dark .card:hover{box-shadow:0 18px 44px rgba(var(--t),.28)}
.dark .card h3{color:#fff}
/* carte Atelier Pro, bandeau de chiffres et panneaux d'outils dans la même famille */
.ap-feature-card{border-radius:32px;background:linear-gradient(150deg,rgba(0,113,227,.14) 0%,var(--surface) 62%);border-color:rgba(0,113,227,.25)}
.dark .ap-feature-card{background:linear-gradient(150deg,rgba(41,151,255,.30) 0%,#111116 72%);border-color:rgba(41,151,255,.32)}
.stat{border-radius:24px;background:linear-gradient(150deg,rgba(var(--t,41,151,255),.10),var(--surface) 70%)}
.dark .stat{background:linear-gradient(150deg,rgba(41,151,255,.18),#111116 75%)}
.tool{border-radius:28px;background:linear-gradient(160deg,rgba(41,151,255,.07) 0%,var(--surface) 38%)}
.dark .tool{background:linear-gradient(160deg,rgba(41,151,255,.16) 0%,#111116 42%)}
@media(max-width:550px){.card{min-height:176px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.card,.card:hover{transition:none;transform:none}}

/* === Icônes « trait fin » façon ClickUp : carré dégradé plus plat + pictogramme blanc en contour === */
.card .icon:before,.ti:before{opacity:.55}
.card .icon,.dark .card .icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px -6px var(--glow)!important}
.card .icon svg,.ti svg{fill:none!important;stroke:#fff!important;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;filter:none!important;overflow:visible}
.card .icon svg *,.ti svg *{fill:none!important;stroke:#fff!important;stroke-width:inherit;opacity:1}
/* détails internes des pictogrammes (définis dans le sprite) : même trait blanc fin partout */
symbol .k,symbol .k2,symbol .s,symbol .ks,symbol .w{fill:none!important;stroke:#fff!important;stroke-width:1.55!important;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;opacity:1}
symbol .k2{opacity:.8}