/* Shared across desktop, mobile web and the app shell. */
body>header.hc-account-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
body>header.hc-account-header .hc-old-account{display:none!important}
body>header.hc-account-header .party-account-actions{display:none!important}
body>header.hc-account-header .hc-account-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:12px;flex:0 0 auto;margin-left:auto;order:10;position:static;color:#153f36}
body>header.hc-account-header .hc-account-actions>a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;font:650 14px/1.2 system-ui,sans-serif;letter-spacing:normal;white-space:nowrap;color:#153f36!important;background:#fff;border:1px solid #cbd8cf;border-radius:10px;text-decoration:none;box-shadow:none}
body>header.hc-account-header .hc-account-actions>a:first-child{background:#edf4e8;border-color:#edf4e8}
body>header.hc-account-header .hc-account-actions>a[hidden]{display:none!important}
body>header.hc-account-header .hc-account-actions>a:focus-visible{outline:3px solid #92bc4e;outline-offset:3px}
body>header.hc-account-header .app-account-menu:not(:has(a:not(.hc-old-account))){display:none!important}
@media(max-width:650px){body>header.hc-account-header{gap:8px}body>header.hc-account-header .hc-account-actions{gap:6px}body>header.hc-account-header .hc-account-actions>a{font-size:13px;padding:8px 10px}body>header.hc-account-header>.brand{font-size:23px;min-width:0}body>header.hc-account-header .app-become-pro{order:11;margin-left:auto}}
@media(max-width:360px){body>header.hc-account-header .hc-account-actions>a{font-size:12px;padding:8px}body>header.hc-account-header>.brand{font-size:20px}}

/* Native header: one row, with account and admin actions in one menu. */
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header){
 box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:0;
 display:flex;flex-wrap:nowrap;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px!important;
}
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.brand{flex:0 1 auto;min-width:0}
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-become-pro{order:1;margin-left:auto}
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-account-menu{order:2;margin:0;position:relative;flex:0 0 40px}
.homecue-app .app-account-menu:not([open])>.hc-menu-panel{display:none!important}
.homecue-app .app-account-menu>.hc-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:1200;box-sizing:border-box;width:220px;max-width:calc(100vw - 24px);max-height:60dvh;overflow:auto;padding:10px;background:white;border:1px solid #dfe8df;border-radius:14px;box-shadow:0 12px 36px #173f3522}
html.homecue-app body>header.hc-account-header .hc-menu-panel #account,
html.homecue-app body>header.hc-account-header .hc-menu-panel #app-shell-account{position:static;display:flex;flex-direction:column;width:auto;max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:none}
html.homecue-app body>header.hc-account-header .hc-menu-panel .hc-account-actions{flex-direction:column;align-items:stretch;gap:6px;margin:6px 0 0;width:100%}
html.homecue-app body>header.hc-account-header .hc-menu-panel a{box-sizing:border-box;min-height:44px;justify-content:flex-start;white-space:normal}
@media(max-width:420px){
 html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header){gap:6px}
 html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.brand{font-size:19px}
 html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-become-pro{padding:10px 8px;font-size:11px}
}

/* The native notification control belongs to the menu, not above its overlay. */
html.homecue-app body>header.hc-account-header .hc-menu-panel button[aria-label="Phone notification settings"]{
 position:static!important;inset:auto!important;z-index:auto!important;display:flex;align-items:center;justify-content:flex-start;
 box-sizing:border-box;width:100%;min-height:44px;margin:6px 0 0;padding:8px 10px!important;
 font:650 13px/1.2 system-ui,sans-serif!important;letter-spacing:normal;
 color:#153f36!important;background:#edf4e8!important;border:1px solid #edf4e8!important;border-radius:10px!important;box-shadow:none!important;
}

/* Isolate app chrome from page-level header, details, summary and SVG styles. */
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header){
 align-items:center;justify-content:flex-start;flex-direction:row;margin:0;
 border:0;border-bottom:1px solid var(--hc-border,#dfe6df);
 font-family:'DM Sans',system-ui,sans-serif;line-height:1.3;
}
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-become-pro{
 box-sizing:border-box;height:40px;min-height:40px;margin-top:0;margin-bottom:0;
 padding:10px 13px;font:700 11px/1.3 'DM Sans',system-ui,sans-serif;border:0;border-radius:12px;
}
html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-account-menu{
 box-sizing:border-box;flex:0 0 40px;width:40px;min-width:40px;max-width:40px;
 margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
html.homecue-app body>header.site-header.hc-account-header .app-account-menu>summary{
 box-sizing:border-box;display:grid;place-items:center;width:40px;height:44px;min-height:44px;
 margin:0;padding:0;gap:0;list-style:none;border:1px solid var(--hc-border,#dfe6df);border-radius:13px;
 background:var(--hc-soft,#edf4e8);color:var(--hc-text,#153f36);box-shadow:none;
 font:700 17px/1 system-ui;letter-spacing:normal;
}
html.homecue-app body>header.site-header.hc-account-header .app-account-menu>summary svg{
 display:block;width:22px;height:22px;margin:0;padding:0;color:inherit;stroke:currentColor;flex:none;
}
html.homecue-app body>header.site-header.hc-account-header .app-account-menu>summary::after{content:none}
@media(max-width:360px){html.homecue-app body>header.site-header.hc-account-header:not(.app-page-header)>.app-become-pro{padding:10px 8px}}

/* Fixed chrome must reserve the device status-bar safe area. */
html.homecue-app.hc-tab-host body>header.site-header.hc-account-header:not(.app-page-header){padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important;padding-bottom:8px!important}