/* Dialogs can be opened from table cells, which inherit white-space: nowrap. */
.confirm-dialog{white-space:normal;text-align:left;box-sizing:border-box;max-width:calc(100vw - 32px);overflow-x:hidden;overflow-y:auto}
.confirm-heading,.confirm-content,.confirm-actions{box-sizing:border-box;width:100%;min-width:0;white-space:normal}
.confirm-heading h2{min-width:0;overflow-wrap:anywhere;line-height:1.3}
.confirm-heading button{flex-shrink:0;margin:0}
.confirm-content p{white-space:normal;overflow-wrap:anywhere}
.confirm-actions button{white-space:normal;max-width:100%;overflow-wrap:anywhere}

/* The workspace carries the sidebar colour beyond its sticky navigation. */
.workspace{background:var(--sidebar);min-height:calc(100dvh - 62px);padding-bottom:26px;box-sizing:border-box}
.workspace>.content{background:#ebebeb;padding-bottom:16px}
.workspace>aside{height:calc(100dvh - 26px);align-self:flex-start;scrollbar-width:thin;scrollbar-color:#88969b transparent}
.sidebar-title{flex-shrink:0;min-height:44px;height:44px;font-size:16px}
.sidebar-navigation{padding:6px 0 12px}
.workspace>aside .sidebar-section-toggle{padding:8px 16px;min-height:32px;font-size:11px;font-weight:600;letter-spacing:.06em;background:#404b50;color:#d7e4ec;margin-top:8px}
.workspace>aside .sidebar-section-toggle:first-child{margin-top:0}
.sidebar-navigation>div[id]{margin:3px 12px 6px 22px;border-left:1px solid #ffffff28}
.workspace>aside button.nav-item,.workspace>aside button.nav-active{padding:7px 10px 7px 14px;min-height:32px;font-size:13px;line-height:1.35;border-left-width:3px;white-space:normal;overflow-wrap:anywhere}
.workspace>aside button.nav-active{background:#303b40;border-left-color:var(--blue);color:#fff}
.app-footer{position:fixed;inset:auto 0 0;z-index:20;height:26px;box-sizing:border-box;margin:0;padding:0 16px;display:flex;align-items:center;justify-content:flex-end;background:#f5f7f8;border-top:1px solid #d2dade;color:#505c62;font-size:11px;line-height:1.2}
.app-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
@media(min-width:1600px){.workspace{min-height:calc(100dvh - 68px)}}
@media(max-width:700px){.workspace>aside{height:auto;position:static}.workspace>aside .sidebar-section-toggle{min-height:40px}.workspace>aside button.nav-item,.workspace>aside button.nav-active{min-height:40px}.app-footer{padding:0 12px}.confirm-heading{gap:10px;padding:16px}.confirm-content{padding:18px}}