/* Attention and company records: existing RiseNorth tokens and action roles. */
.workflow-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:12px}
.workflow-filters .form-field{margin:0;min-width:180px}
.workflow-hint{color:var(--text-muted);font-size:12px;margin:16px 0 24px;max-width:90ch}
.attention-groups{display:grid;gap:24px}
.workflow-list{list-style:none;margin:0;padding:0}
.attention-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-top:1px solid var(--border-hairline)}
.attention-copy{min-width:0;overflow-wrap:anywhere}
.attention-copy h3{font-size:15px;margin:4px 0}
.attention-copy p{margin:4px 0}
.attention-copy p,.attention-copy .text-link{font-size:13px}
.attention-copy .attention-reason{font-size:12px;color:var(--text-muted)}
.attention-row>.actions{flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:50%}
.workflow-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;padding:20px;border-top:1px solid var(--border-hairline)}
.record-links{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 24px}
.record-links a,.next-step a,.workflow-hint a{text-decoration:underline;text-underline-offset:3px;color:var(--text-link)}
.next-step{display:grid;gap:5px;max-width:280px;min-width:170px;white-space:normal;overflow-wrap:anywhere}
.next-step strong,.next-step small{font-size:12px}
.next-step .pill{justify-self:start}
.deal-card .next-step{margin:12px 0 16px}
#opportunities,#quotes,#invoices,#follow-ups,#history{scroll-margin-top:24px}
@media(max-width:850px){.attention-row{align-items:flex-start;flex-direction:column;gap:12px}.attention-row>.actions{max-width:100%;justify-content:flex-start}}
@media(max-width:650px){.attention-row{padding:18px}.workflow-filters .form-field{width:100%;min-width:0}.workflow-filters select{font-size:16px}.attention-row>.actions .button{white-space:normal}.record-links{gap:12px 20px}}

.company-opportunity{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:20px 24px;border-top:1px solid var(--border-hairline)}
.company-opportunity .next-step{min-width:0;align-content:start}
@media(max-width:650px){.company-opportunity{grid-template-columns:minmax(0,1fr);gap:16px;padding:18px}}