/* Filled, original Phosphor duotone paths replace the previous line icons. */
svg.icon.phosphor,
.keygate-glass-navigation-host .glass-tab-bar__icon svg.icon.phosphor,
.nav-item.active svg.icon.phosphor {
  fill: currentColor;
  stroke: none;
  stroke-width: 0;
}
.keygate-glass-navigation-host .glass-tab-bar__icon svg.icon.phosphor { width: 26px; height: 26px; }
.works-empty { min-height: 55dvh; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; color:#8792a7; }
.works-empty>.icon {width:58px;height:58px;}
.works-empty h2 {font-size:17px;font-weight:500;}
.chat-screen {height:100dvh;background:#fff;}
#chat-root {height:100%;}
body:has(.chat-screen) {background:#fff;}
body:has(.chat-screen) .sidebar,
body:has(.chat-screen) .topbar,
body:has(.chat-screen) .site-footer,
body:has(.chat-screen) #mobile-navigation {display:none!important;}
body:has(.chat-screen) .workspace {margin-left:0;}
#main:has(.chat-screen) {padding:0;max-width:none;height:100dvh;min-height:0;animation:none;}
@media(max-width:800px){
  .site-footer:empty{display:none}
  #main{min-height:100dvh;padding-bottom:calc(100px + env(safe-area-inset-bottom))}
}