/* Readable desktop typography and colorful notification bell. */
body { font-size: 15px; }
.sidebar { font-size: 14px; }
.brand strong { font-size: 16px; }
.brand span, .workspace-switcher small, .user-card small { font-size: 11px; }
.nav-item { font-size: 14px; }
.topbar { font-size: 14px; }
.global-search input, .filter-search input { font-size: 13px; }
.page-heading h1 { font-size: 28px; }
.page-heading p, .panel-heading p { font-size: 13px; }
.panel-heading h2 { font-size: 16px; }
.metric-top, .metric-foot { font-size: 12px; }
.step b, .platform-name b, .conversation .conv-top b { font-size: 13px; }
.step small, .platform-name small, .conv-preview { font-size: 12px; }
.status-pill, .text-btn, .full-btn { font-size: 12px; }
.conversation { padding: 13px 2px; }
.notification-btn { padding: 4px 6px; }
.bell-icon { display: inline-block; font-size: 24px; line-height: 1; filter: saturate(1.5) drop-shadow(0 2px 2px rgba(248, 164, 50, .25)); }
.notification-btn:hover .bell-icon { transform: rotate(-10deg) scale(1.08); }
.notification-btn i { font-size: 10px; }
.auth-card { font-size: 15px; }
.auth-field { font-size: 15px; }
@media (max-width: 820px) {
  body { font-size: 14px; }
  .brand strong { font-size: 15px; }
  .main-nav .nav-item { font-size: 12px; }
  .page-heading h1 { font-size: 24px; }
}