html,body{width:100%;max-width:100%;overflow-x:hidden}
body,main,#app,#home,#chat,#tasks,#messages,header,form{min-width:0;max-width:100%}
img,svg,video,canvas,pre,code{max-width:100%}
button,input,textarea,select{min-width:0;max-width:100%}
header{width:100%;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
header>div{min-width:0;overflow:hidden}
header strong,header small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icon{flex:0 0 40px}
#adminBadge{flex:0 0 auto;white-space:nowrap}
.welcome,.sectionTitle{max-width:100%;overflow-wrap:anywhere}
.sectionTitle{flex-wrap:wrap;column-gap:2px}
.welcome h1{line-height:1.12}
.quick{width:auto;max-width:calc(100% - 24px);margin-left:12px;margin-right:12px;overflow:hidden}
.quick textarea{overflow-wrap:anywhere;word-break:break-word}
.quick>.quickControls{min-width:0}
.quick>.quickControls select{width:100%}
.quick select{width:0;min-width:0;text-overflow:ellipsis}
.task{grid-template-columns:36px minmax(0,1fr) auto;width:calc(100% - 24px);margin-left:12px;margin-right:12px;gap:9px;padding:13px;overflow:hidden}
.task>span:nth-child(2){min-width:0;overflow:hidden}
.task b,.task small{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.task em{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bubble,.event{max-width:calc(100% - 28px);overflow-wrap:anywhere;word-break:break-word;overflow-x:auto}
.bubble pre,.event pre{white-space:pre-wrap;word-break:break-word}
#composer{left:50%;transform:translateX(-50%);max-width:780px;width:100%;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}
#composer>#openFollowUpComposer{width:auto;flex:1 1 auto;padding-inline:18px}
#composer>#taskStartStop{flex:0 0 104px;padding-inline:12px}
@media(max-width:380px){#composer>#taskStartStop{flex-basis:88px}}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:20px;overflow-x:hidden}
.dialogHead,.account,.row{min-width:0;max-width:100%}
.account>div{min-width:0}
.account strong,.account small{overflow-wrap:anywhere}
@media(max-width:430px){header{gap:8px}.welcome{padding:36px 14px 16px}.welcome h1{font-size:28px}.sectionTitle h2{flex-basis:100%;margin-bottom:2px}.quick button{padding-inline:12px}.task{grid-template-columns:34px minmax(0,1fr)}.task em{grid-column:2;justify-self:start}.taskIcon{width:34px;height:34px}#adminBadge{padding:6px 8px;font-size:11px}}
@media(max-width:340px){#adminBadge{font-size:0;padding:8px}#adminBadge i{margin:0}.quick select{width:100%}.quick button{width:100%}.welcome h1{font-size:25px}}