/* v426 — no top logo; long dock aligned with the top edge of main content. */
html{scrollbar-gutter:stable}

@media(min-width:761px){
  .ksan-shell{
    width:100%!important;max-width:none!important;margin:0!important;
    padding:24px 22px 48px!important;box-sizing:border-box!important;
    display:grid!important;grid-template-columns:82px minmax(0,1040px)!important;
    column-gap:14px!important;justify-content:center!important;align-items:start!important;
  }
  .ksan-sidebar{
    grid-column:1!important;position:sticky!important;top:18px!important;
    width:82px!important;min-width:82px!important;max-width:82px!important;
    height:calc(100dvh - 36px)!important;margin:0!important;padding:0!important;
    display:flex!important;flex-direction:column!important;align-items:center!important;
    align-self:start!important;overflow:visible!important;background:transparent!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;z-index:120!important;
  }
  .ksan-sidebar__brand{display:none!important}


  .ksan-sidebar__dock{
    box-sizing:border-box!important;position:absolute!important;left:50%!important;top:0!important;bottom:14px!important;transform:translateX(-50%)!important;
    width:74px!important;min-height:520px!important;padding:10px 7px 9px!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:7px!important;
    background:rgba(10,11,14,.92)!important;border:1px solid rgba(255,255,255,.028)!important;border-radius:23px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.012)!important;
  }
  .ksan-sidebar__nav{
    position:absolute!important;left:7px!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;
    width:auto!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;
    align-items:stretch!important;justify-content:center!important;gap:7px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  }
  .ksan-sidebar__divider{display:none!important}
  .ksan-sidebar__item{
    box-sizing:border-box!important;position:relative!important;width:100%!important;height:56px!important;min-width:0!important;min-height:56px!important;
    margin:0!important;padding:0!important;display:block!important;
    border:0!important;border-radius:17px!important;background:transparent!important;color:#8e96a0!important;box-shadow:none!important;
    text-decoration:none!important;outline:0!important;transform:none!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .ksan-sidebar__item:hover{color:#fff!important;background:rgba(255,255,255,.028)!important;transform:translateY(-1px)!important}
  .ksan-sidebar__item:active{transform:scale(.98)!important}
  .ksan-sidebar__item.is-active{color:#fff!important;background:rgba(255,255,255,.075)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;transform:none!important}
  .ksan-sidebar__item::before,.ksan-sidebar__item::after{display:none!important;content:none!important}
  .ksan-sidebar__icon{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    width:36px!important;height:36px!important;margin:0!important;padding:0!important;display:block!important;line-height:0!important;
  }
  .ksan-sidebar__icon img{
    position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
    width:36px!important;height:36px!important;display:block!important;margin:0!important;padding:0!important;
    object-fit:contain!important;object-position:50% 50%!important;opacity:.82!important;filter:brightness(1.03)!important;
  }
  .ksan-sidebar__item:hover .ksan-sidebar__icon img{opacity:.98!important;filter:brightness(1.12)!important}
  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{opacity:1!important;filter:brightness(1.17)!important}
  .ksan-sidebar__label{display:none!important}
  .ksan-sidebar__bottom{position:absolute!important;left:7px!important;right:7px!important;bottom:9px!important;width:auto!important;margin:0!important;padding:0!important;display:block!important}
  .ksan-main{grid-column:2!important;min-width:0!important;margin:0!important}
}

@media(max-height:760px) and (min-width:761px){
  .ksan-sidebar__dock{top:0!important;bottom:8px!important;min-height:0!important;width:72px!important;padding:8px 7px!important;border-radius:22px!important;gap:4px!important}
  .ksan-sidebar__nav{left:7px!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;gap:4px!important}
  .ksan-sidebar__item{height:52px!important;min-height:52px!important;border-radius:16px!important}
  .ksan-sidebar__icon,.ksan-sidebar__icon img{width:34px!important;height:34px!important}
}

@media(max-width:760px){
  .ksan-shell{display:block!important;width:100%!important;margin:0!important;padding:0!important}
  .ksan-sidebar{position:fixed!important;left:50%!important;bottom:10px!important;top:auto!important;transform:translateX(-50%)!important;width:min(calc(100vw - 18px),410px)!important;height:70px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:120!important}
  .ksan-sidebar__brand{display:none!important}
  .ksan-sidebar__dock{box-sizing:border-box!important;width:100%!important;height:70px!important;padding:5px 8px!important;display:flex!important;flex-direction:row!important;align-items:center!important;background:rgba(10,11,14,.94)!important;border:1px solid rgba(255,255,255,.03)!important;border-radius:24px!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
  .ksan-sidebar__nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:0!important;width:100%!important;height:100%!important}
  .ksan-sidebar__divider,.ksan-sidebar__bottom{display:none!important}
  .ksan-sidebar__item{position:relative!important;width:100%!important;height:58px!important;margin:0!important;padding:0!important;display:block!important;border:0!important;border-radius:17px!important;background:transparent!important;text-decoration:none!important}
  .ksan-sidebar__item.is-active{background:rgba(255,255,255,.075)!important}
  .ksan-sidebar__item::before,.ksan-sidebar__item::after{display:none!important;content:none!important}
  .ksan-sidebar__icon{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:36px!important;height:36px!important}
  .ksan-sidebar__icon img{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:36px!important;height:36px!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:50% 50%!important}
  .ksan-sidebar__label{display:none!important}
}

/* v474 — shift the whole sidebar + content composition slightly to the right */
@media(min-width:761px){
  .ksan-shell{
    position:relative !important;
    left:14px !important;
  }
}

/* v505 — sidebar must always stay clickable above workspace content */
.ksan-sidebar{
  z-index:9999 !important;
  pointer-events:auto !important;
  isolation:isolate !important;
}
.ksan-sidebar__dock,
.ksan-sidebar__nav,
.ksan-sidebar__item,
.ksan-sidebar__icon,
.ksan-sidebar__bottom{
  pointer-events:auto !important;
}


/* v513 — notification counters for desktop sidebar and mobile tabbar */
.ksan-sidebar__badge{
  position:absolute !important;
  z-index:8 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 5px !important;
  box-sizing:border-box !important;
  border-radius:999px !important;
  border:2px solid #0a0b0e !important;
  font:750 10px/1 Geist,system-ui,sans-serif !important;
  letter-spacing:-.02em !important;
  pointer-events:none !important;
  box-shadow:0 4px 9px rgba(0,0,0,.28) !important;
}
.ksan-sidebar__badge--danger{
  color:#fff !important;
  background:#ec4149 !important;
}
.ksan-sidebar__badge--success{
  color:#07130b !important;
  background:#55df86 !important;
}
@media(min-width:761px){
  .ksan-sidebar__badge{
    top:7px !important;
    right:6px !important;
  }
}

/* v682 — separated AI/assets actions and Edit data pencil */
@media(min-width:761px){
  .ksan-sidebar__nav .ksan-sidebar__item[data-key="ai"]{
    margin-bottom:13px!important;
  }

  .ksan-sidebar__nav .ksan-sidebar__item[data-key="wallet"]{
    margin-top:13px!important;
  }

  .ksan-sidebar__item[data-key="settings"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="settings"] .ksan-sidebar__icon img{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    flex-basis:30px!important;
  }

  .ksan-sidebar__item[data-key="settings"] .ksan-sidebar__icon img{
    display:block!important;
    opacity:.9!important;
    filter:none!important;
    object-fit:contain!important;
  }

  .ksan-sidebar__item[data-key="settings"]:hover .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="settings"].is-active .ksan-sidebar__icon img{
    opacity:1!important;
  }
}

/* v683 — My assets as a text-only category branch */
@media(min-width:761px){
  .ksan-sidebar__nav .ksan-sidebar__item[data-key="wallet"]{
    margin-top:13px!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon{
    display:none!important;
  }

  .ksan-sidebar__asset-branch{
    position:relative!important;
    margin:1px 0 0 10px!important;
    padding:2px 0 2px 14px!important;
    display:grid!important;
    gap:1px!important;
  }

  .ksan-sidebar__asset-branch::before{
    content:""!important;
    position:absolute!important;
    left:3px!important;
    top:7px!important;
    bottom:7px!important;
    width:1px!important;
    background:rgba(255,255,255,.07)!important;
    pointer-events:none!important;
  }

  .ksan-sidebar__asset-link{
    height:34px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-radius:9px!important;
    color:#777e89!important;
    background:transparent!important;
    font:500 14px/1 Geist,system-ui,sans-serif!important;
    text-decoration:none!important;
    transition:color .15s ease,background-color .15s ease!important;
  }

  .ksan-sidebar__asset-link:hover{
    color:#eef0f3!important;
    background:rgba(255,255,255,.03)!important;
  }

  .ksan-sidebar__asset-count{
    color:#626975!important;
    font-size:13px!important;
  }
}

@media(max-width:760px){
  .ksan-sidebar__asset-branch{
    display:none!important;
  }
}
@media(max-width:760px){
  .ksan-sidebar__badge{
    top:5px !important;
    left:calc(50% + 10px) !important;
    right:auto !important;
  }
}

/* v534 — center the visible app composition (sidebar + right workspace) as one unit. */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    position:relative !important;
    left:0 !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:24px 22px 48px !important;
    display:grid !important;
    grid-template-columns:82px minmax(0,980px) !important;
    column-gap:14px !important;
    justify-content:center !important;
    align-items:start !important;
  }
  body[data-view] .ksan-main{
    width:980px !important;
    max-width:980px !important;
    min-width:0 !important;
    margin:0 !important;
  }
  body[data-view="personal"] .profile-page,
  body[data-view="chats"] .chats-workspace,
  body[data-view="settings"] .settings-shell--cards,
  body[data-view="communities"] #communitiesView,
  body[data-view="wall"] #wall2010View,
  body[data-view="ai"] #aiWorkspace{
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* v535 — AI workspace gets a wider right canvas inside the shell */
@media(min-width:761px){
  body.ai-view-active .ksan-shell{
    grid-template-columns:82px minmax(0,1280px)!important;
    width:100%!important;
    max-width:none!important;
    padding:18px 18px 24px!important;
    column-gap:14px!important;
    justify-content:center!important;
  }
  body.ai-view-active .ksan-main{
    width:min(1280px,calc(100vw - 150px))!important;
    max-width:none!important;
    height:calc(100dvh - 36px)!important;
    margin:0!important;
  }
  body.ai-view-active #aiWorkspace{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    border-radius:0!important;
    background:#000!important;
  }
}

/* v536 — desktop sidebar styled like the supplied X reference: icon + text rows */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:220px minmax(0,980px)!important;
    column-gap:28px!important;
    padding:20px 24px 48px!important;
    justify-content:center!important;
  }
  .ksan-sidebar{
    width:220px!important;
    min-width:220px!important;
    max-width:220px!important;
    height:calc(100dvh - 40px)!important;
    top:20px!important;
    align-items:stretch!important;
  }
  .ksan-sidebar__dock{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:100%!important;
    padding:10px 8px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    gap:10px!important;
  }
  .ksan-sidebar__nav{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    gap:4px!important;
    justify-content:flex-start!important;
  }
  .ksan-sidebar__item{
    width:100%!important;
    height:52px!important;
    min-height:52px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    gap:15px!important;
    border-radius:14px!important;
    background:transparent!important;
    color:#e7e9ec!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:17px!important;
    font-weight:520!important;
    line-height:1!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.055)!important;
    color:#fff!important;
    transform:none!important;
  }
  .ksan-sidebar__item.is-active{
    background:transparent!important;
    color:#fff!important;
    box-shadow:none!important;
    font-weight:760!important;
  }
  .ksan-sidebar__icon{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ksan-sidebar__icon img{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:27px!important;
    height:27px!important;
    opacity:.94!important;
    filter:brightness(1.16)!important;
  }
  .ksan-sidebar__label{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .ksan-sidebar__badge{
    top:5px!important;
    left:32px!important;
    right:auto!important;
  }
  .ksan-sidebar__bottom{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item{
    color:#b7bdc6!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:220px minmax(0,1180px)!important;
    column-gap:28px!important;
    padding:18px 24px 24px!important;
    justify-content:center!important;
  }
  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 300px))!important;
    height:calc(100dvh - 36px)!important;
  }
}

/* v537 — return the desktop capsule, keep icon + text layout */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:188px minmax(0,980px)!important;
    column-gap:30px!important;
    padding:18px 24px 42px!important;
    justify-content:center!important;
  }
  .ksan-sidebar{
    width:188px!important;
    min-width:188px!important;
    max-width:188px!important;
    height:calc(100dvh - 36px)!important;
    top:18px!important;
    align-items:stretch!important;
  }
  .ksan-sidebar__dock{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-height:100%!important;
    padding:12px 10px!important;
    background:rgba(10,11,14,.96)!important;
    border:1px solid rgba(255,255,255,.045)!important;
    border-radius:28px!important;
    box-shadow:0 18px 50px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.018)!important;
    gap:8px!important;
  }
  .ksan-sidebar__nav{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    margin:auto 0!important;
    padding:0!important;
    gap:5px!important;
    justify-content:center!important;
  }
  .ksan-sidebar__item{
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    border-radius:16px!important;
    background:transparent!important;
    color:#c9ced6!important;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
    font-size:15px!important;
    font-weight:560!important;
    line-height:1!important;
    transition:background .16s ease,color .16s ease,transform .16s ease!important;
  }
  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.045)!important;
    color:#fff!important;
    transform:none!important;
  }
  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.085)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    font-weight:700!important;
  }
  .ksan-sidebar__icon{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  .ksan-sidebar__icon img{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:26px!important;
    height:26px!important;
    opacity:.92!important;
    filter:brightness(1.12)!important;
  }
  .ksan-sidebar__label{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .ksan-sidebar__bottom{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item{
    color:#9ea5af!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item:hover{
    color:#fff!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:188px minmax(0,1180px)!important;
    column-gap:30px!important;
    padding:18px 24px 24px!important;
    justify-content:center!important;
  }
  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 266px))!important;
    height:calc(100dvh - 36px)!important;
  }
}

/* v538 — refined compact capsule: keep the capsule, remove the giant empty tower */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:164px minmax(0,980px)!important;
    column-gap:28px!important;
    padding:20px 24px 44px!important;
    justify-content:center!important;
  }

  .ksan-sidebar{
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    height:min(720px,calc(100dvh - 40px))!important;
    top:20px!important;
    align-self:start!important;
  }

  .ksan-sidebar__dock{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    min-height:560px!important;
    padding:18px 10px 12px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(11,12,15,.97),rgba(8,9,12,.97))!important;
    border:1px solid rgba(255,255,255,.055)!important;
    border-radius:28px!important;
    box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.018)!important;
  }

  .ksan-sidebar__nav{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    width:100%!important;
    margin:50px 0 0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    justify-content:flex-start!important;
  }

  .ksan-sidebar__item{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    padding:0 11px!important;
    gap:11px!important;
    border-radius:15px!important;
    background:transparent!important;
    color:#aeb5bf!important;
    font-size:14px!important;
    font-weight:580!important;
    letter-spacing:-.012em!important;
  }

  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.04)!important;
    color:#eef1f4!important;
  }

  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.075)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    font-weight:720!important;
  }

  .ksan-sidebar__icon{
    width:24px!important;
    height:24px!important;
    flex:0 0 24px!important;
  }

  .ksan-sidebar__icon img{
    width:24px!important;
    height:24px!important;
    opacity:.86!important;
    filter:brightness(1.08)!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img{opacity:.98!important}
  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{opacity:1!important;filter:brightness(1.16)!important}

  .ksan-sidebar__label{
    display:block!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }

  .ksan-sidebar__badge{
    top:4px!important;
    left:27px!important;
    right:auto!important;
    transform:scale(.86)!important;
    transform-origin:center!important;
  }

  .ksan-sidebar__bottom{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    bottom:12px!important;
    width:auto!important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    color:#8f97a2!important;
    background:transparent!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item:hover{
    color:#e8ecf1!important;
    background:rgba(255,255,255,.035)!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:164px minmax(0,1180px)!important;
    column-gap:28px!important;
    padding:20px 24px 24px!important;
  }
  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 244px))!important;
    height:calc(100dvh - 40px)!important;
  }
}

@media(min-width:761px) and (max-height:760px){
  .ksan-sidebar{
    height:calc(100dvh - 28px)!important;
    top:14px!important;
  }
  .ksan-sidebar__dock{
    min-height:0!important;
    border-radius:24px!important;
    padding-top:12px!important;
  }
  .ksan-sidebar__nav{
    margin-top:18px!important;
    gap:2px!important;
  }
  .ksan-sidebar__item{
    height:43px!important;
    min-height:43px!important;
  }
}

/* v539 — menu back to vertical center, remove the tall background capsule */
@media(min-width:761px){
  .ksan-sidebar__dock{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .ksan-sidebar__nav{
    position:absolute!important;
    left:10px!important;
    right:10px!important;
    top:50%!important;
    width:auto!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    justify-content:center!important;
  }

  .ksan-sidebar__bottom{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
  }
}

@media(min-width:761px) and (max-height:760px){
  .ksan-sidebar__nav{
    top:50%!important;
    margin:0!important;
    transform:translateY(-50%)!important;
  }
}

/* v540 — лёгкая перегородка между левым меню и контентом */
@media(min-width:761px){
  .ksan-sidebar::after{
    content:""!important;
    position:absolute!important;
    top:34px!important;
    bottom:34px!important;
    right:-14px!important;
    width:1px!important;
    pointer-events:none!important;
    background:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(255,255,255,.055) 9%,
      rgba(255,255,255,.085) 50%,
      rgba(255,255,255,.055) 91%,
      transparent 100%
    )!important;
  }
}

/* v541 — меню заметно крупнее: логотип, текст, иконки, строки */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:190px minmax(0,980px)!important;
    column-gap:32px!important;
  }
  .ksan-sidebar{
    width:190px!important;
    min-width:190px!important;
    max-width:190px!important;
  }
  .ksan-sidebar__brand-logo-wrap{
    margin:14px 0 24px!important;
  }
  .ksan-sidebar__brand-logo{
    width:178px!important;
    height:60px!important;
    max-width:calc(100% - 8px)!important;
    object-fit:contain!important;
  }
  .ksan-sidebar__nav{
    left:8px!important;
    right:8px!important;
    gap:9px!important;
  }
  .ksan-sidebar__item{
    height:60px!important;
    min-height:60px!important;
    padding:0 16px!important;
    gap:15px!important;
    border-radius:18px!important;
    font-size:18px!important;
    font-weight:620!important;
    letter-spacing:-.015em!important;
  }
  .ksan-sidebar__item.is-active{
    font-weight:760!important;
  }
  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  .ksan-sidebar__bottom{
    left:8px!important;
    right:8px!important;
    bottom:12px!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item{
    font-size:17px!important;
  }
  body.ai-view-active .ksan-shell{
    grid-template-columns:190px minmax(0,1180px)!important;
    column-gap:32px!important;
  }
  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 286px))!important;
  }
}
@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,
  body.ai-view-active .ksan-shell{
    grid-template-columns:176px minmax(0,1fr)!important;
    column-gap:24px!important;
  }
  .ksan-sidebar{
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
  }
  .ksan-sidebar__brand-logo{
    width:162px!important;
    height:54px!important;
  }
  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
    padding:0 14px!important;
    gap:13px!important;
    font-size:16.5px!important;
  }
  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
  }
}

/* v673 — vc.ru-inspired desktop sidebar: compact, text-first, calm active row */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:202px minmax(0,980px)!important;
    column-gap:28px!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:202px minmax(0,1180px)!important;
    column-gap:28px!important;
  }

  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 286px))!important;
  }

  .ksan-sidebar{
    width:202px!important;
    min-width:202px!important;
    max-width:202px!important;
  }

  .ksan-sidebar__brand-logo-wrap{
    position:relative!important;
    z-index:3!important;
    width:100%!important;
    margin:5px 0 17px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    justify-content:flex-start!important;
  }

  .ksan-sidebar__brand-logo{
    width:150px!important;
    height:50px!important;
    max-width:none!important;
    object-position:left center!important;
  }

  .ksan-sidebar__dock{
    width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__nav{
    left:0!important;
    right:0!important;
    top:88px!important;
    width:100%!important;
    transform:none!important;
    gap:4px!important;
  }

  .ksan-sidebar__item,
  .ksan-sidebar__item.is-active{
    width:100%!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:0 42px 0 10px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:0!important;
    border:0!important;
    border-radius:12px!important;
    box-shadow:none!important;
    transform:none!important;
  }

  .ksan-sidebar__item{
    color:#aeb3bd!important;
    background:transparent!important;
  }

  .ksan-sidebar__item:hover{
    color:#f2f3f5!important;
    background:rgba(255,255,255,.035)!important;
  }

  .ksan-sidebar__item.is-active{
    color:#fff!important;
    background:rgba(255,255,255,.065)!important;
  }

  .ksan-sidebar__icon{
    display:none!important;
  }

  .ksan-sidebar__label,
  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    display:block!important;
    font-size:16px!important;
    line-height:26px!important;
    font-weight:500!important;
    letter-spacing:0!important;
    color:inherit!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    font-weight:650!important;
  }

  .ksan-sidebar__badge{
    top:50%!important;
    right:10px!important;
    transform:translateY(-50%)!important;
  }

  .ksan-sidebar__bottom{
    left:0!important;
    right:0!important;
    bottom:8px!important;
    width:100%!important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    height:46px!important;
    min-height:46px!important;
    padding:0 10px!important;
    font-size:16px!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,
  body.ai-view-active .ksan-shell{
    grid-template-columns:188px minmax(0,1fr)!important;
    column-gap:24px!important;
  }

  .ksan-sidebar{
    width:188px!important;
    min-width:188px!important;
    max-width:188px!important;
  }

  .ksan-sidebar__brand-logo{
    width:142px!important;
    height:47px!important;
  }

  .ksan-sidebar__nav{
    top:84px!important;
  }

  .ksan-sidebar__label,
  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    font-size:15.5px!important;
  }
}

/* v542 — средний размер меню: больше исходного, меньше v541 */
@media(min-width:981px){
  body[data-view] .ksan-shell{grid-template-columns:168px minmax(0,980px)!important;column-gap:30px!important}
  body.ai-view-active .ksan-shell{grid-template-columns:168px minmax(0,1180px)!important;column-gap:30px!important}
  body.ai-view-active .ksan-main{width:min(1180px,calc(100vw - 260px))!important}
  .ksan-sidebar{width:168px!important;min-width:168px!important;max-width:168px!important}
  .ksan-sidebar__brand-logo-wrap{margin:12px 0 20px!important}
  .ksan-sidebar__brand-logo{width:154px!important;height:52px!important;max-width:calc(100% - 10px)!important}
  .ksan-sidebar__nav{left:7px!important;right:7px!important;gap:7px!important}
  .ksan-sidebar__item{height:54px!important;min-height:54px!important;padding:0 14px!important;gap:13px!important;border-radius:17px!important;font-size:16px!important;font-weight:620!important}
  .ksan-sidebar__item.is-active{font-weight:740!important}
  .ksan-sidebar__icon,.ksan-sidebar__icon img{width:29px!important;height:29px!important;flex:0 0 29px!important}
  .ksan-sidebar__bottom{left:7px!important;right:7px!important;bottom:12px!important}
  .ksan-sidebar__bottom .ksan-sidebar__item{font-size:15.5px!important}
}
@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,body.ai-view-active .ksan-shell{grid-template-columns:158px minmax(0,1fr)!important;column-gap:22px!important}
  .ksan-sidebar{width:158px!important;min-width:158px!important;max-width:158px!important}
  .ksan-sidebar__brand-logo{width:145px!important;height:49px!important}
  .ksan-sidebar__item{height:51px!important;min-height:51px!important;padding:0 12px!important;gap:11px!important;font-size:15px!important}
  .ksan-sidebar__icon,.ksan-sidebar__icon img{width:27px!important;height:27px!important;flex:0 0 27px!important}
}

/* v543 — исправление длинных пунктов меню без увеличения текста */
@media(min-width:981px){
  body[data-view] .ksan-shell{grid-template-columns:180px minmax(0,980px)!important;column-gap:28px!important}
  body.ai-view-active .ksan-shell{grid-template-columns:180px minmax(0,1180px)!important;column-gap:28px!important}
  body.ai-view-active .ksan-main{width:min(1180px,calc(100vw - 268px))!important}

  .ksan-sidebar{
    width:180px!important;
    min-width:180px!important;
    max-width:180px!important;
  }
  .ksan-sidebar__nav,
  .ksan-sidebar__bottom{
    left:6px!important;
    right:6px!important;
  }
  .ksan-sidebar__item{
    padding:0 10px!important;
    gap:10px!important;
  }
  .ksan-sidebar__label{
    min-width:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}
@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,body.ai-view-active .ksan-shell{grid-template-columns:170px minmax(0,1fr)!important;column-gap:20px!important}
  .ksan-sidebar{width:170px!important;min-width:170px!important;max-width:170px!important}
  .ksan-sidebar__nav,.ksan-sidebar__bottom{left:5px!important;right:5px!important}
  .ksan-sidebar__item{padding:0 9px!important;gap:9px!important}
  .ksan-sidebar__label{white-space:nowrap!important;overflow:visible!important}
}


/* v656 — 2026 refine: активная плашка легче, меню плотнее, лого ближе */
@media(min-width:981px){
  .ksan-sidebar__brand-logo-wrap{
    margin:8px 0 12px!important;
  }
  .ksan-sidebar__brand-logo{
    width:148px!important;
    height:50px!important;
  }

  .ksan-sidebar__nav{
    gap:3px!important;
  }

  .ksan-sidebar__item{
    height:50px!important;
    min-height:50px!important;
    padding:0 12px!important;
    gap:11px!important;
    border-radius:15px!important;
    font-size:15.5px!important;
    font-weight:600!important;
  }

  .ksan-sidebar__item.is-active{
    height:48px!important;
    min-height:48px!important;
    margin:1px 4px!important;
    padding:0 11px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.065)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    font-weight:720!important;
  }

  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:27px!important;
    height:27px!important;
    flex:0 0 27px!important;
  }

  .ksan-sidebar__bottom{
    bottom:14px!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item{
    height:48px!important;
    min-height:48px!important;
    font-size:15px!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__brand-logo-wrap{
    margin:7px 0 11px!important;
  }
  .ksan-sidebar__brand-logo{
    width:138px!important;
    height:46px!important;
  }
  .ksan-sidebar__nav{
    gap:3px!important;
  }
  .ksan-sidebar__item{
    height:47px!important;
    min-height:47px!important;
    gap:10px!important;
    font-size:14.5px!important;
  }
  .ksan-sidebar__item.is-active{
    height:46px!important;
    min-height:46px!important;
    margin:1px 3px!important;
    padding:0 10px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.065)!important;
  }
  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:25px!important;
    height:25px!important;
    flex:0 0 25px!important;
  }
}

/* v657 — active/hover lighter, cleaner 2026 */
@media(min-width:761px){
  .ksan-sidebar__item{
    transition:background-color .15s ease,color .15s ease,opacity .15s ease!important;
  }
  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.035)!important;
    color:#f1f3f6!important;
    transform:none!important;
    box-shadow:none!important;
  }
  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.052)!important;
    color:#fff!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    transform:none!important;
  }
  .ksan-sidebar__item:hover .ksan-sidebar__icon img{
    filter:brightness(1.06)!important;
    opacity:.96!important;
  }
  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    filter:brightness(1.10)!important;
    opacity:1!important;
  }
  .ksan-sidebar__bottom .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.03)!important;
  }
}





/* v660 — левое меню крупнее, ближе к Instagram desktop */
@media(min-width:761px){
  .ksan-sidebar__item{
    height:60px!important;
    min-height:60px!important;
    border-radius:18px!important;
  }

  .ksan-sidebar__icon{
    width:42px!important;
    height:42px!important;
  }

  .ksan-sidebar__icon img{
    width:42px!important;
    height:42px!important;
    object-fit:contain!important;
  }

  .ksan-sidebar__nav{
    gap:9px!important;
  }

  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.035)!important;
    transform:none!important;
  }

  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.07)!important;
  }
}

@media(max-height:760px) and (min-width:761px){
  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
  }
  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:39px!important;
    height:39px!important;
  }
}

@media(max-width:760px){
  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:38px!important;
    height:38px!important;
  }
}


/* v661 — вернуть счётчики, сделать разделитель заметнее и чуть правее */
@media(min-width:761px){
  .ksan-sidebar__badge{
    top:50% !important;
    right:12px !important;
    left:auto !important;
    transform:translateY(-50%) !important;
    min-width:22px !important;
    height:20px !important;
    padding:0 7px !important;
    border:1px solid rgba(255,255,255,.06) !important;
    border-radius:999px !important;
    font:700 11px/1 Geist,system-ui,sans-serif !important;
    box-shadow:none !important;
  }

  .ksan-sidebar__badge--danger{
    color:#f5f7fb !important;
    background:rgba(255,255,255,.08) !important;
  }

  .ksan-sidebar__badge--success{
    color:#b9ffc9 !important;
    background:rgba(74, 222, 128, .12) !important;
  }

  .ksan-sidebar__item{
    padding-right:44px !important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    padding-right:16px !important;
  }

  .ksan-sidebar::after{
    right:-18px !important;
    width:1px !important;
    background:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(255,255,255,.08) 8%,
      rgba(255,255,255,.12) 50%,
      rgba(255,255,255,.08) 92%,
      transparent 100%
    ) !important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__badge{
    right:10px !important;
    min-width:20px !important;
    height:19px !important;
    padding:0 6px !important;
    font-size:10.5px !important;
  }

  .ksan-sidebar__item{
    padding-right:40px !important;
  }

  .ksan-sidebar::after{
    right:-16px !important;
  }
}


/* v662 — иконки в мягких круглых элементах, ближе к аккуратному insta-like desktop */
@media(min-width:761px){
  .ksan-sidebar__item{
    height:58px!important;
    min-height:58px!important;
    padding:0 14px 0 10px!important;
    gap:12px!important;
    border-radius:18px!important;
    align-items:center!important;
  }

  .ksan-sidebar__icon{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.032)!important;
    border:1px solid rgba(255,255,255,.06)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.018)!important;
    overflow:hidden!important;
  }

  .ksan-sidebar__icon::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    border-radius:inherit!important;
    background:linear-gradient(180deg, rgba(255,255,255,.025) 0%, rgba(255,255,255,0) 100%)!important;
    pointer-events:none!important;
  }

  .ksan-sidebar__icon img{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
    opacity:.95!important;
    filter:brightness(1.08)!important;
    z-index:1!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon{
    background:rgba(255,255,255,.045)!important;
    border-color:rgba(255,255,255,.075)!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon{
    background:rgba(255,255,255,.082)!important;
    border-color:rgba(255,255,255,.095)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.028)!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img{
    opacity:1!important;
    filter:brightness(1.12)!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    opacity:1!important;
    filter:brightness(1.16)!important;
  }

  .ksan-sidebar__label{
    font-weight:620!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    font-weight:740!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
    padding:0 12px 0 9px!important;
    gap:11px!important;
  }

  .ksan-sidebar__icon{
    width:38px!important;
    height:38px!important;
    flex:0 0 38px!important;
  }

  .ksan-sidebar__icon img{
    width:22px!important;
    height:22px!important;
  }
}

@media(max-height:760px) and (min-width:761px){
  .ksan-sidebar__item{
    height:54px!important;
    min-height:54px!important;
  }

  .ksan-sidebar__icon{
    width:36px!important;
    height:36px!important;
    flex-basis:36px!important;
  }

  .ksan-sidebar__icon img{
    width:21px!important;
    height:21px!important;
  }
}


/* v663 — круги облегчены: без "пузырей", ближе к Instagram desktop */
@media(min-width:761px){
  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
    padding:0 46px 0 10px!important;
    gap:11px!important;
    border-radius:15px!important;
    background:transparent!important;
  }

  .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.026)!important;
  }

  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border-radius:50%!important;
    background:transparent!important;
    border:1px solid rgba(255,255,255,.045)!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__icon::before{
    content:none!important;
    display:none!important;
  }

  .ksan-sidebar__icon img{
    width:23px!important;
    height:23px!important;
    opacity:.90!important;
    filter:brightness(1.05)!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.065)!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon{
    background:rgba(255,255,255,.055)!important;
    border-color:rgba(255,255,255,.09)!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img,
  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    opacity:1!important;
    filter:brightness(1.12)!important;
  }

  .ksan-sidebar__label{
    font-size:16px!important;
    line-height:1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .ksan-sidebar__badge{
    right:10px!important;
    min-width:20px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    padding-right:12px!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__item{
    height:54px!important;
    min-height:54px!important;
    padding:0 42px 0 9px!important;
    gap:10px!important;
  }

  .ksan-sidebar__icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
  }

  .ksan-sidebar__icon img{
    width:21px!important;
    height:21px!important;
  }

  .ksan-sidebar__label{
    font-size:15px!important;
  }

  .ksan-sidebar__badge{
    right:8px!important;
  }
}


/* v664 — меню шире, иконки крупнее и одного размера, текст больше не режется */
@media(min-width:761px){
  body[data-view] .ksan-shell{
    grid-template-columns:252px minmax(0,980px)!important;
    column-gap:34px!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:252px minmax(0,1180px)!important;
    column-gap:34px!important;
  }

  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 340px))!important;
  }

  .ksan-sidebar{
    width:252px!important;
    min-width:252px!important;
    max-width:252px!important;
  }

  .ksan-sidebar__dock{
    width:100%!important;
    padding:14px 10px 12px!important;
  }

  .ksan-sidebar__nav{
    gap:8px!important;
  }

  .ksan-sidebar__item{
    height:60px!important;
    min-height:60px!important;
    padding:0 54px 0 12px!important;
    gap:14px!important;
    border-radius:17px!important;
    align-items:center!important;
  }

  .ksan-sidebar__icon{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    border-radius:50%!important;
  }

  .ksan-sidebar__icon img{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:.96!important;
  }

  .ksan-sidebar__label{
    display:block!important;
    font-size:17px!important;
    line-height:1.05!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
    letter-spacing:-.01em!important;
  }

  .ksan-sidebar__badge{
    top:50%!important;
    right:12px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    min-width:22px!important;
    height:22px!important;
    padding:0 7px!important;
    font-size:11px!important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    padding-right:16px!important;
  }

  .ksan-sidebar::after{
    right:-20px!important;
    width:1px!important;
    background:linear-gradient(
      to bottom,
      transparent 0%,
      rgba(255,255,255,.10) 10%,
      rgba(255,255,255,.16) 50%,
      rgba(255,255,255,.10) 90%,
      transparent 100%
    )!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell{
    grid-template-columns:228px minmax(0,1fr)!important;
    column-gap:26px!important;
  }

  .ksan-sidebar{
    width:228px!important;
    min-width:228px!important;
    max-width:228px!important;
  }

  .ksan-sidebar__item{
    height:58px!important;
    min-height:58px!important;
    padding:0 48px 0 10px!important;
    gap:12px!important;
  }

  .ksan-sidebar__icon{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
  }

  .ksan-sidebar__icon img{
    width:23px!important;
    height:23px!important;
    min-width:23px!important;
    min-height:23px!important;
    max-width:23px!important;
    max-height:23px!important;
  }

  .ksan-sidebar__label{
    font-size:16px!important;
  }

  .ksan-sidebar__badge{
    right:10px!important;
  }

  .ksan-sidebar::after{
    right:-16px!important;
  }
}


/* v666 — исправление: меню умеренной ширины, белые иконки реально видны */
@media(min-width:981px){
  body[data-view] .ksan-shell{
    grid-template-columns:214px minmax(0,980px)!important;
    column-gap:30px!important;
  }

  body.ai-view-active .ksan-shell{
    grid-template-columns:214px minmax(0,1180px)!important;
    column-gap:30px!important;
  }

  body.ai-view-active .ksan-main{
    width:min(1180px,calc(100vw - 300px))!important;
  }

  .ksan-sidebar{
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
  }

  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
    padding:0 44px 0 10px!important;
    gap:12px!important;
    border-radius:15px!important;
  }

  .ksan-sidebar__icon{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }

  .ksan-sidebar__icon::before,
  .ksan-sidebar__icon::after{
    content:none!important;
    display:none!important;
  }

  .ksan-sidebar__icon img{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    object-fit:contain!important;
    object-position:center!important;
    opacity:.88!important;
    filter:none!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon,
  .ksan-sidebar__item.is-active .ksan-sidebar__icon{
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img{
    opacity:.98!important;
    filter:none!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    opacity:1!important;
    filter:none!important;
  }

  .ksan-sidebar__label{
    display:block!important;
    min-width:0!important;
    font-size:16px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .ksan-sidebar__badge{
    right:10px!important;
    min-width:21px!important;
    height:20px!important;
    padding:0 6px!important;
    font-size:10.5px!important;
  }

  .ksan-sidebar__bottom .ksan-sidebar__item{
    padding-right:12px!important;
  }

  .ksan-sidebar::after{
    right:-17px!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,
  body.ai-view-active .ksan-shell{
    grid-template-columns:198px minmax(0,1fr)!important;
    column-gap:24px!important;
  }

  .ksan-sidebar{
    width:198px!important;
    min-width:198px!important;
    max-width:198px!important;
  }

  .ksan-sidebar__item{
    height:54px!important;
    min-height:54px!important;
    padding:0 40px 0 9px!important;
    gap:10px!important;
  }

  .ksan-sidebar__icon{
    width:32px!important;
    height:32px!important;
    flex-basis:32px!important;
    border:0!important;
    background:transparent!important;
  }

  .ksan-sidebar__icon img{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
  }

  .ksan-sidebar__label{
    font-size:15px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }

  .ksan-sidebar::after{
    right:-14px!important;
  }
}


/* v667 — clean vector icons: crisp white, no raster paint artifacts */
@media(min-width:981px){
  body[data-view] .ksan-shell{
    grid-template-columns:214px minmax(0,980px)!important;
    column-gap:30px!important;
  }
  .ksan-sidebar{
    width:214px!important;
    min-width:214px!important;
    max-width:214px!important;
  }
  .ksan-sidebar__item{
    height:56px!important;
    min-height:56px!important;
    padding:0 44px 0 10px!important;
    gap:12px!important;
  }
  .ksan-sidebar__icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .ksan-sidebar__icon img{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    opacity:.90!important;
    filter:none!important;
  }
  .ksan-sidebar__item:hover .ksan-sidebar__icon img{opacity:1!important;filter:none!important}
  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{opacity:1!important;filter:none!important}
  .ksan-sidebar__label{
    font-size:16px!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .ksan-sidebar__badge{right:10px!important}
}


/* v668 — instagram-like line icons */
@media(min-width:981px){
  .ksan-sidebar{
    width:208px!important;
    min-width:208px!important;
    max-width:208px!important;
  }
  .ksan-sidebar__item{
    height:54px!important;
    min-height:54px!important;
    padding:0 42px 0 10px!important;
    gap:12px!important;
    border-radius:15px!important;
  }
  .ksan-sidebar__icon{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    background:transparent!important;
    border:none!important;
    box-shadow:none!important;
  }
  .ksan-sidebar__icon img{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    object-fit:contain!important;
    opacity:.94!important;
    filter:none!important;
  }
  .ksan-sidebar__label{
    font-size:16px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .ksan-sidebar__badge{
    right:10px!important;
  }
  .ksan-sidebar::after{
    right:-16px!important;
    opacity:.18!important;
  }
}
@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar{
    width:196px!important;
    min-width:196px!important;
    max-width:196px!important;
  }
  .ksan-sidebar__item{
    height:52px!important;
    min-height:52px!important;
    padding:0 38px 0 9px!important;
    gap:11px!important;
  }
  .ksan-sidebar__icon{
    width:30px!important;
    height:30px!important;
    flex:0 0 30px!important;
  }
  .ksan-sidebar__icon img{
    width:26px!important;
    height:26px!important;
  }
  .ksan-sidebar__label{
    font-size:15px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}


/* v670 — independent fixed divider spanning the complete viewport */
@media(min-width:761px){
  .ksan-sidebar::after{
    content:none!important;
    display:none!important;
  }

  .ksan-sidebar-viewport-divider{
    position:fixed!important;
    top:0!important;
    bottom:0!important;
    height:100vh!important;
    width:1px!important;
    z-index:9998!important;
    display:block!important;
    pointer-events:none!important;
    opacity:1!important;
    background:linear-gradient(
      to bottom,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.18) 50%,
      rgba(255,255,255,.11) 100%
    )!important;
  }
}

@media(max-width:760px){
  .ksan-sidebar-viewport-divider{
    display:none!important;
  }
}

/* v672 — tighter Instagram-like menu: stronger icons, no heavy active capsule */
@media(min-width:761px){
  .ksan-sidebar__brand-logo-wrap{
    margin:6px 0 14px!important;
  }

  .ksan-sidebar__nav{
    top:106px!important;
    transform:none!important;
    gap:4px!important;
  }

  .ksan-sidebar__item,
  .ksan-sidebar__item.is-active{
    height:52px!important;
    min-height:52px!important;
    margin:0!important;
    padding:0 10px!important;
    gap:12px!important;
    border-radius:10px!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__item:hover,
  .ksan-sidebar__bottom .ksan-sidebar__item:hover{
    background:rgba(255,255,255,.035)!important;
  }

  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    flex:0 0 30px!important;
  }

  .ksan-sidebar__icon img{
    opacity:.78!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img{
    opacity:.94!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    opacity:1!important;
  }

  .ksan-sidebar__label{
    font-size:16px!important;
    font-weight:560!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    font-weight:700!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__nav{
    top:98px!important;
  }

  .ksan-sidebar__item,
  .ksan-sidebar__item.is-active{
    height:50px!important;
    min-height:50px!important;
    gap:10px!important;
    padding:0 9px!important;
  }

  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    min-height:28px!important;
    max-width:28px!important;
    max-height:28px!important;
    flex-basis:28px!important;
  }

  .ksan-sidebar__label{
    font-size:15px!important;
  }
}

/* v674 — final vc.ru-style override */
@media(min-width:761px){
  body[data-view] .ksan-shell{grid-template-columns:202px minmax(0,980px)!important;column-gap:14px!important}
  body.ai-view-active .ksan-shell{grid-template-columns:202px minmax(0,1180px)!important;column-gap:14px!important}
  body.ai-view-active .ksan-main{width:min(1180px,calc(100vw - 286px))!important}
  .ksan-sidebar{width:202px!important;min-width:202px!important;max-width:202px!important}
  .ksan-sidebar__brand-logo-wrap{position:relative!important;z-index:3!important;width:100%!important;margin:5px 0 17px!important;padding:0 10px!important;box-sizing:border-box!important;display:flex!important;justify-content:flex-start!important}
  .ksan-sidebar__brand-logo{width:150px!important;height:50px!important;max-width:none!important;object-position:left center!important}
  .ksan-sidebar__dock{width:100%!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .ksan-sidebar__nav{left:0!important;right:0!important;top:88px!important;width:100%!important;transform:none!important;gap:4px!important}
  .ksan-sidebar__item,.ksan-sidebar__item.is-active{width:100%!important;height:46px!important;min-height:46px!important;margin:0!important;padding:0 42px 0 10px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:0!important;border:0!important;border-radius:12px!important;box-shadow:none!important;transform:none!important}
  .ksan-sidebar__item{color:#aeb3bd!important;background:transparent!important}
  .ksan-sidebar__item:hover{color:#f2f3f5!important;background:rgba(255,255,255,.035)!important}
  .ksan-sidebar__item.is-active{color:#fff!important;background:rgba(255,255,255,.065)!important}
  .ksan-sidebar__icon{display:none!important}
  .ksan-sidebar__label,.ksan-sidebar__item.is-active .ksan-sidebar__label{display:block!important;font-size:16px!important;line-height:26px!important;font-weight:500!important;letter-spacing:0!important;color:inherit!important}
  .ksan-sidebar__item.is-active .ksan-sidebar__label{font-weight:650!important}
  .ksan-sidebar__badge{top:50%!important;right:10px!important;transform:translateY(-50%)!important}
  .ksan-sidebar__bottom{left:0!important;right:0!important;bottom:8px!important;width:100%!important}
  .ksan-sidebar__bottom .ksan-sidebar__item{height:46px!important;min-height:46px!important;padding:0 10px!important;font-size:16px!important}
}
@media(min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,body.ai-view-active .ksan-shell{grid-template-columns:188px minmax(0,1fr)!important;column-gap:12px!important}
  .ksan-sidebar{width:188px!important;min-width:188px!important;max-width:188px!important}
  .ksan-sidebar__brand-logo{width:142px!important;height:47px!important}
  .ksan-sidebar__nav{top:84px!important}
  .ksan-sidebar__label,.ksan-sidebar__item.is-active .ksan-sidebar__label{font-size:15.5px!important}
}

/* v675 — vc.ru density with compact icons and a quieter divider */
@media(min-width:761px){
  .ksan-sidebar__item,
  .ksan-sidebar__item.is-active{
    padding:0 42px 0 10px!important;
    gap:12px!important;
  }

  .ksan-sidebar__icon{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    flex:0 0 25px!important;
    display:block!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  .ksan-sidebar__icon img{
    width:25px!important;
    height:25px!important;
    min-width:25px!important;
    min-height:25px!important;
    max-width:25px!important;
    max-height:25px!important;
    display:block!important;
    opacity:.66!important;
    filter:none!important;
  }

  .ksan-sidebar__item:hover .ksan-sidebar__icon img{
    opacity:.88!important;
  }

  .ksan-sidebar__item.is-active .ksan-sidebar__icon img{
    opacity:1!important;
  }

  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.052)!important;
  }

  .ksan-sidebar-viewport-divider{
    opacity:1!important;
    background:linear-gradient(
      to bottom,
      rgba(255,255,255,.025) 0%,
      rgba(255,255,255,.065) 18%,
      rgba(255,255,255,.075) 50%,
      rgba(255,255,255,.065) 82%,
      rgba(255,255,255,.025) 100%
    )!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__item,
  .ksan-sidebar__item.is-active{
    gap:10px!important;
  }

  .ksan-sidebar__icon,
  .ksan-sidebar__icon img{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    flex-basis:24px!important;
  }
}

/* v676 — supplied AI orb icon */
.ksan-sidebar__item[data-key="ai"] .ksan-sidebar__icon img{
  opacity:1!important;
  filter:none!important;
  object-fit:contain!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="ai"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="ai"] .ksan-sidebar__icon img{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    flex-basis:29px!important;
  }
}

/* v677 — supplied character icon for Personal */
.ksan-sidebar__item[data-key="personal"] .ksan-sidebar__icon img{
  opacity:.9!important;
  filter:brightness(1.15)!important;
  object-fit:contain!important;
}

.ksan-sidebar__item[data-key="personal"]:hover .ksan-sidebar__icon img,
.ksan-sidebar__item[data-key="personal"].is-active .ksan-sidebar__icon img{
  opacity:1!important;
  filter:brightness(1.22)!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="personal"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="personal"] .ksan-sidebar__icon img{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    min-height:31px!important;
    max-width:31px!important;
    max-height:31px!important;
    flex-basis:31px!important;
  }
}

/* v678 — supplied green chat icon */
.ksan-sidebar__item[data-key="chats"] .ksan-sidebar__icon img{
  opacity:.92!important;
  filter:none!important;
  object-fit:contain!important;
}

.ksan-sidebar__item[data-key="chats"]:hover .ksan-sidebar__icon img,
.ksan-sidebar__item[data-key="chats"].is-active .ksan-sidebar__icon img{
  opacity:1!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="chats"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="chats"] .ksan-sidebar__icon img{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    flex-basis:29px!important;
  }
}

/* v679 — supplied blue icon for Platforms */
.ksan-sidebar__item[data-key="communities"] .ksan-sidebar__icon img{
  opacity:.92!important;
  filter:none!important;
  object-fit:contain!important;
}

.ksan-sidebar__item[data-key="communities"]:hover .ksan-sidebar__icon img,
.ksan-sidebar__item[data-key="communities"].is-active .ksan-sidebar__icon img{
  opacity:1!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="communities"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="communities"] .ksan-sidebar__icon img{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    flex-basis:29px!important;
  }
}

/* v680 — supplied safe icon for My assets */
.ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon img{
  opacity:.92!important;
  filter:none!important;
  object-fit:contain!important;
}

.ksan-sidebar__item[data-key="wallet"]:hover .ksan-sidebar__icon img,
.ksan-sidebar__item[data-key="wallet"].is-active .ksan-sidebar__icon img{
  opacity:1!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon img{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    min-height:30px!important;
    max-width:30px!important;
    max-height:30px!important;
    flex-basis:30px!important;
  }
}

/* v681 — quiet text-only sidebar counters */
@media(min-width:761px){
  .ksan-sidebar__badge{
    top:50%!important;
    right:12px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    display:block!important;
    min-width:0!important;
    width:auto!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font:600 13px/1 Geist,system-ui,sans-serif!important;
    letter-spacing:0!important;
  }

  .ksan-sidebar__badge--danger{
    color:#777e89!important;
    background:transparent!important;
  }

  .ksan-sidebar__badge--success{
    color:#58d88a!important;
    background:transparent!important;
  }
}

/* v684 — restore the safe icon on the My assets category */
@media(min-width:761px){
  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon{
    display:block!important;
  }

  .ksan-sidebar__nav .ksan-sidebar__item[data-key="wallet"]{
    padding-left:10px!important;
    padding-right:42px!important;
    gap:12px!important;
  }
}

/* v686 — light rates/date widget beneath the logo */
@media(min-width:761px){
  .ksan-sidebar__market-widget{
    position:absolute!important;
    z-index:3!important;
    top:62px!important;
    left:10px!important;
    right:10px!important;
    height:48px!important;
    overflow:hidden!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.018)!important;
    color:#9298a2!important;
  }

  .ksan-sidebar__market-screen{
    position:absolute!important;
    inset:0!important;
    display:flex!important;
    align-items:center!important;
    transition:opacity .34s ease,transform .34s ease!important;
  }

  .ksan-sidebar__market-screen--rates{
    justify-content:space-between!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
    opacity:1!important;
    transform:translateY(0)!important;
  }

  .ksan-sidebar__market-screen--clock{
    justify-content:space-between!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
    opacity:0!important;
    transform:translateY(7px)!important;
    pointer-events:none!important;
  }

  .ksan-sidebar__market-widget.is-clock .ksan-sidebar__market-screen--rates{
    opacity:0!important;
    transform:translateY(-7px)!important;
    pointer-events:none!important;
  }

  .ksan-sidebar__market-widget.is-clock .ksan-sidebar__market-screen--clock{
    opacity:1!important;
    transform:translateY(0)!important;
  }

  .ksan-sidebar__quote,
  .ksan-sidebar__date{
    display:flex!important;
    flex-direction:column!important;
    gap:4px!important;
    min-width:0!important;
  }

  .ksan-sidebar__quote-name,
  .ksan-sidebar__date-label{
    color:#737a85!important;
    font:500 10px/1 Geist,system-ui,sans-serif!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }

  .ksan-sidebar__quote-value{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
    color:#aeb3bb!important;
    font:500 17px/1 Geist,system-ui,sans-serif!important;
    white-space:nowrap!important;
  }

  .ksan-sidebar__quote-value i{
    width:0!important;
    height:0!important;
    border-left:4px solid transparent!important;
    border-right:4px solid transparent!important;
    border-bottom:6px solid #45b968!important;
  }

  .ksan-sidebar__date-value{
    color:#aeb3bb!important;
    font:500 14px/1 Geist,system-ui,sans-serif!important;
    text-transform:capitalize!important;
    white-space:nowrap!important;
  }

  .ksan-sidebar__time{
    color:#d6d9de!important;
    font:500 23px/1 Geist,system-ui,sans-serif!important;
    letter-spacing:-.03em!important;
  }

  .ksan-sidebar__nav{
    top:128px!important;
  }
}

@media(min-width:761px) and (max-width:980px){
  .ksan-sidebar__nav{
    top:126px!important;
  }
}

@media(max-width:760px){
  .ksan-sidebar__market-widget{
    display:none!important;
  }
}

/* v689 — quiet split counters for the AI branch */
@media(min-width:761px){
  .ksan-sidebar__asset-count{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
  }

  .ksan-sidebar__asset-new{
    color:#58d88a!important;
    font:600 12px/1 Geist,system-ui,sans-serif!important;
    font-style:normal!important;
  }
}

/* v690 — keep the AI branch visually attached to its parent item */
@media(min-width:761px){
  .ksan-sidebar__nav .ksan-sidebar__item[data-key="ai"]{
    margin-bottom:0!important;
  }

  .ksan-sidebar__asset-branch--ai{
    margin-top:-2px!important;
  }
}

/* v692 — Personal subnavigation is closed by default and opens on double tap. */
@media(min-width:761px){
  .ksan-sidebar__asset-branch--personal{
    display:none!important;
  }

  .ksan-sidebar__asset-branch--personal.is-open{
    display:grid!important;
  }
}

/* v693 — supplied trophy icon for Ksan Rating */
.ksan-sidebar__item[data-key="rating"] .ksan-sidebar__icon img{
  opacity:.94!important;
  filter:none!important;
  object-fit:cover!important;
  border-radius:8px!important;
}

.ksan-sidebar__item[data-key="rating"]:hover .ksan-sidebar__icon img,
.ksan-sidebar__item[data-key="rating"].is-active .ksan-sidebar__icon img{
  opacity:1!important;
}

@media(min-width:761px){
  .ksan-sidebar__item[data-key="rating"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="rating"] .ksan-sidebar__icon img{
    width:29px!important;
    height:29px!important;
    min-width:29px!important;
    min-height:29px!important;
    max-width:29px!important;
    max-height:29px!important;
    flex-basis:29px!important;
  }
}

@media(max-width:760px){
  .ksan-sidebar__item[data-key="rating"]{
    display:none!important;
  }
}

/* v694 — larger, uniform icons in the desktop sidebar */
@media(min-width:761px){
  .ksan-sidebar__item[data-key="ai"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="ai"] .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="personal"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="personal"] .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="chats"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="chats"] .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="communities"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="communities"] .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="rating"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="rating"] .ksan-sidebar__icon img,
  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon,
  .ksan-sidebar__item[data-key="wallet"] .ksan-sidebar__icon img{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex-basis:34px!important;
  }
}

/* Center the logo within the existing menu width. */
@media(min-width:761px){
  .ksan-sidebar__brand-logo-wrap{
    padding-left:0!important;
    padding-right:0!important;
    justify-content:center!important;
  }

  .ksan-sidebar__brand-logo{
    object-position:center!important;
  }
}



/* v729 — anchored navigation and consistent spacing. */
@media(min-width:761px){
  .ksan-sidebar__nav{
    gap:6px!important;
    top:154px!important;
    margin-top:0!important;
    transform:none!important;
  }

  .ksan-sidebar__asset-branch--personal{
    row-gap:2px!important;
  }
}

/* v729 — desktop menu detail; preserve the mobile dock. */
@media(min-width:761px){
 .ksan-sidebar__nav .ksan-sidebar__item{
  position:relative!important;
  margin:0!important;
  padding:0 36px 0 12px!important;
  gap:11px!important;
  height:46px!important;
  min-height:46px!important;
  border-radius:10px!important;
  transition:background-color .15s ease,color .15s ease!important;
 }
 .ksan-sidebar__nav .ksan-sidebar__item[data-key="wallet"]{margin-top:4px!important;padding-left:12px!important;gap:11px!important}
 .ksan-sidebar__nav .ksan-sidebar__item .ksan-sidebar__icon,
 .ksan-sidebar__nav .ksan-sidebar__item .ksan-sidebar__icon img{
  position:static!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
 }
 .ksan-sidebar__nav .ksan-sidebar__item .ksan-sidebar__icon img{object-fit:contain!important;object-position:center!important;opacity:1!important;filter:none!important}
 .ksan-sidebar__nav .ksan-sidebar__item.is-active{background:#141416!important}
 .ksan-sidebar__nav .ksan-sidebar__item:hover{background:#19191c!important}
 .ksan-sidebar__nav .ksan-sidebar__item.is-active::before{
  content:""!important;display:block!important;position:absolute!important;
  left:0!important;top:50%!important;width:2px!important;height:18px!important;
  transform:translateY(-50%)!important;border-radius:2px!important;background:#e7e7eb!important;box-shadow:none!important;
 }
 .ksan-sidebar__nav .ksan-sidebar__badge{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:20px!important;height:20px!important;padding:0 5px!important;right:9px!important;
  border-radius:6px!important;background:#202024!important;color:#d5d5dc!important;
  font:600 12px/1 Geist,Arial,sans-serif!important;font-variant-numeric:tabular-nums!important;
 }
 .ksan-sidebar__nav .ksan-sidebar__badge--success{color:#58d88a!important}
 .ksan-sidebar__nav .ksan-sidebar__item:focus-visible{outline:2px solid #a8a8b2!important;outline-offset:2px!important}
 .ksan-sidebar__nav{max-height:calc(100dvh - 174px)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;scrollbar-color:#323238 transparent}
}

/* v737 — anchor the menu to its sidebar, independent of legacy dock offsets. */
@media(min-width:761px){
 #appSidebar .ksan-sidebar__dock{position:absolute!important;top:0!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;min-height:0!important;height:auto!important;justify-content:flex-start!important}
 #appSidebar .ksan-sidebar__nav{position:absolute!important;top:138px!important;bottom:auto!important;left:0!important;right:0!important;transform:none!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 174px)!important;justify-content:flex-start!important;gap:10px!important;overflow-y:auto!important}
 #appSidebar .ksan-sidebar__brand-logo-wrap,#appSidebar .ksan-sidebar__market-widget{z-index:3!important}
}

/* Current desktop placement with the global site header. */
@media(min-width:761px){
 body.has-site-header #appSidebar .ksan-sidebar__market-widget{display:none!important}
 body.has-site-header #appSidebar .ksan-sidebar__nav{top:0!important;max-height:calc(100dvh - 152px)!important}
}

/* v766: sign out at the bottom, separate from centered navigation. */
#appSidebar .ksan-sidebar__logout{position:absolute;bottom:16px;left:0;width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#96949f;font:500 14px Geist,system-ui,sans-serif;text-align:left;cursor:pointer;z-index:4}
#appSidebar .ksan-sidebar__logout svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#appSidebar .ksan-sidebar__logout:hover{background:#19191c;color:#eeeaf4}
#appSidebar .ksan-sidebar__logout:focus-visible{outline:2px solid #bca8d6;outline-offset:2px}
@media(max-width:760px){#appSidebar .ksan-sidebar__logout{display:none}}

/* v768: modest desktop menu size increase, same sidebar position. */
@media(min-width:761px){
 #appSidebar .ksan-sidebar__nav .ksan-sidebar__item{height:52px!important;min-height:52px!important;gap:8px!important;padding-left:8px!important;padding-right:8px!important;border-radius:9px!important}
 #appSidebar .ksan-sidebar__nav .ksan-sidebar__item:has(.ksan-sidebar__badge:not([hidden])){padding-right:40px!important}
 #appSidebar .ksan-sidebar__nav .ksan-sidebar__label{font-size:17px!important;line-height:1.3!important;letter-spacing:-.2px!important}
 #appSidebar .ksan-sidebar__nav .ksan-sidebar__icon,#appSidebar .ksan-sidebar__nav .ksan-sidebar__icon img{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;flex-shrink:0!important}
 #appSidebar .ksan-sidebar__logout{font-size:15px;height:46px}
}

/* v769: anchor sign-out to the viewport bottom, not the short sidebar box. */
@media(min-width:761px){#appSidebar .ksan-sidebar__logout{top:var(--logout-top,calc(100dvh - 94px))!important;bottom:auto!important}}

/* v773: larger brand and a dedicated lounge entry. */
@media(min-width:761px){
 #appSidebar .ksan-sidebar__brand-logo-wrap{padding-left:4px!important;padding-right:4px!important}
 #appSidebar .ksan-sidebar__brand-logo{width:184px!important;max-width:100%!important;height:62px!important;object-fit:contain!important}
 #appSidebar .ksan-sidebar__item[data-key="lounge"] .ksan-sidebar__label{white-space:normal!important;line-height:1.15!important}
}
/* v825: lounge rebuilt as two focused actions. */
.ksan-lounge{width:min(960px,100%);max-width:960px;margin:0;padding:26px 16px 40px;color:#eeeef2;box-sizing:border-box}
.ksan-lounge[hidden],.ksan-lounge__panel[hidden]{display:none!important}
.ksan-lounge__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}
.ksan-lounge__header h1{margin:0;font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.5px}
.ksan-lounge__header p{margin:7px 0 0;color:#7f7d86;font:400 13px/1.45 Geist,system-ui,sans-serif}
.ksan-lounge__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;border:0}
.ksan-lounge__tabs button{display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:14px;min-height:96px;padding:16px 18px;border:1px solid #222226;border-radius:14px;background:#121214;color:#c9c7ce;text-align:left;font:500 15px/1.25 Geist,system-ui,sans-serif;cursor:pointer;box-shadow:none;transition:border-color .15s ease,background-color .15s ease}
.ksan-lounge__tabs button:hover{background:#151518;border-color:#2e2e33;color:#f1eff4}
.ksan-lounge__tabs button[aria-selected="true"]{background:#171719;border-color:#3b3940;color:#f5f3f7}
.ksan-lounge__tabs button:focus-visible{outline:2px solid #8f7aa9;outline-offset:2px}
.ksan-lounge__tab-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#1e1e22;color:#e8e6eb}
.ksan-lounge__tabs button[aria-selected="true"] .ksan-lounge__tab-icon{background:#242229}
.ksan-lounge__tab-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ksan-lounge__tab-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.ksan-lounge__tab-copy strong{font-size:16px;font-weight:600;color:inherit}
.ksan-lounge__tab-copy small{font-size:12px;font-weight:450;color:#787680}
.ksan-lounge__tab-arrow{justify-self:end;color:#66646d;font-size:18px;line-height:1}
.ksan-lounge__panel{padding:14px 0 0}
.ksan-lounge__panel:focus{outline:none}
.ksan-lounge__notice{min-height:84px;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #1d1d20;border-radius:14px;background:#0d0d0f}
.ksan-lounge__notice img{object-fit:contain;flex-shrink:0;width:38px;height:38px}
.ksan-lounge__notice h2{margin:0;font-size:14px;font-weight:560;color:#c7c5cc;line-height:1.35}
.ksan-lounge__notice p{margin:5px 0 0;font-size:12px;color:#74727b;line-height:1.45}
.ksan-lounge__notice--prizes:before{content:"✦";width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#17171a;color:#aaa6b0;font-size:17px;flex:0 0 auto}
@media(max-width:720px){.ksan-lounge{padding:20px 12px 30px}.ksan-lounge__header h1{font-size:22px}.ksan-lounge__tabs{grid-template-columns:1fr}.ksan-lounge__tabs button{min-height:86px}.ksan-lounge__header p{font-size:12px}}

/* v824 — stable sidebar: no scroll/click geometry changes. */
@media(min-width:761px){
  #appSidebar{
    transition:none!important;
    contain:layout style;
  }
  #appSidebar .ksan-sidebar__nav,
  #appSidebar .ksan-sidebar__item,
  #appSidebar .ksan-sidebar__icon,
  #appSidebar .ksan-sidebar__icon img,
  #appSidebar .ksan-sidebar__logout{
    transition:none!important;
  }
  #appSidebar .ksan-sidebar__item,
  #appSidebar .ksan-sidebar__item:hover,
  #appSidebar .ksan-sidebar__item:active,
  #appSidebar .ksan-sidebar__item.is-active{
    transform:none!important;
  }
  #appSidebar .ksan-sidebar__logout{
    top:auto!important;
    bottom:16px!important;
  }
  body.has-site-header #appSidebar{
    top:0!important;
    height:calc(100dvh - 24px)!important;
  }
}

/* v829 — single desktop geometry: sidebar and content never shift between views. */
@media(min-width:761px){
  html{scrollbar-gutter:stable!important}
  body.has-site-header[data-view] .ksan-shell,
  body.has-site-header.ai-view-active .ksan-shell{
    position:relative!important;
    left:0!important;
    width:min(1176px,calc(100% - 32px))!important;
    max-width:1176px!important;
    margin:0 auto!important;
    padding:18px 0 42px!important;
    display:grid!important;
    grid-template-columns:202px minmax(0,960px)!important;
    column-gap:14px!important;
    justify-content:start!important;
    align-items:start!important;
  }
  body.has-site-header #appSidebar{
    grid-column:1!important;
    position:sticky!important;
    top:0!important;
    width:202px!important;
    min-width:202px!important;
    max-width:202px!important;
    height:calc(100vh - 18px)!important;
    min-height:0!important;
    margin:0!important;
    transform:none!important;
    transition:none!important;
    contain:layout style!important;
  }

  body.has-site-header .ksan-main,
  body.has-site-header.ai-view-active .ksan-main{
    grid-column:2!important;
    width:960px!important;
    max-width:960px!important;
    min-width:0!important;
    margin:0!important;
    transform:none!important;
    transition:none!important;
  }
}

@media(min-width:761px) and (max-width:1210px){
  body.has-site-header[data-view] .ksan-shell,
  body.has-site-header.ai-view-active .ksan-shell{
    width:calc(100% - 24px)!important;
    grid-template-columns:202px minmax(0,1fr)!important;
  }
  body.has-site-header .ksan-main,
  body.has-site-header.ai-view-active .ksan-main{
    width:100%!important;
    max-width:none!important;
  }
}


/* v830 — sign-out follows the navigation and no longer sits at the bottom of the viewport. */
@media(min-width:761px){
  body.has-site-header #appSidebar .ksan-sidebar__logout,
  #appSidebar .ksan-sidebar__logout{
    top:var(--logout-nav-top,438px)!important;
    bottom:auto!important;
    left:0!important;
    width:100%!important;
  }
}


/* v866 — followers widget moved from the white content card into the left sidebar */
#appSidebar .ksan-sidebar__followers{display:none!important}
@media(min-width:761px){
  #appSidebar .ksan-sidebar__followers{
    display:block!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:var(--followers-top,438px)!important;
    margin:0!important;
    padding:14px 12px 12px!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.032)!important;
    border:1px solid rgba(255,255,255,.045)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03)!important;
  }
  #appSidebar .ksan-sidebar__followers-head{
    width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
    margin:0!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer!important;
    color:#eef1f5!important;font:700 15px/1 Geist,system-ui,sans-serif!important;text-align:left!important;
  }
  #appSidebar .ksan-sidebar__followers-title{letter-spacing:-.02em!important}
  #appSidebar .ksan-sidebar__followers-count{color:#8c95a0!important;font:600 14px/1 Geist,system-ui,sans-serif!important}
  #appSidebar .ksan-sidebar__followers-row{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;margin:12px 0 10px!important}
  #appSidebar .ksan-sidebar__followers-person{
    width:100%!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:transparent!important;cursor:pointer!important;
  }
  #appSidebar .ksan-sidebar__followers-person .cx-avatar{
    width:100%!important;height:100%!important;border-radius:14px!important;display:block!important;object-fit:cover!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.06) inset!important;
  }
  #appSidebar .ksan-sidebar__followers-more{
    width:100%!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    margin:0!important;padding:0 10px!important;border:0!important;border-radius:12px!important;background:rgba(255,255,255,.045)!important;
    color:#c8ced7!important;font:600 13px/1 Geist,system-ui,sans-serif!important;cursor:pointer!important;
  }
  #appSidebar .ksan-sidebar__followers-more:hover{background:rgba(255,255,255,.07)!important;color:#fff!important}
}
@media(max-width:760px){#sidebarConnectionsBlock{display:none!important}}


/* v868 — followers in sidebar: compact, transparent, hard-bounded */
@media(min-width:761px){
  #appSidebar{overflow:visible!important}
  #appSidebar .ksan-sidebar__dock{overflow:visible!important}
  #appSidebar .ksan-sidebar__followers{
    position:absolute!important;
    left:0!important;
    right:auto!important;
    top:var(--followers-top,438px)!important;
    width:202px!important;
    max-width:202px!important;
    min-width:202px!important;
    height:auto!important;
    max-height:150px!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:8px 10px 10px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    z-index:6!important;
  }
  #appSidebar .ksan-sidebar__followers-head{
    width:100%!important;
    height:24px!important;
    min-height:24px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    color:#dfe3e9!important;
    font:650 13px/1 Geist,system-ui,sans-serif!important;
  }
  #appSidebar .ksan-sidebar__followers-title{font-size:13px!important}
  #appSidebar .ksan-sidebar__followers-count{font:600 12px/1 Geist,system-ui,sans-serif!important;color:#727b87!important}
  #appSidebar .ksan-sidebar__followers-row{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:7px!important;
    width:100%!important;
    height:42px!important;
    margin:8px 0 7px!important;
    padding:0!important;
    overflow:hidden!important;
  }
  #appSidebar .ksan-sidebar__followers-person{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    flex:0 0 38px!important;
    aspect-ratio:auto!important;
    display:block!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:11px!important;
    background:#15171b!important;
  }
  #appSidebar .ksan-sidebar__followers-person .cx-avatar,
  #appSidebar .ksan-sidebar__followers-person img.cx-avatar,
  #appSidebar .ksan-sidebar__followers-person span.cx-avatar{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    flex:0 0 38px!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    border-radius:11px!important;
    object-fit:cover!important;
    object-position:center!important;
    box-sizing:border-box!important;
  }
  #appSidebar .ksan-sidebar__followers-more{
    width:auto!important;
    height:24px!important;
    min-height:24px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#7f8792!important;
    font:600 12px/1 Geist,system-ui,sans-serif!important;
  }
  #appSidebar .ksan-sidebar__followers-more:hover{background:transparent!important;color:#fff!important}
}
@media(max-width:760px){
  #sidebarConnectionsBlock{display:none!important}
}


/* v915 — VK reference geometry: compact text menu, closer to content, centered composition */
@media (min-width:981px){
  body[data-view] .ksan-shell{
    position:relative!important;
    left:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:20px 24px 56px!important;
    display:grid!important;
    grid-template-columns:164px minmax(0,960px)!important;
    column-gap:18px!important;
    justify-content:center!important;
    align-items:start!important;
  }
  body[data-view="wall"] .ksan-shell,
  body[data-view="personal"] .ksan-shell{
    grid-template-columns:164px minmax(0,860px)!important;
  }
  body.ai-view-active .ksan-shell,
  body[data-view="ai"] .ksan-shell{
    grid-template-columns:164px minmax(0,1180px)!important;
    column-gap:18px!important;
  }
  body.ai-view-active .ksan-main,
  body[data-view="ai"] .ksan-main{
    width:min(1180px,calc(100vw - 230px))!important;
    max-width:1180px!important;
  }

  #appSidebar.ksan-sidebar,
  .ksan-sidebar{
    grid-column:1!important;
    position:sticky!important;
    top:88px!important;
    width:164px!important;
    min-width:164px!important;
    max-width:164px!important;
    height:calc(100dvh - 102px)!important;
    margin:0!important;
    padding:0!important;
    align-self:start!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  #appSidebar .ksan-sidebar__brand,
  #appSidebar .ksan-sidebar__brand-logo-wrap,
  #appSidebar .ksan-sidebar__market-widget{
    display:none!important;
  }
  #appSidebar .ksan-sidebar__dock,
  .ksan-sidebar__dock{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  #appSidebar .ksan-sidebar__nav,
  .ksan-sidebar__nav{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    width:100%!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:2px!important;
    overflow:visible!important;
  }
  #appSidebar .ksan-sidebar__item,
  .ksan-sidebar__item,
  #appSidebar .ksan-sidebar__item.is-active,
  .ksan-sidebar__item.is-active{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0 9px!important;
    gap:9px!important;
    border:0!important;
    border-radius:8px!important;
    box-shadow:none!important;
    transform:none!important;
    background:transparent!important;
    color:#b7bcc5!important;
    font:520 14px/1.15 Geist,system-ui,sans-serif!important;
    letter-spacing:-.01em!important;
  }
  #appSidebar .ksan-sidebar__item:hover,
  .ksan-sidebar__item:hover{
    color:#f1f3f6!important;
    background:rgba(255,255,255,.028)!important;
    transform:none!important;
  }
  #appSidebar .ksan-sidebar__item.is-active,
  .ksan-sidebar__item.is-active{
    color:#fff!important;
    background:rgba(255,255,255,.055)!important;
    font-weight:640!important;
  }
  #appSidebar .ksan-sidebar__icon,
  .ksan-sidebar__icon{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 24px!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    margin:0!important;
    padding:0!important;
  }
  #appSidebar .ksan-sidebar__icon img,
  .ksan-sidebar__icon img{
    position:static!important;
    transform:none!important;
    display:block!important;
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    min-height:24px!important;
    max-width:24px!important;
    max-height:24px!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    opacity:.92!important;
    filter:none!important;
  }
  #appSidebar .ksan-sidebar__label,
  .ksan-sidebar__label,
  #appSidebar .ksan-sidebar__item.is-active .ksan-sidebar__label,
  .ksan-sidebar__item.is-active .ksan-sidebar__label{
    display:block!important;
    min-width:0!important;
    color:inherit!important;
    font:inherit!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  #appSidebar .ksan-sidebar__badge,
  .ksan-sidebar__badge{
    position:static!important;
    transform:none!important;
    margin-left:auto!important;
    min-width:18px!important;
    height:18px!important;
    padding:0 5px!important;
    border:0!important;
    font-size:10px!important;
    box-shadow:none!important;
  }
  #appSidebar .ksan-sidebar__bottom,
  .ksan-sidebar__bottom{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:12px 0 0!important;
    padding:8px 0 0!important;
    border-top:1px solid rgba(255,255,255,.045)!important;
  }
  #appSidebar .ksan-sidebar__bottom .ksan-sidebar__item,
  .ksan-sidebar__bottom .ksan-sidebar__item{
    height:38px!important;
    min-height:38px!important;
    padding:0 9px!important;
    font-size:13px!important;
  }
  .ksan-main{
    grid-column:2!important;
    min-width:0!important;
    margin:0!important;
  }
}

@media (min-width:761px) and (max-width:980px){
  body[data-view] .ksan-shell,
  body.ai-view-active .ksan-shell{
    position:relative!important;
    left:0!important;
    grid-template-columns:150px minmax(0,1fr)!important;
    column-gap:14px!important;
    justify-content:center!important;
  }
  #appSidebar.ksan-sidebar,.ksan-sidebar{
    width:150px!important;min-width:150px!important;max-width:150px!important;
  }
  #appSidebar .ksan-sidebar__item,.ksan-sidebar__item{
    height:38px!important;min-height:38px!important;padding:0 7px!important;gap:8px!important;border-radius:8px!important;font-size:13px!important;
  }
  #appSidebar .ksan-sidebar__icon,#appSidebar .ksan-sidebar__icon img,
  .ksan-sidebar__icon,.ksan-sidebar__icon img{
    width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;flex-basis:22px!important;
  }
}


/* v916 — closer VK desktop geometry: narrow visual nav inside a wider rail, content column closer and centered */
@media (min-width:981px){
  body[data-view] .ksan-shell,
  body.ai-view-active .ksan-shell{
    grid-template-columns:224px minmax(0,960px)!important;
    column-gap:14px!important;
    justify-content:center!important;
    padding-left:20px!important;
    padding-right:20px!important;
  }

  #appSidebar.ksan-sidebar,
  .ksan-sidebar{
    width:176px!important;
    min-width:176px!important;
    max-width:176px!important;
    justify-self:end!important;
    top:86px!important;
  }
  #appSidebar .ksan-sidebar__dock,
  .ksan-sidebar__dock,
  #appSidebar .ksan-sidebar__nav,
  .ksan-sidebar__nav{
    width:176px!important;
  }
  #appSidebar .ksan-sidebar__item,
  .ksan-sidebar__item,
  #appSidebar .ksan-sidebar__item.is-active,
  .ksan-sidebar__item.is-active{
    height:36px!important;
    min-height:36px!important;
    padding:0 7px!important;
    gap:8px!important;
    border-radius:7px!important;
    font:520 13px/1.15 Geist,system-ui,sans-serif!important;
  }
  #appSidebar .ksan-sidebar__icon,
  .ksan-sidebar__icon,
  #appSidebar .ksan-sidebar__icon img,
  .ksan-sidebar__icon img{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    min-height:22px!important;
    max-width:22px!important;
    max-height:22px!important;
    flex:0 0 22px!important;
  }
  #appSidebar .ksan-sidebar__label,
  .ksan-sidebar__label{
    font-size:13px!important;
  }
  #appSidebar .ksan-sidebar__item.is-active,
  .ksan-sidebar__item.is-active{
    background:rgba(255,255,255,.045)!important;
  }
  #appSidebar .ksan-sidebar__followers{
    width:176px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* v917 — smaller desktop sidebar icons/labels and a cleaner new-count badge */
@media (min-width:761px){
  #appSidebar .ksan-sidebar__nav{
    gap: 3px !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__item{
    height: 38px !important;
    min-height: 38px !important;
    padding-left: 8px !important;
    padding-right: 34px !important;
    gap: 8px !important;
    border-radius: 9px !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__icon,
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__icon img{
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    flex: 0 0 22px !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__label{
    display: block !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    letter-spacing: -.1px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__badge{
    right: 8px !important;
    min-width: 18px !important;
    height: 18px !important;
    padding: 0 5px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 122, 150, .24) !important;
    background: linear-gradient(180deg, rgba(255, 98, 138, .24), rgba(255, 76, 116, .16)) !important;
    color: #ffdbe5 !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.18) !important;
    font: 700 11px/1 Geist, Arial, sans-serif !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__badge--success{
    border-color: rgba(82, 216, 138, .22) !important;
    background: linear-gradient(180deg, rgba(71, 191, 123, .22), rgba(71, 191, 123, .12)) !important;
    color: #bff0cf !important;
  }
  #appSidebar .ksan-sidebar__nav .ksan-sidebar__item:has(.ksan-sidebar__badge:not([hidden])){
    padding-right: 34px !important;
  }
}