html[data-network=true] .wownex-header-profile {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 4px 10px 4px 5px;
  border: 1px solid #d8e2ed;
  border-radius: 24px;
  color: #0b2549;
  background: #fff;
  font-size: var(--app-type-control, 1rem);
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

html[data-network=true] .wownex-header-profile:hover,
html[data-network=true] .wownex-header-profile[aria-current=page] {
  border-color: #c8d9ec;
  background: #edf3fa;
}

html[data-network=true] .wownex-header-profile:focus-visible {
  outline: 2px solid #305b88;
  outline-offset: 2px;
}

.wownex-header-profile-icon {
  display: grid;
  place-items: center;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  color: #12375d;
  background: #e6eef7;
}

.wownex-header-profile-icon > svg {
  width: 18px;
  height: 18px;
}

html[data-network-role=company] [data-bottom-panel] > .wownex-company-session:not([hidden]) {
  display: block;
  margin-bottom: 4px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e4e9ef;
  color: #122a47;
}

.wownex-company-session { display: none; }

.wownex-company-session > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 7px 12px;
  border-radius: 8px;
  font: 600 var(--app-type-input, 1rem)/1.35 var(--wow-font, system-ui);
  list-style: none;
  cursor: pointer;
}

.wownex-company-session > summary::-webkit-details-marker { display: none; }
.wownex-company-session > summary > svg { flex: none; color: #4c6179; }
.wownex-company-session > summary::after {
  width: 6px;
  height: 6px;
  margin-inline: auto 3px;
  border-inline-end: 1px solid #4c6179;
  border-block-end: 1px solid #4c6179;
  transform: rotate(45deg) translateY(-2px);
  content: "";
}

.wownex-company-session[open] > summary::after { transform: rotate(225deg); }
.wownex-company-session > summary:hover { background: #f1f5f9; }
.wownex-company-session > summary:focus-visible { outline: 2px solid #305b88; outline-offset: -2px; }
.wownex-company-session > dl {
  margin: 2px 8px 5px;
  padding: 9px 12px;
  border-radius: 8px;
  background: #f3f6f9;
  line-height: 1.4;
}

.wownex-company-session dt { color: #4d6075; font-size: .8125rem; }
.wownex-company-session dd { margin: 2px 0 0; color: #122a47; font-size: .9375rem; overflow-wrap: anywhere; }

.wownex-ally-entry {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 12px;
  border-radius: 8px;
  color: #304b68;
  font-size: var(--app-type-control, .9375rem);
  line-height: 1.35;
  text-decoration: none;
}

.portal-access-panel > .wownex-ally-entry {
  margin-top: 5px;
  border-top: 1px solid #e1e7ee;
}

.wownex-ally-entry > svg { flex: none; }
.wownex-ally-entry strong { font-weight: 600; }
.wownex-ally-entry small {
  display: block;
  margin-top: 2px;
  color: #55677a;
  font-size: var(--app-type-meta, .875rem);
}

.wownex-ally-entry:hover { background: #edf3fa; }
.wownex-ally-entry:focus-visible {
  outline: 2px solid #305b88;
  outline-offset: 2px;
}

.wownex-welcome-ally {
  display: flex;
  justify-content: center;
  margin-top: 8px;
  text-align: left;
}

@media (min-width: 901px) {
  html[data-network=true] .wownex-app-header-inner:has(> .wownex-header-profile) {
    gap: 12px;
  }

  html[data-network=true] .wownex-app-header-inner:has(> .wownex-header-profile) > .wow-notices {
    margin-inline-start: 0;
  }

  html[data-network=true] .wownex-header-profile {
    order: 4;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] {
    --wownex-rail-top: calc(var(--wownex-menu-header-bottom, 88px) + 14px);
    box-sizing: border-box;
    top: var(--wownex-rail-top);
    max-height: calc(100dvh - var(--wownex-rail-top) - 12px);
    overflow: visible;
    gap: 5px;
    padding: 0;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] > [data-rail-profile],
  html[data-network=true] .wownex-network-nav[data-workspace-rail] > [data-bottom-more] {
    flex: none;
  }

  .wownex-network-nav[data-workspace-rail] > .wownex-rail-views {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #acbac9 transparent;
    scrollbar-gutter: stable;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] :is([data-rail-profile], .wownex-rail-views > a, [data-bottom-more]) {
    flex-shrink: 0;
    min-height: 44px;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: var(--app-type-control, 1rem);
    line-height: 1.35;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] :is([data-rail-profile], .wownex-rail-views > a, [data-bottom-more]) > .portal-icon {
    width: 21px;
    height: 21px;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] > [data-rail-profile] {
    order: 0;
    margin-bottom: 2px;
    border: 1px solid #d7e1ed;
    background: #fff;
    color: #0b2549;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] :is([data-rail-profile], .wownex-rail-views > a, [data-bottom-more]):hover {
    background: #e6edf5;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] :is([data-rail-profile], .wownex-rail-views > a)[aria-current=page],
  html[data-network=true] .wownex-network-nav[data-workspace-rail] > [data-bottom-more][aria-expanded=true] {
    color: #0b2549;
    background: #dfeaf7;
    box-shadow: inset 2px 0 #547aa2;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] .wownex-rail-views > a[data-network-view=search][aria-current=page] {
    border-inline-start: 0;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] :is(a, button):focus-visible {
    outline: 2px solid #305b88;
    outline-offset: -2px;
  }

  .wownex-network-nav[data-workspace-rail][data-more-open] > .wownex-rail-views {
    z-index: 2;
  }

  html[data-network=true] .wownex-network-nav[data-workspace-rail] > [data-bottom-panel] {
    box-sizing: border-box;
    position: absolute;
    inset-block: auto 0;
    inset-inline: calc(100% + 10px) auto;
    width: 260px;
    max-height: min(100%, 22rem);
    overflow: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    padding: 6px;
    border: 1px solid #d8e2ed;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 12px 32px #102f4f21;
  }
}

@media (max-width: 900px) {
  html[data-network=true] .wownex-app-header-inner:has(> .wownex-header-profile) {
    grid-template-columns: minmax(0, 1fr) minmax(0, max-content) 44px 44px;
    gap: clamp(4px, 1.5vw, 8px);
  }

  html[data-network=true] .wownex-app-header-inner:has(> .wownex-header-profile) > .wow-notices {
    grid-area: 1 / 3;
  }

  html[data-network=true] .wownex-header-profile {
    grid-area: 1 / 4;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    height: 44px;
    padding: 0;
    gap: 0;
  }

  .wownex-header-profile-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }

  html[data-network=true][data-network-role=company] .wownex-app-header-inner > .wow-notices {
    grid-area: 1 / 3;
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account] > :is(a[data-network-view], [data-bottom-more]) {
    position: relative;
    grid-template-rows: 21px auto;
    align-content: center;
    gap: 5px;
    min-height: 52px;
    padding: 7px 1px 5px;
    font-size: clamp(.8125rem, 3.6vw, .875rem);
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account] > :is(a[data-network-view], [data-bottom-more]) > span {
    white-space: nowrap;
    line-height: 1.2;
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav [data-bottom-panel] > a[data-company-academy-offer] {
    margin: 0 0 5px;
    padding: 9px 12px;
    border: 1px solid #e9dec6;
    border-radius: 9px;
    background: #faf6ed;
    color: #0b2549;
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav [data-bottom-panel] > a[data-company-academy-offer]:is(:hover, [aria-current=page]) {
    background: #f5eddd;
  }

  [data-company-academy-offer] > svg { flex: none; color: #896830; }
  [data-company-academy-offer] strong, [data-company-academy-offer] small { display: block; }
  [data-company-academy-offer] strong { font-weight: 650; }
  [data-company-academy-offer] small { margin-top: 2px; color: #52647a; font-size: .8125rem; }
  [data-company-academy-offer]::after {
    flex: none;
    width: 7px;
    height: 7px;
    border-block-start: 1.5px solid #896830;
    border-inline-end: 1.5px solid #896830;
    transform: rotate(45deg);
    content: '';
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account] > :is(a[aria-current=page], [data-bottom-more][aria-expanded=true]),
  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account]:has([data-bottom-panel] a[aria-current=page]:not([hidden])) > [data-bottom-more] {
    color: #0b2549;
    background: transparent;
    box-shadow: none;
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account] > [data-bottom-more][aria-expanded=true] {
    background: #f1f5f9;
  }

  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account] > a[aria-current=page]::before,
  html[data-network=true][data-network-role=company] .wownex-network-nav[data-bottom-layout=account]:has([data-bottom-panel] a[aria-current=page]:not([hidden])) > [data-bottom-more]::before {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    width: 18px;
    height: 2px;
    margin-inline: auto;
    border-radius: 2px;
    background: #a5854b;
    content: '';
  }
}