/* Bibliothèque visuelle E-ONE — servie par le shell, injectée dans toutes les pages.
   Charte : IBM Plex Sans, --blue #2563eb, navy #0e2138, fond #eef1f5.
   Ne pas y mettre le cyan Manageo. */

a.search{
  text-decoration:none;
  cursor:pointer;
  color:inherit;
}
a.search:hover{
  background:#e8eef5;
  color:#0f1f33;
}
a.search:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:2px;
}

.eone-skip{
  position:absolute;left:-999px;top:8px;z-index:200;
  background:#2563eb;color:#fff;padding:8px 12px;border-radius:8px;
  font-weight:600;text-decoration:none;
}
.eone-skip:focus{left:8px;}

html.eone-busy, html.eone-busy body{cursor:progress;}

/* Module ouvert dans l'iframe : le titre est déjà dans la barre du shell. */
html.eone-framed #bar h1{display:none !important;}
html.eone-framed header.mhead .mtitle{display:none;}
html.eone-framed header.mhead{padding-top:8px;}

/* Références cliquables (geste Manageo, peinture E-ONE). */
.eone-ref{
  color:#1d4ed8;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px dotted #93b4f9;
}
.eone-ref:hover{color:#1e40af;}

/* Tableaux dans un volet : garder display:table (le skin mobile met table{display:block}).
   overflow:hidden sur table (skin) casse position:sticky — forcer visible ici. */
.tblwrap > table,
.tablewrap > table{
  display:table;
  overflow:visible;
  border-radius:0;
}
.tblwrap table,
.tablewrap table{
  overflow:visible;
  border-radius:0;
}

/* Même sélecteur que le popover : ne JAMAIS mettre position:relative ici (écrase le sticky). */
th[data-sort]{
  position:sticky;
  top:0;
  z-index:3;
}

.colpop{
  position:absolute;top:100%;left:0;background:#fff;border:1px solid #e7ebf0;
  border-radius:8px;box-shadow:0 6px 18px rgba(15,23,42,.14);padding:8px;z-index:6;
  display:flex;gap:6px;align-items:center;text-transform:none;font-weight:400;letter-spacing:0;
}
.colpop select{max-width:240px;padding:5px 7px;border:1px solid #e7ebf0;border-radius:6px;font-size:12.5px;}
.pgbtn{min-width:26px;height:26px;border:1px solid #e7ebf0;background:#fff;border-radius:6px;font-size:12px;cursor:pointer;color:#334155;}
.pgbtn.on{background:#2563eb;color:#fff;border-color:#2563eb;}
.pgbtn[disabled]{opacity:.4;cursor:default;}

/* Retour à la liste : distinct des ‹ › (.b-gray a un fond blanc !important dans le skin). */
.btn-back{
  background:#eff6ff!important;color:#2563eb!important;
  border:1px solid #bfdbfe!important;font-weight:700!important;
}
.btn-back:hover{background:#dbeafe!important;}

@media (max-width:820px){
  .frame{min-height:70vh;}
}

@media (prefers-reduced-motion: reduce){
  .mz-card,.mz-alert,.eone-ref,.eone-skip,.btn-back,.pgbtn{transition:none;}
}