:root{--nav-theme-text:var(--accent,#2159ed);--nav-theme-surface:#fff;--nav-theme-border:#cbd9ff;--nav-theme-hover:#edf3ff}
html[data-theme="dark"]{--nav-theme-text:#9bbcff;--nav-theme-surface:#18263a;--nav-theme-border:#40536d;--nav-theme-hover:#243650}
.site-header .header-nav,.nav-design-preview[data-nav-design-preview="desktop"]{--nav-menu-text:var(--nav-d-text);--nav-menu-bg:var(--nav-d-bg);--nav-menu-border:var(--nav-d-border);--nav-menu-hover:var(--nav-d-hover);--nav-menu-radius:var(--nav-d-radius);--nav-menu-x:var(--nav-d-x);--nav-menu-y:var(--nav-d-y);--nav-menu-gap:var(--nav-d-gap);--nav-menu-font:var(--nav-d-font);--nav-menu-border-width:var(--nav-d-border-width)}
.site-header .header-nav{gap:var(--nav-menu-gap)}
.site-header .header-nav [data-navbar-button],.nav-design-preview [data-navbar-button]{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-family:inherit;font-size:var(--nav-menu-font)!important;line-height:1.4;font-weight:600;text-decoration:none;color:var(--nav-menu-text)!important;background:var(--nav-menu-bg)!important;border:var(--nav-menu-border-width) solid var(--nav-menu-border)!important;border-radius:var(--nav-menu-radius)!important;padding:var(--nav-menu-y) var(--nav-menu-x)!important;min-height:38px;margin:0;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease;transform:none;box-shadow:none;white-space:nowrap}
.site-header .header-nav [data-navbar-button]:is(:hover,:focus-visible),.nav-design-preview [data-navbar-button]:is(:hover,:focus-visible){background:var(--nav-menu-hover)!important}
.site-header .header-nav [data-navbar-button]:focus-visible,.nav-design-preview [data-navbar-button]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.site-header .header-nav>.nav-logout{padding:0!important;border:0!important;background:transparent!important}
.navbar-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.navbar-design-settings{min-width:0;border:1px solid var(--theme-border-color,#e2e8f0);border-radius:13px;padding:18px;display:flex;flex-direction:column;gap:18px}
.navbar-design-settings legend{padding:0 8px;font-weight:700;font-size:14px;color:var(--theme-text-color,#26364f)}
.navbar-design-settings .form-grid{gap:12px}
.navbar-design-settings .field{margin:0}
.navbar-design-colors.is-automatic{opacity:.45}
.nav-design-preview{background:var(--theme-surface-color,#fff);border:1px solid var(--theme-border-color,#e2e8f0);border-radius:10px;padding:13px}
.nav-design-preview>span{display:block;font-size:11px;color:var(--theme-muted-color,#64748b);margin-bottom:12px}
.nav-design-sample{display:flex;flex-wrap:wrap;gap:var(--nav-menu-gap);align-items:center}
.nav-design-sample small{display:inline-grid;place-items:center;min-width:16px;border-radius:50%;padding:1px 4px;background:var(--nav-theme-hover);color:var(--nav-theme-text);font-size:9px}
.nav-design-preview[data-nav-design-preview="mobile"]{--nav-menu-text:var(--nav-m-text);--nav-menu-bg:var(--nav-m-bg);--nav-menu-border:var(--nav-m-border);--nav-menu-hover:var(--nav-m-hover);--nav-menu-radius:var(--nav-m-radius);--nav-menu-x:var(--nav-m-x);--nav-menu-y:var(--nav-m-y);--nav-menu-gap:var(--nav-m-gap);--nav-menu-font:var(--nav-m-font);--nav-menu-border-width:var(--nav-m-border-width)}
.nav-design-preview[data-nav-design-preview="mobile"] .nav-design-sample{display:grid}
.nav-design-preview[data-nav-design-preview="mobile"] [data-navbar-button]{justify-content:flex-start;min-height:44px}
.nav-design-preview.nav-effect-desktop-lift[data-nav-design-preview="desktop"] [data-navbar-button]:is(:hover,:focus-visible),.nav-design-preview.nav-effect-mobile-lift[data-nav-design-preview="mobile"] [data-navbar-button]:is(:hover,:focus-visible){transform:translateY(-2px)}
.nav-design-preview.nav-effect-desktop-glow[data-nav-design-preview="desktop"] [data-navbar-button]:is(:hover,:focus-visible),.nav-design-preview.nav-effect-mobile-glow[data-nav-design-preview="mobile"] [data-navbar-button]:is(:hover,:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 23%,transparent)}
.nav-design-preview.nav-effect-desktop-underline[data-nav-design-preview="desktop"] [data-navbar-button]:is(:hover,:focus-visible),.nav-design-preview.nav-effect-mobile-underline[data-nav-design-preview="mobile"] [data-navbar-button]:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
@media(min-width:781px){
 .nav-effect-desktop-lift .site-header [data-navbar-button]:is(:hover,:focus-visible){transform:translateY(-2px)}
 .nav-effect-desktop-glow .site-header [data-navbar-button]:is(:hover,:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 23%,transparent)}
 .nav-effect-desktop-underline .site-header [data-navbar-button]:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:780px){
 .site-header .header-nav{--nav-menu-text:var(--nav-m-text);--nav-menu-bg:var(--nav-m-bg);--nav-menu-border:var(--nav-m-border);--nav-menu-hover:var(--nav-m-hover);--nav-menu-radius:var(--nav-m-radius);--nav-menu-x:var(--nav-m-x);--nav-menu-y:var(--nav-m-y);--nav-menu-gap:var(--nav-m-gap);--nav-menu-font:var(--nav-m-font);--nav-menu-border-width:var(--nav-m-border-width);gap:var(--nav-menu-gap)!important}
 .site-header .header-nav [data-navbar-button]{width:100%;justify-content:flex-start;min-height:44px;white-space:normal}
 .site-header .header-nav>.nav-logout{width:100%}
 .nav-effect-mobile-lift .site-header [data-navbar-button]:is(:hover,:focus-visible){transform:translateY(-2px)}
 .nav-effect-mobile-glow .site-header [data-navbar-button]:is(:hover,:focus-visible){box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 23%,transparent)}
 .nav-effect-mobile-underline .site-header [data-navbar-button]:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:4px}
 .navbar-design-grid{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.site-header .header-nav [data-navbar-button],.nav-design-preview [data-navbar-button]{transition:none!important;transform:none!important}}