/* Kotmee 0.2.89. Existing tabbar becomes the desktop navigation; mobile stays intact. */
.km-desktop-brand,.km-desktop-only{display:none!important}
@media(min-width:900px){
 html.kotmee-app:has(footer[data-km-sidebar]){--km-frame:min(1280px,calc(100vw - 64px));--km-side:248px;--km-gap:28px;--km-edge:calc((100vw - var(--km-frame))/2);--km-left:calc(var(--km-edge) + var(--km-side) + var(--km-gap));--km-content:calc(var(--km-frame) - var(--km-side) - var(--km-gap));--app-width:var(--km-content)}
 .kotmee-app body:has(footer[data-km-sidebar]){min-width:0}
 .kotmee-app footer[data-km-sidebar]{position:fixed!important;inset:24px auto 24px var(--km-edge)!important;transform:none!important;width:var(--km-side)!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;z-index:20;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;visibility:visible!important;pointer-events:auto!important}
 .kotmee-app [data-km-sidebar] .km-desktop-brand{display:flex!important;align-items:center;gap:10px;height:64px;padding:0 14px;margin-bottom:16px;text-decoration:none;color:#262335;font:750 29px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-1.1px}
 .kotmee-app .km-desktop-brand img{display:block;width:42px;height:42px;object-fit:contain;flex:none}
 .kotmee-app footer[data-km-sidebar] .tabbar{display:flex!important;flex-direction:column;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:6px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}
 .kotmee-app footer[data-km-sidebar] .tab{position:relative;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:14px!important;box-sizing:border-box;width:100%;min-height:52px!important;padding:13px 16px!important;border:0!important;border-radius:12px!important;background:transparent;color:#383447;font:550 16px/24px -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif!important;text-decoration:none;text-align:left;letter-spacing:0;cursor:pointer}
 .kotmee-app footer[data-km-sidebar] .tab-label{font:inherit!important;line-height:24px!important;white-space:nowrap}
 .kotmee-app footer[data-km-sidebar] .tab-icon{display:block;width:26px!important;height:26px!important;flex:0 0 26px;object-fit:contain;filter:none!important;opacity:1!important}
 .kotmee-app footer[data-km-sidebar] .tab[aria-current="page"]{background:#ffffffb8!important;color:#405aff!important;font-weight:650!important}
 .kotmee-app footer[data-km-sidebar] .tab:hover{background:#ffffff80!important;color:#405aff}
 .kotmee-app footer[data-km-sidebar] .tab:focus-visible,.kotmee-app .km-desktop-brand:focus-visible{outline:2px solid #405aff!important;outline-offset:-2px}
 .kotmee-app footer[data-km-sidebar] [data-tab="profile"]{display:none!important}
 .kotmee-app footer[data-km-sidebar] .km-desktop-only{display:flex!important}
 .kotmee-app footer[data-km-sidebar] .km-logout{margin-top:18px;color:#777184}
 .kotmee-app footer[data-km-sidebar] .km-logout svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .kotmee-app footer[data-km-sidebar] .tab-badge{position:static!important;transform:none!important;flex:0 0 auto;margin-left:auto;min-width:20px;height:20px;line-height:20px;box-shadow:none!important}
 .kotmee-app body:has(footer[data-km-sidebar])>.site-header,
 .kotmee-app body:has(footer[data-km-sidebar])>.notifications-topbar,
 .kotmee-app body:has(footer[data-km-sidebar])>#directory>.site-header{position:relative;inset:auto;width:var(--km-content)!important;max-width:none!important;margin:24px 0 16px var(--km-left)!important;padding:0!important;box-sizing:border-box}
 .kotmee-app body:has(footer[data-km-sidebar]) :is(.header-inner,.notifications-header){width:100%!important;max-width:none!important;min-height:64px!important;margin:0!important;padding:0 20px!important;box-sizing:border-box}
 .kotmee-app body:has(footer[data-km-sidebar])>main,
 .kotmee-app body:has(footer[data-km-sidebar])>.notifications-page,
 .kotmee-app body:has(footer[data-km-sidebar])>#directory>.directory-body{width:var(--km-content)!important;max-width:none!important;min-width:0;margin:0 0 28px var(--km-left)!important;box-sizing:border-box}
 .kotmee-app body:has(footer[data-km-sidebar])>.shell{padding:0 0 28px!important}
 .kotmee-app body:has(footer[data-km-sidebar]) .personal-widgets{width:100%;max-width:none;min-width:0}
 .kotmee-app body:has(footer[data-km-sidebar]) .personal-widgets .stories{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
 .kotmee-app body:has(footer[data-km-sidebar])>.notifications-page{padding-bottom:28px!important}
 .kotmee-app body:has(footer[data-km-sidebar])>.notifications-page>.notifications-list{width:100%;max-width:none;padding-bottom:0!important}
 .kotmee-app body:has(footer[data-km-sidebar])>.chats-main{height:calc(100dvh - 132px)!important;min-height:0;padding-bottom:20px!important}
 .kotmee-app body:has(footer[data-km-sidebar]) #directory{width:100%;max-width:none;margin:0}
 .kotmee-app body:has(footer[data-km-sidebar]) #directory>.directory-body{padding-bottom:28px!important}
 .kotmee-app body:has(footer[data-km-sidebar]) #conversation{position:fixed!important;inset:104px auto 24px var(--km-left)!important;width:var(--km-content)!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border-radius:24px}
 .kotmee-app body.conversation-open:has(footer[data-km-sidebar])>.chats-site-header{position:fixed!important;top:24px!important;left:var(--km-left)!important;right:auto!important;margin:0!important}
}
@media(min-width:900px) and (max-width:1100px){
 html.kotmee-app:has(footer[data-km-sidebar]){--km-frame:calc(100vw - 40px);--km-side:210px;--km-gap:20px}
}