/* FairyStack's one app-owned header identity. The platform toolkit supplies behavior. */
#app-header-nav, header[data-platform-header] { display:flex!important; align-items:center; min-height:64px; gap:18px; padding:9px 20px!important; margin:0!important; background-color:#f7f3dd!important; background-image:url('/assets/fairystack-header-panorama-v2.webp')!important; background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important; color:#243b3b!important; border:0!important; border-bottom:3px solid #8fba91!important; box-shadow:0 4px 0 rgba(79,117,91,.12)!important; position:relative; z-index:10; }
.ah-brand, [data-platform-brand] { display:inline-flex; align-items:center; gap:9px; padding:5px 8px; color:#243b3b!important; background:#fffdf3!important; border:1px solid #c6dbc9; border-radius:10px; font:850 1.08rem/1.2 ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif!important; letter-spacing:-.02em; text-decoration:none!important; white-space:nowrap; }
.ah-brand::before, [data-platform-brand]::before { content:""; width:28px; height:28px; flex:0 0 28px; background:url('/fairystack-mark.svg') center/contain no-repeat; }
.ah-brand:has(img)::before, [data-platform-brand]:has(img)::before { display:none; }
.ah-brand img, [data-platform-brand] img { width:28px; height:28px; }
#app-header-nav .ah-brand img + span { margin-left:-37px; padding-left:37px; }
.ah-links, [data-platform-nav] { display:flex; align-items:center; gap:3px; }
#app-header-nav, header[data-platform-header], .ah-links, [data-platform-nav], .ah-more { overflow:visible!important; }
.ah-link, [data-platform-nav] a { color:#405c54!important; background:#fffdf3!important; padding:7px 10px; border:1px solid #c6dbc9; border-radius:9px; font:700 .88rem/1.2 ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif; text-decoration:none!important; white-space:nowrap; }
.ah-link:hover, .ah-link.ah-active, [data-platform-nav] a:hover, [data-platform-nav] a[aria-current="page"] { color:#165c43!important; background:#dff1df!important; }
.ah-more { position:relative; }
.ah-more > summary { display:block; cursor:pointer; color:#405c54; background:#fffdf3; padding:7px 24px 7px 10px; border:1px solid #c6dbc9; border-radius:9px; font:700 .88rem/1.2 ui-rounded,"SF Pro Rounded","Segoe UI",system-ui,sans-serif; white-space:nowrap; list-style:none; }
.ah-more > summary::-webkit-details-marker { display:none; }
.ah-more > summary::after { content:"▾"; position:absolute; right:9px; transition:transform .15s ease; }
.ah-more[open] > summary::after { transform:rotate(180deg); }
.ah-more > summary:hover, .ah-more > summary.ah-active, .ah-more[open] > summary { color:#165c43; background:#dff1df; }
.ah-more-menu { position:absolute!important; z-index:9999!important; top:100%; right:0; display:grid; min-width:190px; gap:4px; padding:7px; border:1px solid #b9d0bf; border-radius:11px; background:#fffdf3; box-shadow:0 12px 30px rgba(27,61,44,.2); visibility:visible!important; opacity:1!important; }
.ah-more:not([open]) > .ah-more-menu { display:none; }
.ah-more:hover > .ah-more-menu, .ah-more:focus-within > .ah-more-menu { display:grid!important; }
.ah-more:hover > summary, .ah-more:focus-within > summary { color:#165c43; background:#dff1df; }
.ah-more-menu .ah-link { display:block; }
.ah-spacer { margin-left:auto; }
#auth-area { display:flex; align-items:center; gap:9px; margin-left:auto; min-width:0; padding:4px 7px; color:#405c54; background:#fffdf3; border:1px solid #c6dbc9; border-radius:10px; }
#auth-area:empty { display:none; }
.dashboard-header-actions { display:flex; align-items:center; gap:7px; }
.auth-email { color:#526b68; font-size:.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.platform-footer { width:100%; margin-top:24px; }
.platform-footer #app-header-nav { position:relative; z-index:8; min-height:48px; gap:10px; padding:6px 14px!important; background-color:var(--footer-chrome,#cceff4)!important; background-image:none!important; border-top:1px solid var(--footer-line,#83abb5)!important; border-bottom:0!important; box-shadow:0 -2px 10px rgba(22,61,73,.12)!important; }
.platform-footer .ah-brand,.platform-footer .ah-link,.platform-footer .ah-more>summary,.platform-footer #auth-area { color:var(--footer-ink,#163d49)!important; background:var(--footer-control,#f7fdff)!important; border-color:var(--footer-line,#83abb5)!important; }
.platform-footer .ah-link:hover,.platform-footer .ah-link.ah-active,.platform-footer [data-platform-nav] a:hover,.platform-footer [data-platform-nav] a[aria-current="page"] { color:var(--footer-ink,#163d49)!important; background:var(--footer-selected,#b9e1ff)!important; }
.platform-footer .ah-brand { padding:3px 6px; font-size:.9rem!important; }
.platform-footer .ah-brand img { width:24px; height:24px; }
.platform-footer #app-header-nav .ah-brand img + span { margin-left:-33px; padding-left:33px; }
.platform-footer .ah-link,.platform-footer .ah-more > summary { padding:5px 8px; font-size:.78rem; }
.platform-footer #auth-area { padding:2px 6px; }
.platform-footer .ah-more-menu { top:auto; bottom:100%; }
@media (max-width:760px) { #app-header-nav, header[data-platform-header] { flex-wrap:wrap!important; padding:9px 12px!important; background-image:url('/assets/fairystack-header-mobile-v1.webp')!important; } .ah-links, [data-platform-nav] { order:3; width:100%; overflow:visible; } .ah-more-menu { left:0; right:auto; } .auth-email { display:none; } .dashboard-header-actions { margin-left:auto; } }
@media (max-width:760px) { .platform-footer #app-header-nav { padding:6px 10px!important; background-image:none!important; } .platform-footer .ah-links { order:3; overflow-x:auto!important; overflow-y:visible!important; } .platform-footer .ah-more-menu { position:fixed!important; left:8px!important; right:8px!important; top:auto!important; bottom:48px!important; max-height:calc(100vh - 70px); overflow-y:auto!important; } }