/* Loaded by the real office entrypoint; the desktop conversation layout is retained. */
html body #staffOfficeContent .dg-chat.office .dg-chat-list>.dg-chat-category-tabs{display:none!important}
.dg-chat-search-toggle,.dg-chat-search-box>button{display:none}
.dg-chat-search-box{display:contents}
@media(max-width:720px){
 html body #staffOfficeContent .dg-chat.office .dg-chat-search-toggle{display:flex!important;position:absolute!important;right:6px!important;top:38px!important;z-index:32;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:0!important;align-items:center;justify-content:center;border:1px solid #6c879d!important;border-radius:50%!important;background:#fff!important;color:#254964!important;box-shadow:0 1px 5px #19364e25}
 html body #staffOfficeContent .dg-chat.office .dg-chat-search-box{display:none!important}
 html body #staffOfficeContent .dg-chat.office.search-open .dg-chat-search-box{display:flex!important;position:absolute!important;z-index:33;top:70px!important;left:6px!important;right:6px!important;align-items:center;gap:5px;background:#fff;border:1px solid #8ca6ba;border-radius:8px;padding:6px;box-shadow:0 3px 12px #15334b33}
 html body #staffOfficeContent .dg-chat.office .dg-chat-search-box>[data-search]{width:0!important;min-width:0!important;flex:1!important;margin:0!important;height:36px!important;min-height:36px!important;padding:6px!important;font-size:16px!important;box-sizing:border-box}
 html body #staffOfficeContent .dg-chat.office .dg-chat-search-box>button{display:block!important;flex:none!important;width:auto!important;min-width:0!important;min-height:32px!important;margin:0!important;padding:4px 7px!important;font-size:11px!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list>header{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:4px!important;width:100%!important;max-width:none!important;padding:4px 28px 4px 0!important;box-sizing:border-box!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list>header h2{font-size:14px!important;white-space:nowrap!important;margin:0 auto 0 0!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list>header button{width:auto!important;min-width:0!important;min-height:28px!important;padding:4px 5px!important;margin:0!important;font-size:9px!important;line-height:1.2!important;white-space:nowrap!important;border-radius:5px!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list>.dg-chat-primary-tabs,html body #staffOfficeContent .dg-chat.office .dg-chat-list>[data-filter]{display:none!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list>.dg-chat-category-tabs{display:grid!important;grid-template-columns:1.1fr 1fr 1fr .8fr .8fr 1.1fr!important;grid-template-rows:28px!important;grid-auto-flow:column!important;align-items:stretch!important;gap:2px!important;min-width:0!important;width:calc(100% - 30px)!important;max-width:100%!important;box-sizing:border-box!important;margin:0 30px 7px 0!important;padding:0!important;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 html body #staffOfficeContent .dg-chat.office .dg-chat-category-tabs>button{display:flex!important;align-items:center!important;justify-content:center!important;grid-column:auto!important;grid-row:1!important;min-width:0!important;width:100%!important;max-width:100%!important;height:28px!important;min-height:28px!important;max-height:28px!important;box-sizing:border-box!important;margin:0!important;padding:3px 2px!important;border-radius:5px!important;font-size:clamp(9px,2.7vw,11px)!important;line-height:1.2!important;letter-spacing:0!important;white-space:nowrap!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-category-tabs [data-category-total]{flex:none;display:inline-block;margin-left:2px!important;padding:1px 2px!important;border-radius:8px;background:#b13c4c;color:#fff;font-size:8px!important;line-height:1.2!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-category-tabs [hidden]{display:none!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list .dg-chat-row{background:#eef4f9!important;color:#19394f!important;border:1px solid #bacddd!important}
 html body #staffOfficeContent .dg-chat.office .dg-chat-list .dg-chat-row :is(strong,small,time){color:#284a61!important}
}

/* Stamp choices float above the composer without changing the conversation size. */
html body #staffOfficeContent .dg-chat.office .dg-chat-compose{position:relative!important;overflow:visible!important}
html body #staffOfficeContent .dg-chat.office .dg-stamp-dock{position:absolute!important;left:0!important;right:0!important;bottom:100%!important;z-index:25!important;margin:0!important;border:1px solid #87a5b9!important;border-radius:12px 12px 0 0!important;background:#fff!important;box-shadow:0 -4px 18px #16374c33!important;max-height:min(330px,55dvh)!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
html body #staffOfficeContent .dg-chat.office .dg-stamp-dock[hidden]{display:none!important}
html body #staffOfficeContent .dg-chat.office .dg-stamp-dock .dg-stamp-grid{height:min(200px,29dvh)!important;min-height:60px!important;flex:1 1 auto!important;overflow-y:auto!important}
html body #staffOfficeContent .dg-chat.office .dg-stamp-dock :is(.dg-stamp-dock-heading,.dg-stamp-tabs){flex-shrink:0!important}