.desktop-profile-header{position:fixed;top:18px;right:24px;z-index:45;display:flex;align-items:center;gap:9px;min-height:46px;padding:8px 15px 8px 10px;border:1px solid #d5dfd9;border-radius:999px;background:rgba(255,255,255,.94);color:var(--brand-ink,#123f35);font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(18,63,53,.1);backdrop-filter:blur(14px);transition:transform .16s ease,background-color .16s ease,border-color .16s ease}
.desktop-profile-header:hover{transform:translateY(-2px);border-color:#9fc8b4;background:#f1faed}
.desktop-profile-header svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body:has(.landing-view.is-active) .desktop-profile-header{display:none}
.passport-admin-bar{width:100%;justify-content:flex-end;margin:0 0 14px}
.passport-admin-shortcut{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 14px;border:1px solid #b9d6c7;border-radius:999px;background:#eef9e9;color:var(--brand-ink,#123f35);font:inherit;font-weight:800;cursor:pointer}
.passport-admin-shortcut span{font-size:18px}.passport-admin-shortcut b{color:#63bd29;font-size:18px}.passport-admin-shortcut:hover{border-color:#72c936;background:#e5f7db}
.passport-hero{justify-content:flex-start!important;gap:48px!important}
.passport-hero-copy{flex:0 1 860px;padding-right:0}
.passport-stats{flex:0 0 340px;width:340px!important}
.passport-stats .passport-stat-primary{padding:22px 24px!important}
.passport-stats .passport-stat-primary strong{font-size:48px!important}
.passport-stats .passport-stat-support{padding:15px 18px!important}
.passport-stats .passport-stat-support strong{font-size:29px!important}
.passport-stats span{font-size:11px!important}

@media(max-width:760px){
  .desktop-profile-header{display:none}
  .passport-admin-bar{margin-bottom:12px!important}
  .passport-admin-shortcut{width:100%;justify-content:center;border-radius:12px}
  .passport-hero{display:block!important}
  .passport-hero-copy{padding-right:0}
  .passport-stats{width:100%!important}
  .mobile-tabbar{grid-template-columns:repeat(5,minmax(0,1fr))!important;overflow:visible!important;padding-top:7px!important}
  .mobile-tabbar .app-nav{position:relative;min-width:0;padding-inline:2px!important;background:transparent!important}
  .mobile-tabbar .app-nav.is-active:not(.mobile-passport-action){color:var(--brand-ink,#123f35)!important;background:#e7f5df!important}
  .mobile-tabbar .mobile-passport-action{align-content:end;transform:translateY(-13px);overflow:visible;color:var(--brand-ink,#123f35)!important}
  .mobile-tabbar .mobile-passport-action>span{display:grid;width:58px;height:58px;place-items:center;border:5px solid #fffdf8;border-radius:50%;background:#72c936;color:#123f35;font-size:26px!important;line-height:1;box-shadow:0 7px 20px rgba(18,63,53,.22)}
  .mobile-tabbar .mobile-passport-action small{margin-top:3px;color:#123f35;font-weight:800}
  .mobile-tabbar .mobile-passport-action.is-active>span{background:#72c936;box-shadow:0 7px 24px rgba(18,63,53,.3),0 0 0 3px rgba(114,201,54,.2)}
}

/* A real tablet state prevents the desktop hero from colliding before mobile navigation takes over. */
@media(max-width:1180px) and (min-width:761px){
  .desktop-profile-header span{display:none}
  .desktop-profile-header{width:46px;padding:9px;justify-content:center}
  body[data-view="passport"] .passport-view{padding-top:80px!important}
  body[data-view="passport"] .passport-hero{display:grid!important;grid-template-columns:minmax(0,1fr);align-items:start!important;gap:22px!important}
  body[data-view="passport"] .passport-hero-copy{display:flex;width:100%;max-width:none;flex:0 0 auto;flex-direction:column;align-items:flex-start}
  body[data-view="passport"] .passport-hero h1{max-width:100%;font-size:clamp(48px,7vw,70px)!important;line-height:.94!important}
  body[data-view="passport"] .passport-hero .intro{max-width:620px}
  body[data-view="passport"] .passport-primary-actions{margin-top:24px!important}
  body[data-view="passport"] .passport-stats{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));width:100%!important;max-width:none;flex:0 0 auto}
  body[data-view="passport"] .passport-stats .passport-stat-primary{grid-column:auto;padding:15px 12px!important;border-right:1px solid var(--line)!important;border-bottom:0!important}
  body[data-view="passport"] .passport-stats .passport-stat-primary strong{font-size:32px!important}
  body[data-view="passport"] .passport-stats .passport-stat-support{padding:15px 12px!important;border-right:1px solid var(--line)!important;border-bottom:0!important}
  body[data-view="passport"] .passport-stats .passport-stat-support:last-child{border-right:0!important}
  body[data-view="passport"] .passport-stats .passport-stat-support strong{font-size:25px!important}
}
@media(prefers-reduced-motion:reduce){.desktop-profile-header{transition:none}}
