/* ============================================================
   Mode administrateur v5 — barre paysage, pastille, historique
   Mêmes jetons que le site (clair/sombre) — aucune couleur inventée.
   ============================================================ */
:root { --kd-barh: 104px; }

/* ---- Voyant de sauvegarde ---- */
.save-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 13px;border-radius:999px;border:1px solid var(--hairline);background:var(--surface-soft);color:var(--on-surface-muted);font-size:12.5px;font-weight:700;white-space:nowrap}
.save-chip .sc-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.save-chip.k-ok{color:var(--on-surface-muted)}
.save-chip.k-warn{color:var(--accent-strong);border-color:color-mix(in srgb,var(--gold) 46%,transparent)}
.save-chip.k-busy .sc-dot{animation:sc-pulse 1s ease-in-out infinite}
.save-chip.k-err{color:#b3261e;border-color:color-mix(in srgb,#b3261e 40%,transparent);background:color-mix(in srgb,#b3261e 8%,var(--surface))}
.save-chip.compact .sc-txt{display:none}
.save-chip.compact{height:28px;padding:0 9px}
@keyframes sc-pulse{0%,100%{opacity:.3}50%{opacity:1}}

/* ---- Annuler / rétablir ---- */
.hb-group{display:inline-flex;gap:4px}
.hb-btn{width:34px;height:34px;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface);color:var(--on-surface);font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.hb-btn:hover:not(:disabled){background:var(--surface-soft);border-color:var(--gold)}
.hb-btn:disabled{opacity:.35;cursor:default}

/* ---- Sélecteur de disposition ---- */
.ch-switch{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-sm);border:1px solid var(--hairline);background:var(--surface-soft)}
.ch-btn{width:30px;height:28px;border:0;border-radius:calc(var(--r-sm) - 2px);background:transparent;color:var(--on-surface-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.ch-btn:hover{color:var(--on-surface)}
.ch-btn.on{background:var(--gold);color:var(--ink)}

/* ---- Rangée d'onglets défilante ---- */
.tabstrip{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--hairline);min-width:0}
.ts-scroll{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;flex:1;min-width:0;padding:0 4px}
.ts-scroll::-webkit-scrollbar{display:none}
.ts-scroll .ap-tab{flex:0 0 auto;padding:12px 12px;background:transparent;border:0;color:var(--on-surface-muted);font-weight:700;font-size:13px;position:relative;cursor:pointer;white-space:nowrap}
.ts-scroll .ap-tab.on{color:var(--accent-strong)}
.ts-scroll .ap-tab.on::after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2.5px;background:var(--gold);border-radius:2px}
.ts-arrow{width:22px;height:34px;border:0;background:transparent;color:var(--on-surface-muted);font-size:17px;line-height:1;opacity:0;pointer-events:none;transition:opacity .18s var(--ease,ease);cursor:pointer}
.tabstrip.ov-l .ts-arrow.l,.tabstrip.ov-r .ts-arrow.r{opacity:1;pointer-events:auto}

/* ---- Panneau portrait : ajouts ---- */
.ap-topact{display:flex;align-items:center;gap:8px}
.ap-statusrow{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 16px 12px}
.ap-foot{gap:10px}
.ap-foot .mini.solid{flex:none}
.ap-foot .ap-mock{flex:1;min-width:0}

/* ---- Barre paysage ---- */
.adm-bar{position:fixed;top:0;left:0;right:0;z-index:120;background:var(--surface);border-bottom:1px solid var(--hairline);box-shadow:0 10px 30px -22px rgba(0,0,0,.5);animation:ab-in .22s var(--ease,ease) both}
@keyframes ab-in{from{transform:translateY(-14px);opacity:0}to{transform:none;opacity:1}}
.ab-row{display:flex;align-items:center;gap:14px;padding:11px clamp(12px,2vw,20px);min-height:56px}
.ab-brand{display:flex;align-items:center;gap:10px;min-width:0}
.ab-names{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.ab-names b{font-family:var(--font-title);font-size:16px;letter-spacing:.06em}
.ab-names i{font-style:normal;font-size:9.5px;letter-spacing:.16em;color:var(--on-surface-muted);font-weight:700}
.ab-modes{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:var(--surface-soft);border:1px solid var(--hairline);margin-left:auto}
.ab-mode{height:32px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--on-surface-muted);font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap}
.ab-mode.on{background:var(--gold);color:var(--ink)}
.ab-actions{display:flex;align-items:center;gap:8px}
.ab-pub{height:34px}

.ab-tabsrow{display:flex;align-items:center;gap:8px;padding-right:clamp(12px,2vw,20px)}
.ab-tabsrow .tabstrip{flex:1;min-width:0;border-bottom:0}
.ab-toggle{flex:none;background:transparent;border:1px solid var(--hairline);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--on-surface-muted);cursor:pointer}
.ab-toggle:hover{border-color:var(--gold);color:var(--on-surface)}

.ab-drawer{max-height:0;overflow:hidden;border-top:1px solid transparent;transition:max-height .26s var(--ease,ease),border-color .26s}
.ab-drawer.open{max-height:min(62vh,620px);border-top-color:var(--hairline)}
.ab-drawerbody{max-height:min(56vh,560px);overflow-y:auto;overscroll-behavior:contain;padding:16px clamp(12px,2vw,20px)}
.ab-drawerbody .ed-tabpane{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));align-items:start}
.ab-drawerfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(12px,2vw,20px);border-top:1px solid var(--hairline)}

/* Le site descend sous la barre ; l'en-tête colle juste dessous */
.kd-adminbar-open .site-header{top:var(--kd-barh)}
.kd-adminbar-open .dist-aside-sticky{top:calc(var(--kd-barh) + 92px)}

/* ---- Pastille ---- */
.adm-dot-wrap{position:fixed;left:clamp(16px,2.4vw,30px);bottom:clamp(16px,2.4vw,30px);z-index:120;display:flex;align-items:center;gap:8px}
.adm-dot{width:52px;height:52px;border-radius:50%;border:1px solid var(--hairline);background:var(--surface);box-shadow:0 14px 30px -18px rgba(0,0,0,.55);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.adm-dot:hover{border-color:var(--gold)}

/* ---- Historique : publications ---- */
.hist-publish{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.pub-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.pub-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-soft)}
.pub-i{display:flex;flex-direction:column;gap:2px;min-width:0}
.pub-i b{font-size:13.5px}
.pub-i i{font-style:normal;font-size:11.5px;color:var(--on-surface-muted)}

/* ---- Historique : journal ---- */
.jr-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface)}
.jr-item{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:baseline;padding:9px 12px;border-bottom:1px solid var(--hairline);font-size:12.5px}
.jr-item:last-child{border-bottom:0}
.jr-item time{color:var(--on-surface-muted);font-size:11.5px;font-variant-numeric:tabular-nums}
.jr-item span{color:var(--on-surface);text-wrap:pretty}
.jr-item.k-publish span,.jr-item.k-restore span{color:var(--accent-strong);font-weight:700}
.jr-item.k-error span{color:#b3261e;font-weight:700}
.jr-item.k-system span,.jr-item.k-undo span,.jr-item.k-redo span{color:var(--on-surface-muted)}
.jr-foot{margin-top:12px;display:grid;gap:10px}
.jr-foot p{margin:0;font-size:11.5px;line-height:1.5;color:var(--on-surface-muted);text-wrap:pretty}
.jr-fbtns{display:flex;flex-wrap:wrap;gap:8px}

/* ---- Écrans étroits ---- */
@media (max-width:900px){
  :root{--kd-barh:150px}
  .ab-row{flex-wrap:wrap;gap:10px}
  .ab-names b{font-size:15px}
  .ab-modes{margin-left:0;order:3}
  .ab-actions{order:4;margin-left:auto}
  .ab-drawerbody .ed-tabpane{grid-template-columns:1fr}
}
@media (max-width:520px){
  :root{--kd-barh:158px}
  .save-chip .sc-txt{display:none}
  .save-chip{padding:0 10px}
  .ab-mode{padding:0 12px;font-size:12.5px}
}