@font-face{font-family:Chakra;src:url('./chakra.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Urbanist;src:url('./urbanist.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Doto;src:url('./doto.ttf') format('truetype');font-weight:100 900;font-display:swap;unicode-range:U+0030-0039}
html,body{background:#151716}
#sos-rejoindre{font-family:Urbanist,system-ui,sans-serif;--sd-ink:#F2F3EE;--sd-muted:#B8BEB6;--sd-panel:#111411}
#sos-rejoindre .sd-app{background:radial-gradient(ellipse at 95% 3%,#90E331 0%,transparent 47%),linear-gradient(140deg,#FFB83F 0%,#DDD74D 29%,#739C37 54%,#1B6654 80%,#163B32 100%);border:1px solid #bfc9aa55;border-radius:40px;box-shadow:0 24px 70px #0006}
#sos-rejoindre .sd-app:before,#sos-rejoindre .sd-app:after{display:none}
#sos-rejoindre .sd-top{background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;padding:26px 24px 30px;color:#132417}
#sos-rejoindre .sd-brand,#sos-rejoindre h1,#sos-rejoindre h2,#sos-rejoindre h3,#sos-rejoindre .sd-confirm,#sos-rejoindre .sd-sos{font-family:Chakra,system-ui,sans-serif;font-weight:600}
#sos-rejoindre .sd-brand{font-size:22px;letter-spacing:-.7px}
#sos-rejoindre .sd-mark{background:#132417;color:#D7F687;border:0;border-radius:10px}
#sos-rejoindre .sd-private{color:#19361B;background:#FFFFFF30;border-color:#23421B40;font-weight:600}
#sos-rejoindre .sd-content{padding:20px;gap:16px;min-height:560px}
#sos-rejoindre .sd-surface,#sos-rejoindre .sd-status,#sos-rejoindre .sd-route-sheet{background:#111411;border:1px solid #FFFFFF0D;border-radius:32px;color:#F2F3EE;box-shadow:inset 0 1px 0 #ffffff13;backdrop-filter:none;-webkit-backdrop-filter:none;padding:22px}
#sos-rejoindre .sd-position-card{background:#111411}
#sos-rejoindre .sd-sos-center{min-height:220px;flex:0;padding-top:12px}
#sos-rejoindre .sd-main{position:relative;isolation:isolate;width:100%;height:190px;min-height:190px;border-radius:46px;background:linear-gradient(180deg,#D82A35,#AD101F 76%,#8A0C19);border:1px solid #FA7A8144;box-shadow:inset 0 3px 1px #FF9BAA4D,inset 0 -8px 0 #68091655,0 12px 20px #20100C33;overflow:visible;backdrop-filter:none;-webkit-backdrop-filter:none}
#sos-rejoindre .sd-main:before{content:'';position:absolute;width:114px;height:28px;left:calc(50% - 57px);top:-12px;border-radius:60% 60% 0 0/100% 100% 0 0;background:#D82A35;box-shadow:inset 0 2px 0 #FF9BAA4D;z-index:-1}
#sos-rejoindre .sd-main:after{content:'';position:absolute;width:22px;height:3px;border-radius:4px;background:#FFFFFF66;left:calc(50% - 11px);top:5px;box-shadow:0 6px 0 #FFFFFF30}
#sos-rejoindre .sd-sos{font-size:62px;letter-spacing:3px;color:#FFF5F3;text-shadow:0 2px 1px #68091655}
#sos-rejoindre .sd-main:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #68091666}
#sos-rejoindre .sd-dark,#sos-rejoindre .sd-quiet{border-radius:25px;background:#BE1928;color:#FFF5F3;border:1px solid #F7778055;min-height:56px;box-shadow:inset 0 2px 0 #FFB3B622,0 5px 0 #670B1544;font-family:Urbanist,system-ui,sans-serif;font-weight:700}
#sos-rejoindre[data-role=aidant] .sd-content button:not(.leaflet-control-zoom-in):not(.leaflet-control-zoom-out){background:#A5FF4F;color:#17220B;border:1px solid #D7FF9B99;box-shadow:inset 0 2px 0 #EDFFC0AA,0 5px 0 #315A2444;border-radius:26px;font-family:Urbanist,system-ui,sans-serif;font-weight:700}
#sos-rejoindre[data-role=aidant] .sd-notification p,#sos-rejoindre[data-role=aidant] .sd-notification strong{color:#17220B}
#sos-rejoindre .sd-roles{background:#111411;border-color:#ffffff17;padding:6px;border-radius:26px}
#sos-rejoindre .sd-roles button{border-radius:20px;font-family:Urbanist,system-ui,sans-serif}
#sos-rejoindre .sd-roles button[data-action=help]{background:#A5FF4F;color:#17220B;border-color:#CEFF9690}
#sos-rejoindre .sd-roles button[data-action=home]{background:#BE1928;color:#FFF5F3;border-color:#F7778055}
#sos-rejoindre .sd-roles button[aria-pressed=true]{outline:1px solid #FFFFFF99;outline-offset:-4px}
#sos-rejoindre .sd-consent{color:#F5F7E7;background:#14271BBF;padding:14px 18px;border-radius:22px;font-size:13px;line-height:1.55}
#sos-rejoindre .sd-footer{background:#111411E8;color:#B8BEB6;border-color:#ffffff11;font-size:11px}
#sos-rejoindre .sd-state,#sos-rejoindre .sd-pill{color:#B1FF6D}
#sos-rejoindre .sd-pill{background:#111411;border-color:#ffffff22}
#sos-rejoindre .sd-dot{background:#A5FF4F}
#sos-rejoindre .sd-position-detail{border-color:#FFFFFF22}
#sos-rejoindre .sd-copy,#sos-rejoindre .sd-small,#sos-rejoindre .sd-accuracy{color:#E7EFDC}
#sos-rejoindre .sd-demo-options{background:#111411;border-radius:24px;padding:4px 14px;color:#B8BEB6}
#sos-rejoindre .sd-content>h2,#sos-rejoindre .sd-content>.sd-row>h2,#sos-rejoindre .sd-confirm{color:#142219}
#sos-rejoindre #gps-state,#sos-rejoindre #position-state,#sos-rejoindre #help-count,#sos-rejoindre #freshness,#sos-rejoindre #route-state,#sos-rejoindre .sd-trip-value,#sos-rejoindre .numeric{font-family:Doto,Urbanist,sans-serif;font-variation-settings:'ROND' 100;font-weight:650;font-variant-numeric:tabular-nums}
/* Keep digits clear on iOS; the segmented font is reserved for the SOS wordmark. */
#sos-rejoindre #gps-state,#sos-rejoindre #position-state,#sos-rejoindre #help-count,#sos-rejoindre #freshness,#sos-rejoindre #route-state,#sos-rejoindre .sd-trip-value,#sos-rejoindre .numeric{font-family:Urbanist,system-ui,sans-serif;font-variation-settings:normal}
#sos-rejoindre .metric-number{font-family:Doto,Chakra,sans-serif;font-variation-settings:'ROND' 100;font-size:46px;font-weight:700;letter-spacing:-1px;color:#F2F3EE}
#sos-rejoindre .metric-unit{font-family:Urbanist,sans-serif;font-size:14px;color:#9BA697}
#sos-rejoindre #message{background:#111411;color:#FFE9D6;border-radius:20px;margin:0 20px;padding:12px 16px}
#sos-rejoindre .sd-content button:focus-visible{outline:3px solid #FFF;outline-offset:4px}
@media(max-width:370px){#sos-rejoindre .sd-content{padding:16px}.sd-top{padding:22px 18px!important}#sos-rejoindre .sd-main{height:175px;min-height:175px}}

#sos-rejoindre .sd-content h2,#sos-rejoindre .sd-content h3{font-family:Chakra,system-ui,sans-serif;font-weight:600}#sos-rejoindre .sd-eyebrow{color:#314225}

/* Contraste des textes directement posés sur le dégradé. */
#sos-rejoindre .sd-content{color:#000}
#sos-rejoindre .sd-content>p,#sos-rejoindre .sd-content>.sd-row>h2,#sos-rejoindre .sd-content>h2,#sos-rejoindre .sd-content>h3,#sos-rejoindre .sd-confirm{color:#000}
#sos-rejoindre .sd-content>p{background:#ECF6ADCC;border-radius:16px;padding:12px 14px}
#sos-rejoindre .sd-content>.sd-consent{color:#000;background:#ECF6ADCC}
#sos-rejoindre .sd-surface,#sos-rejoindre .sd-status,#sos-rejoindre .sd-route-sheet{color:#F2F3EE}

/* SOS circulaire et ondes concentriques, sans modifier le déclenchement. */
#sos-rejoindre .sd-sos-center{min-height:290px;padding:38px 0;overflow:visible}
#sos-rejoindre .sd-main{width:196px;height:196px;min-height:196px;border-radius:50%;background:#B81126;box-shadow:inset 0 3px 2px #FF879666,inset 0 -6px 10px #69091666,0 10px 24px #65041633}
#sos-rejoindre .sd-main:before,#sos-rejoindre .sd-main:after{content:'';position:absolute;inset:-2px;width:auto;height:auto;border:2px solid #C91830;border-radius:50%;background:transparent;box-shadow:none;z-index:-1;pointer-events:none;animation:sos-red-wave 3s ease-out infinite}
#sos-rejoindre .sd-main:after{animation-delay:1.5s}
#sos-rejoindre .sd-main .sd-sos{position:relative;z-index:1;line-height:1;color:#FFF;font-size:60px}
@keyframes sos-red-wave{0%{transform:scale(1);opacity:.65}100%{transform:scale(1.42);opacity:0}}
/* Les actions ajoutées dynamiquement restent dans le flux, espacées. */
#sos-rejoindre .sd-route-sheet{display:flex;flex-direction:column;gap:16px;margin-top:0;min-width:0}
#sos-rejoindre .sd-route-sheet>p{margin:0}
#sos-rejoindre .sd-content .sd-dark,#sos-rejoindre .sd-content .sd-quiet{display:block;position:relative;float:none;width:100%;max-width:100%;height:auto;min-height:56px;white-space:normal;overflow-wrap:anywhere;line-height:1.4;padding:14px 18px;flex-shrink:0}
#sos-rejoindre .sd-content>*,#sos-rejoindre .sd-route-sheet>*{flex-shrink:0;min-width:0}
#sos-rejoindre .sd-content button+button{margin-top:16px}
#sos-rejoindre .sd-content>button+button,#sos-rejoindre .sd-route-sheet>button+button{margin-top:0}
#sos-rejoindre .sd-demo-options>button{margin-top:16px;margin-bottom:8px}
#sos-rejoindre .sd-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(prefers-reduced-motion:reduce){#sos-rejoindre .sd-main:before,#sos-rejoindre .sd-main:after{animation:none;opacity:.3;transform:scale(1.17)}#sos-rejoindre .sd-main:after{transform:scale(1.34);opacity:.18}}