/* Panel navigation: breadcrumbs under Superset's top menu (dashboards, charts, registry). */
.sweetdash-crumbs {
  font: 13px/1.5 'e-Ukraine', 'Segoe UI', Helvetica, Arial, sans-serif;
  color: #4a4e68;
  background: #fff;
  border-bottom: 1px solid #e6e8f0;
  padding: 9px 24px;
}
.sweetdash-crumbs ol {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
}
.sweetdash-crumbs li {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.sweetdash-crumbs li + li::before {
  content: '/';
  color: #a3a6ba;
}
.sweetdash-crumbs a {
  color: #2a21ff;
  text-decoration: none;
  border-radius: 4px;
}
.sweetdash-crumbs a:hover { text-decoration: underline; text-underline-offset: 3px; }
.sweetdash-crumbs a:focus-visible { outline: 2px solid #2a21ff; outline-offset: 2px; }
.sweetdash-crumbs [aria-current] {
  color: #03052a;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 60vw;
}
/* Section of the current page in Superset's top menu (navigation.js sets the attribute). */
html[data-sweetdash-section="/dashboard/list/"] header#main-menu li.ant-menu-item:has(a[href="/dashboard/list/"]),
html[data-sweetdash-section="/chart/list/"] header#main-menu li.ant-menu-item:has(a[href="/chart/list/"]),
html[data-sweetdash-section="/tablemodelview/list/"] header#main-menu li.ant-menu-item:has(a[href="/tablemodelview/list/"]),
html[data-sweetdash-section="/integrations/"] header#main-menu li.ant-menu-item:has(a[href="/integrations/"]) {
  box-shadow: inset 0 -2px 0 #2a21ff;
}
html[data-sweetdash-section="/dashboard/list/"] header#main-menu li.ant-menu-item:has(a[href="/dashboard/list/"]) a,
html[data-sweetdash-section="/chart/list/"] header#main-menu li.ant-menu-item:has(a[href="/chart/list/"]) a,
html[data-sweetdash-section="/tablemodelview/list/"] header#main-menu li.ant-menu-item:has(a[href="/tablemodelview/list/"]) a,
html[data-sweetdash-section="/integrations/"] header#main-menu li.ant-menu-item:has(a[href="/integrations/"]) a {
  color: #2a21ff !important;
}
@media (max-width: 767px) {
  .sweetdash-crumbs { padding: 8px 16px; }
}