/* Must stay last: removes the legacy blue selected state from the dark-mode tab bar. */
html.theme-dark .phone-app.phone-app.phone-app .tabbar button.tab-item.active {
  background: #5a401d !important;
  background-color: #5a401d !important;
  background-image: none !important;
  border-color: rgba(226, 181, 91, 0.48) !important;
  color: #f1d69d !important;
  box-shadow: inset 0 1px 0 rgba(255, 239, 204, 0.14), 0 7px 18px rgba(0, 0, 0, 0.22) !important;
}

html.theme-dark .phone-app.phone-app.phone-app .tabbar .tab-item.active :is(span, strong, small),
html.theme-dark .phone-app.phone-app.phone-app .tabbar .tab-item.active .tab-graphic-icon {
  color: #f1d69d !important;
  -webkit-text-fill-color: #f1d69d !important;
}

html.theme-dark .phone-app.phone-app.phone-app .tabbar {
  background: rgba(13, 14, 15, 0.97) !important;
  background-image: none !important;
  border-top-color: rgba(226, 181, 91, 0.14) !important;
}