/* Align 问界 admin header/nav sizes to 名爵 reference (robothk / screenshot) */

:root {
  --mj-nav-active: #dff7ff;
}

/* ===== Top bar ===== */
html body .admin-shell .admin-top {
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;
  padding: 0 12px 0 16px !important;
  gap: 12px !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  color: #fff !important;
  background: #0087b4 !important;
  background-image: none !important;
  border-bottom: 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  box-sizing: border-box !important;
  /* 必须 visible，否则头像下拉菜单会被裁切 */
  overflow: visible !important;
  z-index: 200 !important;
  position: relative !important;
}

html body .admin-shell .admin-top .top-left {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 8px !important;
  margin-left: 0 !important;
  overflow: hidden !important;
}

html body .admin-shell .admin-top .top-left strong {
  display: inline-flex !important;
  align-items: center !important;
  margin-right: 6px !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}

html body .admin-shell .admin-top .top-left strong img,
html body .admin-shell .admin-top strong img {
  width: auto !important;
  height: 23px !important;
  max-height: 23px !important;
  max-width: 160px !important;
  object-fit: contain !important;
}

html body .admin-shell .admin-top .top-message-zone.footer,
html body .admin-shell .admin-top .top-message-zone {
  flex: 1 1 auto !important;
  min-width: 120px !important;
  max-width: 420px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 10px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 14px !important;
  overflow: hidden !important;
}

html body .admin-shell .admin-top .top-message-zone .marquee,
html body .admin-shell .admin-top .marquee {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 !important;
  color: #ff0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: transparent !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

html body .admin-shell .admin-top .top-message-zone .marquee svg {
  width: 15px !important;
  height: 15px !important;
  color: #ffd456 !important;
  flex: 0 0 auto !important;
}

html body .admin-shell .admin-top .top-more.more,
html body .admin-shell .admin-top .top-more {
  flex: 0 0 auto !important;
  height: 28px !important;
  padding: 0 6px !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 28px !important;
  white-space: nowrap !important;
}

html body .admin-shell .admin-top-right.right,
html body .admin-shell .admin-top-right {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  gap: 12px !important;
  margin-right: 0 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 210 !important;
}

html body .admin-shell .admin-top-right .top-room-meta,
html body .admin-shell .admin-top-right .top-expire {
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  line-height: 27px !important;
  height: 27px !important;
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

/* 房间号：文字按钮 + 刷新图标，同一行 */
html body .admin-shell .admin-top-right .top-room-meta.roomhao,
html body .admin-shell .admin-top-right .roomhao {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  color: #fff !important;
  white-space: nowrap !important;
}

html body .admin-shell .admin-top-right .roomhao > span {
  flex: 0 0 auto !important;
  white-space: nowrap !important;
  line-height: 27px !important;
}

/* 房间号数字（可点击复制）— 不要压成图标 */
html body .admin-shell .admin-top-right .top-room-copy {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  display: inline !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
  writing-mode: horizontal-tb !important;
}

/* 仅刷新按钮是圆图标 */
html body .admin-shell .admin-top-right .top-room-reset {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  max-width: 17px !important;
  padding: 0 !important;
  margin: 0 0 0 4px !important;
  border: 0 !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  flex: 0 0 17px !important;
  vertical-align: middle !important;
}

html body .admin-shell .admin-top-right .top-room-reset img,
html body .admin-shell .admin-top-right .top-room-reset .material-action-icon,
html body .admin-shell .admin-top-right .top-room-reset .mj-room-refresh-icon {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  object-fit: contain !important;
  display: block !important;
}

html body .admin-shell .admin-top-right .top-btns.btns,
html body .admin-shell .admin-top-right .top-btns {
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 220 !important;
}

html body .admin-shell .admin-top-right .top-btns > * {
  flex-shrink: 0 !important;
}

/* 反馈 */
html body .admin-shell .admin-top-right .top-btn-feedback,
html body .admin-shell .admin-top-right .top-btn-feedback.feedback {
  width: auto !important;
  min-width: 62px !important;
  max-width: none !important;
  height: 27px !important;
  min-height: 27px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: #23caea !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  flex: 0 0 auto !important;
}

/* H5/APP下载 */
html body .admin-shell .admin-top-right .top-btn-download,
html body .admin-shell .admin-top-right .top-btn-download.down {
  width: 105px !important;
  min-width: 105px !important;
  max-width: 105px !important;
  height: 27px !important;
  min-height: 27px !important;
  padding: 0 8px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: #00c531 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 27px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  writing-mode: horizontal-tb !important;
  flex: 0 0 105px !important;
}

html body .admin-shell .admin-top-right .top-btn-feedback .material-action-icon,
html body .admin-shell .admin-top-right .top-btn-download .material-action-icon {
  width: 12px !important;
  height: 12px !important;
  flex: 0 0 12px !important;
  object-fit: contain !important;
  display: block !important;
}

html body .admin-shell .admin-top-right .top-btn-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  flex: 0 0 20px !important;
}

html body .admin-shell .admin-top-right .top-btn-icon img,
html body .admin-shell .admin-top-right .top-mute-image,
html body .admin-shell .admin-top-right .material-theme-icon {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  display: block !important;
}

html body .admin-shell .admin-top-right .top-btn-icon.themeType {
  font-size: 20px !important;
  margin: 0 !important;
}

html body .admin-shell .admin-top-right .admin-account-wrap {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  position: relative !important;
  overflow: visible !important;
  z-index: 5200 !important;
}

html body .admin-shell .admin-top-right .admin-account-menu,
html body .admin-shell .admin-account-menu {
  position: absolute !important;
  top: calc(100% + 4px) !important;
  right: 0 !important;
  z-index: 5300 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: 128px !important;
  min-width: 128px !important;
  max-width: 128px !important;
  padding: 2px 0 !important;
  background: #fff !important;
  border: 1px solid #e8eaec !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

html body .admin-shell .admin-top-right .admin-account-menu button,
html body .admin-shell .admin-account-menu button {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #515a6e !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

html body .admin-shell .admin-top-right .admin-account-menu button:hover,
html body .admin-shell .admin-top-right .admin-account-menu button:focus,
html body .admin-shell .admin-top-right .admin-account-menu button:active,
html body .admin-shell .admin-account-menu button:hover,
html body .admin-shell .admin-account-menu button:focus,
html body .admin-shell .admin-account-menu button:active {
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
  color: #515a6e !important;
}

html body .admin-shell .admin-account-menu .account-menu-icon,
html body .admin-shell .admin-account-menu button img,
html body .admin-shell .admin-account-menu button svg {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

html body .admin-shell .admin-top-right .top-btn-account,
html body .admin-shell .admin-top-right .top-btn-account.down-menu {
  height: 27px !important;
  min-height: 27px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 5px !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  display: inline-flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  white-space: nowrap !important;
  flex: 0 0 auto !important;
}

html body .admin-shell .admin-top-right .top-avatar {
  width: 27px !important;
  height: 27px !important;
  flex: 0 0 27px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .admin-shell .admin-top-right .top-avatar img,
html body .admin-shell .admin-top-right .top-owner-avatar {
  width: 27px !important;
  height: 27px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  display: block !important;
}

html body .admin-shell .admin-top-right .top-account-name {
  font-size: 12px !important;
  color: #fff !important;
  max-width: 88px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  line-height: 27px !important;
}

/* ===== Nav bar — 名爵精确值：项69×66 / 图标22 / 字12 / 间距5 ===== */
html body .admin-shell .admin-nav {
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  padding: 0 0 0 15px !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: #fff !important;
  border-top: 0 !important;
  border-bottom: 1px solid #e8eaec !important;
  box-shadow: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-family: Microsoft YaHei, Arial, sans-serif !important;
}

html body .admin-shell[class][class] .admin-nav button,
html body .admin-shell[class] .admin-nav button,
html body .admin-shell .admin-nav button {
  width: 69px !important;
  min-width: 69px !important;
  max-width: 69px !important;
  height: 66px !important;
  min-height: 66px !important;
  max-height: 66px !important;
  padding: 0 !important;
  margin: 0 !important;
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: center !important;
  color: #272828 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: 700 12px/1.2 "Microsoft YaHei", Arial, sans-serif !important;
  box-sizing: border-box !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

html body .admin-shell[class][class] .admin-nav button.active,
html body .admin-shell[class] .admin-nav button.active,
html body .admin-shell .admin-nav button.active {
  color: #0087b4 !important;
  background: #dff7ff !important;
  background-color: #dff7ff !important;
}

html body .admin-shell[class][class] .admin-nav button:hover,
html body .admin-shell .admin-nav button:hover {
  background: #f3f8fa !important;
  background-color: #f3f8fa !important;
}

html body .admin-shell[class][class] .admin-nav button.active:hover,
html body .admin-shell .admin-nav button.active:hover {
  background: #dff7ff !important;
  background-color: #dff7ff !important;
}

html body .admin-shell[class][class] .admin-nav .nav-icon-wrap,
html body .admin-shell .admin-nav .nav-icon-wrap {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 22px !important;
  position: relative !important;
  line-height: 0 !important;
  overflow: visible !important;
}

html body .admin-shell[class][class] .admin-nav .nav-icon,
html body .admin-shell .admin-nav .nav-icon-wrap .nav-icon,
html body .admin-shell .admin-nav .nav-icon,
html body .admin-shell .admin-nav button img.nav-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  display: block !important;
  flex: 0 0 22px !important;
}

html body .admin-shell[class][class] .admin-nav button .nav-label,
html body .admin-shell[class] .admin-nav button .nav-label,
html body .admin-shell .admin-nav button .nav-label,
html body .admin-shell .admin-nav .nav-label {
  display: block !important;
  width: auto !important;
  max-width: 69px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font: 700 12px/1.2 "Microsoft YaHei", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  color: #272828 !important;
  text-align: center !important;
  white-space: nowrap !important;
  letter-spacing: 0 !important;
  transform: none !important;
  zoom: 1 !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

html body .admin-shell .admin-nav button.active .nav-label {
  color: #0087b4 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

html body .admin-shell .admin-nav .nav-badge {
  top: 1px !important;
  right: -9px !important;
  width: 30px !important;
  max-width: 30px !important;
  max-height: none !important;
  height: auto !important;
}

/* ===== 审核 pill (right of nav) ===== */
html body .admin-shell .audit-float {
  position: fixed !important;
  z-index: 620 !important;
  top: 38px !important;
  right: 0 !important;
  margin-top: 12px !important;
  width: 68px !important;
  min-width: 68px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 6px 0 8px !important;
  border: 0 !important;
  border-radius: 38px 0 0 38px !important;
  color: #fff !important;
  background: #ff7627 !important;
  background-image: none !important;
  box-shadow: 0 0 10px #d3d3d3 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  cursor: pointer !important;
  transition: none !important;
}

html body .admin-shell .audit-float span {
  margin-left: 0 !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
}

html body .admin-shell .audit-float .mj-audit-arrow {
  width: 19px !important;
  height: 19px !important;
  object-fit: contain !important;
  flex: 0 0 auto !important;
}

html body .admin-shell .audit-float.is-open {
  right: 920px !important;
}

html body .admin-shell .audit-drawer {
  top: 38px !important;
  width: 920px !important;
  height: calc(100vh - 38px) !important;
}

/* Compact modal headers closer to MJ */
html body .admin-shell .admin-modal > header,
html body .admin-modal-mask .admin-modal > header,
html body .admin-modal > header,
html body .feedback-modal > header,
html body .safe-password-modal > header,
html body .two-factor-modal > header,
html body .confirm-dialog-modal > header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  box-sizing: border-box !important;
}

html body .admin-shell .admin-modal > header h3,
html body .admin-modal-mask .admin-modal > header h3,
html body .admin-modal > header h3,
html body .feedback-modal > header h3,
html body .safe-password-modal > header h3,
html body .two-factor-modal > header h3,
html body .confirm-dialog-modal > header h3 {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  height: 28px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}

/* 所有弹窗标题栏叉号垂直居中 */
html body .admin-modal > header > button,
html body .admin-modal-mask .admin-modal > header > button,
html body .admin-shell .admin-modal > header > button,
html body .feedback-modal > header > button,
html body .safe-password-modal > header > button,
html body .two-factor-modal > header > button,
html body .confirm-dialog-modal > header > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  align-self: center !important;
  flex: 0 0 28px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

html body .admin-modal > header > button svg,
html body .admin-modal-mask .admin-modal > header > button svg,
html body .admin-shell .admin-modal > header > button svg,
html body .feedback-modal > header > button svg,
html body .safe-password-modal > header > button svg,
html body .two-factor-modal > header > button svg,
html body .confirm-dialog-modal > header > button svg {
  display: block !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  vertical-align: middle !important;
}

/* ===== 所有弹窗统一：12px 字 / 22px 按钮（对齐原版） ===== */
html body .admin-modal,
html body .admin-modal-mask .admin-modal,
html body .feedback-modal,
html body .safe-password-modal,
html body .two-factor-modal {
  font-size: 12px !important;
}

html body .admin-modal > div,
html body .admin-modal .form-grid,
html body .admin-modal .modal-form,
html body .admin-modal label,
html body .admin-modal p,
html body .admin-modal span,
html body .admin-modal em,
html body .admin-modal .pm-modal-body,
html body .admin-modal .member-profile-body {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-modal input,
html body .admin-modal select,
html body .admin-modal textarea {
  height: 28px !important;
  min-height: 28px !important;
  max-height: none !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
}

html body .admin-modal textarea {
  height: auto !important;
  min-height: 72px !important;
  line-height: 1.5 !important;
  padding: 6px 8px !important;
}

html body .admin-modal footer,
html body .admin-modal-mask .admin-modal footer {
  padding: 6px 12px !important;
  gap: 6px !important;
}

html body .admin-modal footer button,
html body .admin-modal footer button.blue,
html body .admin-modal footer button.modal-cancel,
html body .admin-modal footer .blue,
html body .admin-modal footer .modal-cancel,
html body .admin-modal button.blue,
html body .admin-modal button.modal-cancel,
html body .admin-modal-mask .admin-modal footer button,
html body .admin-modal-mask .admin-modal button.blue,
html body .admin-modal-mask .admin-modal button.modal-cancel {
  min-width: 48px !important;
  width: auto !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 10px !important;
  margin: 0 0 0 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* 确认弹窗（是否设为代理等） */
html body .admin-modal.confirm-dialog-modal {
  max-width: 360px !important;
}

html body .admin-modal.confirm-dialog-modal .confirm-dialog-body {
  padding: 12px 14px !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

html body .admin-modal.confirm-dialog-modal .confirm-dialog-icon,
html body .confirm-dialog-icon {
  flex-shrink: 0 !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 50% !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
  text-align: center !important;
}

html body .admin-modal.confirm-dialog-modal .confirm-dialog-body p,
html body .confirm-dialog-body p {
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #515a6e !important;
}

html body .admin-modal.confirm-dialog-modal footer {
  padding: 0 14px 12px !important;
  gap: 6px !important;
  border-top: 0 !important;
}

html body .admin-modal.confirm-dialog-modal footer button {
  min-width: 48px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
}

/* ===== 首页左侧栏尺寸对齐名爵（颜色保持问界现有） ===== */
html body .admin-shell.active-home .home-console {
  grid-template-columns: 270px minmax(400px, 440px) minmax(720px, 1fr) !important;
}

html body .admin-shell.active-home .game-control-card {
  width: 270px !important;
  max-width: 270px !important;
  border-radius: 4px !important;
  box-shadow: 0 0 10px #d3d3d3 !important;
  overflow: hidden !important;
}

/* 顶部 Tab：71×30 / 14px，胶囊形状 */
html body .admin-shell.active-home .home-tabs {
  height: auto !important;
  min-height: 0 !important;
  padding: 15px 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
}

html body .admin-shell[class][class].active-home .home-tabs button,
html body .admin-shell.active-home .home-tabs button {
  width: 71px !important;
  min-width: 71px !important;
  max-width: 71px !important;
  height: 30px !important;
  min-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 30px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  color: #878c94 !important;
  background: #eceff4 !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  position: relative !important;
  -webkit-font-smoothing: antialiased !important;
}

html body .admin-shell.active-home .home-tabs button:first-child {
  border-radius: 30px 0 0 30px !important;
}

html body .admin-shell.active-home .home-tabs button:last-child {
  border-radius: 0 30px 30px 0 !important;
}

/* 选中色沿用问界品牌色，不改成名爵色 */
html body .admin-shell[class][class].active-home .home-tabs button.active,
html body .admin-shell.active-home .home-tabs button.active {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  background: var(--mj-tab, #2d8cf0) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html body .admin-shell.active-home .home-tabs .home-tab-badge {
  position: absolute !important;
  top: -5px !important;
  right: 2px !important;
  min-width: 13px !important;
  height: 13px !important;
  padding: 0 3px !important;
  border-radius: 13px !important;
  font-size: 10px !important;
  line-height: 13px !important;
}

/* 游戏列表项 */
html body .admin-shell.active-home .game-switch-list {
  padding: 0 !important;
  overflow-y: auto !important;
}

html body .admin-shell[class][class].active-home .game-switch-list article,
html body .admin-shell.active-home .game-switch-list article,
html body .admin-shell.active-home .service-channel-group > article {
  display: grid !important;
  grid-template-columns: 40px 1fr 44px !important;
  align-items: center !important;
  gap: 0 !important;
  min-height: 0 !important;
  margin: 0 7.5px !important;
  padding: 10.5px 7.5px !important;
  border-radius: 8px !important;
  border: 0 !important;
  background: transparent !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
}

html body .admin-shell[class][class].active-home .game-switch-list article.selected,
html body .admin-shell[class][class].active-home .game-switch-list article:hover,
html body .admin-shell.active-home .game-switch-list article.selected,
html body .admin-shell.active-home .game-switch-list article:hover,
html body .admin-shell.active-home .service-channel-group > article.selected,
html body .admin-shell.active-home .service-channel-group.selected > article {
  background: #eceff4 !important;
  background-image: none !important;
}

html body .admin-shell[class][class].active-home .game-switch-list img,
html body .admin-shell.active-home .game-switch-list img,
html body .admin-shell.active-home .service-dot {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  border-radius: 50% !important;
  object-fit: contain !important;
  display: block !important;
}

html body .admin-shell.active-home .game-switch-list article > div {
  min-width: 0 !important;
  margin-left: 6px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
}

/* 游戏名 14px 加粗 / 期号 12px 常规 — 对齐名爵 */
html body .admin-shell[class][class].active-home .game-switch-list article > div > strong,
html body .admin-shell[class][class].active-home .game-switch-list strong,
html body .admin-shell.active-home .game-switch-list article strong,
html body .admin-shell.active-home .game-switch-list strong {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-style: normal !important;
  line-height: 20px !important;
  letter-spacing: 0 !important;
  color: #515a6e !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
}

html body .admin-shell[class][class].active-home .game-switch-list article > div > span,
html body .admin-shell[class][class].active-home .game-switch-list span,
html body .admin-shell.active-home .game-switch-list article span,
html body .admin-shell.active-home .game-switch-list span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 17px !important;
  letter-spacing: 0 !important;
  color: #999 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 100% !important;
  -webkit-font-smoothing: antialiased !important;
}

/* 右侧开关：贴近名爵 ivu-switch 尺寸，颜色不改 */
html body .admin-shell.active-home .game-home-switch.switch.mj-fancy-switch,
html body .admin-shell.active-home .game-switch-list .switch.mj-fancy-switch {
  --switch-width: 44px;
  --switch-height: 22px;
  --switch-offset: 2px;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 22px !important;
  min-height: 22px !important;
  flex: 0 0 44px !important;
  margin: 0 !important;
  transform: none !important;
  zoom: 1 !important;
}

html body .admin-shell.active-home .game-home-switch .slider,
html body .admin-shell.active-home .game-switch-list .mj-fancy-switch .slider {
  width: 44px !important;
  height: 22px !important;
  border-radius: 22px !important;
}

html body .admin-shell.active-home .game-home-switch .circle,
html body .admin-shell.active-home .game-switch-list .mj-fancy-switch .circle {
  width: 18px !important;
  height: 18px !important;
}

/* 底部：在线人数 / 上次登录 */
html body .admin-shell.active-home .game-control-card footer {
  height: 81px !important;
  min-height: 81px !important;
  max-height: 81px !important;
  padding: 0 0 0 15px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  gap: 0 !important;
  border-top: 1px solid #eaebee !important;
  background: #fff !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-home .game-control-card footer b {
  display: block !important;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 17px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-home .game-control-card footer b span {
  margin-left: 5px !important;
  color: var(--mj-tab, #2d8cf0) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html body .admin-shell.active-home .game-control-card footer small,
html body .admin-shell.active-home .game-control-card footer small a,
html body .admin-shell.active-home .game-control-card footer a {
  display: block !important;
  margin: 13.5px 0 0 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  color: #878c94 !important;
  text-decoration: none !important;
  border-bottom: 0 !important;
}

/* ===== 首页指标卡：图标更小 + 左右布局对齐名爵 ===== */
html body .admin-shell.active-home .home-metrics {
  gap: 8px !important;
}

html body .admin-shell.active-home .home-metric-card,
html body .admin-shell.active-home .home-metric-card.icon-left,
html body .admin-shell.active-home .home-metric-card.icon-right {
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 10px 12px !important;
  gap: 8px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-home .home-metric-card.icon-left {
  justify-content: flex-start !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
}

html body .admin-shell.active-home .home-metric-card.icon-right {
  justify-content: space-between !important;
  grid-template-columns: minmax(0, 1fr) 28px !important;
}

html body .admin-shell.active-home .home-metric-card.icon-right .home-metric-dot {
  margin-left: auto !important;
  order: 2 !important;
}

html body .admin-shell.active-home .home-metric-card.icon-right .metric-text {
  order: 1 !important;
  margin-left: 0 !important;
}

html body .admin-shell.active-home .home-metric-dot,
html body .admin-shell.active-home .home-metric-dot.amount,
html body .admin-shell.active-home .home-metric-dot.liushui,
html body .admin-shell.active-home .home-metric-dot.yingkui,
html body .admin-shell.active-home .home-metric-dot.huishui,
html body .admin-shell.active-home .home-metric-dot.allykui,
html body .admin-shell.active-home .home-metric-dot.chongzhi,
html body .admin-shell.active-home .home-metric-dot.tixian,
html body .admin-shell.active-home .home-metric-dot.zhuce,
html body .admin-shell.active-home .home-metric-dot.weijie,
html body .admin-shell.active-home .home-metric-dot.thirdAmount {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  flex: 0 0 28px !important;
  flex-basis: 28px !important;
  padding: 5px !important;
  border-radius: 50% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .admin-shell.active-home .home-metric-dot .metric-icon-img,
html body .admin-shell.active-home .home-metric-dot img {
  width: 16px !important;
  height: 16px !important;
  max-width: 16px !important;
  max-height: 16px !important;
  object-fit: contain !important;
  display: block !important;
}

html body .admin-shell.active-home .home-metric-card .metric-text {
  min-width: 0 !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0 !important;
}

html body .admin-shell.active-home .home-metric-card .metric-text > span,
html body .admin-shell.active-home .home-metric-card > div > span {
  display: block !important;
  margin: 0 !important;
  color: #515a6e !important;
  font-size: 12px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-home .home-metric-card b,
html body .admin-shell.active-home .home-metric-card .metric-text > b {
  display: block !important;
  margin: 0 !important;
  color: #000 !important;
  font-size: 15px !important;
  line-height: 18px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-home .home-metric-card.accent-value b {
  color: #0087b4 !important;
  font-size: 15px !important;
}

/* ===== 首页游戏数据表字体：对齐图2（约12px） ===== */
html body .admin-shell.active-home .game-data-table,
html body .admin-shell[class][class].active-home .game-data-table {
  font-size: 12px !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

html body .admin-shell.active-home .game-data-table th,
html body .admin-shell[class][class].active-home .game-data-table th {
  font-size: 12px !important;
  font-weight: 400 !important;
  height: 36px !important;
  line-height: 36px !important;
}

html body .admin-shell.active-home .game-data-table th:first-child {
  border-top-left-radius: 6px !important;
}

html body .admin-shell.active-home .game-data-table th:last-child {
  border-top-right-radius: 6px !important;
}

html body .admin-shell.active-home .game-data-table td,
html body .admin-shell[class][class].active-home .game-data-table td {
  font-size: 12px !important;
  font-weight: 400 !important;
  height: 40px !important;
  line-height: 1.3 !important;
}

html body .admin-shell.active-home .game-data-table .game-link,
html body .admin-shell.active-home .game-data-table button.game-link,
html body .admin-shell[class][class].active-home .game-data-table .game-link {
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* 倒计时：00 : 00 (开奖中) — 时间红，开奖中绿；封盘中整段红 */
html body .admin-shell.active-home .game-data-table td.cd-cell {
  color: inherit !important;
  font-weight: 400 !important;
}

html body .admin-shell.active-home .game-data-table .cd-wrap {
  display: inline !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-home .game-data-table .cd-wrap.is-seal .cd-time,
html body .admin-shell.active-home .game-data-table .cd-wrap.is-seal .cd-status {
  color: #ff464d !important;
  font-weight: 400 !important;
}

html body .admin-shell.active-home .game-data-table .cd-wrap.is-draw .cd-time {
  color: #ff464d !important;
  font-weight: 400 !important;
}

html body .admin-shell.active-home .game-data-table .cd-wrap.is-draw .cd-status {
  color: #19be6b !important;
  font-weight: 400 !important;
}

/* 全局左侧胶囊菜单：字12 / 胶囊118x28 / 蓝色光晕阴影（系统/钱包/会员/申请/报表/活动/监控/赔率/开奖等） */
html body .admin-shell[class][class] .left-list.reference-side,
html body .admin-shell.theme_white[class][class] .left-list.reference-side,
html body .super-shell.admin-shell[class][class] .left-list.reference-side,
html body .admin-shell[class][class] aside.left-list,
html body .admin-shell[class][class] .reference-side.left-list {
  flex: 0 0 148px !important;
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
  padding: 14px 0 20px !important;
  align-items: center !important;
  gap: 0 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
  border-radius: 6px !important;
  background: #fff !important;
}

html body .admin-shell[class][class] .left-list .tab,
html body .admin-shell.theme_white[class][class] .left-list .tab,
html body .super-shell.admin-shell[class][class] .left-list .tab,
html body .admin-shell[class][class] .reference-side > button.tab,
html body .admin-shell[class][class] .reference-side button.tab {
  width: 118px !important;
  min-width: 118px !important;
  max-width: 118px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 16px 0 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  color: #878c94 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html body .admin-shell[class][class] .left-list .tab:first-child,
html body .admin-shell.theme_white[class][class] .left-list .tab:first-child,
html body .super-shell.admin-shell[class][class] .left-list .tab:first-child {
  margin-top: 4px !important;
}

html body .admin-shell[class][class] .left-list .tab .tab-inner,
html body .admin-shell.theme_white[class][class] .left-list .tab .tab-inner,
html body .super-shell.admin-shell[class][class] .left-list .tab .tab-inner {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
}

html body .admin-shell[class][class] .left-list .tab .tab-text,
html body .admin-shell.theme_white[class][class] .left-list .tab .tab-text,
html body .super-shell.admin-shell[class][class] .left-list .tab .tab-text {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  letter-spacing: 0 !important;
  color: #878c94 !important;
}

html body .admin-shell[class][class] .left-list .tab .tab-arrow,
html body .admin-shell.theme_white[class][class] .left-list .tab .tab-arrow,
html body .super-shell.admin-shell[class][class] .left-list .tab .tab-arrow {
  display: inline-block !important;
  margin-left: 2px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  color: #878c94 !important;
}

/* 未选中保持灰色 */
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab),
html body .admin-shell.theme_white[class][class] .left-list .tab:not(.active):not(.chooseTab),
html body .super-shell.admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab),
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):hover,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):focus,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):active {
  color: #878c94 !important;
  background: #fff !important;
  background-image: none !important;
}

html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-text,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-arrow,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-inner,
html body .admin-shell.theme_white[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-text,
html body .admin-shell.theme_white[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-arrow,
html body .admin-shell.theme_white[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-inner,
html body .super-shell.admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-text,
html body .super-shell.admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-arrow,
html body .super-shell.admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab) .tab-inner,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):hover .tab-text,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):hover .tab-arrow,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):focus .tab-text,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):focus .tab-arrow,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):active .tab-text,
html body .admin-shell[class][class] .left-list .tab:not(.active):not(.chooseTab):active .tab-arrow {
  color: #878c94 !important;
}

/* 选中：主题渐变 + 蓝色光晕 */
html body .admin-shell[class][class] .left-list .tab.chooseTab,
html body .admin-shell[class][class] .left-list .tab.active,
html body .admin-shell.theme_white[class][class] .left-list .tab.chooseTab,
html body .admin-shell.theme_white[class][class] .left-list .tab.active,
html body .super-shell.admin-shell[class][class] .left-list .tab.chooseTab,
html body .super-shell.admin-shell[class][class] .left-list .tab.active,
html body .admin-shell[class][class] .reference-side > button.tab.active,
html body .admin-shell[class][class] .reference-side button.tab.active,
html body .admin-shell[class][class] .reference-side > button.active {
  color: #fff !important;
  background: linear-gradient(90deg, #02d4fd 0%, #0ec0ff 48%, #23a5fd 100%) !important;
  background-image: linear-gradient(90deg, #02d4fd 0%, #0ec0ff 48%, #23a5fd 100%) !important;
  border-color: transparent !important;
  border-radius: 999px !important;
  box-shadow: 0 0 14px rgba(14, 192, 255, 0.55), 0 4px 12px rgba(0, 135, 180, 0.35) !important;
}

html body .admin-shell[class][class] .left-list .tab.chooseTab .tab-text,
html body .admin-shell[class][class] .left-list .tab.active .tab-text,
html body .admin-shell[class][class] .left-list .tab.chooseTab .tab-arrow,
html body .admin-shell[class][class] .left-list .tab.active .tab-arrow,
html body .admin-shell.theme_white[class][class] .left-list .tab.chooseTab .tab-text,
html body .admin-shell.theme_white[class][class] .left-list .tab.active .tab-text,
html body .admin-shell.theme_white[class][class] .left-list .tab.chooseTab .tab-arrow,
html body .admin-shell.theme_white[class][class] .left-list .tab.active .tab-arrow,
html body .super-shell.admin-shell[class][class] .left-list .tab.chooseTab .tab-text,
html body .super-shell.admin-shell[class][class] .left-list .tab.active .tab-text,
html body .super-shell.admin-shell[class][class] .left-list .tab.chooseTab .tab-arrow,
html body .super-shell.admin-shell[class][class] .left-list .tab.active .tab-arrow {
  color: #fff !important;
  font-size: 12px !important;
}

/* 系统设置-基本资料：字号/行高对齐参考图（按名爵 rem14 绝对值） */
html body .admin-shell.active-system[class][class] .system-tabs {
  height: 36px !important;
  min-height: 36px !important;
  gap: 40px !important;
  padding: 0 20px !important;
  border-bottom: 1px solid #e1e1e5 !important;
  align-items: flex-end !important;
}

html body .admin-shell.active-system[class][class] .system-tabs button:not(.save-settings) {
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 16px !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 34px !important;
  color: #515a6e !important;
  border-bottom: 2px solid transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body .admin-shell.active-system[class][class] .system-tabs button.active {
  color: #0087b4 !important;
  border-bottom-color: #0087b4 !important;
  font-weight: 500 !important;
  font-size: 14px !important;
}

html body .admin-shell.active-system[class][class] .setting-matrix.contentModel {
  margin: 0 12px !important;
}

html body .admin-shell.active-system[class][class] .setting-row.row {
  min-height: 0 !important;
}

html body .admin-shell.active-system[class][class] .setting-row .left,
html body .admin-shell.active-system[class][class] .setting-row .right {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  line-height: 32px !important;
  font-size: 12px !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .setting-row .left {
  display: flex !important;
  align-items: center !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
  color: #515a6e !important;
  font-size: 12px !important;
}

html body .admin-shell.active-system[class][class] .setting-row .setting-label-main {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-size: 12px !important;
  line-height: 32px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-system[class][class] .setting-row .setting-label-main > span,
html body .admin-shell.active-system[class][class] .setting-row .left span {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-system[class][class] .setting-row .left > svg,
html body .admin-shell.active-system[class][class] .setting-row .left .setting-label-main > svg,
html body .admin-shell.active-system[class][class] .mj-setting-tip svg {
  width: 14px !important;
  height: 14px !important;
  min-width: 14px !important;
  min-height: 14px !important;
  color: #0087b4 !important;
}

html body .admin-shell.active-system[class][class] .setting-row .right input,
html body .admin-shell.active-system[class][class] .setting-row .right select {
  height: 24px !important;
  min-height: 24px !important;
  margin-top: 4px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  border-radius: 4px !important;
}

html body .admin-shell.active-system[class][class] .setting-row .right .mj-select-trigger {
  height: 24px !important;
  min-height: 24px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

/* 系统设置全部开关统一 44x22（含左侧欢迎语/房间公告） */
html body .admin-shell.active-system[class][class] .setting-row .mj-switch:not(.mj-fancy-switch),
html body .admin-shell.active-system[class][class] .setting-row label.switch.mj-fancy-switch,
html body .admin-shell.active-system[class][class] .setting-row .switch.mj-fancy-switch,
html body .admin-shell.active-system[class][class] .setting-row.has-label-extra label.switch,
html body .admin-shell.active-system[class][class] .setting-row .setting-label-extra label.switch,
html body .admin-shell.active-system[class][class] .setting-row.is-tall .left label.switch {
  --switch-width: 44px !important;
  --switch-height: 22px !important;
  --circle-diameter: 18px !important;
  --icon-cross-size: 8px !important;
  --icon-checkmark-size: 12px !important;
  --switch-offset: 2px !important;
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  transform: none !important;
  display: inline-block !important;
}

html body .admin-shell.active-system[class][class] .setting-row label.switch .slider,
html body .admin-shell.active-system[class][class] .setting-row .switch.mj-fancy-switch .slider,
html body .admin-shell.active-system[class][class] .setting-row.has-label-extra .slider,
html body .admin-shell.active-system[class][class] .setting-row .setting-label-extra .slider {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
}

html body .admin-shell.active-system[class][class] .setting-row label.switch .circle,
html body .admin-shell.active-system[class][class] .setting-row .switch.mj-fancy-switch .circle,
html body .admin-shell.active-system[class][class] .setting-row.has-label-extra .circle,
html body .admin-shell.active-system[class][class] .setting-row .setting-label-extra .circle {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  min-height: 18px !important;
}

html body .admin-shell.active-system[class][class] .avatar-upload,
html body .admin-shell.active-system[class][class] .avatar-upload-button,
html body .admin-shell.active-system[class][class] .avatar-upload-button img {
  width: 45px !important;
  height: 45px !important;
}

html body .admin-shell.active-system[class][class] .setting-row.is-tall .left,
html body .admin-shell.active-system[class][class] .setting-row.is-tall .right {
  height: 56px !important;
  min-height: 56px !important;
  max-height: 56px !important;
}

/* 欢迎语/房间公告：标签+开关同一行 */
html body .admin-shell.active-system[class][class] .setting-row.has-label-extra .left {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

html body .admin-shell.active-system[class][class] .setting-row.has-label-extra .setting-label-main {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  white-space: nowrap !important;
  line-height: 22px !important;
  min-width: 0 !important;
}

html body .admin-shell.active-system[class][class] .setting-row.has-label-extra .setting-label-extra {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  padding-left: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
}

/* 线下渠道-支付类型：不能被 32px 行高裁切，并优化排列 */
html body .admin-shell.active-system[class][class] .setting-row:has(.pay-type-radios) .left,
html body .admin-shell.active-system[class][class] .setting-row:has(.pay-type-radios) .right,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.pay-type-radios) .left,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.pay-type-radios) .right,
html body .admin-shell.active-system[class][class] .setting-row:has(.avatar-upload) .left,
html body .admin-shell.active-system[class][class] .setting-row:has(.avatar-upload) .right {
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  line-height: normal !important;
  overflow: visible !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  align-items: center !important;
}

html body .admin-shell.active-system[class][class] .setting-row:has(.pay-type-radios) .left {
  justify-content: flex-start !important;
}

html body .admin-shell.active-system[class][class] .setting-row:has(.pay-type-radios) .right {
  justify-content: flex-start !important;
}

html body .admin-shell.active-system[class][class] .pay-type-radios {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 24px !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .pay-type-radios label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  font-size: 12px !important;
  color: #515a6e !important;
  line-height: 20px !important;
  white-space: nowrap !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

html body .admin-shell.active-system[class][class] .pay-type-radios label.active {
  color: #0087b4 !important;
}

html body .admin-shell.active-system[class][class] .pay-type-radios input[type="radio"] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  accent-color: #0087b4 !important;
  visibility: visible !important;
  opacity: 1 !important;
  flex: 0 0 auto !important;
}

/* 系统设置底部「保存设置」按钮缩小 */
html body .admin-shell.active-system[class][class] .system-bottom-actions,
html body .admin-shell.active-system[class][class] .system-basic-savebar,
html body .admin-shell.active-system[class][class] .home-content .bottom {
  min-height: 48px !important;
  padding: 8px 16px !important;
  gap: 10px !important;
}

html body .admin-shell.active-system[class][class] .system-bottom-actions button,
html body .admin-shell.active-system[class][class] .system-bottom-actions .btn,
html body .admin-shell.active-system[class][class] .system-bottom-actions .btn.save,
html body .admin-shell.active-system[class][class] .system-basic-savebar button,
html body .admin-shell.active-system[class][class] .home-content .bottom .btn.save,
html body .admin-shell.active-system[class][class] .home-content .bottom .ivu-btn-primary,
html body .admin-shell.active-system[class][class] .system-bottom-actions.bottom .btn.save {
  width: 88px !important;
  min-width: 88px !important;
  max-width: 88px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 12px !important;
  margin: 0 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  background: #0087b4 !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .admin-shell.active-system[class][class] .setting-row .right button,
html body .admin-shell.active-system[class][class] .setting-row .right .blue,
html body .admin-shell.active-system[class][class] .setting-row .right .sync-btn {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  border-radius: 4px !important;
}

/* ========== 线下渠道：对齐名爵单列表单样式（只改样式，不改文案） ========== */
html body .admin-shell.active-system[class][class] .offline-channel-matrix {
  width: 560px !important;
  max-width: calc(100% - 32px) !important;
  margin: 12px 16px 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .model,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .model.offline-model {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #e8eaec !important;
  border-radius: 0 !important;
  background: #fff !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row {
  display: flex !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eaec !important;
  background: #fff !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:last-child {
  border-bottom: 0 !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .left,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .right {
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  line-height: 40px !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-right: 1px solid #e8eaec !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .left {
  width: 140px !important;
  min-width: 140px !important;
  max-width: 140px !important;
  flex: 0 0 140px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0 12px !important;
  background: #fff !important;
  color: #515a6e !important;
  font-size: 12px !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .right {
  width: auto !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  border-right: 0 !important;
  justify-content: flex-start !important;
  align-items: center !important;
  text-align: left !important;
  padding: 0 12px !important;
  background: #fff !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.pay-type-radios) .left,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.pay-type-radios) .right {
  height: 40px !important;
  min-height: 40px !important;
  max-height: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: center !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.avatar-upload) .left,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row:has(.avatar-upload) .right,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row.imgbtn .left,
html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row.imgbtn .right {
  height: 86px !important;
  min-height: 86px !important;
  max-height: none !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  align-items: center !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .pay-type-radios {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 22px !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .pay-type-radios label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
  font-size: 12px !important;
  color: #515a6e !important;
  line-height: 20px !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .pay-type-radios label.active {
  color: #0087b4 !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .pay-type-radios input[type="radio"] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 !important;
  accent-color: #0087b4 !important;
  flex: 0 0 auto !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .right input {
  width: 100% !important;
  max-width: 360px !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 10px !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #515a6e !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
  outline: none !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .setting-row .right input:focus {
  border-color: #0087b4 !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .avatar-upload {
  display: inline-flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .avatar-upload-button {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px dashed #c5c8ce !important;
  border-radius: 4px !important;
  background: #f7f7f7 !important;
  overflow: hidden !important;
}

html body .admin-shell.active-system[class][class] .offline-channel-matrix .avatar-upload-button img {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  min-height: 70px !important;
  max-width: 70px !important;
  max-height: 70px !important;
  padding: 6px !important;
  border: 0 !important;
  border-radius: 4px !important;
  background: #f7f7f7 !important;
  object-fit: contain !important;
  opacity: 1 !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-system[class][class] .system-tabpane:has(.offline-channel-matrix) .system-bottom-actions,
html body .admin-shell.active-system[class][class] .home-content:has(.offline-channel-matrix) .system-bottom-actions {
  justify-content: flex-end !important;
  padding: 12px 16px !important;
}

/* ========== 游戏设置：字号对齐名爵（12px，覆盖误设的 16px） ========== */
html body .admin-shell.active-system[class][class] .game-setting-table,
html body .admin-shell.active-system[class][class] .game-setting-table th,
html body .admin-shell.active-system[class][class] .game-setting-table td,
html body .admin-shell.active-system[class][class] .game-setting-table .title td,
html body .admin-shell.active-system[class][class] .game-setting-table thead td,
html body .admin-shell.active-system[class][class] .game-setting-table .edit.title td,
html body .admin-shell.active-system[class][class] .game-setting-table .content td,
html body .admin-shell.active-system[class][class] .game-setting-table tbody td,
html body .admin-shell.active-system[class][class] .game-setting-table .game-th-stack,
html body .admin-shell.active-system[class][class] .game-setting-table .game-th-stack span {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .content td input,
html body .admin-shell.active-system[class][class] .game-setting-table input:not(.mj-time-input),
html body .admin-shell.active-system[class][class] .game-setting-table .mj-time-field input {
  font-size: 12px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  line-height: 24px !important;
}

/* 时间框容器勿限高，否则日历面板被裁切 */
html body .admin-shell.active-system[class][class] .game-setting-table .mj-time-field {
  font-size: 12px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: none !important;
  line-height: 24px !important;
  overflow: visible !important;
  position: relative !important;
  z-index: 1 !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .mj-time-field:has(.mj-time-panel) {
  z-index: 5000 !important;
}

html body .admin-shell.active-system[class][class] .mj-time-panel {
  z-index: 6000 !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table,
html body .admin-shell.active-system[class][class] .game-setting-table thead,
html body .admin-shell.active-system[class][class] .game-setting-table tbody,
html body .admin-shell.active-system[class][class] .game-setting-table tr,
html body .admin-shell.active-system[class][class] .game-setting-table td {
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table tr:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .game-setting-table td:has(.mj-time-panel) {
  position: relative !important;
  z-index: 4000 !important;
  overflow: visible !important;
}

/* 打开日历时放开父级 overflow，避免滚动容器裁切 */
html body .admin-shell.active-system[class][class] .game-setting-page:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .game-setting-scroll:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .game-content-model:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .system-tabpane:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .system-tabpane > .system-subpage:has(.mj-time-panel),
html body .admin-shell.active-system[class][class] .system-main-card:has(.mj-time-panel) {
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .plan-button {
  font-size: 12px !important;
  height: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .title td,
html body .admin-shell.active-system[class][class] .game-setting-table thead td,
html body .admin-shell.active-system[class][class] .game-setting-table .edit.title td {
  height: 38px !important;
  min-height: 38px !important;
  max-height: none !important;
  padding: 4px 6px !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .content td,
html body .admin-shell.active-system[class][class] .game-setting-table tbody td {
  height: 38px !important;
  min-height: 38px !important;
  max-height: none !important;
  padding: 0 6px !important;
  overflow: visible !important;
}

html body .admin-shell.active-system[class][class] .game-setting-table .switch.mj-fancy-switch,
html body .admin-shell.active-system[class][class] .game-setting-table .mj-switch:not(.mj-fancy-switch) {
  --switch-width: 44px !important;
  --switch-height: 22px !important;
  --circle-diameter: 18px !important;
  width: 44px !important;
  min-width: 44px !important;
  height: 22px !important;
  min-height: 22px !important;
  font-size: 12px !important;
  transform: none !important;
}

html body .admin-shell.active-system[class][class] .game-setting-page .system-bottom-actions .alarm {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .game-setting-page .system-bottom-actions .btn,
html body .admin-shell.active-system[class][class] .game-setting-page .system-bottom-actions .btn.save,
html body .admin-shell.active-system[class][class] .game-setting-page .system-bottom-actions button {
  font-size: 12px !important;
  width: 88px !important;
  min-width: 88px !important;
  height: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}

/* ========== 封盘消息：字号对齐名爵 12px（真实类名 cm-formal-table） ========== */
html body .admin-shell.active-system[class][class] .close-message-page .cm-formal-table,
html body .admin-shell.active-system[class][class] .cm-formal-table,
html body .admin-shell.active-system[class][class] .cm-formal-table th,
html body .admin-shell.active-system[class][class] .cm-formal-table td,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-col-name,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-col-body,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-col-time,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-col-desc {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .cm-formal-table textarea,
html body .admin-shell.active-system[class][class] .cm-formal-table input,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-delay,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-delay span,
html body .admin-shell.active-system[class][class] .cm-formal-table .cm-delay input {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .cm-formal-table td.cm-col-desc {
  font-size: 12px !important;
  color: #808695 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .close-message-page .close-game-tabs button,
html body .admin-shell.active-system[class][class] .close-message-page .cm-game-tabs .cm-tabs-nav > button,
html body .admin-shell.active-system[class][class] .cm-game-tabs .cm-tabs-nav > button {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 16px !important;
}

html body .admin-shell.active-system[class][class] .close-message-page .cm-footer .cm-alarm,
html body .admin-shell.active-system[class][class] .system-tabpane > .system-subpage.close-message-page > .cm-footer .cm-alarm {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .close-message-page .cm-footer .cm-btn-save,
html body .admin-shell.active-system[class][class] .close-message-page .cm-footer .cm-btn-reset,
html body .admin-shell.active-system[class][class] .system-tabpane > .system-subpage.close-message-page > .cm-footer .cm-btn-save,
html body .admin-shell.active-system[class][class] .system-tabpane > .system-subpage.close-message-page > .cm-footer .cm-btn-reset {
  font-size: 12px !important;
  font-weight: 400 !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 28px !important;
  width: 88px !important;
  min-width: 88px !important;
}

/* ========== 广告消息 / 快捷回复 / 常见问题：字号+添加按钮对齐名爵 ========== */
html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable),
html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .system-alert,
html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .ivu-alert,
html body .admin-shell.active-system[class][class] .system-list-table.signTable,
html body .admin-shell.active-system[class][class] .system-list-table.signTable th,
html body .admin-shell.active-system[class][class] .system-list-table.signTable td {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .addPro button.ivu-btn-primary,
html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .addPro > button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  min-width: auto !important;
  width: auto !important;
  padding: 0 14px !important;
  margin: 0 !important;
  line-height: 28px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background: #0087b4 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .admin-shell.active-system[class][class] .system-list-table.signTable .ops button,
html body .admin-shell.active-system[class][class] .system-list-table.signTable .ops .red {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
}

html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .addPro {
  margin-bottom: 10px !important;
}

html body .admin-shell.active-system[class][class] .system-subpage.system-report-page:has(.system-list-table.signTable) .system-alert {
  margin-bottom: 12px !important;
  padding: 8px 12px !important;
}

/* ========== VIP设置：全页字号改小 ========== */
html body .admin-shell.active-system[class][class] .vip-settings-page,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-alert,
html body .admin-shell.active-system[class][class] .vip-settings-page .ivu-alert,
html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar,
html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar input,
html body .admin-shell.active-system[class][class] .vip-settings-page .reference-table,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-list-table,
html body .admin-shell.active-system[class][class] .vip-settings-page .reference-table th,
html body .admin-shell.active-system[class][class] .vip-settings-page .reference-table td,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-list-table th,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-list-table td,
html body .admin-shell.active-system[class][class] .vip-settings-page label,
html body .admin-shell.active-system[class][class] .vip-settings-page .pagination {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .pagination {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .pagination > span {
  margin-right: 4px !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .pagination button {
  margin: 0 !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page h3 {
  margin: 8px 0 6px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page input:not([type="checkbox"]),
html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar input {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  font-size: 12px !important;
  line-height: 24px !important;
  padding: 0 8px !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar button,
html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar .ivu-btn-primary,
html body .admin-shell.active-system[class][class] .vip-settings-page .pagination button,
html body .admin-shell.active-system[class][class] .vip-settings-page button.ivu-btn-primary {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  border-radius: 4px !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .reference-table th,
html body .admin-shell.active-system[class][class] .vip-settings-page .reference-table td,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-list-table th,
html body .admin-shell.active-system[class][class] .vip-settings-page .system-list-table td {
  height: auto !important;
  min-height: 28px !important;
  padding: 4px 8px !important;
}

html body .admin-shell.active-system[class][class] .vip-settings-page .wallet-toolbar {
  min-height: 36px !important;
  height: auto !important;
  margin-bottom: 8px !important;
  align-items: center !important;
}

/* ========== 钱包：表文字小 / 表头加高 / 右侧关于钱包对齐名爵14px ========== */
html body .admin-shell.active-wallet[class][class] .wallet-alert,
html body .admin-shell.active-wallet[class][class] .wallet-alert .ivu-alert-message,
html body .admin-shell.active-wallet[class][class] .wallet-formal-table,
html body .admin-shell.active-wallet[class][class] .wallet-formal-table th,
html body .admin-shell.active-wallet[class][class] .wallet-formal-table td,
html body .admin-shell.active-wallet[class][class] .signTable.wallet-formal-table,
html body .admin-shell.active-wallet[class][class] .signTable.wallet-formal-table th,
html body .admin-shell.active-wallet[class][class] .signTable.wallet-formal-table td {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-wallet[class][class] .addPro button.ivu-btn-primary,
html body .admin-shell.active-wallet[class][class] .addPro > button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  min-width: auto !important;
  width: auto !important;
  padding: 0 14px !important;
  margin: 0 !important;
  line-height: 28px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  border-radius: 4px !important;
  background: #0087b4 !important;
  background-image: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .admin-shell.active-wallet[class][class] .wallet-formal-table .wallet-op,
html body .admin-shell.active-wallet[class][class] .wallet-formal-table button {
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  font-weight: 400 !important;
}

/* 表头加高 */
html body .admin-shell.active-wallet[class][class] .wallet-formal-table th,
html body .admin-shell.active-wallet[class][class] .signTable.wallet-formal-table th {
  height: 34px !important;
  min-height: 34px !important;
  max-height: none !important;
  padding: 0 8px !important;
  line-height: 34px !important;
  vertical-align: middle !important;
}

html body .admin-shell.active-wallet[class][class] .wallet-formal-table td {
  height: auto !important;
  min-height: 34px !important;
  padding: 6px 8px !important;
}

html body .admin-shell.active-wallet[class][class] .addPro {
  margin: 10px 12px !important;
}

html body .admin-shell.active-wallet[class][class] .wallet-alert {
  margin: 0 12px 12px !important;
  padding: 8px 12px !important;
}

/* 右侧「关于钱包」：字号对齐名爵/图二（正文14） */
html body .admin-shell.active-wallet[class][class] .walletCon .info,
html body .admin-shell.active-wallet[class][class] .walletCon .info-con {
  font-size: 14px !important;
}

html body .admin-shell.active-wallet[class][class] .walletCon .tit {
  height: 42px !important;
  min-height: 42px !important;
  line-height: 42px !important;
  padding: 0 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

html body .admin-shell.active-wallet[class][class] .walletCon .tit1 {
  margin: 0 0 4px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 22px !important;
  color: #0087b4 !important;
}

html body .admin-shell.active-wallet[class][class] .walletCon .txt,
html body .admin-shell.active-wallet[class][class] .walletCon .txt p {
  margin: 0 0 10px !important;
  color: #333 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}

html body .admin-shell.active-wallet[class][class] .walletCon .tit2 {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 28px !important;
  color: #0087b4 !important;
}

html body .admin-shell.active-wallet[class][class] .walletCon .content {
  padding: 12px !important;
  font-size: 14px !important;
}

/* ========== 用户管理/代理/机器人/子账号：字号对齐名爵 12px ========== */
html body .admin-shell.active-users[class][class] .user-toolbar,
html body .admin-shell.active-users[class][class] .user-toolbar input,
html body .admin-shell.active-users[class][class] .user-toolbar select,
html body .admin-shell.active-users[class][class] .user-toolbar button,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-primary,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-error,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-success,
html body .admin-shell.active-users[class][class] .user-toolbar .user-refresh,
html body .admin-shell.active-users[class][class] .user-toolbar .user-switch-line,
html body .admin-shell.active-users[class][class] .user-toolbar .toolbar-label,
html body .admin-shell.active-users[class][class] .robot-list-toolbar,
html body .admin-shell.active-users[class][class] .robot-list-toolbar input,
html body .admin-shell.active-users[class][class] .robot-list-toolbar button,
html body .admin-shell.active-users[class][class] .robot-list-toolbar .toolbar-label,
html body .admin-shell.active-users[class][class] .user-subtabs,
html body .admin-shell.active-users[class][class] .user-subtabs button,
html body .admin-shell.active-users[class][class] .user-card-tabs,
html body .admin-shell.active-users[class][class] .user-card-tabs button,
html body .admin-shell.active-users[class][class] .robot-card-tabs,
html body .admin-shell.active-users[class][class] .robot-card-tabs button,
html body .admin-shell.active-users[class][class] .user-formal-table,
html body .admin-shell.active-users[class][class] .user-formal-table th,
html body .admin-shell.active-users[class][class] .user-formal-table td,
html body .admin-shell.active-users[class][class] .signTable.user-formal-table,
html body .admin-shell.active-users[class][class] .signTable.user-formal-table th,
html body .admin-shell.active-users[class][class] .signTable.user-formal-table td,
html body .admin-shell.active-users[class][class] .user-list-table,
html body .admin-shell.active-users[class][class] .user-list-table th,
html body .admin-shell.active-users[class][class] .user-list-table td,
html body .admin-shell.active-users[class][class] .user-agent-table,
html body .admin-shell.active-users[class][class] .user-agent-table th,
html body .admin-shell.active-users[class][class] .user-agent-table td,
html body .admin-shell.active-users[class][class] .robot-table,
html body .admin-shell.active-users[class][class] .robot-table th,
html body .admin-shell.active-users[class][class] .robot-table td,
html body .admin-shell.active-users[class][class] .sub-account-table,
html body .admin-shell.active-users[class][class] .sub-account-table th,
html body .admin-shell.active-users[class][class] .sub-account-table td,
html body .admin-shell.active-users[class][class] .robot-vip-select,
html body .admin-shell.active-users[class][class] .robot-action-btn,
html body .admin-shell.active-users[class][class] .user-footer,
html body .admin-shell.active-users[class][class] .btn-blue,
html body .admin-shell.active-users[class][class] .btn-green,
html body .admin-shell.active-users[class][class] .btn-red,
html body .admin-shell.active-users[class][class] .btn-cyan,
html body .admin-shell.active-users[class][class] .btn-white,
html body .admin-shell.active-users[class][class] .btn-follow,
html body .admin-shell.active-users[class][class] .user-more-ops,
html body .admin-shell.active-users[class][class] .user-more-ops button,
html body .admin-shell.active-users[class][class] .ops button,
html body .admin-shell.active-users[class][class] .agent-ops button,
html body .admin-shell.active-users[class][class] .downline-count-btn,
html body .admin-shell.active-users[class][class] .mj-empty {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

/* 代理/机器人顶部页签：原 16px → 12px */
html body .admin-shell.active-users[class][class] .user-card-tabs button,
html body .admin-shell.active-users[class][class] .robot-card-tabs button {
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 4px -1px 0 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-users[class][class] .user-formal-table th,
html body .admin-shell.active-users[class][class] .signTable.user-formal-table th,
html body .admin-shell.active-users[class][class] .user-list-table th,
html body .admin-shell.active-users[class][class] .user-agent-table th,
html body .admin-shell.active-users[class][class] .robot-table th,
html body .admin-shell.active-users[class][class] .sub-account-table th {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 6px !important;
  line-height: 34px !important;
  font-size: 12px !important;
}

html body .admin-shell.active-users[class][class] .user-formal-table td,
html body .admin-shell.active-users[class][class] .signTable.user-formal-table td,
html body .admin-shell.active-users[class][class] .user-list-table td,
html body .admin-shell.active-users[class][class] .user-agent-table td,
html body .admin-shell.active-users[class][class] .robot-table td,
html body .admin-shell.active-users[class][class] .sub-account-table td {
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-users[class][class] .user-toolbar input,
html body .admin-shell.active-users[class][class] .user-toolbar select,
html body .admin-shell.active-users[class][class] .robot-list-toolbar input,
html body .admin-shell.active-users[class][class] .robot-vip-select {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

html body .admin-shell.active-users[class][class] .user-toolbar button,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-primary,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-error,
html body .admin-shell.active-users[class][class] .user-toolbar .ivu-btn-success,
html body .admin-shell.active-users[class][class] .robot-list-toolbar button,
html body .admin-shell.active-users[class][class] .user-subtabs button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-users[class][class] .btn-blue,
html body .admin-shell.active-users[class][class] .btn-green,
html body .admin-shell.active-users[class][class] .btn-red,
html body .admin-shell.active-users[class][class] .btn-cyan,
html body .admin-shell.active-users[class][class] .btn-white,
html body .admin-shell.active-users[class][class] .btn-follow,
html body .admin-shell.active-users[class][class] .user-more-ops button,
html body .admin-shell.active-users[class][class] .ops button,
html body .admin-shell.active-users[class][class] .agent-ops button,
html body .admin-shell.active-users[class][class] .robot-action-btn,
html body .admin-shell.active-users[class][class] .downline-count-btn {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

html body .admin-shell.active-users[class][class] .robot-action-btn {
  width: auto !important;
  min-width: 58px !important;
  max-width: none !important;
}

/* 用户管理底部分页 */
html body .admin-shell.active-users[class][class] .user-footer {
  min-height: 40px !important;
  gap: 10px !important;
  padding: 6px 0 0 !important;
}

html body .admin-shell.active-users[class][class] .user-footer .mj-pager,
html body .admin-shell.active-users[class][class] .mj-pager {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  font-size: 12px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-users[class][class] .user-footer .mj-pager span,
html body .admin-shell.active-users[class][class] .mj-pager span {
  font-size: 12px !important;
  line-height: 28px !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-users[class][class] .user-footer .mj-pager select,
html body .admin-shell.active-users[class][class] .user-footer .mj-pager input,
html body .admin-shell.active-users[class][class] .user-footer .mj-pager button,
html body .admin-shell.active-users[class][class] .mj-pager select,
html body .admin-shell.active-users[class][class] .mj-pager input,
html body .admin-shell.active-users[class][class] .mj-pager button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-users[class][class] .user-footer .mj-pager input,
html body .admin-shell.active-users[class][class] .mj-pager input {
  width: 44px !important;
  min-width: 44px !important;
  text-align: center !important;
  padding: 0 4px !important;
}

/* ========== 申请管理（上下分/娱乐上下分/入群）：字号对齐名爵 12px ========== */
html body .admin-shell.active-apply[class][class] .apply-toolbar,
html body .admin-shell.active-apply[class][class] .apply-toolbar input,
html body .admin-shell.active-apply[class][class] .apply-toolbar select,
html body .admin-shell.active-apply[class][class] .apply-toolbar button,
html body .admin-shell.active-apply[class][class] .apply-toolbar .ivu-btn-primary,
html body .admin-shell.active-apply[class][class] .apply-toolbar .ivu-btn-error,
html body .admin-shell.active-apply[class][class] .apply-field,
html body .admin-shell.active-apply[class][class] .apply-date-quick,
html body .admin-shell.active-apply[class][class] .apply-date-quick button,
html body .admin-shell.active-apply[class][class] .date-quick-bar button,
html body .admin-shell.active-apply[class][class] .apply-formal-table,
html body .admin-shell.active-apply[class][class] .apply-formal-table th,
html body .admin-shell.active-apply[class][class] .apply-formal-table td,
html body .admin-shell.active-apply[class][class] .signTable.apply-formal-table,
html body .admin-shell.active-apply[class][class] .signTable.apply-formal-table th,
html body .admin-shell.active-apply[class][class] .signTable.apply-formal-table td,
html body .admin-shell.active-apply[class][class] .apply-table,
html body .admin-shell.active-apply[class][class] .apply-table th,
html body .admin-shell.active-apply[class][class] .apply-table td,
html body .admin-shell.active-apply[class][class] .reference-table,
html body .admin-shell.active-apply[class][class] .reference-table th,
html body .admin-shell.active-apply[class][class] .reference-table td,
html body .admin-shell.active-apply[class][class] .apply-footer,
html body .admin-shell.active-apply[class][class] .apply-total-summary,
html body .admin-shell.active-apply[class][class] .apply-type,
html body .admin-shell.active-apply[class][class] .apply-status,
html body .admin-shell.active-apply[class][class] .wallet-tip,
html body .admin-shell.active-apply[class][class] .mj-empty,
html body .admin-shell.active-apply[class][class] .btn-blue,
html body .admin-shell.active-apply[class][class] .btn-green,
html body .admin-shell.active-apply[class][class] .btn-red,
html body .admin-shell.active-apply[class][class] .ops button {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-apply[class][class] .apply-toolbar input,
html body .admin-shell.active-apply[class][class] .apply-toolbar select {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

html body .admin-shell.active-apply[class][class] .apply-toolbar button,
html body .admin-shell.active-apply[class][class] .apply-toolbar .ivu-btn-primary,
html body .admin-shell.active-apply[class][class] .apply-toolbar .ivu-btn-error,
html body .admin-shell.active-apply[class][class] .apply-date-quick button,
html body .admin-shell.active-apply[class][class] .date-quick-bar button,
html body .admin-shell.active-apply[class][class] .apply-footer .ivu-btn-primary,
html body .admin-shell.active-apply[class][class] .apply-footer .btn-green {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-apply[class][class] .apply-formal-table th,
html body .admin-shell.active-apply[class][class] .signTable.apply-formal-table th,
html body .admin-shell.active-apply[class][class] .apply-table th,
html body .admin-shell.active-apply[class][class] .reference-table th {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 6px !important;
  line-height: 34px !important;
  font-size: 12px !important;
}

html body .admin-shell.active-apply[class][class] .apply-formal-table td,
html body .admin-shell.active-apply[class][class] .signTable.apply-formal-table td,
html body .admin-shell.active-apply[class][class] .apply-table td,
html body .admin-shell.active-apply[class][class] .reference-table td {
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-apply[class][class] .btn-blue,
html body .admin-shell.active-apply[class][class] .btn-green,
html body .admin-shell.active-apply[class][class] .btn-red,
html body .admin-shell.active-apply[class][class] .ops button,
html body .admin-shell.active-apply[class][class] .reference-table button,
html body .admin-shell.active-apply[class][class] .apply-table button {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

html body .admin-shell.active-apply[class][class] .apply-total-summary {
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-apply[class][class] .apply-footer {
  min-height: 40px !important;
  gap: 10px !important;
  padding: 6px 0 0 !important;
  font-size: 12px !important;
}

html body .admin-shell.active-apply[class][class] .apply-footer .mj-pager,
html body .admin-shell.active-apply[class][class] .mj-pager {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  font-size: 12px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-apply[class][class] .mj-pager span,
html body .admin-shell.active-apply[class][class] .mj-pager select,
html body .admin-shell.active-apply[class][class] .mj-pager input,
html body .admin-shell.active-apply[class][class] .mj-pager button {
  font-size: 12px !important;
}

html body .admin-shell.active-apply[class][class] .mj-pager select,
html body .admin-shell.active-apply[class][class] .mj-pager input,
html body .admin-shell.active-apply[class][class] .mj-pager button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  line-height: 26px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* ========== 报表管理：字号对齐名爵 12px ========== */
html body .admin-shell.active-reports[class][class] .left-list .tab,
html body .admin-shell.active-reports[class][class] .left-list .tab .tab-inner,
html body .admin-shell.active-reports[class][class] .left-list .tab .tab-text,
html body .admin-shell.active-reports[class][class] .left-list .tab .tab-arrow,
html body .admin-shell.active-reports[class][class] .report-toolbar,
html body .admin-shell.active-reports[class][class] .report-toolbar input,
html body .admin-shell.active-reports[class][class] .report-toolbar select,
html body .admin-shell.active-reports[class][class] .report-toolbar button,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-primary,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-error,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-success,
html body .admin-shell.active-reports[class][class] .report-toolbar .btn-date,
html body .admin-shell.active-reports[class][class] .report-date-quick,
html body .admin-shell.active-reports[class][class] .report-date-quick button,
html body .admin-shell.active-reports[class][class] .report-date-quick .btn-date,
html body .admin-shell.active-reports[class][class] .report-date-quick .ivu-btn-success,
html body .admin-shell.active-reports[class][class] .date-quick-bar button,
html body .admin-shell.active-reports[class][class] .report-card-tabs,
html body .admin-shell.active-reports[class][class] .report-card-tabs button,
html body .admin-shell.active-reports[class][class] .report-check,
html body .admin-shell.active-reports[class][class] .report-formal-table,
html body .admin-shell.active-reports[class][class] .report-formal-table th,
html body .admin-shell.active-reports[class][class] .report-formal-table td,
html body .admin-shell.active-reports[class][class] .signTable.report-formal-table,
html body .admin-shell.active-reports[class][class] .signTable.report-formal-table th,
html body .admin-shell.active-reports[class][class] .signTable.report-formal-table td,
html body .admin-shell.active-reports[class][class] .report-table,
html body .admin-shell.active-reports[class][class] .report-table th,
html body .admin-shell.active-reports[class][class] .report-table td,
html body .admin-shell.active-reports[class][class] .reference-table,
html body .admin-shell.active-reports[class][class] .reference-table th,
html body .admin-shell.active-reports[class][class] .reference-table td,
html body .admin-shell.active-reports[class][class] .report-footer,
html body .admin-shell.active-reports[class][class] .report-total-summary,
html body .admin-shell.active-reports[class][class] .notice-pill,
html body .admin-shell.active-reports[class][class] .mj-empty,
html body .admin-shell.active-reports[class][class] .btn-blue,
html body .admin-shell.active-reports[class][class] .btn-green,
html body .admin-shell.active-reports[class][class] .btn-red,
html body .admin-shell.active-reports[class][class] .ops button {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-reports[class][class] .left-list .tab {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 10px 0 0 !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-reports[class][class] .left-list .tab:first-child {
  margin-top: 4px !important;
}

/* 返佣报表 / 日志报表：卡片式顶栏标签（对齐优惠活动管理） */
html body .admin-shell.active-reports[class][class] .report-card-tabs,
html body .admin-shell.active-reports[class][class] .return-report-tabs,
html body .admin-shell.active-reports[class][class] .log-report-tabs {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 12px 0 8px 14px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dcdee2 !important;
  background: transparent !important;
}

html body .admin-shell.active-reports[class][class] .report-card-tabs button,
html body .admin-shell.active-reports[class][class] .return-report-tabs button,
html body .admin-shell.active-reports[class][class] .log-report-tabs button {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  margin: 0 0 -1px !important;
  padding: 0 16px !important;
  font: 400 14px/30px "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .admin-shell.active-reports[class][class] .report-card-tabs button:hover,
html body .admin-shell.active-reports[class][class] .return-report-tabs button:hover,
html body .admin-shell.active-reports[class][class] .log-report-tabs button:hover {
  color: #0087b4 !important;
  background: #f3f8fa !important;
}

html body .admin-shell.active-reports[class][class] .report-card-tabs button.active,
html body .admin-shell.active-reports[class][class] .return-report-tabs button.active,
html body .admin-shell.active-reports[class][class] .log-report-tabs button.active {
  color: #0087b4 !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-top-color: #dcdee2 !important;
  border-bottom-color: #fff !important;
  font: 400 14px/30px "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  box-shadow: none !important;
}

html body .admin-shell.active-reports[class][class] .report-toolbar input,
html body .admin-shell.active-reports[class][class] .report-toolbar select {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

/* 保留原生日期框右侧日历点击区（勿被 padding:0 8px 挤掉） */
html body .admin-shell.active-reports[class][class] .report-toolbar input[type="date"] {
  position: relative !important;
  padding: 0 30px 0 8px !important;
  background-image: url(/assets/mj-mod-20260819/calendar.png?v=20260819a) !important;
  background-repeat: no-repeat !important;
  background-position: right 7px center !important;
  background-size: 17px 17px !important;
  cursor: pointer !important;
}

html body .admin-shell.active-reports[class][class] .report-toolbar input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0 !important;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
  position: absolute !important;
  right: 4px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

html body .admin-shell.active-reports[class][class] .report-toolbar button,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-primary,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-error,
html body .admin-shell.active-reports[class][class] .report-toolbar .ivu-btn-success,
html body .admin-shell.active-reports[class][class] .report-toolbar .btn-date,
html body .admin-shell.active-reports[class][class] .report-date-quick button,
html body .admin-shell.active-reports[class][class] .report-date-quick .btn-date,
html body .admin-shell.active-reports[class][class] .report-date-quick .ivu-btn-success,
html body .admin-shell.active-reports[class][class] .date-quick-bar button,
html body .admin-shell.active-reports[class][class] .report-footer .ivu-btn-primary {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-reports[class][class] .report-formal-table th,
html body .admin-shell.active-reports[class][class] .signTable.report-formal-table th,
html body .admin-shell.active-reports[class][class] .report-table th,
html body .admin-shell.active-reports[class][class] .reference-table th {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 6px !important;
  line-height: 34px !important;
  font-size: 12px !important;
}

html body .admin-shell.active-reports[class][class] .report-formal-table td,
html body .admin-shell.active-reports[class][class] .signTable.report-formal-table td,
html body .admin-shell.active-reports[class][class] .report-table td,
html body .admin-shell.active-reports[class][class] .reference-table td {
  height: auto !important;
  min-height: 36px !important;
  max-height: none !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-reports[class][class] .btn-blue,
html body .admin-shell.active-reports[class][class] .btn-green,
html body .admin-shell.active-reports[class][class] .btn-red,
html body .admin-shell.active-reports[class][class] .ops button,
html body .admin-shell.active-reports[class][class] .reference-table button,
html body .admin-shell.active-reports[class][class] .report-table button {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

html body .admin-shell.active-reports[class][class] .report-total-summary,
html body .admin-shell.active-reports[class][class] .notice-pill,
html body .admin-shell.active-reports[class][class] .report-check {
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-reports[class][class] .report-footer {
  min-height: 40px !important;
  gap: 10px !important;
  padding: 6px 0 0 !important;
  font-size: 12px !important;
}

html body .admin-shell.active-reports[class][class] .report-footer .mj-pager,
html body .admin-shell.active-reports[class][class] .mj-pager {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  font-size: 12px !important;
  color: #515a6e !important;
}

html body .admin-shell.active-reports[class][class] .mj-pager span,
html body .admin-shell.active-reports[class][class] .mj-pager select,
html body .admin-shell.active-reports[class][class] .mj-pager input,
html body .admin-shell.active-reports[class][class] .mj-pager button {
  font-size: 12px !important;
}

html body .admin-shell.active-reports[class][class] .mj-pager select,
html body .admin-shell.active-reports[class][class] .mj-pager input,
html body .admin-shell.active-reports[class][class] .mj-pager button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  line-height: 26px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* ========== 活动管理：字号对齐名爵 12px ========== */
html body .admin-shell.active-activity[class][class] .left-list .tab,
html body .admin-shell.active-activity[class][class] .left-list .tab .tab-inner,
html body .admin-shell.active-activity[class][class] .left-list .tab .tab-text,
html body .admin-shell.active-activity[class][class] .left-list .tab .tab-arrow,
html body .admin-shell.active-activity[class][class] .activity-card-tabs,
html body .admin-shell.active-activity[class][class] .activity-card-tabs button,
html body .admin-shell.active-activity[class][class] .reference-tabs,
html body .admin-shell.active-activity[class][class] .reference-tabs button,
html body .admin-shell.active-activity[class][class] .invite-tabs,
html body .admin-shell.active-activity[class][class] .invite-tabs button,
html body .admin-shell.active-activity[class][class] .wallet-toolbar,
html body .admin-shell.active-activity[class][class] .wallet-toolbar button,
html body .admin-shell.active-activity[class][class] .wallet-toolbar input,
html body .admin-shell.active-activity[class][class] .wallet-toolbar select,
html body .admin-shell.active-activity[class][class] .banner-toolbar,
html body .admin-shell.active-activity[class][class] .banner-toolbar button,
html body .admin-shell.active-activity[class][class] .ivu-btn-primary,
html body .admin-shell.active-activity[class][class] .ivu-btn-error,
html body .admin-shell.active-activity[class][class] .ivu-btn-success,
html body .admin-shell.active-activity[class][class] .wallet-add,
html body .admin-shell.active-activity[class][class] .wallet-tip,
html body .admin-shell.active-activity[class][class] .activity-tip,
html body .admin-shell.active-activity[class][class] .notice-pill,
html body .admin-shell.active-activity[class][class] .report-check,
html body .admin-shell.active-activity[class][class] .activity-table,
html body .admin-shell.active-activity[class][class] .activity-table th,
html body .admin-shell.active-activity[class][class] .activity-table td,
html body .admin-shell.active-activity[class][class] .promo-table,
html body .admin-shell.active-activity[class][class] .promo-table th,
html body .admin-shell.active-activity[class][class] .promo-table td,
html body .admin-shell.active-activity[class][class] .banner-table,
html body .admin-shell.active-activity[class][class] .banner-table th,
html body .admin-shell.active-activity[class][class] .banner-table td,
html body .admin-shell.active-activity[class][class] .promo-record-table,
html body .admin-shell.active-activity[class][class] .promo-record-table th,
html body .admin-shell.active-activity[class][class] .promo-record-table td,
html body .admin-shell.active-activity[class][class] .invite-record-table,
html body .admin-shell.active-activity[class][class] .invite-record-table th,
html body .admin-shell.active-activity[class][class] .invite-record-table td,
html body .admin-shell.active-activity[class][class] .reference-table,
html body .admin-shell.active-activity[class][class] .reference-table th,
html body .admin-shell.active-activity[class][class] .reference-table td,
html body .admin-shell.active-activity[class][class] .invite-manage-form,
html body .admin-shell.active-activity[class][class] .invite-manage-form label,
html body .admin-shell.active-activity[class][class] .invite-manage-form label>span,
html body .admin-shell.active-activity[class][class] .invite-manage-form input,
html body .admin-shell.active-activity[class][class] .invite-manage-form select,
html body .admin-shell.active-activity[class][class] .invite-manage-form em,
html body .admin-shell.active-activity[class][class] .red-send-form,
html body .admin-shell.active-activity[class][class] .red-send-form label,
html body .admin-shell.active-activity[class][class] .red-send-form label>span,
html body .admin-shell.active-activity[class][class] .red-send-form input,
html body .admin-shell.active-activity[class][class] .red-send-form select,
html body .admin-shell.active-activity[class][class] .btn-blue,
html body .admin-shell.active-activity[class][class] .btn-green,
html body .admin-shell.active-activity[class][class] .btn-red,
html body .admin-shell.active-activity[class][class] .blue,
html body .admin-shell.active-activity[class][class] .green,
html body .admin-shell.active-activity[class][class] .danger,
html body .admin-shell.active-activity[class][class] .ops button,
html body .admin-shell.active-activity[class][class] .reference-footer,
html body .admin-shell.active-activity[class][class] .mj-empty {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-activity[class][class] .left-list .tab {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 10px 0 0 !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-activity[class][class] .left-list .tab:first-child {
  margin-top: 4px !important;
}

html body .admin-shell.active-activity[class][class] .activity-card-tabs button,
html body .admin-shell.active-activity[class][class] .reference-tabs button,
html body .admin-shell.active-activity[class][class] .invite-tabs button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

/* 优惠活动管理/记录：卡片式顶栏标签（样式对齐名爵，颜色保持原有） */
html body .admin-shell.active-activity[class][class] .activity-card-tabs {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dcdee2 !important;
  background: transparent !important;
}

html body .admin-shell.active-activity[class][class] .activity-card-tabs button {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  margin: 0 0 -1px !important;
  padding: 0 16px !important;
  font: 400 14px/30px "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 30px !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .admin-shell.active-activity[class][class] .activity-card-tabs button:hover {
  color: #0087b4 !important;
  background: #f3f8fa !important;
}

html body .admin-shell.active-activity[class][class] .activity-card-tabs button.active {
  color: #0087b4 !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-top-color: #dcdee2 !important;
  border-bottom-color: #fff !important;
  font: 400 14px/30px "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  box-shadow: none !important;
}

/* 新增按钮与下方提示条间距收紧（原 height:64/70 把空白撑开） */
html body .admin-shell.active-activity[class][class] .wallet-toolbar,
html body .admin-shell.active-activity[class][class] .banner-toolbar,
html body .admin-shell.active-activity[class][class] .activity-main .wallet-toolbar,
html body .admin-shell.active-activity[class][class] .activity-main .banner-toolbar {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  gap: 0 !important;
  align-items: center !important;
}

html body .admin-shell.active-activity[class][class] .wallet-tip,
html body .admin-shell.active-activity[class][class] .activity-tip,
html body .admin-shell.active-activity[class][class] .activity-main .wallet-tip {
  height: auto !important;
  min-height: 0 !important;
  margin: 0 0 8px !important;
  padding: 6px 12px !important;
}

html body .admin-shell.active-activity[class][class] .wallet-toolbar button,
html body .admin-shell.active-activity[class][class] .banner-toolbar button,
html body .admin-shell.active-activity[class][class] .ivu-btn-primary,
html body .admin-shell.active-activity[class][class] .ivu-btn-error,
html body .admin-shell.active-activity[class][class] .ivu-btn-success,
html body .admin-shell.active-activity[class][class] .wallet-add {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-activity[class][class] .wallet-toolbar input,
html body .admin-shell.active-activity[class][class] .wallet-toolbar select,
html body .admin-shell.active-activity[class][class] .invite-manage-form input,
html body .admin-shell.active-activity[class][class] .invite-manage-form select,
html body .admin-shell.active-activity[class][class] .red-send-form input,
html body .admin-shell.active-activity[class][class] .red-send-form select {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  line-height: 26px !important;
}

html body .admin-shell.active-activity[class][class] .activity-table th,
html body .admin-shell.active-activity[class][class] .promo-table th,
html body .admin-shell.active-activity[class][class] .banner-table th,
html body .admin-shell.active-activity[class][class] .promo-record-table th,
html body .admin-shell.active-activity[class][class] .invite-record-table th,
html body .admin-shell.active-activity[class][class] .reference-table th {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 6px !important;
  line-height: 34px !important;
  font-size: 12px !important;
}

html body .admin-shell.active-activity[class][class] .activity-table td,
html body .admin-shell.active-activity[class][class] .promo-table td,
html body .admin-shell.active-activity[class][class] .banner-table td,
html body .admin-shell.active-activity[class][class] .promo-record-table td,
html body .admin-shell.active-activity[class][class] .invite-record-table td,
html body .admin-shell.active-activity[class][class] .reference-table td {
  height: auto !important;
  min-height: 36px !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-activity[class][class] .btn-blue,
html body .admin-shell.active-activity[class][class] .btn-green,
html body .admin-shell.active-activity[class][class] .btn-red,
html body .admin-shell.active-activity[class][class] .blue,
html body .admin-shell.active-activity[class][class] .green,
html body .admin-shell.active-activity[class][class] .danger,
html body .admin-shell.active-activity[class][class] .ops button,
html body .admin-shell.active-activity[class][class] .reference-table button,
html body .admin-shell.active-activity[class][class] .activity-table button {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 22px !important;
}

html body .admin-shell.active-activity[class][class] .wallet-tip,
html body .admin-shell.active-activity[class][class] .activity-tip,
html body .admin-shell.active-activity[class][class] .notice-pill {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-activity[class][class] .reference-footer,
html body .admin-shell.active-activity[class][class] .mj-pager {
  font-size: 12px !important;
}

html body .admin-shell.active-activity[class][class] .mj-pager select,
html body .admin-shell.active-activity[class][class] .mj-pager input,
html body .admin-shell.active-activity[class][class] .mj-pager button {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  padding: 0 10px !important;
}

/* 优惠活动记录：圈出的筛选栏 / 快捷日期 */
html body .admin-shell.active-activity[class][class] .promo-record-page,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar input,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar select,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar label,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar button,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .report-check,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .blue,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .danger,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .green,
html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar,
html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar button,
html body .admin-shell.active-activity[class][class] .admin-filter-bar,
html body .admin-shell.active-activity[class][class] .admin-filter-bar input,
html body .admin-shell.active-activity[class][class] .admin-filter-bar select,
html body .admin-shell.active-activity[class][class] .admin-filter-bar label,
html body .admin-shell.active-activity[class][class] .admin-filter-bar button,
html body .admin-shell.active-activity[class][class] .date-quick-bar,
html body .admin-shell.active-activity[class][class] .date-quick-bar button {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page {
  padding-top: 0 !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar,
html body .admin-shell.active-activity[class][class] .admin-filter-bar {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 8px 12px 6px !important;
  min-height: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .spacer {
  display: none !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar input:not([type="checkbox"]),
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar select,
html body .admin-shell.active-activity[class][class] .admin-filter-bar input:not([type="checkbox"]),
html body .admin-shell.active-activity[class][class] .admin-filter-bar select {
  width: auto !important;
  min-width: 108px !important;
  max-width: 160px !important;
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #515a6e !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar input[type="date"],
html body .admin-shell.active-activity[class][class] .admin-filter-bar input[type="date"] {
  min-width: 124px !important;
  max-width: 138px !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar input:not([type="date"]):not([type="checkbox"]),
html body .admin-shell.active-activity[class][class] .admin-filter-bar input:not([type="date"]):not([type="checkbox"]) {
  min-width: 132px !important;
  max-width: 160px !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar button,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .blue,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .danger,
html body .admin-shell.active-activity[class][class] .admin-filter-bar button,
html body .admin-shell.active-activity[class][class] .admin-filter-bar .blue,
html body .admin-shell.active-activity[class][class] .admin-filter-bar .danger,
html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar button,
html body .admin-shell.active-activity[class][class] .date-quick-bar button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  min-width: 0 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar button.blue,
html body .admin-shell.active-activity[class][class] .admin-filter-bar button.blue {
  background: #2d8cf0 !important;
  border: 1px solid #2d8cf0 !important;
  color: #fff !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar button.danger,
html body .admin-shell.active-activity[class][class] .admin-filter-bar button.danger {
  background: #ed4014 !important;
  border: 1px solid #ed4014 !important;
  color: #fff !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 12px 8px !important;
  width: auto !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar .promo-batch-spacer {
  flex: 1 1 auto !important;
  min-width: 8px !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar button {
  background: #19be6b !important;
  background-image: none !important;
  border: 1px solid #19be6b !important;
  color: #fff !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .date-quick-bar button.danger {
  background: #ed4014 !important;
  border-color: #ed4014 !important;
  color: #fff !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .report-check,
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar label.report-check,
html body .admin-shell.active-activity[class][class] .admin-filter-bar .report-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 28px !important;
  height: 28px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  white-space: nowrap !important;
  color: #515a6e !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar .report-check input[type="checkbox"],
html body .admin-shell.active-activity[class][class] .promo-record-page .admin-filter-bar input[type="checkbox"],
html body .admin-shell.active-activity[class][class] .admin-filter-bar .report-check input[type="checkbox"] {
  width: 14px !important;
  min-width: 14px !important;
  max-width: 14px !important;
  height: 14px !important;
  min-height: 14px !important;
  max-height: 14px !important;
  margin: 0 2px 0 0 !important;
  padding: 0 !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 2px !important;
  background: #fff !important;
  accent-color: #2d8cf0 !important;
  flex: 0 0 14px !important;
  box-sizing: border-box !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
}

/* ========== 签到/红包顶栏标签：布局对齐名爵（颜色保持项目原有） ========== */
html body .admin-shell.active-activity[class][class] .invite-tabs,
html body .admin-shell.active-activity[class][class] .reference-tabs.invite-tabs,
html body .admin-shell.active-activity[class][class] .red-tabs,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dcdee2 !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-activity[class][class] .invite-tabs button,
html body .admin-shell.active-activity[class][class] .reference-tabs.invite-tabs button,
html body .admin-shell.active-activity[class][class] .red-tabs button,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  margin: 0 0 -1px !important;
  padding: 0 16px !important;
  font: 400 14px/1 "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  vertical-align: bottom !important;
}

html body .admin-shell.active-activity[class][class] .invite-tabs button:hover,
html body .admin-shell.active-activity[class][class] .reference-tabs.invite-tabs button:hover,
html body .admin-shell.active-activity[class][class] .red-tabs button:hover,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs button:hover {
  color: #0087b4 !important;
  background: #f3f8fa !important;
}

html body .admin-shell.active-activity[class][class] .invite-tabs button.active,
html body .admin-shell.active-activity[class][class] .reference-tabs.invite-tabs button.active,
html body .admin-shell.active-activity[class][class] .red-tabs button.active,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs button.active {
  color: #0087b4 !important;
  background: #fff !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-top: 1px solid #dcdee2 !important;
  border-left: 1px solid #dcdee2 !important;
  border-right: 1px solid #dcdee2 !important;
  border-bottom: 1px solid #fff !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  padding: 0 16px !important;
  margin: 0 0 -1px !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form {
  padding: 8px 12px 20px 0 !important;
  color: #515a6e !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  overflow: auto !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form label {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px 0 !important;
  width: 100% !important;
  min-height: 36px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  position: relative !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form label.image-row,
html body .admin-shell.active-activity[class][class] .signin-manage-form label.upload-row {
  align-items: flex-start !important;
  min-height: 0 !important;
  margin-bottom: 24px !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form label > span {
  width: 100px !important;
  flex: 0 0 100px !important;
  margin: 0 22px 0 0 !important;
  text-align: right !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515a6e !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form em {
  font-style: normal !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515a6e !important;
  margin: 0 24px 0 0 !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form input[type="radio"] {
  width: 16px !important;
  min-width: 16px !important;
  max-width: 16px !important;
  height: 16px !important;
  min-height: 16px !important;
  margin: 0 6px 0 0 !important;
  padding: 0 !important;
  accent-color: #0087b4 !important;
  flex: 0 0 16px !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form label > input:not([type]),
html body .admin-shell.active-activity[class][class] .signin-manage-form label > input[type="text"],
html body .admin-shell.active-activity[class][class] .signin-manage-form input[type="text"] {
  width: 460px !important;
  max-width: calc(100% - 110px) !important;
  height: 32px !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  font-size: 14px !important;
  line-height: 30px !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .ad-upload-box {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: pointer !important;
  overflow: visible !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .ad-upload-box img,
html body .admin-shell.active-activity[class][class] .signin-manage-form .image-row img {
  display: block !important;
  width: 380px !important;
  max-width: min(380px, calc(100% - 130px)) !important;
  height: auto !important;
  max-height: 130px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .ad-upload-box em {
  display: none !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .camera-upload,
html body .admin-shell.active-activity[class][class] .signin-manage-form .upload-row button {
  width: 100px !important;
  min-width: 100px !important;
  height: 100px !important;
  min-height: 100px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #515a6e !important;
  background: #fff !important;
  border: 1px dashed #dcdee2 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* 内容图片行：地址输入收窄，上传框靠前 */
html body .admin-shell.active-activity[class][class] .signin-manage-form label.upload-row > input:not([type]),
html body .admin-shell.active-activity[class][class] .signin-manage-form label.upload-row > input[type="text"] {
  width: 220px !important;
  max-width: 220px !important;
  order: 2 !important;
  margin-left: 16px !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form label.upload-row > .camera-upload,
html body .admin-shell.active-activity[class][class] .signin-manage-form label.upload-row > button {
  order: 1 !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form > strong {
  display: block !important;
  margin: 8px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515a6e !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
  font-size: 12px !important;
  background: #fff !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table col.col-day,
html body .admin-shell.active-activity[class][class] .signin-rule-table th:nth-child(1),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(1) {
  width: 10% !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table th:nth-child(2),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(2) {
  width: 28% !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table th:nth-child(3),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(3) {
  width: 28% !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table th:nth-child(4),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(4) {
  width: 18% !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table th:nth-child(5),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(5) {
  width: 16% !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table th {
  height: 34px !important;
  min-height: 34px !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 34px !important;
  text-align: center !important;
  color: #515a6e !important;
  background: #e8edf2 !important;
  border: 1px solid #dcdee2 !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table td {
  height: auto !important;
  min-height: 40px !important;
  padding: 8px 6px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  text-align: center !important;
  vertical-align: middle !important;
  color: #515a6e !important;
  border: 1px solid #dcdee2 !important;
  background: #fff !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(2),
html body .admin-shell.active-activity[class][class] .signin-rule-table td:nth-child(3) {
  white-space: nowrap !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table td span {
  display: inline-block !important;
  margin: 0 8px 0 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 28px !important;
  color: #515a6e !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table input {
  display: inline-block !important;
  width: 88px !important;
  min-width: 72px !important;
  max-width: 100px !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table input:focus {
  border-color: #0087b4 !important;
  outline: none !important;
}

html body .admin-shell.active-activity[class][class] .signin-rule-table button.red,
html body .admin-shell.active-activity[class][class] .signin-rule-table .red {
  height: 22px !important;
  min-height: 22px !important;
  min-width: 40px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  color: #fff !important;
  background: #ed4014 !important;
  border: 1px solid #ed4014 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .invite-form-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .invite-form-actions.signin-save {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  justify-content: center !important;
}

html body .admin-shell.active-activity[class][class] .signin-manage-form .invite-form-actions button,
html body .admin-shell.active-activity[class][class] .signin-manage-form .invite-form-actions .blue,
html body .admin-shell.active-activity[class][class] .signin-manage-form .invite-form-actions .ivu-btn-primary {
  height: 26px !important;
  min-height: 26px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: #fff !important;
  background: #0087b4 !important;
  border: 1px solid #0087b4 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}



/* 签到标题/图片强制覆盖（防止被活动页 12px 脚本盖掉） */
html body .admin-shell.active-activity[class][class] .signin-manage-form,
html body .admin-shell.active-activity[class][class] .signin-manage-form label,
html body .admin-shell.active-activity[class][class] .signin-manage-form label > span,
html body .admin-shell.active-activity[class][class] .signin-manage-form em,
html body .admin-shell.active-activity[class][class] .signin-manage-form > strong {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515a6e !important;
}
html body .admin-shell.active-activity[class][class] .signin-manage-form label > span {
  width: 100px !important;
  flex: 0 0 100px !important;
  margin: 0 22px 0 0 !important;
  text-align: right !important;
  line-height: 32px !important;
  white-space: nowrap !important;
}
html body .admin-shell.active-activity[class][class] .signin-manage-form .ad-upload-box img,
html body .admin-shell.active-activity[class][class] .signin-manage-form .image-row img {
  width: 380px !important;
  max-width: min(380px, calc(100% - 130px)) !important;
  height: auto !important;
  max-height: 130px !important;
  min-height: 0 !important;
  object-fit: contain !important;
  object-position: left center !important;
  border-radius: 10px !important;
  display: block !important;
}

/* ========== 邀请好友活动规则：标题缩小 / 表格铺满 / 按钮居中 ========== */
html body .admin-shell.active-activity[class][class] .invite-manage-form > strong {
  display: block !important;
  margin: 8px 0 10px 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #515a6e !important;
  line-height: 1.5 !important;
}

html body .admin-shell.active-activity[class][class] .invite-rule-table,
html body .admin-shell.active-activity[class][class] table.reference-table.invite-rule-table {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  table-layout: fixed !important;
}

html body .admin-shell.active-activity[class][class] .invite-manage-form .invite-form-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-activity[class][class] .invite-manage-form .invite-form-actions.signin-save {
  margin: 12px 0 0 0 !important;
  padding: 0 !important;
  justify-content: center !important;
}

html body .admin-shell.active-activity[class][class] .invite-manage-form .invite-form-actions button,
html body .admin-shell.active-activity[class][class] .invite-manage-form .invite-form-actions .blue,
html body .admin-shell.active-activity[class][class] .invite-manage-form .invite-form-actions .ivu-btn-primary {
  height: 26px !important;
  min-height: 26px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: #fff !important;
  background: #0087b4 !important;
  border: 1px solid #0087b4 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

/* 覆盖全局蓝底白字：活动页 reference-tabs / red-tabs / invite-tabs 强制卡片式 */
html body .admin-shell[class][class] .reference-tabs.red-tabs,
html body .admin-shell[class][class] .red-tabs,
html body .admin-shell.theme_white[class][class] .reference-tabs.red-tabs,
html body .admin-shell.theme_white[class][class] .red-tabs,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs,
html body .admin-shell.active-activity[class][class] .red-tabs,
html body .super-shell.admin-shell[class][class] .reference-tabs.red-tabs,
html body .super-shell.admin-shell[class][class] .red-tabs {
  display: flex !important;
  align-items: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 4px !important;
  height: 33px !important;
  min-height: 33px !important;
  max-height: 33px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #dcdee2 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .admin-shell[class][class] .reference-tabs.red-tabs button,
html body .admin-shell[class][class] .red-tabs button,
html body .admin-shell.theme_white[class][class] .reference-tabs.red-tabs button,
html body .admin-shell.theme_white[class][class] .red-tabs button,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs button,
html body .admin-shell.active-activity[class][class] .red-tabs button,
html body .super-shell.admin-shell[class][class] .reference-tabs.red-tabs button,
html body .super-shell.admin-shell[class][class] .red-tabs button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
  min-width: 0 !important;
  margin: 0 0 -1px !important;
  padding: 0 16px !important;
  font: 400 14px/1 "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1 !important;
  color: #515a6e !important;
  background: #f8f8f9 !important;
  background-color: #f8f8f9 !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-color: #dcdee2 !important;
  border-radius: 4px 4px 0 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

html body .admin-shell[class][class] .reference-tabs.red-tabs button.active,
html body .admin-shell[class][class] .red-tabs button.active,
html body .admin-shell.theme_white[class][class] .reference-tabs.red-tabs button.active,
html body .admin-shell.theme_white[class][class] .red-tabs button.active,
html body .admin-shell.active-activity[class][class] .reference-tabs.red-tabs button.active,
html body .admin-shell.active-activity[class][class] .red-tabs button.active,
html body .super-shell.admin-shell[class][class] .reference-tabs.red-tabs button.active,
html body .super-shell.admin-shell[class][class] .red-tabs button.active,
html body .admin-shell[class][class] .reference-tabs.red-tabs button.active:hover,
html body .admin-shell.theme_white[class][class] .reference-tabs.red-tabs button.active:hover,
html body .admin-shell.active-activity[class][class] .red-tabs button.active:hover {
  color: #0087b4 !important;
  background: #fff !important;
  background-color: #fff !important;
  background-image: none !important;
  border: 1px solid #dcdee2 !important;
  border-top-color: #dcdee2 !important;
  border-left-color: #dcdee2 !important;
  border-right-color: #dcdee2 !important;
  border-bottom-color: #fff !important;
  border-color: #dcdee2 #dcdee2 #fff !important;
  box-shadow: none !important;
}

/* 发红包：底部按钮缩小（对齐前面活动页） */
html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 14px 0 0 0 !important;
  padding: 0 0 0 100px !important;
  width: auto !important;
}

html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions button,
html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions .blue,
html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions .danger {
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  min-width: 72px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 24px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions .blue {
  color: #fff !important;
  background: #0087b4 !important;
  border: 1px solid #0087b4 !important;
}

html body .admin-shell.active-activity[class][class] .red-send-form .invite-form-actions .danger {
  color: #ed4014 !important;
  background: #fff !important;
  border: 1px solid #ed4014 !important;
}

/* ========== 现场监控：对齐名爵（彩方块号码 + 紧凑列布局） ========== */
html body .admin-shell.active-monitor[class][class] .monitor-main-card.monitor-content,
html body .admin-shell.active-monitor[class][class] .monitor-content {
  background: #fff !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08) !important;
  padding: 0 12px 12px !important;
}

html body .admin-shell.active-monitor[class][class] .moni-title-bar {
  margin-top: 12px !important;
  padding: 4px 8px !important;
  border: 1px solid #e1e1e5 !important;
  border-radius: 4px !important;
  background: #fff !important;
  font-size: 12px !important;
  color: #272828 !important;
  font-weight: 400 !important;
}

html body .admin-shell.active-monitor[class][class] .moni-title-l span {
  margin-right: 24px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #272828 !important;
}

html body .admin-shell.active-monitor[class][class] .moni-title-r > button,
html body .admin-shell.active-monitor[class][class] .moni-title-r select {
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  border: 1px solid #d9dadc !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #515a6e !important;
  box-shadow: none !important;
}

html body .admin-shell.active-monitor[class][class] .monitor-content > .border {
  margin-top: 8px !important;
  font-size: 12px !important;
}

html body .admin-shell.active-monitor[class][class] .moni-table {
  border-top: 1px solid #e1e1e5 !important;
}

html body .admin-shell.active-monitor[class][class] .moni-table .column {
  min-width: 108px !important;
}

html body .admin-shell.active-monitor[class][class] .moni-tab-title {
  height: 28px !important;
  line-height: 28px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #272828 !important;
  border-right: 1px solid #e1e1e5 !important;
  background: #f1f1f1 !important;
}

html body .admin-shell.active-monitor[class][class] .moni-table .column:nth-child(even) .moni-tab-title,
html body .admin-shell.active-monitor[class][class] .moni-table .column:nth-child(even) .moni-tab-list li {
  background: #fff !important;
}

html body .admin-shell.active-monitor[class][class] .moni-table .column:nth-child(odd) .moni-tab-title,
html body .admin-shell.active-monitor[class][class] .moni-table .column:nth-child(odd) .moni-tab-list li {
  background: #f1f1f1 !important;
}

html body .admin-shell.active-monitor[class][class] .moni-tab-list li {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  line-height: 28px !important;
  padding: 0 4px !important;
  border-right: 1px solid #e1e1e5 !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-monitor[class][class] .moni-ball {
  flex: 0 0 24px !important;
  width: 24px !important;
  min-width: 24px !important;
  max-width: 24px !important;
  height: 20px !important;
  margin: 0 6px 0 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
}

html body .admin-shell.active-monitor[class][class] .moni-ball .moni-text {
  color: #545454 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

html body .admin-shell.active-monitor[class][class] .moni-tab-input {
  flex: 1 1 auto !important;
  width: calc(100% - 32px) !important;
  min-width: 0 !important;
  height: 20px !important;
  min-height: 20px !important;
  max-height: 20px !important;
  padding: 0 4px !important;
  border: 1px solid #d9dadc !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #545454 !important;
  font-size: 12px !important;
  line-height: 18px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-monitor[class][class] .moni-tab-input.blue {
  color: #0087b4 !important;
  font-weight: 700 !important;
}

/* PK10 号码：LotteryWebsite bjpknum 雪碧图（开奖等 24px；监控下方另覆写 20px） */
html body .pk10-num,
html body i.rank-box,
html body .rank-box,
html body .admin-shell .open-nums span[class^="n"]:not(.ssc-ball):not(.pc28-ball),
html body .admin-shell .open-nums .rank-box,
html body .admin-shell .open-nums .b[class*="b"] {
  display: inline-block !important;
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  max-width: 24px !important;
  max-height: 24px !important;
  margin: 0 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  color: transparent !important;
  font-size: 0 !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 24px !important;
  text-align: center !important;
  text-indent: -9999px !important;
  text-shadow: none !important;
  vertical-align: middle !important;
  background-color: transparent !important;
  background-image: url(/assets/bjpknum.png) !important;
  background-repeat: no-repeat !important;
  background-size: 312px 186px !important;
  box-shadow: none !important;
}

/* 监控列号码保持 20px */
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box,
html body .admin-shell.active-monitor[class][class] .moni-table.pk10 .rank-box {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
  margin: 0 !important;
  line-height: 20px !important;
  background-size: 260px 155px !important;
}

/* 雪碧图首行顺序 6,2,3,4,8,7,1,5,9,10 → 按号码 1–10 取 x（按 24px 缩放） */
html body .pk10-num.n1,
html body .rank-box.r1,
html body .open-nums .n1:not(.ssc-ball),
html body .open-nums span.n1:not(.ssc-ball),
html body .open-nums .b.b1 {
  background-position: -164px 0 !important;
}
html body .pk10-num.n2,
html body .rank-box.r2,
html body .open-nums .n2:not(.ssc-ball),
html body .open-nums span.n2:not(.ssc-ball),
html body .open-nums .b.b2 {
  background-position: -28px 0 !important;
}
html body .pk10-num.n3,
html body .rank-box.r3,
html body .open-nums .n3:not(.ssc-ball),
html body .open-nums span.n3:not(.ssc-ball),
html body .open-nums .b.b3 {
  background-position: -55.3333px 0 !important;
}
html body .pk10-num.n4,
html body .rank-box.r4,
html body .open-nums .n4:not(.ssc-ball),
html body .open-nums span.n4:not(.ssc-ball),
html body .open-nums .b.b4 {
  background-position: -82px 0 !important;
}
html body .pk10-num.n5,
html body .rank-box.r5,
html body .open-nums .n5:not(.ssc-ball),
html body .open-nums span.n5:not(.ssc-ball),
html body .open-nums .b.b5 {
  background-position: -190.6667px 0 !important;
}
html body .pk10-num.n6,
html body .rank-box.r6,
html body .open-nums .n6:not(.ssc-ball),
html body .open-nums span.n6:not(.ssc-ball),
html body .open-nums .b.b6 {
  background-position: -0.6667px 0 !important;
}
html body .pk10-num.n7,
html body .rank-box.r7,
html body .open-nums .n7:not(.ssc-ball),
html body .open-nums span.n7:not(.ssc-ball),
html body .open-nums .b.b7 {
  background-position: -136.6667px 0 !important;
}
html body .pk10-num.n8,
html body .rank-box.r8,
html body .open-nums .n8:not(.ssc-ball),
html body .open-nums span.n8:not(.ssc-ball),
html body .open-nums .b.b8 {
  background-position: -109.3333px 0 !important;
}
html body .pk10-num.n9,
html body .rank-box.r9,
html body .open-nums .n9:not(.ssc-ball),
html body .open-nums span.n9:not(.ssc-ball),
html body .open-nums .b.b9 {
  background-position: -218px 0 !important;
}
html body .pk10-num.n10,
html body .rank-box.r10,
html body .open-nums .n10:not(.ssc-ball),
html body .open-nums span.n10:not(.ssc-ball),
html body .open-nums .b.b10 {
  background-position: -245.3333px 0 !important;
}

/* 监控 20px 偏移覆写 */
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r1 { background-position: -136.6667px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r2 { background-position: -23.3333px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r3 { background-position: -46.1111px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r4 { background-position: -68.3333px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r5 { background-position: -158.8889px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r6 { background-position: -0.5556px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r7 { background-position: -113.8889px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r8 { background-position: -91.1111px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r9 { background-position: -181.6667px 0 !important; }
html body .admin-shell.active-monitor[class][class] .moni-table .rank-box.r10 { background-position: -204.4444px 0 !important; }

/* SSC / 澳洲幸运5：居中雪碧图 + 固定5列（与 PK10 .nN 解耦） */
html body .ssc-ball,
html body .open-ball-ssc,
html body .admin-shell .open-nums .ssc-ball,
html body .admin-shell .open-nums .open-ball-ssc,
html body .admin-shell.active-open .open-nums .ssc-ball,
html body .admin-shell.active-open .open-nums .open-ball-ssc {
  display: block !important;
  flex: none !important;
  float: none !important;
  position: static !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: 0 !important;
  letter-spacing: 0 !important;
  vertical-align: top !important;
  text-align: left !important;
  text-shadow: none !important;
  background-color: transparent !important;
  background-image: url(/assets/mj-mod-20260819/ssc-balls-align.png?v=20261002b) !important;
  background-repeat: no-repeat !important;
  background-size: 150px 60px !important;
  box-shadow: none !important;
}

html body .admin-shell .open-nums,
html body .admin-shell.active-open .open-nums {
  text-align: center !important;
  vertical-align: middle !important;
  padding-left: 8px !important;
  padding-right: 8px !important;
}

html body .admin-shell .open-nums .flex-row.ssc-row,
html body .admin-shell.active-open .open-nums .flex-row.ssc-row,
html body .admin-shell .open-nums .flex-row:has(.ssc-ball),
html body .admin-shell.active-open .open-nums .flex-row:has(.ssc-ball) {
  display: grid !important;
  grid-template-columns: 30px 30px 30px 30px 30px !important;
  column-gap: 6px !important;
  row-gap: 0 !important;
  justify-content: center !important;
  justify-items: center !important;
  align-items: center !important;
  width: 174px !important;
  min-width: 174px !important;
  max-width: 174px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: content-box !important;
  gap: 0 6px !important;
  flex-wrap: nowrap !important;
  line-height: 0 !important;
  font-size: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

html body .ssc-ball.ssc-n0, html body .ssc-ball.n0, html body .open-ball-ssc-0 { background-position: 0 0 !important; }
html body .ssc-ball.ssc-n1, html body .ssc-ball.n1, html body .open-ball-ssc-1 { background-position: -30px 0 !important; }
html body .ssc-ball.ssc-n2, html body .ssc-ball.n2, html body .open-ball-ssc-2 { background-position: -60px 0 !important; }
html body .ssc-ball.ssc-n3, html body .ssc-ball.n3, html body .open-ball-ssc-3 { background-position: -90px 0 !important; }
html body .ssc-ball.ssc-n4, html body .ssc-ball.n4, html body .open-ball-ssc-4 { background-position: -120px 0 !important; }
html body .ssc-ball.ssc-n5, html body .ssc-ball.n5, html body .open-ball-ssc-5 { background-position: 0 -30px !important; }
html body .ssc-ball.ssc-n6, html body .ssc-ball.n6, html body .open-ball-ssc-6 { background-position: -30px -30px !important; }
html body .ssc-ball.ssc-n7, html body .ssc-ball.n7, html body .open-ball-ssc-7 { background-position: -60px -30px !important; }
html body .ssc-ball.ssc-n8, html body .ssc-ball.n8, html body .open-ball-ssc-8 { background-position: -90px -30px !important; }
html body .ssc-ball.ssc-n9, html body .ssc-ball.n9, html body .open-ball-ssc-9 { background-position: -120px -30px !important; }

/* 赔率设置：文字大小对齐名爵（图1，12px） */
html body .admin-shell.active-odds[class][class] .odds-formal-table.my-table,
html body .admin-shell.active-odds[class][class] .odds-formal-table,
html body .admin-shell.active-odds[class][class] .odds-formal-table th,
html body .admin-shell.active-odds[class][class] .odds-formal-table td,
html body .admin-shell.active-odds[class][class] .odds-formal-table .play-name,
html body .admin-shell.active-odds[class][class] .quota-limit-title,
html body .admin-shell.active-odds[class][class] .div-flex,
html body .admin-shell.active-odds[class][class] .div-flex input,
html body .admin-shell.active-odds[class][class] .div-flex span,
html body .admin-shell.active-odds[class][class] .odds-formal-table input {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
}

html body .admin-shell.active-odds[class][class] .odds-formal-table th,
html body .admin-shell.active-odds[class][class] .quota-limit-title {
  font-weight: 700 !important;
}

html body .admin-shell.active-odds[class][class] .div-flex span {
  color: #999 !important;
  font-weight: 400 !important;
}

/* 赔率设置：输入框对齐名爵（浅灰底 / 圆角 / 居中灰字） */
html body .admin-shell.active-odds[class][class] .div-flex input,
html body .admin-shell.active-odds[class][class] .odds-formal-table input,
html body .admin-shell.active-odds[class][class] .odds-formal-table .div-flex input,
html body .admin-shell.theme_white.active-odds[class][class] .div-flex input {
  width: 96px !important;
  max-width: 58% !important;
  height: 26px !important;
  min-height: 26px !important;
  padding: 0 8px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
  color: #777 !important;
  text-align: center !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  box-shadow: none !important;
  outline: none !important;
  box-sizing: border-box !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

html body .admin-shell.active-odds[class][class] .div-flex input:focus,
html body .admin-shell.active-odds[class][class] .odds-formal-table input:focus {
  border-color: #c8c8c8 !important;
  background: #f0f0f0 !important;
  background-color: #f0f0f0 !important;
  color: #666 !important;
}

html body .admin-shell.active-odds[class][class] .div-flex input:disabled,
html body .admin-shell.active-odds[class][class] .div-flex input[readonly],
html body .admin-shell.active-odds[class][class] .odds-formal-table input:disabled,
html body .admin-shell.active-odds[class][class] .odds-formal-table input[readonly] {
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
  color: #777 !important;
  border-color: #dcdcdc !important;
  opacity: 1 !important;
  cursor: default !important;
}

/* 赔率设置顶栏按钮：对齐名爵尺寸（高28 / 字12） */
html body .admin-shell.active-odds[class][class] .odds-toolbar .ivu-btn-primary,
html body .admin-shell.active-odds[class][class] .odds-toolbar .ivu-btn-error,
html body .admin-shell.active-odds[class][class] .ivu-btn-primary,
html body .admin-shell.active-odds[class][class] .ivu-btn-error,
html body .admin-shell.theme_white.active-odds[class][class] .odds-toolbar .ivu-btn-primary,
html body .admin-shell.theme_white.active-odds[class][class] .odds-toolbar .ivu-btn-error {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 28px !important;
  white-space: nowrap !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
}

html body .admin-shell.active-odds[class][class] .odds-toolbar .ivu-btn-primary,
html body .admin-shell.active-odds[class][class] .ivu-btn-primary {
  min-width: 88px !important;
  width: auto !important;
  background: #0087b4 !important;
  color: #fff !important;
}

html body .admin-shell.active-odds[class][class] .odds-toolbar .ivu-btn-error,
html body .admin-shell.active-odds[class][class] .ivu-btn-error {
  min-width: 0 !important;
  width: auto !important;
  background: #e75a56 !important;
  color: #fff !important;
}

/* 开奖结果：字/按钮缩小，与其它页一致（12px / 高28） */
html body .admin-shell.active-open[class][class] .open-toolbar,
html body .admin-shell.active-open[class][class] .open-toolbar input,
html body .admin-shell.active-open[class][class] .open-toolbar select,
html body .admin-shell.active-open[class][class] .open-toolbar button,
html body .admin-shell.active-open[class][class] .open-toolbar .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .open-toolbar .ivu-btn-error,
html body .admin-shell.active-open[class][class] .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .ivu-btn-error,
html body .admin-shell.active-open[class][class] .open-refresh-link,
html body .admin-shell.active-open[class][class] .open-refresh-box select,
html body .admin-shell.active-open[class][class] .open-formal-table,
html body .admin-shell.active-open[class][class] .open-formal-table th,
html body .admin-shell.active-open[class][class] .open-formal-table td,
html body .admin-shell.active-open[class][class] .open-footer,
html body .admin-shell.active-open[class][class] .open-pager,
html body .admin-shell.active-open[class][class] .open-pager select,
html body .admin-shell.active-open[class][class] .open-pager input,
html body .admin-shell.active-open[class][class] .open-pager button {
  font-size: 12px !important;
  font-weight: 400 !important;
  font-family: "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
}

html body .admin-shell.active-open[class][class] .open-formal-table th {
  font-weight: 700 !important;
}

html body .admin-shell.active-open[class][class] .open-toolbar input,
html body .admin-shell.active-open[class][class] .open-toolbar select,
html body .admin-shell.active-open[class][class] .open-refresh-box select {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-open[class][class] .open-toolbar .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .open-toolbar .ivu-btn-error,
html body .admin-shell.active-open[class][class] .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .ivu-btn-error,
html body .admin-shell.active-open[class][class] .open-toolbar button {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-open[class][class] .open-refresh-link {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-open[class][class] .open-formal-table th,
html body .admin-shell.active-open[class][class] .open-formal-table td {
  height: 34px !important;
  min-height: 34px !important;
  padding: 4px 6px !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

html body .admin-shell.active-open[class][class] .open-pager select,
html body .admin-shell.active-open[class][class] .open-pager input,
html body .admin-shell.active-open[class][class] .open-pager button {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-open[class][class] .open-pager input {
  width: 48px !important;
  padding: 0 4px !important;
}

/* 开奖底栏「跳转」再缩小 */
html body .admin-shell.active-open[class][class] .open-pager .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .open-footer .ivu-btn-primary,
html body .admin-shell.active-open[class][class] .open-pager button.blue,
html body .admin-shell.active-open[class][class] .open-footer button.blue,
html body .admin-shell.active-open[class][class] .open-pager button.ivu-btn-primary {
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  min-width: 0 !important;
  width: auto !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  line-height: 24px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

/* 打盘助手左侧上半区：布局对齐名爵图（颜色保持现有色） */
html body .admin-shell.active-disk[class][class] .disk-side-top.more-form,
html body .admin-shell.active-disk[class][class] .disk-side-top {
  padding: 0 12px 0 12px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-disk[class][class] .disk-side-top .item,
html body .admin-shell.active-disk[class][class] .disk-side .disk-password,
html body .admin-shell.active-disk[class][class] .disk-stat-item,
html body .admin-shell.active-disk[class][class] .disk-success-line,
html body .admin-shell.active-disk[class][class] .disk-side .radio-line {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  max-height: 46px !important;
  margin: 0 !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-bottom: 1px solid #e8eaec !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  font-family: "Microsoft YaHei", Arial, "PingFang SC", sans-serif !important;
  gap: 8px !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .radio-line {
  border-bottom: 0 !important;
  gap: 16px !important;
  padding-left: 4px !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .disk-password label,
html body .admin-shell.active-disk[class][class] .disk-stat-item label,
html body .admin-shell.active-disk[class][class] .disk-success-line label,
html body .admin-shell.active-disk[class][class] .disk-side .radio-line label {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: #515a6e !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 30px !important;
  white-space: nowrap !important;
  overflow: visible !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .disk-password input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 8px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  background: #f5f5f5 !important;
  background-color: #f5f5f5 !important;
  color: #777 !important;
  font-size: 13px !important;
  line-height: 30px !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .disk-password .ivu-btn-ghost,
html body .admin-shell.active-disk[class][class] .disk-side .disk-password button.ivu-btn-ghost {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 2px !important;
  line-height: 30px !important;
  font-size: 14px !important;
  color: #0087b4 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .disk-password .ivu-btn-primary,
html body .admin-shell.active-disk[class][class] .disk-side .disk-password button.ivu-btn-primary,
html body .admin-shell.active-disk[class][class] .disk-side button.ivu-btn-primary {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 52px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 12px !important;
  line-height: 30px !important;
  font-size: 14px !important;
  background: #0087b4 !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
  box-shadow: none !important;
}

html body .admin-shell.active-disk[class][class] .disk-stat-item span,
html body .admin-shell.active-disk[class][class] .disk-stat-item span b,
html body .admin-shell.active-disk[class][class] .disk-success-line span,
html body .admin-shell.active-disk[class][class] .disk-success-line span b {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #272828 !important;
  white-space: nowrap !important;
  line-height: 30px !important;
}

html body .admin-shell.active-disk[class][class] .disk-success-line {
  gap: 36px !important;
  padding-left: 4px !important;
}

html body .admin-shell.active-disk[class][class] .disk-success-line > .item {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 0 !important;
  width: auto !important;
}

html body .admin-shell.active-disk[class][class] .disk-success-line .green-text,
html body .admin-shell.active-disk[class][class] .disk-success-line .green-text b {
  color: #19be6b !important;
}

html body .admin-shell.active-disk[class][class] .disk-success-line .red-text,
html body .admin-shell.active-disk[class][class] .disk-success-line .red-text b {
  color: #ed4014 !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .radio-line label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  cursor: pointer !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .radio-line input[type="radio"] {
  width: 14px !important;
  height: 14px !important;
  margin: 0 2px 0 0 !important;
  flex: 0 0 auto !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .radio-line input[type="number"] {
  width: 48px !important;
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 4px !important;
  border: 1px solid #dcdcdc !important;
  border-radius: 4px !important;
  background: #f5f5f5 !important;
  color: #777 !important;
  font-size: 14px !important;
  text-align: center !important;
  padding: 0 4px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-disk[class][class] .disk-side .disk-note {
  margin: 8px 4px 12px !important;
  padding: 0 !important;
  color: #ed4014 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  white-space: normal !important;
}

html body .admin-shell.active-disk[class][class] .disk-side-bottom header {
  font-size: 14px !important;
  font-weight: 400 !important;
  text-align: center !important;
  color: #272828 !important;
}

html body .admin-shell.active-disk[class][class] .disk-game-table,
html body .admin-shell.active-disk[class][class] .disk-game-table th,
html body .admin-shell.active-disk[class][class] .disk-game-table td {
  font-size: 12px !important;
}

html body .admin-shell.active-disk[class][class] .disk-game-table th,
html body .admin-shell.active-disk[class][class] .disk-game-table td {
  height: 34px !important;
  min-height: 34px !important;
  padding: 2px 4px !important;
}

html body .admin-shell.active-disk[class][class] .disk-toolbar select,
html body .admin-shell.active-disk[class][class] .disk-toolbar input {
  height: 28px !important;
  min-height: 28px !important;
  font-size: 12px !important;
  padding: 0 8px !important;
  box-sizing: border-box !important;
}

html body .admin-shell.active-disk[class][class] .disk-toolbar .ivu-btn-primary,
html body .admin-shell.active-disk[class][class] .disk-toolbar .ivu-btn-error,
html body .admin-shell.active-disk[class][class] .disk-toolbar button {
  height: 28px !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 28px !important;
}

html body .admin-shell.active-disk[class][class] .disk-formal-table,
html body .admin-shell.active-disk[class][class] .disk-formal-table th,
html body .admin-shell.active-disk[class][class] .disk-formal-table td {
  font-size: 12px !important;
}

/* ===== 回水比例弹窗：字号/按钮对齐用户管理（12px / ~24-28px） ===== */
html body .admin-modal.special-rebate-modal,
html body .special-rebate-modal.admin-modal,
html body .admin-modal-mask .admin-modal.special-rebate-modal {
  font-size: 12px !important;
}

html body .admin-modal.special-rebate-modal > header,
html body .admin-modal.special-rebate-modal > header h3 {
  display: flex !important;
  align-items: center !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  font-size: 12px !important;
  line-height: 28px !important;
  font-weight: 400 !important;
  margin: 0 !important;
}

html body .admin-modal.special-rebate-modal > header > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  align-self: center !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-body,
html body .special-rebate-modal .special-rebate-body {
  padding: 10px 12px 8px !important;
  font-size: 12px !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-head,
html body .special-rebate-modal .special-rebate-head {
  gap: 8px !important;
  margin-bottom: 8px !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-switch-line,
html body .special-rebate-modal .special-rebate-switch-line,
html body .admin-modal.special-rebate-modal .special-rebate-switch-line > span,
html body .special-rebate-modal .special-rebate-switch-line > span {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #515a6e !important;
  gap: 8px !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-all,
html body .special-rebate-modal .special-rebate-all {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  margin-bottom: 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  vertical-align: middle !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-all > span,
html body .special-rebate-modal .special-rebate-all > span {
  display: inline-flex !important;
  align-items: center !important;
  height: 26px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 12px !important;
  line-height: 26px !important;
  white-space: nowrap !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-all input,
html body .special-rebate-modal .special-rebate-all input {
  width: 72px !important;
  height: 26px !important;
  min-height: 26px !important;
  max-height: 26px !important;
  margin: 0 !important;
  padding: 0 6px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
  vertical-align: middle !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-all .ivu-btn-primary,
html body .special-rebate-modal .special-rebate-all .ivu-btn-primary,
html body .admin-modal.special-rebate-modal .special-rebate-all button,
html body .special-rebate-modal .special-rebate-all button,
html body .admin-modal.special-rebate-modal .special-rebate-all button.ivu-btn-primary,
html body .special-rebate-modal .special-rebate-all button.ivu-btn-primary {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  min-width: 0 !important;
  box-shadow: none !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-item,
html body .special-rebate-modal .special-rebate-item,
html body .admin-modal.special-rebate-modal .special-rebate-item > span,
html body .special-rebate-modal .special-rebate-item > span {
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-item input,
html body .special-rebate-modal .special-rebate-item input {
  width: 56px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 4px !important;
  font-size: 12px !important;
  line-height: 22px !important;
  box-sizing: border-box !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-tip,
html body .special-rebate-modal .special-rebate-tip {
  margin: 6px 0 0 !important;
  padding: 6px 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-safe,
html body .special-rebate-modal .special-rebate-safe {
  grid-template-columns: 72px 1fr !important;
  gap: 6px !important;
  margin-top: 8px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #515a6e !important;
}

html body .admin-modal.special-rebate-modal .special-rebate-safe input,
html body .special-rebate-modal .special-rebate-safe input {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
}

html body .admin-modal.special-rebate-modal footer,
html body .special-rebate-modal footer {
  padding: 6px 12px !important;
  gap: 8px !important;
}

html body .admin-modal.special-rebate-modal footer button,
html body .admin-modal.special-rebate-modal footer .blue,
html body .admin-modal.special-rebate-modal footer .modal-cancel,
html body .admin-modal.special-rebate-modal footer button.blue,
html body .admin-modal.special-rebate-modal footer button.modal-cancel,
html body .admin-modal.special-rebate-modal button.blue,
html body .admin-modal.special-rebate-modal button.modal-cancel,
html body .admin-modal.special-rebate-modal .blue,
html body .admin-modal.special-rebate-modal .modal-cancel,
html body .special-rebate-modal footer button,
html body .special-rebate-modal footer button.blue,
html body .special-rebate-modal footer button.modal-cancel,
html body .special-rebate-modal footer .blue,
html body .special-rebate-modal footer .modal-cancel,
html body .special-rebate-modal button.blue,
html body .special-rebate-modal button.modal-cancel,
html body .special-rebate-modal .blue,
html body .special-rebate-modal .modal-cancel {
  min-width: 48px !important;
  width: auto !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 10px !important;
  margin: 0 0 0 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* 弹窗内开关略缩小，贴近表格状态开关 */
html body .admin-modal.special-rebate-modal .switch.mj-fancy-switch,
html body .special-rebate-modal .switch.mj-fancy-switch,
html body .admin-modal.special-rebate-modal label.switch,
html body .special-rebate-modal label.switch {
  --switch-width: 40px !important;
  --switch-height: 20px !important;
  --circle-diameter: 16px !important;
  transform: scale(0.92);
  transform-origin: left center;
}

/* ===== 分数操作弹窗：字号/按钮对齐用户管理 ===== */
html body .admin-modal.score-op-formal,
html body .score-op-formal.admin-modal,
html body .admin-modal-mask .admin-modal.score-op-formal {
  font-size: 12px !important;
}

html body .admin-modal.score-op-formal .score-op-form,
html body .score-op-formal .score-op-form {
  padding: 10px 12px 8px !important;
  gap: 8px 12px !important;
  font-size: 12px !important;
}

html body .admin-modal.score-op-formal .score-op-user,
html body .score-op-formal .score-op-user {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 0 0 2px !important;
  border-bottom: 0 !important;
  min-height: 26px !important;
}

html body .admin-modal.score-op-formal .score-op-user span,
html body .score-op-formal .score-op-user span {
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 26px !important;
  color: #243a44 !important;
}

html body .admin-modal.score-op-formal .score-op-user em,
html body .score-op-formal .score-op-user em {
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 26px !important;
  color: #71828c !important;
}

html body .admin-modal.score-op-formal .score-op-tabs,
html body .score-op-formal .score-op-tabs {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  margin: 0 !important;
  min-height: 26px !important;
}

html body .admin-modal.score-op-formal .score-op-tabs button,
html body .score-op-formal .score-op-tabs button {
  min-width: 48px !important;
  height: 24px !important;
  min-height: 24px !important;
  max-height: 24px !important;
  padding: 0 10px !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #515a6e !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  box-shadow: none !important;
}

html body .admin-modal.score-op-formal .score-op-tabs button.active,
html body .score-op-formal .score-op-tabs button.active {
  border-color: #0087b4 !important;
  background: #0087b4 !important;
  color: #fff !important;
}

html body .admin-modal.score-op-formal .score-op-form label,
html body .score-op-formal .score-op-form label {
  display: grid !important;
  gap: 4px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #515a6e !important;
  align-content: start !important;
}

html body .admin-modal.score-op-formal .score-op-form label input,
html body .score-op-formal .score-op-form label input,
html body .admin-modal.score-op-formal .score-op-form input,
html body .score-op-formal .score-op-form input {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
}

html body .admin-modal.score-op-formal .score-remark-quick,
html body .score-op-formal .score-remark-quick {
  margin-top: 0 !important;
  grid-column: 1 / -1 !important;
}

html body .admin-modal.score-op-formal .score-remark-quick-label,
html body .score-op-formal .score-remark-quick-label {
  display: block !important;
  margin-bottom: 6px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: #515a6e !important;
}

html body .admin-modal.score-op-formal .score-quick-list,
html body .admin-modal.score-op-formal .score-remark-list,
html body .score-op-formal .score-quick-list,
html body .score-op-formal .score-remark-list {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-bottom: 0 !important;
}

html body .admin-modal.score-op-formal .score-quick-btn,
html body .score-op-formal .score-quick-btn {
  min-height: 24px !important;
  height: 24px !important;
  max-height: 24px !important;
  padding: 0 4px !important;
  border: 1px solid #dcdee2 !important;
  border-radius: 3px !important;
  background: #fff !important;
  color: #515a6e !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  box-shadow: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

html body .admin-modal.score-op-formal .score-quick-btn.active,
html body .score-op-formal .score-quick-btn.active {
  border-color: #0087b4 !important;
  background: #e8f6fb !important;
  color: #0087b4 !important;
}

html body .admin-modal.score-op-formal footer,
html body .score-op-formal footer {
  padding: 6px 12px !important;
  gap: 6px !important;
}

html body .admin-modal.score-op-formal footer button,
html body .admin-modal.score-op-formal footer button.blue,
html body .admin-modal.score-op-formal footer button.modal-cancel,
html body .admin-modal.score-op-formal button.blue,
html body .admin-modal.score-op-formal button.modal-cancel,
html body .admin-modal.score-op-formal .blue,
html body .admin-modal.score-op-formal .modal-cancel,
html body .score-op-formal footer button,
html body .score-op-formal button.blue,
html body .score-op-formal button.modal-cancel {
  min-width: 48px !important;
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 10px !important;
  margin: 0 0 0 6px !important;
  font-size: 12px !important;
  line-height: 20px !important;
  border-radius: 3px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  font-weight: 400 !important;
}

/* ===== 报表详情弹窗：搜索/重置按钮统一缩小 ===== */
html body .admin-modal.user-report-modal .user-report-filters,
html body .user-report-modal .user-report-filters {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  gap: 8px !important;
  margin-bottom: 10px !important;
}

html body .admin-modal.user-report-modal .user-report-filters label,
html body .user-report-modal .user-report-filters label {
  font-size: 12px !important;
  gap: 4px !important;
}

html body .admin-modal.user-report-modal .user-report-filters input,
html body .admin-modal.user-report-modal .user-report-filters select,
html body .user-report-modal .user-report-filters input,
html body .user-report-modal .user-report-filters select {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  box-sizing: border-box !important;
}

html body .admin-modal.user-report-modal .user-report-filters button,
html body .admin-modal.user-report-modal .user-report-filters .ivu-btn-primary,
html body .admin-modal.user-report-modal .user-report-filters .ivu-btn-error,
html body .user-report-modal .user-report-filters button,
html body .user-report-modal .user-report-filters .ivu-btn-primary,
html body .user-report-modal .user-report-filters .ivu-btn-error {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  min-width: 56px !important;
  width: auto !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  line-height: 26px !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  box-shadow: none !important;
  font-weight: 400 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body .admin-modal.user-report-modal .user-report-filters .ivu-btn-error,
html body .user-report-modal .user-report-filters .ivu-btn-error,
html body .admin-modal.user-report-modal .user-report-filters button.ivu-btn-error {
  background: #fff !important;
  border: 1px solid #ed4014 !important;
  color: #ed4014 !important;
}


/* ========== 全站自定义日历（名爵/iView 样式） ========== */
html body .admin-shell input[type="date"] {
  position: relative !important;
  background-image: url(/assets/mj-mod-20260819/calendar.png?v=20260819a) !important;
  background-repeat: no-repeat !important;
  background-position: right 7px center !important;
  background-size: 17px 17px !important;
  padding-right: 30px !important;
  cursor: pointer !important;
}
html body .admin-shell input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0 !important;
  display: block !important;
  pointer-events: none !important;
  width: 22px !important;
  height: 22px !important;
  cursor: pointer !important;
}
html body .mj-date-panel {
  position: fixed !important;
  z-index: 2147483000 !important;
  width: 232px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #e8eaec !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 6px rgba(0,0,0,.15) !important;
  font-family: Microsoft YaHei, Arial, sans-serif !important;
  color: #515a6e !important;
  box-sizing: border-box !important;
  user-select: none !important;
}
html body .mj-date-panel * { box-sizing: border-box !important; }
html body .mj-date-hd {
  height: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
  border-bottom: 1px solid #e8eaec !important;
  position: relative !important;
  padding: 0 8px !important;
  font-size: 14px !important;
  color: #17233d !important;
}
html body .mj-date-hd .mj-date-label { font-size: 14px !important; color: #17233d !important; font-weight: 400 !important; }
html body .mj-date-nav {
  position: absolute !important;
  top: 0 !important;
  height: 32px !important;
  width: 28px !important;
  border: 0 !important;
  background: transparent !important;
  color: #c5c8ce !important;
  cursor: pointer !important;
  font-size: 14px !important;
  line-height: 32px !important;
  padding: 0 !important;
}
html body .mj-date-nav:hover { color: #0087b4 !important; }
html body .mj-date-nav.prev-y { left: 4px !important; }
html body .mj-date-nav.prev-m { left: 28px !important; }
html body .mj-date-nav.next-m { right: 28px !important; }
html body .mj-date-nav.next-y { right: 4px !important; }
html body .mj-date-week,
html body .mj-date-grid {
  display: grid !important;
  grid-template-columns: repeat(7, 28px) !important;
  justify-content: center !important;
  gap: 0 !important;
  padding: 6px 8px 8px !important;
}
html body .mj-date-week { padding-bottom: 0 !important; }
html body .mj-date-week span {
  width: 28px !important;
  height: 24px !important;
  line-height: 24px !important;
  text-align: center !important;
  font-size: 12px !important;
  color: #c5c8ce !important;
}
html body .mj-date-grid button {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #515a6e !important;
  font-size: 12px !important;
  line-height: 28px !important;
  text-align: center !important;
  cursor: pointer !important;
  border-radius: 3px !important;
  position: relative !important;
}
html body .mj-date-grid button:hover { background: #e1f0fe !important; }
html body .mj-date-grid button.other { color: #c5c8ce !important; }
html body .mj-date-grid button.other:hover { background: transparent !important; }
html body .mj-date-grid button.disabled,
html body .mj-date-grid button.disabled.other {
  color: #c5c8ce !important;
  cursor: not-allowed !important;
  background: transparent !important;
}
html body .mj-date-grid button.disabled:hover {
  background: transparent !important;
  color: #c5c8ce !important;
}
html body .mj-date-grid button.today::after {
  content: "" !important;
  position: absolute !important;
  top: 2px !important;
  right: 2px !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #2d8cf0 !important;
}
html body .mj-date-grid button.selected {
  background: #2d8cf0 !important;
  color: #fff !important;
}
html body .mj-date-grid button.selected:hover { background: #2d8cf0 !important; color: #fff !important; }
html body .mj-date-grid button.selected.today::after { background: #fff !important; }
html body .mj-date-grid button.selected.disabled {
  background: transparent !important;
  color: #c5c8ce !important;
  cursor: not-allowed !important;
}
html body .admin-shell input[type="date"].mj-date-open {
  border-color: #0087b4 !important;
  outline: 0 !important;
  box-shadow: 0 0 0 2px rgba(0,135,180,.2) !important;
}