.dm-nav { background: #ffffff; border-bottom: 1px solid #e9ecef; margin-bottom: .75rem; }
.dm-nav .dm-nav-list { list-style: none; margin: 0; padding: .35rem .5rem; display: flex; gap: .4rem; flex-wrap: wrap; }
.dm-nav .dm-nav-list .nav-item { }
.dm-nav .dm-nav-list .nav-link {
  display: inline-block; padding: .35rem .6rem; border: 1px solid #e3e6ea; border-radius: .5rem;
  text-decoration: none; color: #1f2937; background-color: #f8fafc; font-size: .9rem;
}
.dm-nav .dm-nav-list .nav-link:hover { background: #eef2ff; border-color: #dbeafe; }
html[dir="rtl"] .dm-nav .dm-nav-list { justify-content: flex-start; }
@media (max-width: 576px) {
  .dm-nav .dm-nav-list { gap: .25rem; }
  .dm-nav .dm-nav-list .nav-link { padding: .3rem .5rem; font-size: .85rem; }
}