/* xCoordinator shared navbar component. Markup: templates/_topbar.html. Behaviour: xc-nav.js */
.xc-nav{display:block;margin:0;padding:0;gap:0;position:sticky;top:0;z-index:50;background:var(--bg-glass);-webkit-backdrop-filter:saturate(1.4) blur(16px);backdrop-filter:saturate(1.4) blur(16px);border-bottom:1px solid var(--line);color:var(--text);font:400 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
.xc-nav *,.xc-nav *::before{box-sizing:border-box}
.xc-nav__in{width:min(1160px,calc(100% - 48px));height:72px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.xc-nav__brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:18px;font-weight:700;letter-spacing:-.045em;line-height:1;text-decoration:none}
.xc-nav__brand img{width:32px;height:32px;display:block;object-fit:contain}
.xc-nav__links{display:flex;align-items:center;gap:32px;color:var(--muted);font-size:13px;line-height:1}
.xc-nav__links a{color:inherit;text-decoration:none;white-space:nowrap}
.xc-nav__links a:hover{color:var(--text)}
.xc-nav__links a.xc-nav__cta{border:1px solid var(--line);border-radius:9px;padding:8px 13px;color:var(--text)}
.xc-theme{position:relative;isolation:isolate;flex:none;width:62px;height:32px;display:block}
.xc-theme button{position:absolute;left:3px;right:3px;top:3px;display:block;width:auto;height:26px;margin:0;padding:0;border:0;border-radius:8px;background:transparent;color:var(--muted);font:600 12px/26px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;white-space:nowrap;cursor:pointer;transition:top .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,background .15s,color .15s}
.xc-theme button[aria-pressed=true]{background:var(--accent);color:#fff}
.xc-theme button:not([aria-pressed=true]){opacity:0;pointer-events:none}
.xc-theme::before{content:"";position:absolute;z-index:-1;inset:0 0 auto 0;height:100%;border-radius:12px;background:var(--surface);box-shadow:0 14px 34px rgba(0,0,0,.30);opacity:0;transition:height .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease}
@media(hover:hover){
.xc-theme:hover::before,.xc-theme:focus-within::before{height:106px;opacity:1}
.xc-theme:hover button,.xc-theme:focus-within button{opacity:1;pointer-events:auto}
.xc-theme:hover button[data-set=dark],.xc-theme:focus-within button[data-set=dark]{top:36px;transition-delay:.03s}
.xc-theme:hover button[data-set=light],.xc-theme:focus-within button[data-set=light]{top:69px;transition-delay:.06s}
.xc-theme:hover button:not([aria-pressed=true]):hover{background:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}}
@media(hover:none){.xc-theme button:not([aria-pressed=true]){display:none}}
@media(max-width:700px){.xc-nav__in{width:calc(100% - 32px);height:60px}.xc-nav__links{gap:8px}.xc-nav__links a:not(.xc-nav__account){display:none}.xc-nav__brand{font-size:16px}}