/* Match the approved Home header; scoped by an explicit page class. */
body.snapback-flow .topbar {
  position: sticky; top: 0; z-index: 110;
  display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  width: 100%; height: 68px; min-height: 68px; flex: 0 0 68px;
  align-items: center; gap: 20px; margin: 0;
  padding: 0 clamp(20px,5vw,76px); border: 0;
  border-bottom: 1px solid rgba(219,185,132,.34); border-radius: 0;
  background: rgba(60,13,20,.84); box-shadow: 0 4px 18px rgba(34,11,9,.18);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  transform: none;
}
body.snapback-flow .topbar .brand-logo { gap:10px; color:#fff8ed; font:500 1.32rem 'Bodoni Moda',Georgia,serif; }
body.snapback-flow .topbar .brand-mark { width:34px; height:34px; border:1px solid rgba(224,188,128,.8); color:#f7e8ce; background:transparent; }
body.snapback-flow .topbar .brand-mark .lucide { width:17px; height:17px; }
body.snapback-flow .topbar .nav { gap:clamp(16px,2.6vw,38px); }
body.snapback-flow .topbar .nav-link { padding:8px 0; color:rgba(255,248,237,.82); font-size:.82rem; font-weight:500; background:transparent; box-shadow:none; }
body.snapback-flow .topbar .nav-link.active { color:#fffaf2; font-weight:700; }
body.snapback-flow .topbar .nav-link.active::after { height:2px; bottom:0; background:#d4af72; }
body.snapback-flow .topbar .nav-actions { justify-content:flex-end; }
body.snapback-flow .topbar .nav-start { position:static; transform:none; width:184px; min-height:46px; gap:9px; padding:0 14px; border:1px solid #a58a60; border-radius:6px; background:#f5f0e8; color:#451421; box-shadow:0 3px 9px rgba(24,7,8,.2); font-size:.84rem; font-weight:700; }
body.snapback-flow .topbar .nav-start:hover { background:#fffaf2; border-color:#c0a77d; }
body.snapback-flow .topbar .nav-start .lucide { width:17px; height:17px; }
body.snapback-flow .topbar :is(a,button):focus-visible { outline:2px solid #dfc28e; outline-offset:4px; }
@media(max-width:900px) {
 body.snapback-flow .topbar { padding-inline:20px; gap:12px; }
 body.snapback-flow .topbar .nav { gap:18px; }
 body.snapback-flow .topbar .nav-start { width:auto; min-height:38px; font-size:.76rem; }
}
@media(max-width:760px) {
 body.snapback-flow .topbar { grid-template-columns:minmax(0,1fr) auto; height:64px; min-height:64px; flex-basis:64px; padding-inline:14px; }
 body.snapback-flow .topbar .nav { gap:2px; background:rgba(60,13,20,.98); }
 body.snapback-flow .topbar .nav-link { padding:10px 12px; }
 body.snapback-flow .topbar .nav-link.active::after { left:12px; right:auto; bottom:6px; width:24px; }
}
@media print { body.snapback-flow .topbar { display:none!important; } }

/* Shared header without a redundant Start booth action. */
body.snapback-flow .topbar .nav-actions { min-width:0; }
body.snapback-flow .topbar .nav-start { display:none; }
body.snapback-flow .topbar .nav-link:hover { color:#fffaf2; }
@media(min-width:761px) {
 body.snapback-flow .topbar .nav { position:absolute; left:50%; transform:translateX(-50%); }
 body.snapback-flow .topbar .nav-actions { justify-self:end; }
}
@media(max-width:760px) {
 body.snapback-flow .topbar .nav { left:12px; right:12px; transform:translateY(-6px); }
 body.snapback-flow .topbar .nav.is-open { transform:translateY(0); }
}
