/* Share one content edge between the page heading and the header branding. */
body.dashboard{--dashboard-gutter:32px}
body.dashboard main{max-width:1412px;padding-left:var(--dashboard-gutter);padding-right:var(--dashboard-gutter)}
body.dashboard .topbar{position:relative;z-index:5;padding-left:calc(max(0px,(100% - 1412px)/2) + var(--dashboard-gutter));padding-right:calc(max(0px,(100% - 1412px)/2) + var(--dashboard-gutter))}
body.dashboard .topbar>.brand{margin-left:0;padding-left:0}
/* The fixed decorative body background must stay behind the light header. */
:root[data-theme=light] body.dashboard .topbar{background:#ffffff;color:#28223d}
:root[data-theme=light] body.dashboard .topbar .brand-logo{filter:none;opacity:1}
:root[data-theme=light] body.dashboard .topbar :is(.dashboard-nav a,.dashboard-nav button,.faq-link,#party-toggle){color:#583286}
:root[data-theme=light] body.dashboard .topbar .dashboard-nav a:first-child{color:#7332a8}
:root[data-theme=light] body.dashboard .topbar #settings-open{color:#583286;background:#f5f2fb;border-color:#a991c8}
@media(max-width:1000px){body.dashboard{--dashboard-gutter:22px}}
@media(max-width:790px){body.dashboard{--dashboard-gutter:14px}}