html.desktop-display:not(.mobile-display) .browser #app{box-shadow:none}html.desktop-display:not(.mobile-display) .browser .browser-install{margin-top:16px}html.desktop-display:not(.mobile-display) .browser .cloud-banner{color:#647383}html.desktop-display:not(.mobile-display) .browser main{scroll-margin-top:90px}
@media(min-width:960px){
 html.desktop-display:not(.mobile-display) body.browser{background:#f6f7f9}html.desktop-display:not(.mobile-display) .browser #app{max-width:none;min-height:100vh;margin:0;border-radius:0;overflow:visible}
 html.desktop-display:not(.mobile-display) .browser header{position:sticky;top:0;margin-left:224px;height:91px;padding:20px 44px;border-radius:0;border-bottom:1px solid var(--line);background:#f6f7f9;z-index:5}
 html.desktop-display:not(.mobile-display) .browser header .brand strong{font-size:24px}html.desktop-display:not(.mobile-display) .browser .modebar{margin-left:224px;padding:15px 44px 0}
 html.desktop-display:not(.mobile-display) .browser main{margin-left:224px;padding:32px 44px 65px;max-width:1130px;min-height:0}
 html.desktop-display:not(.mobile-display) .browser main h1{font-size:30px}html.desktop-display:not(.mobile-display) .browser main .hero{padding:27px 32px}html.desktop-display:not(.mobile-display) .browser .hero-grid{max-width:470px}html.desktop-display:not(.mobile-display) .browser .hero-title{font-size:21px}
 html.desktop-display:not(.mobile-display) .browser nav.bottom{position:fixed;left:0;top:0;bottom:0;width:224px;max-width:none;height:100vh;display:flex;flex-direction:column;gap:9px;align-items:stretch;padding:36px 20px;background:#101d2b;border:0;border-radius:0;backdrop-filter:none}
 html.desktop-display:not(.mobile-display) .browser nav.bottom:before{content:'NCM / WORKSPACE';color:#d2dce4;font-size:11px;letter-spacing:2px;padding:0 14px 36px}
 html.desktop-display:not(.mobile-display) .browser nav.bottom:after{content:'PRIVATE & CONNECTED';margin-top:auto;color:#6f8192;font-size:8px;letter-spacing:1.6px;padding:25px 14px}
 html.desktop-display:not(.mobile-display) .browser nav.bottom button{display:flex;align-items:center;gap:14px;color:#94a5b6;padding:15px 16px;font-size:13px;text-align:left;border-radius:4px;min-height:53px}
 html.desktop-display:not(.mobile-display) .browser nav.bottom button svg{display:inline-block;margin:0;width:20px;height:20px}html.desktop-display:not(.mobile-display) .browser nav.bottom .next-ai-menu-orb{width:28px;height:28px;margin:-4px -4px -4px -4px;flex:none}html.desktop-display:not(.mobile-display) .browser nav.bottom button.active{color:white;background:#ffffff12}
 html.desktop-display:not(.mobile-display) .browser .list .row{padding:20px 24px}html.desktop-display:not(.mobile-display) .browser .row:hover,html.desktop-display:not(.mobile-display) .browser .notice-card:hover{background:#fbfcfd}html.desktop-display:not(.mobile-display) .browser .section-head{margin-top:29px}html.desktop-display:not(.mobile-display) .browser .document-paper{padding:38px;max-width:820px}html.desktop-display:not(.mobile-display) .browser .panel{padding:26px}
 html.desktop-display:not(.mobile-display) .browser main.page-chat{max-width:1030px}html.desktop-display:not(.mobile-display) .browser .message-list{min-height:250px}html.desktop-display:not(.mobile-display) .browser .composer{bottom:0;padding:20px 0}html.desktop-display:not(.mobile-display) .browser .message{max-width:76%}
 html.desktop-display:not(.mobile-display) .browser main.page-new,html.desktop-display:not(.mobile-display) .browser main.page-request,html.desktop-display:not(.mobile-display) .browser main.page-settings{max-width:1000px}
 html.desktop-display:not(.mobile-display) .browser main.page-alliance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}
 html.desktop-display:not(.mobile-display) .browser .page-alliance>p,html.desktop-display:not(.mobile-display) .browser .page-alliance>h1,html.desktop-display:not(.mobile-display) .browser .page-alliance>.info-box{grid-column:1/-1}html.desktop-display:not(.mobile-display) .browser .partner h3{font-size:17px}html.desktop-display:not(.mobile-display) .browser .partner .primary,html.desktop-display:not(.mobile-display) .browser .partner .secondary{font-size:11px}
 html.desktop-display:not(.mobile-display) .browser main.page-home{max-width:1120px}html.desktop-display:not(.mobile-display) .browser .notice-card h3 br{display:none}
 html.desktop-display:not(.mobile-display) .browser #app:has(.login),html.desktop-display:not(.mobile-display) .browser #app:has(.login-form-page){max-width:500px;margin:50px auto;min-height:calc(100vh - 100px);border:1px solid var(--line);border-radius:8px;background:white}
 html.desktop-display:not(.mobile-display) .browser .login main,html.desktop-display:not(.mobile-display) .browser main.login-form-page{margin-left:0;padding:38px;max-width:none}
}
@media(min-width:960px){html.desktop-display:not(.mobile-display) .browser.chat-active #app{height:100dvh;min-height:0;overflow:hidden}html.desktop-display:not(.mobile-display) .browser.chat-active main.page-chat{max-width:none;padding:0 24px 18px;min-height:0}html.desktop-display:not(.mobile-display) .browser.chat-active .modebar{padding-bottom:8px}html.desktop-display:not(.mobile-display) .browser.chat-active .chat-workspace{border:1px solid var(--line);border-radius:14px;overflow:hidden}html.desktop-display:not(.mobile-display) .browser.chat-active .chat-title h2{font-size:15px}}

/* The white header starts after the fixed navigation, whose navy rail stays continuous. */
@media(min-width:960px){html.desktop-display:not(.mobile-display) .browser header{background:#fff}html.desktop-display:not(.mobile-display) .browser nav.bottom{z-index:7}}