/* HotelDelta V1.10 — couche UI canonique
   Objectifs : portrait/paysage iOS+Android, thème clair/sombre cohérent,
   Carte/Surface/Navigation plein écran, aucun chevauchement de commandes. */

:root{
  --hd-safe-t:env(safe-area-inset-top,0px);
  --hd-safe-r:env(safe-area-inset-right,0px);
  --hd-safe-b:env(safe-area-inset-bottom,0px);
  --hd-safe-l:env(safe-area-inset-left,0px);
  --hd-gap:12px;
  --hd-panel-radius:20px;
  --hd-control:48px;
  --hd-bg:#081424;
  --hd-bg-2:#0b1b31;
  --hd-card:#152743;
  --hd-card-2:#1b3152;
  --hd-text:#f4f8ff;
  --hd-muted:#9eb0c9;
  --hd-border:rgba(117,164,223,.22);
  --hd-blue:#2d98f0;
  --hd-blue-2:#75c0ff;
  --hd-danger:#bd3039;
  --hd-shadow:0 14px 34px rgba(0,0,0,.28);
  --hd-glass:rgba(10,28,52,.92);
  --hd-glass-2:rgba(20,42,70,.94);
}

html[data-theme="light"]{
  --hd-bg:#eef4fa;
  --hd-bg-2:#f7faff;
  --hd-card:#ffffff;
  --hd-card-2:#edf4fb;
  --hd-text:#17283e;
  --hd-muted:#60738a;
  --hd-border:rgba(74,112,157,.20);
  --hd-blue:#167dcc;
  --hd-blue-2:#3e9be0;
  --hd-danger:#bd3039;
  --hd-shadow:0 12px 28px rgba(51,76,104,.14);
  --hd-glass:rgba(255,255,255,.94);
  --hd-glass-2:rgba(240,246,252,.96);
  color-scheme:light;
}
@media (prefers-color-scheme: light) and (min-width: 99999px){
  html[data-theme="auto"]{
    --hd-bg:#eef4fa;
    --hd-bg-2:#f7faff;
    --hd-card:#ffffff;
    --hd-card-2:#edf4fb;
    --hd-text:#17283e;
    --hd-muted:#60738a;
    --hd-border:rgba(74,112,157,.20);
    --hd-blue:#167dcc;
    --hd-blue-2:#3e9be0;
    --hd-danger:#bd3039;
    --hd-shadow:0 12px 28px rgba(51,76,104,.14);
    --hd-glass:rgba(255,255,255,.94);
    --hd-glass-2:rgba(240,246,252,.96);
    color-scheme:light;
  }
}
@media (prefers-color-scheme:dark){
  html[data-theme="auto"]{color-scheme:dark}
}

html,body{
  width:100%;height:100%;min-height:100%;margin:0;
  overflow:hidden;background:var(--hd-bg);color:var(--hd-text);
}
body{position:relative;overscroll-behavior:none}
button,a,input,textarea{font:inherit}
button{touch-action:manipulation}
.hidden,.masque{display:none!important}

/* ---------- ÉCRANS PRINCIPAUX ---------- */
#ecran-accueil,#ecran-carte{
  position:fixed!important;inset:0!important;
  width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  max-width:none!important;max-height:none!important;margin:0!important;
  box-sizing:border-box!important;
}
#ecran-accueil{
  display:none;overflow:auto!important;-webkit-overflow-scrolling:touch;
  background:
    radial-gradient(circle at 12% 5%,rgba(45,152,240,.12),transparent 32%),
    linear-gradient(180deg,var(--hd-bg-2),var(--hd-bg));
  color:var(--hd-text);
  padding:max(18px,var(--hd-safe-t)) max(18px,var(--hd-safe-r)) max(18px,var(--hd-safe-b)) max(18px,var(--hd-safe-l))!important;
}
#ecran-accueil.actif{display:block!important}
#ecran-carte{display:block!important;overflow:hidden!important;background:var(--hd-bg)}
#ecran-carte.masque{display:none!important}
#map-zone,#maplibre-map,.maplibregl-map,.maplibregl-canvas-container,.maplibregl-canvas{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
  margin:0!important;padding:0!important;
}

/* ---------- ACCUEIL ---------- */
#ecran-accueil .hd-home-v097{
  width:min(100%,1180px)!important;max-width:1180px!important;min-width:0!important;
  min-height:calc(100% - max(18px,var(--hd-safe-t)) - max(18px,var(--hd-safe-b)))!important;
  margin:0 auto!important;padding:0!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;gap:14px!important;
}
.hd-home-top,.hd-home-quick,.hd-home-actions,.hd-home-memo,#accueil-statut,.hd-home-map-hero{min-width:0!important;max-width:100%!important}
.hd-home-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
.hd-home-eyebrow{color:var(--hd-muted)!important;font-size:11px!important;letter-spacing:2.6px!important;font-weight:800!important}
.hd-home-top h1{margin:4px 0 0!important;color:var(--hd-text)!important;font-size:clamp(38px,10vw,52px)!important;line-height:.98!important;letter-spacing:-1.8px!important}
.hd-settings-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:17px!important;background:var(--hd-glass-2)!important;color:var(--hd-blue-2)!important;border:1px solid var(--hd-border)!important;box-shadow:var(--hd-shadow)!important}

#accueil-statut{
  width:100%!important;min-height:116px!important;margin:0!important;padding:14px 16px!important;
  border-radius:22px!important;border:1px solid var(--hd-border)!important;
  background:linear-gradient(135deg,var(--hd-card-2),var(--hd-card))!important;color:var(--hd-text)!important;
  box-shadow:var(--hd-shadow)!important;overflow:hidden!important;text-align:left!important;
}
#accueil-statut .accueil-statut-corps{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;width:100%!important}
#accueil-statut .accueil-statut-texte{flex:1 1 auto!important;min-width:0!important;width:auto!important}
#accueil-statut .accueil-statut-ligne1{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 10px!important;align-items:baseline!important;min-width:0!important}
#accueil-code{font-size:18px!important;font-weight:800!important;line-height:1.05!important;color:var(--hd-text)!important;min-width:0!important}
#accueil-commune{font-size:11px!important;font-weight:800!important;letter-spacing:.7px!important;color:var(--hd-muted)!important;text-align:right!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;line-height:1.15!important}
#accueil-coords{font-size:12px!important;color:var(--hd-muted)!important;margin-top:4px!important}
#accueil-meteo{display:grid!important;grid-template-columns:minmax(54px,.8fr) minmax(64px,.9fr) minmax(118px,1.45fr)!important;gap:8px 12px!important;margin-top:10px!important;min-width:0!important;width:100%!important}
.accueil-meteo-item{min-width:0!important;overflow:hidden!important}
.accueil-meteo-item b,.accueil-meteo-item span{display:block!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.12!important}
.accueil-meteo-item b{font-size:14px!important;color:var(--hd-text)!important}
.accueil-meteo-item:nth-child(3) b{font-size:13px!important}
.accueil-meteo-item span{font-size:9px!important;color:var(--hd-muted)!important;text-transform:uppercase!important;letter-spacing:.5px!important}
#accueil-statut .accueil-meteo-anim{flex:0 0 72px!important;width:72px!important;min-width:72px!important;transform:scale(.82)!important;transform-origin:center!important}

.hd-home-map-hero{position:relative!important;min-height:220px!important;width:100%!important;border-radius:24px!important;overflow:hidden!important;border:1px solid var(--hd-border)!important;box-shadow:var(--hd-shadow)!important;background:var(--hd-card)!important;color:#fff!important}
.hd-home-map-shade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(5,19,38,.78),rgba(5,19,38,.28) 70%,rgba(5,19,38,.10))!important;pointer-events:none!important}
.hd-map-hero-copy{position:absolute!important;z-index:3!important;left:22px!important;top:22px!important;right:80px!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
.hd-map-hero-copy small{font-size:11px!important;letter-spacing:2px!important;color:#9bcfff!important;font-weight:800!important}
.hd-map-hero-copy b{font-size:clamp(24px,5vw,34px)!important;line-height:1.05!important;color:#fff!important}
.hd-map-hero-copy em{font-size:14px!important;color:#c5d6e9!important;font-style:normal!important;white-space:normal!important}
.hd-map-hero-open{position:absolute!important;right:18px!important;bottom:18px!important;width:52px!important;height:52px!important;border-radius:17px!important;background:rgba(33,109,178,.76)!important;display:grid!important;place-items:center!important;z-index:3!important}

.hd-home-quick{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.hd-home-quick-card{min-width:0!important;min-height:92px!important;border-radius:20px!important;border:1px solid var(--hd-border)!important;background:linear-gradient(145deg,var(--hd-card),var(--hd-card-2))!important;color:var(--hd-text)!important;box-shadow:var(--hd-shadow)!important}
.hd-home-quick-card b{color:var(--hd-text)!important}.hd-home-quick-card small{color:var(--hd-muted)!important}
.hd-icon-badge{background:rgba(45,152,240,.13)!important;color:var(--hd-blue)!important;border-color:rgba(45,152,240,.12)!important}
.hd-home-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.hd-home-action{min-width:0!important;min-height:82px!important;border-radius:20px!important;box-shadow:var(--hd-shadow)!important}
.accueil-risque{background:linear-gradient(145deg,var(--hd-card),var(--hd-card-2))!important;color:var(--hd-text)!important;border:1px solid var(--hd-border)!important}
.accueil-risque b{color:var(--hd-text)!important}.accueil-risque small{color:var(--hd-muted)!important}
.hd-codis-action{background:linear-gradient(135deg,#bd2530,#dc3540)!important;color:#fff!important}
.hd-home-memo{border:1px solid var(--hd-border)!important;background:linear-gradient(145deg,var(--hd-card),var(--hd-card-2))!important;color:var(--hd-text)!important;border-radius:20px!important;box-shadow:var(--hd-shadow)!important}
.hd-home-memo-title{color:var(--hd-muted)!important}
.accueil-memo-radio{background:color-mix(in srgb,var(--hd-card-2) 86%,transparent)!important;border-color:var(--hd-border)!important;color:var(--hd-text)!important}
.accueil-memo-radio input{color:var(--hd-text)!important;background:transparent!important}

/* Paysage téléphone/tablette : 2 colonnes stables, aucune carte étirée. */
@media (orientation:landscape) and (max-width:1199px){
  #ecran-accueil{padding:max(10px,var(--hd-safe-t)) max(14px,var(--hd-safe-r)) max(10px,var(--hd-safe-b)) max(14px,var(--hd-safe-l))!important}
  #ecran-accueil .hd-home-v097{
    display:grid!important;
    grid-template-columns:minmax(270px,.78fr) minmax(390px,1.22fr)!important;
    grid-template-areas:"top map" "status map" "quick actions" "memo memo"!important;
    grid-template-rows:auto auto auto auto!important;
    align-items:start!important;align-content:start!important;gap:10px 12px!important;
    min-height:max-content!important;
  }
  .hd-home-top{grid-area:top!important;min-height:50px!important}
  #accueil-statut{grid-area:status!important;min-height:96px!important;padding:10px 12px!important}
  .hd-home-map-hero{grid-area:map!important;height:100%!important;min-height:202px!important}
  .hd-home-quick{grid-area:quick!important}
  .hd-home-actions{grid-area:actions!important;gap:9px!important}
  .hd-home-memo{grid-area:memo!important;margin:0!important}
  .hd-home-top h1{font-size:34px!important}
  .hd-home-eyebrow{font-size:9px!important}
  .hd-settings-btn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important}
  #accueil-statut .accueil-statut-corps{gap:7px!important}
  #accueil-statut .accueil-statut-ligne1{grid-template-columns:minmax(0,1fr)!important}
  #accueil-commune{text-align:left!important;font-size:9.5px!important}
  #accueil-code{font-size:15px!important}
  #accueil-coords{font-size:10px!important}
  #accueil-meteo{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;margin-top:6px!important}
  .accueil-meteo-item b{font-size:11px!important}.accueil-meteo-item:nth-child(3) b{font-size:10px!important}.accueil-meteo-item span{font-size:7.5px!important}
  #accueil-statut .accueil-meteo-anim{flex-basis:54px!important;width:54px!important;min-width:54px!important;transform:scale(.67)!important}
  .hd-home-quick-card{min-height:62px!important;padding:7px!important}
  .hd-home-action{min-height:56px!important;padding-top:8px!important;padding-bottom:8px!important}
  .hd-home-memo{padding:8px 10px!important}
}
@media (orientation:landscape) and (max-height:430px){
  #ecran-accueil{overflow:auto!important}
  #ecran-accueil .hd-home-v097{gap:7px 9px!important}
  .hd-home-map-hero{min-height:170px!important}
  #accueil-statut{min-height:86px!important}
  .hd-home-action{min-height:48px!important}
  .hd-home-quick-card{min-height:56px!important}
}
@media (orientation:portrait) and (max-width:430px){
  #accueil-statut .accueil-statut-ligne1{grid-template-columns:minmax(0,1fr)!important}
  #accueil-commune{text-align:left!important}
  #accueil-meteo{grid-template-columns:minmax(48px,.72fr) minmax(58px,.8fr) minmax(104px,1.35fr)!important;gap:6px!important}
  #accueil-statut .accueil-meteo-anim{flex-basis:64px!important;width:64px!important;min-width:64px!important}
}

/* ---------- PANNEAUX PLEIN ÉCRAN ---------- */
#meteo-panel,#doctrine-panel,#glossaire-panel,#parametres-panel,#info-journaliere-panel,#feux-liste-panel{
  position:fixed!important;inset:0!important;z-index:9800!important;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  overflow:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important;
  background:var(--hd-bg)!important;color:var(--hd-text)!important;
  padding-bottom:max(16px,var(--hd-safe-b))!important;
}
#meteo-panel.hidden,#doctrine-panel.hidden,#glossaire-panel.hidden,#parametres-panel.hidden,#info-journaliere-panel.hidden,#feux-liste-panel.hidden{display:none!important}
.panel-header{
  position:sticky!important;top:0!important;z-index:5!important;
  min-height:64px!important;padding:max(10px,var(--hd-safe-t)) max(14px,var(--hd-safe-r)) 10px max(14px,var(--hd-safe-l))!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  background:color-mix(in srgb,var(--hd-bg) 92%,transparent)!important;
  color:var(--hd-text)!important;border-bottom:1px solid var(--hd-border)!important;
  backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
  font-size:17px!important;font-weight:800!important;line-height:1.2!important;
}
.btn-close-panel,.hd-icon-button,.hd-meteo-back{
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  display:grid!important;place-items:center!important;border-radius:14px!important;
  border:1px solid var(--hd-border)!important;background:var(--hd-card-2)!important;color:var(--hd-text)!important;
  box-shadow:none!important;padding:0!important;
}
.hd-panel-title{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;flex:1 1 auto!important}
.hd-panel-title b{display:block!important;font-size:17px!important;color:var(--hd-text)!important}.hd-panel-title small{display:block!important;font-size:10px!important;color:var(--hd-muted)!important}
.hd-panel-icon{color:var(--hd-blue)!important;background:rgba(45,152,240,.12)!important}
#meteo-contenu,#meteo-statut,#doctrine-content,#glossaire-content,#parametres-panel>*:not(.panel-header),#feux-liste-panel>*:not(.panel-header){color:var(--hd-text)}
.note-secteur,.hd-offline-note,.hd-reference-credit,.hd-app-credit,#offline-status{color:var(--hd-muted)!important}

/* Cartes/sections des panneaux : thème clair vraiment clair. */
#meteo-panel [class*="card"],#meteo-panel [class*="jour"],#meteo-panel [class*="meteo"],
#doctrine-panel [class*="card"],#doctrine-panel [class*="bloc"],
#glossaire-panel [class*="card"],#glossaire-panel [class*="bloc"],
#parametres-panel [class*="card"],#parametres-panel [class*="section"],
#feux-liste-panel [class*="card"]{
  border-color:var(--hd-border)!important;
}
html[data-theme="light"] #meteo-panel,html[data-theme="light"] #doctrine-panel,html[data-theme="light"] #glossaire-panel,html[data-theme="light"] #parametres-panel,
html[data-theme="light"] #info-journaliere-panel,html[data-theme="light"] #feux-liste-panel,
html[data-theme="light"] #meteo-panel [class*="card"],html[data-theme="light"] #meteo-panel [class*="jour"],
html[data-theme="light"] #doctrine-panel [class*="card"],html[data-theme="light"] #doctrine-panel [class*="bloc"],
html[data-theme="light"] #glossaire-panel [class*="card"],html[data-theme="light"] #glossaire-panel [class*="bloc"],
html[data-theme="light"] #parametres-panel [class*="card"],html[data-theme="light"] #parametres-panel [class*="section"],
html[data-theme="light"] #feux-liste-panel [class*="card"]{
  background-color:var(--hd-card)!important;color:var(--hd-text)!important;
}
@media (prefers-color-scheme: light) and (min-width: 99999px){
  html[data-theme="auto"] #meteo-panel,html[data-theme="auto"] #doctrine-panel,html[data-theme="auto"] #glossaire-panel,html[data-theme="auto"] #parametres-panel,
  html[data-theme="auto"] #info-journaliere-panel,html[data-theme="auto"] #feux-liste-panel,
  html[data-theme="auto"] #meteo-panel [class*="card"],html[data-theme="auto"] #meteo-panel [class*="jour"],
  html[data-theme="auto"] #doctrine-panel [class*="card"],html[data-theme="auto"] #doctrine-panel [class*="bloc"],
  html[data-theme="auto"] #glossaire-panel [class*="card"],html[data-theme="auto"] #glossaire-panel [class*="bloc"],
  html[data-theme="auto"] #parametres-panel [class*="card"],html[data-theme="auto"] #parametres-panel [class*="section"]{
    background-color:var(--hd-card)!important;color:var(--hd-text)!important;
  }
}
#parametres-panel input,#parametres-panel textarea,#parametres-panel select,#dpif-panel input,#dpif-panel textarea{
  background:var(--hd-card-2)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important;
}
#parametres-panel button:not(.btn-close-panel),#doctrine-panel button:not(.btn-close-panel),#glossaire-panel button:not(.btn-close-panel){color:var(--hd-text)}
.hd-ref-tabs{background:var(--hd-card-2)!important;border-color:var(--hd-border)!important}
.hd-ref-tabs button{color:var(--hd-muted)!important}.hd-ref-tabs button.active{color:#fff!important;background:var(--hd-blue)!important}

/* Paysage des pages de lecture : taille normale et largeur lisible. */
@media (orientation:landscape){
  #doctrine-panel,#glossaire-panel,#parametres-panel,#meteo-panel{font-size:14px!important;line-height:1.42!important}
  #doctrine-panel .panel-header,#glossaire-panel .panel-header,#parametres-panel .panel-header,#meteo-panel .panel-header{min-height:54px!important;font-size:16px!important;padding-top:max(7px,var(--hd-safe-t))!important;padding-bottom:7px!important}
  #doctrine-content,#glossaire-content,#meteo-contenu{max-width:1100px!important;margin-left:auto!important;margin-right:auto!important}
  #parametres-panel>*:not(.panel-header){max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
}

/* ---------- CARTE / OUTILS ---------- */
#route-resume{position:fixed!important;z-index:9550!important;left:max(12px,var(--hd-safe-l))!important;right:max(12px,var(--hd-safe-r))!important;bottom:max(12px,var(--hd-safe-b))!important;margin:0!important;max-width:none!important;box-sizing:border-box!important}
#info-panel,#layers-panel,#dpif-panel,#surface-panel{z-index:9700!important;color:var(--hd-text)!important;background:var(--hd-glass)!important;border-color:var(--hd-border)!important;box-shadow:var(--hd-shadow)!important}
#layers-panel .panel-header,#dpif-panel .panel-header{background:transparent!important}
#panel-backdrop{z-index:9650!important}

#hd-map-tools{position:fixed!important;z-index:9600!important;right:calc(12px + var(--hd-safe-r))!important;left:auto!important;margin:0!important;transform:none!important}
.hd-map-tool{color:var(--hd-text)!important;background:var(--hd-glass)!important;border-color:var(--hd-border)!important}
.hd-map-tool-label{color:var(--hd-text)!important}
html[data-theme="light"] .hd-map-tool{color:#29445f!important;background:rgba(255,255,255,.96)!important}

/* Maison : uniquement Carte et Surface, bas gauche. */
#hd-map-home{display:none!important;position:fixed!important;z-index:9900!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;left:calc(14px + var(--hd-safe-l))!important;right:auto!important;top:auto!important;bottom:calc(14px + var(--hd-safe-b))!important;margin:0!important;transform:none!important;border-radius:17px!important;border:1px solid var(--hd-border)!important;background:var(--hd-glass)!important;color:var(--hd-blue-2)!important;box-shadow:var(--hd-shadow)!important;align-items:center!important;justify-content:center!important}
body.hd-map-focus:not(.hd-drive-mode) #hd-map-home,body.hd-surface-focus:not(.hd-drive-mode) #hd-map-home{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
#hd-map-home svg{width:27px!important;height:27px!important;stroke:currentColor!important;fill:none!important}

/* Surface : overlay compact, maison réservée à gauche. */
#surface-panel{position:fixed!important;top:auto!important;right:calc(12px + var(--hd-safe-r))!important;bottom:calc(12px + var(--hd-safe-b))!important;left:calc(78px + var(--hd-safe-l))!important;width:auto!important;max-width:720px!important;margin:0!important;border-radius:20px!important;padding:10px!important}
body.hd-surface-focus #surface-panel.hidden{display:none!important}
@media (orientation:landscape){#surface-panel{left:calc(82px + var(--hd-safe-l))!important;right:auto!important;width:min(52vw,650px)!important;max-height:54dvh!important;overflow:auto!important}}

/* ---------- NAVIGATION ---------- */
#hd-drive-ui,#hd-drive-stop,#hd-drive-hud,#hd-drive-vehicle{display:none!important}
body.hd-drive-mode #hd-drive-ui{display:block!important;pointer-events:none!important}
body.hd-drive-mode #hd-drive-hud{display:grid!important;pointer-events:auto!important;position:fixed!important;z-index:9850!important}
body.hd-drive-mode #hd-drive-stop{display:flex!important;position:fixed!important;z-index:9950!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;align-items:center!important;justify-content:center!important;left:auto!important;right:calc(14px + var(--hd-safe-r))!important;bottom:calc(14px + var(--hd-safe-b))!important;width:124px!important;min-width:124px!important;height:46px!important;margin:0!important;transform:none!important;border-radius:15px!important;background:var(--hd-danger)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:var(--hd-shadow)!important;font-weight:800!important}
body.hd-drive-mode #hd-map-home{display:none!important}
body:not(.hd-drive-mode) #hd-drive-stop,body:not(.hd-drive-mode) #hd-drive-ui{display:none!important}
@media (orientation:portrait){body.hd-drive-mode #hd-drive-hud{left:calc(12px + var(--hd-safe-l))!important;top:calc(12px + var(--hd-safe-t))!important;right:auto!important;max-width:calc(100vw - 88px - var(--hd-safe-l) - var(--hd-safe-r))!important}}
@media (orientation:landscape){body.hd-drive-mode #hd-drive-hud{left:calc(12px + var(--hd-safe-l))!important;top:calc(8px + var(--hd-safe-t))!important;right:auto!important;max-width:min(46vw,540px)!important}body.hd-drive-mode #hd-map-tools{right:calc(10px + var(--hd-safe-r))!important}body.hd-drive-mode #hd-drive-stop{right:calc(14px + var(--hd-safe-r))!important;bottom:calc(12px + var(--hd-safe-b))!important}}

/* ---------- CONTRÔLES / Z-INDEX / ACCESSIBILITÉ ---------- */
.maplibregl-ctrl-top-right{z-index:9500!important}
.maplibregl-ctrl-bottom-right,.maplibregl-ctrl-bottom-left{z-index:9400!important}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--hd-blue-2)!important;outline-offset:2px!important}
@media (max-width:420px){.panel-header{padding-left:max(10px,var(--hd-safe-l))!important;padding-right:max(10px,var(--hd-safe-r))!important}.btn-close-panel,.hd-icon-button,.hd-meteo-back{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}}

/* ---------- NEUTRALISATION DES ANCIENNES RÉSERVES DOCK / PWA ---------- */
:root{--hd-footer-content-h:0px!important;--hd-footer-h:0px!important}
html.hd-standalone,html.hd-standalone body{
  width:100%!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;
  overflow:hidden!important;background:var(--hd-bg)!important;
}
html.hd-standalone body{position:fixed!important;inset:0!important}
html.hd-standalone body::before{background:var(--hd-bg)!important}
html.hd-standalone #ecran-accueil,html.hd-standalone #ecran-carte,
html:not(.hd-standalone) #ecran-accueil,html:not(.hd-standalone) #ecran-carte{
  position:fixed!important;inset:0!important;bottom:0!important;width:auto!important;height:auto!important;
  min-height:0!important;max-height:none!important;box-sizing:border-box!important;
}
html.hd-standalone #ecran-carte,html:not(.hd-standalone) #ecran-carte{padding:0!important}
html.hd-standalone #ecran-accueil,html:not(.hd-standalone) #ecran-accueil{
  padding:max(18px,var(--hd-safe-t)) max(18px,var(--hd-safe-r)) max(18px,var(--hd-safe-b)) max(18px,var(--hd-safe-l))!important;
}
html.hd-standalone #meteo-panel,html.hd-standalone #doctrine-panel,html.hd-standalone #glossaire-panel,html.hd-standalone #parametres-panel,
html.hd-standalone #info-journaliere-panel,html.hd-standalone #feux-liste-panel,html.hd-standalone #about-panel,html.hd-standalone #legende-panel,
html:not(.hd-standalone) #meteo-panel,html:not(.hd-standalone) #doctrine-panel,html:not(.hd-standalone) #glossaire-panel,html:not(.hd-standalone) #parametres-panel,
html:not(.hd-standalone) #info-journaliere-panel,html:not(.hd-standalone) #feux-liste-panel,html:not(.hd-standalone) #about-panel,html:not(.hd-standalone) #legende-panel{
  top:0!important;right:0!important;bottom:0!important;left:0!important;height:auto!important;max-height:none!important;
}

/* ---------- PANNEAUX SECONDAIRES OUBLIÉS ---------- */
#about-panel,#legende-panel{
  position:fixed!important;inset:0!important;z-index:9850!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;
  background:var(--hd-bg)!important;color:var(--hd-text)!important;padding-bottom:max(16px,var(--hd-safe-b))!important;
}
#about-panel.hidden,#legende-panel.hidden{display:none!important}
#about-panel .hd-about-card{background:linear-gradient(145deg,var(--hd-card),var(--hd-card-2))!important;border:1px solid var(--hd-border)!important;color:var(--hd-text)!important;box-shadow:var(--hd-shadow)!important}
#about-panel .hd-about-kicker,#about-panel .hd-about-label,#about-panel .hd-about-tagline,#about-panel .hd-about-version,#about-panel p{color:var(--hd-muted)!important}
#about-panel .hd-about-author{color:var(--hd-text)!important}
#about-panel .hd-about-warning{background:var(--hd-card-2)!important;color:var(--hd-muted)!important;border-color:var(--hd-border)!important}
#legend-content,.hd-legend-entry,.hd-legend-rows{color:var(--hd-text)!important}
.hd-legend-entry,.hd-legend-rows{background:var(--hd-card)!important;border-color:var(--hd-border)!important}

/* ---------- COUCHES : plus aucune réserve d'ancien dock ---------- */
#layers-panel:not(.hidden),html.hd-standalone #layers-panel:not(.hidden),html:not(.hd-standalone) #layers-panel:not(.hidden){
  position:fixed!important;left:max(12px,var(--hd-safe-l))!important;right:max(12px,var(--hd-safe-r))!important;
  bottom:max(12px,var(--hd-safe-b))!important;top:auto!important;max-height:min(72dvh,640px)!important;
  background:var(--hd-glass)!important;border:1px solid var(--hd-border)!important;color:var(--hd-text)!important;
  border-radius:20px!important;overflow:auto!important;overscroll-behavior:contain!important;
}
#layers-panel .panel-header{background:transparent!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
#layers-panel .hd-layer-list,#layers-panel .hd-layer-health,#layers-panel .hd-basemap-note{background:var(--hd-card-2)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
#layers-panel .toggle,#layers-panel .hd-panel-subtitle,#layers-panel .hd-basemap-title{color:var(--hd-muted)!important}
#layers-panel .hd-basemap-segment button{background:var(--hd-card)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
#layers-panel .hd-basemap-segment button.active{background:var(--hd-blue)!important;color:#fff!important}
@media (orientation:landscape){
  #layers-panel:not(.hidden),html.hd-standalone #layers-panel:not(.hidden),html:not(.hd-standalone) #layers-panel:not(.hidden){
    left:max(82px,calc(var(--hd-safe-l) + 82px))!important;right:auto!important;width:min(64vw,760px)!important;max-height:min(64dvh,520px)!important;
  }
}

/* ---------- THÈME CLAIR : ZÉRO BLOC SOMBRE RÉSIDUEL ---------- */
html[data-theme="light"] #ecran-accueil,
html[data-theme="light"] #meteo-panel,html[data-theme="light"] #doctrine-panel,html[data-theme="light"] #glossaire-panel,
html[data-theme="light"] #parametres-panel,html[data-theme="light"] #info-journaliere-panel,html[data-theme="light"] #feux-liste-panel,
html[data-theme="light"] #about-panel,html[data-theme="light"] #legende-panel{background:var(--hd-bg)!important;color:var(--hd-text)!important}
html[data-theme="light"] .panel-header{background:rgba(244,248,253,.96)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
html[data-theme="light"] .btn-close-panel,html[data-theme="light"] .hd-icon-button,html[data-theme="light"] .hd-meteo-back{background:#eaf1f8!important;color:#29445f!important;border-color:var(--hd-border)!important}
html[data-theme="light"] .hd-panel-icon{background:#e4f1fb!important;color:var(--hd-blue)!important}
html[data-theme="light"] .hd-panel-icon svg{stroke:var(--hd-blue)!important}
html[data-theme="light"] #meteo-onglets,html[data-theme="light"] .meteo-case,html[data-theme="light"] .hd-sun-card,
html[data-theme="light"] .meteo-jour-detail,html[data-theme="light"] .meteo-jour-expanded,html[data-theme="light"] .meteo-dfci,
html[data-theme="light"] .meteo-vigilance-info,html[data-theme="light"] .meteo-vigilance-ok,
html[data-theme="light"] .doctrine-intro,html[data-theme="light"] .doctrine-section-corps blockquote,
html[data-theme="light"] .doctrine-section-corps th,html[data-theme="light"] .secteur-bloc,
html[data-theme="light"] .reglage-taille,html[data-theme="light"] .hd-app-identity,html[data-theme="light"] .hd-about-entry{
  background:#fff!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important;
}
html[data-theme="light"] .hd-weather24{
  background:linear-gradient(160deg,#f8fbff,#eaf3fb)!important;color:var(--hd-text)!important;border:1px solid var(--hd-border)!important;box-shadow:var(--hd-shadow)!important;
}
html[data-theme="light"] .hd-weather24-head b,html[data-theme="light"] .hd-weather24-readout strong{color:var(--hd-text)!important}
html[data-theme="light"] .hd-weather24-legend,html[data-theme="light"] .hd-weather24-foot,html[data-theme="light"] .hd-weather24-chart text{color:var(--hd-muted)!important;fill:var(--hd-muted)!important}
html[data-theme="light"] #theme-seg,html[data-theme="light"] .segmente,html[data-theme="light"] .segmented{background:#e8f0f8!important;border-color:var(--hd-border)!important}
html[data-theme="light"] #theme-seg button,html[data-theme="light"] .segmente button,html[data-theme="light"] .segmented button{color:#536a82!important;background:transparent!important}
html[data-theme="light"] #theme-seg button.active,html[data-theme="light"] #theme-seg button.actif,html[data-theme="light"] .segmente button.actif,html[data-theme="light"] .segmented button.active,html[data-theme="light"] .segmented button.actif{background:var(--hd-blue)!important;color:#fff!important}
html[data-theme="light"] #topbar{background:rgba(255,255,255,.97)!important;color:#1f3853!important;border-color:var(--hd-border)!important;box-shadow:var(--hd-shadow)!important}
html[data-theme="light"] #topbar .hd-search-head h1{color:#1f3853!important}
html[data-theme="light"] .hd-search-modes{background:#e9f1f8!important;border-color:var(--hd-border)!important}
html[data-theme="light"] .hd-search-modes button{color:#536a82!important}
html[data-theme="light"] #info-panel,html[data-theme="light"] #route-resume,html[data-theme="light"] #dpif-panel{background:rgba(255,255,255,.97)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
html[data-theme="light"] #resume-details,html[data-theme="light"] #hd-sheet-toggle{color:var(--hd-text)!important;border-color:var(--hd-border)!important;background:#edf4fa!important}

@media (prefers-color-scheme: light) and (min-width: 99999px){
  html[data-theme="auto"] body::before{background:var(--hd-bg)!important}
  html[data-theme="auto"] .panel-header{background:rgba(244,248,253,.96)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
  html[data-theme="auto"] .btn-close-panel,html[data-theme="auto"] .hd-icon-button,html[data-theme="auto"] .hd-meteo-back{background:#eaf1f8!important;color:#29445f!important;border-color:var(--hd-border)!important}
  html[data-theme="auto"] .hd-panel-icon{background:#e4f1fb!important;color:var(--hd-blue)!important}
  html[data-theme="auto"] .hd-panel-icon svg{stroke:var(--hd-blue)!important}
  html[data-theme="auto"] #meteo-onglets,html[data-theme="auto"] .meteo-case,html[data-theme="auto"] .hd-sun-card,
  html[data-theme="auto"] .meteo-jour-detail,html[data-theme="auto"] .meteo-jour-expanded,html[data-theme="auto"] .meteo-dfci,
  html[data-theme="auto"] .meteo-vigilance-info,html[data-theme="auto"] .meteo-vigilance-ok,
  html[data-theme="auto"] .doctrine-intro,html[data-theme="auto"] .doctrine-section-corps blockquote,
  html[data-theme="auto"] .doctrine-section-corps th,html[data-theme="auto"] .secteur-bloc,
  html[data-theme="auto"] .reglage-taille,html[data-theme="auto"] .hd-app-identity,html[data-theme="auto"] .hd-about-entry{
    background:#fff!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important;
  }
  html[data-theme="auto"] .hd-weather24{background:linear-gradient(160deg,#f8fbff,#eaf3fb)!important;color:var(--hd-text)!important;border:1px solid var(--hd-border)!important;box-shadow:var(--hd-shadow)!important}
  html[data-theme="auto"] .hd-weather24-head b,html[data-theme="auto"] .hd-weather24-readout strong{color:var(--hd-text)!important}
  html[data-theme="auto"] #topbar{background:rgba(255,255,255,.97)!important;color:#1f3853!important;border-color:var(--hd-border)!important;box-shadow:var(--hd-shadow)!important}
  html[data-theme="auto"] #info-panel,html[data-theme="auto"] #route-resume,html[data-theme="auto"] #dpif-panel{background:rgba(255,255,255,.97)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}
}

/* ---------- PRIORITÉ FINALE SUR LES EN-TÊTES HISTORIQUES ---------- */
#meteo-panel>.panel-header,#doctrine-panel>.panel-header,#glossaire-panel>.panel-header,#parametres-panel>.panel-header,
#info-journaliere-panel>.panel-header,#feux-liste-panel>.panel-header,#about-panel>.panel-header,#legende-panel>.panel-header{
  background:color-mix(in srgb,var(--hd-bg) 94%,transparent)!important;
  color:var(--hd-text)!important;border-bottom:1px solid var(--hd-border)!important;
  box-shadow:none!important;margin:0!important;
}
#meteo-panel>.panel-header button,#doctrine-panel>.panel-header button,#glossaire-panel>.panel-header button,#parametres-panel>.panel-header button,
#info-journaliere-panel>.panel-header button,#feux-liste-panel>.panel-header button,#about-panel>.panel-header button,#legende-panel>.panel-header button{
  color:var(--hd-text)!important;background:var(--hd-card-2)!important;border:1px solid var(--hd-border)!important;
}
#meteo-panel>.panel-header svg,#doctrine-panel>.panel-header svg,#glossaire-panel>.panel-header svg,#parametres-panel>.panel-header svg,
#info-journaliere-panel>.panel-header svg,#feux-liste-panel>.panel-header svg,#about-panel>.panel-header svg,#legende-panel>.panel-header svg{stroke:currentColor!important}

/* Les contenus internes gardent une marge homogène sans double marge en paysage. */
#meteo-panel>*:not(.panel-header),#doctrine-panel>*:not(.panel-header),#glossaire-panel>*:not(.panel-header),#parametres-panel>*:not(.panel-header),
#info-journaliere-panel>*:not(.panel-header),#feux-liste-panel>*:not(.panel-header),#about-panel>*:not(.panel-header),#legende-panel>*:not(.panel-header){
  margin-left:max(14px,var(--hd-safe-l))!important;margin-right:max(14px,var(--hd-safe-r))!important;
}

/* Référentiel : neutralise les anciens paddings/footer et les titres trop gros. */
#doctrine-panel,#glossaire-panel{padding:0 0 max(16px,var(--hd-safe-b))!important}
#doctrine-panel .panel-header,#glossaire-panel .panel-header{margin:0!important;padding-left:max(14px,var(--hd-safe-l))!important;padding-right:max(14px,var(--hd-safe-r))!important}
@media (orientation:landscape){
  #doctrine-panel .panel-header>span,#glossaire-panel .panel-header>span,#parametres-panel .panel-header>span{font-size:16px!important;line-height:1.2!important}
  #doctrine-panel .hd-ref-tabs button,#glossaire-panel .hd-ref-tabs button{font-size:12px!important;min-height:38px!important}
  .doctrine-section-titre b{font-size:14px!important}.doctrine-section-corps{font-size:13px!important;line-height:1.48!important}
  .panel-section-title{font-size:10.5px!important}.reglage-taille label,.secteur-bloc label{font-size:10.5px!important}
}

/* Météo : composants premium suivent aussi le thème. */
.meteo-case,.meteo-jour-carte,.meteo-jour-detail,.hd-sun-card,.meteo-dfci,.meteo-jour-expanded{
  background:var(--hd-card-2)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important;
}
.meteo-case b,.meteo-dfci-lecture,.hd-sun-card b,.meteo-day-grid b,.meteo-jour-nom,.meteo-temp{color:var(--hd-text)!important}
.meteo-case span,.meteo-dfci-note,.meteo-dfci-titre,.meteo-day-grid span,.meteo-source,.meteo-origine,.meteo-ressenti{color:var(--hd-muted)!important}
.glossaire-terme{background:var(--hd-card)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important}

/* Paramètres : tous les blocs et champs restent lisibles dans les deux thèmes. */
#parametres-panel .secteur-bloc,#parametres-panel .reglage-taille,#parametres-panel .hd-app-identity,#parametres-panel .hd-about-entry{
  background:var(--hd-card)!important;color:var(--hd-text)!important;border-color:var(--hd-border)!important;
}
#parametres-panel #select-secteur,#parametres-panel input,#parametres-panel select,#parametres-panel textarea{
  background:var(--hd-card-2)!important;color:var(--hd-text)!important;border:1px solid var(--hd-border)!important;
}
#parametres-panel .panel-section-title,#parametres-panel label,#parametres-panel .note-secteur,#parametres-panel .hd-app-credit{color:var(--hd-muted)!important}
#parametres-panel #btn-offline{background:var(--hd-blue)!important;color:#fff!important}

/* Clair explicite : fond blanc/bleu pâle jusque dans les sélecteurs très spécifiques historiques. */
html[data-theme="light"] #meteo-panel>.panel-header,html[data-theme="light"] #doctrine-panel>.panel-header,html[data-theme="light"] #glossaire-panel>.panel-header,
html[data-theme="light"] #parametres-panel>.panel-header,html[data-theme="light"] #info-journaliere-panel>.panel-header,html[data-theme="light"] #feux-liste-panel>.panel-header,
html[data-theme="light"] #about-panel>.panel-header,html[data-theme="light"] #legende-panel>.panel-header{background:rgba(247,250,254,.97)!important;color:#203a55!important}
html[data-theme="light"] .meteo-case,html[data-theme="light"] .meteo-jour-carte,html[data-theme="light"] .meteo-jour-detail,html[data-theme="light"] .hd-sun-card,
html[data-theme="light"] .meteo-dfci,html[data-theme="light"] .meteo-jour-expanded,html[data-theme="light"] .glossaire-terme,
html[data-theme="light"] #parametres-panel .secteur-bloc,html[data-theme="light"] #parametres-panel .reglage-taille,
html[data-theme="light"] #parametres-panel .hd-app-identity,html[data-theme="light"] #parametres-panel .hd-about-entry{background:#fff!important;color:#20354d!important;border-color:rgba(74,112,157,.18)!important}
@media (prefers-color-scheme: light) and (min-width: 99999px){
  html[data-theme="auto"] #meteo-panel>.panel-header,html[data-theme="auto"] #doctrine-panel>.panel-header,html[data-theme="auto"] #glossaire-panel>.panel-header,
  html[data-theme="auto"] #parametres-panel>.panel-header,html[data-theme="auto"] #info-journaliere-panel>.panel-header,html[data-theme="auto"] #feux-liste-panel>.panel-header,
  html[data-theme="auto"] #about-panel>.panel-header,html[data-theme="auto"] #legende-panel>.panel-header{background:rgba(247,250,254,.97)!important;color:#203a55!important}
  html[data-theme="auto"] .meteo-case,html[data-theme="auto"] .meteo-jour-carte,html[data-theme="auto"] .meteo-jour-detail,html[data-theme="auto"] .hd-sun-card,
  html[data-theme="auto"] .meteo-dfci,html[data-theme="auto"] .meteo-jour-expanded,html[data-theme="auto"] .glossaire-terme,
  html[data-theme="auto"] #parametres-panel .secteur-bloc,html[data-theme="auto"] #parametres-panel .reglage-taille,
  html[data-theme="auto"] #parametres-panel .hd-app-identity,html[data-theme="auto"] #parametres-panel .hd-about-entry{background:#fff!important;color:#20354d!important;border-color:rgba(74,112,157,.18)!important}
}


/* ==========================================================================
   V1.11 — CARTE : ALIGNEMENT COMMANDES + UX ITINÉRAIRE
   ========================================================================== */

/* Le bouton/palette outils reste exactement sous l'axe + / - / boussole.
   La position exacte est calculée en JS à partir du contrôle MapLibre. */
@media (orientation:landscape){
  #hd-map-tools{
    left:auto!important;
    margin:0!important;
    transform:none!important;
  }
}

/* hidden doit rester souverain même face aux anciennes règles de boutons. */
#btn-itineraire[hidden]{
  display:none!important;
}


/* ==========================================================================
   V1.12 — PANNEAUX RESPONSIVE / MAISON / INFO ITINÉRAIRE
   ========================================================================== */

/* 1) Carte & couches — PORTRAIT :
   moins haut, scroll interne, Maison jamais recouverte. */
@media (orientation:portrait){
  #layers-panel{
    position:fixed!important;
    left:calc(14px + var(--hd-safe-l))!important;
    right:calc(14px + var(--hd-safe-r))!important;
    top:auto!important;
    bottom:calc(78px + var(--hd-safe-b))!important;
    width:auto!important;
    max-width:none!important;
    height:auto!important;
    max-height:min(68dvh,720px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    border-radius:22px!important;
  }
  #layers-panel::-webkit-scrollbar{display:none!important}

  #layers-panel .panel-header{
    position:sticky!important;
    top:0!important;
    z-index:2!important;
    min-height:52px!important;
    padding:11px 14px!important;
    backdrop-filter:blur(16px)!important;
  }

  #layers-panel .layers-status,
  #layers-panel .hd-layers-status{
    margin-top:8px!important;
    margin-bottom:8px!important;
  }

  #layers-panel .basemap-grid,
  #layers-panel .fonds-grid,
  #layers-panel .layers-basemaps{
    gap:8px!important;
  }

  #layers-panel .basemap-card,
  #layers-panel .fond-carte,
  #layers-panel .layer-base-card{
    min-height:86px!important;
    padding:10px!important;
  }

  #layers-panel .layer-row,
  #layers-panel .couche-row{
    min-height:52px!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}

/* 2) Paysage :
   le panneau info n'occupe plus toute la largeur, Maison reste visible à gauche.
   Portrait volontairement inchangé. */
@media (orientation:landscape){
  #info-panel{
    position:fixed!important;
    left:calc(118px + var(--hd-safe-l))!important;
    right:auto!important;
    bottom:calc(12px + var(--hd-safe-b))!important;
    width:min(56vw,720px)!important;
    max-width:calc(100vw - 230px - var(--hd-safe-l) - var(--hd-safe-r))!important;
    max-height:min(50dvh,360px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-width:none!important;
    border-radius:20px!important;
  }
  #info-panel::-webkit-scrollbar{display:none!important}

  #info-panel .hd-sheet-headrow{
    gap:8px!important;
  }

  /* Maison isolée de la fiche info */
  body.hd-map-focus #hd-map-home,
  body.hd-surface-focus #hd-map-home{
    left:calc(14px + var(--hd-safe-l))!important;
    right:auto!important;
    bottom:calc(14px + var(--hd-safe-b))!important;
    z-index:9950!important;
  }
}

/* 3) Très petit paysage : encore plus compact, mais lisible. */
@media (orientation:landscape) and (max-height:430px){
  #info-panel{
    width:min(52vw,650px)!important;
    max-height:min(54dvh,300px)!important;
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
}

/* HotelDelta V1.35.7 — correctifs ciblés ergonomie/stabilité visuelle
   Aucun changement de structure : uniquement réserves d'espace et cartes. */

/* Carte : le résumé itinéraire réserve toujours la colonne de la Maison,
   comme la fiche destination déjà validée. */
body.hd-map-focus:not(.hd-drive-mode) #route-resume:not(.hidden){
  left:calc(82px + var(--hd-safe-l))!important;
}
@media (orientation:portrait) and (max-width:390px){
  body.hd-map-focus:not(.hd-drive-mode) #route-resume:not(.hidden){
    left:calc(78px + var(--hd-safe-l))!important;
  }
}

/* Paramètres : les blocs principaux reprennent le traitement arrondi
   des autres cartes/bandeaux de l'application. */
#parametres-panel .secteur-bloc,
#parametres-panel .reglage-taille{
  border:1px solid var(--hd-border)!important;
  border-radius:18px!important;
  padding:14px!important;
  margin-bottom:14px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.14)!important;
}
#parametres-panel .secteur-bloc,
#parametres-panel .reglage-taille{
  border-bottom:1px solid var(--hd-border)!important;
}

/* Référentiel : chaque fiche Doctrine devient une vraie carte, sans modifier
   son contenu ni sa logique de navigation/recherche. */
#doctrine-panel .doctrine-section{
  background:var(--hd-card)!important;
  border:1px solid var(--hd-border)!important;
  border-radius:18px!important;
  padding:14px!important;
  margin-bottom:14px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.12)!important;
}
#doctrine-panel .doctrine-section:last-child{
  border-bottom:1px solid var(--hd-border)!important;
}

/* À propos : verrouille le même langage de carte arrondie. */
#about-panel .hd-about-card{
  border-radius:20px!important;
  overflow:hidden!important;
}