/* GATEHOUSE 2.0 part 2 (30 Sep 2026): the Control rail - colour-coded menu, lit active row, glass dock. */
html body.pfh-app #pa-side{--h:#2E7D5B;--hr:46,125,91;background:linear-gradient(180deg,#FFFFFF 0,#F4F8F6 60%,#EDF3F0 100%)!important;box-shadow:inset -1px 0 0 rgba(20,35,63,.07),8px 0 30px -28px rgba(11,23,41,.5)!important}
html body.pfh-app #pa-side .pa-a[href$="/members/"]{--h:#2F6FD1;--hr:47,111,209}
html body.pfh-app #pa-side .pa-a[href$="/activity/"]{--h:#2E7D5B;--hr:46,125,91}
html body.pfh-app #pa-side .pa-a[href$="/discovery/"]{--h:#0E8A8A;--hr:14,138,138}
html body.pfh-app #pa-side .pa-a[href$="/events/"]{--h:#D8661C;--hr:216,102,28}
html body.pfh-app #pa-side .pa-a[href$="/leaderboard/"]{--h:#B7860B;--hr:183,134,11}
html body.pfh-app #pa-side .pa-a[href$="/groups/"]{--h:#1F8F7F;--hr:31,143,127}
html body.pfh-app #pa-side .pa-a[href$="/reported/"]{--h:#C2410C;--hr:194,65,12}
html body.pfh-app #pa-side .pa-a[href$="/resources/"]{--h:#2E7D5B;--hr:46,125,91}
html body.pfh-app #pa-side .pa-a[href$="/agencies/"]{--h:#14233F;--hr:20,35,63}
html body.pfh-app #pa-side .pa-a[href$="/wins/"]{--h:#B7860B;--hr:183,134,11}
html body.pfh-app #pa-side .pa-a[href$="/referral-breaks/"]{--h:#C2410C;--hr:194,65,12}
html body.pfh-app #pa-side .pa-a[href$="/needs/"]{--h:#0F766E;--hr:15,118,110}
html body.pfh-app #pa-side .pa-a[href$="/impact/"]{--h:#2E7D5B;--hr:46,125,91}
html body.pfh-app #pa-side .pa-a[href*="whats"],html body.pfh-app #pa-side .pa-a[data-wg-open]{--h:#5B6472;--hr:91,100,114}
html body.pfh-app #pa-side .pa-a{position:relative;height:44px!important;font-weight:600!important;color:#1E2836!important;transition:background-color .18s,box-shadow .18s,transform .18s cubic-bezier(.22,1,.36,1)}
html body.pfh-app #pa-side .pa-a>svg{width:18px!important;height:18px!important;padding:8px!important;border-radius:12px!important;background:linear-gradient(160deg,rgba(var(--hr),.72) 0,var(--h) 100%)!important;color:#FFFFFF!important;box-shadow:0 6px 12px -7px rgba(var(--hr),.95),inset 0 1px 0 rgba(255,255,255,.22)!important;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}
html body.pfh-app #pa-side .pa-a:not(.is-on):hover,html body.pfh-app #pa-side .pa-a:not(.is-on):focus-visible{background:#FFFFFF!important;box-shadow:0 10px 22px -18px rgba(11,23,41,.7),inset 0 0 0 1px rgba(20,35,63,.06)!important;transform:translateX(3px)}
html body.pfh-app #pa-side .pa-a:not(.is-on):hover>svg,html body.pfh-app #pa-side .pa-a:not(.is-on):focus-visible>svg{transform:scale(1.08) rotate(-4deg);box-shadow:0 10px 18px -8px rgba(var(--hr),1)!important}
html body.pfh-app #pa-side .pa-a.is-on{background:#FFFFFF!important;color:#14233F!important;font-weight:800!important;box-shadow:inset 4px 0 0 var(--h),0 14px 26px -18px rgba(11,23,41,.65),inset 0 0 0 1px rgba(var(--hr),.22)!important}
html body.pfh-app #pa-side .pa-a.is-on>svg{box-shadow:0 0 0 3px #FFFFFF,0 0 0 5px rgba(var(--hr),.35),0 10px 18px -8px rgba(var(--hr),1)!important}
html body.pfh-app #pa-side .pa-a.is-on::after{content:"";position:absolute;right:12px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--h);box-shadow:0 0 0 4px rgba(var(--hr),.16)}
/* spaces */
html body.pfh-app #pa-side .pa-grp .pa-a{height:40px!important;font-size:14.5px!important;font-weight:500!important}
html body.pfh-app #pa-side .pa-grp .pa-tile{width:30px!important;height:30px!important;border-radius:10px!important;font-size:16px!important;background:#FFFFFF!important;box-shadow:inset 0 0 0 1px rgba(20,35,63,.10),0 4px 10px -8px rgba(11,23,41,.6)!important}
html body.pfh-app #pa-side .pa-grp .pa-a:hover .pa-tile{transform:rotate(-6deg) scale(1.08);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}
html body.pfh-app #pa-side .pa-grp>summary{letter-spacing:.2em!important}
/* create */
html body.pfh-app #pa-side .pa-create{position:relative;overflow:hidden;height:50px!important;border-radius:16px!important;font-size:16.5px!important;letter-spacing:.01em;background:linear-gradient(160deg,#46C98D 0,#2E7D5B 70%,#256B4D 100%)!important;box-shadow:0 16px 28px -16px rgba(30,92,66,.95),inset 0 1px 0 rgba(255,255,255,.25)!important}
html body.pfh-app #pa-side .pa-create::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);pointer-events:none}
html body.pfh-app #pa-side .pa-create:hover::after{left:120%;transition:left .8s cubic-bezier(.22,1,.36,1)}
/* dock */
html body.pfh-app .pa-dock{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px 0 rgba(20,35,63,.06),0 -18px 30px -26px rgba(11,23,41,.5)!important}
html body.pfh-app .pa-dock .pa-dock__me img{border-radius:14px!important;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px rgba(46,125,91,.55)!important}
@media (prefers-reduced-motion:reduce){html body.pfh-app #pa-side .pa-a,html body.pfh-app #pa-side .pa-a>svg{transition:none}html body.pfh-app #pa-side .pa-a:not(.is-on):hover,html body.pfh-app #pa-side .pa-a:not(.is-on):hover>svg{transform:none}html body.pfh-app #pa-side .pa-create:hover::after{transition:none;left:-60%}html body.pfh-app #pa-side .pa-grp .pa-a:hover .pa-tile{transform:none}}
/* dark */
html body.pfh-app.pfh-dark #pa-side{background:linear-gradient(180deg,#121820,#0E141B)!important;box-shadow:inset -1px 0 0 #232B35!important}
html body.pfh-app.pfh-dark #pa-side .pa-a{color:#D5DCE5!important}
html body.pfh-app.pfh-dark #pa-side .pa-a>svg{box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 6px 12px -7px rgba(0,0,0,.9)!important}
html body.pfh-app.pfh-dark #pa-side .pa-a.is-on>svg{box-shadow:0 0 0 3px #1A212B,0 0 0 5px rgba(var(--hr),.55)!important}
html body.pfh-app.pfh-dark #pa-side .pa-a:not(.is-on):hover,html body.pfh-app.pfh-dark #pa-side .pa-a.is-on{background:#1A212B!important;color:#FFFFFF!important}
html body.pfh-app.pfh-dark #pa-side .pa-grp .pa-tile{background:#1A212B!important;box-shadow:inset 0 0 0 1px #2A323D!important}
html body.pfh-app.pfh-dark .pa-dock{background:rgba(14,20,27,.85)!important}
html body.pfh-app #pa-side ul.pa-nav>li>a.pa-a.is-on>svg{color:#FFFFFF!important;background:linear-gradient(160deg,rgba(var(--hr),.72) 0,var(--h) 100%)!important}