/* ==========================================================================
   inc-appbar.css — extrait de inc/appbar.php le 03/08/2026.
   Charge a la place exacte qu'occupait le <style> : ces regles surclassent
   app.css et app-light.css parce qu'elles viennent APRES. Ne pas remonter
   ce <link> plus haut dans le <head>.
   ========================================================================== */
.abar{ position:sticky; top:0; z-index:1000; background:rgba(var(--bz-white-rgb),.92); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(var(--bz-ink-rgb),.10); box-shadow:0 6px 24px rgba(var(--bz-ink-rgb),.06); }
.abar-inner{ max-width:1200px; margin:0 auto; padding:10px 20px; display:flex; align-items:center; gap:18px; }
.abar-logo{ display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--bz-text); font-family:'Poppins',sans-serif;
  font-weight:700; font-size:1.06rem; white-space:nowrap; }
.abar-logo .abar-dot{ width:24px; height:24px; flex:none;
  background:url(/assets/baziloo-mark.svg?v=1) center/contain no-repeat; }
.abar-logo .abar-os{ color:var(--bz-blue-vif); font-size:.72rem; letter-spacing:.06em; }
.abar-nav{ display:flex; gap:6px; flex-wrap:wrap; flex:1; justify-content:center; }
.abar-nav a{ padding:8px 15px; border-radius:20px; font-size:.86rem; font-weight:600; text-decoration:none;
  color:var(--bz-text-2); border:1px solid rgba(var(--bz-ink-rgb),.14); background:var(--bz-surface); transition:.15s ease; white-space:nowrap; }
.abar-nav a:hover{ border-color:rgba(var(--bz-blue-vif-rgb),.5); color:var(--bz-blue); }
.abar-nav a.on{ color:var(--bz-sur-accent); background:var(--bz-blue-vif); border-color:var(--bz-blue-vif); }
.abar-right{ display:flex; align-items:center; gap:14px; }
.abar-link{ color:var(--bz-text-2); text-decoration:none; font-size:.88rem; font-weight:600; white-space:nowrap; }
.abar-link:hover{ color:var(--bz-text); }
/* Bouton d'aide flottant, ancré sur le bord droit (à mi-hauteur) — hors de la barre
   pour libérer de la place. Placé plus haut que le bouton « Copilote » (bas-droite). */
.abar-help-fab{ position:fixed; right:0; top:42%; z-index:1350; display:flex; flex-direction:column;
  align-items:center; gap:2px; padding:11px 9px; text-decoration:none; color:var(--bz-text-2);
  background:var(--bz-surface); border:1px solid rgba(var(--bz-blue-vif-rgb),.4); border-right:none;
  border-radius:14px 0 0 14px; box-shadow:-8px 0 24px rgba(var(--bz-ink-rgb),.14); transition:.15s ease; }
.abar-help-fab:hover{ color:var(--bz-text); background:rgba(var(--bz-blue-vif-rgb),.06); border-color:rgba(var(--bz-blue-vif-rgb),.7); }
.abar-help-fab .ic{ width:22px; height:22px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:.9rem; color:var(--bz-sur-accent); background:var(--bz-blue-vif); line-height:1; }
.abar-help-fab .lab{ font-size:.68rem; font-weight:700; letter-spacing:.02em; }
.abar-acct{ position:relative; }
.abar-acct-btn{ display:flex; align-items:center; gap:8px; cursor:pointer; font:inherit; color:var(--bz-text);
  background:var(--bz-surface); border:1px solid rgba(var(--bz-ink-rgb),.14); border-radius:22px; padding:5px 10px 5px 6px; transition:.15s ease; }
.abar-acct-btn:hover{ border-color:rgba(var(--bz-blue-vif-rgb),.5); }
.abar-ava{ width:28px; height:28px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:.72rem; font-weight:800; color:var(--bz-sur-accent); background:linear-gradient(135deg,var(--bz-blue-vif),var(--bz-violet-vif)); }
.abar-acct-lab{ font-size:.86rem; font-weight:600; }
.abar-chev{ font-size:.7rem; color:var(--bz-text-3); transition:transform .15s ease; }
.abar-acct.open .abar-chev{ transform:rotate(180deg); }
.abar-menu{ position:absolute; right:0; top:calc(100% + 8px); width:230px; padding:8px; z-index:1200;
  background:var(--bz-surface); border:1px solid rgba(var(--bz-ink-rgb),.12); border-radius:14px; box-shadow:0 24px 60px rgba(var(--bz-ink-rgb),.18);
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:.16s ease; }
.abar-acct.open .abar-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.abar-menu-head{ padding:6px 10px 10px; font-size:.76rem; color:var(--bz-text-3); border-bottom:1px solid rgba(var(--bz-ink-rgb),.08);
  margin-bottom:6px; word-break:break-all; }
.abar-menu a{ display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:9px; text-decoration:none;
  color:var(--bz-text-1b); font-size:.88rem; transition:.12s ease; }
.abar-menu a svg{ width:17px; height:17px; flex:none; color:var(--bz-text-3); }
.abar-menu a:hover{ background:rgba(var(--bz-blue-vif-rgb),.07); color:var(--bz-text); }
.abar-menu a:hover svg{ color:var(--bz-blue-vif); }
.abar-menu-sep{ height:1px; background:rgba(var(--bz-ink-rgb),.08); margin:6px 4px; }
.abar-menu a.abar-menu-out{ color:var(--bz-red); }
.abar-menu a.abar-menu-out:hover{ background:rgba(var(--bz-red-rgb),.08); color:var(--bz-red-2); }
.abar-menu a.abar-menu-out svg{ color:var(--bz-red); }
/* Bouton burger : masqué sur grand écran, seul déclencheur du menu sur mobile. */
.abar-burger{ display:none; flex-direction:column; justify-content:center; gap:5px; width:40px; height:36px;
  padding:0 9px; border-radius:11px; border:1px solid rgba(var(--bz-ink-rgb),.16); background:var(--bz-surface);
  cursor:pointer; flex:none; }
.abar-burger span{ display:block; height:2px; border-radius:2px; background:var(--bz-text); transition:transform .18s ease, opacity .18s ease; }
.abar-burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.abar-burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
.abar-burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:900px){
  .abar-inner{ flex-wrap:wrap; gap:10px; }
  .abar-burger{ display:flex; }
  /* Le menu ne consommait pas moins de 3 lignes : il est désormais replié par
     défaut et ne s'ouvre qu'à la demande. */
  .abar-nav{ order:3; flex-basis:100%; justify-content:flex-start; display:none; }
  .abar-nav.is-open{ display:flex; padding-top:4px; }
  .abar-nav a{ flex:1 1 46%; text-align:center; }
  .abar-right{ margin-left:auto; }
}
@media (max-width:520px){
  .abar-acct-lab{ display:none; }
  .abar-link{ display:none; }
}
/* Pastille « live » partagée : pulse quand un marché est ouvert (sentiment de données connectées) */
.live-badge{ display:inline-flex; align-items:center; gap:7px; font-size:.8rem; font-weight:600; color:var(--bz-text-3);
  border:1px solid rgba(var(--bz-ink-rgb),.14); border-radius:20px; padding:5px 12px; background:var(--bz-surface); white-space:nowrap; }
.live-badge.is-open{ color:var(--bz-green-2); border-color:rgba(var(--bz-green-vif-rgb),.35); background:rgba(var(--bz-green-vif-rgb),.06); }
.live-dot{ width:8px; height:8px; border-radius:50%; background:var(--bz-trait); flex:none; }
.live-badge.is-open .live-dot{ background:var(--bz-green-vif); animation:livePulse 1.8s ease-out infinite; }
@keyframes livePulse{ 0%{ box-shadow:0 0 0 0 rgba(var(--bz-green-vif-rgb),.5); } 70%{ box-shadow:0 0 0 7px rgba(var(--bz-green-vif-rgb),0); } 100%{ box-shadow:0 0 0 0 rgba(var(--bz-green-vif-rgb),0); } }
@media (prefers-reduced-motion: reduce){ .live-badge.is-open .live-dot{ animation:none; } }
/* Cloche de notifications */
.abar-notif{ position:relative; }
.abar-bell{ position:relative; display:flex; align-items:center; justify-content:center; width:38px; height:38px; cursor:pointer;
  color:var(--bz-text-2); background:var(--bz-surface); border:1px solid rgba(var(--bz-ink-rgb),.14); border-radius:50%; transition:.15s ease; }
.abar-bell:hover{ border-color:rgba(var(--bz-blue-vif-rgb),.5); color:var(--bz-text); }
.abar-bdg{ position:absolute; top:-4px; right:-4px; min-width:17px; height:17px; padding:0 4px; border-radius:9px;
  background:var(--bz-red); color:var(--bz-sur-accent); font-size:.66rem; font-weight:800; display:flex; align-items:center; justify-content:center; box-shadow:0 0 0 2px #fff; }
  /* --bz-red-vif donnait 4,25:1 en clair pour un texte de 11 px. */
.abar-nmenu{ position:absolute; right:0; top:calc(100% + 8px); width:320px; padding:8px; z-index:1200;
  background:var(--bz-surface); border:1px solid rgba(var(--bz-ink-rgb),.12); border-radius:14px; box-shadow:0 24px 60px rgba(var(--bz-ink-rgb),.18);
  opacity:0; visibility:hidden; transform:translateY(-6px); transition:.16s ease; }
.abar-notif.open .abar-nmenu{ opacity:1; visibility:visible; transform:translateY(0); }
.abar-nmenu-head{ display:flex; align-items:center; justify-content:space-between; padding:6px 10px 10px; margin-bottom:4px;
  border-bottom:1px solid rgba(var(--bz-ink-rgb),.08); font-size:.82rem; color:var(--bz-text-3); font-weight:600; }
.abar-nmark{ background:none; border:none; color:var(--bz-blue-vif); font:inherit; font-size:.76rem; font-weight:600; cursor:pointer; }
.abar-nitem{ display:flex; gap:10px; align-items:flex-start; padding:9px 10px; border-radius:9px; text-decoration:none; }
.abar-nitem:hover{ background:rgba(var(--bz-ink-rgb),.04); }
.abar-nitem.unread{ background:rgba(var(--bz-blue-vif-rgb),.06); }
.abar-ndot{ width:8px; height:8px; border-radius:50%; margin-top:5px; flex:none; }
.abar-ndot.risk{ background:var(--bz-red-vif); } .abar-ndot.warn{ background:var(--bz-amber-vif); } .abar-ndot.info{ background:var(--bz-blue-vif); } .abar-ndot.earn{ background:var(--bz-amber-vif); }
.abar-ntxt{ font-size:.83rem; color:var(--bz-text-1b); line-height:1.4; }
.abar-ntxt b{ display:block; color:var(--bz-text); font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; margin-bottom:1px; }
.abar-nitem.unread .abar-ntxt b{ color:var(--bz-blue); }
.abar-nempty{ padding:16px 10px; text-align:center; color:var(--bz-text-3); font-size:.85rem; }
.abar-nall{ display:block; text-align:center; padding:10px; margin-top:4px; border-top:1px solid rgba(var(--bz-ink-rgb),.08);
  color:var(--bz-blue-vif); font-size:.82rem; font-weight:600; text-decoration:none; }

/* L'aide contextuelle a ses propres styles dans inc/help.php. */

/* --- Fin d'essai : bandeau d'avertissement et blocs mis en pause --- */
.acc-ban{ max-width:1200px; margin:14px auto 0; padding:14px 20px; display:flex; align-items:center;
  gap:18px; flex-wrap:wrap; border-radius:14px; background:rgba(var(--bz-blue-vif-rgb),.07);
  border:1px solid rgba(var(--bz-blue-vif-rgb),.30); }
.acc-ban.acc-ban-warn{ background:rgba(var(--bz-amber-vif-rgb),.09); border-color:rgba(var(--bz-amber-vif-rgb),.38); }
.acc-ban > div{ flex:1; min-width:240px; }
.acc-ban b{ display:block; font-family:'Poppins',sans-serif; font-size:.98rem; color:var(--bz-text); margin-bottom:3px; }
.acc-ban p{ margin:0; font-size:.85rem; color:var(--bz-text-2); line-height:1.55; }
.acc-ban-btn{ flex:none; background:var(--bz-blue-vif); color:var(--bz-sur-accent); text-decoration:none; padding:10px 18px;
  border-radius:10px; font-size:.88rem; font-weight:600; white-space:nowrap; }
.acc-ban-btn:hover{ background:var(--bz-blue); }
.acc-ban.acc-ban-warn .acc-ban-btn{ background:var(--bz-amber-3); }
.acc-ban.acc-ban-warn .acc-ban-btn:hover{ background:var(--bz-amber-4); }

.acc-lock{ text-align:center; padding:26px 20px; border-radius:14px;
  background:rgba(var(--bz-ink-rgb),.03); border:1px dashed rgba(var(--bz-ink-rgb),.18); }
.acc-lock-ico{ font-size:1.5rem; display:block; margin-bottom:8px; opacity:.55; }
.acc-lock b{ display:block; font-family:'Poppins',sans-serif; font-size:.97rem; color:var(--bz-text); margin-bottom:6px; }
.acc-lock p{ margin:0 auto 16px; max-width:460px; font-size:.86rem; color:var(--bz-text-3); line-height:1.6; }
.acc-lock-btn{ display:inline-block; background:var(--bz-blue-vif); color:var(--bz-sur-accent); text-decoration:none;
  padding:10px 20px; border-radius:10px; font-size:.88rem; font-weight:600; }
.acc-lock-btn:hover{ background:var(--bz-blue); }
@media (max-width:560px){ .acc-ban{ margin:12px 14px 0; } }

@media (max-width:640px){
  /* Cibles tactiles : « Tout marquer lu » et « Voir tout » faisaient 21 px. */
  .abar-nmark, .abar-nall{ min-height:44px; display:inline-flex; align-items:center;
    padding-left:10px; padding-right:10px; }
  .abar-theme{ width:44px; height:44px; }
}
