/* ShowLink shared navbar — crystal glass / holographic theme. */
:root{
  --sl-nav-height:72px;
  --sl-drawer-width:300px;
  --sl-nav-bg:rgba(255,255,255,.68);
  --sl-nav-text:#10162c;
  --sl-nav-muted:#65718a;
  --sl-drawer-bg:rgba(255,255,255,.84);
  --sl-line:rgba(88,74,190,.16);
}
html[data-theme="dark"]{
  --sl-nav-bg:rgba(4,8,23,.72);
  --sl-nav-text:#f7fbff;
  --sl-nav-muted:#aab9d5;
  --sl-drawer-bg:rgba(7,14,35,.88);
  --sl-line:rgba(108,161,255,.22);
}
.sl-navbar{
  position:fixed !important;inset:0 0 auto 0;width:100%;height:var(--sl-nav-height);z-index:10000;
  background:var(--sl-nav-bg);border-bottom:1px solid var(--sl-line);
  box-shadow:0 12px 42px rgba(45,42,110,.10);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.sl-navbar::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,47,179,.06),transparent 35%,rgba(6,214,255,.07))}
.sl-navbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,#ff2fb3,#c026d3,#7c3aed,#2563eb,#06d6ff,transparent);opacity:.75;pointer-events:none}
.sl-nav-shell{width:min(1180px,calc(100% - 28px));height:100%;margin:0 auto;display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.sl-brand{display:inline-flex;align-items:center;gap:10px;flex:none;text-decoration:none;color:var(--sl-nav-text);font-size:19px;font-weight:900;letter-spacing:-.7px}
.sl-brand-text span{background:linear-gradient(90deg,#ff2fb3,#7c3aed,#06d6ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.sl-brand-mark{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.50);box-shadow:0 8px 30px rgba(124,58,237,.20),0 0 18px rgba(6,214,255,.08)}
.sl-brand-mark img{width:100%;height:100%;display:block;object-fit:contain}
.sl-nav-links{display:none !important}
.sl-nav-actions{display:flex;align-items:center;gap:7px;margin-left:auto}
.sl-nav-menu,.sl-drawer-close{display:grid;place-items:center;width:42px;height:42px;flex:none;border:1px solid var(--sl-line);border-radius:13px;background:var(--sl-drawer-bg);color:var(--sl-nav-muted);cursor:pointer;box-shadow:0 7px 24px rgba(36,28,86,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.sl-nav-menu:hover,.sl-drawer-close:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.36);box-shadow:0 11px 30px rgba(124,58,237,.15)}
.sl-nav-menu i{font-size:16px}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 13px;border-radius:12px;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;transition:.18s ease}
.sl-btn-ghost{color:var(--sl-nav-muted);background:var(--sl-drawer-bg);border:1px solid var(--sl-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.sl-btn-primary{color:#fff;background:linear-gradient(135deg,#ff2fb3,#c026d3 32%,#7c3aed 52%,#2563eb 76%,#06d6ff);border:1px solid rgba(255,255,255,.24);box-shadow:0 9px 24px rgba(124,58,237,.22)}
.sl-btn:hover{transform:translateY(-1px)}
.sl-icon-blue{color:#38bdf8}.sl-icon-purple{color:#a78bfa}.sl-icon-pink{color:#f472b6}.sl-icon-orange{color:#fb923c}.sl-icon-green{color:#34d399}.sl-icon-yellow{color:#fbbf24}.sl-icon-red{color:#f87171}
.sl-nav-overlay{position:fixed;inset:0;z-index:10001;background:rgba(3,6,18,.48);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.sl-nav-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.sl-nav-drawer{position:fixed;top:0;left:0;bottom:0;width:min(var(--sl-drawer-width),88vw);z-index:10002;display:flex;flex-direction:column;background:var(--sl-drawer-bg);border-right:1px solid var(--sl-line);box-shadow:18px 0 65px rgba(25,22,55,.24);transform:translateX(-105%);visibility:hidden;transition:transform .26s cubic-bezier(.22,.61,.36,1),visibility .26s ease;overflow:hidden;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.sl-nav-drawer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(255,47,179,.11),transparent 28%),radial-gradient(circle at 85% 85%,rgba(6,214,255,.10),transparent 30%)}
.sl-nav-drawer.is-open{transform:translateX(0);visibility:visible}
.sl-drawer-head{min-height:var(--sl-nav-height);flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--sl-line);background:var(--sl-nav-bg);position:relative;z-index:1}
.sl-drawer-brand{display:flex;align-items:center;gap:10px;color:var(--sl-nav-text);font-size:17px;font-weight:900}.sl-drawer-brand .sl-brand-mark{width:36px;height:36px;border-radius:11px}
.sl-drawer-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:14px 12px 24px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative;z-index:1}
.sl-drawer-scroll::-webkit-scrollbar{width:6px}.sl-drawer-scroll::-webkit-scrollbar-thumb{background:linear-gradient(#ff2fb3,#7c3aed,#06d6ff);border-radius:99px}
.sl-drawer-nav{display:flex;flex-direction:column;gap:5px}.sl-nav-link{width:100%;min-height:46px;box-sizing:border-box;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:var(--sl-nav-muted);text-decoration:none;font:inherit;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.sl-nav-link:hover,.sl-nav-link:focus-visible{color:#7c3aed;background:linear-gradient(90deg,rgba(255,47,179,.08),rgba(124,58,237,.09),rgba(6,214,255,.07));outline:none;transform:translateX(1px)}.sl-nav-link.active{color:#7c3aed;background:linear-gradient(90deg,rgba(255,47,179,.10),rgba(124,58,237,.12),rgba(6,214,255,.09))}
.sl-nav-link i:first-child{width:19px;text-align:center}.sl-nav-dropdown{display:block}.sl-nav-dropdown-toggle{justify-content:flex-start}.sl-dropdown-chevron{margin-left:auto!important;width:auto!important;font-size:11px;transition:transform .18s ease}.sl-nav-dropdown.is-open .sl-dropdown-chevron{transform:rotate(180deg)}
.sl-nav-dropdown-menu{display:none;padding:4px 0 4px 14px}.sl-nav-dropdown.is-open .sl-nav-dropdown-menu{display:block}.sl-nav-dropdown-menu .sl-nav-link{min-height:42px;font-size:12px}
.sl-drawer-divider{height:1px;margin:12px 6px;background:var(--sl-line)}
.sl-new-badge{margin-left:auto;padding:3px 7px;border-radius:999px;font-size:9px;font-weight:900;line-height:1;border:1px solid transparent}.sl-new-green{color:#059669;background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.20)}.sl-new-yellow{color:#d97706;background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.20)}.sl-new-gray{color:#64748b;background:rgba(100,116,139,.10);border-color:rgba(100,116,139,.20)}
@media(max-width:620px){.sl-nav-shell{width:calc(100% - 18px)}.sl-brand-text{display:none}.sl-brand-mark{width:42px;height:42px}.sl-desktop-action{display:none!important}}

.sl-feature-locked{opacity:.48!important;cursor:not-allowed!important;filter:saturate(.55)}
.sl-feature-locked::after{content:"🔒";margin-left:auto;font-size:11px;opacity:.8}
.sl-plan-toast{
 position:fixed;left:50%;bottom:24px;transform:translateX(-50%);
 z-index:99999;padding:10px 15px;border-radius:12px;
 color:#fff;background:linear-gradient(135deg,#ec4899,#7c3aed,#06b6d4);
 box-shadow:0 12px 30px rgba(80,40,130,.25);font-size:12px;font-weight:700;
}