/* ==========================================================================
   SmartOne Dispatch · 移动端适配层
   只改布局，不碰任何业务逻辑与数据。
   所有规则都限定在 html.wb-mobile 下，且只在窄屏生效，桌面端访问完全不受影响。
   ========================================================================== */

/* 基础：禁止横向滚动、去掉点击高亮、统一字号缩放行为 */
html.wb-mobile,
html.wb-mobile body {
  width: 100%;
  min-width: 0;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html.wb-mobile input,
html.wb-mobile textarea,
html.wb-mobile select {
  /* 小于 16px 时 iOS 会在聚焦时自动放大页面 */
  font-size: 16px !important;
}

.wb-menu-btn,
.wb-mask {
  display: none;
}

@media (max-width: 900px) {
  /* ======================= 全局宽度解锁 ======================= */
  /* 平台在 #app 上写了 min-width: 1300px，这是手机端一切问题的根源 */
  html.wb-mobile,
  html.wb-mobile body,
  html.wb-mobile #app {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  /* ======================= 登录页 ======================= */
  /* 原布局：.container 固定 1300px，表单钉在右侧 x=678，手机上看不到 */

  html.wb-login .container {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: calc(env(safe-area-inset-top, 0px) + 96px) 16px
      calc(env(safe-area-inset-bottom, 0px) + 32px) !important;
    box-sizing: border-box !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }

  html.wb-login .loginLogo {
    position: absolute !important;
    left: 50% !important;
    top: calc(env(safe-area-inset-top, 0px) + 28px) !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
    width: auto !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    z-index: 2 !important;
  }

  html.wb-login .loginLogo img {
    height: 28px !important;
    width: auto !important;
  }

  html.wb-login .loginLogo .logoText {
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  html.wb-login .content {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 400px !important;
    height: auto !important;
    margin: 0 auto !important;
    z-index: 2 !important;
  }

  html.wb-login .content_block,
  html.wb-login .form,
  html.wb-login .login-form-wrapper,
  html.wb-login .login-form {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 语言选择原本绝对定位在 232px 处，窄屏会溢出。
     手机上不需要切换语言，直接收起，避免和背景插画叠在一起 */
  html.wb-login .lang,
  html.wb-login .lang_select {
    display: none !important;
  }

  /* 背景是整图 cover，手机上下半部分正好压在亮色插画上，
     给表单加一层薄底提升可读性，不影响原配色 */
  html.wb-login .content {
    background: rgba(3, 18, 40, 0.42) !important;
    border: 1px solid rgba(120, 200, 255, 0.16) !important;
    border-radius: 18px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(3px) !important;
    -webkit-backdrop-filter: blur(3px) !important;
  }

  /* 原来这三层都是绝对定位（content_block 固定高度、form 在 top:95、bottom 在 top:41），
     窄屏下会互相叠在一起，统一改回正常文档流，让它们自然竖排 */
  html.wb-login .content_block {
    position: static !important;
    top: auto !important;
    height: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    /* 原本是 flex 横向容器，会把表单和"下载插件"挤成两列，这里改回块级竖排 */
    display: block !important;
    z-index: auto !important;
  }

  html.wb-login .form {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    height: auto !important;
    margin: 0 !important;
  }

  html.wb-login .bottom {
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    margin: 14px 0 0 !important;
  }

  /* "记住密码 / 阅读并同意协议"这一行原本宽度 366 且左偏移，窄屏会顶出卡片 */
  html.wb-login .agreement {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 6px 8px !important;
    font-size: 12px !important;
  }

  html.wb-login .agreement .right,
  html.wb-login .agreement .copyright,
  html.wb-login .agreement .arco-link,
  html.wb-login .agreement .arco-checkbox-label {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  /* 输入框与按钮加大，符合手指点击尺寸 */
  html.wb-login .arco-input-wrapper {
    height: 46px !important;
    /* 原样式是 10% 透明白，背景插画会透出来显得脏，这里改成实底 */
    background: rgba(9, 24, 46, 0.72) !important;
    border: 1px solid rgba(120, 200, 255, 0.18) !important;
    border-radius: 8px !important;
  }

  html.wb-login .arco-input {
    font-size: 16px !important;
  }

  html.wb-login .login-form .arco-btn {
    width: 100% !important;
    height: 46px !important;
    font-size: 16px !important;
  }

  html.wb-login .bottom {
    width: 100% !important;
    text-align: center !important;
  }

  /* ======================= 登录后：全局宽度 ======================= */
  /* 平台按 1200/964/940 三层写死宽度，逐层解开 */
  html.wb-mobile .webPuc_layout {
    width: 100% !important;
    overflow-x: hidden !important;
  }

  html.wb-mobile .webPuc_layout_content {
    width: 100% !important;
    flex-direction: column !important;
  }

  html.wb-mobile .right,
  html.wb-mobile .arco-layout,
  html.wb-mobile .arco-layout-content,
  html.wb-mobile .pageContent,
  html.wb-mobile .callContainer,
  html.wb-mobile .gisContainerContainer,
  html.wb-mobile .vertical-main,
  html.wb-mobile .orgTreeBase {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /* ======================= 顶栏：1200 固定三段式改两行 ======================= */

  html.wb-mobile .headerContainer {
    position: relative !important;
    left: 0 !important;
    right: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    overflow: hidden !important;
  }

  /* 顶栏下面那个 70px 占位块是给原 68px 绝对定位顶栏留的，现在顶栏在文档流里，去掉 */
  html.wb-mobile .headerContainer + div {
    display: none !important;
  }

  html.wb-mobile .headContent {
    width: 100% !important;
    height: 48px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    background: linear-gradient(180deg, #0a2d63 0%, #08203f 100%) !important;
  }

  /* 装饰用的翅膀/斜切底图，窄屏留着只会错位，全部隐藏 */
  html.wb-mobile .bck,
  html.wb-mobile .headerBg,
  html.wb-mobile .middleBg,
  html.wb-mobile .leftBg,
  html.wb-mobile .rightBg,
  html.wb-mobile .trimsL,
  html.wb-mobile .trimsR {
    display: none !important;
  }

  html.wb-mobile .headContentLeft {
    position: static !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    order: 1;
    flex: none !important;
  }

  html.wb-mobile .headContentLeft img {
    height: 30px !important;
    width: auto !important;
  }

  html.wb-mobile .headContentRight {
    position: absolute !important;
    left: auto !important;
    right: 8px !important;
    top: 6px !important;
    width: auto !important;
    height: auto !important;
    z-index: 3;
  }

  html.wb-mobile .headContentMiddle {
    position: static !important;
    left: auto !important;
    right: auto !important;
    order: 2;
    flex: 1 1 auto !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    min-width: 0 !important;
  }

  /* 平台本身在窄屏就把标题文字隐藏了（display:none，高度 0），这里直接去掉这一行 */
  html.wb-mobile .contentMiddle {
    display: none !important;
  }

  html.wb-mobile .headLogo {
    width: auto !important;
    height: auto !important;
  }

  html.wb-mobile .hlogoText {
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    white-space: nowrap !important;
    -webkit-background-clip: text !important;
  }

  /* 六个功能图标从左右两翼收拢到同一行居中 */
  html.wb-mobile .contentLeft,
  html.wb-mobile .contentRight {
    order: 2;
    width: auto !important;
    height: auto !important;
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
  }

  html.wb-mobile .contentLeft .fnIcon,
  html.wb-mobile .contentRight .fnIcon {
    width: 26px !important;
    height: 26px !important;
  }

  html.wb-mobile .contentLeft .vDivider,
  html.wb-mobile .contentRight .vDivider {
    display: none !important;
  }

  /* ======================= 左侧图标栏 → 底部 Tab ======================= */

  html.wb-mobile .left.left-menu {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
    box-sizing: border-box !important;
    z-index: 1000 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    background: #071f42 !important;
    border-top: 1px solid rgba(120, 200, 255, 0.2) !important;
  }

  html.wb-mobile .left-menu .top {
    width: 100% !important;
    height: 100% !important;
    flex: 1 1 auto !important;
  }

  html.wb-mobile .left-menu .menu {
    width: 100% !important;
    height: 56px !important;
    /* 原来的 21px/10px 内边距会把图标和文字顶出底栏 */
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  html.wb-mobile .left-menu .menu-list {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: space-around !important;
    align-items: center !important;
  }

  html.wb-mobile .left-menu .menu-list > div {
    flex: 1 1 0 !important;
  }

  html.wb-mobile .menuItemBox {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 0 !important;
  }

  html.wb-mobile .menuItemImg {
    width: 22px !important;
    height: 22px !important;
  }

  html.wb-mobile .menuItemBox .text {
    font-size: 11px !important;
    line-height: 1 !important;
  }

  /* 底栏里的折叠按钮在手机上没意义 */
  html.wb-mobile .left-menu .bottom {
    display: none !important;
  }

  /* 内容区固定在 48px 顶栏之下、屏幕底之上，底部留出 Tab 高度 */
  html.wb-mobile .webPuc_layout_content {
    position: absolute !important;
    top: 48px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: auto !important;
    width: 100% !important;
    padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)) !important;
    box-sizing: border-box !important;
  }

  /* ======================= GIS ======================= */

  html.wb-mobile .gisContainer {
    width: 100% !important;
    height: 100% !important;
  }

  html.wb-mobile .btnGroup {
    width: auto !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  /* ======================= 内页通用 ======================= */

  /* 侧边栏改为抽屉：默认移出屏幕，点浮动按钮滑出 */
  html.wb-mobile .arco-layout-sider {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 1002 !important;
    height: 100dvh !important;
    max-width: 82vw !important;
    transform: translateX(-100%) !important;
    transition: transform 0.25s ease !important;
    box-shadow: 2px 0 16px rgba(0, 0, 0, 0.35) !important;
  }

  html.wb-mobile .arco-layout-sider.wb-open {
    transform: translateX(0) !important;
  }

  /* 内容区回收侧边栏让出的空间 */
  html.wb-mobile .arco-layout {
    min-width: 0 !important;
  }

  html.wb-mobile .arco-layout-content {
    padding: 12px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  /* 表格：容器横向滚动，单元格不换行，避免挤成一团 */
  html.wb-mobile .arco-table-container,
  html.wb-mobile .arco-table-body {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  html.wb-mobile .arco-table-th,
  html.wb-mobile .arco-table-td {
    white-space: nowrap !important;
  }

  /* 弹窗、抽屉占满可视宽度 */
  html.wb-mobile .arco-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 auto !important;
  }

  html.wb-mobile .arco-modal-wrapper {
    padding: 12px !important;
  }

  html.wb-mobile .arco-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  /* 表单在窄屏统一单列 */
  html.wb-mobile .arco-form-item {
    margin-bottom: 14px !important;
  }

  html.wb-mobile .arco-form-item-wrapper-col {
    min-width: 0 !important;
  }

  /* 悬浮菜单按钮 */
  html.wb-mobile .wb-menu-btn {
    display: flex !important;
    position: fixed !important;
    right: 16px !important;
    bottom: calc(56px + env(safe-area-inset-bottom, 0px) + 16px) !important;
    z-index: 1003 !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border: 1px solid rgba(157, 237, 255, 0.35) !important;
    border-radius: 24px !important;
    background: rgba(0, 40, 108, 0.92) !important;
    backdrop-filter: blur(6px) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  html.wb-mobile .wb-menu-btn i {
    display: block !important;
    width: 18px !important;
    height: 2px !important;
    border-radius: 1px !important;
    background: rgba(219, 255, 255, 0.9) !important;
  }

  /* 抽屉打开时的遮罩 */
  html.wb-mobile .wb-mask {
    display: block !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 1001 !important;
    background: rgba(0, 0, 0, 0.5) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: opacity 0.25s ease !important;
  }

  html.wb-mobile .wb-mask--on {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

/* 登录页不显示菜单按钮 */
html.wb-login .wb-menu-btn {
  display: none !important;
}


/* ==========================================================================
   触控尺寸：手机上所有可点元素不小于 40x40
   ========================================================================== */
@media (max-width: 900px) {
  /* 通用按钮 */
  html.wb-mobile .arco-btn {
    min-height: 40px !important;
    font-size: 14px !important;
  }

  /* 纯图标按钮：工具条、地图设置、折叠箭头等 */
  html.wb-mobile .arco-btn-only-icon,
  html.wb-mobile .btnGroup .arco-btn,
  html.wb-mobile .settingBtn .arco-btn,
  html.wb-mobile .isCollapse .arco-btn {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }

  /* 顶栏六个功能图标 */
  html.wb-mobile .contentLeft .fnIcon,
  html.wb-mobile .contentRight .fnIcon {
    width: 40px !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  html.wb-mobile .contentLeft .fnIcon svg,
  html.wb-mobile .contentRight .fnIcon svg {
    width: 22px !important;
    height: 22px !important;
  }

  html.wb-mobile .contentLeft,
  html.wb-mobile .contentRight {
    gap: 2px !important;
  }

  /* 底部 Tab 每一项 */
  html.wb-mobile .menuItemBox {
    min-height: 56px !important;
  }

  html.wb-mobile .menuItemBox .menuItemImg {
    width: 24px !important;
    height: 24px !important;
  }

  /* 下拉、输入框也抬高一点，方便点 */
  html.wb-mobile .arco-select-view,
  html.wb-mobile .arco-input-wrapper,
  html.wb-mobile .arco-input-group {
    min-height: 40px !important;
  }

  /* 复选/单选/开关的点击热区 */
  html.wb-mobile .arco-checkbox,
  html.wb-mobile .arco-radio,
  html.wb-mobile .arco-switch {
    min-width: 40px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
  }

  /* 表格行、列表项也留足高度 */
  html.wb-mobile .arco-table-td,
  html.wb-mobile .arco-list-item {
    min-height: 44px !important;
  }
}


/* 顶栏图标超过一行时横向滑动，不能换行被裁掉 */
@media (max-width: 900px) {
  html.wb-mobile .headContentMiddle {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  html.wb-mobile .headContentMiddle::-webkit-scrollbar { display: none; }
  html.wb-mobile .contentLeft,
  html.wb-mobile .contentRight {
    width: -moz-max-content !important;
    width: max-content !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
  }
}


/* ==========================================================================
   登录页视觉重做：去掉自带背景图（含右上角斜切），改成标准手机登录卡
   ========================================================================== */
@media (max-width: 900px) {
  html.wb-login .container {
    padding: calc(env(safe-area-inset-top, 0px) + 92px) 14px
      calc(env(safe-area-inset-bottom, 0px) + 28px) !important;
    justify-content: center !important;
  }

  html.wb-login .loginLogo {
    top: calc(env(safe-area-inset-top, 0px) + 36px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: auto !important;
    justify-content: center !important;
  }

  html.wb-login .loginLogo .logoText {
    font-size: 19px !important;
    letter-spacing: 0.5px !important;
  }

  /* 卡片本体：圆角面板 + 柔和阴影，取代原来那张带斜切的背景图 */
  html.wb-login .content {
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 26px 18px 20px !important;
    border-radius: 18px !important;
    background: rgba(7, 20, 38, 0.82) !important;
    border: 1px solid rgba(90, 170, 255, 0.18) !important;
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    box-sizing: border-box !important;
  }

  html.wb-login .content_block,
  html.wb-login .form,
  html.wb-login .login-form-wrapper,
  html.wb-login .login-form {
    width: 100% !important;
    background-image: none !important;
    background-color: transparent !important;
  }

  /* 输入框：50 高、圆角 10、间距 14 */
  html.wb-login .arco-form-item {
    margin-bottom: 14px !important;
  }

  html.wb-login .arco-input-wrapper {
    height: 50px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(120, 200, 255, 0.16) !important;
  }

  html.wb-login .arco-input-wrapper:focus-within {
    border-color: rgba(90, 170, 255, 0.65) !important;
    background: rgba(255, 255, 255, 0.09) !important;
  }

  html.wb-login .arco-input {
    font-size: 16px !important;
  }

  html.wb-login .login-form .arco-btn {
    height: 50px !important;
    font-size: 17px !important;
    border-radius: 10px !important;
    margin-top: 6px !important;
    font-weight: 500 !important;
  }

  html.wb-login .agreement {
    font-size: 12.5px !important;
    margin-top: 12px !important;
  }

  html.wb-login .bottom {
    margin-top: 18px !important;
    text-align: center !important;
    font-size: 12.5px !important;
  }
}


/* ==========================================================================
   顶栏 / 底栏 统一对齐
   ========================================================================== */
@media (max-width: 900px) {
  /* 顶栏：所有功能图标强制同尺寸、同间距，垂直居中 */
  html.wb-mobile .headContentMiddle {
    align-items: center !important;
  }

  html.wb-mobile .contentLeft,
  html.wb-mobile .contentRight {
    gap: 0 !important;
    align-items: center !important;
  }

  html.wb-mobile .fnIcon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 图标本体不管原来是 28 还是 19，统一到 22 */
  html.wb-mobile .fnIcon svg,
  html.wb-mobile .fnIcon img,
  html.wb-mobile .fnIcon > div,
  html.wb-mobile .fnIcon > span {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: block !important;
  }

  html.wb-mobile .fnIcon svg {
    fill: currentColor;
  }

  /* 头像位也统一高度，避免和图标错位 */
  html.wb-mobile .headContentRight {
    display: flex !important;
    align-items: center !important;
    height: 40px !important;
    top: 4px !important;
  }

  html.wb-mobile .headContentRight .users {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* 底栏：图标加大、间距均分、加选中指示条 */
  html.wb-mobile .left-menu .menu-list {
    justify-content: space-between !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
  }

  html.wb-mobile .left-menu .menu-list > div {
    flex: 1 1 0 !important;
    display: flex !important;
    justify-content: center !important;
  }

  html.wb-mobile .menuItemBox {
    position: relative !important;
    width: 100% !important;
    gap: 3px !important;
    border-radius: 10px !important;
  }

  html.wb-mobile .menuItemBox .menuItemImg,
  html.wb-mobile .menuItemBox .menuItemImg svg {
    width: 26px !important;
    height: 26px !important;
  }

  html.wb-mobile .menuItemBox .text {
    font-size: 11.5px !important;
    line-height: 1.1 !important;
    letter-spacing: 0.5px !important;
    opacity: 0.72 !important;
  }

  html.wb-mobile .menuItemBox.actived .text {
    opacity: 1 !important;
    font-weight: 500 !important;
  }

  /* 选中项：顶部 2px 高亮条 */
  html.wb-mobile .menuItemBox.actived::before {
    content: '' !important;
    position: absolute !important;
    top: -10px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 26px !important;
    height: 2px !important;
    border-radius: 1px !important;
    background: #2f9bff !important;
  }
}