/* Peptico researcher header, tier 6 — the Code Snippets account pill restyled.
   Layers over the snippet's markup (never edited); header-v6.js shortens the name, adds the
   card, icons and chevrons. Every rule sits under body.pp-header-v6 so it outranks the
   snippet's own; !important only where the snippet uses it. */

body.pp-header-v6 .peptico-researcher-header {
  --ink: #111111; --ink-2: #2b2b2b; --muted: #5f5f58; --faint: #8a8a83;
  --paper: #f7f6f2; --line: rgba(17, 17, 17, 0.08); --line-strong: rgba(17, 17, 17, 0.16);
  --green: #004f42; --mint: #e6f0ed; --mint-deep: #cfe2dc;
  --font: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1); --spring: cubic-bezier(0.2, 0.9, 0.25, 1);
  --glass: rgba(255, 255, 255, 0.62); --sheet: rgba(247, 246, 242, 0.92);
  font-family: var(--font); color: var(--ink);
}
body.pp-header-v6 .peptico-researcher-header, body.pp-header-v6 .peptico-researcher-header * { font-family: var(--font); }
body.pp-header-v6 .peptico-researcher-header [hidden] { display: none !important; }
body.pp-header-v6 .peptico-researcher-header::after { display: block; height: 12px; }   /* keeps hover alive across the gap */

/* ---- The pill ------------------------------------------------------------------------- */
body.pp-header-v6 .peptico-researcher-trigger {
  width: auto; max-width: none; min-width: 0; height: 40px; min-height: 40px; gap: 8px; padding: 4px 12px 4px 5px;
  border: 1px solid rgba(255, 255, 255, 0.85); border-radius: 999px; background: var(--glass); color: var(--ink);
  -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 6px 18px rgba(17, 17, 17, 0.08);
  transition: transform 120ms var(--ease), background-color 180ms var(--ease), box-shadow 200ms var(--ease);
}
body.pp-header-v6 .peptico-researcher-trigger:hover, body.pp-header-v6 .peptico-researcher-header:hover .peptico-researcher-trigger,
body.pp-header-v6 .peptico-researcher-header:focus-within .peptico-researcher-trigger, body.pp-header-v6 .peptico-researcher-header.is-open .peptico-researcher-trigger {
  background: rgba(255, 255, 255, 0.9); color: var(--ink); border-color: rgba(255, 255, 255, 0.95); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 10px 26px rgba(17, 17, 17, 0.12);
}
body.pp-header-v6 .peptico-researcher-trigger.is-pressed { transform: scale(0.97); }
body.pp-header-v6 .peptico-researcher-avatar-wrap, body.pp-header-v6 .peptico-researcher-avatar { width: 30px; height: 30px; }
body.pp-header-v6 .peptico-researcher-avatar { border: 0; background: var(--mint); color: var(--green); }
body.pp-header-v6 .peptico-researcher-avatar img { width: 100%; height: 100%; object-fit: cover; }
body.pp-header-v6 .peptico-researcher-avatar-fallback { color: var(--green); }
body.pp-header-v6 .peptico-researcher-avatar-edit { right: -4px; bottom: -4px; width: 16px; height: 16px; border: 2px solid #fff; background: var(--mint-deep); color: var(--green); box-shadow: none; transition: transform 120ms var(--ease), background-color 160ms var(--ease); }
body.pp-header-v6 .peptico-researcher-avatar-edit svg { width: 8px; height: 8px; }
body.pp-header-v6 .peptico-researcher-avatar-edit:hover, body.pp-header-v6 .peptico-researcher-avatar-edit:focus { background: var(--green); color: #fff; }
body.pp-header-v6 .peptico-researcher-avatar-edit.is-pressed { transform: scale(0.9); }
body.pp-header-v6 .peptico-researcher-name { max-width: 140px; font-size: 14px; font-weight: 600; letter-spacing: 0; color: var(--ink); }
/* the snippet hides its chevron; this one turns when the menu is open */
body.pp-header-v6 .peptico-researcher-chevron { display: inline-block; width: 14px; height: 14px; flex: none; color: var(--faint); background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 7.5l5 5 5-5'/%3E%3C/svg%3E") center / contain no-repeat; border: 0; transform: none; transition: transform 260ms var(--ease), color 160ms var(--ease); }
body.pp-header-v6 .peptico-researcher-header:hover .peptico-researcher-chevron, body.pp-header-v6 .peptico-researcher-header:focus-within .peptico-researcher-chevron, body.pp-header-v6 .peptico-researcher-header.is-open .peptico-researcher-chevron { transform: rotate(180deg); color: var(--ink); border: 0; }

/* ---- The dropdown: glass that grows out of the pill --------------------------------------- */
body.pp-header-v6 .peptico-researcher-menu {
  top: calc(100% + 10px); width: min(300px, calc(100vw - 24px)); padding: 8px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 24px;
  background: var(--sheet); color: var(--ink);
  -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 24px 60px rgba(17, 17, 17, 0.16);
  transform-origin: top right; transform: translateY(-6px) scale(0.96); filter: blur(6px);
  transition: opacity 220ms var(--ease), transform 320ms var(--spring), filter 260ms var(--ease), visibility 0s linear 220ms;
}
body.pp-header-v6 .peptico-researcher-header:hover .peptico-researcher-menu, body.pp-header-v6 .peptico-researcher-header:focus-within .peptico-researcher-menu, body.pp-header-v6 .peptico-researcher-header.is-open .peptico-researcher-menu {
  transform: none; filter: blur(0); transition: opacity 200ms var(--ease), transform 380ms var(--spring), filter 260ms var(--ease), visibility 0s;
}
body.pp-header-v6 .peptico-researcher-menu-name { display: none; }
/* the researcher card, borrowed from the side menu; its reveal rules there must not hide it here */
body.pp-header-v6 .peptico-researcher-menu .pp-mcard { opacity: 1; transform: none; transition: transform 120ms var(--ease); margin: 0 0 6px; padding: 10px 10px 10px 10px; border-radius: 18px; background: var(--mint); color: var(--ink) !important; display: flex; align-items: center; gap: 10px; text-decoration: none; }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard.is-pressed { transform: scale(0.985); }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__disc { flex: none; width: 38px; height: 38px; border-radius: 50%; background: rgba(255, 255, 255, 0.9); color: var(--green); font-size: 14px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__name { font-size: 14px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__line { font-size: 12px; line-height: 1.35; color: var(--muted); }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__go { flex: none; width: 16px; height: 16px; color: var(--muted); }
body.pp-header-v6 .peptico-researcher-menu .pp-mcard__go svg { width: 100%; height: 100%; }
/* rows */
body.pp-header-v6 .peptico-researcher-menu .peptico-researcher-menu-link {
  min-height: 44px; padding: 6px 8px 6px 6px; gap: 10px; justify-content: flex-start; border-radius: 14px;
  color: var(--ink) !important; font-size: 14px; font-weight: 500; letter-spacing: 0; text-transform: none;
  transition: background-color 160ms var(--ease), transform 120ms var(--ease);
}
body.pp-header-v6 .peptico-researcher-menu .peptico-researcher-menu-link:hover { background: rgba(255, 255, 255, 0.75); color: var(--ink) !important; }
body.pp-header-v6 .peptico-researcher-menu .peptico-researcher-menu-link.is-pressed { transform: scale(0.985); background: rgba(255, 255, 255, 0.9); }
body.pp-header-v6 .peptico-researcher-menu .peptico-researcher-menu-link.is-current { background: rgba(255, 255, 255, 0.85); }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon { flex: none; width: 30px; height: 30px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: var(--ink); }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon svg { width: 15px; height: 15px; }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon.pp-tint--sage { background: #c9d6c0; } body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon.pp-tint--tan { background: #e2d5bd; }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon.pp-tint--mint { background: #cfe2dc; } body.pp-header-v6 .peptico-researcher-menu .pp-hrow__icon.pp-tint--rose { background: #e6c9c2; }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__label { flex: 1; min-width: 0; }
body.pp-header-v6 .peptico-researcher-menu .is-current .pp-hrow__label::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 8px; border-radius: 50%; background: var(--green); vertical-align: middle; }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__chev { flex: none; width: 14px; height: 14px; color: var(--faint); transition: transform 200ms var(--ease); }
body.pp-header-v6 .peptico-researcher-menu .pp-hrow__chev svg { width: 100%; height: 100%; }
body.pp-header-v6 .peptico-researcher-menu .peptico-researcher-menu-link:hover .pp-hrow__chev { transform: translateX(2px); }
/* rows arrive a beat apart when the menu opens */
body.pp-header-v6 .peptico-researcher-menu .pp-hrow { opacity: 0; transform: translateY(4px); }
body.pp-header-v6 .peptico-researcher-header:hover .pp-hrow, body.pp-header-v6 .peptico-researcher-header:focus-within .pp-hrow, body.pp-header-v6 .peptico-researcher-header.is-open .pp-hrow { opacity: 1; transform: none; transition: opacity 240ms var(--ease), transform 300ms var(--ease); transition-delay: calc(60ms + var(--i, 0) * 30ms); }

/* ---- Logged out: one pill, one quiet link --------------------------------------------------- */
/* The header also carries an Elementor "Login" button widget (element 096ffec) beside the researcher
   header's own sign-in; two login buttons at laptop width, so the Elementor one is hidden here. */
body.pp-header-v6 .elementor-element-096ffec { display: none !important; }
body.pp-header-v6 .peptico-researcher-logged-out { gap: 10px; }
body.pp-header-v6 .peptico-researcher-login, body.pp-header-v6 .peptico-researcher-register { font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; line-height: 1; transition: transform 120ms var(--ease), background-color 160ms var(--ease), border-color 160ms var(--ease); }
body.pp-header-v6 .peptico-researcher-login { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--ink); color: #fff !important; }
body.pp-header-v6 .peptico-researcher-login:hover { background: var(--green); color: #fff !important; }
body.pp-header-v6 .peptico-researcher-register { display: inline-flex; align-items: center; min-height: 40px; padding: 0 6px; border: 0; background: transparent; color: var(--ink) !important; border-bottom: 1px solid transparent; border-radius: 0; }
body.pp-header-v6 .peptico-researcher-register:hover { background: transparent; color: var(--green) !important; border-bottom-color: currentColor; }
body.pp-header-v6 .peptico-researcher-login.is-pressed, body.pp-header-v6 .peptico-researcher-register.is-pressed { transform: scale(0.97); }

/* ---- The first-visit welcome modal, in the same material ------------------------------------ */
body.pp-header-v6 .peptico-researcher-welcome { background: rgba(17, 17, 17, 0.32); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); font-family: var(--font, "Jost", system-ui, sans-serif); }
body.pp-header-v6 .peptico-researcher-welcome * { font-family: "Jost", system-ui, -apple-system, "Segoe UI", sans-serif; }
body.pp-header-v6 .peptico-researcher-welcome-card { max-width: 640px; padding: 32px 32px 30px; border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 28px; background: rgba(247, 246, 242, 0.94); -webkit-backdrop-filter: blur(28px) saturate(160%); backdrop-filter: blur(28px) saturate(160%); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 30px 80px rgba(17, 17, 17, 0.22); transform: translateY(12px) scale(0.98); transition: transform 380ms cubic-bezier(0.2, 0.9, 0.25, 1); }
body.pp-header-v6 .peptico-researcher-welcome.is-visible .peptico-researcher-welcome-card { transform: none; }
body.pp-header-v6 .peptico-researcher-welcome-icon { width: 48px; height: 48px; border-radius: 50%; background: #e6f0ed; color: #004f42; border: 0; }
body.pp-header-v6 .peptico-researcher-welcome-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: #004f42; }
body.pp-header-v6 .peptico-researcher-welcome-title { font-size: clamp(26px, 3vw, 34px); font-weight: 600; letter-spacing: -0.025em; line-height: 1.06; color: #111; }
body.pp-header-v6 .peptico-researcher-welcome-text { font-size: 15px; line-height: 1.55; color: #2b2b2b; font-weight: 400; }
body.pp-header-v6 .peptico-researcher-welcome-button { min-height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: #111; color: #fff !important; font-size: 15px; font-weight: 600; letter-spacing: 0; text-transform: none; transition: transform 120ms ease, background-color 160ms ease; }
body.pp-header-v6 .peptico-researcher-welcome-button:hover { background: #004f42; color: #fff !important; }
body.pp-header-v6 .peptico-researcher-welcome-button:active { transform: scale(0.97); }

/* ---- Preferences ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
  body.pp-header-v6 .peptico-researcher-menu { transform: none; filter: none; transition: opacity 200ms ease, visibility 0s linear 200ms; }
  body.pp-header-v6 .peptico-researcher-menu .pp-hrow { opacity: 1; transform: none; transition: none; }
  body.pp-header-v6 .peptico-researcher-welcome-card { transform: none; transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
  body.pp-header-v6 .peptico-researcher-trigger { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.pp-header-v6 .peptico-researcher-menu, body.pp-header-v6 .peptico-researcher-welcome-card { background: #f7f6f2; -webkit-backdrop-filter: none; backdrop-filter: none; }
  body.pp-header-v6 .peptico-researcher-welcome { -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (prefers-contrast: more) {
  body.pp-header-v6 .peptico-researcher-trigger, body.pp-header-v6 .peptico-researcher-menu { border-color: rgba(17, 17, 17, 0.3); background: #fff; }
}
@media (max-width: 480px) {
  body.pp-header-v6 .peptico-researcher-name { max-width: 90px; font-size: 13px; }
  body.pp-header-v6 .peptico-researcher-trigger { padding-right: 10px; }
}