/* Chat's viewport, navigation and content share one responsive sizing model. */
body[data-app=chat]:not([data-app=home]){
 --chat-rail-width:5.75rem;
 --chat-space:clamp(.75rem,1.8vw,1.5rem);
 font-size:1rem;line-height:1.5;
}
body[data-app=chat]:not([data-app=home]) .workspace{min-width:0;min-height:0}
body[data-app=chat]:not([data-app=home]) #sidebar,
body.embedded-app[data-app=chat]:not([data-app=home]) #sidebar{
 display:grid;grid-template-rows:3rem minmax(0,6fr) minmax(0,3fr);
 gap:.5rem;height:var(--chat-height,100dvh);padding:.5rem .375rem;
 overflow:clip;overscroll-behavior:none;
}
body[data-app=chat]:not([data-app=home]) #sidebar .docs-side-brand{
 grid-row:1;min-height:0;height:3rem;margin:0;padding:0;align-items:center;
}
body[data-app=chat]:not([data-app=home]) #sidebar .app-local-nav{
 display:grid;grid-row:2;min-height:0;overflow:clip;
}
body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav{
 display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:.25rem;
 height:100%;min-height:0;max-height:27rem;align-self:start;
}
body[data-app=chat]:not([data-app=home]) .chat-side-views{display:contents}
body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom{
 display:grid;grid-row:3;grid-template-rows:minmax(0,2fr) minmax(0,1fr);
 min-height:0;max-height:13.5rem;gap:.25rem;margin:0;padding:.375rem 0 0;align-self:end;
}
body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom>.app-global-nav{
 display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:.25rem;min-height:0;
}
body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav button,
body[data-app=chat]:not([data-app=home]) #sidebar .app-global-nav a,
body[data-app=chat]:not([data-app=home]) #sidebar #app-switcher-button,
body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom>a{
 min-height:2.75rem;height:100%;max-height:4.5rem;align-self:center;
 gap:.25rem;padding:.375rem .125rem;border-radius:.75rem;font-size:.8125rem;line-height:1.2;
}
body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav button>span,
body[data-app=chat]:not([data-app=home]) #sidebar .app-global-nav a span,
body[data-app=chat]:not([data-app=home]) #sidebar #app-switcher-button span,
body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom>a span{
 position:static;width:auto;height:auto;margin:0;clip:auto;overflow:visible;
 white-space:normal;font-size:.75rem;line-height:1.2;
}
body[data-app=chat]:not([data-app=home]) #sidebar svg{width:1.375rem;height:1.375rem}
body[data-app=chat]:not([data-app=home]) .workspace>.docs-topbar{
 padding-inline:var(--chat-space);gap:clamp(.5rem,1.2vw,1rem);
 grid-template-columns:minmax(0,1fr) minmax(12rem,40%) minmax(0,1fr);
}
body[data-app=chat]:not([data-app=home]) .docs-topbar #breadcrumb{font-size:clamp(1rem,1.6vw,1.25rem)}
body[data-app=chat]:not([data-app=home]) .docs-topbar .account-button{min-width:0;max-width:min(13rem,100%)}
body[data-app=chat]:not([data-app=home]) .docs-topbar .app-user-name,
body[data-app=chat]:not([data-app=home]) .docs-topbar .id-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
body[data-app=chat]:not([data-app=home]) .chat-header-search{min-width:0;max-width:32rem}
body[data-app=chat]:not([data-app=home]) .chat-search input{font-size:1rem;line-height:1.5}
body[data-app=chat]:not([data-app=home]) #main{padding:var(--chat-space);min-height:0}
body[data-app=chat]:not([data-app=home]).chat-screen #main{gap:clamp(.5rem,1.6vh,1.25rem)}
body[data-app=chat]:not([data-app=home]) .chat-page-heading{gap:.75rem;min-width:0;flex-wrap:wrap}
body[data-app=chat]:not([data-app=home]) .chat-page-heading>div:first-child{min-width:0}
body[data-app=chat]:not([data-app=home]) .chat-page-heading h1{font-size:clamp(1.375rem,2.2vw,2rem);line-height:1.25;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) .chat-eyebrow{font-size:.875rem;margin-bottom:.25rem}
body[data-app=chat]:not([data-app=home]) .chat-heading-actions{margin-left:auto;gap:.5rem}
body[data-app=chat]:not([data-app=home]) .chat-heading-actions button{min-height:2.75rem;font-size:.875rem}
body[data-app=chat]:not([data-app=home]).chat-screen .chat-layout{
 grid-template-columns:clamp(14rem,30%,23rem) minmax(0,1fr);min-width:0;min-height:0;
}
body[data-app=chat]:not([data-app=home]) .inbox-header{padding:1rem;min-width:0;max-height:45%;overflow:auto}
body[data-app=chat]:not([data-app=home]) .inbox-title h2{font-size:1rem;line-height:1.4;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) .conversation-copy strong{font-size:1rem}
body[data-app=chat]:not([data-app=home]) .conversation-copy small{font-size:.875rem}
body[data-app=chat]:not([data-app=home]) .conversation-avatar{width:2.5rem;height:2.5rem;flex:none;font-size:1rem}
body[data-app=chat]:not([data-app=home]).chat-screen .conversation{min-height:4.5rem;padding:.75rem .625rem;gap:.625rem}
body[data-app=chat]:not([data-app=home]) .conversation .badge{flex:none;font-size:.75rem}
body[data-app=chat]:not([data-app=home]) .chat-panel{min-width:0;min-height:0}
body[data-app=chat]:not([data-app=home]).chat-screen .thread-header{
 min-height:4rem;max-height:35%;padding:.75rem 1rem;gap:.625rem;flex-wrap:wrap;overflow:auto;
}
body[data-app=chat]:not([data-app=home]) .thread-header>div{min-width:0;flex:1 1 8rem}
body[data-app=chat]:not([data-app=home]) .thread-header h2{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.4}
body[data-app=chat]:not([data-app=home]) .thread-header small{font-size:.8125rem;line-height:1.4}
body[data-app=chat]:not([data-app=home]) .thread-header button:not(.chat-back),
body[data-app=chat]:not([data-app=home]) .thread-header>a{min-height:2.75rem;max-width:100%;font-size:.875rem;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]).chat-screen .messages{padding:clamp(.75rem,1.6vw,1.5rem);gap:.75rem;scrollbar-gutter:stable}
body[data-app=chat]:not([data-app=home]) .message{min-width:0;max-width:min(88%,42rem);padding:.625rem .875rem;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) .message p{font-size:1rem;line-height:1.55;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) .message small{font-size:.75rem;line-height:1.5}
body[data-app=chat]:not([data-app=home]) .message blockquote{margin:.5rem 0;padding-left:.75rem;border-left:3px solid #d8adcd;white-space:pre-wrap;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) .message-link{min-width:0;max-width:100%;min-height:2.75rem;white-space:normal;text-align:left;overflow-wrap:anywhere;font-size:.875rem}
body[data-app=chat]:not([data-app=home]) .group-message-link{display:grid;gap:.25rem;width:100%}
body[data-app=chat]:not([data-app=home]) .message :is(img,video,canvas){max-width:100%;height:auto}
body[data-app=chat]:not([data-app=home]).chat-screen .composer{
 align-items:flex-end;padding:.625rem 1rem max(.625rem,env(safe-area-inset-bottom));gap:.5rem;
}
body[data-app=chat]:not([data-app=home]) .composer textarea{
 flex:1 1 0;width:0;min-width:0;min-height:2.75rem;max-height:min(10rem,25dvh);
 font-size:1rem;line-height:1.5;padding:.625rem .75rem;resize:none;overflow-y:auto;
}
body[data-app=chat]:not([data-app=home]) .composer button{flex:none;min-height:2.75rem;font-size:.875rem}
body[data-app=chat]:not([data-app=home]) :is(#attach,#attach-group){display:grid;place-items:center;flex:none;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;font-size:1.5rem}
body[data-app=chat]:not([data-app=home]) .chat-panel>.help{max-height:20%;overflow:auto;flex:none;margin:.5rem .75rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.5}
body[data-app=chat]:not([data-app=home]) .chat-empty-state{max-width:26rem;padding:clamp(1rem,3vh,2rem)}
body[data-app=chat]:not([data-app=home]) .chat-empty-state h2{font-size:clamp(1rem,1.5vw,1.25rem)}
body[data-app=chat]:not([data-app=home]) .chat-empty-state img{width:clamp(2.5rem,9vh,4.75rem);height:auto;margin-bottom:1rem}
body[data-app=chat]:not([data-app=home]) #dialog{
 width:min(42rem,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);
 max-height:calc(var(--chat-height,100dvh) - 1.5rem);padding:clamp(1rem,3vw,2rem);
 overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-size:1rem;line-height:1.5;
}
body[data-app=chat]:not([data-app=home]) #dialog-body{min-width:0;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) #dialog h2{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.35;overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) #dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-width:0;max-width:100%;min-height:2.75rem;font-size:1rem}
body[data-app=chat]:not([data-app=home]) #dialog :is(input[type=checkbox],input[type=radio]){width:1.25rem;height:1.25rem;min-height:0;flex:none}
body[data-app=chat]:not([data-app=home]) #dialog label.check{min-height:2.75rem}
body[data-app=chat]:not([data-app=home]) #dialog :is(fieldset,form,.grow){min-width:0}
body[data-app=chat]:not([data-app=home]) #dialog fieldset{margin:0;padding:0;border:0}
body[data-app=chat]:not([data-app=home]) #dialog :is(button,a){overflow-wrap:anywhere}
body[data-app=chat]:not([data-app=home]) #dialog button{min-height:2.75rem;font-size:.875rem;white-space:normal}
body[data-app=chat]:not([data-app=home]) #dialog .item{flex-wrap:wrap;gap:.75rem;padding:.75rem}
body[data-app=chat]:not([data-app=home]) #dialog .item>.grow{flex:1 1 10rem}
body[data-app=chat]:not([data-app=home]) #dialog .form-actions{position:sticky;bottom:-1rem;z-index:2;flex-wrap:wrap;gap:.5rem;padding:.75rem 0 .25rem;background:#fff;border-top:1px solid var(--border)}
body[data-app=chat]:not([data-app=home]) #dialog .form-actions button{flex:1 1 8rem}
body[data-app=chat]:not([data-app=home]) #dialog :is(.split,.chat-resource-search){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;align-items:end}
body[data-app=chat]:not([data-app=home]) #dialog .chat-resource-search label{margin:0}
body[data-app=chat]:not([data-app=home]) #dialog .chat-resource-results{display:grid;gap:.5rem;margin-block:.75rem;max-width:100%;min-width:0}
body[data-app=chat]:not([data-app=home]) #dialog .chat-resource-results button{width:100%;text-align:left;min-width:0}
body[data-app=chat]:not([data-app=home]) #dialog .app-switcher{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}
body[data-app=chat]:not([data-app=home]) #dialog .app-switcher-heading{gap:.5rem;align-items:flex-start}
body[data-app=chat]:not([data-app=home]) #dialog .app-switcher-heading>div{min-width:0}
body[data-app=chat]:not([data-app=home]) #dialog table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.875rem;overscroll-behavior-x:contain}
body[data-app=chat]:not([data-app=home]) #dialog :is(th,td){padding:.5rem;overflow-wrap:anywhere;text-align:left}
body[data-app=chat]:not([data-app=home]) #dialog :is(img,video,canvas){max-width:100%;height:auto}
body[data-app=chat]:not([data-app=home]) #dialog :is(iframe,object,embed){width:100%;max-width:100%;height:min(65dvh,40rem)}
body[data-app=chat]:not([data-app=home]) #dialog pre{max-width:100%;overflow:auto;font-size:.875rem}
body[data-app=chat]:not([data-app=home]) .entry-screen{min-height:100dvh;padding:1rem}
body[data-app=chat]:not([data-app=home]) .entry-card{width:min(100%,30rem);min-width:0;padding:clamp(1.25rem,5vw,2.5rem)}
body[data-app=chat]:not([data-app=home]) #entry-title{font-size:clamp(1.5rem,5vw,2.25rem)}
body[data-app=chat]:not([data-app=home]) #notice{max-width:calc(100vw - 1.5rem);font-size:.875rem;overflow-wrap:anywhere}
@media(max-width:1100px){
 body[data-app=chat]:not([data-app=home]) .workspace>.docs-topbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;height:auto;min-height:0;padding-block:.5rem;gap:.375rem .75rem}
 body[data-app=chat]:not([data-app=home]) .docs-topbar #breadcrumb{grid-column:1;grid-row:1}
 body[data-app=chat]:not([data-app=home]) .docs-topbar-actions{grid-column:2;grid-row:1}
 body[data-app=chat]:not([data-app=home]) .chat-header-search{grid-column:1/-1;grid-row:2}
 body[data-app=chat]:not([data-app=home]) .docs-topbar :is(.app-user-name,.id-name,.docs-account-chevron){display:none}
 body[data-app=chat]:not([data-app=home]) .docs-topbar .account-button{width:2.75rem;max-width:2.75rem;height:2.75rem;padding:.25rem;justify-content:center}
}
@media(max-width:760px){
 body[data-app=chat]:not([data-app=home]){--chat-rail-width:0px;--chat-space:.625rem}
 body[data-app=chat]:not([data-app=home]) #sidebar,body.embedded-app[data-app=chat]:not([data-app=home]) #sidebar{position:fixed;top:var(--chat-top,0px);bottom:auto;width:5.75rem}
 body[data-app=chat]:not([data-app=home]) #sidebar .app-side-close{grid-row:1;justify-self:center;align-self:center;min-height:2.75rem;width:2.75rem;height:2.75rem;margin:0}
 body[data-app=chat]:not([data-app=home]) .app-menu-backdrop:not([hidden]){top:var(--chat-top,0px);height:var(--chat-height,100dvh)}
 body[data-app=chat]:not([data-app=home]) .workspace>.docs-topbar{grid-template-columns:2.75rem minmax(0,1fr) auto;padding:.375rem .625rem .5rem;gap:.375rem}
 body[data-app=chat]:not([data-app=home]) .docs-topbar #menu{grid-column:1;grid-row:1;width:2.75rem;min-width:2.75rem;height:2.75rem}
 body[data-app=chat]:not([data-app=home]) .docs-mobile-brand{grid-column:2;grid-row:1;gap:.375rem;font-size:1rem}
 body[data-app=chat]:not([data-app=home]) .docs-mobile-brand>img{width:1.5rem;height:1.5rem}
 body[data-app=chat]:not([data-app=home]) .docs-topbar-actions{grid-column:3;gap:.25rem}
 body[data-app=chat]:not([data-app=home]) .docs-topbar #notice-bell{width:2.75rem;min-width:2.75rem;height:2.75rem}
 body[data-app=chat]:not([data-app=home]) .docs-topbar .app-user-avatar{width:2rem;height:2rem}
 body[data-app=chat]:not([data-app=home]).chat-screen .chat-layout{display:flex;border-radius:.875rem}
 body[data-app=chat]:not([data-app=home]) .chat-page-heading h1{font-size:1.5rem}
 body[data-app=chat]:not([data-app=home]) .chat-heading-actions{gap:.375rem}
 body[data-app=chat]:not([data-app=home]) .chat-heading-actions button{width:2.75rem;padding:.625rem}
 body[data-app=chat]:not([data-app=home]) .thread-header .chat-back{min-width:2.75rem;width:2.75rem;height:2.75rem}
 body[data-app=chat]:not([data-app=home]) .message{max-width:94%}
 body[data-app=chat]:not([data-app=home]).chat-screen .composer{padding-inline:.5rem}
 body[data-app=chat]:not([data-app=home]) .composer button[type=submit]{padding:.625rem .75rem}
}
@media(max-width:360px){
 body[data-app=chat]:not([data-app=home]) .docs-mobile-brand{font-size:.9375rem}
 body[data-app=chat]:not([data-app=home]) .chat-page-heading h1{font-size:1.375rem}
}
/* A wider, two-column rail keeps all nine destinations usable on short screens. */
@media(max-height:560px){
 body[data-app=chat]:not([data-app=home]){--chat-rail-width:10.5rem;--chat-space:.5rem}
 body[data-app=chat]:not([data-app=home]) #sidebar,body.embedded-app[data-app=chat]:not([data-app=home]) #sidebar{width:10.5rem;grid-template-rows:2.75rem minmax(0,1fr) 3rem;gap:.375rem;padding:.375rem}
 body[data-app=chat]:not([data-app=home]) #sidebar .docs-side-brand{height:2.75rem}
 body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));max-height:13.5rem}
 body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;max-height:none;padding-top:.25rem;align-self:stretch;gap:.125rem}
 body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom>.app-global-nav{display:contents}
 body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav button,
 body[data-app=chat]:not([data-app=home]) #sidebar .app-global-nav a,
 body[data-app=chat]:not([data-app=home]) #sidebar #app-switcher-button,
 body[data-app=chat]:not([data-app=home]) #sidebar .app-side-bottom>a{padding:.125rem;gap:.125rem}
 body[data-app=chat]:not([data-app=home]) .chat-eyebrow{display:none}
 body[data-app=chat]:not([data-app=home]).thread-open .chat-page-heading{display:none}
 body[data-app=chat]:not([data-app=home]) .thread-header .chat-back{display:grid;place-items:center;min-width:2.75rem;width:2.75rem;height:2.75rem;padding:0}
 body[data-app=chat]:not([data-app=home]) .chat-page-heading h1{font-size:1.375rem}
 body[data-app=chat]:not([data-app=home]) .inbox-header{padding:.5rem .75rem}
 body[data-app=chat]:not([data-app=home]).chat-screen .thread-header{min-height:3.25rem;padding:.375rem .625rem}
 body[data-app=chat]:not([data-app=home]).chat-screen .messages{padding:.625rem}
 body[data-app=chat]:not([data-app=home]).chat-screen .composer{padding-block:.375rem}
 body[data-app=chat]:not([data-app=home]) .chat-panel>.help{margin:.25rem .5rem;padding:.25rem .5rem;max-height:2rem;font-size:.75rem;line-height:1.35}
}
@media(max-height:560px) and (max-width:760px){body[data-app=chat]:not([data-app=home]){--chat-rail-width:0px}}
@media(max-height:560px) and (max-width:760px){
 body[data-app=chat]:not([data-app=home]).thread-open:has(#composer:focus-within) .chat-header-search{display:none}
 body[data-app=chat]:not([data-app=home]).thread-open:has(#composer:focus-within) .workspace>.docs-topbar{grid-template-rows:2.75rem}
}
@media(max-height:360px){
 body[data-app=chat]:not([data-app=home]){--chat-rail-width:14.5rem}
 body[data-app=chat]:not([data-app=home]) #sidebar,body.embedded-app[data-app=chat]:not([data-app=home]) #sidebar{width:14.5rem}
 body[data-app=chat]:not([data-app=home]) #sidebar #app-side-nav{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
}
@media(max-height:360px) and (max-width:760px){body[data-app=chat]:not([data-app=home]){--chat-rail-width:0px}}