[hidden]{display:none!important}
#login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--color-subtle)}
#login-form{width:min(460px,100%)}#login-form .panel-body{padding:32px;gap:24px}#login-form h1{font-size:28px}#login-error{color:var(--color-danger)}
.host-account{display:flex;align-items:center;gap:12px;flex:none}.host-account>span{font-size:var(--font-caption);max-width:140px;overflow-wrap:anywhere}.host-save-actions{display:flex;gap:12px;align-items:stretch}.host-save-actions .btn{min-height:32px;height:auto;white-space:normal}.app-footer{flex:none;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;font-size:12px}.host-reason{padding:8px 16px;flex:none;max-width:660px}.host-reason span{font-size:var(--font-caption)}.host-reason input{min-height:36px;font-size:12px}.workspace-mode #content:has(.host-reason) .ws-editor{min-height:0}
@media(max-width:1050px){.topbar{height:auto;min-height:54px;flex-wrap:wrap;gap:12px}.host-account{margin-left:auto}.host-account>span{max-width:110px}.top-controls{flex-wrap:wrap}}
@media screen{.workspace-mode .app-footer:not([hidden]){display:flex}}

#host-inbox .file-tile{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:12px;align-items:start}
#host-inbox .file-tile>div{min-width:0;overflow-wrap:break-word}
#host-inbox .file-tile>.btn{width:120px;justify-self:end;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){#host-inbox .file-tile{grid-template-columns:minmax(0,1fr)}#host-inbox .file-tile>.btn{width:100%}}