/* Inbox Agent review styles, shared by the review queue and the Shared/InboxAgent components. */
.iar-pill { display: inline-flex; align-items: center; padding: 2px 8px; border-radius: 999px; font-size: .75rem; font-weight: 600;
            background: #f1f5f9; color: #475569; white-space: nowrap; }
.iar-ok { background: #f0fdf4; color: #15803d; }
.iar-warn { background: #fffbeb; color: #b45309; }
.iar-bad { background: #fef2f2; color: #b91c1c; }
.iar-muted { color: #64748b; font-size: .75rem; }
.iar-sub { display: block; color: #64748b; font-size: .75rem; }
.iar-link { color: #4f46e5; text-decoration: none; }
.iar-link:hover { text-decoration: underline; }
.iar-actions { display: flex; gap: 4px; flex-wrap: wrap; }
.iar-actions .btn { padding: 2px 8px; font-size: .75rem; }
.iar-detail { padding: 14px 18px; background: #f8fafc; display: flex; flex-direction: column; gap: 14px; }
.iar-detail h4 { font-size: .8125rem; font-weight: 700; color: #1e293b; margin: 0 0 6px; }
.iar-change { margin-bottom: 8px; }
.iar-change-title { font-size: .8125rem; font-weight: 600; color: #1e293b; margin-bottom: 4px; }
.iar-table { width: 100%; font-size: .75rem; border-collapse: collapse; background: #fff; }
.iar-table th, .iar-table td { padding: 4px 8px; border: 1px solid #e2e8f0; text-align: left; vertical-align: top; }
.iar-table th { background: #f1f5f9; font-weight: 600; }
.iar-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.iar-chip { display: inline-flex; align-items: center; gap: 6px; border: 1px solid #e2e8f0; background: #fff; border-radius: 999px;
            padding: 2px 10px; font-size: .75rem; color: #1e293b; cursor: pointer; }
.iar-context { cursor: default; background: #eef2ff; color: #4338ca; border-color: #c7d2fe; font-weight: 600; }
.iar-context button { border: none; background: transparent; color: inherit; padding: 0; line-height: 1; cursor: pointer; }
.iar-body { padding: 10px 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #fff; font-size: .8125rem;
            white-space: pre-wrap; word-break: break-word; max-height: 240px; overflow: auto; }
.iar-summary { cursor: pointer; font-size: .8125rem; font-weight: 700; color: #1e293b; }
.iar-edit-change { border: 1px solid #e2e8f0; border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; }
.iar-bulk { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.iar-row-locked .e-checkbox-wrapper { pointer-events: none; opacity: .35; }
.iar-empty { padding: 48px 20px; text-align: center; }
.iar-empty i { font-size: 2.5rem; color: #cbd5e1; }
.iar-empty h3 { font-size: 1rem; font-weight: 700; color: #1e293b; margin: 12px 0 4px; }

/* Message page: the suggestion card, thread badges and "Filed on" chips. */
.iar-card-section { margin-top: 14px; }
.iar-card-section h4 { font-size: .8125rem; font-weight: 700; color: #1e293b; margin: 0 0 6px; }
.iar-facts { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px 12px; margin: 0; font-size: .8125rem; }
.iar-facts dt { color: #64748b; font-weight: 500; }
.iar-facts dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.iar-value { padding: 6px 0; border-top: 1px solid #f1f5f9; font-size: .8125rem; overflow-wrap: anywhere; }
.iar-value-label { color: #64748b; font-size: .75rem; }
.iar-bar { display: flex; align-items: center; gap: 8px; }
.iar-bar-track { flex: 1; min-width: 0; }
.iar-agent { background: #eef2ff; color: #4338ca; gap: 4px; }
.iar-filed { color: #15803d; font-weight: 600; }

/* Expiration item header: the provenance badge wraps instead of overflowing on narrow screens. */
.iar-provenance { gap: 6px; flex-wrap: wrap; white-space: normal; font-weight: 500; }