/* The unread count of the top bar (Tours phase T1) and the mark in the route library. Loaded by the planner and by every account page, so it stays small;
 * the bar itself is static/css/site-header.css, the pages of the Tours area are tours.css. */
.nav-badge {
  display: inline-block; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px; border-radius: 9px;
  background: #d4442f; color: #fff; font-size: 11px; font-weight: 800; line-height: 18px; text-align: center; vertical-align: 1px;
}
.nav-badge[hidden] { display: none; }

/* The route library marks the routes that are part of a tour. */
.route-card-tours { margin: 8px 0 0; padding: 4px 9px; border-radius: 8px; background: #e4ecf6; color: #214a78 !important; font-size: 12px; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }