/* One application header and footer, independent of page content styles. */
body:has(>[data-barae-app-header]){margin:0}
@font-face{font-family:PortalSans;src:url('/assets/fonts/studio-sans.woff') format('woff');font-display:swap;font-weight:400}
@font-face{font-family:PortalSans;src:url('/assets/fonts/studio-sans-bold.woff') format('woff');font-display:swap;font-weight:700}
.portal-header[data-barae-app-header]{box-sizing:border-box;position:sticky;top:0;z-index:30;width:100%;margin:0;padding:env(safe-area-inset-top,0px) 0 0;background:#faf7f0;border:0;border-bottom:1px solid #e5dfd3;font:400 15px/1.55 PortalSans,system-ui,sans-serif;color:#252b2c}
[data-barae-app-header] .portal-header-inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:min(1120px,calc(100% - 48px));max-width:none;height:84px;min-height:84px;margin:0 auto;padding:0;gap:12px}
[data-barae-app-header] .portal-brand{display:flex;flex:0 0 40px;align-items:center;justify-content:center;gap:0;text-decoration:none;margin:0;padding:0}
[data-barae-app-header] .portal-brand img{display:block;width:40px;height:40px;max-width:none;object-fit:contain}
[data-barae-app-header] .portal-social-actions{display:flex;align-items:center;flex:0 0 auto;gap:4px;margin-left:auto}
[data-barae-app-header] .barae-platform-utilities{display:flex;align-items:center;flex:0 0 auto;gap:4px;margin:0 0 0 4px}
[data-barae-app-header] :is(.portal-social-link,.portal-support-link,.barae-platform-utility){box-sizing:border-box;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#687574;text-decoration:none;line-height:1}
[data-barae-app-header] :is(.portal-social-link,.portal-support-link){color:#e1306c}
[data-barae-app-header] :is(.portal-social-link,.portal-support-link,.barae-platform-utility)>svg{width:24px;height:24px;flex:none}
[data-barae-app-header] .barae-platform-utility>span:not(.barae-pilot-avatar):not(.bn-badge){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-barae-app-header] :is(a,button):hover{background:#b832680d}
[data-barae-app-header] :is(a,button):focus-visible{outline:2px solid #b83268;outline-offset:1px}
[data-barae-app-header] [aria-current=page]{box-shadow:inset 0 0 0 2px #b83268}
[data-barae-app-header] .barae-pilot-avatar{box-sizing:border-box;position:relative;display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:#ece6de;color:#656d69;font:700 13px/1 system-ui,sans-serif}
[data-barae-app-header] .barae-pilot-avatar img{box-sizing:border-box;display:block;position:absolute;inset:-1px;width:28px;height:28px;max-width:none;margin:0;border-radius:50%;object-fit:cover}
[data-barae-app-header] .barae-pilot-status{box-sizing:border-box;position:absolute;z-index:1;right:-2px;bottom:-1px;width:9px;height:9px;border:2px solid transparent;border-radius:50%;background:#a6aba8;background-clip:padding-box}
[data-barae-app-header] [data-account-status=connected] .barae-pilot-status{background-color:#2c9460}
[data-barae-app-header] [data-account-status=guest] .barae-pilot-status{background-color:#c75c5c}
[data-barae-app-footer]{box-sizing:border-box;position:fixed;z-index:50;inset:auto 0 0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;border:0;border-top:1px solid #e5dfd3;padding:8px max(4px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(4px,env(safe-area-inset-left,0px));background:#fff;color:#687574;font-family:PortalSans,system-ui,sans-serif}
[data-barae-app-footer] a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;min-height:56px;margin:0;padding:2px;border:0;background:none;color:#687574;font:600 10.5px/1.15 PortalSans,system-ui,sans-serif;text-align:center;text-decoration:none;touch-action:manipulation}
[data-barae-app-footer] a>svg{display:block;flex:none;width:24px;height:24px;margin:0}
[data-barae-app-footer] a[aria-current=page]{color:#b83268}
[data-barae-app-footer] a[aria-current=page]>svg{stroke-width:2.2}
[data-barae-app-footer] a:focus-visible{outline:2px solid #b83268;outline-offset:-1px;border-radius:8px}
body:has(>[data-barae-app-footer]){padding-bottom:calc(var(--barae-footer-nav-height,73px) + 18px)}
@media(max-width:600px){[data-barae-app-header] .portal-header-inner{width:calc(100% - 32px);height:66px;min-height:66px;gap:8px}}
@media(min-width:760px){[data-barae-app-footer]{grid-template-columns:repeat(5,minmax(0,148px));justify-content:center}[data-barae-app-footer] a{font-size:11px}}