.inbox-heading{gap:12px}
.inbox-heading>.button{flex:none}
.inbox-badge{display:inline-block;min-width:1.5em;margin-left:5px;padding:1px 4px;border-radius:12px;background:var(--green);color:var(--white);font-size:.8em;text-align:center;font-variant-numeric:tabular-nums}
.inbox-filters,.inbox-item-actions,.inbox-item-meta,.inbox-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.inbox-filters .button[aria-pressed=true]{border-color:var(--green);background:var(--green-soft);color:var(--green)}
.inbox-status{min-height:1.2em;margin:10px 0 5px;color:var(--muted);font-size:.9rem}
.inbox-item{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line)}
.inbox-item:last-child{border-bottom:0}
.inbox-item-unread{border-left:3px solid var(--green);padding-left:15px}
.inbox-item-summary{min-width:0;overflow-wrap:anywhere}
.inbox-item-meta,.inbox-sender{color:var(--muted);font-size:.85rem}
.inbox-tracking,.inbox-state{font-weight:650}
.inbox-item-unread .inbox-state{color:var(--green)}
.inbox-case-link{display:inline-block;margin-top:4px;color:var(--green);font-weight:700}
.inbox-sender,.inbox-comment-excerpt{margin:4px 0 0}
.inbox-comment-excerpt{max-height:7em;overflow:auto;white-space:pre-wrap}
.inbox-item-actions{flex:none}
.inbox-item-actions .button{padding:5px 9px;min-height:32px}
.inbox-item-actions [aria-disabled=true]{opacity:.65;cursor:wait}
.inbox-empty,.inbox-pagination{padding:14px 18px}
.inbox-mention-options{max-height:150px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.inbox-mention-option{padding:6px 9px;color:var(--ink);font-size:.9rem;font-weight:500;overflow-wrap:anywhere;cursor:pointer}
.inbox-mention-option:hover,.inbox-mention-option[aria-selected=true]{background:var(--green-soft);color:var(--green)}
.inbox-comment-target{background:var(--green-soft);outline:2px solid var(--green);outline-offset:-2px;border-radius:5px}
@media(max-width:620px){.inbox-item{flex-direction:column}.inbox-item-actions{max-width:100%}}
