.unread-counter, .deadline-counter, .chat-unread { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 30px; min-height: 22px; padding: 3px 7px; border: 0; border-radius: 999px; background: #1a7d46; color: #fff; font-size: 11px; line-height: 1.15; font-weight: 700; font-variant-numeric: tabular-nums; white-space: nowrap; }
.nav-counter { box-shadow: 0 1px 3px #00000012; }
.deadline-counter { background: #b42332; }
.counter-stale { opacity: .7; }
.nav-counter-group { margin-left: auto; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center; gap: 4px; }
html:root[data-theme] .nav-item .nav-label { min-width:0;white-space:nowrap;overflow-wrap:normal; }
.task-title-line { display: block; min-width: 0; }
html:root .task-title-line .task-row-title { display: inline; min-width: 0; }
.task-activity-line { display: grid; grid-template-columns: minmax(0,1fr) 34px; align-items: center; gap: 8px; min-width: 0; }
.task-activity-unread { display: grid; place-items: center; min-height: 22px; }
.task-activity-line time { min-width: 0; font-variant-numeric: tabular-nums; text-align: left; }
.task-unread-counter { margin: 0; font-size: 11px; }
.chat-inbox-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 12px; color: var(--text-primary); font-size: .9rem; }
.chat-inbox-heading strong { font-weight: 600; }