/* home-attention.css — "I found N things that need you today" under the
   Overview header (home-attention.js). The Overview's own tokens (--ov-*);
   no coloured edges (owner). */
.crm-attn {
  display: flex; align-items: center; gap: 16px; margin: 16px 0 0; padding: 16px 18px; border-radius: var(--ov-radius, 14px);
  background: var(--ov-card, #fff); border: 1px solid var(--ov-line, #e7e9ee); box-shadow: var(--ov-shadow, none); color: var(--ov-ink, #101828);
}
.crm-attn__icon { width: 46px; height: 46px; border-radius: 8px; display: grid; place-items: center; flex: none; background: #f2f2f3; color: #282e34; font-size: 20px; }
.dark .crm-attn__icon { background: rgba(255, 255, 255, .06); color: #e6e9e2; }
.crm-attn__body { display: flex; flex-direction: column; gap: 6px; flex: 1; min-width: 0; }
.crm-attn__title { font-size: 16px; font-weight: 800; }
.crm-attn__list { display: flex; flex-direction: column; gap: 4px; }
.crm-attn__item { display: flex; align-items: baseline; gap: 8px; font-size: 13.5px; color: var(--ov-muted, #5b6573); text-decoration: none; line-height: 1.5; }
.crm-attn__item:hover { color: var(--ov-ink, #101828); }
.crm-attn__item > span:last-child { unicode-bidi: plaintext; min-width: 0; }
.crm-attn__dot { width: 8px; height: 8px; border-radius: 999px; flex: none; transform: translateY(-1px); background: #94a3b8; }
.crm-attn__dot.is-critical { background: #dc2626; }
.crm-attn__dot.is-high { background: #282e34; }
.dark .crm-attn__dot.is-high { background: #e6e9e2; }
.crm-attn__dot.is-recommended { background: #94a3b8; }
.crm-attn__btn {
  flex: none; display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 8px;
  background: #d4fb08; color: #000 !important; font-weight: 700; font-size: 14px; text-decoration: none;
}
.crm-attn__btn:hover { background: #c6ec00; }
@media (max-width: 720px) {
  .crm-attn { flex-wrap: wrap; }
  .crm-attn__btn { margin-inline-start: 62px; }
}