/* Host-page rules for eco-nav (component styles live in shadow DOM). */
body[data-eco-nav="1"] #header .cpt-header .navbar {
  display: none !important;
}

body[data-eco-nav="1"] #cpa-eco-nav {
  display: block;
  width: 100%;
}

/* Hide legacy in-page tab strip only; #configTabContent lives inside the same shell. */
body[data-eco-nav="1"] .sm-config-tabs-shell #configTabs {
  display: none !important;
}

body[data-eco-nav="1"] .sm-config-tabs-shell .card-body > .d-flex:first-child {
  display: none !important;
}

body[data-eco-nav="1"] .sm-config-tabs-shell .card-body {
  padding-top: 0.5rem;
}

body[data-eco-nav="1"] .cpt-main {
  padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px));
}

@media (min-width: 861px) {
  body[data-eco-nav="1"] .cpt-main {
    padding-bottom: 0;
  }
}

body[data-eco-nav="1"] #header {
  padding: 0;
  margin: 0;
}

body[data-eco-nav="1"] #header .cpt-header {
  background: transparent;
}

body[data-eco-nav="1"] .cb-upper-chrome {
  margin-top: 0;
}

body[data-eco-nav="1"] .entry-mode-switcher {
  display: none !important;
}

body[data-eco-nav="1"] #entry-level-config .tm-dashboard-nav-shell {
  display: none !important;
}