/* Alterview — clickable-prototype nav bar (chrome, not app UI; hardcoded dark so it
   stays distinct from the warm paper app and never borrows the reserved green/amber). */
.av-proto{
  position:fixed; top:0; left:0; right:0; height:42px; z-index:9999;
  display:flex; align-items:center; gap:12px; padding:0 12px;
  background:#241d15; color:#efe7d9;
  font-family:"Figtree","Inter",system-ui,sans-serif; font-size:12.5px;
  box-shadow:0 1px 0 rgba(0,0,0,.25), 0 3px 12px rgba(0,0,0,.18);
  -webkit-font-smoothing:antialiased;
}
.av-proto a{ color:inherit; text-decoration:none; cursor:pointer; }
.av-proto .pcover{ display:inline-flex; align-items:center; gap:7px; padding:6px 11px;
  border:1px solid rgba(239,231,217,.22); border-radius:8px; font-weight:600; white-space:nowrap; }
.av-proto .pcover:hover{ background:rgba(239,231,217,.10); }
.av-proto .pcover .gl{ font-size:13px; opacity:.85; }
.av-proto .pmid{ flex:1; display:flex; align-items:center; justify-content:center; gap:14px; min-width:0; }
.av-proto .pjourney{ font-weight:600; white-space:nowrap; display:flex; align-items:baseline; gap:7px; }
.av-proto .pjourney .pstep{ color:#b7ab97; font-weight:500; }
.av-proto .pdots{ display:flex; gap:5px; }
.av-proto .pdots i{ width:6px; height:6px; border-radius:99px; background:rgba(239,231,217,.26); transition:all .15s ease; }
.av-proto .pdots i.on{ background:#efe7d9; transform:scale(1.25); }
.av-proto .pdots i.done{ background:rgba(239,231,217,.55); }
.av-proto .pnav{ display:flex; align-items:center; gap:8px; }
.av-proto .pback{ padding:6px 11px; border-radius:8px; color:#cfc6b6; white-space:nowrap; }
.av-proto .pback:hover{ background:rgba(239,231,217,.10); color:#efe7d9; }
.av-proto .pnext{ display:inline-flex; align-items:center; gap:7px; padding:6px 14px; border-radius:8px;
  background:#efe7d9; color:#241d15; font-weight:700; white-space:nowrap; }
.av-proto .pnext:hover{ background:#fff; }
.av-proto .pnext.isend{ background:transparent; color:#cfc6b6; border:1px solid rgba(239,231,217,.22); font-weight:600; }
.av-proto .pnext.isend:hover{ background:rgba(239,231,217,.10); color:#efe7d9; }

@media (max-width:560px){
  .av-proto{ gap:8px; padding:0 8px; }
  .av-proto .pcover .ptxt{ display:none; }
  .av-proto .pjourney .plabeltext{ display:none; }
  .av-proto .pnext .pnextlabel{ display:none; }
  .av-proto .pmid{ gap:9px; }
}