/* Navigation globale — tableaux de bord BFEV Group */
.pnav-wrap {
  z-index: 199;
  background: rgba(10,12,16,.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  padding: 5px 14px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.pnav-wrap:not(.pnav-wrap--static):not(.pnav-wrap--landing) {
  position: fixed;
  top: 48px;
  left: 0;
  right: 0;
}
.pnav-wrap--landing {
  position: fixed;
  top: 56px;
  left: 0;
  right: 0;
  z-index: 99;
}
.pnav-wrap--static {
  position: relative;
  top: auto;
  left: auto;
  flex-shrink: 0;
}
.pnav-inner {
  max-width: 1320px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 6px 10px;
}
.pnav-grp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
}
.pnav-sep {
  color: rgba(255,255,255,.1);
  font-size: 10px;
  user-select: none;
  margin: 0 2px;
}

/* ── Base link ───────────────────────────────────────── */
.pnav-wrap a {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: rgba(255,255,255,.38);
  text-decoration: none;
  padding: 4px 9px;
  border-radius: 4px;
  white-space: nowrap;
  border: 1px solid transparent;
  transition: color .15s, background .15s, border-color .15s;
}
.pnav-wrap a:hover {
  color: rgba(255,255,255,.85);
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.08);
}

/* ── État actif générique (fallback) ─────────────────── */
.pnav-wrap a.pnav-active {
  color: #fff;
  background: rgba(255,255,255,.14);
  border-color: rgba(255,255,255,.12);
  pointer-events: none;
}

/* ── Couleurs domaine — état actif ───────────────────── */
/* Portail / Cockpit */
.pd-portail.pnav-active,
.pd-cockpit.pnav-active {
  color: #fff;
  background: rgba(30,58,95,.55);
  border-color: rgba(30,58,95,.8);
}

/* DG BSC — Gold */
.pd-dgbsc.pnav-active {
  color: #f0cc70;
  background: rgba(200,168,75,.18);
  border-color: rgba(200,168,75,.45);
}

/* RH — Orange */
.pd-rh.pnav-active {
  color: #f5b53a;
  background: rgba(232,160,32,.16);
  border-color: rgba(232,160,32,.45);
}

/* Finance — Vert */
.pd-fin.pnav-active {
  color: #4ddda8;
  background: rgba(62,201,138,.14);
  border-color: rgba(62,201,138,.42);
}

/* Commercial — Cyan */
.pd-com.pnav-active {
  color: #5cd8f0;
  background: rgba(56,196,232,.13);
  border-color: rgba(56,196,232,.4);
}

/* Achats — Cuivre */
.pd-ach.pnav-active {
  color: #e08850;
  background: rgba(200,104,48,.16);
  border-color: rgba(200,104,48,.45);
}

/* Immobilier — Gold chaud */
.pd-imm.pnav-active {
  color: #ddb85a;
  background: rgba(201,168,76,.16);
  border-color: rgba(201,168,76,.42);
}

/* Courtage — Indigo */
.pd-crt.pnav-active {
  color: #8c9ef5;
  background: rgba(102,116,232,.15);
  border-color: rgba(102,116,232,.42);
}

/* Services — Vert émeraude */
.pd-svc.pnav-active {
  color: #50c888;
  background: rgba(58,170,106,.14);
  border-color: rgba(58,170,106,.42);
}

/* ── Couleur de base (repos) ─────────────────────────── */
.pd-dgbsc { color: rgba(240,204,112,.55); }
.pd-rh    { color: rgba(245,181, 58,.55); }
.pd-fin   { color: rgba( 77,221,168,.55); }
.pd-com   { color: rgba( 92,216,240,.55); }
.pd-ach   { color: rgba(224,136, 80,.55); }
.pd-imm   { color: rgba(221,184, 90,.55); }
.pd-crt   { color: rgba(140,158,245,.55); }
.pd-svc   { color: rgba( 80,200,136,.55); }

/* ── Hover — couleur pleine ──────────────────────────── */
.pd-dgbsc:hover { color: #f0cc70 !important; background: rgba(200,168,75,.1) !important; }
.pd-rh:hover    { color: #f5b53a !important; background: rgba(232,160,32,.1) !important; }
.pd-fin:hover   { color: #4ddda8 !important; background: rgba(62,201,138,.1) !important; }
.pd-com:hover   { color: #5cd8f0 !important; background: rgba(56,196,232,.1) !important; }
.pd-ach:hover   { color: #e08850 !important; background: rgba(200,104,48,.1) !important; }
.pd-imm:hover   { color: #ddb85a !important; background: rgba(201,168,76,.1) !important; }
.pd-crt:hover   { color: #8c9ef5 !important; background: rgba(102,116,232,.1) !important; }
.pd-svc:hover   { color: #50c888 !important; background: rgba(58,170,106,.1) !important; }

/* ── Ajustements padding body ────────────────────────── */
body.has-pnav .view  { padding-top: 92px !important; }
body.has-pnav .ebar  { top: 86px !important; }
body.has-pnav .vger  { padding-top: 132px !important; }