/* Tools share the existing header navigation styling. */
.dashboard .dashboard-nav{align-items:center;gap:18px;flex-wrap:wrap}
.dashboard .dashboard-nav .header-tool{white-space:nowrap}
@media(min-width:1101px){.dashboard .topbar{gap:14px}.dashboard .dashboard-nav{gap:16px}.dashboard .dashboard-nav a,.dashboard .dashboard-nav button{font-size:13px}}
@media(min-width:601px) and (max-width:1100px){body.dashboard .topbar{flex-wrap:wrap}.dashboard .topbar>.dashboard-nav{flex:1 1 auto;gap:12px;flex-wrap:wrap}}
@media(max-width:600px){.dashboard .topbar>.dashboard-nav{gap:6px 18px;flex-wrap:wrap}.dashboard .dashboard-nav a,.dashboard .dashboard-nav button{font-size:12px;padding:9px 0}}

/* Polish-only navigation until these tools are translated. */
html:not([lang="pl"]) .topbar .header-tool{display:none!important}

/* Scene is an action button, but shares the navigation link palette. */
body.dashboard .topbar .dashboard-nav button[data-dashboard-copy="scene"]{color:var(--purple);font-weight:650;background:transparent;border:0}
:root[data-theme=light] body.dashboard .topbar .dashboard-nav button[data-dashboard-copy="scene"]{color:#583286}

/* Consistent hover feedback for all header navigation actions. */
body.dashboard .topbar .dashboard-nav :is(a,button){transition:color .15s ease,filter .15s ease}
:root body.dashboard .topbar .dashboard-nav :is(a,button):is(:hover,:focus-visible){color:color-mix(in srgb,var(--purple) 76%,white);filter:brightness(1.08)}
:root[data-theme=light] body.dashboard .topbar .dashboard-nav :is(a,button):is(:hover,:focus-visible){color:#8652b2;filter:none}
@media(prefers-reduced-motion:reduce){body.dashboard .topbar .dashboard-nav :is(a,button){transition:none}}