/* Nav layout */
header .wrap.nav{ display:flex; align-items:center; }
header .wrap.nav .right{ margin-left:auto; }

/* Icon button container */
.icon-btn{
  display:inline-grid;
  place-items:center;             /* centers the glyph perfectly */
  width:44px; height:44px;
  padding:0;                      /* no extra offset */
  border:1px solid var(--border, rgba(255,255,255,.14));
  border-radius:12px;
  background: rgba(255,255,255,.06);
  color: var(--ink, #e9f0ff);
  cursor:pointer;
  transition: transform .12s ease, background .12s ease, color .12s ease, border-color .12s ease;
}
.icon-btn:hover{ transform: translateY(-1px); }
.icon-btn:active{ transform: translateY(0); }

/* Make sure the SVG itself is centered & same size across states */
.icon-btn svg{
  display:block;
  width:22px; height:22px;
  pointer-events:none;
}

/* Stay-signed-in toggle states */
.stay-toggle .icon-on{ display:none; }
.stay-toggle .icon-off{ display:block; }

.stay-toggle[aria-pressed="true"]{
  background: linear-gradient(180deg, rgba(72,187,120,.18), rgba(72,187,120,.05));
  border-color: rgba(72,187,120,.35);
  color:#9ae6b4;
  box-shadow:0 6px 20px rgba(72,187,120,.25);
}
.stay-toggle[aria-pressed="true"] .icon-on{ display:block; }
.stay-toggle[aria-pressed="true"] .icon-off{ display:none; }