:root { --wbs-dock-width:min(1280px,calc(100% - 20px)); }
body .wbs-unified-header.wbs-dock {
  position:relative;z-index:110;width:var(--wbs-dock-width);max-width:none;
  min-height:64px;margin:12px auto 0;padding:7px 13px;border-radius:23px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  flex-wrap:nowrap;align-items:center;gap:14px;overflow:visible;
  background:linear-gradient(115deg,rgba(245,240,255,.09),rgba(109,102,172,.12),rgba(21,25,57,.13));
  border:1px solid rgba(233,225,255,.49);
  box-shadow:0 15px 48px rgba(3,5,25,.24),inset 0 1px rgba(255,255,255,.36);
  backdrop-filter:blur(27px) saturate(135%);
  -webkit-backdrop-filter:blur(27px) saturate(135%);
}
body.site-page .wbs-optics-root--header,
body.auth-page .wbs-optics-root--header,
body.account-page .wbs-optics-root--header,
body.wbs-projects-page .wbs-optics-root--header {
  width:var(--wbs-dock-width);max-width:none;margin:12px auto 0;z-index:110;
}
body .wbs-optics-root--header > .wbs-unified-header.wbs-dock {
  width:100%;margin:0;
}
body .wbs-dock-logo {
  display:inline-flex;align-items:center;max-width:238px;
  padding:0;border:0;background:none;box-shadow:none;text-decoration:none;
}
body .wbs-dock-logo img {
  display:block;width:214px;max-width:100%;height:45px;
  object-fit:contain;object-position:left center;
}
body .wbs-dock-nav {
  justify-self:center;width:max-content;max-width:100%;
  display:flex;align-items:center;gap:2px;margin:0;padding:4px;
  border:1px solid rgba(219,204,255,.17);
  border-radius:15px;background:rgba(9,10,40,.23);
}
body .wbs-dock-nav > a,
body .wbs-dock-item > a {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:35px;padding:7px 12px;border-radius:11px;
  color:#f4f0ff;text-decoration:none;white-space:nowrap;
  font-size:13px;border:1px solid transparent;

padding-right:12px;}
body .wbs-dock-nav a:hover,
body .wbs-dock-nav a.active {
  color:#fff;border-color:rgba(220,199,255,.35);
  background:linear-gradient(120deg,rgba(137,113,255,.23),rgba(105,57,187,.19));
}
body .wbs-dock-item {display:flex;align-items:center;gap:0;position:relative;}
body .wbs-dock-item > a {padding-right:5px;}
body .wbs-dock-actions {
  justify-self:end;display:flex;align-items:center;gap:9px;
}
body .wbs-dock-language {
  display:inline-flex;align-items:center;gap:3px;padding:3px;
  border:1px solid rgba(212,199,255,.23);
  border-radius:12px;background:rgba(12,11,46,.18);
}
body .wbs-dock-language a {
  display:grid;place-items:center;min-width:29px;height:30px;
  padding:0 5px;color:#f0ebff;font-size:11px;
  text-decoration:none;border-radius:9px;
}
body .wbs-dock-language .active {background:rgba(131,100,242,.37);}
body .wbs-dock-language span {opacity:.45;}
body .wbs-dock-profile {
  display:inline-flex;align-items:center;justify-content:center;
  gap:7px;padding:6px 11px;min-height:37px;
  border:1px solid rgba(227,208,255,.42);
  border-radius:12px;color:white;text-decoration:none;font-size:12px;
  background:linear-gradient(115deg,rgba(111,97,232,.23),rgba(164,81,221,.18));
}

/* wbs-avatar-final-v1 */
body .wbs-dock-avatar {
    display: grid;
    place-items: center;

    width: 46px;
    height: 46px;
    flex: 0 0 46px;

    padding: 0;
    overflow: hidden;
    border-radius: 50%;

    border: 2px solid rgba(233, 221, 255, .76);
    background: transparent;

    box-shadow:
        0 0 0 2px rgba(149, 112, 255, .18),
        0 0 16px rgba(156, 107, 255, .25),
        0 5px 18px rgba(8, 6, 33, .26),
        inset 0 1px 2px rgba(255, 255, 255, .3);

    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;

    text-shadow: 0 1px 5px rgba(0, 0, 0, .5);

 text-decoration:none;
 cursor:pointer;
}

/* Поддержка будущих настоящих аватарок */
body .wbs-dock-avatar img,
body .wbs-dock-avatar picture img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

/* На телефонах немного компактнее */
@media (max-width: 560px) {
    body .wbs-dock-avatar {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        font-size: 16px;
    
 text-decoration:none;
 cursor:pointer;
}
}

body .wbs-dock-mobile {display:none;}
body .wbs-dock :is(a,button):focus-visible,
.wbs-dock-flyout a:focus-visible {
  outline:2px solid #77eaff;outline-offset:3px;
}

/* Floating panels */
.wbs-dock-flyout[hidden] {display:none!important;}

.wbs-dock-flyout.is-open {
  opacity:1;transform:translateY(0) scale(1);
}


.wbs-info-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
.wbs-info-card {
  display:flex;flex-direction:column;gap:6px;min-height:83px;
  padding:13px;border-radius:15px;
  color:#f7f3ff;text-decoration:none;
  border:1px solid rgba(225,215,255,.19);
  background:rgba(245,239,255,.065);
  transition:transform .22s ease,background .22s ease,border-color .22s ease;

backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);}
.wbs-info-card strong {font-size:13px;font-weight:700;line-height:1.3;}
.wbs-info-card span {font-size:11px;line-height:1.5;color:#dfd9f4;}
.wbs-info-card:hover {
  transform:translateY(-2px);
  border-color:rgba(119,238,255,.58);
  background:rgba(183,156,249,.13);
}

/* Information page */
body .wbs-info-page {
  position:relative;z-index:2;width:min(1120px,calc(100% - 28px));
  margin:42px auto 34px;
}
body .wbs-info-hero {
  padding:33px clamp(20px,4vw,47px);border-radius:28px;margin-bottom:18px;
  border:1px solid rgba(228,213,255,.41);
  background:rgba(146,130,204,.13);
  backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(22px);
}
body .wbs-info-kicker {
  color:#9cecff;font-size:12px;letter-spacing:.15em;text-transform:uppercase;
}
body .wbs-info-hero h1 {
  font-size:clamp(30px,4vw,49px);color:#fff;margin:12px 0;
}
body .wbs-info-hero p {
  color:#e6def9;font-size:15px;line-height:1.75;max-width:65ch;
}
body .wbs-info-page .wbs-info-grid {
  grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
}
body .wbs-info-page .wbs-info-card {
  min-height:132px;padding:22px;border-radius:21px;
  background:linear-gradient(125deg,rgba(241,232,255,.10),rgba(59,64,125,.15));
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(18px);
}
body .wbs-info-page .wbs-info-card strong {font-size:19px;}
body .wbs-info-page .wbs-info-card span {font-size:13px;line-height:1.65;}


@media(max-width:670px) {
  body .wbs-info-page .wbs-info-grid,
  .wbs-dock-flyout .wbs-info-grid {grid-template-columns:1fr;}
  body .wbs-info-page {margin-top:22px;}
  body .wbs-info-page .wbs-info-card {min-height:98px;}
}
@media(prefers-reduced-motion:reduce) {
  .wbs-dock-flyout,.wbs-info-card {transition:none!important;}
}

/* wbs-dock-refinement-v2 */

body .wbs-dock-user {
  display:inline-flex;
  align-items:center;
  gap:9px;
}





body .wbs-optics-root--header > .wbs-optics-backdrop {
  opacity:0;
  pointer-events:none;
}

body .wbs-optics-root--header.wbs-webgl-active
> .wbs-unified-header.wbs-dock {
  background:rgba(122,112,174,.10);
  backdrop-filter:blur(26px);
  -webkit-backdrop-filter:blur(26px);
}

body .wbs-optics-root--header.wbs-webgl-active
> .wbs-unified-header.wbs-dock > canvas:first-child {
  opacity:.14;
}


/* wbs-dock-refinement-v3:start */

/* Общая стеклянная шапка: больше объёма, глубины и бликов */
:root {
  --wbs-dock-width: min(1305px, calc(100% - 18px));
}

body .wbs-unified-header.wbs-dock {
  min-height: 68px;
  padding: 8px 18px 8px 26px;
  border-radius: 26px;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.14) 0%,
      rgba(255,255,255,.04) 22%,
      rgba(255,255,255,0) 23%),
    radial-gradient(circle at 16% 0%,
      rgba(255,255,255,.16) 0%,
      transparent 30%),
    radial-gradient(circle at 84% 0%,
      rgba(101,228,255,.10) 0%,
      transparent 24%),
    linear-gradient(135deg,
      rgba(246,240,255,.12) 0%,
      rgba(119,112,182,.14) 44%,
      rgba(22,27,62,.15) 100%);
  border: 1px solid rgba(239,230,255,.55);
  box-shadow:
    0 18px 56px rgba(3,5,25,.28),
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(100,225,255,.12),
    inset 18px 18px 46px rgba(255,255,255,.025),
    inset -18px -22px 48px rgba(88,63,178,.10);
  backdrop-filter: blur(28px) saturate(145%);
  -webkit-backdrop-filter: blur(28px) saturate(145%);
  overflow: visible;
}

body .wbs-unified-header.wbs-dock::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(145deg,
      rgba(255,255,255,.12),
      transparent 24%,
      transparent 72%,
      rgba(99,229,255,.05));
  opacity: .95;
}

body .wbs-unified-header.wbs-dock::after {
  content: "";
  position: absolute;
  left: 18px;
  right: 18px;
  top: 7px;
  height: 14px;
  border-radius: 999px;
  pointer-events: none;
  background: linear-gradient(180deg,
    rgba(255,255,255,.16),
    rgba(255,255,255,0));
  filter: blur(2px);
  opacity: .9;
}

/* логотип больше и не прибит к краю */
body .wbs-dock-logo {
  max-width: 256px;
  margin-left: 8px;
  position: relative;
  z-index: 2;
}

body .wbs-dock-logo img {
  width: 228px;
  height: 48px;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
  filter:
    drop-shadow(0 2px 8px rgba(25,15,85,.25))
    drop-shadow(0 0 12px rgba(126,101,255,.10));
}

/* центральная плашка меню — тоже стеклянная и объёмная */
body .wbs-dock-nav {
  padding: 4px 6px;
  border-radius: 18px;
  gap: 3px;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.09),
      rgba(255,255,255,.02) 24%,
      rgba(255,255,255,0) 24%),
    linear-gradient(135deg,
      rgba(248,241,255,.06),
      rgba(122,100,193,.09),
      rgba(18,22,54,.10));
  border: 1px solid rgba(231,220,255,.22);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(100,225,255,.08),
    0 8px 24px rgba(5,7,28,.12);
}

body .wbs-dock-nav > a,
body .wbs-dock-item > a {
  min-height: 36px;
  padding: 7px 13px;
  border-radius: 12px;
}

body .wbs-dock-nav a:hover,
body .wbs-dock-nav a.active {
  background:
    linear-gradient(135deg,
      rgba(251,247,255,.10),
      rgba(145,123,255,.15),
      rgba(76,60,165,.12));
  border-color: rgba(232,222,255,.36);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 4px 14px rgba(67,52,166,.10);
}

/* аватар и профиль */
body .wbs-dock-user {
  display: inline-flex;
  align-items: center;
  gap: 9px;
}


body .wbs-dock-profile {
  min-height: 37px;
  padding: 7px 13px;
  border-radius: 12px;
  background:
    linear-gradient(115deg,
      rgba(250,245,255,.07),
      rgba(111,97,232,.17),
      rgba(164,81,221,.15));
  border: 1px solid rgba(231,221,255,.33);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12);
}

/* убираем видимую копию фоновой картинки внутри стекла шапки */
body .wbs-optics-root--header > .wbs-optics-backdrop {
  opacity: 0 !important;
  pointer-events: none;
}

body .wbs-optics-root--header.wbs-webgl-active
> .wbs-unified-header.wbs-dock {
  background:
    linear-gradient(180deg,
      rgba(255,255,255,.11) 0%,
      rgba(255,255,255,.03) 22%,
      rgba(255,255,255,0) 23%),
    linear-gradient(135deg,
      rgba(246,240,255,.08),
      rgba(117,110,176,.10),
      rgba(21,26,59,.12));
}

body .wbs-optics-root--header.wbs-webgl-active
> .wbs-unified-header.wbs-dock > canvas:first-child {
  opacity: .24;
}

/* выпадающие подменю: настоящее стекло, прозрачнее и легче */






/* пустой блок инструментов — тоже стеклянный */


/* карточки инфо вообще уменьшаем только в ПОДМЕНЮ */








/* на самой странице "Информация" оставляем карточки крупнее */
body .wbs-info-hero {
  background:
    linear-gradient(135deg,
      rgba(247,241,255,.09),
      rgba(108,102,174,.11),
      rgba(20,24,57,.14));
  border: 1px solid rgba(236,227,255,.36);
  box-shadow:
    0 16px 46px rgba(4,6,27,.18),
    inset 0 1px 0 rgba(255,255,255,.26);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}

body .wbs-info-page .wbs-info-card {
  background:
    linear-gradient(135deg,
      rgba(247,241,255,.08),
      rgba(100,93,165,.12),
      rgba(21,25,58,.14));
  border: 1px solid rgba(231,221,255,.27);
  box-shadow:
    0 12px 30px rgba(6,8,26,.12),
    inset 0 1px 0 rgba(255,255,255,.16);
}

/* мобильная корректировка */
@media (max-width: 950px) {
  body .wbs-unified-header.wbs-dock {
    padding: 8px 12px 8px 16px;
  }

  body .wbs-dock-logo {
    margin-left: 2px;
    max-width: 205px;
  }

  body .wbs-dock-logo img {
    width: 184px;
    height: 39px;
  }
}

@media (max-width: 670px) {





}

/* wbs-dock-refinement-v3:end */


/* wbs-dock-clear-glass-v1 */

/* ПРОЗРАЧНОЕ СТЕКЛО — БЕЗ ФОНОВОЙ ЗАЛИВКИ */
.wbs-dock-flyout {
    position: fixed;
    z-index: 3000;
    top: 0;
    left: 0;

    width: min(350px, calc(100vw - 24px));
    max-height: min(75vh, 600px);
    overflow-y: auto;

    padding: 12px;
    border-radius: 21px;

    background: transparent;
    background-image: none;

    border: 1px solid rgba(242, 238, 255, .50);

    box-shadow:
        0 14px 34px rgba(0, 0, 0, .24),
        inset 0 1px 0 rgba(255, 255, 255, .55),
        inset 0 -1px 0 rgba(150, 224, 255, .24),
        inset 1px 0 0 rgba(255, 255, 255, .22),
        inset -1px 0 0 rgba(255, 255, 255, .17);

    backdrop-filter: blur(22px) saturate(120%);
    -webkit-backdrop-filter: blur(22px) saturate(120%);

    opacity: 0;
    transform: translateY(-8px) scale(.96);
    transform-origin: top center;

    transition:
        opacity .20s ease,
        transform .35s cubic-bezier(.2, 1.22, .3, 1);
}

.wbs-dock-flyout::before,
.wbs-dock-flyout::after {
    content: none;
    background: none;
}

.wbs-dock-flyout.is-open {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Заголовок панели */
.wbs-dock-panel-title {
    margin: 2px 3px 10px;
    padding: 0;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.3;
    color: #fff;
    background: transparent;
}

/* Подменю ИНФОРМАЦИЯ */
.wbs-dock-flyout[data-panel="info"] {
    width: min(330px, calc(100vw - 24px));
}

.wbs-dock-flyout[data-panel="info"] .wbs-info-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    gap: 7px;
    margin: 0;
}

.wbs-dock-flyout[data-panel="info"] .wbs-info-card {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    min-width: 0;
    min-height: 32px;
    height: 32px;

    margin: 0;
    padding: 5px 7px;

    border-radius: 10px;

    background: transparent;
    background-image: none;

    border: 1px solid rgba(237, 231, 255, .32);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .28),
        inset 0 -1px 0 rgba(167, 214, 255, .12);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    text-align: center;
    text-decoration: none;

    transition:
        border-color .20s ease,
        box-shadow .20s ease,
        transform .20s ease;
}

.wbs-dock-flyout[data-panel="info"] .wbs-info-card strong {
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.15;
    white-space: nowrap;
    color: #fff;
}

.wbs-dock-flyout[data-panel="info"] .wbs-info-card span {
    display: none;
}

.wbs-dock-flyout[data-panel="info"] .wbs-info-card:hover,
.wbs-dock-flyout[data-panel="info"] .wbs-info-card:focus-visible {
    background: transparent;
    background-image: none;

    border-color: rgba(180, 235, 255, .85);

    box-shadow:
        inset 0 1px rgba(255, 255, 255, .52),
        0 0 11px rgba(134, 198, 255, .21);

    transform: translateY(-1px);
}

/* Подменю ИНСТРУМЕНТЫ */
.wbs-dock-flyout[data-panel="tools"] {
    width: min(350px, calc(100vw - 24px));
}

.wbs-dock-empty {
    margin: 0;
    padding: 13px 11px;

    min-height: 0;
    border-radius: 12px;

    background: transparent;
    background-image: none;

    border: 1px solid rgba(238, 232, 255, .28);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .24),
        inset 0 -1px 0 rgba(157, 219, 255, .10);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    text-align: center;
    color: #f0edff;
    font-size: 11px;
    line-height: 1.5;
}

/* Телефоны */
@media (max-width: 390px) {
    .wbs-dock-flyout {
        padding: 9px;
    }

    .wbs-dock-flyout[data-panel="info"] .wbs-info-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
    }

    .wbs-dock-flyout[data-panel="info"] .wbs-info-card {
        height: 31px;
        min-height: 31px;
        padding: 4px 5px;
    }

    .wbs-dock-flyout[data-panel="info"] .wbs-info-card strong {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wbs-dock-flyout,
    .wbs-dock-flyout .wbs-info-card {
        transition: none;
    }
}


/* wbs-staff-profile-v9: only the new flyout, no changes to approved dock surfaces */
body .wbs-profile-flyout-v9{position:fixed;z-index:2147483000;box-sizing:border-box;width:216px;max-width:calc(100vw - 24px);display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid rgba(242,232,255,.63);border-radius:19px;background:rgba(18,15,40,.16);box-shadow:0 20px 42px rgba(0,0,0,.36),inset 0 2px rgba(255,255,255,.43),inset 0 -2px rgba(127,223,255,.2);backdrop-filter:blur(23px) saturate(150%);-webkit-backdrop-filter:blur(23px) saturate(150%);color:#fff}
body .wbs-profile-flyout-v9[hidden]{display:none!important}
body .wbs-profile-flyout-v9 a,body .wbs-profile-flyout-v9 button{display:flex;box-sizing:border-box;align-items:center;justify-content:center;width:100%;min-height:37px;padding:9px 12px;color:#fff;text-decoration:none;font:inherit;font-size:12px;font-weight:700;border:1px solid rgba(224,220,251,.28);border-radius:12px;background:transparent;cursor:pointer}
body .wbs-profile-flyout-v9 form{margin:0;display:block}
body .wbs-profile-flyout-v9 a:hover,body .wbs-profile-flyout-v9 button:hover,body .wbs-profile-flyout-v9 a:focus-visible,body .wbs-profile-flyout-v9 button:focus-visible{border-color:rgba(173,242,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.25),0 0 12px rgba(132,223,255,.15);outline-offset:1px}
@media(prefers-reduced-motion:reduce){body .wbs-profile-flyout-v9{transition:none}}


/* WBS RESPONSIVE DOCK FIX V2
   One responsive navigation implementation.
   Glass appearance and desktop rules are preserved.
*/

@media (max-width:1440px) {
  body header.wbs-unified-header.wbs-dock {
    box-sizing:border-box;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:9px;
    row-gap:0;
    min-width:0;
    max-width:100%;
    min-height:60px;
    padding:8px 12px;
  }

  body header.wbs-dock .wbs-dock-logo {
    grid-column:1;
    grid-row:1;
    justify-self:start;
    min-width:0;
    max-width:185px;
    margin:0;
  }

  body header.wbs-dock .wbs-dock-logo img {
    width:180px;
    max-width:100%;
    height:38px;
    object-fit:contain;
  }

  body header.wbs-dock .wbs-dock-actions {
    display:flex!important;
    grid-column:2;
    grid-row:1;
    justify-self:end;
    align-items:center;
    gap:7px;
    min-width:0;
    padding:0;
  }

  body header.wbs-dock .wbs-dock-mobile {
    display:inline-flex!important;
    grid-column:3;
    grid-row:1;
    justify-self:end;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:39px;
    padding:8px 12px;
    border:1px solid rgba(223,210,255,.46);
    border-radius:12px;
    background:rgba(83,70,155,.21);
    color:#fff;
    font:inherit;
    font-size:12px;
    cursor:pointer;
  }

  body header.wbs-dock .wbs-dock-mobile svg {
    display:block;
    width:19px;
    height:19px;
    flex:none;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  body header.wbs-dock .wbs-dock-nav {
    display:none!important;
    grid-column:1/-1;
    grid-row:2;
    justify-self:stretch;
    flex-direction:column;
    align-items:stretch;
    box-sizing:border-box;
    width:100%;
    max-width:100%;
    min-width:0;
    margin:9px 0 0;
    padding:6px;
    gap:3px;
  }

  body header.wbs-dock.wbs-dock-expanded
  .wbs-dock-nav {
    display:flex!important;
  }

  body header.wbs-dock .wbs-dock-nav > a,
  body header.wbs-dock .wbs-dock-item > a {
    box-sizing:border-box;
    display:flex;
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:flex-start;
    padding:10px 13px;
    white-space:normal;
  }

  body header.wbs-dock .wbs-dock-item {
    display:flex;
    width:100%;
    min-width:0;
  }

  body header.wbs-dock .wbs-dock-user {
    display:flex;
    align-items:center;
    gap:6px;
    min-width:0;
  }

  body header.wbs-dock .wbs-dock-language {
    flex:none;
  }
}

@media (max-width:540px) {
  body header.wbs-unified-header.wbs-dock {
    column-gap:5px;
    padding:7px 8px;
    min-height:53px;
    border-radius:19px;
  }

  body header.wbs-dock .wbs-dock-logo {
    max-width:130px;
  }

  body header.wbs-dock .wbs-dock-logo img {
    width:128px;
    height:34px;
  }

  body header.wbs-dock .wbs-dock-actions {
    gap:5px;
  }

  body header.wbs-dock .wbs-dock-language {
    gap:1px;
    padding:2px;
  }

  body header.wbs-dock .wbs-dock-language a {
    min-width:23px;
    height:27px;
    padding:0 2px;
    font-size:10px;
  }

  body header.wbs-dock .wbs-dock-avatar {
    width:35px;
    height:35px;
    min-width:35px;
    flex-basis:35px;
  }

  body header.wbs-dock .wbs-dock-user
  .wbs-dock-profile {
    display:none;
  }

  body header.wbs-dock .wbs-dock-mobile {
    width:37px;
    height:37px;
    min-height:37px;
    padding:7px;
    gap:0;
  }

  body header.wbs-dock .wbs-dock-mobile span {
    display:none;
  }
}

@media (max-width:375px) {
  body header.wbs-dock .wbs-dock-logo {
    max-width:103px;
  }

  body header.wbs-dock .wbs-dock-logo img {
    width:102px;
    height:32px;
  }

  body header.wbs-dock .wbs-dock-actions {
    gap:3px;
  }

  body header.wbs-dock .wbs-dock-mobile {
    width:35px;
    height:35px;
  }
}

@media (prefers-reduced-motion:reduce) {
  body header.wbs-dock .wbs-dock-mobile {
    transition:none;
  }
}