/* "Заявки": callback requests from the "ask a question" widget. */
.crm-nav-count { margin-left: auto; min-width: 20px; padding: 2px 6px; border-radius: 999px; background: var(--crm-accent); color: #10141b;
  font-size: 11px; font-weight: 700; line-height: 16px; text-align: center; }
.crm-nav-count[hidden] { display: none; }
/* `.crm-page .btn.ghost` otherwise outranks the shared toggle's active state. */
#section-callbacks .crm-view-toggle .btn.active { background: linear-gradient(135deg, var(--crm-accent), #ff6b3d); color: #fff; }
#section-callbacks .cb-when { white-space: nowrap; }
#section-callbacks .cb-name { font-weight: 600; overflow-wrap: anywhere; }
#section-callbacks .cb-phone { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; color: var(--crm-accent-2); text-decoration: none; }
#section-callbacks .cb-phone:hover { text-decoration: underline; }
#section-callbacks .cb-phone:focus-visible { outline: 2px solid var(--crm-accent); outline-offset: 2px; border-radius: 4px; }
#section-callbacks .cb-actions { text-align: right; white-space: nowrap; }
#section-callbacks tr.cb-done td { color: var(--crm-text-muted); }
#section-callbacks tr.cb-done .cb-name { font-weight: 500; }
@media (max-width: 640px) {
  #section-callbacks .cb-actions { text-align: left; }
  #section-callbacks .cb-actions .btn { width: 100%; justify-content: center; }
}