@property --ui {
  syntax: "<number>";
  inherits: true;
  initial-value: 1;
}

  body.map-page {
    --ui: clamp(0.34, min(100vw / 1920px, 100vh / 1080px), 1.4);
    padding-top: 0;
    padding-left: 0;
  }

  header.header-map {
    width: min(calc(1426px * var(--ui)), calc(100vw - 494px * var(--ui)));
    max-width: calc(1426px * var(--ui));
    height: calc(100px * var(--ui));
    top: calc(40px * var(--ui));
    left: 50%;
    transform: translateX(-50%);
    padding: 0 calc(50px * var(--ui));
    border-radius: calc(20px * var(--ui));
    background: #fff;
    box-shadow: 0 calc(4px * var(--ui)) calc(20px * var(--ui)) rgba(0, 0, 0, 0.15);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0;
    container-type: inline-size;
  }

  .header-map__logo-word,
  .header-map__logo-mark,
  .header-map__logo-mark img,
  .header-profile__settings img,
  .header-profile__account__photo img {
    max-width: none;
  }

  .header-map__logo {
    flex: 0 0 auto;
  }

  .header-map__logo a {
    display: flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
  }

  .header-map__logo img {
    margin: 0;
  }

  .header-map__logo-mark {
    position: relative;
    width: calc(85px * var(--ui));
    height: calc(50px * var(--ui));
    flex: 0 0 calc(85px * var(--ui));
  }

  .header-map__logo-mark img {
    position: absolute;
    margin: 0;
    display: block;
  }

  .header-map__logo-mark img:nth-child(1) {
    left: calc(16px * var(--ui));
    top: 0;
    width: calc(52px * var(--ui));
    height: calc(24px * var(--ui));
  }

  .header-map__logo-mark img:nth-child(2) {
    left: calc(13px * var(--ui));
    top: calc(11px * var(--ui));
    width: calc(57px * var(--ui));
    height: calc(39px * var(--ui));
  }

  .header-map__logo-mark img:nth-child(3) {
    left: 0;
    top: calc(5px * var(--ui));
    width: calc(85px * var(--ui));
    height: calc(37px * var(--ui));
  }

  .header-map__logo .header-map__logo-word {
    width: calc(147px * var(--ui));
    height: calc(45px * var(--ui));
    margin: 0 0 0 calc(4px * var(--ui));
    display: block;
  }

  .header-map__search {
    position: relative;
    flex: 1 1 0;
    width: auto;
    max-width: calc(476px * var(--ui));
    min-width: 0;
    height: calc(80px * var(--ui));
    margin: 0 calc(31px * var(--ui));
    background: #daf2fa;
    border-radius: calc(55px * var(--ui));
    box-shadow: 0 calc(4px * var(--ui)) calc(20px * var(--ui)) rgba(0, 0, 0, 0.15);
  }

  .header-map__search__input-wrapper {
    width: 100%;
    max-width: none !important;
    height: calc(80px * var(--ui));
    margin: 0;
    background: transparent;
    border-radius: 0;
  }

  .header-map__search__input-wrapper input,
  .header-map__search input {
    position: absolute;
    left: calc(20px * var(--ui));
    top: calc(10px * var(--ui));
    width: calc(100% - 110px * var(--ui));
    max-width: none;
    height: calc(60px * var(--ui));
    margin: 0;
    padding: 0 calc(16px * var(--ui)) 0 calc(63px * var(--ui));
    border: 0;
    border-radius: calc(31px * var(--ui));
    background: #fff;
    box-shadow: none;
    font-family: Raleway, sans-serif;
    font-size: calc(20px * var(--ui));
    font-weight: 500;
    letter-spacing: calc(-1px * var(--ui));
    color: rgba(0, 0, 0, 0.8);
  }

  .header-map__search__input-wrapper input:focus,
  .header-map__search input:focus {
    background: #fff;
    box-shadow: none;
  }

  .header-map__search__input-wrapper input::placeholder,
  .header-map__search input::placeholder {
    color: rgba(0, 0, 0, 0.7);
    font-family: Raleway, sans-serif;
    font-size: calc(20px * var(--ui));
    font-weight: 500;
    letter-spacing: calc(-1px * var(--ui));
    padding-left: 0;
  }

  .header-map__search .header-map__search__magnifying__glass {
    left: calc(40px * var(--ui));
    top: 50%;
    width: calc(23px * var(--ui));
    height: calc(22px * var(--ui));
    margin: 0;
  }

  .header-map__search__input-wrapper .header-map__search__magnifying__head,
  .header-map__search .header-map__search__magnifying__head {
    width: calc(60px * var(--ui)) !important;
    height: calc(60px * var(--ui)) !important;
    right: calc(20px * var(--ui));
    top: calc(10px * var(--ui));
    margin: 0;
    border-radius: 50%;
  }

  .header-map__profile {
    flex: 0 0 auto;
    gap: calc(40px * var(--ui));
    justify-content: flex-start;
    margin-left: auto;
    min-width: max-content;
  }

  .header-profile__settings {
    display: flex;
    align-items: center;
    gap: calc(11px * var(--ui));
    margin: 0;
  }

  .header-profile__settings img {
    margin: 0;
  }

  .news-btn,
  .orders-btn,
  .signals-btn,
  .favorites-btn {
    position: relative;
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
    padding: 0;
    border: 0;
    border-radius: calc(62px * var(--ui));
    background: #daf2fa;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: none;
  }

  .signals-btn__badge {
    position: absolute;
    top: calc(4px * var(--ui));
    right: calc(4px * var(--ui));
    width: calc(12px * var(--ui));
    height: calc(12px * var(--ui));
    border-radius: 50%;
    background: #ff2d2d;
    box-shadow: 0 0 0 2px #daf2fa;
    pointer-events: none;
  }

  .signals-btn__badge[hidden] {
    display: none !important;
  }

  #bottomNav .bottom-nav-item[data-page="signals"] {
    position: relative;
  }

  #bottomNav .bottom-nav-item[data-page="signals"] .signals-btn__badge {
    top: 2px;
    right: 10px;
    width: 10px;
    height: 10px;
    box-shadow: 0 0 0 2px #fff;
  }

  .news-btn {
    background: transparent;
  }

  .news-btn:hover,
  .orders-btn:hover,
  .signals-btn:hover,
  .favorites-btn:hover {
    transform: none;
  }

  .news-btn img {
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
  }

  .orders-btn img {
    width: calc(36px * var(--ui));
    height: calc(36px * var(--ui));
  }

  .signals-btn img {
    width: calc(56px * var(--ui));
    height: calc(32px * var(--ui));
  }

  .favorites-btn img {
    width: calc(37px * var(--ui));
    height: calc(30px * var(--ui));
  }

  .header-map__profile__account {
    gap: calc(12px * var(--ui));
  }

  .header-profile__account__status {
    margin: 0;
    align-items: flex-start;
  }

  .header-profile__account__status p {
    margin: 0;
    color: rgba(0, 0, 0, 0.8);
    font-family: Raleway, sans-serif;
    font-size: calc(25px * var(--ui));
    font-weight: 500;
    letter-spacing: calc(-1px * var(--ui));
    line-height: normal;
    text-align: left;
    white-space: nowrap;
  }

  .header-profile__account__status img {
    display: none;
  }

  .header-profile__account__rating {
    width: auto;
  }

  .header-profile__account__rating span:not(.header-profile__account__role) {
    display: none;
  }

  .header-profile__account__role {
    color: #003366;
    font-family: Raleway, sans-serif;
    font-size: calc(25px * var(--ui));
    font-weight: 600;
    line-height: calc(18px * var(--ui));
    letter-spacing: calc(-1px * var(--ui));
  }

  .header-profile__account__photo,
  .header-profile__account__photo img {
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
    border-radius: 50%;
    object-fit: cover;
  }

  #sosBtnDesktop,
  #sosBtnDesktopRight {
    width: calc(120px * var(--ui)) !important;
    height: calc(120px * var(--ui)) !important;
    top: calc(30px * var(--ui)) !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
  }

  #sosBtnDesktop {
    left: calc(28px * var(--ui)) !important;
  }

  #sosBtnDesktopRight {
    right: calc(27px * var(--ui)) !important;
  }

  #sosBtnDesktop img,
  #sosBtnDesktopRight img {
    position: absolute;
    inset: 0;
    width: calc(120px * var(--ui)) !important;
    height: calc(120px * var(--ui)) !important;
    max-width: none;
    border-radius: 50%;
    box-shadow: none !important;
  }

  #sosBtnDesktop span,
  #sosBtnDesktopRight span {
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: Inter, sans-serif;
    font-size: calc(29.725px * var(--ui));
    font-weight: 700;
    letter-spacing: calc(-1.486px * var(--ui));
    line-height: 1;
  }

  #sosBtnDesktop.help-live > span:not(.help-live__ripple),
  #sosBtnDesktopRight.help-live > span:not(.help-live__ripple) {
    z-index: 2;
  }

  #sosBtnDesktop .help-live__core,
  #sosBtnDesktopRight .help-live__core {
    z-index: 1;
  }

  #sosBtnDesktop .help-live__ripple,
  #sosBtnDesktopRight .help-live__ripple {
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(120px * var(--ui));
    height: calc(120px * var(--ui));
    margin: calc(-60px * var(--ui)) 0 0 calc(-60px * var(--ui));
    border-radius: 50%;
    background: transparent;
    box-shadow:
      0 0 0 8px rgba(255, 0, 51, 0.28),
      0 0 22px 10px rgba(255, 0, 51, 0.22);
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transform: scale(1);
    font-size: 0;
    letter-spacing: 0;
  }

  #sosBtnDesktopRight .help-live__ripple {
    box-shadow:
      0 0 0 8px rgba(42, 142, 158, 0.55),
      0 0 22px 10px rgba(42, 142, 158, 0.4);
  }

  #sosBtnDesktop.holding .help-live__ripple,
  #sosBtnDesktopRight.holding .help-live__ripple {
    animation: helpRipple 1.6s ease-out infinite;
  }

  #sosBtnDesktop.holding .help-live__ripple--2,
  #sosBtnDesktopRight.holding .help-live__ripple--2 {
    animation-delay: -0.53s;
  }

  #sosBtnDesktop.holding .help-live__ripple--3,
  #sosBtnDesktopRight.holding .help-live__ripple--3 {
    animation-delay: -1.06s;
  }

  @keyframes helpRipple {
    0% {
      transform: scale(1);
      opacity: 0.8;
    }
    100% {
      transform: scale(1.42);
      opacity: 0;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #sosBtnDesktop.holding .help-live__ripple,
    #sosBtnDesktopRight.holding .help-live__ripple {
      animation: none;
      opacity: 0.45;
      transform: scale(1.12);
    }
  }

  .left-panel-toggle {
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
    padding: 0;
    border: 0;
    border-radius: 0 calc(10.5px * var(--ui)) calc(10.5px * var(--ui)) 0;
    background: #daf2fa;
    box-shadow: 0 calc(2px * var(--ui)) calc(10px * var(--ui)) rgba(0, 0, 0, 0.15);
    justify-content: center;
    top: calc(50% - 160px * var(--ui));
  }

  .left-panel-toggle:hover,
  .left-panel-toggle.left-drawer-open {
    background: #daf2fa;
    box-shadow: 0 calc(2px * var(--ui)) calc(10px * var(--ui)) rgba(0, 0, 0, 0.15);
  }

  .left-panel-toggle.family-panel-toggle {
    top: calc(50% - 70px * var(--ui));
  }

  .left-panel-toggle.ai-panel-toggle {
    top: calc(50% + 20px * var(--ui));
  }

  .left-panel-toggle__icon {
    width: calc(37px * var(--ui));
    height: calc(38px * var(--ui));
    object-fit: contain;
    pointer-events: none;
  }

  .family-panel-toggle__art,
  .ai-panel-toggle__art {
    position: relative;
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
    pointer-events: none;
  }

  .family-panel-toggle__art img,
  .ai-panel-toggle__art img {
    position: absolute;
    display: block;
    max-width: none;
    object-fit: contain;
  }

  .family-panel-toggle__art img:nth-child(1) {
    left: calc(28.524px * var(--ui));
    top: calc(32.664px * var(--ui));
    width: calc(5.164px * var(--ui));
    height: calc(5.392px * var(--ui));
  }

  .family-panel-toggle__art img:nth-child(2) {
    left: calc(25.218px * var(--ui));
    top: calc(37.524px * var(--ui));
    width: calc(12.875px * var(--ui));
    height: calc(11.471px * var(--ui));
  }

  .family-panel-toggle__art img:nth-child(3) {
    left: calc(40.638px * var(--ui));
    top: calc(24.156px * var(--ui));
    width: calc(6.266px * var(--ui));
    height: calc(5.392px * var(--ui));
  }

  .family-panel-toggle__art img:nth-child(4) {
    left: calc(35px * var(--ui));
    top: calc(29px * var(--ui));
    width: calc(13.219px * var(--ui));
    height: calc(18.233px * var(--ui));
  }

  .family-panel-toggle__art img:nth-child(5) {
    left: calc(15.306px * var(--ui));
    top: calc(24.156px * var(--ui));
    width: calc(6.266px * var(--ui));
    height: calc(5.392px * var(--ui));
    transform: scaleX(-1);
  }

  .family-panel-toggle__art img:nth-child(6) {
    left: calc(12px * var(--ui));
    top: calc(29px * var(--ui));
    width: calc(13.219px * var(--ui));
    height: calc(18.233px * var(--ui));
    transform: rotate(180deg) scaleY(-1);
  }

  .family-panel-toggle__art img:nth-child(7) {
    left: calc(27.28px * var(--ui));
    top: calc(15.79px * var(--ui));
    width: calc(5.786px * var(--ui));
    height: calc(5.786px * var(--ui));
  }

  .family-panel-toggle__art img:nth-child(8) {
    left: calc(24.12px * var(--ui));
    top: calc(12px * var(--ui));
    width: calc(12.117px * var(--ui));
    height: calc(16.014px * var(--ui));
  }

  .ai-panel-toggle__art img:nth-child(1) {
    left: calc(18px * var(--ui));
    top: calc(31.5px * var(--ui));
    width: calc(18px * var(--ui));
    height: calc(15px * var(--ui));
  }

  .ai-panel-toggle__art img:nth-child(2) {
    left: calc(21px * var(--ui));
    top: calc(19.5px * var(--ui));
    width: calc(20.4px * var(--ui));
    height: calc(9.9px * var(--ui));
  }

  .ai-panel-toggle__art img:nth-child(3) {
    left: calc(16.5px * var(--ui));
    top: calc(13.5px * var(--ui));
    width: calc(30.9px * var(--ui));
    height: calc(11.4px * var(--ui));
  }

  .ai-panel-toggle__art img:nth-child(4) {
    left: calc(27px * var(--ui));
    top: calc(25.5px * var(--ui));
    width: calc(9.9px * var(--ui));
    height: calc(8.4px * var(--ui));
  }

  .m-zoomstack {
    right: calc(27px * var(--ui));
    top: calc(50% - 85px * var(--ui));
    bottom: auto !important;
    height: auto;
    gap: calc(30px * var(--ui));
  }

  .m-zoomstack .map-settings {
    width: calc(60px * var(--ui)) !important;
    height: calc(120px * var(--ui)) !important;
    padding: 0 !important;
    border: 0;
    border-radius: calc(30px * var(--ui));
    background: #daf2fa url("/static/image/figma-main/zoom-bg.svg?v=3") center / calc(60px * var(--ui)) calc(120px * var(--ui)) no-repeat;
    box-shadow: 0 calc(3px * var(--ui)) calc(7.5px * var(--ui)) rgba(0, 0, 0, 0.15);
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .m-zoomstack .map-settings__icon {
    flex: 1 1 50%;
    height: 50%;
    border: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }

  .m-zoomstack #mPlus.map-settings__icon {
    border-bottom: 1px solid #C9C9DD !important;
  }

  .m-zoomstack .map-settings__icon img {
    opacity: 0;
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui));
  }

  .m-zoomstack #mLoc {
    width: calc(60px * var(--ui));
    height: calc(60px * var(--ui)) !important;
    padding: calc(13.5px * var(--ui)) calc(13px * var(--ui));
    box-sizing: border-box;
    border-radius: calc(30px * var(--ui));
    background: #daf2fa;
    box-shadow: 0 calc(3px * var(--ui)) calc(7.5px * var(--ui)) rgba(0, 0, 0, 0.15);
    object-fit: contain;
  }

  .m-zoomstack #mLoc:hover {
    transform: none;
  }

  .map-page .static {
    display: none;
  }

  .chat-fab {
    right: calc(27px * var(--ui));
    bottom: calc(30px * var(--ui));
    width: calc(120px * var(--ui));
    height: calc(120px * var(--ui));
    padding: 0;
    border-radius: calc(97px * var(--ui));
    background: #daf2fa;
    box-shadow: 0 calc(4px * var(--ui)) calc(20px * var(--ui)) rgba(0, 0, 0, 0.15);
    justify-content: center;
  }

  .chat-fab:hover,
  .chat-fab:active {
    transform: none;
    box-shadow: 0 calc(4px * var(--ui)) calc(20px * var(--ui)) rgba(0, 0, 0, 0.15);
  }

  .chat-fab-text {
    display: none;
  }

  .bottom-nav-item[data-page="map"] {
    flex: 0 0 auto;
    justify-content: center;
  }

  .bottom-nav-logo {
    --logo: 0.42;
    display: flex;
    align-items: center;
    height: calc(50px * var(--logo));
    width: calc(236px * var(--logo));
  }

  .bottom-nav-logo__mark {
    position: relative;
    width: calc(85px * var(--logo));
    height: calc(50px * var(--logo));
    flex: 0 0 calc(85px * var(--logo));
  }

  .bottom-nav-logo__mark img {
    position: absolute;
    display: block;
    margin: 0;
    max-width: none;
    object-fit: contain;
  }

  .bottom-nav-logo__mark img:nth-child(1) {
    left: calc(16px * var(--logo));
    top: 0;
    width: calc(52px * var(--logo));
    height: calc(24px * var(--logo));
  }

  .bottom-nav-logo__mark img:nth-child(2) {
    left: calc(13px * var(--logo));
    top: calc(11px * var(--logo));
    width: calc(57px * var(--logo));
    height: calc(39px * var(--logo));
  }

  .bottom-nav-logo__mark img:nth-child(3) {
    left: 0;
    top: calc(5px * var(--logo));
    width: calc(85px * var(--logo));
    height: calc(37px * var(--logo));
  }

  .bottom-nav-logo__word {
    width: calc(147px * var(--logo));
    height: calc(45px * var(--logo));
    margin: 0 0 0 calc(4px * var(--logo));
    display: block;
    max-width: none;
    object-fit: contain;
  }

  .chat-fab-icon {
    width: calc(68px * var(--ui));
    height: calc(75px * var(--ui));
    margin: 0;
    object-fit: contain;
  }

@media (max-width: 768px) {
  .left-panel-toggle {
    --ui: 0.667;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    transform: none !important;
    padding: 0 !important;
    overflow: hidden;
    top: 32.4% !important;
  }

  .left-panel-toggle.family-panel-toggle {
    top: calc(32.4% + 62px) !important;
  }

  .left-panel-toggle.ai-panel-toggle {
    top: calc(32.4% + 124px) !important;
  }

  .left-panel-toggle:active,
  .left-panel-toggle.left-drawer-open,
  .left-panel-toggle.left-drawer-open:active {
    transform: none !important;
  }

  #bottomNav .news-btn {
    width: auto;
    height: auto;
    min-width: 0;
    padding: 2px 0;
    background: none;
    border-radius: 0;
    flex: 1 1 0;
  }

  #bottomNav,
  #bottomNav.bottom-nav {
    height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    min-height: calc(60px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
    padding: 0 8px env(safe-area-inset-bottom, 0px) !important;
    align-items: center !important;
  }

  #bottomNav .bottom-nav-icon,
  #bottomNav .bottom-nav-icon img,
  #bottomNav .news-btn .bottom-nav-icon,
  #bottomNav .news-btn img {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 0 !important;
  }

  #bottomNav .bottom-nav-logo {
    --logo: 0.4;
    width: 94px !important;
    height: 20px !important;
  }

  #bottomNav,
  #bottomNav.bottom-nav {
    justify-content: center !important;
    gap: 0 !important;
  }

  #bottomNav > .bottom-nav-item,
  #bottomNav > .news-btn {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #bottomNav > .news-btn {
    margin-left: 19px !important;
  }

  #bottomNav > .bottom-nav-item[data-page="orders"],
  #bottomNav > .bottom-nav-item[data-page="signals"],
  #bottomNav > .bottom-nav-item[data-page="favorites"] {
    margin-left: 7px !important;
  }

  #bottomNav > #bottomNavProfile {
    margin-left: 19px !important;
  }

  #bottomNav,
  #bottomNav .bottom-nav-item,
  #bottomNav .news-btn,
  #bottomNav button,
  #bottomNav a {
    -webkit-tap-highlight-color: transparent;
    -webkit-appearance: none;
    appearance: none;
  }

  body:has(.orders-modal.active) #bottomNav,
  body:has(.news-modal.show) #bottomNav,
  body:has(.signals-modal.show) #bottomNav,
  body:has(.favorites-modal.show) #bottomNav,
  body:has(.profile-dropdown.show) #bottomNav {
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  header.header-map {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    height: 52px !important;
    top: 12px !important;
    left: 68px !important;
    right: auto !important;
    width: calc(100vw - 136px) !important;
    max-width: none !important;
    transform: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
  }

  .header-map__search {
    flex: 1 1 auto;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    border-radius: 24px !important;
  }

  .header-map__search__input-wrapper {
    height: 48px !important;
  }

  .header-map__search__input-wrapper input,
  .header-map__search input {
    left: 6px !important;
    top: 6px !important;
    width: calc(100% - 58px) !important;
    height: 36px !important;
    padding: 0 10px 0 30px !important;
    border-radius: 18px !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }

  .header-map__search__input-wrapper input::placeholder,
  .header-map__search input::placeholder {
    font-size: 14px !important;
    letter-spacing: 0 !important;
  }

  .header-map__search .header-map__search__magnifying__glass {
    left: 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .header-map__search__input-wrapper .header-map__search__magnifying__head,
  .header-map__search .header-map__search__magnifying__head {
    width: 36px !important;
    height: 36px !important;
    right: 6px !important;
    top: 6px !important;
  }

  #sosBtnDesktop,
  #sosBtnDesktopRight {
    width: 52px !important;
    height: 52px !important;
    top: 12px !important;
  }

  #sosBtnDesktop {
    left: 8px !important;
  }

  #sosBtnDesktopRight {
    right: 8px !important;
  }

  #sosBtnDesktop img,
  #sosBtnDesktopRight img,
  #sosBtnDesktop .help-live__core,
  #sosBtnDesktopRight .help-live__core {
    width: 52px !important;
    height: 52px !important;
  }

  #sosBtnDesktop span,
  #sosBtnDesktopRight span {
    font-size: 12px !important;
    letter-spacing: -0.5px !important;
  }

  #sosBtnDesktop .help-live__ripple,
  #sosBtnDesktopRight .help-live__ripple {
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
  }

  .m-zoomstack {
    right: 8px !important;
    top: 32.4% !important;
    bottom: auto !important;
    gap: 16px !important;
  }

  .m-zoomstack .map-settings {
    width: 40px !important;
    height: 80px !important;
    border-radius: 20px !important;
    background-size: 40px 80px !important;
  }

  .m-zoomstack #mLoc {
    width: 40px !important;
    height: 40px !important;
    padding: 9px !important;
    border-radius: 20px !important;
  }

  .m-zoomstack #mChat,
  .m-zoomstack .m-zoomstack-chat {
    display: none !important;
  }

  .chat-fab {
    position: fixed !important;
    display: flex !important;
    width: 60px !important;
    height: 60px !important;
    right: 8px !important;
    top: auto !important;
    bottom: 75px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 30px !important;
    z-index: 10;
  }

  .chat-fab-icon {
    width: 34px !important;
    height: 38px !important;
  }

  #aiInfoModal,
  #statsDevModal,
  #familyModal,
  #wifiDevModal,
  #helpDevModal,
  #newsDevModal,
  #searchDevModal,
  #chatDevModal,
  #ultraDevModal {
    width: min(281px, calc(100vw - 48px)) !important;
    max-width: min(281px, calc(100vw - 48px)) !important;
    height: auto !important;
    max-height: calc(100vh - 32px) !important;
    padding: 24px 18px 26px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
  }

  #aiInfoModal .ai-info-modal__title,
  #statsDevModal .ai-info-modal__title,
  #familyModal .ai-info-modal__title,
  #wifiDevModal .ai-info-modal__title,
  #helpDevModal .ai-info-modal__title,
  #newsDevModal .ai-info-modal__title,
  #searchDevModal .ai-info-modal__title,
  #chatDevModal .ai-info-modal__title,
  #ultraDevModal .ai-info-modal__title {
    font-size: 20px !important;
    line-height: 22px !important;
    letter-spacing: -0.4px !important;
  }

  #aiInfoModal .ai-info-modal__text,
  #statsDevModal .ai-info-modal__text,
  #familyModal .ai-info-modal__text,
  #wifiDevModal .ai-info-modal__text,
  #helpDevModal .ai-info-modal__text,
  #newsDevModal .ai-info-modal__text,
  #searchDevModal .ai-info-modal__text,
  #chatDevModal .ai-info-modal__text,
  #ultraDevModal .ai-info-modal__text {
    margin-top: 12px !important;
    max-width: none !important;
    font-size: 11px !important;
    line-height: 14px !important;
    letter-spacing: 0 !important;
  }

  #aiInfoModal .ai-info-modal__close,
  #statsDevModal .ai-info-modal__close,
  #familyModal .ai-info-modal__close,
  #wifiDevModal .ai-info-modal__close,
  #helpDevModal .ai-info-modal__close,
  #newsDevModal .ai-info-modal__close,
  #searchDevModal .ai-info-modal__close,
  #chatDevModal .ai-info-modal__close,
  #ultraDevModal .ai-info-modal__close {
    top: 12px !important;
    right: 12px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  #aiInfoModal .ai-info-modal__close svg,
  #statsDevModal .ai-info-modal__close svg,
  #familyModal .ai-info-modal__close svg,
  #wifiDevModal .ai-info-modal__close svg,
  #helpDevModal .ai-info-modal__close svg,
  #newsDevModal .ai-info-modal__close svg,
  #searchDevModal .ai-info-modal__close svg,
  #chatDevModal .ai-info-modal__close svg,
  #ultraDevModal .ai-info-modal__close svg {
    width: 12px !important;
    height: 12px !important;
  }

  #statsDevModal .stats-title-break {
    display: block;
    height: 0;
  }

  #statsDevModal .ai-info-modal__title {
    margin-right: 16px !important;
  }

  body.dev-card-open header.header-map,
  body.location-modal-open header.header-map,
  body.dev-card-open #sosBtnDesktop,
  body.location-modal-open #sosBtnDesktop,
  body.dev-card-open #sosBtnDesktopRight,
  body.location-modal-open #sosBtnDesktopRight,
  body.dev-card-open #bottomNav,
  body.location-modal-open #bottomNav {
    z-index: 10025 !important;
  }

  .location-modal,
  #welcomeCodeModal.modal {
    width: min(313px, calc(100vw - 48px)) !important;
    max-width: min(313px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 32px) !important;
    padding: 22px 24px 18px !important;
    border-radius: 20px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  #welcomeCodeModal.modal .modal-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  #welcomeCodeModal.modal h2 {
    font-size: 18px !important;
    line-height: 20px !important;
    margin: 0 0 14px !important;
    text-align: center;
  }

  #welcomeCodeModal.modal p {
    margin: 0 0 15px !important;
    font-size: 12px !important;
    line-height: 15px !important;
  }

  #welcomeCodeModal.modal input {
    height: auto !important;
    min-height: 34px !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  #welcomeCodeModal.modal button {
    height: 34px !important;
    min-height: 34px !important;
    margin-top: 15px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 34px !important;
  }

  /* Вход: mobile — половина прежней высоты/полей; ширина 195×1.5 ≈ 293 */
  #loginModal.modal {
    width: min(293px, calc(100vw - 48px)) !important;
    max-width: min(293px, calc(100vw - 48px)) !important;
    max-height: calc(100vh - 24px) !important;
    padding: 18px !important;
    border-radius: 16px !important;
    overflow: auto !important;
    box-sizing: border-box !important;
  }

  #loginModal.modal .modal-content {
    width: 100% !important;
    max-width: 100% !important;
  }

  #loginModal.modal .close {
    top: 10px !important;
    right: 10px !important;
  }

  #loginModal.modal .close img {
    width: 14px !important;
    height: 14px !important;
  }

  #loginModal.modal .modal-content__title img {
    width: 39px !important;
    height: 23px !important;
    margin-bottom: 6px !important;
  }

  #loginModal.modal .modal-content__title h2,
  #loginModal.modal h2 {
    margin: 0 0 8px !important;
    font-size: 12px !important;
    line-height: 14px !important;
  }

  #loginModal.modal label {
    font-size: 9px !important;
    line-height: 12px !important;
  }

  #loginModal.modal input[type="email"],
  #loginModal.modal input[type="password"],
  #loginModal.modal input[type="text"] {
    height: 34px !important;
    min-height: 34px !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    padding: 6px 10px !important;
    font-size: 9px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }

  #loginModal.modal #loginPassword {
    padding-right: 34px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #loginModal.modal .login-modal__eye {
    width: 18px !important;
    height: 18px !important;
    right: 6px !important;
  }

  #loginModal.modal .login-modal__eye svg {
    width: 14px !important;
    height: 14px !important;
  }

  #loginModal.modal form > button[type="submit"] {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 50px !important;
    font-size: 9px !important;
    line-height: 34px !important;
  }

  #loginModal.modal form > div button {
    font-size: 9px !important;
  }

  #loginModal.modal .modal-content > div a {
    font-size: 9px !important;
  }

  .location-modal__close {
    top: 12px !important;
    right: 12px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
  }

  .location-modal__close svg {
    width: 12px !important;
    height: 12px !important;
  }

  .location-modal__icon {
    width: calc(40px / 1.5) !important;
    height: calc(40px / 1.5) !important;
  }

  .location-modal__pin,
  .location-modal__slash {
    width: calc(40px / 1.5) !important;
    height: calc(40px / 1.5) !important;
  }

  .location-modal__check {
    width: 32px !important;
    height: 24px !important;
  }

  .location-modal__title {
    margin-top: 16px !important;
    font-size: 18px !important;
    line-height: 20px !important;
    letter-spacing: -0.4px !important;
  }

  .location-modal__description {
    margin-top: 14px !important;
    max-width: none !important;
    font-size: 12px !important;
    line-height: 15px !important;
    letter-spacing: 0 !important;
  }

  .location-modal__actions {
    margin-top: 15px !important;
    gap: 10px !important;
  }

  .location-modal__btn--primary {
    width: 210px !important;
    height: 34px !important;
    min-height: 0 !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 34px !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }

  .location-modal__info {
    width: 100% !important;
    max-width: 100% !important;
  }

  .location-modal__status-text {
    font-size: 11px !important;
    line-height: 14px !important;
    letter-spacing: -0.4px !important;
  }

  .orders-modal,
  .signals-modal,
  .favorites-modal,
  .news-modal.show,
  .profile-dropdown {
    top: 112px !important;
  }

  .orders-modal__header,
  .signals-modal__header,
  .favorites-modal__header {
    position: relative;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px 8px !important;
    padding: 12px 5px 10px !important;
    box-sizing: border-box;
  }

  .orders-modal__body,
  .signals-modal__body,
  .favorites-modal__body {
    margin-top: 0 !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .orders-modal__body .main-content,
  .signals-modal__body .main-content,
  .favorites-modal__body .main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .orders-modal__title,
  .signals-modal__title,
  .favorites-modal__title,
  .signals-modal__header__items {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0;
    flex: 0 0 auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  .orders-modal__header h2,
  .signals-modal__header h2,
  .favorites-modal__header h2 {
    margin: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    min-width: 0;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }

  .signals-modal__header__item,
  .signals-modal__header__item:last-child {
    margin-left: 0 !important;
    flex: 0 0 auto;
  }

  .orders-modal__header-actions,
  .signals-modal__header__action {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
  }

  .orders-modal__close,
  .signals-modal__close,
  .favorites-modal__close {
    position: static !important;
    top: auto !important;
    right: auto !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    max-width: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 0 0 32px !important;
  }

  .orders-modal__close svg,
  .signals-modal__close svg,
  .favorites-modal__close svg {
    width: 22px !important;
    height: 22px !important;
  }

  .orders-modal__create-btn,
  .signals-modal__create-btn {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    order: 0 !important;
    white-space: nowrap;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .orders-modal__help-icon,
  .orders-modal__title .orders-modal__help-icon,
  .signals-modal__title .orders-modal__help-icon,
  .favorites-modal__title .orders-modal__help-icon {
    position: static !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    flex: 0 0 22px !important;
  }

  .orders-modal__help-icon img,
  .signals-modal__title .orders-modal__help-icon img,
  .favorites-modal__title .orders-modal__help-icon img {
    width: 22px !important;
    height: 22px !important;
  }

  .signals-modal__header__action > svg {
    width: 18px !important;
    height: 28px !important;
    order: 0 !important;
  }

  .favorites-modal__header > .favorites-modal__close {
    margin-left: auto !important;
  }

  /* Сигналы у всех + смены/объекты монтажника: боковые 13px, заголовок = левый край контента */
  .orders-modal:has(#shiftsPanel) .orders-modal__header,
  #signalsModal .signals-modal__header,
  #favoritesModal:has(.installer-object-list) .favorites-modal__header {
    padding: 12px 13px 10px !important;
  }

  #favoritesModal:has(.installer-object-list) .favorites-modal__header {
    padding-bottom: 0 !important;
  }

  .orders-modal__body:has(#shiftsPanel),
  #signalsModal .signals-modal__body,
  #favoritesModal:has(.installer-object-list) .favorites-modal__body {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }

  #signalsModal .main-content,
  #favoritesModal:has(.installer-object-list) .main-content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #favoritesModal:has(.installer-object-list) .main-content {
    padding-top: 4px !important;
  }

  #shiftsPanel .shift-calendar {
    padding-top: 10px;
  }

  #shiftsPanel .shift-calendar__sizes {
    margin-top: 8px;
  }

  /* Бригадир «Работа»: заголовок+крестик сверху, вкладки под ними, стык с листом как на desktop */
  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__header:has(.orders-modal__title--work) {
    display: flex !important;
    flex-flow: row nowrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 12px 13px 0 !important;
    gap: 8px !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__title--work {
    display: flex !important;
    flex-flow: column nowrap !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    gap: 10px !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__title--work > h2 {
    margin: 0 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__work-row {
    display: flex !important;
    flex-flow: row wrap !important;
    align-items: flex-end !important;
    width: 100% !important;
    gap: 8px !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__title--work .role-tabs {
    margin: 0 0 -1px 10px !important;
    gap: 6px !important;
    align-items: flex-end !important;
    position: relative;
    z-index: 3;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn {
    min-height: 40px !important;
    padding: 10px 18px !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    border: 1px solid #c5e4f5 !important;
    border-radius: 12px 12px 0 0 !important;
    box-shadow: none !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="objects"] {
    background: #f5fbfe !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="shifts"] {
    background: #fff !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="objects"].is-active {
    border-bottom-color: #f5fbfe !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="shifts"].is-active {
    border-bottom-color: #fff !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: 1px !important;
    right: 1px !important;
    bottom: -2px !important;
    height: 3px !important;
    background: inherit !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="objects"].is-active::after {
    background: #f5fbfe !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .role-tabs__btn[data-role-tab="shifts"].is-active::after {
    background: #fff !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) [data-role-panel="objects"] {
    border-radius: 16px !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__header-actions {
    margin-left: auto !important;
    align-self: flex-start !important;
    align-items: flex-start !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__close {
    margin: 0 !important;
  }

  #ordersModal.orders-modal--manager:has([data-role-tab="objects"]) .orders-modal__body {
    padding-top: 0 !important;
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

@media (min-width: 769px) {
  .header-map__profile #profileDropdown.profile-dropdown {
    position: fixed !important;
    top: calc(100% - 1px) !important;
    right: 0 !important;
    margin-top: 0 !important;
    left: auto !important;
    transform: none !important;
    transition: opacity 0.2s ease, visibility 0.2s ease !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 140px * var(--ui) - 16px) !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
    border-radius: 0 0 20px 20px !important;
  }

  .header-map__profile #profileDropdown .profile-dropdown__content {
    box-sizing: border-box;
    width: 100%;
    padding: 16px 16px 8px;
    gap: 14px;
  }

  .header-map__profile #profileDropdown .profile-dropdown__head {
    width: 100%;
    box-sizing: border-box;
    padding: 2px 44px 0 8px;
  }

  .header-map__profile #profileDropdown .profile-dropdown__title,
  .header-map__profile #profileDropdown .profile-dropdown__title span {
    white-space: normal;
  }

  .header-map__profile #profileDropdown .profile-dropdown__close {
    top: 0;
    right: 8px;
    width: 32px;
    height: 32px;
  }

  .header-map__profile #profileDropdown .profile-dropdown__close svg {
    width: 20px;
    height: 20px;
  }

  .header-map__profile #profileDropdown .profile-dropdown__user-row,
  .header-map__profile #profileDropdown .profile-dropdown__name,
  .header-map__profile #profileDropdown .profile-dropdown__role {
    min-width: 0;
    max-width: 100%;
  }

  .header-map__profile #profileDropdown .profile__level-links {
    max-width: none !important;
    width: calc(100% - 8px);
    height: 52px;
    box-sizing: border-box;
  }

  .header-map__profile #profileDropdown .level-indicators {
    width: min(100%, 340px);
    box-sizing: border-box;
  }

  .header-map__profile #profileDropdown .profile-toggle-item,
  .header-map__profile #profileDropdown .profile-accordion-header {
    box-sizing: border-box;
    max-width: 100%;
  }

  #pageModalContainer.page-modal-container {
    top: calc(140px * var(--ui) - 1px) !important;
    left: 50% !important;
    width: min(calc(1426px * var(--ui)), calc(100vw - 494px * var(--ui))) !important;
    max-width: min(calc(1426px * var(--ui)), calc(100vw - 494px * var(--ui))) !important;
    margin: 0 !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(-50%) translateY(-10px) !important;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease !important;
  }

  #pageModalContainer.page-modal-container.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(-50%) translateY(0) !important;
  }

  .page-modal-content #profil .profile__content,
  .page-modal-content #profil .profile__row,
  .page-modal-content #profil .profile__column,
  .page-modal-content #profil .profile__item {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }

  .page-modal-content #profil .profile__row {
    flex-wrap: wrap;
  }

  .page-modal-content #profil .profile__column,
  .page-modal-content #profil .profile__column:first-child,
  .page-modal-content #profil .profile__column:last-child {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 100%;
  }

  .page-modal-content #profil .level,
  .page-modal-content #profil .level-badge,
  .page-modal-content #profil .user-profile__level-info {
    width: 100%;
    max-width: 260px;
    box-sizing: border-box;
  }

  .page-modal-content #profil .profile-level-panel,
  .page-modal-content #profil .profile-level-progress-row,
  .page-modal-content #profil .profile-level-content-panel {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .page-modal-content #profil .user-profile__image svg {
    left: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    transform: none !important;
  }

  .page-modal-content #profil .profile-main-content {
    container-type: inline-size;
    container-name: profilecard;
    flex-wrap: wrap;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
  }

  .page-modal-content #profil .profile__top {
    flex-wrap: wrap;
    gap: 8px;
  }

  .page-modal-content #profil .profile__redact,
  .page-modal-content #profil .profile__title {
    max-width: 100%;
  }

  .page-modal-content #profil .profile__redact {
    white-space: nowrap;
  }

  .page-modal-content #profil .profile__conts {
    height: auto !important;
    min-height: 0;
    overflow: visible;
  }

  .page-modal-content #profil .profile__desp,
  .page-modal-content #profil .profile__desp-placeholder,
  .page-modal-content #profil .profile__desp .info-profile__value,
  .page-modal-content #profil .profile__desp .info-profile__value span {
    text-align: left !important;
    white-space: normal !important;
    overflow: visible;
    text-overflow: clip;
  }

  .page-modal-content #profil .user-profile__identity,
  .page-modal-content #profil .user-profile__name,
  .page-modal-content #profil .info-profile__elem,
  .page-modal-content #profil .info-profile__text,
  .page-modal-content #profil .info-profile__value {
    min-width: 0;
    max-width: 100%;
  }

  .page-modal-content #profil .user-profile__name,
  .page-modal-content #profil .info-profile__text,
  .page-modal-content #profil .value-profile__email-text {
    overflow-wrap: break-word;
  }
}

#ordersModalOverlay,
#signalsModalOverlay,
#favoritesModalOverlay {
  background: transparent !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body:has(.orders-modal.active) header.header-map,
body:has(#signalsModal.show) header.header-map,
body.signals-modal-open header.header-map,
body.favorites-modal-open header.header-map,
body:has(.favorites-modal.show) header.header-map {
  background: #ffffff !important;
  background-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

@media (max-width: 768px) {
  body:has(.orders-modal.active) header.header-map,
  body:has(#signalsModal.show) header.header-map,
  body.signals-modal-open header.header-map,
  body.favorites-modal-open header.header-map,
  body:has(.favorites-modal.show) header.header-map,
  body:has(.news-modal.show) header.header-map {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }
}

@container profilecard (max-width: 760px) {
  .profile-data,
  .profile-level-progress {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}