/* Surcouche du site sur l'atlas : chargée en dernier, elle prime sur
   atlas-shell.css et atlas-cartographic-test.css. Aucun sélecteur n'est
   renommé — seule l'apparence change. */
/* ============================================================
   Surcouche : l'atlas adopte le langage du site.
   Aucun sélecteur n'est renommé — seule l'apparence change, pour que
   les identifiants et les classes pilotées par le script continuent
   de fonctionner à l'identique.
   ============================================================ */

/* --- bandeau --- */
.site-header{background:var(--panel);border-bottom:1px solid var(--line);box-shadow:none}
.site-header::before{display:none}
.site-header .nav-wrap{max-width:none;padding:0 20px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;height:54px}
.site-header .brand-line{margin:0;font-family:"IBM Plex Mono",monospace;font-size:.78rem;
  font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink)}
.site-header .nav{gap:1px}
.site-header .nav a,.site-header .nav .navdd-btn{font-family:"IBM Plex Mono",monospace;
  font-size:.73rem;font-weight:400;color:var(--mut);padding:5px 9px;border-bottom:0;border-radius:2px}
.site-header .nav a:hover,.site-header .nav .navdd:hover .navdd-btn{color:var(--ink);
  background:var(--panel-2);border-bottom:0}
.site-header .nav a[aria-current="page"]{color:var(--acc);border-bottom:0}
.site-header .nav .navdd-menu{border-radius:2px;box-shadow:none;border:1px solid var(--line);padding:4px}
.site-header .nav .navdd-menu a{border-radius:2px;font-size:.73rem}

/* --- en-têtes de panneaux : un filet, pas un bandeau plein --- */
.head,.shead,#depCurves .dch,.advhead{background:var(--panel);color:var(--mut);
  border-bottom:1px solid var(--line);font-family:"IBM Plex Mono",monospace;
  font-size:.63rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;padding:14px 14px 12px}
.head .x,.head .hi,.shead .x,#depCurves .dch .hx,.advhead .x{color:var(--mut);font-size:14px}
.head .x:hover,.head .hi:hover,.shead .x:hover,#depCurves .dch .hx:hover{color:var(--acc)}
.head .bk{color:var(--mut);font-weight:400;border-radius:2px}
.head .bk:hover{color:var(--acc);background:var(--panel-2)}

/* --- rails : hairline, sans relief --- */
#side,#stats,#depCurves,#compare{box-shadow:none;border-color:var(--line)}
#infoPop,#setPop,.advbox,.navdd-menu{box-shadow:none;border:1px solid var(--line);border-radius:2px}
.advmodal{background:var(--voile)}

/* --- sections du panneau --- */
.sec{padding:18px 16px;border-bottom:1px solid var(--line)}
.sec h3{font-family:"IBM Plex Mono",monospace;font-size:.63rem;letter-spacing:.13em;
  font-weight:500;color:var(--mut);margin:0 0 14px}
.sec>h3::before{color:var(--acc-soft);font-size:9px}

/* --- boutons : mono, filet, accent par le texte --- */
.seg button,.reg button,.szc,.sb,.yctrl .yb,.favbtn,.advbtn,.advbtn2,.cmpsel button,
.advregs .rc,#depCurves .dcmbtn{
  font-family:"IBM Plex Mono",monospace;font-weight:400;border-radius:2px;
  border:1px solid var(--line);background:var(--panel);color:var(--mut);
  transition:color .15s,border-color .15s,background .15s}
.seg button:hover,.reg button:hover,.szc:hover,.sb:hover,.yctrl .yb:hover,.favbtn:hover,
.advbtn:hover,.cmpsel button:hover,.advregs .rc:hover{color:var(--ink);background:var(--panel-2)}
.seg button.on,.reg button.on,.sb.on,.cmpsel button.on,.advregs .rc.on,#depCurves .dcmbtn.on{
  background:var(--panel-2);color:var(--acc);border-color:var(--acc)}
.szc.on{background:var(--panel-2);color:var(--feu);border-color:var(--feu)}
.favbtn.on{background:var(--or-doux);border-color:var(--or);color:var(--or)}
.yctrl .play{background:var(--panel-2);color:var(--acc);border-color:var(--acc);
  border-radius:2px;font-weight:500}
#reopen,#statReopen{background:var(--panel);color:var(--acc);border:1px solid var(--acc);
  border-radius:2px;font-family:"IBM Plex Mono",monospace;font-weight:500;box-shadow:none}
#reopen:hover,#statReopen:hover{background:var(--panel-2)}

/* --- champs --- */
select,#glSearch,#setPop select,#setPop input[type=number]{border-radius:2px;
  border:1px solid var(--line);background:var(--panel-2);
  font-family:"IBM Plex Mono",monospace;font-size:.75rem;color:var(--ink)}

/* --- onglets du rail droit --- */
#rTabs{background:var(--panel);border-color:var(--line);box-shadow:none}
#rTabs button{font-family:"IBM Plex Mono",monospace;font-size:.68rem;font-weight:400;color:var(--mut)}
#rTabs button.on{background:var(--panel-2);color:var(--acc);border-bottom-color:var(--acc)}

/* --- cartes de valeurs --- */
.scard,.dcc{background:var(--panel-2);border:1px solid var(--line);border-radius:2px}
.scard .k,.dcc .k{font-family:"IBM Plex Mono",monospace;font-size:.6rem;letter-spacing:.08em;
  font-weight:500;color:var(--mut)}
.scard .v,.dcc .v{font-family:"IBM Plex Mono",monospace;font-size:.95rem;font-weight:500;
  font-variant-numeric:tabular-nums;color:var(--acc)}
.scard .v.neg{color:var(--feu)}
.dclab,.stgrp h5{font-family:"IBM Plex Mono",monospace;font-size:.62rem;letter-spacing:.09em;
  text-transform:uppercase;font-weight:500;color:var(--mut)}

/* --- recherche --- */
#glResults .gr{border-radius:2px;border-bottom:1px dotted var(--line)}
#glResults .gr:hover{background:var(--panel-2)}
#glResults .gr .rg,#glResults .rhead{font-family:"IBM Plex Mono",monospace}
#glResults .rhead{font-weight:500;letter-spacing:.09em}

/* --- tableau avancé --- */
#advTable{font-size:.8rem}
#advTable th{background:var(--panel-2);border-bottom:1px solid var(--line);
  font-family:"IBM Plex Mono",monospace;font-size:.63rem;letter-spacing:.09em;
  text-transform:uppercase;font-weight:500;color:var(--mut)}
#advTable th.sorted{color:var(--acc)}
#advTable td{border-bottom:1px dotted var(--line);font-variant-numeric:tabular-nums}
#advTable tbody tr:hover{background:var(--panel-2)}
.advcount{font-family:"IBM Plex Mono",monospace;font-weight:500;color:var(--acc)}

/* --- barre du bas, années, légende --- */
#bottom{background:var(--panel);border-top:1px solid var(--line)}
.yr,.leg,.muted,.oprow,.cmplegend,.cmpempty,#depCurves .dcsub,#depCurves .dcnote,#busy{
  font-family:"IBM Plex Mono",monospace}
.yr b{color:var(--acc);font-variant-numeric:tabular-nums;font-weight:500}
.yctrl input,.oprow input[type=range]{accent-color:var(--acc)}
.leg .bar{border-radius:0;border:1px solid var(--line)}
#busy{background:var(--panel);color:var(--acc);border:1px solid var(--acc);border-radius:2px}
#selRectDiv{border:1px dashed var(--acc);background:var(--grid)}
#selStats b{color:var(--acc);font-family:"IBM Plex Mono",monospace}
.cmplegend .rm{color:var(--feu);font-weight:500}