/* Shared rail geometry prevents navigation from changing the frame. */
:root{--rail:60px}
body:is(.view-home,.view-chat,.view-projects,.view-assets,.view-social) #layout{grid-template-columns:60px minmax(0,1fr)!important}
body.view-canvas #layout.layout.show-sessions:not(.sessions-collapsed){grid-template-columns:60px var(--session,240px) minmax(0,1fr)!important}
body.view-canvas #layout.layout.show-sessions.sessions-collapsed{grid-template-columns:60px minmax(0,1fr)!important}
body .rail,body.view-chat .rail,body.view-assets .rail,body.view-canvas .rail{width:60px!important;box-sizing:border-box!important;flex-shrink:0}
body .rail .rail-item{width:46px!important;font-size:11px!important;line-height:1.2!important;padding:7px 2px 5px!important}
body .rail .rail-item-home{padding:8px 0!important}
body .rail .rail-item .ri{width:24px!important;height:24px!important}
body .rail .rail-item .ri svg{width:19px!important;height:19px!important}
body .rail .rail-item.on .ri{background:transparent!important}
body.view-home:has(.home-brand-notice:not([hidden])):not(:has(#lightbox:not(.hidden))) .rail{padding-top:42px}
body>.home-brand-notice{position:fixed;left:0;right:0;top:0;z-index:40}
body:not(.view-home)>.home-brand-notice,
body:has(#lightbox:not(.hidden))>.home-brand-notice,
body.profile-open>.home-brand-notice,
body.member-open>.home-brand-notice,
body.settings-open>.home-brand-notice{display:none!important}
#composerHome #barHome .pill-cat{background:linear-gradient(145deg,#ffffff20,#ffffff08)!important;border-color:#ffffff38!important;box-shadow:inset 0 1px 0 #ffffff25,0 2px 8px #08182412!important}
body #viewChat #composerChat .composer-member-banner{margin:-12px -8px 8px!important;width:calc(100% + 16px);max-width:calc(100% + 16px);flex:none;border-radius:23px 23px 0 0;box-sizing:border-box;padding:8px 12px}
body #viewChat #composerGlassChat{overflow:visible}
body #viewChat #composerChat .composer-member-banner button:first-child{min-width:0;line-height:20px}
body #viewChat #composerChat .composer-member-banner button:last-child{flex:0 0 22px}
#projectLoadingOverlay{position:fixed;inset:0 0 0 60px;z-index:1700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#151515;color:#999;font-size:12px;letter-spacing:1px}
#projectLoadingOverlay[hidden]{display:none}
.project-loading-mark{width:108px;height:92px;display:grid;place-items:center}
body #viewChat #projectChatReopen{position:absolute!important;left:12px!important;top:52px!important;width:32px!important;height:32px!important;padding:0!important;align-items:center;justify-content:center;border:1px solid #ffffff18!important;border-radius:9px!important;background:#232323e6!important;color:#b7b7b7!important;box-shadow:0 2px 8px #0002;font-size:0!important;z-index:45}
body #viewChat #workspace.project-chat-collapsed #projectChatReopen{display:flex!important}
body #viewChat #projectChatReopen:hover{background:#333!important;color:#fff!important}
body #viewChat #projectChatReopen:focus-visible{outline:2px solid #66cbdc;outline-offset:3px}
