/* Espace soutien : style de sos.mounib.net pour la page Soutien à distance (généré à partir de sos.mounib.net/style.css) */
.pg-sos *{box-sizing:border-box;margin:0}
.pg-sos [hidden]{display:none!important}
body.pg-sos{min-height:100vh;color:#1c1f2e;background:#f5f6fb;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}
.pg-sos a{color:inherit}
.pg-sos :focus-visible{outline:2px solid #a78bfa;outline-offset:3px}
.pg-sos .bg{position:fixed;inset:0;overflow:hidden;pointer-events:none}
.pg-sos .bg>span{position:absolute}
.pg-sos .b1,.pg-sos .b2,.pg-sos .b3{border-radius:50%;filter:blur(80px)}
.pg-sos .b1{width:46vmax;height:46vmax;left:-14vmax;top:-16vmax;background:#93c5fd;opacity:.45;animation:sf1 18s ease-in-out infinite alternate}
.pg-sos .b2{width:42vmax;height:42vmax;right:-12vmax;bottom:-14vmax;background:#c4b5fd;opacity:.5;animation:sf2 22s ease-in-out infinite alternate}
.pg-sos .b3{width:26vmax;height:26vmax;left:58%;top:6%;background:#f9a8d4;opacity:.35;animation:sf3 26s ease-in-out infinite alternate}
.pg-sos .grid{inset:0;background-image:linear-gradient(rgba(30,41,90,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(30,41,90,.06) 1px,transparent 1px);
 background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,transparent 70%);animation:sgm 20s linear infinite}
.pg-sos .dust{left:0;top:0;width:1px;height:1px;border-radius:50%}
.pg-sos .d1{box-shadow:663px 1941px 0 0px rgba(124,58,237,.35),808px 1333px 0 0px rgba(124,58,237,.35),148px 1681px 0 1px rgba(124,58,237,.35),192px 748px 0 1px rgba(124,58,237,.35),118px 1863px 0 1px rgba(124,58,237,.35),439px 76px 0 0px rgba(124,58,237,.35),888px 856px 0 0px rgba(124,58,237,.35),492px 185px 0 1px rgba(124,58,237,.35),869px 121px 0 1px rgba(124,58,237,.35),253px 1940px 0 0px rgba(124,58,237,.35),1291px 1284px 0 1px rgba(124,58,237,.35),1940px 126px 0 1px rgba(124,58,237,.35),1199px 812px 0 0px rgba(124,58,237,.35),1999px 452px 0 0px rgba(124,58,237,.35),1140px 1758px 0 0px rgba(124,58,237,.35),593px 858px 0 0px rgba(124,58,237,.35),1107px 241px 0 1px rgba(124,58,237,.35),631px 1147px 0 1px rgba(124,58,237,.35),370px 211px 0 1px rgba(124,58,237,.35),1169px 1308px 0 0px rgba(124,58,237,.35),762px 199px 0 1px rgba(124,58,237,.35),1458px 128px 0 1px rgba(124,58,237,.35),122px 1267px 0 0px rgba(124,58,237,.35),1016px 1393px 0 1px rgba(124,58,237,.35),875px 1591px 0 0px rgba(124,58,237,.35),953px 1199px 0 0px rgba(124,58,237,.35),740px 613px 0 0px rgba(124,58,237,.35),1626px 368px 0 1px rgba(124,58,237,.35),1597px 499px 0 0px rgba(124,58,237,.35),1176px 614px 0 1px rgba(124,58,237,.35),1013px 1792px 0 0px rgba(124,58,237,.35),1493px 919px 0 0px rgba(124,58,237,.35),1247px 149px 0 0px rgba(124,58,237,.35),1048px 856px 0 0px rgba(124,58,237,.35),1550px 700px 0 0px rgba(124,58,237,.35),1911px 1001px 0 0px rgba(124,58,237,.35),80px 1970px 0 1px rgba(124,58,237,.35),158px 1565px 0 1px rgba(124,58,237,.35),1173px 1616px 0 0px rgba(124,58,237,.35),696px 1423px 0 0px rgba(124,58,237,.35),1217px 1017px 0 1px rgba(124,58,237,.35),1632px 934px 0 0px rgba(124,58,237,.35),1720px 191px 0 0px rgba(124,58,237,.35),970px 1427px 0 1px rgba(124,58,237,.35),133px 124px 0 1px rgba(124,58,237,.35),1436px 634px 0 1px rgba(124,58,237,.35),1183px 1395px 0 0px rgba(124,58,237,.35),582px 1467px 0 0px rgba(124,58,237,.35),1816px 1369px 0 0px rgba(124,58,237,.35),46px 1926px 0 0px rgba(124,58,237,.35),727px 344px 0 1px rgba(124,58,237,.35),239px 1011px 0 0px rgba(124,58,237,.35),446px 1573px 0 0px rgba(124,58,237,.35),264px 1512px 0 0px rgba(124,58,237,.35),814px 800px 0 0px rgba(124,58,237,.35),165px 340px 0 0px rgba(124,58,237,.35),822px 1125px 0 0px rgba(124,58,237,.35),1809px 280px 0 0px rgba(124,58,237,.35),1769px 1126px 0 0px rgba(124,58,237,.35),1446px 850px 0 0px rgba(124,58,237,.35),1398px 1810px 0 0px rgba(124,58,237,.35),1961px 472px 0 0px rgba(124,58,237,.35),169px 360px 0 0px rgba(124,58,237,.35),475px 1348px 0 0px rgba(124,58,237,.35),24px 993px 0 1px rgba(124,58,237,.35),373px 538px 0 0px rgba(124,58,237,.35),8px 298px 0 0px rgba(124,58,237,.35),1094px 756px 0 1px rgba(124,58,237,.35),1159px 652px 0 0px rgba(124,58,237,.35),1414px 1759px 0 1px rgba(124,58,237,.35);opacity:.55;animation:sup1 60s linear infinite}
.pg-sos .d2{box-shadow:1946px 1264px 0 1px rgba(37,99,235,.3),1384px 1515px 0 0px rgba(37,99,235,.3),935px 1842px 0 1px rgba(37,99,235,.3),1634px 1145px 0 0px rgba(37,99,235,.3),815px 817px 0 0px rgba(37,99,235,.3),212px 986px 0 1px rgba(37,99,235,.3),820px 127px 0 0px rgba(37,99,235,.3),137px 427px 0 0px rgba(37,99,235,.3),332px 225px 0 0px rgba(37,99,235,.3),1230px 107px 0 0px rgba(37,99,235,.3),0px 1160px 0 0px rgba(37,99,235,.3),1098px 207px 0 0px rgba(37,99,235,.3),1256px 52px 0 0px rgba(37,99,235,.3),1790px 425px 0 1px rgba(37,99,235,.3),770px 304px 0 1px rgba(37,99,235,.3),516px 1956px 0 0px rgba(37,99,235,.3),1233px 745px 0 0px rgba(37,99,235,.3),251px 236px 0 0px rgba(37,99,235,.3),954px 983px 0 0px rgba(37,99,235,.3),638px 175px 0 0px rgba(37,99,235,.3),209px 1535px 0 0px rgba(37,99,235,.3),1516px 542px 0 0px rgba(37,99,235,.3),1697px 1417px 0 0px rgba(37,99,235,.3),1057px 47px 0 0px rgba(37,99,235,.3),1947px 1949px 0 1px rgba(37,99,235,.3),740px 300px 0 1px rgba(37,99,235,.3),1112px 1872px 0 0px rgba(37,99,235,.3),1552px 1081px 0 0px rgba(37,99,235,.3),1316px 1768px 0 0px rgba(37,99,235,.3),1425px 1731px 0 0px rgba(37,99,235,.3),1061px 751px 0 0px rgba(37,99,235,.3),728px 1580px 0 0px rgba(37,99,235,.3),1090px 1109px 0 1px rgba(37,99,235,.3),675px 1303px 0 0px rgba(37,99,235,.3),1255px 1661px 0 0px rgba(37,99,235,.3),1650px 490px 0 0px rgba(37,99,235,.3),1515px 1645px 0 0px rgba(37,99,235,.3),409px 1060px 0 0px rgba(37,99,235,.3),728px 1497px 0 0px rgba(37,99,235,.3),57px 1618px 0 0px rgba(37,99,235,.3),967px 530px 0 0px rgba(37,99,235,.3),1418px 1239px 0 0px rgba(37,99,235,.3),915px 1655px 0 1px rgba(37,99,235,.3),715px 1955px 0 0px rgba(37,99,235,.3),164px 451px 0 0px rgba(37,99,235,.3),464px 962px 0 0px rgba(37,99,235,.3),691px 418px 0 0px rgba(37,99,235,.3),1278px 1843px 0 1px rgba(37,99,235,.3),1721px 3px 0 0px rgba(37,99,235,.3),1862px 1337px 0 0px rgba(37,99,235,.3);opacity:.4;animation:sup1 90s linear infinite}
.pg-sos .d1::after,.pg-sos .d2::after{content:"";position:absolute;left:0;top:2000px;width:1px;height:1px;border-radius:50%;box-shadow:inherit}
@keyframes sf1{to{transform:translate(14vmax,10vmax) scale(1.1)}}
@keyframes sf2{to{transform:translate(-12vmax,-8vmax) scale(1.15)}}
@keyframes sf3{to{transform:translate(-18vmax,22vmax) scale(.9)}}
@keyframes sgm{to{background-position:48px 48px}}
@keyframes sup1{to{transform:translateY(-2000px)}}
.pg-sos .wrap{position:relative;z-index:1;max-width:980px;margin:0 auto;padding:22px max(16px,env(safe-area-inset-left,0px)) 40px}
.pg-sos .s-card{position:relative;border-radius:26px;padding:1.5px;animation:srise 1s cubic-bezier(.2,.8,.2,1) both}
.pg-sos .s-border{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.pg-sos .s-border::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent 0 58%,#7dd3fc 72%,#a78bfa 82%,#f472b6 92%,transparent 100%);animation:sspin 7s linear infinite}
.pg-sos .s-inner{position:relative;border-radius:25px;padding:clamp(26px,5vw,48px);background:linear-gradient(180deg,#ffffff,#fbfaff);box-shadow:0 30px 70px -20px rgba(60,50,140,.25),0 2px 6px rgba(30,41,90,.06);display:grid;grid-template-columns:1.2fr .9fr;gap:32px;align-items:center}
.pg-sos .s-eyebrow{font-size:.75rem;letter-spacing:.28em;text-transform:uppercase;color:#7c6fb0;margin-bottom:14px}
.pg-sos h1{font:600 clamp(1.45rem,3vw,1.95rem)/1.18 Georgia,"Times New Roman",serif;letter-spacing:.01em;margin-bottom:14px}
.pg-sos h1{color:#111318}
.pg-sos h1 em{font-style:normal;color:inherit}
.pg-sos .s-lede{color:#5a6078;max-width:44ch}
.pg-sos .s-dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px;max-width:460px}
.pg-sos .s-dl .s-call{grid-column:1/-1;text-align:left}
.pg-sos .s-dl>a{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:16px;text-decoration:none;background:linear-gradient(135deg,#eff6ff,#f5f3ff 55%,#fdf2f8);border:1px solid #ddd6fe;transition:transform .15s,border-color .15s,background .15s}
.pg-sos .s-dl>a:hover{transform:translateY(-2px);border-color:#a78bfa;background:linear-gradient(135deg,#dbeafe,#ede9fe 55%,#fce7f3);box-shadow:0 10px 24px -12px rgba(124,58,237,.45)}
.pg-sos .s-dl svg{width:28px;height:28px;flex:none;color:#4c1d95}
.pg-sos .s-dl b{display:block;font-size:1.08rem;color:#1c1f2e}
.pg-sos .s-dl small{display:block;color:#6b7088;font-size:.82rem}
.pg-sos .s-dl .s-go{margin-left:auto;color:#7c3aed;font-size:1.2rem}
.pg-sos .s-call{margin-top:6px;color:#6b7088;font-size:.92rem;text-align:center}
.pg-sos .s-call a{color:#1c1f2e;font-weight:600;text-decoration:none;margin-left:4px}
.pg-sos .s-call a:hover{color:#7c3aed}
.pg-sos .s-sec{margin-top:48px}
.pg-sos h2{font:600 clamp(1.3rem,3vw,1.75rem)/1.2 Georgia,"Times New Roman",serif;margin-bottom:18px}
.pg-sos .s-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;counter-reset:s}
.pg-sos .s-steps li{border-radius:18px;padding:20px;background:rgba(255,255,255,.8);border:1px solid #e6e3f3;box-shadow:0 8px 24px -16px rgba(60,50,140,.3);backdrop-filter:blur(6px);display:grid;gap:6px;align-content:start}
.pg-sos .s-steps li::before{counter-increment:s;content:"0" counter(s);font:500 .78rem ui-monospace,monospace;letter-spacing:.14em;background:linear-gradient(90deg,#2563eb,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-sos .s-steps h3{font-size:1.05rem}
.pg-sos .s-steps p{color:#5a6078;font-size:.93rem}
.pg-sos .s-code{display:inline-flex;gap:6px;margin-top:4px;font:500 1.05rem ui-monospace,monospace}
.pg-sos .s-code span{padding:3px 7px;border-radius:6px;border:1px dashed #8b5cf6;color:#1c1f2e}
.pg-sos .s-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.8);border:1px solid #e6e3f3;margin-bottom:16px}
.pg-sos .s-tab{font:600 .9rem inherit;border:0;background:transparent;color:#2a2f45;padding:8px 18px;border-radius:999px;cursor:pointer}
.pg-sos .s-tab[aria-selected="true"]{background:linear-gradient(135deg,#6d5bd0,#a855f7);color:#fff}
.pg-sos .s-guide{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pg-sos .s-guide li{background:#fff;border:1px solid #e6e3f3;box-shadow:0 8px 24px -16px rgba(60,50,140,.3);border-radius:16px;padding:12px;display:grid;gap:10px;align-content:start}
.pg-sos .s-guide p{font-size:.9rem;line-height:1.4;color:#2a2f45}
.pg-sos .s-guide b{color:#7c3aed}
.pg-sos .mock{display:block;width:100%;height:auto;max-width:100%}
.pg-sos .mock text{font-family:"Segoe UI",-apple-system,system-ui,sans-serif}
.pg-sos .mock .w-h{font-size:14px;font-weight:600;fill:#fff}
.pg-sos .mock .w-t{font-size:10px;fill:#dbe8f5}
.pg-sos .mock .w-link{font-size:10px;fill:#fff;text-decoration:underline}
.pg-sos .mock .w-btn{font-size:9.5px;fill:#fff}
.pg-sos .mock .w-btn2{font-size:9.5px;fill:#1f1f1f}
.pg-sos .mock .w-uh{font-size:10px;fill:#fff}
.pg-sos .mock .w-d{font-size:10.5px;fill:#1f1f1f}
.pg-sos .mock .w-db{font-size:11px;font-weight:700;fill:#1f1f1f}
.pg-sos .mock .w-code{font:600 17px "Red Hat Mono",ui-monospace,monospace;fill:#13233a;letter-spacing:1px}
.pg-sos .mock .m-t{font-size:10.5px;fill:#1f1f1f}
.pg-sos .mock .m-t2{font-size:9.5px;fill:#1f1f1f}
.pg-sos .mock .m-b{font-size:10px;fill:#fff;font-weight:600}
.pg-sos .mock .m-b2{font-size:10px;fill:#1f1f1f}
.pg-sos .mock .m-side{font-size:8.5px;fill:#fff;font-weight:600}
.pg-sos .mock .m-h{font-size:10px;font-weight:700;fill:#1f1f1f}
.pg-sos .mock .ring{fill:none;stroke:#8b5cf6;stroke-width:3;animation:spulse 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.pg-sos .mock .ptr{fill:#13233a;stroke:#fff;stroke-width:1.2;stroke-linejoin:round}
@keyframes spulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.12)}}
@keyframes srise{from{opacity:0;transform:translateY(20px) scale(.98)}}
@keyframes sspin{to{transform:rotate(360deg)}}
.pg-sos .s-note{margin-top:14px;color:#5a6078;font-size:.88rem;max-width:72ch}
.pg-sos footer{position:relative;z-index:1;text-align:center;color:#7a7f96;font-size:.8rem;letter-spacing:.06em;padding:28px 16px 34px}
.pg-sos footer a{color:inherit}
@media (max-width:860px){.pg-sos .s-inner{grid-template-columns:1fr;gap:26px}
.pg-sos .s-link{order:-1;max-width:380px}
.pg-sos .s-guide{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.pg-sos .s-steps{grid-template-columns:1fr}}
@media (max-width:440px){.pg-sos .s-guide{grid-template-columns:1fr}
.pg-sos .s-dl{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.pg-sos *,.pg-sos *::before,.pg-sos *::after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition:none!important}}
.pg-sos .s-dl>a{padding:14px 16px;gap:12px}
.pg-sos .s-dl small{white-space:nowrap}
@media (min-width:441px){.pg-sos .s-dl .s-go{display:none}}
.pg-sos .s-link{width:100%;max-width:500px;justify-self:center}
.pg-sos .s-link svg{display:block;width:100%;height:auto;overflow:visible}
.pg-sos .s-link .dev{fill:#ffffff;stroke:#c9cbe0;stroke-width:2}
.pg-sos .s-link .scr{fill:#111318}
.pg-sos .s-link .ln{fill:none;stroke:#b9bcd4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pg-sos .s-link .sig{fill:#8b5cf6}
.pg-sos .s-link .muted{fill:rgba(255,255,255,.18)}
.pg-sos .s-link .bridge{fill:none;stroke:rgba(124,58,237,.45);stroke-width:2;stroke-dasharray:2 8;stroke-linecap:round;animation:sflow 1.2s linear infinite}
@keyframes sflow{to{stroke-dashoffset:-20}}
.pg-sos .s-link .pkt{offset-path:path("M150 150 C 210 70, 290 70, 350 150");animation:stravel 2.4s cubic-bezier(.5,0,.5,1) infinite}
.pg-sos .s-link .pkt.back{animation-direction:reverse;animation-delay:1.2s}
@keyframes stravel{from{offset-distance:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}
.pg-sos .s-link .ping{transform-box:fill-box;transform-origin:center;animation:sping 3s ease-out infinite;fill:none;stroke:#a78bfa;stroke-width:1.5}
.pg-sos .s-link .ping.p2{animation-delay:1.5s}
@keyframes sping{from{transform:scale(.6);opacity:.7}to{transform:scale(1.6);opacity:0}}
.pg-sos .s-link .cursor{animation:sdrive 6s ease-in-out infinite}
@keyframes sdrive{0%,8%{transform:translate(0,0)}28%{transform:translate(-62px,18px)}40%{transform:translate(-62px,18px)}62%{transform:translate(-20px,44px)}80%,100%{transform:translate(0,0)}}
.pg-sos .s-link .bar{transform-box:fill-box;transform-origin:left;animation:sfill 6s ease-in-out infinite}
@keyframes sfill{0%,40%{transform:scaleX(0)}75%,100%{transform:scaleX(1)}}
.pg-sos .s-link .done{opacity:0;transform-box:fill-box;transform-origin:center;animation:sdone 6s ease-in-out infinite}
@keyframes sdone{0%,74%{opacity:0;transform:scale(.6)}80%,96%{opacity:1;transform:scale(1)}100%{opacity:0}}
.pg-sos .s-link .wave{transform-box:fill-box;transform-origin:center;animation:stalk 1.4s ease-in-out infinite}
.pg-sos .s-link .wave:nth-child(2){animation-delay:.2s}
.pg-sos .s-link .wave:nth-child(3){animation-delay:.4s}
@keyframes stalk{50%{transform:scaleY(.35)}}
/* --- Portail : page Soutien à distance au style de sos.mounib.net --- */
body.pg-sos{background:#f5f6fb}
.pg-sos .wrap{max-width:980px}
.pg-sos .top .brand{color:#1c1f2e;font:700 1rem Georgia,"Times New Roman",serif}
.pg-sos .top .brand .mono{background:#111318;border-color:#111318;color:#fff;border-radius:11px}
.pg-sos .top .brand .mono circle{fill:#a78bfa}
.pg-sos .pill{color:#2a2f45;background:rgba(255,255,255,.75);border-color:rgba(30,41,90,.15)}
.pg-sos .pill:hover{border-color:#8b5cf6;color:#5b21b6}
.pg-sos .seg{background:rgba(255,255,255,.8);border:1px solid #e6e3f3}
.pg-sos .seg a{color:#2a2f45}
.pg-sos .seg a[aria-current="page"]{background:linear-gradient(135deg,#6d5bd0,#a855f7);color:#fff}
.pg-sos .who{color:#6b7088}
.pg-sos .s-sec h2{margin-bottom:18px}
.pg-sos footer{color:#7a7f96}
.pg-sos .mock .ring{stroke:#8b5cf6}
.pg-sos .subnav{margin-bottom:22px}

/* --- Portail entier (connexion + Demandes) au même style --- */
.pg-sos{--fd:Georgia,"Times New Roman",serif;--ft:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--fm:ui-monospace,SFMono-Regular,Menlo,monospace;
  --copper:#8b5cf6;--copper-d:#6d28d9;--card:#111318;--card-2:#1c1f2e;--fg:#1c1f2e;--muted:#5a6078;--line:#e6e3f3;--danger:#dc2626;--ok:#15803d;color-scheme:light}
body.pg-sos{font-family:var(--ft);color:#1c1f2e}
.pg-sos .mono{width:42px;height:42px;border:0;background:none;border-radius:11px;overflow:hidden}
.pg-sos .mono svg{width:100%;height:100%}
.pg-sos .top .brand .mono{width:40px;height:40px;background:none}
.pg-sos .small{font-family:var(--ft);letter-spacing:.24em;font-size:.68rem;color:#6b7088}
.pg-sos .small b{color:#7c6fb0;font-weight:600}
/* cartes blanches */
.pg-sos .cream{border-radius:24px;border:1px solid #e6e3f3;background:linear-gradient(180deg,#fff,#fbfaff);box-shadow:0 30px 70px -24px rgba(60,50,140,.28),0 2px 6px rgba(30,41,90,.05)}
.pg-sos .cream::after{display:none}
.pg-sos .cream .small{color:#6b7088}.pg-sos .cream .small b{color:#7c6fb0}
.pg-sos .t-h{font:600 clamp(1.4rem,2.8vw,1.85rem)/1.2 var(--fd);color:#111318;letter-spacing:0}
/* formulaire */
.pg-sos .field label,.pg-sos .lab,.pg-sos .subj legend{font:600 .7rem var(--ft);letter-spacing:.14em;color:#6b7088}
.pg-sos .field input,.pg-sos .field select,.pg-sos .field textarea{background:#f7f7fc;border-color:#e3e1f0;border-radius:12px;color:#1c1f2e}
.pg-sos .field input:focus,.pg-sos .field select:focus,.pg-sos .field textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}
.pg-sos .fixed{background:#f3f0ff;border-color:#ddd6fe;color:#2e1065;border-radius:12px}
.pg-sos .chk{border-color:#e3e1f0;background:#f7f7fc;border-radius:12px;color:#1c1f2e}
.pg-sos .field .chk{font:400 .93rem var(--ft);letter-spacing:0;text-transform:none;color:#1c1f2e}
.pg-sos .chk:hover{border-color:#a78bfa}
.pg-sos .chk input{accent-color:#7c3aed}
.pg-sos .chk:has(input:checked){border-color:#8b5cf6;background:#f5f3ff}
.pg-sos #f-other-wrap input{background:#faf8ff;border-color:#a78bfa}
.pg-sos .btn{font:600 .95rem var(--ft);background:#111318;color:#fff}
.pg-sos .btn:hover{background:#2a2d40}
/* historique */
.pg-sos .hist .count{font-family:var(--fd);color:#6d28d9}
.pg-sos .tk{border-color:#e6e3f3;background:#fbfbfe;border-radius:14px}
.pg-sos .tk[open]{background:#fff;border-color:#c4b5fd}
.pg-sos .tk.new,.pg-sos .mini-r.new{border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.15)}
.pg-sos .tk-ref{font-family:var(--fm);color:#6d28d9}
.pg-sos .tk-main b{color:#111318}
.pg-sos .tk-rep{background:#7c3aed;font-family:var(--ft)}
.pg-sos .st{font-family:var(--ft)}
.pg-sos .st.nv{background:#e0e7ff;color:#3730a3}.pg-sos .st.ec{background:#f3e8ff;color:#6b21a8}.pg-sos .st.ea{background:#f1f2f6;color:#4b5063}.pg-sos .st.ok{background:#dcfce7;color:#166534}
.pg-sos .rep{border-left-color:#8b5cf6}.pg-sos .rep small{font-family:var(--fm);color:#6d28d9}
.pg-sos .rep.cli{border-left-color:#c7cad8}.pg-sos .rep.cli small{color:#6b7088}
.pg-sos .add{border-top-color:#e6e3f3}
.pg-sos .add summary{color:#6d28d9}
.pg-sos .add textarea{background:#f7f7fc;border-color:#e3e1f0;border-radius:12px}
.pg-sos .add textarea:focus{border-color:#8b5cf6}
.pg-sos .sent{background:#dcfce7;color:#166534;border-radius:12px}
.pg-sos .tag{background:#f1f2f6;color:#4b5063}
.pg-sos .mini-r{border-color:#e6e3f3;background:#fbfbfe;border-radius:12px}
/* bandeau vers le soutien */
.pg-sos .quick{background:#111318;border-radius:20px;position:relative;overflow:hidden}
.pg-sos .quick::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.45),transparent 70%);pointer-events:none}
.pg-sos .quick b{font-family:var(--fd);color:#fff}
.pg-sos .quick .go{color:#c4b5fd}
/* connexion */
.pg-sos .lock{margin:14px auto 6px}
.pg-sos .lock{color:#4c1d95}
.pg-sos .alert{background:#fef2f2;color:#b91c1c;border-radius:12px}
.pg-sos footer{font-family:var(--ft)}
.pg-sos .chk-cat{margin:16px 0 8px;font:600 .74rem var(--ft);letter-spacing:.04em;color:#7c6fb0}
.pg-sos legend + .chk-cat{margin-top:4px}

/* Urgence : trois choix en couleur */
.urg{border:0;padding:0;margin:10px 0 0;min-width:0}
.pg-sos .urg legend{font:600 .7rem var(--ft);letter-spacing:.14em;text-transform:uppercase;color:#6b7088;padding:0;margin-bottom:8px}
.urg-g{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.u{position:relative;display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;border:1px solid var(--b);background:var(--t);cursor:pointer;text-transform:none;letter-spacing:0}
.u input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--k)}
.pg-sos .field label.u,.u span,.u b,.u small{text-transform:none;letter-spacing:0}
.u span{display:grid;line-height:1.25}.u b{font:600 .95rem var(--ft);color:var(--h)}.u small{font:400 .8rem var(--ft);color:#5b6070}
.u:hover{border-color:var(--k)}
.u:has(input:checked){border-color:var(--k);box-shadow:0 0 0 1px var(--k) inset;background:#fff}
.u-urgent{--t:#fdeeee;--b:#f5c6c6;--h:#b42318;--k:#d92d20}
.u-urgent:has(input:checked){background:#fdeeee}
.u-jour{--t:#fff6e5;--b:#f5dca6;--h:#8a5300;--k:#d98a00}
.u-calme{--t:#eef7f1;--b:#c8e6d3;--h:#2f6f45;--k:#3c9a5f}
@media (max-width:540px){.urg-g{grid-template-columns:1fr}}
/* Compteur des demandes en cours dans l'onglet « Mes demandes » */
.pg-sos .seg a{display:inline-flex;align-items:center;gap:8px}
.seg-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#ede9fe;color:#5b3fc4;font:700 .78rem var(--ft)}
.pg-sos .seg a[aria-current="page"] .seg-n{background:rgba(255,255,255,.25);color:#fff}
.pg-sos .quick{margin-top:14px;text-decoration:none}
.pg-sos .seg a{white-space:nowrap}
@media (max-width:480px){.pg-sos .seg a{padding:8px 13px;font-size:.88rem}}
/* Demandes résolues : section repliée */
.pg-sos .grp-res{margin-top:16px;border-top:1px solid #ece9f6;padding-top:12px}
.pg-sos .grp-res>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 4px;font:600 .95rem var(--ft);color:#4b4f63}
.pg-sos .grp-res>summary::-webkit-details-marker{display:none}
.pg-sos .grp-res>summary::before{content:"";width:8px;height:8px;border-right:2px solid #7c3aed;border-bottom:2px solid #7c3aed;transform:rotate(-45deg);transition:transform .2s;margin-right:4px}
.pg-sos .grp-res[open]>summary::before{transform:rotate(45deg)}
.pg-sos .grp-res>summary:hover{color:#1c1f2e}
.pg-sos .grp-res .tks,.pg-sos .grp-res .mini{margin-top:8px}

/* Logo identique au site : icône + Mounib / GROUPE IT */
.brand.lockup{display:flex;align-items:center;gap:12px;text-decoration:none;color:#111318}
.brand.lockup .lg{width:40px;height:40px;flex:none;border-radius:12px}
.brand.lockup .wm{display:grid;line-height:1}
.brand.lockup .wm b{font:800 1.2rem/1 "Manrope",system-ui,sans-serif;letter-spacing:-.02em;color:#111318}
.brand.lockup .wm small{font:500 .62rem/1 "JetBrains Mono",ui-monospace,monospace;letter-spacing:.3em;color:#5b5f72;margin-top:5px}