/* Unslop polish, inspired by Damir Sokolovsky: https://github.com/heydamir/unslop (CC BY 4.0).
   Scope is work/task lists only; chat and brand tokens are intentionally excluded. */
#mainApp #content :is(.work-list,.wait-list){min-width:0}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card){box-sizing:border-box;min-width:0;overflow-wrap:anywhere}
#mainApp #content :is(.work-row,.wait-row) :is(.work-main,.wait-text){min-width:0}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card) :is(.badge,.tag){font-weight:500;letter-spacing:normal;text-transform:none;border-radius:8px!important;box-shadow:none!important}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card) .mini-btn{min-height:44px!important;padding:8px 12px!important;border-radius:12px!important;font-weight:500!important;white-space:normal}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card) .mini-btn:not(.primary):not(.danger):not(.danger-text){background:var(--surface-2)!important;color:var(--text)!important}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card) .mini-btn.primary{background:var(--accent)!important;color:var(--accent-ink)!important}
#mainApp #content :is(.work-row,.wait-row,.role-task-row,.role-assignment-card) :is(button,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
#mainApp #content .chart-card:has(>.wait-list){border-inline-start:3px solid var(--border-strong)!important}
#mainApp #content .chart-card:has(>.wait-list)>.chart-sub{line-height:1.5}
@media(max-width:860px){
 body.ios-preview-active #mainApp #content :is(.work-list,.wait-list){display:grid!important;gap:0!important;padding:0!important;background:transparent!important}
 body.ios-preview-active #mainApp #content .work-list>.work-row,
 body.ios-preview-active #mainApp #content .wait-list>.wait-row{padding:16px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--border)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
 body.ios-preview-active #mainApp #content :is(.work-list,.wait-list)>:last-child{border-bottom:0!important}
 body.ios-preview-active #mainApp #content .work-row[data-ios-dense]{grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important}
 body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-main{grid-column:1/-1!important;grid-row:1!important}
 body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.work-due{grid-column:1!important;grid-row:2!important;align-self:center!important;font-size:12px!important;line-height:1.4!important}
 body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.ios-row-actions{grid-column:2!important;grid-row:2!important;justify-self:end!important;margin:0!important;padding:0!important}
 body.ios-preview-active #mainApp #content .work-row[data-ios-dense]>.ios-row-actions[open]{grid-column:1/-1!important;grid-row:3!important;justify-self:stretch!important}
 body.ios-preview-active #mainApp #content .work-row .ios-row-actions>summary{min-height:44px!important;padding:12px!important;font-size:13px!important;box-sizing:border-box}
 body.ios-preview-active #mainApp #content .work-row .work-who{font-size:15px!important;line-height:1.4!important}
 body.ios-preview-active #mainApp #content .work-row :is(.work-step,.muted){font-size:13px!important;line-height:1.5!important;margin:4px 0!important}
 body.ios-preview-active #mainApp #content :is(.role-task-row,.role-assignment-card){padding:16px!important;border-radius:16px!important;box-shadow:none!important}
 body.ios-preview-active #mainApp #content :is(.role-task-row,.role-assignment-card) :is(.note,.modal-hint){background:transparent!important;border:0!important;border-radius:0!important;padding:8px 0!important;box-shadow:none!important}
}