/* Formix — barre de navigation, authentification, assistant de création. Complète apple.css. */
body { background: #f5f5f7; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Inter, "Segoe UI", Roboto, sans-serif; color: #1d1d1f; }
.fx-bar { position: sticky; top: 0; z-index: 20; background: rgba(255,255,255,.82); backdrop-filter: saturate(180%) blur(20px); -webkit-backdrop-filter: saturate(180%) blur(20px); border-bottom: 1px solid rgba(0,0,0,.08); }
.fx-bar-in { max-width: 1040px; margin: 0 auto; padding: .6rem 1rem; display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap; }
.fx-logo { display: inline-flex; align-items: center; gap: .5rem; font-weight: 700; font-size: 1.15rem; letter-spacing: -.02em; color: #1d1d1f; text-decoration: none; }
.fx-mark { width: 26px; height: 26px; border-radius: 6px; background:url(icon.svg?v=8) center/cover no-repeat; display: inline-block; box-shadow: 0 1px 3px rgba(0,0,0,.25); }
.fx-nav { display: flex; gap: .15rem; flex-wrap: wrap; flex: 1; }
.fx-nav a { color: #424245; text-decoration: none; padding: .35rem .8rem; border-radius: 980px; font-size: .95rem; }
.fx-nav a:hover { background: rgba(0,0,0,.05); } .fx-nav a.on { background: rgba(0,0,0,.07); color: #1d1d1f; font-weight: 600; }
.fx-out { display: flex; align-items: center; gap: .6rem; margin: 0 0 0 auto; } .fx-who { font-size: .9rem; color: #6e6e73; }
.fx-auth { max-width: 460px; } .fx-foot { text-align: center; color: #6e6e73; font-size: .85rem; padding: 2rem 1rem; } .fx-foot a { color: #6e6e73; }
.ap { max-width: 1040px; margin: 0 auto; padding: 1.5rem 1rem 3rem; }
.ap .btn-primary { --bs-btn-bg: var(--acc, #0071e3); --bs-btn-border-color: var(--acc, #0071e3); --bs-btn-hover-bg: var(--acc, #0071e3); --bs-btn-hover-border-color: var(--acc, #0071e3); --bs-btn-hover-color: #fff; filter: none; }
.ap .btn-primary:hover { filter: brightness(.92); }
.pf-wiz > summary { list-style: none; display: inline-block; cursor: pointer; } .pf-wiz > summary::-webkit-details-marker { display: none; }
.pf-js[data-show="1"] .pf-step[data-step="2"], .pf-js[data-show="2"] .pf-step[data-step="1"] { display: none; }
.pf-tpl { cursor: pointer; } .pf-thumb { border-radius: 10px; overflow: hidden; border: 2px solid transparent; box-shadow: 0 1px 6px rgba(0,0,0,.12); background: #fff; transition: transform .12s; } .pf-thumb svg { display: block; width: 100%; height: auto; }
.pf-tpl:hover .pf-thumb { transform: translateY(-2px); } .pf-tpl input:checked + .pf-thumb { border-color: var(--acc, #0071e3); box-shadow: 0 0 0 3px rgba(0,113,227,.25); } .pf-tpl input:focus-visible + .pf-thumb { outline: 3px solid #1b4f9c; outline-offset: 2px; }
code, pre { font-size: .85rem; } pre { background: #f2f2f5; border-radius: 12px; padding: .9rem 1rem; overflow-x: auto; }
.meter { height: 8px; border-radius: 99px; background: #e5e5ea; overflow: hidden; } .meter > i { display: block; height: 100%; background: var(--acc, #0071e3); }

/* Parcours / Flux (pages « Parcours » et « Flux ») */
.flx{border-radius:1.1rem}.flx-head{display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:baseline}.flx-head h2{font-size:1.25rem;margin:0}
.flx-who{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#5b6b80}
.flx-nav{display:flex;flex-wrap:wrap;gap:.4rem}.flx-nav a{font-size:.9rem;text-decoration:none;border:1px solid rgba(0,0,0,.12);border-radius:980px;padding:.25rem .8rem;color:#1d1d1f;background:#fff}.flx-nav a:hover{background:rgba(0,0,0,.05)}
.flx-steps{list-style:none;margin:.5rem 0 0;padding:0;counter-reset:fs}
.flx-steps li{counter-increment:fs;position:relative;display:flex;flex-direction:column;gap:.15rem;align-items:flex-start;padding:0 0 1rem 2.7rem;min-width:0;overflow-wrap:anywhere}
.flx-steps li::before{content:counter(fs);position:absolute;left:0;top:0;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--acc,#0071e3);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}
.flx-where{font-size:.85rem;color:#5b6b80}
.flx-go{margin-top:.3rem}.flx-link{font-size:.82rem}
.flx-sys{display:block;margin-top:.3rem;padding:.5rem .7rem;background:#f2f2f5;border-radius:.6rem;font-size:.88rem;max-width:100%}.flx-sys i{font-style:normal;font-weight:700;margin-right:.35rem;color:#033c73}

/* Aide (base de connaissances) et portail Support */
.kb-search .btn{white-space:nowrap}
.kb-crumb{display:flex;flex-wrap:wrap;gap:.25rem .5rem;align-items:center;font-size:.9rem;color:#5b6b80;margin:0 0 .75rem;min-width:0}.kb-crumb a{color:#0b57b8}.kb-crumb span{overflow-wrap:anywhere}
.kb-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}
.kb-cat,.kb-card{display:flex;flex-direction:column;gap:.2rem;padding:.8rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:1rem;background:#fff;color:#1d1d1f;text-decoration:none;min-width:0;overflow-wrap:anywhere}
.kb-cat:hover,.kb-card:hover{border-color:var(--acc,#0071e3);background:#fafcff}.kb-cat span,.kb-card span{font-size:.9rem;color:#4b5563}.kb-cat i,.kb-card i{font-style:normal;font-size:.8rem;color:#5b6b80}
.kb-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}
.kb-art h1{font-size:1.6rem;overflow-wrap:anywhere}.kb-art h2{font-size:1.1rem;margin:1.4rem 0 .5rem}.kb-art .card-body{min-width:0;overflow-wrap:anywhere}
.kb-lead{font-size:1.05rem;color:#3a3a3c}.kb-badge{display:inline-block;margin:0 0 .5rem;padding:.15rem .7rem;border-radius:99px;background:#fff3cd;color:#664d03;font-size:.8rem;font-weight:600}
.kb-steps{padding-left:1.3rem}.kb-steps li{margin:.35rem 0}
.kb-faq dt{font-weight:600;margin-top:.7rem}.kb-faq dd{margin:.15rem 0 0 0;color:#3a3a3c}
.kb-sup{margin-top:1.8rem;padding:1rem 1.1rem;border:2px solid #b45309;border-radius:1rem;background:#fffbeb}.kb-sup h2{margin-top:0;color:#7c2d12}.kb-sup h3{font-size:1rem;margin:1rem 0 .3rem}.kb-never{color:#9b1c1c}
.kb-mod{scroll-margin-top:5rem}.kb-mod details{border:1px solid rgba(0,0,0,.1);border-radius:.8rem;padding:.5rem .8rem;background:#fff;margin:.4rem 0}.kb-mod summary{cursor:pointer;font-weight:600}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}
.sp-dl{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:.35rem 1rem;margin:0}.sp-dl dt{font-weight:600;color:#3a3a3c}.sp-dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.sp-tag{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.78rem;font-weight:600;background:#e5e5ea;color:#1d1d1f}.sp-tag.ok{background:#d1fae5;color:#065f46}.sp-tag.warn{background:#fef3c7;color:#92400e}.sp-tag.bad{background:#fee2e2;color:#991b1b}
.sp-note{border:1px solid rgba(0,0,0,.1);border-radius:.8rem;padding:.6rem .9rem;background:#fff}.sp-note small{color:#5b6b80}.sp-note p{margin:.25rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.meter.over>i{background:#c0392b}
.sp-table td,.sp-table th{vertical-align:top;overflow-wrap:anywhere}
@media (max-width:575px){.sp-dl{grid-template-columns:1fr;gap:.1rem}.sp-dl dd{margin-bottom:.5rem}.kb-art h1{font-size:1.35rem}}
.ap .d-grid > *{min-width:0}.kb-art{min-width:0}.kb-art pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
/* Sondages (Sondagix) */
.sxc .ap-head{margin:0 0 1.25rem}.sxc .ap-sub{color:#6e6e73;margin:.4rem 0 0}.sxc .ap-empty{display:grid;gap:.25rem;padding:1rem;border:1px dashed #d2d2d7;border-radius:12px;color:#6e6e73}.sxc .card{margin-bottom:1rem}