:root{
    --kai-sidebar:236px;
}
body.kai-sidebar-collapsed{
    --kai-sidebar:94px;
}
.kai-app{
    align-items:stretch;
}
.kai-sidebar{
    width:var(--kai-sidebar);
    padding:16px 12px calc(var(--kai-player) + 18px);
    background:linear-gradient(180deg,#070a11 0%, #090c13 100%);
    transition:width .22s ease, padding .22s ease;
}
.kai-brand-row{
    padding:6px 6px 18px;
}
.kai-brand-wordmark{
    font-size:26px;
    letter-spacing:-.07em;
}
.kai-brand-toggle{
    width:30px;
    height:30px;
}
.kai-sidebar-top{
    padding:0 6px 14px;
    gap:10px;
}
.kai-avatar{
    width:46px;
    height:46px;
    font-size:13px;
}
.kai-profile strong{
    font-size:15px;
    line-height:1.1;
}
.kai-profile span{
    margin-top:3px;
    font-size:12px;
}
.kai-upgrade{
    height:52px;
    margin:8px 6px 16px;
    font-size:13px;
}
.kai-nav{
    gap:5px;
    padding:0 4px;
}
.kai-nav-link{
    padding:12px 12px;
    border-radius:16px;
}
.kai-nav-text{
    font-size:14px;
}
.kai-pill{
    padding:4px 7px;
    font-size:10px;
}
.kai-nav-spacer{
    height:12px;
}
.kai-player{
    left:var(--kai-sidebar);
    transition:left .22s ease;
}
body.kai-sidebar-collapsed .kai-brand-wordmark,
body.kai-sidebar-collapsed .kai-profile,
body.kai-sidebar-collapsed .kai-upgrade,
body.kai-sidebar-collapsed .kai-nav-text,
body.kai-sidebar-collapsed .kai-pill{
    display:none;
}
body.kai-sidebar-collapsed .kai-sidebar-top{
    justify-content:center;
}
body.kai-sidebar-collapsed .kai-nav-link{
    justify-content:center;
    padding-inline:8px;
}
body.kai-sidebar-collapsed .kai-brand-row{
    justify-content:center;
}
body.kai-sidebar-collapsed .kai-brand-toggle{
    position:absolute;
    top:16px;
    right:8px;
}
@media (max-width: 1120px){
    :root{ --kai-sidebar:100%; }
    .kai-sidebar{ width:auto; }
}


.kai-sidebar{position:relative;overflow:visible;}

.kai-nav-link-more,
.kai-nav-link-fallback{
    appearance:none;
    -webkit-appearance:none;
    width:100%;
    border:0;
    background:transparent;
    color:inherit;
    text-align:left;
    cursor:pointer;
    font:inherit;
}
.kai-nav-link-fallback{display:none;}

.kai-nav-link-more{
    width:100%;
    border:0;
    background:transparent;
    color:inherit;
    text-align:left;
    cursor:pointer;
}
.kai-more-panel{
    position:absolute;
    left:calc(100% - 6px);
    bottom:calc(var(--kai-player) + 6px);
    width:290px;
    background:rgba(32,34,42,.96);
    border:1px solid rgba(255,255,255,.08);
    border-radius:24px;
    box-shadow:0 28px 70px rgba(0,0,0,.45);
    backdrop-filter:blur(16px);
    overflow:hidden;
    z-index:45;
}
.kai-more-panel[hidden]{display:none !important;}
.kai-more-menu{padding:14px 14px 8px;display:flex;flex-direction:column;gap:2px;}
.kai-more-link{
    display:flex;
    align-items:center;
    min-height:42px;
    padding:8px 12px;
    border-radius:14px;
    color:rgba(255,255,255,.88);
    text-decoration:none;
    font-size:14px;
    font-weight:500;
}
.kai-more-link:hover{background:rgba(255,255,255,.06);color:#fff;}
.kai-more-socials{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:12px 16px;
    border-top:1px solid rgba(255,255,255,.08);
}
.kai-more-social{
    width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,.82);text-decoration:none;background:transparent;
}
.kai-more-social:hover{background:rgba(255,255,255,.08);color:#fff;}
.kai-more-social svg{width:18px;height:18px;fill:currentColor;}
body.kai-sidebar-collapsed .kai-more-panel{
    left:calc(100% + 8px);
}
@media (max-width: 1120px){
    .kai-more-panel{left:14px;right:14px;width:auto;bottom:92px;}
}
.kai-more-quick-grid{display:grid;gap:10px;padding:14px 14px 10px;border-bottom:1px solid rgba(255,255,255,.08)}
.kai-more-quick{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;border-radius:18px;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.kai-more-quick:hover{background:rgba(255,255,255,.08)}
.kai-more-quick-left{display:flex;align-items:center;gap:12px;min-width:0}
.kai-more-quick-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:rgba(255,255,255,.88)}
.kai-more-quick-icon svg{width:20px;height:20px;fill:currentColor}
.kai-more-quick-label{font-size:14px;font-weight:700}
.kai-more-social{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}
.kai-more-social-link{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.82);text-decoration:none;background:transparent}
.kai-more-social-link:hover{background:rgba(255,255,255,.08);color:#fff}
.kai-more-social-link svg{width:18px;height:18px;fill:currentColor}

/* v24 compact sidebar + guaranteed inner scrolling */
:root{ --kai-sidebar:258px; }
body.kai-sidebar-collapsed{ --kai-sidebar:88px; }
.kai-sidebar{
  display:flex;
  flex-direction:column;
  gap:0;
  padding:14px 10px 14px;
}
.kai-brand-row{padding:6px 6px 14px;}
.kai-brand-wordmark{font-size:24px;}
.kai-brand-toggle{width:28px;height:28px;}
.kai-sidebar-top{padding:0 6px 12px;gap:10px;}
.kai-avatar{width:42px;height:42px;font-size:12px;}
.kai-profile strong{font-size:14px;line-height:1.05;}
.kai-profile span{font-size:11px;margin-top:2px;}
.kai-upgrade{height:48px;margin:8px 6px 14px;font-size:13px;}
.kai-nav{gap:4px;padding:0 4px 14px;}
.kai-nav-link{padding:11px 11px;border-radius:15px;min-height:46px;}
.kai-nav-icon{width:20px;height:20px;flex:0 0 20px;}
.kai-nav-icon svg{width:18px;height:18px;}
.kai-nav-text{font-size:13px;}
.kai-pill{padding:3px 7px;font-size:10px;}
.kai-nav-spacer{height:10px;}
.kai-more-panel{left:calc(100% + 6px);bottom:12px;width:270px;}
body.kai-sidebar-collapsed .kai-more-panel{left:calc(100% + 8px);}

/* v25 sidebar drawer + real independent scrolling */
:root{ --kai-sidebar:238px; }
body.kai-sidebar-collapsed{ --kai-sidebar:78px; }
.kai-app{ grid-template-columns:var(--kai-sidebar) minmax(0,1fr); }
.kai-sidebar{
  height:calc(100vh - var(--kai-player));
  max-height:calc(100vh - var(--kai-player));
  min-height:calc(100vh - var(--kai-player));
  padding:12px 8px 14px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.16) transparent;
}
.kai-sidebar::-webkit-scrollbar{width:8px}
.kai-sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
.kai-brand-row{padding:4px 6px 12px}
.kai-brand-wordmark{font-size:20px;letter-spacing:-.06em}
.kai-brand-toggle{width:26px;height:26px}
.kai-sidebar-top{padding:0 6px 10px;gap:8px}
.kai-avatar{width:40px;height:40px;font-size:12px}
.kai-profile strong{font-size:13px}
.kai-profile span{font-size:11px}
.kai-upgrade{height:44px;margin:6px 6px 12px;font-size:12px}
.kai-nav{gap:3px;padding:0 4px 10px}
.kai-nav-link{min-height:42px;padding:10px 12px;border-radius:14px}
.kai-nav-icon{width:18px;height:18px;flex:0 0 18px}
.kai-nav-icon svg{width:17px;height:17px}
.kai-nav-text{font-size:12px}
.kai-pill{padding:3px 7px;font-size:10px}
.kai-nav-spacer{height:8px}
body.kai-sidebar-collapsed .kai-nav-link{padding:10px 8px}
body.kai-sidebar-collapsed .kai-brand-toggle{right:4px}

.kai-more-panel{
  position:fixed;
  top:10px;
  bottom:calc(var(--kai-player) + 10px);
  left:calc(var(--kai-sidebar) + 8px);
  width:330px;
  max-width:calc(100vw - var(--kai-sidebar) - 16px);
  border-radius:22px;
  display:flex;
  flex-direction:column;
  z-index:60;
}
body.kai-sidebar-collapsed .kai-more-panel{left:calc(var(--kai-sidebar) + 8px)}
.kai-more-quick-grid{padding:12px 12px 10px;gap:8px}
.kai-more-quick{padding:12px 14px;border-radius:18px}
.kai-more-quick-label{font-size:13px}
.kai-more-menu{flex:1;overflow:auto;padding:12px 12px 6px;display:flex;flex-direction:column;gap:2px}
.kai-more-menu::-webkit-scrollbar{width:8px}
.kai-more-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.kai-more-link{min-height:38px;padding:7px 12px;border-radius:12px;font-size:13px;font-weight:500}
.kai-more-social{padding:10px 14px;flex-shrink:0}
.kai-more-social-link{width:30px;height:30px}
@media (max-width:1120px){
  .kai-sidebar{
    height:auto;max-height:none;min-height:auto;padding-bottom:12px;overflow:visible;
  }
  .kai-more-panel{left:10px;right:10px;top:auto;bottom:calc(var(--kai-player) + 10px);width:auto;max-width:none;max-height:70vh}
}


/* v26 profile dropdown */
.kai-sidebar-top-wrap{position:relative;padding:0 6px 10px;}
.kai-profile-trigger{
  width:100%;
  border:0;
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0;
  cursor:pointer;
  text-align:left;
}
.kai-profile-trigger:hover .kai-avatar{box-shadow:0 0 0 1px rgba(255,255,255,.12) inset, 0 12px 24px rgba(0,0,0,.18);}
.kai-profile-caret{
  margin-left:auto;
  color:rgba(255,255,255,.56);
  font-size:12px;
  line-height:1;
  flex:0 0 auto;
}
.kai-profile-panel{
  position:absolute;
  top:52px;
  left:146px;
  width:270px;
  background:rgba(40,42,49,.96);
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  box-shadow:0 24px 60px rgba(0,0,0,.42);
  backdrop-filter:blur(14px);
  z-index:70;
  overflow:hidden;
}
.kai-profile-panel[hidden]{display:none !important;}
.kai-profile-menu{display:flex;flex-direction:column;padding:0;}
.kai-profile-link{
  display:flex;
  align-items:center;
  min-height:46px;
  padding:0 18px;
  color:rgba(255,255,255,.88);
  text-decoration:none;
  font-size:13px;
  font-weight:500;
}
.kai-profile-link:hover{background:rgba(255,255,255,.05);color:#fff;}
.kai-profile-link.is-active{background:rgba(255,255,255,.08);color:#fff;}
body.kai-sidebar-collapsed .kai-profile-trigger .kai-profile,
body.kai-sidebar-collapsed .kai-profile-trigger .kai-profile-caret{display:none;}
body.kai-sidebar-collapsed .kai-sidebar-top-wrap{padding:0 0 10px;display:flex;justify-content:center;}
body.kai-sidebar-collapsed .kai-profile-panel{left:74px;top:6px;}
@media (max-width:1120px){
  .kai-profile-panel{left:calc(100% - 6px);top:0;width:260px;max-width:min(260px, calc(100vw - 110px));}
}

/* v27: true scrollable sidebar main area + cleaner more drawer */
.kai-sidebar{
  position:sticky;
  top:0;
  display:flex;
  flex-direction:column;
  gap:0;
  height:calc(100vh - var(--kai-player));
  max-height:calc(100vh - var(--kai-player));
  min-height:calc(100vh - var(--kai-player));
  overflow:hidden;
  padding:12px 8px 10px;
}
.kai-sidebar-main{
  position:relative;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:visible;
  padding:0 2px 12px 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.14) transparent;
}
.kai-sidebar-main::-webkit-scrollbar{width:8px}
.kai-sidebar-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:999px}
.kai-nav{padding-bottom:8px}
.kai-more-panel{
  position:absolute;
  top:0;
  bottom:0;
  left:calc(100% + 8px);
  width:300px;
  max-width:min(300px, calc(100vw - var(--kai-sidebar) - 18px));
  min-height:420px;
  border-radius:22px;
  box-shadow:0 28px 72px rgba(0,0,0,.46);
}
.kai-more-quick-grid{grid-template-columns:1fr;gap:8px;padding:10px 10px 8px}
.kai-more-quick{padding:11px 13px;border-radius:16px}
.kai-more-quick-label{font-size:12px}
.kai-more-link{min-height:36px;padding:7px 12px;font-size:12.5px}
.kai-more-social{padding:10px 12px}
.kai-more-social-link{width:28px;height:28px}
.kai-profile-panel{
  top:54px;
  left:118px;
  width:242px;
  border-radius:18px;
}
.kai-profile-link{min-height:42px;padding:0 16px;font-size:12.5px}
body.kai-sidebar-collapsed .kai-sidebar{padding-inline:6px}
body.kai-sidebar-collapsed .kai-sidebar-main{overflow-y:auto;overflow-x:visible;padding-right:0}
body.kai-sidebar-collapsed .kai-more-panel{left:calc(100% + 8px)}
body.kai-sidebar-collapsed .kai-profile-panel{left:70px;top:4px}
@media (max-width:1120px){
  .kai-sidebar{height:calc(100vh - var(--kai-player));max-height:calc(100vh - var(--kai-player));overflow:hidden}
  .kai-sidebar-main{overflow-y:auto;overflow-x:visible}
  .kai-more-panel{position:fixed;left:94px;top:12px;bottom:calc(var(--kai-player) + 10px);width:min(288px, calc(100vw - 110px));max-width:none}
  body.kai-sidebar-collapsed .kai-more-panel{left:84px}
}


/* v30 more button reliability + fallback page */
.kai-more-root{position:relative;}
.kai-nav-link-more{display:flex;align-items:center;gap:12px;text-decoration:none;}
.kai-nav-link-more.is-active{background:rgba(255,255,255,.08);}
.kai-more-panel{pointer-events:auto;}
body.kai-more-open .kai-nav-link-more{background:rgba(255,255,255,.08);}
.kai-main-shell{min-width:0;}

/* v32 robust sidebar interactions and compact drawer */
.kai-sidebar{display:flex;flex-direction:column;overflow:hidden !important}
.kai-sidebar-head{flex:0 0 auto}
.kai-sidebar-main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:visible;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.kai-sidebar-main::-webkit-scrollbar{width:8px}
.kai-sidebar-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
.kai-sidebar-top-wrap,.kai-more-root{position:relative;display:block}
.kai-sidebar-top-wrap > summary,
.kai-more-root > summary{list-style:none}
.kai-sidebar-top-wrap > summary::-webkit-details-marker,
.kai-more-root > summary::-webkit-details-marker{display:none}
.kai-profile-root[open] .kai-profile-trigger,
.kai-more-root[open] > .kai-nav-link-more{background:rgba(255,255,255,.05);color:#fff}
.kai-profile-panel{
  position:absolute;
  top:calc(100% + 6px);
  left:8px;
  right:8px;
  z-index:55;
  background:rgba(36,38,47,.98);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 18px 40px rgba(0,0,0,.34);
  overflow:hidden;
}
.kai-profile-menu{display:grid;padding:10px}
.kai-profile-link{display:block;padding:12px 14px;border-radius:14px;color:rgba(255,255,255,.9);font-size:13px;font-weight:600}
.kai-profile-link:hover,.kai-profile-link.is-active{background:rgba(255,255,255,.06);color:#fff}
.kai-more-root{z-index:56}
.kai-more-root[open]{z-index:70}
.kai-more-root > .kai-more-panel{display:none}
.kai-more-root[open] > .kai-more-panel{display:flex}
.kai-more-panel{
  position:fixed;
  top:14px;
  bottom:calc(var(--kai-player) + 14px);
  left:calc(var(--kai-sidebar) + 10px);
  width:300px;
  max-width:calc(100vw - var(--kai-sidebar) - 20px);
  background:rgba(38,40,49,.98);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  box-shadow:0 24px 60px rgba(0,0,0,.42);
  backdrop-filter:blur(18px);
  overflow:hidden;
  flex-direction:column;
}
body.kai-sidebar-collapsed .kai-more-panel{left:calc(var(--kai-sidebar) + 8px)}
.kai-more-quick-grid{padding:12px 12px 8px;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.kai-more-quick{padding:12px 14px;border-radius:16px}
.kai-more-quick-label{font-size:13px;font-weight:700}
.kai-more-menu{flex:1;overflow-y:auto;padding:10px 12px 6px;gap:2px}
.kai-more-menu::-webkit-scrollbar{width:8px}
.kai-more-link{min-height:40px;padding:8px 10px;border-radius:12px;font-size:13px;font-weight:600}
.kai-more-social{padding:10px 14px;border-top:1px solid rgba(255,255,255,.08)}
.kai-more-social-link{width:30px;height:30px}
.kai-nav-link-more{display:flex;align-items:center;gap:12px}
.kai-nav-link-more .kai-nav-text{flex:1}
.kai-nav-link-fallback{display:none}
@media (max-width:1120px){
  .kai-sidebar{height:100vh;max-height:100vh;min-height:100vh;padding-bottom:12px}
  .kai-sidebar-main{padding-bottom:18px}
  .kai-more-panel{left:14px;right:14px;width:auto;max-width:none;bottom:14px;top:auto;height:min(74vh,560px)}
}


/* v33 dropdown layering + compact sidebar drawer */
:root{--kai-sidebar:232px;}
body.kai-sidebar-collapsed{--kai-sidebar:82px;}
.kai-sidebar{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
  height:calc(100vh - var(--kai-player));
  max-height:calc(100vh - var(--kai-player));
  min-height:calc(100vh - var(--kai-player));
  padding:12px 8px 0;
  overflow:hidden;
  z-index:40;
}
.kai-sidebar-head{
  position:relative;
  z-index:5;
  flex:0 0 auto;
}
.kai-sidebar-main{
  position:relative;
  z-index:4;
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  padding-bottom:14px;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.16) transparent;
}
.kai-sidebar-main::-webkit-scrollbar{width:8px}
.kai-sidebar-main::-webkit-scrollbar-thumb{background:rgba(255,255,255,.16);border-radius:999px}
.kai-brand-row{padding:4px 6px 10px}
.kai-brand-wordmark{font-size:18px;letter-spacing:-.06em}
.kai-brand-toggle{width:24px;height:24px}
.kai-sidebar-top-wrap{padding:0 6px 8px;position:relative}
.kai-sidebar-top{padding:0;gap:8px}
.kai-avatar{width:38px;height:38px;font-size:11px}
.kai-profile strong{font-size:12.5px;line-height:1.05}
.kai-profile span{font-size:11px;margin-top:2px}
.kai-profile-caret{font-size:11px}
.kai-upgrade{height:42px;margin:6px 6px 10px;font-size:12px}
.kai-nav{gap:3px;padding:0 4px 12px}
.kai-nav-link{min-height:40px;padding:10px 12px;border-radius:14px}
.kai-nav-text{font-size:12px}
.kai-nav-icon{width:18px;height:18px;flex-basis:18px}
.kai-nav-icon svg{width:16px;height:16px}
.kai-pill{padding:3px 7px;font-size:10px}
.kai-nav-spacer{height:8px}

.kai-sidebar details>summary{list-style:none}
.kai-sidebar details>summary::-webkit-details-marker{display:none}
.kai-profile-root,.kai-more-root{position:relative}
.kai-profile-root[open],.kai-more-root[open]{z-index:4100}

.kai-profile-panel{
  position:fixed;
  top:86px;
  left:calc(var(--kai-sidebar) + 10px);
  width:248px;
  max-width:calc(100vw - var(--kai-sidebar) - 18px);
  display:none;
  background:rgba(36,38,46,.97);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  box-shadow:0 28px 70px rgba(0,0,0,.55);
  backdrop-filter:blur(16px);
  overflow:hidden;
  z-index:4200;
}
.kai-profile-root[open] .kai-profile-panel{display:block}
.kai-profile-menu{padding:8px;display:grid;gap:2px}
.kai-profile-link{min-height:40px;padding:0 14px;border-radius:12px;font-size:13px;font-weight:600}
.kai-profile-link.is-active,.kai-profile-link:hover{background:rgba(255,255,255,.06);color:#fff}
body.kai-sidebar-collapsed .kai-profile-panel{left:calc(var(--kai-sidebar) + 10px)}

.kai-more-panel{
  position:fixed;
  top:78px;
  bottom:calc(var(--kai-player) + 10px);
  left:calc(var(--kai-sidebar) + 10px);
  width:284px;
  max-width:calc(100vw - var(--kai-sidebar) - 18px);
  display:none;
  flex-direction:column;
  background:rgba(36,38,46,.97);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  box-shadow:0 28px 70px rgba(0,0,0,.55);
  backdrop-filter:blur(16px);
  overflow:hidden;
  z-index:4180;
}
.kai-more-root[open] .kai-more-panel{display:flex}
body.kai-sidebar-collapsed .kai-more-panel{left:calc(var(--kai-sidebar) + 10px)}
.kai-more-quick-grid{padding:10px;gap:8px;border-bottom:1px solid rgba(255,255,255,.08)}
.kai-more-quick{padding:10px 12px;border-radius:16px}
.kai-more-quick-label{font-size:13px}
.kai-more-menu{flex:1 1 auto;overflow-y:auto;padding:10px 10px 6px;gap:4px}
.kai-more-menu::-webkit-scrollbar{width:8px}
.kai-more-menu::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:999px}
.kai-more-link{min-height:36px;padding:6px 10px;border-radius:12px;font-size:13px;font-weight:600}
.kai-more-social{padding:10px 12px;gap:8px;flex:0 0 auto}
.kai-more-social-link{width:28px;height:28px}
.kai-more-social-link svg{width:16px;height:16px}

body.kai-sidebar-collapsed .kai-brand-wordmark,
body.kai-sidebar-collapsed .kai-profile,
body.kai-sidebar-collapsed .kai-upgrade,
body.kai-sidebar-collapsed .kai-nav-text,
body.kai-sidebar-collapsed .kai-pill{display:none}
body.kai-sidebar-collapsed .kai-sidebar-top{justify-content:center}
body.kai-sidebar-collapsed .kai-nav-link{justify-content:center;padding-inline:8px}
body.kai-sidebar-collapsed .kai-brand-row{justify-content:center}
body.kai-sidebar-collapsed .kai-brand-toggle{position:absolute;top:12px;right:4px}

@media (max-width:1120px){
  :root{--kai-sidebar:100%}
  .kai-sidebar{height:auto;max-height:none;min-height:auto;padding-bottom:12px;overflow:visible}
  .kai-sidebar-main{overflow:visible;max-height:none}
  .kai-profile-panel,
  .kai-more-panel{
    left:10px;
    right:10px;
    width:auto;
    max-width:none;
  }
  .kai-profile-panel{top:82px}
  .kai-more-panel{top:auto;bottom:calc(var(--kai-player) + 10px);max-height:70vh}
}


/* v40 brand lockup + cleaner glass menus */
.kai-sidebar-head{position:sticky;top:0;z-index:3;padding-bottom:8px;background:linear-gradient(180deg, rgba(5,16,30,.96), rgba(5,16,30,.82), rgba(5,16,30,0));backdrop-filter:blur(16px)}
.kai-brand-row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.kai-brand-lockup{min-width:0;flex:1}
.kai-brand-wordmark{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kai-profile-panel,.kai-more-panel{background:linear-gradient(180deg, rgba(10,28,48,.95), rgba(7,20,35,.90)) !important;border:1px solid rgba(137,229,255,.12) !important;box-shadow:0 28px 70px rgba(0,0,0,.38) !important;backdrop-filter:blur(20px) saturate(150%) !important}
.kai-profile-link,.kai-more-link{font-size:13px}
.kai-more-quick-label{font-size:12px}
body.kai-sidebar-collapsed .kai-brand-lockup .kai-brand-wordmark{display:none}
body.kai-sidebar-collapsed .kai-brand-lockup{justify-content:center}
body.kai-sidebar-collapsed .kai-brand-logo{width:36px;height:36px}


/* v49 final sidebar dropdown authority */
.kai-sidebar{z-index:2000;overflow:visible !important}
.kai-sidebar-head,.kai-sidebar-main{position:relative;z-index:1}
.kai-profile-root,.kai-more-root{position:relative}
.kai-floating-panel,.kai-profile-panel,.kai-more-panel{position:fixed !important;z-index:100000 !important;isolation:isolate;backdrop-filter:blur(16px) saturate(140%);background:linear-gradient(180deg, rgba(28,31,38,.98), rgba(24,26,33,.98)) !important;border:1px solid rgba(255,255,255,.08) !important;box-shadow:0 28px 72px rgba(0,0,0,.48) !important}
.kai-profile-panel{width:270px !important;max-width:min(270px, calc(100vw - 20px)) !important;border-radius:22px !important;overflow:hidden}
.kai-more-panel{width:278px !important;max-width:min(278px, calc(100vw - 20px)) !important;border-radius:22px !important;overflow:hidden}
.kai-profile-panel[hidden],.kai-more-panel[hidden]{display:none !important}
.kai-profile-menu,.kai-more-menu{padding:14px !important}
.kai-profile-link,.kai-more-link{min-height:42px !important;padding:9px 12px !important;border-radius:14px !important;font-size:14px !important;background:transparent !important;color:rgba(255,255,255,.9) !important;text-decoration:none !important;display:flex;align-items:center}
.kai-profile-link:hover,.kai-profile-link.is-active,.kai-more-link:hover{background:rgba(255,255,255,.06) !important;color:#fff !important}
.kai-more-social{padding:12px 14px !important;border-top:1px solid rgba(255,255,255,.08) !important}
.kai-more-quick-grid{display:none !important}