/* The app switcher. Loaded by all three apps, which otherwise have separate
   stylesheets, so it carries its own colours with fallbacks rather than
   assuming either token set is present. */
.pbnav{position:relative;}
.pbnav-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;
	cursor:pointer;text-align:left;color:inherit;font:inherit;border-radius:8px;}
.pbnav-btn:hover .pbnav-title{text-decoration:underline;text-underline-offset:2px;}
.pbnav-text{display:flex;flex-direction:column;line-height:1.2;min-width:0;}
.pbnav-title{font-size:17px;font-weight:700;letter-spacing:-.01em;}
.pbnav-sub{font-size:11.5px;color:var(--text3,#8a8a82);margin-top:1px;}
.pbnav-chev{flex:none;opacity:.5;transition:transform .15s;}
.pbnav-btn[aria-expanded="true"] .pbnav-chev{transform:rotate(180deg);}

.pbnav-menu{position:absolute;z-index:120;top:calc(100% + 6px);left:-8px;min-width:214px;
	background:var(--bg,#fff);border:0.5px solid var(--border,#ddd);border-radius:10px;
	box-shadow:0 8px 28px rgba(0,0,0,.14);padding:4px;}
.pbnav-menu[hidden]{display:none;}
.pbnav-item{display:flex;flex-direction:column;gap:1px;padding:7px 10px;border-radius:7px;
	text-decoration:none;color:inherit;}
.pbnav-item:hover{background:var(--bg2,#f4f2ec);}
.pbnav-item-name{font-size:13px;font-weight:600;}
.pbnav-item-desc{font-size:11px;color:var(--text3,#8a8a82);}
/* The one you are on stays listed rather than hidden — a switcher that drops
   the current item makes you check the corner to work out where you are. */
.pbnav-item.on{background:var(--accent-bg,#e5f4ee);}
.pbnav-item.on .pbnav-item-name{color:var(--accent-ink,#0f5c44);}
.pbnav-item.on .pbnav-item-name::after{content:" ·  you are here";font-weight:400;font-size:10.5px;opacity:.75;}

@media print{.pbnav-chev,.pbnav-menu{display:none !important;}}