/* Navigation active premium : manœuvre en grand, alerte ouvrage sobre, panneau sans lueur. Panneaux réglementaires (limite de vitesse) inchangés. Module isolé. */
#s-guidage .top{background:rgba(12,14,17,.94);color:#ECEDEF;border:1px solid #343A42;box-shadow:none;padding:16px 18px;border-radius:20px}
#s-guidage .top svg{width:56px;height:56px;stroke:#C9B58C!important}
#s-guidage .top b{font:600 34px/1.05 var(--font-body);letter-spacing:-.02em}
#s-guidage .top span{font-size:15px;color:#9CA2AB;opacity:1;display:block;margin-top:4px}
#s-guidage .alert{background:rgba(29,23,8,.96);color:#F0D58F;border-color:#5A4719;top:128px}
#s-guidage .alert b{font-size:15px}
#s-guidage .chip{background:rgba(12,14,17,.9);border-color:#343A42;color:#ECEDEF;top:250px}
#s-guidage .bottom{background:rgba(12,14,17,.94);border-color:#343A42;border-radius:24px}
#s-guidage .eta b{font:600 22px var(--font-body);letter-spacing:-.02em}
#s-guidage .eta span{text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#6B727C}
#s-guidage .stop{background:transparent;color:#DB6565;border:1px solid #5A2A2A}
#s-guidage .rep{background:rgba(12,14,17,.9);border-color:#343A42;color:#ECEDEF}
/* barre de navigation : plus de lueur, accent champagne fixe */
.npnl{--a:#C9B58C!important;--on:#0A0B0D!important}
.npb{background:rgba(12,14,17,.95);border:1px solid #343A42;box-shadow:0 10px 28px rgba(0,0,0,.5)}
.nprb.npst{background:#C9B58C;color:#0A0B0D;box-shadow:none}
/* Paysage (téléphone couché) : colonne de gauche = manœuvre, alerte, temps ; la carte reste libre à droite */
@media (orientation:landscape) and (max-height:560px){
  body{padding-top:0;padding-bottom:0}
  #app .screen{max-width:none}
  #app .phone,#app .p,#app .xphone{max-width:none;border-radius:0;border-width:0;box-shadow:none;min-height:100dvh}
  #app #s-guidage .phone,#app .xphone{height:100dvh}
  .gturn{left:12px;transform:none;top:10px;width:318px;max-width:318px;padding:10px 14px}
  #s-guidage .top{right:auto;width:318px;top:10px;padding:10px 14px}
  #s-guidage .top svg{width:44px;height:44px}
  #s-guidage .top b{font-size:28px}
  #s-guidage .top span{font-size:13px;margin-top:2px}
  #s-guidage .alert{right:auto;width:318px;top:104px;padding:8px 12px}
  #s-guidage .alert span{font-size:11.5px;line-height:1.3}
  #s-guidage .alert .sign{transform:scale(.8);margin:-4px -6px}
  #s-guidage .chip{top:10px;right:12px}
  #s-guidage .zc{bottom:90px!important}
  .npnl{right:auto;width:342px;left:0}
  .npb{margin-bottom:8px;margin-left:12px;width:318px}
  .npv{left:366px;bottom:12px;width:56px;height:56px}
  body.np-on .nvrec{right:14px;bottom:14px}
  body.np-on .nvov{right:14px;bottom:70px}
  #s-guidage .bottom{right:auto;width:318px}
  #s-guidage .rep{top:10px;left:auto;right:116px;bottom:auto}
}
