/* 11 Oct 2026: five doors. The old group headings (pfh-menu-groups.php) are not needed with five items. */
html:root body.pfh-app.pfh-5d nav#pa-side>ul.pa-nav:first-of-type>li:nth-child(n)::before{content:none!important;display:none!important}
html:root body.pfh-app.pfh-5d nav#pa-side>ul.pa-nav:first-of-type{gap:4px}
html:root body.pfh-app.pfh-5d.pfh-5d-admin nav#pa-side>ul.pa-nav:first-of-type>li:last-child{margin-top:10px;padding-top:10px;border-top:1px solid var(--pa-line,#E1E6E3)}
html:root body.pfh-app.pfh-5d nav#pa-side>ul.pa-nav:first-of-type .pa-a{min-height:48px;font-size:16.5px}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs{margin:0 0 18px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs::-webkit-scrollbar{display:none}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs ul{list-style:none!important;margin:0!important;padding:2px!important;display:flex;gap:8px;width:max-content}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs li{margin:0!important;padding:0!important;list-style:none!important}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs li::before,html:root body.pfh-app.pfh-5d .pfh-5d-tabs li::marker{content:none!important}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs a,html:root body.pfh-app.pfh-5d .pfh-5d-tabs a:hover,html:root body.pfh-app.pfh-5d .pfh-5d-tabs a:focus{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--pa-line,#E1E6E3)!important;background:#fff!important;color:var(--pa-ink,#1B2230)!important;font-size:15px;font-weight:600;white-space:nowrap;text-decoration:none!important;box-shadow:none!important}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs a:hover{border-color:var(--pa-act,#2E7D5B)!important}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs a.is-on,html:root body.pfh-app.pfh-5d .pfh-5d-tabs a.is-on:hover,html:root body.pfh-app.pfh-5d .pfh-5d-tabs a.is-on:focus{background:var(--pa-active,#0B1729)!important;border-color:var(--pa-active,#0B1729)!important;color:#fff!important;font-weight:700}
html:root body.pfh-app.pfh-5d .pfh-5d-tabs a:focus-visible,html:root body.pfh-app.pfh-5d .pfh-5d-bar a:focus-visible{outline:3px solid var(--pa-orange,#E07A2F)!important;outline-offset:2px}
html:root body.pfh-app.pfh-5d .pfh-5d-bar{display:none}
@media (max-width:1024px){
html:root body.pfh-app.pfh-5d{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
html:root body.pfh-app.pfh-5d .pfh-5d-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;border-top:1px solid var(--pa-line,#E1E6E3);padding:0 4px env(safe-area-inset-bottom,0px);box-shadow:0 -6px 18px rgba(11,23,41,.08)}
html:root body.pfh-app.pfh-5d .pfh-5d-bar a,html:root body.pfh-app.pfh-5d .pfh-5d-bar a:hover,html:root body.pfh-app.pfh-5d .pfh-5d-bar a:focus{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px;padding:6px 2px;color:var(--pa-mute,#5E6672)!important;background:transparent!important;text-decoration:none!important;font-size:12px;font-weight:600;line-height:1.15;text-align:center;box-shadow:none!important}
html:root body.pfh-app.pfh-5d .pfh-5d-bar a .pfh-ai,html:root body.pfh-app.pfh-5d .pfh-5d-bar a svg{width:24px;height:24px}
html:root body.pfh-app.pfh-5d .pfh-5d-bar a.is-on,html:root body.pfh-app.pfh-5d .pfh-5d-bar a.is-on:hover,html:root body.pfh-app.pfh-5d .pfh-5d-bar a.is-on:focus{color:var(--pa-act,#2E7D5B)!important;font-weight:800}
html:root body.pfh-app.pfh-5d .pfh-5d-bar a.is-on::before{content:"";position:absolute;top:0;left:22%;right:22%;height:3px;border-radius:0 0 3px 3px;background:var(--pa-act,#2E7D5B)}
html:root body.pfh-app.pfh-5d .pfh-5d-bar span{max-width:100%;overflow-wrap:anywhere}
html:root body.pfh-app.pfh-5d .pfh-5d-bar .pfh-5d-n{position:absolute;top:6px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--pa-orange,#E07A2F);color:#0B1729;font-size:11px;font-weight:800;line-height:18px;text-align:center}
/* the older phone bar (pfh-gatehouse-v2d.php: Feed, Spaces, Create, Events, Chat) gives way to the doors; Create stays on the Feed header and in the side menu */
html:root body.pfh-app.pfh-5d .pfh-bb{display:none!important}
/* "Your first steps" card sits above the doors bar, not under it */
html:root body.pfh-app.pfh-5d .pfh-cl{bottom:calc(66px + env(safe-area-inset-bottom,0px))!important}
}
@media (max-width:600px){html:root body.pfh-app.pfh-5d .pfh-5d-tabs{margin:0 -4px 14px}html:root body.pfh-app.pfh-5d .pfh-5d-tabs a{padding:0 15px;font-size:14.5px}}
/* dark mode */
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a:hover,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a:focus{background:#151A21!important;border-color:#2A3340!important;color:#E7ECEA!important}
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a.is-on,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a.is-on:hover,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-tabs a.is-on:focus{background:#2E7D5B!important;border-color:#2E7D5B!important;color:#fff!important}
html:root body.pfh-app.pfh-5d.pfh-5d-admin.pfh-dark nav#pa-side>ul.pa-nav:first-of-type>li:last-child{border-top-color:#2A3340}
@media (max-width:1024px){
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar{background:#0F141B;border-top-color:#2A3340;box-shadow:none}
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a:hover,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a:focus{color:#C9D2DC!important}
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a.is-on,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a.is-on:hover,html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a.is-on:focus{color:#6FD3A4!important}
html:root body.pfh-app.pfh-5d.pfh-dark .pfh-5d-bar a.is-on::before{background:#6FD3A4}
}
@media print{html:root body.pfh-app.pfh-5d .pfh-5d-bar,html:root body.pfh-app.pfh-5d .pfh-5d-tabs{display:none!important}}