.mb29-topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:12px;min-height:60px;padding:8px max(16px,calc((100vw - 1240px)/2));background:var(--color-card);color:var(--color-card-text);border-bottom:1px solid var(--color-border);box-shadow:var(--mb28-shadow);font:inherit}
.mb29-topbar button,.mb29-topbar a{font:inherit}.mb29-menu-button,.mb29-style-trigger,.mb29-close{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--mb-button-radius,18px);padding:9px 13px;min-height:42px;background:var(--color-soft);color:var(--color-link);cursor:pointer;font-weight:700}.mb29-home{flex:1;min-width:0;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-card-text);text-decoration:none}.mb29-style-trigger small{font-size:10px;text-transform:uppercase;border:1px solid currentColor;border-radius:20px;padding:2px 6px}.mb29-topbar :focus-visible,.mb29-drawer :focus-visible,.mb29-style-dialog :focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.mb29-drawer,.mb29-style-dialog{background:var(--color-card);color:var(--color-card-text);border:1px solid var(--color-border);font:inherit;padding:0;box-shadow:0 18px 70px #0003}.mb29-drawer::backdrop,.mb29-style-dialog::backdrop{background:#001b2c70;backdrop-filter:blur(4px)}.mb29-drawer{margin:0;inset:0 auto 0 0;width:min(370px,92vw);height:100dvh;max-height:100dvh;border-radius:0 var(--mb-radius,18px) var(--mb-radius,18px) 0;overflow:auto}.mb29-drawer-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start;padding:26px 22px;background:var(--mb28-header-background);color:var(--mb28-header-text)}.mb29-drawer-heading h2{font-size:22px;margin:5px 0;font-weight:800}.mb29-drawer-heading p{font-size:13px;margin:8px 0 0}.mb29-eyebrow{font-size:10px;letter-spacing:1.4px;font-weight:800}.mb29-close{padding:6px;min-width:38px;min-height:38px;background:transparent;color:inherit;font-size:24px;line-height:1}.mb29-menu-sections{padding:18px}.mb29-menu-sections section+section{margin-top:23px}.mb29-menu-sections h3{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--color-muted);margin:0 0 8px 12px;font-weight:800}.mb29-nav-link{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--mb-radius,16px);color:var(--color-card-text);text-decoration:none;font-size:14px}.mb29-nav-link span:nth-child(2){flex:1;min-width:0}.mb29-nav-icon{color:var(--color-link);width:26px;font-size:21px;text-align:center}.mb29-nav-link.active,.mb29-nav-link:hover{background:var(--color-soft);color:var(--color-link)}.mb29-nav-link.active{font-weight:800;border:1px solid var(--color-border)}.mb29-demo-card{padding:18px;border:1px solid var(--color-border);border-radius:var(--mb-radius,18px);background:var(--color-soft)}.mb29-demo-card h3{margin:0;color:var(--color-link)}.mb29-demo-card p{font-size:13px;margin:10px 0 14px}.mb29-primary{display:block;text-align:center;border:0;border-radius:var(--mb-button-radius,20px);background:var(--color-button);color:var(--color-button-text);padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;width:100%}.mb29-demo-card a{display:block;text-align:center;margin-top:13px;font-size:12px;color:var(--color-link)}.mb29-account{padding:18px;border-top:1px solid var(--color-border)}.mb29-account>a:last-child{display:block;text-align:center;margin-top:12px;font-size:13px;color:var(--color-link)}.mb29-account form button{width:100%;border:1px solid var(--color-border);border-radius:var(--mb-button-radius,18px);padding:12px;font:inherit;background:transparent;color:var(--color-card-text);cursor:pointer}
.mb29-style-dialog{width:min(620px,calc(100vw - 24px));max-height:90dvh;border-radius:var(--mb-radius,22px);padding:24px;overflow:auto}.mb29-dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.mb29-dialog-heading h2{font-size:24px;line-height:1.2;margin:7px 0;font-weight:800}.mb29-intro{font-size:13px;line-height:1.6;color:var(--color-muted);margin:14px 0 18px}.mb29-style-list{display:grid;gap:12px}.mb29-style-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:1px solid var(--color-border);border-radius:var(--mb-radius,18px);background:var(--color-surface);color:var(--color-card-text);font:inherit;cursor:pointer;text-align:left}.mb29-style-card.selected{border:2px solid var(--color-link);background:var(--color-soft)}.mb29-style-number{display:grid;place-items:center;flex-shrink:0;width:44px;height:48px;font-size:18px;font-weight:800;border-radius:14px}.mb29-style-card>span:nth-child(2){flex:1;min-width:0}.mb29-style-card b{font-size:14px;display:block}.mb29-style-card small{display:block;font-size:11px;color:var(--color-muted);line-height:1.5;margin-top:4px}.mb29-swatches{display:flex;gap:5px;margin-top:9px}.mb29-swatches i{width:19px;height:19px;border-radius:50%;border:1px solid #8885}.mb29-style-mark{font-size:22px;color:var(--color-link)}.mb29-reset{display:block;margin:18px auto 0;padding:10px 15px;border:0;background:transparent;color:var(--color-link);font:inherit;font-weight:700;cursor:pointer}
body[data-mb-style="digital_premium"] .mb29-topbar{border-bottom:2px solid var(--color-primary)}body[data-mb-style="minimal_impact"] .mb29-topbar{box-shadow:none}body[data-mb-style="communautaire_chaleureux"] .mb29-menu-button{background:var(--color-soft)}
@media(max-width:600px){.mb29-wide{display:none}.mb29-topbar{gap:8px;padding:8px 12px}.mb29-menu-button{padding:9px}.mb29-style-trigger{padding:9px}.mb29-style-dialog{padding:18px}.mb29-style-card{padding:12px;gap:10px}.mb29-style-card small{font-size:10px}.mb29-home{font-size:13px}.mb29-style-trigger small{display:none}}
@media(prefers-reduced-motion:no-preference){.mb29-drawer[open],.mb29-style-dialog[open]{animation:mb29-enter .18s ease-out}@keyframes mb29-enter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}

.mb29-glyph{display:block;flex-shrink:0}body[data-mb-style="minimal_impact"] .mb29-drawer,body[data-mb-style="minimal_impact"] .mb29-style-dialog{box-shadow:none}
/* v2026.10.14.1 : la navigation dans une console ne prend plus de largeur
   à la place du tableau de bord. Ce style ne modifie pas les pages publiques. */
body.mb28-body[data-mb-context="admin"] .mb29-topbar,
body.mb28-body[data-mb-context="member"] .mb29-topbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  padding: 8px clamp(12px, 2vw, 28px);
}
body.mb28-body[data-mb-context="admin"] .mb29-home,
body.mb28-body[data-mb-context="member"] .mb29-home {
  min-width: 0;
}
@media (max-width: 600px) {
  body.mb28-body[data-mb-context="admin"] .mb29-topbar,
  body.mb28-body[data-mb-context="member"] .mb29-topbar {
    padding: 8px 12px;
  }
}
