/* GPS Live 2.1.0 : bandeau d'étapes discret, adapté au GPS compact V1.9.11. */
.snr-live-stage .snr210-guide{
 position:absolute;z-index:1002;top:clamp(146px,21vh,185px);left:12px;
 width:min(370px,calc(100vw - 92px));max-height:28vh;overflow:auto;
 background:rgba(255,255,255,.97);border:1px solid #d5e7d9;
 border-radius:16px;padding:10px 12px;box-shadow:0 9px 30px rgba(21,60,40,.18);
 color:#204933;backdrop-filter:blur(12px);
}
.snr210-main{display:flex;align-items:center;gap:9px;min-width:0}
.snr210-symbol{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;
 border-radius:10px;background:#e1f4e7;color:#186f46;font-weight:850;font-size:17px}
.snr210-text{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
.snr210-text strong{display:block;font-size:12px;font-weight:850;line-height:1.32;
 max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snr210-text small{display:block;font-size:10px;color:#667e6c;line-height:1.35}
.snr-live-stage #snr210Voice{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;
 gap:1px;border:1px solid #dce9df;border-radius:11px;background:#f2f7f3;color:#18593d;
 font-size:13px;font-weight:800;min-width:49px;min-height:43px;cursor:pointer;touch-action:manipulation}
.snr-live-stage #snr210Voice span{font-size:9px;line-height:1.1}
.snr-live-stage #snr210Voice[aria-pressed="true"]{background:#155c3f;color:#fff;border-color:#155c3f}
.snr-live-stage #snr210Voice:disabled{opacity:.55;cursor:not-allowed;font-size:10px}
.snr-live-stage #snr210Voice:focus-visible{outline:3px solid #7bbd96;outline-offset:2px}
.snr210-guide.snr210-off{border-color:#f0bd89;background:#fff7ee}
.snr210-guide.snr210-off .snr210-symbol{background:#fce3c8;color:#a35a19}
.snr210-guide p{font-size:10px;color:#94592b;line-height:1.4;margin:7px 0 0}
.snr210-guide p[hidden]{display:none}
@media(max-width:580px){
 .snr-live-stage .snr210-guide{left:9px;top:clamp(143px,22vh,190px);padding:8px 9px;border-radius:13px;max-height:24vh}
 .snr210-text strong{font-size:11px}.snr210-text small{font-size:9px}
 .snr210-symbol{flex-basis:26px;width:26px;height:26px}
}
@media(max-height:690px) and (orientation:portrait){
 .snr-live-stage .snr210-guide{top:126px}
}
@media(max-height:650px) and (orientation:landscape){
 .snr-live-stage .snr210-guide{top:115px;max-height:100px;width:min(340px,calc(100vw - 70px))}
}

/* V2.1.1 — HUD compact au-dessus du panneau. Préserve les outils IGN et le rail droit. */
.snr-live-stage .snr211-hud {
 position:absolute; z-index:1001; left:9px; right:61px;
 bottom:calc(var(--snr-panel-height, 78px) + 19px);
 display:flex; flex-direction:column; align-items:stretch; gap:7px;
 max-width:460px; max-height:clamp(110px,34vh,225px);
 pointer-events:none; min-width:0;
}
.snr-live-stage .snr211-hud > .snr-live-message {
 position:static!important; top:auto!important;bottom:auto!important;
 left:auto!important;right:auto!important;max-width:none;width:100%;margin:0;
 box-sizing:border-box; flex:0 0 auto;
 font-size:11px; padding:8px 11px; line-height:1.42;
}
.snr-live-stage .snr211-hud > .snr210-guide {
 position:static!important;top:auto!important;bottom:auto!important;
 left:auto!important;right:auto!important;width:100%;max-height:none;
 box-sizing:border-box;margin:0;overflow:visible;padding:9px 10px;
 pointer-events:auto; flex:0 0 auto;min-width:0;
}
.snr-live-stage .snr211-hud .snr210-text small {overflow-wrap:anywhere}
.snr-live-stage .snr211-hud #snr210Voice {
 flex:0 0 46px;min-width:46px;max-width:46px;min-height:44px;
 padding:4px 3px;word-break:normal;line-height:1.05;
}
.snr-live-stage .snr211-hud #snr210Voice:disabled {font-size:9px;max-width:46px;white-space:normal}
@media (max-width: 580px) {
 .snr-live-stage .snr211-hud {left:8px;right:58px;gap:6px;bottom:calc(var(--snr-panel-height, 75px) + 13px)}
 .snr-live-stage .snr211-hud > .snr210-guide{padding:7px 8px;border-radius:14px}
 .snr-live-stage .snr211-hud > .snr-live-message {font-size:10px;padding:7px 9px}
 .snr-live-stage .snr211-hud .snr210-text strong{font-size:11px;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.3}
 .snr-live-stage .snr211-hud .snr210-text small{font-size:9px}
 .snr-live-stage .snr211-hud .snr210-symbol{width:24px;height:24px;flex-basis:24px}
}
@media (max-height: 590px) {
 .snr-live-stage .snr211-hud {max-height:31vh;overflow-y:auto}
 .snr-live-stage .snr211-hud > .snr-live-message {display:none}
}