/*
 * ClickToPrint admin shell
 *
 * Keep product-owned navigation refinements separate from the inherited
 * AdminLTE distribution so the classic shell remains maintainable.
 */

.ctp-sidebar-nav > .ctp-nav-hub {
  margin-bottom: .45rem;
}

.ctp-sidebar-nav > .ctp-nav-hub > .ctp-nav-hub-toggle {
  position: relative;
  z-index: 1;
  transition: background-color .18s ease, border-radius .18s ease;
}

.ctp-sidebar-nav > .ctp-nav-hub.menu-open > .ctp-nav-hub-toggle {
  margin-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}

.sidebar-dark-primary .ctp-sidebar-nav > .ctp-nav-hub.menu-open > .ctp-nav-hub-toggle,
.sidebar-dark-primary .ctp-sidebar-nav > .ctp-nav-hub.menu-open > .ctp-nav-hub-toggle:hover {
  color: #fff;
  background-color: #087cf0;
  box-shadow: none;
}

.ctp-sidebar-nav .ctp-nav-hub-panel {
  position: relative;
  margin: 0 .25rem .65rem .7rem;
  padding: .35rem .35rem .55rem .65rem;
  border-left: 2px solid rgba(38, 140, 255, .85);
  border-radius: 0 0 .35rem .35rem;
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel {
  background: rgba(18, 24, 30, .42);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035);
}

.ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-section-header {
  margin: 0;
  padding: .55rem .45rem .28rem;
  border-top: 1px solid transparent;
  font-size: .69rem;
  font-weight: 600;
  letter-spacing: .075em;
  line-height: 1.25;
}

.ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-section-header:not(:first-child) {
  margin-top: .55rem;
  padding-top: .75rem;
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-section-header {
  color: rgba(214, 222, 232, .72);
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-section-header:not(:first-child) {
  border-top-color: rgba(255, 255, 255, .08);
}

.ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link {
  display: flex;
  align-items: flex-start;
  margin: .04rem 0;
  padding: .4rem .45rem;
  border-radius: .25rem;
  font-size: .94rem;
  line-height: 1.25;
}

.ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link > .nav-icon {
  flex: 0 0 1.15rem;
  float: none;
  width: 1.15rem;
  margin-top: .25rem;
  margin-right: .35rem;
  font-size: .67rem;
  opacity: .62;
}

.ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link > p {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  margin: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link {
  color: rgba(220, 226, 234, .84);
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link:hover {
  color: #fff;
  background: rgba(255, 255, 255, .075);
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link.active,
.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link.active:hover {
  color: #fff;
  background: rgba(38, 140, 255, .2);
  box-shadow: inset 3px 0 0 #4da0ff;
}

.sidebar-dark-primary .ctp-sidebar-nav .ctp-nav-hub-panel > .ctp-nav-destination > .nav-link.active > .nav-icon {
  color: #75b6ff;
  opacity: 1;
}

@media screen and (prefers-reduced-motion: reduce) {
  .ctp-sidebar-nav > .ctp-nav-hub > .ctp-nav-hub-toggle {
    transition: none;
  }
}