/* Aide, Partenaires, Solutions personnalisées : effets visuels (30/10/2026), la forme seulement, même langue que
   design-fonctionnement-effets-20261029.css. Chargée en dernier ; se retire avec sa balise <link>. Bulles non touchées. */

/* 1. Jetons du modèle ; identité bleue par défaut. */
#contenu{
 --fx-c:color-mix(in oklab,var(--rappli-navy) 45%,var(--rappli-blue));
 --fx-edge:color-mix(in oklab,var(--rappli-navy) 12%,var(--rappli-white));
 --fx-sh-pose:0 1px 1px color-mix(in oklab,var(--fx-c) 7%,transparent),0 2px 6px -2px color-mix(in oklab,var(--fx-c) 12%,transparent);
 --fx-sh-carte:inset 0 1px 0 var(--rappli-white),0 1px 2px color-mix(in oklab,var(--fx-c) 6%,transparent),0 4px 10px -4px color-mix(in oklab,var(--fx-c) 10%,transparent),0 16px 30px -18px color-mix(in oklab,var(--fx-c) 22%,transparent);
 --fx-sh-produit:0 0 0 1px color-mix(in oklab,var(--rappli-navy) 9%,transparent),0 2px 4px -1px color-mix(in oklab,var(--fx-c) 8%,transparent),0 18px 32px -18px color-mix(in oklab,var(--fx-c) 24%,transparent);
 --fx-ring:inset 0 0 0 1px color-mix(in oklab,var(--rappli-navy) 14%,transparent);
 --fx-dur:220ms;
 --fx-ink:var(--rappli-blue);--fx-hue:var(--rp-blue-highlight);
 --fx-soft:color-mix(in oklab,var(--rp-blue-highlight) 12%,var(--rappli-white));
 --fx-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3b8b' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
 --ad-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3b8b' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
 --ad-arrow-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
 --ad-arrow-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231e3b8b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E");
 --ad-arrow-down-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E");
 color:var(--rappli-navy)
}
/* Identité verte : le résultat, le client, déjà possible. */
#contenu :is(.help-steps>li:last-child,.help-dial>li:last-child,.help-test,.rp-reassurance,.pt-role--client,.pt-payer--client,.pt-timeline>li:last-child,.sp-route:first-child,.sp-scope-col--ready,.sp-steps>li:last-child){
 --fx-ink:var(--rappli-green);--fx-hue:var(--rappli-green-bright);
 --fx-soft:color-mix(in oklab,var(--rappli-green-bright) 14%,var(--rappli-white))
}
/* Jetons à la couleur de l'identité, déclarés là où ils servent. */
#contenu :is(.rp-step-number,.ad-mark,.spd-mark,.help-dial-icon,.help-test>.icon,.help-workspace-list .icon,.pt-role-icon,.pt-payer-icon,.pt-profiles .sol-icon,.ptd-mark,.pt-sms-from .rp-phone-avatar,.sol-check-list .sol-icon,.sp-list .sol-icon,.sp-list--study>li,.text-link .icon,.help-support-link a .icon,.faq-list summary>:is(.icon,.sol-icon),.help-fixed>summary>.icon,.help-index .rp-chip,.faq-more>a){
 --fx-tile:linear-gradient(180deg,color-mix(in oklab,var(--fx-soft) 35%,var(--rappli-white)),color-mix(in oklab,var(--fx-hue) 26%,var(--rappli-white)));
 --fx-tile-ring:inset 0 0 0 1px color-mix(in oklab,var(--fx-ink) 20%,transparent),inset 0 1px 0 var(--rappli-white);
 --fx-tile-drop:0 1px 2px color-mix(in oklab,var(--fx-ink) 12%,transparent),0 4px 10px -5px color-mix(in oklab,var(--fx-ink) 30%,transparent);
 --fx-pill:var(--rappli-white) linear-gradient(180deg,var(--rappli-white),var(--fx-soft));
 --fx-pill-ring:inset 0 0 0 1px color-mix(in oklab,var(--fx-ink) 30%,transparent),inset 0 1px 0 color-mix(in oklab,var(--rappli-white) 70%,transparent);
 --fx-pill-on:0 1px 2px color-mix(in oklab,var(--fx-ink) 24%,transparent),0 6px 12px -4px color-mix(in oklab,var(--fx-ink) 40%,transparent);
 --fx-badge:linear-gradient(180deg,color-mix(in oklab,var(--fx-ink) 88%,var(--rappli-white)),var(--fx-ink));
 --fx-badge-sh:inset 0 1px 0 color-mix(in oklab,var(--rappli-white) 26%,transparent),inset 0 -2px 0 color-mix(in oklab,var(--rappli-navy) 16%,transparent),0 1px 2px color-mix(in oklab,var(--fx-ink) 24%,transparent),0 5px 12px -5px color-mix(in oklab,var(--fx-ink) 40%,transparent)
}

/* 2. Texte en bleu nuit ; phrase d'entrée du hero en 650. */
#contenu :is(.help-lead,.help-section-intro>p,.help-steps p,.help-dial p,.help-code-legend,.help-fixed-content,.help-test p,.help-workspace-list span,.help-contact-inner>div>p,.faq-content-inner,.faq-content-inner p,.sol-hero-lead,.sol-heading>p,.pt-offer-text p,.rp-timeline p,.sp-steps p,.pt-payer p,.sol-check-list li,.sp-scope-col>p,.sp-list>li,.sp-route>p:not(.sp-route-for),.sp-aside,.rp-showcase figcaption,.pt-sms figcaption,.sol-hint,.sp-field-help,.pt-steps-note,.pt-payers-note,.pt-form-alt,.pt-faq-more,.sp-routes-other,.help-support-link,.sol-closing-inner>p:not(.sol-closing-contact)){color:var(--rappli-navy)}
#contenu :is(.help-lead,.sol-hero-lead){font-weight:650}

/* 3. Cartes (aucune n'est cliquable en entier : rien au survol), bandes, encarts sans ombre. */
#contenu :is(.help-steps>li,.help-dial,.help-code-table,.help-fixed,.help-faq-group,.help-workspace-list,.pt-role,.pt-payer,.sp-route,.sp-route+.sp-route,.sp-scope-col,.sp-scope-col+.sp-scope-col,.sol-form-surface,.sp-aside){border-color:var(--fx-edge);box-shadow:var(--fx-sh-carte)}
#contenu .help-test{box-shadow:var(--fx-sh-carte)}
#contenu .help-test::before{display:none}
#contenu :is(.sol-section--soft,.help-forwarding,.help-workspace){box-shadow:inset 0 1px 0 var(--fx-edge),inset 0 -1px 0 var(--fx-edge)}
#contenu :is(.pt-steps-note,.pt-payers-note,.pt-form-alt){border-color:var(--fx-edge);background:var(--rappli-surface);box-shadow:none}

/* 4. Tuiles des pictogrammes ; trait rendu de 1,75 px (2 px dans les grandes tuiles). */
#contenu :is(.ad-mark,.spd-mark,.help-dial-icon,.help-test>.icon,.help-workspace-list .icon,.pt-role-icon,.pt-payer-icon,.pt-profiles .sol-icon,.ptd-mark){border:0;background:var(--fx-soft) var(--fx-tile);box-shadow:var(--fx-tile-ring),var(--fx-tile-drop)}
#contenu :is(.ad-mark,.help-dial-icon,.help-test>.icon,.help-workspace-list .icon,.pt-role-icon,.pt-payer-icon,.pt-profiles .sol-icon){border-radius:16px}
#contenu .ad-mark{width:52px;height:52px}
#contenu .ad-glyph{width:34px;height:34px;stroke-width:1.75}
#contenu .ad-glyph .ad-badge-check{stroke-width:1.75}
#contenu :is(.help-dial-icon .icon,.help-test>.icon,.help-workspace-list .icon,.pt-role-icon .sol-icon,.pt-payer-icon .sol-icon){stroke-width:1.5}
#contenu .pt-profiles .sol-icon{padding:calc((var(--ptd-mark) - 26px) / 2);stroke-width:1.6}
#contenu .ptd-mark{border-radius:14px;stroke-width:1.75px}
#contenu .ptd-mark :is(path,rect){vector-effect:non-scaling-stroke}
#contenu :is(.pt-profiles,.pt-profiles>li+li){border-color:color-mix(in oklab,var(--rp-blue-highlight) 22%,var(--rappli-white))}
#contenu .sp-route .spd-mark{width:56px;height:56px;border-radius:16px}
#contenu .sp-route .spd-glyph{width:40px;height:40px;stroke-width:2px}
#contenu .sp-aside>.spd-mark{width:44px;height:44px;border-radius:14px}
#contenu .sp-aside .spd-glyph{width:30px;height:30px;stroke-width:1.75px}
@media(max-width:767px){
 #contenu :is(.ad-mark,.help-workspace-list .icon){width:48px;height:48px;border-radius:14px}
 #contenu .ad-glyph{width:32px;height:32px}
 #contenu .help-dial-icon{border-radius:14px}
 #contenu .help-workspace-list .icon{padding:11px;stroke-width:1.6}
 #contenu .help-dial-icon .icon,#contenu :is(.pt-role-icon,.pt-payer-icon) .sol-icon{stroke-width:1.6}
}
@media(max-width:640px){
 #contenu .ptd-mark{border-radius:12px}
}
@media(max-width:359px){
 #contenu .ad-mark{width:44px;height:44px;border-radius:13px}
 #contenu .ad-glyph{width:30px;height:30px}
 #contenu .sp-route .spd-mark{width:48px;height:48px;border-radius:14px}
 #contenu .sp-route .spd-glyph{width:34px;height:34px}
}
@media(min-width:768px){
 #contenu .sp-route .spd-mark{width:64px;height:64px;border-radius:18px}
 #contenu .sp-route .spd-glyph{width:46px;height:46px}
}

/* 5. Numéros d'étape en badges ; ronds fléchés d'Aide (28 px, centrés dans l'écart ou sur le filet). */
#contenu :is(.help-steps,.pt-timeline,.sp-steps) .rp-step-number{border:0;background:var(--fx-ink) var(--fx-badge);box-shadow:var(--fx-badge-sh);color:var(--rappli-white);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}
#contenu :is(.help-steps,.pt-timeline){--rp-marker:44px}
#contenu :is(.help-steps,.pt-timeline) .rp-step-number{width:44px;height:44px;border-radius:13px;font-size:17px}
#contenu .sp-steps .rp-step-number{width:40px;height:40px;border-radius:12px;font-size:16px}
#contenu :is(.pt-timeline,.sp-steps)>li:not(:last-child)::after{background:color-mix(in oklab,var(--rappli-navy) 14%,var(--rappli-white))}
@media(max-width:760px){
 #contenu .pt-timeline{--rp-marker:40px}
 #contenu .pt-timeline .rp-step-number{width:40px;height:40px;border-radius:12px;font-size:16px}
}
#contenu .help-steps{--rp-timeline-gap:40px;row-gap:40px}
#contenu .help-steps>li+li::after{top:calc(var(--ad-pad) + var(--rp-marker) / 2 - 14px);left:calc(var(--rp-timeline-gap) / -2 - 15px);width:28px;height:28px;border:0;background:var(--rappli-white) var(--fx-arrow) center/22px no-repeat;box-shadow:var(--fx-ring),var(--fx-sh-pose)}
@media(min-width:901px){
 @supports(grid-template-rows:subgrid){#contenu .help-steps{row-gap:0}}
}
@media(max-width:900px){
 #contenu .help-steps>li+li::after{top:-35px;left:calc(var(--ad-pad) + 8px)}
}
#contenu .help-dial>li+li::after{top:calc(var(--rappli-space-5) + 10px);left:-14.5px;width:28px;height:28px;border:0;background:var(--rappli-white) var(--fx-arrow) center/22px no-repeat;box-shadow:var(--fx-ring),var(--fx-sh-pose)}
@media(min-width:768px){
 #contenu .help-dial>li+li::after{top:calc(var(--rappli-space-5) + 12px)}
}
@media(max-width:900px){
 #contenu .help-dial>li+li::after{top:-14.5px;left:calc(var(--rappli-space-5) + 10px)}
}
@media(min-width:768px) and (max-width:900px){
 #contenu .help-dial>li+li::after{left:calc(var(--rappli-space-5) + 12px)}
}
@media(max-width:600px){
 #contenu .help-dial>li+li::after{left:30px}
}

/* 6. Pastilles d'action (pleines au survol, au focus, à l'ouverture) ; coches. */
#contenu :is(.text-link .icon,.help-support-link a .icon){padding:8px;border-radius:50%;background:var(--fx-pill);box-shadow:var(--fx-pill-ring),var(--fx-sh-pose);color:var(--rappli-blue);stroke-width:2.625}
#contenu :is(.faq-list summary>:is(.icon,.sol-icon),.help-fixed>summary>.icon){width:32px;height:32px;padding:4px;border-radius:50%;background:var(--fx-pill);box-shadow:var(--fx-pill-ring),var(--fx-sh-pose);color:var(--rappli-blue);stroke-width:1.75}
#contenu :is(.text-link:focus-visible .icon,.help-support-link a:focus-visible .icon,.faq-list summary:focus-visible>:is(.icon,.sol-icon),.help-fixed>summary:focus-visible>.icon,.help-fixed[open]>summary>.icon,.faq-list :is(details:not(.faq-enhanced)[open]:not([data-closing]),.is-open) summary>:is(.icon,.sol-icon)){background:var(--fx-ink);box-shadow:var(--fx-pill-on);color:var(--rappli-white)}
#contenu .faq-content-inner>.faq-more>a::after{background:var(--ad-arrow) center/13px no-repeat,var(--fx-pill);box-shadow:var(--fx-pill-ring),var(--fx-sh-pose)}
#contenu .faq-content-inner>.faq-more>a:focus-visible::after{background:var(--ad-arrow-white) center/13px no-repeat,var(--fx-ink);box-shadow:var(--fx-pill-on)}
#contenu .sol-faq .faq-list details{border-color:color-mix(in oklab,var(--rappli-navy) 18%,var(--rappli-white))}
#contenu .rp-reassurance .icon{width:24px;height:24px;padding:2px;border-radius:50%;stroke-width:2.1;background:var(--fx-soft) linear-gradient(180deg,var(--rappli-white),var(--fx-soft));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--rappli-green) 22%,transparent),0 1px 2px color-mix(in oklab,var(--rappli-green) 16%,transparent);color:var(--rappli-green)}
#contenu .pt-role .sol-check-list .sol-icon{flex:none;width:24px;height:24px;margin-top:calc((1.55em - 24px) / 2);margin-top:calc((1lh - 24px) / 2);padding:5px;border-radius:50%;background:var(--fx-soft) var(--fx-tile);box-shadow:var(--fx-tile-ring),var(--fx-tile-drop);color:var(--fx-ink);stroke-width:3}
#contenu .sp-list--ready .sol-icon{padding:4px;background:var(--fx-soft) var(--fx-tile);box-shadow:var(--fx-tile-ring),var(--fx-tile-drop);stroke-width:3}
#contenu .sp-list--study>li::before{box-shadow:0 0 0 6px color-mix(in oklab,var(--fx-soft) 70%,var(--rappli-white)),0 0 0 7px color-mix(in oklab,var(--fx-ink) 20%,transparent)}

/* 7. Aide. */
#contenu .help-index .rp-chip{border-color:transparent;background:var(--rappli-white);box-shadow:var(--fx-ring),var(--fx-sh-pose)}
#contenu .help-index .rp-chip::after{background:var(--ad-arrow-down) center/12px no-repeat,var(--fx-pill);box-shadow:var(--fx-pill-ring)}
#contenu .help-index .rp-chip:focus-visible::after{background:var(--ad-arrow-down-white) center/12px no-repeat,var(--fx-ink)}
#contenu :is(.help-code-table,.help-fixed) code[data-forwarding-code]{border-color:color-mix(in oklab,var(--fx-ink) 18%,transparent);background:var(--fx-soft);box-shadow:inset 0 1px 2px color-mix(in oklab,var(--rappli-navy) 6%,transparent)}
#contenu .help-guide-links a{display:inline-flex;align-items:center;min-height:44px;border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--rappli-navy) 14%,transparent),var(--fx-sh-pose)}

/* 8. Partenaires : la capture n'a qu'un cadre (l'écran) ; écran du SMS au niveau produit. */
#contenu .rp-tabs{border-color:transparent;background:var(--rappli-surface);box-shadow:inset 0 0 0 1px var(--fx-edge),inset 0 1px 2px color-mix(in oklab,var(--rappli-navy) 6%,transparent)}
#contenu .rp-tabs>button[aria-selected=true]{border-color:transparent;background:var(--rappli-white);box-shadow:0 0 0 1px color-mix(in oklab,var(--rappli-navy) 14%,transparent),var(--fx-sh-pose);color:var(--rappli-navy)}
#contenu .rp-showcase-frame{padding:0;overflow:hidden;overflow:clip;border:0;border-radius:22px;background:var(--rappli-white);box-shadow:var(--fx-sh-produit)}
#contenu .rp-showcase-frame img{border:0;border-radius:0}
#contenu .rp-showcase figcaption{margin-top:var(--rappli-space-4)}
#contenu .pt-sms-screen{border-color:transparent;border-radius:22px;box-shadow:inset 0 1px 0 var(--rappli-white),var(--fx-sh-produit)}
#contenu .pt-sms-from .rp-phone-avatar{border:0;background:var(--fx-soft) var(--fx-tile);box-shadow:var(--fx-tile-ring),var(--fx-sh-pose)}
#contenu .pt-roles-flow>span:not(.pt-arrow){border-color:transparent;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--ptd-ink) 22%,transparent),var(--fx-sh-pose)}
#contenu .pt-form .pt-optional{padding:var(--rappli-space-5) 0 0;border:0;border-radius:0;background:linear-gradient(var(--rappli-line),var(--rappli-line)) top/100% 1px no-repeat}
@media(max-width:560px){
 #contenu .rp-showcase-frame{border-radius:16px}
}

/* 9. Champs en léger creux (filet gardé). */
#contenu :is(.rp-field,.rp-select){box-shadow:inset 0 1px 2px color-mix(in oklab,var(--rappli-navy) 7%,transparent)}
#contenu .sol-consent input{accent-color:var(--rappli-blue)}

/* 10. Survol. */
@media(hover:hover) and (pointer:fine){
 #contenu :is(.text-link:hover .icon,.help-support-link a:hover .icon,.faq-list summary:hover>:is(.icon,.sol-icon),.help-fixed>summary:hover>.icon){background:var(--fx-ink);box-shadow:var(--fx-pill-on);color:var(--rappli-white)}
 #contenu :is(.text-link:hover .icon,.help-support-link a:hover .icon){transform:none}
 #contenu .faq-content-inner>.faq-more>a:hover::after{background:var(--ad-arrow-white) center/13px no-repeat,var(--fx-ink);box-shadow:var(--fx-pill-on);transform:none}
 #contenu .sol-faq .faq-list summary:hover{color:var(--rappli-blue)}
 #contenu .help-index .rp-chip:hover{background:color-mix(in oklab,var(--rp-blue-highlight) 6%,var(--rappli-white));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fx-ink) 24%,transparent),var(--fx-sh-pose)}
 #contenu .help-index .rp-chip:hover::after{background:var(--ad-arrow-down-white) center/12px no-repeat,var(--fx-ink);transform:none}
 #contenu .help-guide-links a:hover{box-shadow:inset 0 0 0 1px var(--rappli-navy),var(--fx-sh-pose)}
}

/* 11. Mouvement, seulement s'il est accepté. */
@media screen and (prefers-reduced-motion:no-preference){
 #contenu :is(.text-link .icon,.help-support-link a .icon,.faq-list summary>:is(.icon,.sol-icon),.help-fixed>summary>.icon){transition:transform var(--fx-dur) var(--rappli-ease),background-color var(--rappli-fast) var(--rappli-ease),box-shadow var(--fx-dur) var(--rappli-ease),color var(--rappli-fast) var(--rappli-ease)}
 #contenu :is(.help-index .rp-chip,.help-guide-links a){transition:background-color var(--rappli-fast) var(--rappli-ease),box-shadow var(--fx-dur) var(--rappli-ease),transform var(--fx-dur) var(--rappli-ease)}
 @media(hover:hover) and (pointer:fine){
  #contenu :is(.text-link:hover .icon,.help-support-link a:hover .icon){transform:translateX(2px)}
  #contenu .faq-content-inner>.faq-more>a:hover::after{transform:translateX(2px)}
  #contenu .help-index .rp-chip:hover{transform:translateY(-1px)}
  #contenu .help-index .rp-chip:hover::after{transform:translateY(1px)}
 }
}

/* 12. Contraste forcé. */
@media(forced-colors:active){
 #contenu :is(.ad-mark,.spd-mark,.help-dial-icon,.help-test>.icon,.help-workspace-list .icon,.pt-role-icon,.pt-payer-icon,.pt-profiles .sol-icon,.ptd-mark,.pt-sms-from .rp-phone-avatar,.rp-step-number,.rp-showcase-frame,.pt-sms-screen,.help-steps>li,.help-dial,.help-code-table,.help-fixed,.help-faq-group,.help-workspace-list,.pt-role,.pt-payer,.sp-route,.sp-scope-col,.sol-form-surface,.sp-aside,.pt-steps-note,.pt-payers-note,.pt-form-alt,.rp-tabs>button[aria-selected=true],.help-index .rp-chip,.help-guide-links a){border:1px solid CanvasText;background:Canvas;box-shadow:none}
 #contenu .rp-step-number{color:CanvasText}
 #contenu :is(.text-link .icon,.help-support-link a .icon,.faq-list summary>:is(.icon,.sol-icon),.help-fixed>summary>.icon,.rp-reassurance .icon,.pt-role .sol-check-list .sol-icon,.sp-list--ready .sol-icon){border:1px solid currentColor;background:Canvas;box-shadow:none;forced-color-adjust:auto}
 #contenu .sp-list--study>li::before{box-shadow:none}
 #contenu .pt-form .pt-optional{border-top:1px solid CanvasText;background:none}
 #contenu :is(.sol-section--soft,.help-forwarding,.help-workspace){box-shadow:none}
}