:root{
/* encre : quatre niveaux, jamais plus */
--ink:#16171D;--ink-2:#5A5C6B;--ink-3:#8E90A0;--ink-4:#C3C5D0;
/* surfaces */
--surface:#FFFFFF;--surface-2:#F7F7FA;--line-1:#EAEAEF;--bg:#F4F4F7;
/* Un seul accent pour tout ce qui est interactif. C'est l'encre elle-meme :
   Samuel a retire le violet le 06/08/2026, l'interface est en noir et blanc.
   Les cinq couleurs de statut ci-dessous sont conservees — elles portent une
   information metier (en retard, aujourd'hui, actif), pas une decoration. */
--brand:#16171D;--brand-soft:#F0F0F2;
/* statuts : les cinq couleurs deja utilisees dans le CRM, inchangees */
--st-retra:#8E8E93;--st-cours:#007AFF;--st-sortie:#FF9500;--st-factu:#FF3B30;--st-fini:#34C759;
--st-retra-soft:#F0F0F2;--st-cours-soft:#E8F1FE;--st-sortie-soft:#FFF3E3;--st-factu-soft:#FFECEB;--st-fini-soft:#E6F7EC;
/* quatre rayons */
--rs:8px;--rm:12px;--rl:18px;--rf:999px;
/* trois ombres */
--sh1:0 1px 2px rgba(22,23,29,.05);
--sh2:0 2px 8px rgba(22,23,29,.06),0 1px 2px rgba(22,23,29,.04);
--sh3:0 -8px 40px rgba(22,23,29,.14);
/* une police */
--font:'Geist','SF Pro Text',system-ui,-apple-system,sans-serif;
--font-mono:'Geist Mono',ui-monospace,monospace;
/* alias historiques, rediriges vers le systeme */
--card:var(--surface);--card2:var(--surface-2);
--border:var(--line-1);--border2:var(--line-1);
--text:var(--ink);--text1:var(--ink);--text2:var(--ink-2);--text3:var(--ink-3);
--accent:var(--brand);--c-primary:var(--brand);--c-bg2:var(--surface-2);--accent-light:#3A3C48;
--accent-glow:rgba(22,23,29,.10);--accent-subtle:rgba(22,23,29,.05);--accent-border:rgba(22,23,29,.18);
--primary:var(--brand);
--green:var(--st-fini);--blue:var(--st-cours);--yellow:var(--st-sortie);--red:var(--st-factu);--purple:#5A5C6B;
--hover:rgba(22,23,29,.03);--header-bg:rgba(255,255,255,.78);--modal-bg:var(--surface);
--scrollbar:var(--ink-4);--separator:var(--line-1);
--shadow-sm:var(--sh1);--shadow-md:var(--sh2);--shadow-glow:none;
--topbar-h:58px}

/* la police du systeme s'applique au document : sans cette regle, une page
   autonome qui ne declare pas font-family retombe sur la police par defaut
   du navigateur (Times) des qu'on remplace sa valeur litterale par une variable. */
html,body{font-family:var(--font)}
code,kbd,pre,samp,.mono{font-family:var(--font-mono)}

/* Le carre bleu qui apparait sous le doigt et le contour qui reste apres un
   clic souris sont retires partout. Le contour au CLAVIER est CONSERVE via
   :focus-visible : c'est l'accessibilite, ne jamais le supprimer. */
html,body,*{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
.sf-mark{display:block;flex:none;width:36px;height:36px;background-color:var(--brand);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cmask id='m'%3E%3Crect width='64' height='64' fill='%23fff'/%3E%3Cpath d='M44 17.5H29a7.5 7.5 0 0 0 0 15h6.5a7 7 0 0 1 0 14H20' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3C/mask%3E%3Crect width='64' height='64' rx='18' fill='%23000' mask='url(%23m)'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cmask id='m'%3E%3Crect width='64' height='64' fill='%23fff'/%3E%3Cpath d='M44 17.5H29a7.5 7.5 0 0 0 0 15h6.5a7 7 0 0 1 0 14H20' fill='none' stroke='%23000' stroke-width='7' stroke-linecap='round'/%3E%3C/mask%3E%3Crect width='64' height='64' rx='18' fill='%23000' mask='url(%23m)'/%3E%3C/svg%3E")}
/* --- echelle : trois tailles, plancher 11 px --- */
.ds-t1{font-size:15px;font-weight:600;line-height:1.3;letter-spacing:-.01em}
.ds-t2{font-size:13px;line-height:1.45}
.ds-t3{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}

/* --- en-tete d'ecran : identite, etat, sous-titre, actions --- */
.ds-hd{background:var(--surface);border-bottom:1px solid var(--line-1);position:sticky;top:0;z-index:9}
.ds-hd-top{display:flex;align-items:flex-start;gap:11px;padding:13px 15px 10px}
.ds-hd-id{flex:1;min-width:0}
.ds-hd-name{font-size:17px;font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--ink)}
.ds-hd-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}
.ds-hd-sub{font-size:13px;color:var(--ink-2);margin-top:5px;line-height:1.35}
.ds-hd-acts{display:flex;gap:6px;flex:none;align-items:center}
.ds-av{width:40px;height:40px;border-radius:50%;background:var(--brand-soft);color:var(--ink);
 font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex:none;position:relative}
.ds-av[data-vif]::after{content:'';position:absolute;bottom:0;right:0;width:10px;height:10px;
 border-radius:50%;background:var(--st-fini);border:2px solid var(--surface)}

/* --- remonter d'un cran depuis un ecran ouvert par-dessus un autre ---
   N'apparait que si l'ecran a ete ouvert DEPUIS un autre (une fiche de
   dossier ouverte depuis un profil multi-dossiers). La croix garde son
   role : tout fermer. */
.fiche-retour{padding:0 15px 2px}
.fiche-retour .ds-btn{min-height:38px}
@media(max-width:767px){.fiche-retour .ds-btn{min-height:44px}}

/* --- onglets en pilules, defilables au doigt --- */
.ds-tabs{display:flex;gap:5px;padding:0 12px 10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ds-tabs::-webkit-scrollbar{display:none}
.ds-tab{flex:none;border:1px solid transparent;background:none;font-family:inherit;font-size:13px;
 font-weight:500;color:var(--ink-3);padding:7px 13px;border-radius:var(--rf);cursor:pointer;
 white-space:nowrap;display:flex;align-items:center;gap:6px;min-height:34px;transition:background .15s,color .15s}
.ds-tab:hover:not(.on){background:var(--surface-2);color:var(--ink-2)}
.ds-tab.on{background:var(--brand);color:#fff;font-weight:600}
.ds-tab .n{font-size:11px;font-weight:700;padding:0 5px;border-radius:var(--rf);
 background:var(--st-sortie-soft);color:var(--st-sortie);line-height:16px;min-width:16px;text-align:center}
.ds-tab .n.calme{background:var(--surface-2);color:var(--ink-3)}
.ds-tab.on .n{background:rgba(255,255,255,.22);color:#fff}

/* --- carte : un titre discret, un contenu, une action --- */
.ds-card{background:var(--surface);border:1px solid var(--line-1);border-radius:var(--rm);
 margin-bottom:11px;overflow:hidden}
.ds-card-h{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px 0}
.ds-card-t{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
.ds-card-a{font-size:12px;font-weight:600;color:var(--ink);background:var(--surface-2);border:none;
 border-radius:var(--rs);padding:7px 11px;cursor:pointer;font-family:inherit;min-height:32px;white-space:nowrap}
.ds-card-a:hover{background:var(--brand-soft)}
.ds-card-p{padding:11px 14px 14px}

/* --- liste cle / valeur : remplace les grilles a deux colonnes --- */
.ds-rows{padding:6px 0 4px;margin:0}
.ds-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:9px 14px;
 border-bottom:1px solid var(--line-1)}
.ds-row:last-child{border-bottom:none}
.ds-row dt{font-size:13px;color:var(--ink-3);flex:none;margin:0}
.ds-row dd{margin:0;font-size:13px;font-weight:500;text-align:right;word-break:break-word;color:var(--ink)}
.ds-row dd a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-4)}
.ds-row dd.vide{color:var(--ink-4);font-weight:400}
.ds-champ{background:var(--surface-2);border:1px solid var(--line-1);border-radius:var(--rs);
 padding:8px 10px;font-family:inherit;font-size:13px;color:var(--ink);min-height:36px;max-width:100%}
.ds-row .ds-champ{text-align:right;max-width:60%}

/* --- bandeau d'information, une ligne --- */
.ds-note{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--rm);
 font-size:13px;margin-bottom:11px;line-height:1.4}
.ds-note b{font-weight:600}
.ds-note .go{margin-left:auto;font-weight:600;color:inherit;white-space:nowrap;cursor:pointer;
 text-decoration:underline;flex:none;background:none;border:none;font-family:inherit;font-size:13px;
 padding:8px 2px;min-height:36px}
.ds-note.warn{background:var(--st-sortie-soft);color:#8A4B00}
.ds-note.err{background:var(--st-factu-soft);color:#9B1C16}
.ds-note.ok{background:var(--st-fini-soft);color:#166534}
.ds-note.info{background:var(--st-cours-soft);color:#0B4FA8}
.ds-note.calm{background:var(--surface-2);color:var(--ink-2)}
.ds-pt{width:7px;height:7px;border-radius:50%;flex:none;background:currentColor}

/* --- pastilles d'etat et compteurs --- */
.ds-chip{font-size:11px;font-weight:600;padding:2px 9px;border-radius:var(--rf);line-height:1.5;
 display:inline-flex;align-items:center;gap:4px}
.ds-chip.neutre{background:var(--surface-2);color:var(--ink-2)}
.ds-chip.retra{background:var(--st-retra-soft);color:var(--st-retra)}
.ds-chip.cours{background:var(--st-cours-soft);color:var(--st-cours)}
.ds-chip.sortie{background:var(--st-sortie-soft);color:#8A4B00}
.ds-chip.factu{background:var(--st-factu-soft);color:var(--st-factu)}
.ds-chip.fini{background:var(--st-fini-soft);color:#166534}
.ds-badge{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--rs);white-space:nowrap;flex:none}
.ds-badge.late{background:var(--st-factu-soft);color:var(--st-factu)}
.ds-badge.today{background:var(--st-sortie-soft);color:#8A4B00}
.ds-badge.soon{background:var(--st-cours-soft);color:var(--st-cours)}
.ds-badge.far{background:var(--surface-2);color:var(--ink-3)}
.ds-badge.done{background:var(--st-fini-soft);color:#166534}

/* --- boutons --- */
.ds-btn{border:none;border-radius:var(--rs);font-family:inherit;font-size:13px;font-weight:600;
 padding:11px 16px;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;
 justify-content:center;gap:7px;white-space:nowrap;transition:background .15s}
.ds-btn.pri{background:var(--brand);color:#fff}
.ds-btn.pri:hover{background:#000}
.ds-btn.sec{background:var(--surface-2);color:var(--ink)}
.ds-btn.sec:hover{background:var(--brand-soft)}
.ds-btn.danger{background:var(--st-factu-soft);color:var(--st-factu)}
.ds-btn.large{width:100%}
.ds-icobtn{width:34px;height:34px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-1);
 color:var(--ink-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;
 font-family:inherit;padding:0;flex:none}
.ds-icobtn:hover{background:var(--brand-soft);color:var(--ink)}
.ds-kb{width:32px;height:32px;border-radius:var(--rs);border:none;background:none;color:var(--ink-3);
 cursor:pointer;font-size:15px;font-family:inherit;display:flex;align-items:center;justify-content:center;flex:none}
.ds-kb:hover{background:var(--surface-2);color:var(--ink)}

/* --- ligne de liste : une tache, un document, une personne --- */
.ds-item{display:flex;align-items:center;gap:11px;padding:12px 13px;background:var(--surface);
 border:1px solid var(--line-1);border-radius:var(--rm);margin-bottom:7px;position:relative;flex-wrap:wrap}
.ds-item:hover{border-color:var(--ink-4)}
.ds-item.late{border-left:3px solid var(--st-factu)}
.ds-item.today{border-left:3px solid var(--st-sortie)}
.ds-item.err{border-left:3px solid var(--st-factu);background:var(--st-factu-soft)}
.ds-item-ic{width:30px;height:30px;border-radius:var(--rs);display:flex;align-items:center;
 justify-content:center;flex:none;background:var(--surface-2);color:var(--ink-2);font-size:15px}
.ds-item-ic.mail{background:var(--st-cours-soft);color:var(--st-cours)}
.ds-item-ic.doc{background:var(--st-fini-soft);color:#166534}
.ds-item-ic.suivi{background:var(--st-sortie-soft);color:#8A4B00}
.ds-item-b{flex:1;min-width:0}
.ds-item-t{font-size:13.5px;font-weight:500;line-height:1.3;color:var(--ink)}
.ds-item-s{font-size:12px;color:var(--ink-3);margin-top:3px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.ds-item-r{display:flex;align-items:center;gap:4px;flex:none;margin-left:auto}
.ds-item.fait .ds-item-t{color:var(--ink-3)}
.ds-item.fait .ds-item-ic{background:var(--st-fini-soft);color:var(--st-fini)}
.ds-item.sansobjet .ds-item-t{color:var(--ink-3)}
.ds-item.sansobjet .ds-item-ic{color:var(--ink-4)}

/* --- chiffres en colonnes --- */
.ds-money{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--line-1);gap:1px;
 border-radius:var(--rm);overflow:hidden;border:1px solid var(--line-1);margin-bottom:11px}
.ds-money>div{background:var(--surface);padding:13px 12px;min-width:0}
.ds-money .k{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
 color:var(--ink-3);margin-bottom:5px}
.ds-money .v{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ink);white-space:nowrap}
.ds-money .v small{font-size:13px;font-weight:500;color:var(--ink-3)}

/* --- avancement segmente : un segment par etape, lisible au doigt --- */
.ds-seg{display:flex;gap:3px;margin:2px 0 12px}
.ds-seg span{flex:1;height:6px;border-radius:var(--rf);background:var(--line-1);min-width:3px}
.ds-seg span.f{background:var(--st-fini)}
.ds-seg span.c{background:var(--brand)}
.ds-seg span.x{background:var(--ink-4)}
.ds-seg span.e{background:var(--st-factu)}
.ds-seg-l{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-3);margin-bottom:6px}
.ds-seg-l b{color:var(--ink);font-weight:600}

/* --- repliable --- */
.ds-fold{width:100%;display:flex;align-items:center;gap:8px;background:var(--surface);
 border:1px solid var(--line-1);border-radius:var(--rm);padding:12px 13px;font-family:inherit;
 font-size:13px;font-weight:500;color:var(--ink-2);cursor:pointer;margin-bottom:7px;min-height:46px;text-align:left}
.ds-fold:hover{background:var(--surface-2)}
.ds-fold .n{margin-left:auto;font-size:12px;font-weight:600;color:var(--ink-3);
 background:var(--surface-2);padding:2px 8px;border-radius:var(--rf)}
.ds-fold .fl{width:13px;height:13px;flex:none;transition:transform .2s;color:var(--ink-3)}
.ds-fold.on .fl{transform:rotate(90deg)}
.ds-folded{display:none}
.ds-folded.on{display:block}

/* --- chronologie --- */
.ds-tl{position:relative;padding-left:20px}
.ds-tl::before{content:'';position:absolute;left:4px;top:6px;bottom:6px;width:1.5px;background:var(--line-1)}
.ds-tl-i{position:relative;padding:0 0 16px}
.ds-tl-i::before{content:'';position:absolute;left:-20px;top:5px;width:9px;height:9px;border-radius:50%;
 background:var(--ink-4);border:2px solid var(--bg)}
.ds-tl-i.ok::before{background:var(--st-fini)}
.ds-tl-i.warn::before{background:var(--st-sortie)}
.ds-tl-i.err::before{background:var(--st-factu)}
.ds-tl-k{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);
 display:flex;gap:8px;align-items:baseline}
.ds-tl-k time{margin-left:auto;font-weight:500;letter-spacing:0;flex:none}
.ds-tl-c{font-size:13px;color:var(--ink-2);margin-top:3px;line-height:1.45}

/* --- etat vide --- */
.ds-vide{text-align:center;padding:32px 16px;color:var(--ink-3);font-size:13px;background:var(--surface);
 border:1px solid var(--line-1);border-radius:var(--rm);margin-bottom:11px}
.ds-vide .ic{font-size:22px;display:block;margin-bottom:8px;color:var(--ink-4)}

/* --- la croix qui vide une barre de recherche ---
   Posee par static/sf-search-clear.js sur TOUTE barre de recherche du CRM,
   quelle que soit la page. Elle n'apparait qu'une fois le champ rempli
   (classe .on) et se place sur le bord droit du champ, jamais par-dessus le
   texte : le script reserve la place en padding des le depart. */
.sf-sx{position:absolute;top:0;right:0;width:34px;padding:0;margin:0;border:0;background:none;
 min-height:0;min-width:0;flex:none;
 display:none;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-3);
 border-radius:var(--rs);z-index:2;-webkit-tap-highlight-color:transparent;line-height:0}
.sf-sx.on{display:flex}
/* place reservee a la croix, uniquement champ rempli : le texte ne passe
   jamais dessous. En !important et classe repetee : plusieurs ecrans
   verrouillent leur padding avec une regle plus specifique. */
input.sf-sx-in.sf-sx-in.sf-sx-in{padding-right:34px!important}
.sf-sx svg{width:15px;height:15px;pointer-events:none}
.sf-sx:hover{color:var(--ink)}
.sf-sx:active{color:var(--ink);background:var(--brand-soft)}

/* --- au doigt : rien en dessous de 44 px sur telephone --- */
@media(max-width:767px){
 .sf-sx{width:44px}
 input.sf-sx-in.sf-sx-in.sf-sx-in{padding-right:44px!important}
 .sf-sx svg{width:17px;height:17px}
 .ds-btn,.ds-fold,.ds-card-a,.ds-icobtn,.ds-kb,.ds-tab,.ds-note .go,.ds-champ{min-height:44px}
 .ds-icobtn{width:40px;height:40px}
 .ds-kb{width:44px;height:44px}
 .ds-money{grid-auto-flow:column}
 /* une ligne cle/valeur au doigt : l'email et le telephone y sont cliquables */
 .ds-row{min-height:44px;align-items:center}
 .ds-row dd a{display:inline-block;padding:5px 0}
}

:root{--sf-dur:290ms;--sf-dur-page:380ms;--sf-ease:cubic-bezier(.2,.8,.2,1);--sf-spring:cubic-bezier(.34,1.45,.64,1)}
@view-transition{navigation:auto}
::view-transition{pointer-events:none;overflow:clip}
html[data-sf-navigation]{overflow-x:clip}
::view-transition-group(*){animation-duration:var(--sf-dur-page);animation-timing-function:var(--sf-ease)}
::view-transition-group(root){animation:none}
::view-transition-old(root),::view-transition-old(sf-scene){animation:sfNavAway var(--sf-dur-page) var(--sf-ease) both;mix-blend-mode:normal}
::view-transition-new(root),::view-transition-new(sf-scene){animation:sfNavIn var(--sf-dur-page) var(--sf-ease) both;mix-blend-mode:normal}
::view-transition-image-pair(root),::view-transition-image-pair(sf-scene){isolation:isolate}
html[data-sf-nav-scoped]::view-transition-group(sf-scene){animation:none;overflow:clip;clip-path:var(--sf-scene-clip,inset(0))}
::view-transition-old(sf-scene),::view-transition-new(sf-scene){background:var(--sf-scene-bg,var(--bg,#fff))}
/* Les barres fixes et leurs voiles restent au-dessus des pages, à chaque image. */
::view-transition-group(sf-chrome-0),::view-transition-group(sf-chrome-1),::view-transition-group(sf-chrome-2),::view-transition-group(sf-chrome-3){animation:none;z-index:10}
::view-transition-old(sf-chrome-0),::view-transition-old(sf-chrome-1),::view-transition-old(sf-chrome-2),::view-transition-old(sf-chrome-3){animation:none;opacity:0}
::view-transition-new(sf-chrome-0),::view-transition-new(sf-chrome-1),::view-transition-new(sf-chrome-2),::view-transition-new(sf-chrome-3){animation:none;opacity:1;mix-blend-mode:normal}
::view-transition-group(sf-chrome-1){z-index:11}
html[data-sf-nav-direction=back]::view-transition-old(root),html[data-sf-nav-direction=back]::view-transition-old(sf-scene){animation:sfNavOut var(--sf-dur) var(--sf-ease) both;z-index:2}
html[data-sf-nav-direction=back]::view-transition-new(root),html[data-sf-nav-direction=back]::view-transition-new(sf-scene){animation:sfNavReturn var(--sf-dur) var(--sf-ease) both;z-index:1}
html[data-sf-navigation=tab]::view-transition-old(sf-scene),html[data-sf-navigation=note]::view-transition-old(sf-scene){animation:none;opacity:0}
html[data-sf-navigation=tab]::view-transition-new(sf-scene){animation:sfNavTab var(--sf-dur) var(--sf-ease) both}
html[data-sf-navigation=note]::view-transition-new(sf-scene){animation:sfNavNote var(--sf-dur) var(--sf-ease) both}
@keyframes sfNavIn{from{transform:translateX(100%)}to{transform:translateX(0)}}
@keyframes sfNavAway{from{transform:translateX(0);opacity:1}to{transform:translateX(-12%);opacity:.75}}
@keyframes sfNavOut{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes sfNavReturn{from{transform:translateX(-12%);opacity:.75}to{transform:translateX(0);opacity:1}}
@keyframes sfNavTab{from{opacity:.15;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@keyframes sfNavNote{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* Une transition de vue remplace les anciennes entrées individuelles, jamais les spinners. */
html[data-sf-navigation] :is(.animate,.fade-in,.fade-up,.slide-in,.sf-push,.sf-in,.im-enter,.im-stag){animation:none!important}
html[data-sf-navigation] :is(.modal-overlay>.modal,.modal.show>.modal-content){transition:none!important;scale:1!important}
@keyframes sfPageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes sfPageOut{to{opacity:0}}
@keyframes sfIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes sfPush{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.sf-in{animation:sfIn var(--sf-dur) var(--sf-ease) both;animation-delay:calc(var(--sf-i,0)*25ms)}
.sf-push{animation:sfPush var(--sf-dur-page) var(--sf-ease) both}
/* l'interieur d'une modale arrive avec un leger zoom */
.modal-overlay.active>.modal,.modal-overlay.show>.modal,.modal.show>.modal-content{transition:scale var(--sf-dur) var(--sf-ease),opacity var(--sf-dur) var(--sf-ease)}
@starting-style{.modal-overlay.active>.modal,.modal-overlay.show>.modal,.modal.show>.modal-content{scale:.97;opacity:0}}
/* chevrons et fleches de depli */
.ds-fold .fl,.sl-c,.chev,.chevron,.caret,.fold-chev,.arrow-toggle{transition:transform var(--sf-dur) var(--sf-spring)}
/* boutons, onglets, pilules : couleurs qui glissent, enfoncement au doigt */
button,.ds-btn,.btn,.ds-tab,.ds-chip,.pill,.tab,.ds-icobtn,.ds-kb,.ds-item,.ds-fold{transition:background-color var(--sf-dur) var(--sf-ease),color var(--sf-dur) var(--sf-ease),border-color var(--sf-dur) var(--sf-ease),box-shadow var(--sf-dur) var(--sf-ease),scale 90ms ease}
button:not([data-sf-noanim]):active,.ds-btn:active,.btn:active,.ds-tab:active,.ds-chip:active,.pill:active,.ds-icobtn:active{scale:.96}
@media (prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),.sf-in,.sf-push{animation:none!important}
 .ds-fold .fl,.sl-c,.chev,.chevron,.caret,button,.ds-btn,.btn,.ds-tab,.ds-chip,.pill,.tab,.ds-icobtn,.ds-kb,.ds-item,.ds-fold,.modal-overlay.active>.modal{transition:none!important}
}
.ic-x,.ic-arrow-left,.ic-info,.ic-check,.ic-check-circle,.ic-x-circle,.ic-alert,.ic-clipboard,.ic-calendar,.ic-clock,.ic-hourglass,.ic-folder,.ic-file,.ic-package,.ic-chevron-r,.ic-eye,.ic-pencil,.ic-mail,.ic-send,.ic-user,.ic-users,.ic-bell,.ic-trash,.ic-euro,.ic-refresh,.ic-zap,.ic-graduation,.ic-save,.ic-wrench,.ic-upload,.ic-download,.ic-clip,.ic-link,.ic-chart,.ic-search,.ic-plus,.ic-cpu,.ic-building,.ic-phone,.ic-message,.ic-star,.ic-target,.ic-lock,.ic-printer,.ic-rocket,.ic-dot{display:inline-block;width:1em;height:1em;vertical-align:-.125em;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;flex:none}.ic-x{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}.ic-arrow-left{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4m7-7-7 7 7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12H4m7-7-7 7 7 7'/%3E%3C/svg%3E")}.ic-info{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10h.01'/%3E%3C/svg%3E")}.ic-check{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.ic-check-circle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8.5 12 2.5 2.5 4.5-5'/%3E%3C/svg%3E")}.ic-x-circle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-6 6m0-6 6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15 9-6 6m0-6 6 6'/%3E%3C/svg%3E")}.ic-alert{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2.1 18a2 2 0 0 0 1.7 3h16.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4m0 4h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 2.1 18a2 2 0 0 0 1.7 3h16.4a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0Z'/%3E%3Cpath d='M12 9v4m0 4h.01'/%3E%3C/svg%3E")}.ic-clipboard{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='8' height='4' rx='1'/%3E%3Cpath d='M16 5h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='3' width='8' height='4' rx='1'/%3E%3Cpath d='M16 5h2a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2'/%3E%3C/svg%3E")}.ic-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4m8-4v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4m8-4v4'/%3E%3C/svg%3E")}.ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")}.ic-hourglass{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12M6 21h12M7 3v4l5 5 5-5V3M7 21v-4l5-5 5 5v4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12M6 21h12M7 3v4l5 5 5-5V3M7 21v-4l5-5 5 5v4'/%3E%3C/svg%3E")}.ic-folder{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h4l2 2.5h8a2 2 0 0 1 2 2V18a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E")}.ic-file{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8Z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E")}.ic-package{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9Z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 8 4.5v9L12 21l-8-4.5v-9Z'/%3E%3Cpath d='m4 7.5 8 4.5 8-4.5M12 12v9'/%3E%3C/svg%3E")}.ic-chevron-r{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}.ic-eye{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6-10-6-10-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-6 10-6 10 6 10 6-3.6 6-10 6-10-6-10-6Z'/%3E%3Ccircle cx='12' cy='12' r='2.8'/%3E%3C/svg%3E")}.ic-pencil{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L20 8a2.1 2.1 0 0 0-3-3L5 17Z'/%3E%3Cpath d='m15 6 3 3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L20 8a2.1 2.1 0 0 0-3-3L5 17Z'/%3E%3Cpath d='m15 6 3 3'/%3E%3C/svg%3E")}.ic-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 7 8.5 6 8.5-6'/%3E%3C/svg%3E")}.ic-send{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 3 11 14'/%3E%3Cpath d='M22 3 15 21l-4-7-7-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 3 11 14'/%3E%3Cpath d='M22 3 15 21l-4-7-7-4Z'/%3E%3C/svg%3E")}.ic-user{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.6'/%3E%3Cpath d='M4.5 20a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}.ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M16 5.2a3.2 3.2 0 0 1 0 5.6M18 20a6.4 6.4 0 0 0-2-4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.2'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0'/%3E%3Cpath d='M16 5.2a3.2 3.2 0 0 1 0 5.6M18 20a6.4 6.4 0 0 0-2-4.6'/%3E%3C/svg%3E")}.ic-bell{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9a6 6 0 1 0-12 0c0 5-2 6-2 6h16s-2-1-2-6'/%3E%3Cpath d='M10.3 20a2 2 0 0 0 3.4 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 9a6 6 0 1 0-12 0c0 5-2 6-2 6h16s-2-1-2-6'/%3E%3Cpath d='M10.3 20a2 2 0 0 0 3.4 0'/%3E%3C/svg%3E")}.ic-trash{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3Cpath d='M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M10 11v6m4-6v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2'/%3E%3Cpath d='M6 7v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V7M10 11v6m4-6v6'/%3E%3C/svg%3E")}.ic-euro{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6.5A7 7 0 0 0 7.2 12 7 7 0 0 0 18 17.5'/%3E%3Cpath d='M4 10.5h9M4 14h9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6.5A7 7 0 0 0 7.2 12 7 7 0 0 0 18 17.5'/%3E%3Cpath d='M4 10.5h9M4 14h9'/%3E%3C/svg%3E")}.ic-refresh{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-13.7-5.3L3 9'/%3E%3Cpath d='M4 13a8 8 0 0 0 13.7 5.3L21 15'/%3E%3Cpath d='M3 4v5h5M21 20v-5h-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11a8 8 0 0 0-13.7-5.3L3 9'/%3E%3Cpath d='M4 13a8 8 0 0 0 13.7 5.3L21 15'/%3E%3Cpath d='M3 4v5h5M21 20v-5h-5'/%3E%3C/svg%3E")}.ic-zap{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4 14h7l-1 8 9-12h-7Z'/%3E%3C/svg%3E")}.ic-graduation{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 4 10 5-10 5L2 9Z'/%3E%3Cpath d='M6 11v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 4 10 5-10 5L2 9Z'/%3E%3Cpath d='M6 11v5c0 1.7 2.7 3 6 3s6-1.3 6-3v-5'/%3E%3C/svg%3E")}.ic-save{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h11l3 3v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 3v6h7V3M8 21v-6h8v6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h11l3 3v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M8 3v6h7V3M8 21v-6h8v6'/%3E%3C/svg%3E")}.ic-wrench{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 3.5a5.5 5.5 0 0 0-7 7L3 16v5h5l5.5-5.5a5.5 5.5 0 0 0 7-7l-3.2 3.2-2.8-.7-.7-2.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15.5 3.5a5.5 5.5 0 0 0-7 7L3 16v5h5l5.5-5.5a5.5 5.5 0 0 0 7-7l-3.2 3.2-2.8-.7-.7-2.8Z'/%3E%3C/svg%3E")}.ic-upload{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M12 16V4m-4.5 4.5L12 4l4.5 4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M12 16V4m-4.5 4.5L12 4l4.5 4.5'/%3E%3C/svg%3E")}.ic-download{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M12 4v12m-4.5-4.5L12 16l4.5-4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 16v3a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-3'/%3E%3Cpath d='M12 4v12m-4.5-4.5L12 16l4.5-4.5'/%3E%3C/svg%3E")}.ic-clip{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5 12 19.5a5 5 0 0 1-7-7l8.5-8.5a3.4 3.4 0 0 1 4.8 4.8L9.5 17a1.8 1.8 0 0 1-2.5-2.5l7.7-7.7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 11.5 12 19.5a5 5 0 0 1-7-7l8.5-8.5a3.4 3.4 0 0 1 4.8 4.8L9.5 17a1.8 1.8 0 0 1-2.5-2.5l7.7-7.7'/%3E%3C/svg%3E")}.ic-link{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 13.5a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1.6 1.6'/%3E%3Cpath d='M13.5 10.5a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1.6-1.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.5 13.5a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1.6 1.6'/%3E%3Cpath d='M13.5 10.5a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1.6-1.6'/%3E%3C/svg%3E")}.ic-chart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4'/%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M8 20v-6m4 6V8m4 12v-9'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V4'/%3E%3Cpath d='M4 20h16'/%3E%3Cpath d='M8 20v-6m4 6V8m4 12v-9'/%3E%3C/svg%3E")}.ic-search{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4.5 4.5'/%3E%3C/svg%3E")}.ic-plus{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}.ic-cpu{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9.5 9.5h5v5h-5z'/%3E%3Cpath d='M10 3v3m4-3v3m-4 12v3m4-3v3M3 10h3m-3 4h3m12-4h3m-3 4h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='6' width='12' height='12' rx='2'/%3E%3Cpath d='M9.5 9.5h5v5h-5z'/%3E%3Cpath d='M10 3v3m4-3v3m-4 12v3m4-3v3M3 10h3m-3 4h3m12-4h3m-3 4h3'/%3E%3C/svg%3E")}.ic-building{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v15'/%3E%3Cpath d='M14 10h4a2 2 0 0 1 2 2v9M3 21h18'/%3E%3Cpath d='M7.5 8h3m-3 4h3m-3 4h3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 21V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v15'/%3E%3Cpath d='M14 10h4a2 2 0 0 1 2 2v9M3 21h18'/%3E%3Cpath d='M7.5 8h3m-3 4h3m-3 4h3'/%3E%3C/svg%3E")}.ic-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h3.5l1.7 4.3-2.1 1.5a12 12 0 0 0 5.1 5.1l1.5-2.1L19 15.5V19a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 3 5.2 2 2 0 0 1 5 3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h3.5l1.7 4.3-2.1 1.5a12 12 0 0 0 5.1 5.1l1.5-2.1L19 15.5V19a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 3 5.2 2 2 0 0 1 5 3Z'/%3E%3C/svg%3E")}.ic-message{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H4l2-3.2A8 8 0 1 1 21 12Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-8 8H4l2-3.2A8 8 0 1 1 21 12Z'/%3E%3C/svg%3E")}.ic-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 2.6 5.4 5.9.8-4.3 4.1 1 5.9-5.2-2.8-5.2 2.8 1-5.9L3.5 9.7l5.9-.8Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3.5 2.6 5.4 5.9.8-4.3 4.1 1 5.9-5.2-2.8-5.2 2.8 1-5.9L3.5 9.7l5.9-.8Z'/%3E%3C/svg%3E")}.ic-target{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Ccircle cx='12' cy='12' r='4.5'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3C/svg%3E")}.ic-lock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.5' y='10' width='15' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E")}.ic-printer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Crect x='3' y='8' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Crect x='3' y='8' width='18' height='8' rx='2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E")}.ic-rocket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3C17 4 20 7 21 10.5l-6 6-1.5-4.5L9 10.5Z'/%3E%3Cpath d='M9 10.5 4.5 15 9 19.5l1.5-4.5'/%3E%3Cpath d='M6 18l-2 2'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3C17 4 20 7 21 10.5l-6 6-1.5-4.5L9 10.5Z'/%3E%3Cpath d='M9 10.5 4.5 15 9 19.5l1.5-4.5'/%3E%3Cpath d='M6 18l-2 2'/%3E%3C/svg%3E")}.ic-dot{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3C/svg%3E")}