/* Welotr institution admin visual refresh.
   CSS-only layer for the existing Vue/Ant Design Pro school-side app. */
:root {
  --welotr-bg: #f5f7fb;
  --welotr-surface: #ffffff;
  --welotr-surface-soft: #f8fafc;
  --welotr-border: #e3e8ef;
  --welotr-border-strong: #cbd5e1;
  --welotr-text: #162033;
  --welotr-text-soft: #5f6f86;
  --welotr-muted: #8a97aa;
  --welotr-primary: #16a34a;
  --welotr-primary-hover: #12843d;
  --welotr-primary-soft: #eaf8ef;
  --welotr-blue: #2563eb;
  --welotr-amber: #d97706;
  --welotr-red: #dc2626;
  --welotr-sidebar: #0f172a;
  --welotr-sidebar-soft: #172033;
  --welotr-sidebar-border: rgba(255, 255, 255, .08);
  --welotr-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --welotr-shadow-md: 0 10px 30px rgba(15, 23, 42, .08);
  --welotr-radius: 8px;
}

html,
body,
#app {
  background: var(--welotr-bg) !important;
  color: var(--welotr-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
}

body {
  font-size: 14px;
  letter-spacing: 0;
}

a {
  color: var(--welotr-blue);
}

a:hover,
.excelList:hover,
.importname:hover {
  color: var(--welotr-primary-hover) !important;
}

#loading-mask {
  background: var(--welotr-bg) !important;
}

.loading-dot i {
  background-color: var(--welotr-primary) !important;
}

.layout.ant-layout,
.layout.ant-layout .ant-layout,
.layout.ant-layout .ant-layout-content,
.layout.ant-layout .ant-layout-content .content {
  background: var(--welotr-bg) !important;
}

.layout.ant-layout .ant-layout-content .content {
  margin: 16px 16px 0 !important;
}

.t-container {
  padding: 16px 18px 24px !important;
}

.t-main-write,
.t-bg-write {
  background: var(--welotr-surface) !important;
  border: 1px solid var(--welotr-border);
  border-radius: var(--welotr-radius);
  box-shadow: var(--welotr-shadow-sm);
}

.layout.ant-layout .header,
.layout.ant-layout .top-nav-header-index {
  height: 60px !important;
  background: rgba(255, 255, 255, .96) !important;
  border-bottom: 1px solid var(--welotr-border);
  box-shadow: var(--welotr-shadow-sm) !important;
  backdrop-filter: saturate(140%) blur(12px);
}

.layout.ant-layout .trigger {
  line-height: 60px !important;
  padding: 0 20px !important;
  color: var(--welotr-text-soft);
}

.layout.ant-layout .trigger:hover {
  color: var(--welotr-primary) !important;
  background: var(--welotr-primary-soft) !important;
}

.layout.ant-layout .header .user-wrapper .action,
.layout.ant-layout .top-nav-header-index .user-wrapper .action {
  color: var(--welotr-text-soft) !important;
  line-height: 60px;
}

.layout.ant-layout .header .user-wrapper .action:hover,
.layout.ant-layout .top-nav-header-index .user-wrapper .action:hover {
  color: var(--welotr-text) !important;
  background: var(--welotr-surface-soft) !important;
}

.layout.ant-layout .header .user-wrapper .action .avatar,
.layout.ant-layout .top-nav-header-index .user-wrapper .action .avatar,
.user-avatar {
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px var(--welotr-border);
}

.school_change {
  border-right-color: var(--welotr-border) !important;
}

.sider,
.ant-layout-sider,
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub,
.sider .logo {
  background: var(--welotr-sidebar) !important;
}

.sider {
  box-shadow: 4px 0 24px rgba(15, 23, 42, .22) !important;
}

.sider .logo {
  height: 60px !important;
  line-height: 60px !important;
  border-bottom: 1px solid var(--welotr-sidebar-border);
  padding-left: 18px !important;
}

.sider .logo h1 {
  color: #f8fafc !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  letter-spacing: 0;
}

.sider .logo img,
.sider .logo svg {
  width: 30px !important;
  height: 30px !important;
  border-radius: 6px;
}

.ant-menu {
  font-size: 14px !important;
}

.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left {
  padding: 8px 0;
}

.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-submenu-title {
  height: 40px !important;
  line-height: 40px !important;
  margin: 4px 8px !important;
  width: calc(100% - 16px) !important;
  border-radius: 6px;
  color: #b9c4d3 !important;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}

.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff !important;
  background: var(--welotr-sidebar-soft) !important;
}

.ant-menu-dark .ant-menu-item-selected,
.ant-menu-dark .ant-menu-item-selected:hover {
  color: #fff !important;
  background: var(--welotr-primary) !important;
  box-shadow: inset 3px 0 0 rgba(255, 255, 255, .38);
}

.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  box-shadow: none !important;
}

.ant-menu-inline .ant-menu-item::after {
  display: none !important;
}

.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon,
.ant-menu-item i,
.ant-menu-submenu-title i {
  color: currentColor !important;
}

.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff !important;
}

.ant-menu:not(.ant-menu-dark) .ant-menu-item-selected > a,
.ant-menu:not(.ant-menu-dark) .ant-menu-item-selected > a:hover,
.ant-menu:not(.ant-menu-dark) .ant-menu-item-selected > a.router-link-active,
.ant-menu:not(.ant-menu-dark) .ant-menu-item-selected > a.router-link-exact-active {
  color: #1890ff !important;
}

.ant-card,
.ant-modal-content,
.ant-drawer-content,
.ant-popover-inner {
  background: var(--welotr-surface) !important;
  border: 1px solid var(--welotr-border);
  border-radius: var(--welotr-radius) !important;
  box-shadow: var(--welotr-shadow-sm);
}

.ant-card {
  overflow: hidden;
  transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}

.ant-card:hover {
  border-color: #d7e0ea;
  box-shadow: var(--welotr-shadow-md);
}

.ant-card-head {
  min-height: 46px !important;
  padding: 0 18px !important;
  background: #fff !important;
  border-bottom: 1px solid var(--welotr-border) !important;
}

.ant-card-head-title {
  padding: 13px 0 !important;
  color: var(--welotr-text) !important;
  font-size: 15px;
  font-weight: 650;
}

.ant-card-extra {
  padding: 13px 0 !important;
}

.ant-card-body {
  padding: 18px !important;
}

.chart-card-header .meta {
  color: var(--welotr-text-soft) !important;
  font-size: 13px !important;
}

.total {
  color: var(--welotr-text) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  line-height: 34px !important;
}

.chart-card-content {
  margin-bottom: 10px !important;
}

.chart-card-footer {
  border-top-color: var(--welotr-border) !important;
  color: var(--welotr-text-soft);
}

.ant-statistic-title,
.ant-typography-secondary,
.t-color-gray,
.t-text-tips {
  color: var(--welotr-muted) !important;
}

.ant-statistic-content,
.numberInfo .value,
.numberInfo .total {
  color: var(--welotr-text) !important;
  font-weight: 700;
}

.t-color-blue {
  color: var(--welotr-blue) !important;
}

.t-color-green {
  color: var(--welotr-primary) !important;
}

.t-color-orange {
  color: var(--welotr-amber) !important;
}

.t-color-red {
  color: var(--welotr-red) !important;
}

.t-search-wrap,
.table-page-search-wrapper,
.table-alert {
  background: var(--welotr-surface) !important;
  border: 1px solid var(--welotr-border);
  border-radius: var(--welotr-radius) !important;
  box-shadow: var(--welotr-shadow-sm);
}

.t-search-wrap,
.table-page-search-wrapper {
  padding: 16px !important;
  margin-bottom: 16px !important;
}

.content .table-operator {
  margin-bottom: 14px !important;
}

.ant-table-wrapper {
  background: var(--welotr-surface);
  border-radius: var(--welotr-radius);
}

.ant-table {
  color: var(--welotr-text-soft);
}

.ant-table-thead > tr > th {
  padding: 12px 14px !important;
  color: #344256 !important;
  font-weight: 650 !important;
  background: var(--welotr-surface-soft) !important;
  border-bottom: 1px solid var(--welotr-border) !important;
}

.ant-table-tbody > tr > td {
  padding: 12px 14px !important;
  color: var(--welotr-text-soft);
  border-bottom: 1px solid #eef2f7 !important;
}

.ant-table-tbody > tr:hover > td {
  background: #f0fdf4 !important;
}

.user_management_table tr:nth-child(2n) {
  background: #fbfdff !important;
}

.ant-table-placeholder {
  color: var(--welotr-muted) !important;
  background: #fff !important;
}

.ant-pagination-item,
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border-color: var(--welotr-border) !important;
  border-radius: 6px !important;
}

.ant-pagination-item-active {
  background: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

.ant-pagination-item-active a {
  color: #fff !important;
}

.ant-btn {
  border-radius: 6px !important;
  border-color: var(--welotr-border-strong);
  font-weight: 500;
  letter-spacing: 0;
  box-shadow: none !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease,
    box-shadow .18s ease;
}

.ant-btn:hover,
.ant-btn:focus {
  color: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

.ant-btn-primary {
  color: #fff !important;
  background: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
  box-shadow: 0 8px 18px rgba(22, 163, 74, .18) !important;
}

.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff !important;
  background: var(--welotr-primary-hover) !important;
  border-color: var(--welotr-primary-hover) !important;
}

.ant-btn-danger,
.ant-btn-dangerous {
  color: var(--welotr-red) !important;
  border-color: #fecaca !important;
}

.ant-btn-danger:hover,
.ant-btn-dangerous:hover {
  color: #fff !important;
  background: var(--welotr-red) !important;
  border-color: var(--welotr-red) !important;
}

.ant-input,
.ant-input-number,
.ant-input-number-input,
.ant-select-selection,
.ant-calendar-picker-input,
.ant-time-picker-input,
.ant-cascader-picker,
.ant-upload.ant-upload-select-picture-card {
  border-color: #d7dee8 !important;
  border-radius: 6px !important;
}

.ant-input:hover,
.ant-input:focus,
.ant-input-number:hover,
.ant-input-number-focused,
.ant-select-selection:hover,
.ant-select-focused .ant-select-selection,
.ant-calendar-picker:hover .ant-calendar-picker-input,
.ant-time-picker-input:hover,
.ant-time-picker-focused .ant-time-picker-input {
  border-color: var(--welotr-primary) !important;
  box-shadow: 0 0 0 2px rgba(22, 163, 74, .12) !important;
}

.ant-form-item {
  margin-bottom: 14px !important;
}

.ant-form-item-label > label {
  color: var(--welotr-text-soft) !important;
  font-weight: 500;
}

.ant-select-dropdown,
.ant-dropdown-menu,
.ant-calendar,
.ant-time-picker-panel-inner {
  border: 1px solid var(--welotr-border);
  border-radius: var(--welotr-radius) !important;
  box-shadow: var(--welotr-shadow-md) !important;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover,
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background: var(--welotr-primary-soft) !important;
}

.ant-tabs-bar {
  border-bottom-color: var(--welotr-border) !important;
}

.ant-tabs-tab {
  color: var(--welotr-text-soft);
  font-size: 14px !important;
}

.ant-tabs-tab-active,
.ant-tabs-tab:hover {
  color: var(--welotr-primary) !important;
}

.ant-tabs-ink-bar {
  background: var(--welotr-primary) !important;
}

.ant-tag {
  border-radius: 6px !important;
  border-color: var(--welotr-border);
}

.ant-alert {
  border-radius: var(--welotr-radius) !important;
}

.ant-badge-count {
  box-shadow: 0 0 0 2px #fff !important;
}

.ant-progress-success-bg,
.ant-progress-bg {
  background: var(--welotr-primary) !important;
}

.ant-steps-item-process .ant-steps-item-icon {
  background: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

.ant-steps-item-finish .ant-steps-item-icon {
  border-color: var(--welotr-primary) !important;
}

.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: var(--welotr-primary) !important;
}

.ant-steps-item-finish > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: var(--welotr-primary) !important;
}

#userLayout.user-layout-wrapper .container {
  background:
    linear-gradient(135deg, rgba(236, 253, 245, .92), rgba(248, 250, 252, .92) 46%, rgba(239, 246, 255, .9)),
    #f8fafc !important;
  background-size: cover !important;
  padding: 160px 0 120px !important;
}

#userLayout.user-layout-wrapper .container .top .header .title {
  color: var(--welotr-text) !important;
  font-size: 30px !important;
  font-weight: 700 !important;
}

#userLayout.user-layout-wrapper .container .top .desc {
  color: var(--welotr-text-soft) !important;
  margin-bottom: 28px !important;
}

#userLayout.user-layout-wrapper .container .main {
  width: 384px !important;
  padding: 28px !important;
  background: rgba(255, 255, 255, .96);
  border: 1px solid var(--welotr-border);
  border-radius: var(--welotr-radius);
  box-shadow: var(--welotr-shadow-md);
}

#userLayout.user-layout-wrapper .container .footer .links a,
#userLayout.user-layout-wrapper .container .footer .copyright {
  color: var(--welotr-muted) !important;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border: 2px solid transparent;
  border-radius: 999px;
  background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
  border: 2px solid transparent;
  background-clip: padding-box;
}

@media (max-width: 768px) {
  html,
  body,
  #app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    font-size: 13px;
  }

  .layout.ant-layout,
  .layout.ant-layout.ant-layout-has-sider,
  .layout.ant-layout .ant-layout {
    width: 100% !important;
    min-width: 0 !important;
  }

  .layout.ant-layout.ant-layout-has-sider {
    align-items: stretch;
  }

  .sider,
  .ant-layout-sider,
  .sider.ant-fixed-sidemenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    z-index: 1100 !important;
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
    flex: 0 0 64px !important;
    overflow-x: hidden !important;
  }

  .sider .ant-layout-sider-children {
    overflow-y: auto !important;
    overflow-x: hidden !important;
  }

  .sider .logo {
    height: 56px !important;
    line-height: 56px !important;
    padding: 0 !important;
    text-align: center;
  }

  .sider .logo h1 {
    display: none !important;
  }

  .sider .logo img,
  .sider .logo svg {
    width: 28px !important;
    height: 28px !important;
  }

  .ant-menu-dark.ant-menu-inline,
  .ant-menu-dark.ant-menu-vertical,
  .ant-menu-dark.ant-menu-vertical-left {
    padding: 8px 0 !important;
  }

  .ant-menu-dark .ant-menu-item,
  .ant-menu-dark .ant-menu-submenu-title {
    width: 48px !important;
    height: 42px !important;
    line-height: 42px !important;
    margin: 4px 8px !important;
    padding: 0 !important;
    text-align: center;
  }

  .ant-menu-dark .ant-menu-item > a,
  .ant-menu-dark .ant-menu-submenu-title {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }

  .ant-menu-dark .ant-menu-item > a > span:not(.anticon),
  .ant-menu-dark .ant-menu-submenu-title > span:not(.anticon),
  .ant-menu-dark .ant-menu-submenu-arrow {
    display: none !important;
  }

  .ant-menu-dark .ant-menu-submenu .ant-menu-item {
    padding-left: 0 !important;
  }

  .layout.ant-layout .sidemenu .ant-header-fixedHeader,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
    width: calc(100% - 64px) !important;
    left: 64px !important;
    right: 0 !important;
  }

  .layout.ant-layout .header,
  .layout.ant-layout .top-nav-header-index {
    height: 56px !important;
    padding-right: 6px !important;
  }

  .layout.ant-layout .trigger {
    line-height: 56px !important;
    padding: 0 12px !important;
    font-size: 18px !important;
  }

  .layout.ant-layout .header .user-wrapper .action,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action {
    max-width: 112px;
    padding: 0 7px !important;
    line-height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .layout.ant-layout .header .user-wrapper .action .avatar,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action .avatar,
  .user-avatar {
    width: 30px !important;
    height: 30px !important;
    margin: 13px 4px 13px 0 !important;
  }

  .school_change {
    max-width: 116px;
    padding-right: 10px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .excelList {
    display: none !important;
  }

  .layout.ant-layout .ant-layout-content,
  .layout.ant-layout .layout-content {
    width: calc(100vw - 64px) !important;
    min-width: 0 !important;
    margin-left: 64px !important;
  }

  .layout.ant-layout .ant-layout-content .content {
    width: auto !important;
    min-width: 0 !important;
    margin: 12px 10px 0 !important;
  }

  .t-container {
    padding: 10px !important;
  }

  .t-main-write,
  .t-bg-write {
    padding: 12px !important;
  }

  .ant-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .ant-row > [class*="ant-col-"],
  [class*="ant-col-xs-"],
  [class*="ant-col-sm-"],
  [class*="ant-col-md-"],
  [class*="ant-col-lg-"],
  [class*="ant-col-xl-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ant-card {
    margin-bottom: 12px !important;
  }

  .ant-card-head {
    min-height: 42px !important;
    padding: 0 14px !important;
  }

  .ant-card-head-title,
  .ant-card-extra {
    padding: 11px 0 !important;
  }

  .ant-card-head-title {
    font-size: 14px;
  }

  .ant-card-body {
    padding: 12px !important;
  }

  .total {
    height: auto !important;
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .chart-card-content {
    height: auto !important;
    min-height: 42px;
  }

  .chart-card-content .content-fix {
    position: static !important;
  }

  .table-page-search-wrapper,
  .t-search-wrap {
    padding: 12px !important;
    margin-bottom: 12px !important;
  }

  .table-page-search-wrapper .ant-form-inline,
  .t-search-wrap .ant-form {
    display: block !important;
  }

  .table-page-search-wrapper .ant-form-inline .ant-form-item,
  .ant-form-inline .ant-form-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .table-page-search-wrapper .ant-form-inline .ant-form-item > .ant-form-item-label,
  .ant-form-inline .ant-form-item > .ant-form-item-label {
    display: block !important;
    width: 100% !important;
    padding: 0 0 5px !important;
    line-height: 20px !important;
    text-align: left !important;
  }

  .table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control-wrapper,
  .ant-form-inline .ant-form-item .ant-form-item-control-wrapper {
    display: block !important;
    width: 100% !important;
  }

  .table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control,
  .ant-form-inline .ant-form-item .ant-form-item-control {
    height: auto !important;
    line-height: normal !important;
  }

  .ant-input,
  .ant-input-number,
  .ant-select,
  .ant-select-selection,
  .ant-calendar-picker,
  .ant-time-picker,
  .ant-cascader-picker {
    width: 100% !important;
  }

  .ant-input,
  .ant-select-selection,
  .ant-calendar-picker-input,
  .ant-time-picker-input {
    min-height: 38px;
  }

  .table-page-search-wrapper .table-page-search-submitButtons,
  .t-search-btn,
  .content .table-operator {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px !important;
    padding-left: 0 !important;
    white-space: normal !important;
  }

  .content .table-operator button,
  .table-page-search-wrapper .table-page-search-submitButtons button,
  .t-search-btn button {
    min-width: 96px;
    margin: 0 !important;
  }

  .ant-btn {
    min-height: 36px;
  }

  .ant-table-wrapper {
    width: 100% !important;
    overflow: hidden;
  }

  .ant-table-wrapper .ant-table-content,
  .ant-table-wrapper .ant-table-body,
  .layout.ant-layout.mobile .ant-table-wrapper .ant-table-content,
  .layout.ant-layout.tablet .ant-table-wrapper .ant-table-content {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .ant-table {
    min-width: 680px;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  .ant-table-pagination.ant-pagination,
  .ant-pagination {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    margin: 12px 0 0 !important;
  }

  .ant-pagination-total-text,
  .ant-pagination-options {
    display: none !important;
  }

  .ant-tabs-bar,
  .ant-tabs-nav-container {
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-tabs-nav {
    white-space: nowrap;
  }

  .ant-tabs-tab {
    margin-right: 18px !important;
  }

  .ant-modal {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 12px auto !important;
    top: 12px !important;
    padding-bottom: 12px !important;
  }

  .ant-modal-body {
    max-height: calc(100vh - 148px);
    overflow: auto;
    padding: 16px !important;
  }

  .ant-modal-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 16px !important;
  }

  .ant-drawer-content-wrapper {
    width: min(88vw, 320px) !important;
  }

  .t-fixed-btn {
    left: 64px !important;
    width: calc(100% - 64px) !important;
    height: auto !important;
    min-height: 52px;
    padding: 8px !important;
    gap: 8px;
    flex-wrap: wrap;
  }

  .t-fixed-btn button {
    min-width: 96px;
    padding: 8px 14px !important;
  }

  #userLayout.user-layout-wrapper .container {
    min-height: 100vh !important;
    padding: 84px 12px 52px !important;
  }

  #userLayout.user-layout-wrapper .container .main {
    width: min(100%, 368px) !important;
    min-width: 0 !important;
    padding: 20px !important;
  }

  #userLayout.user-layout-wrapper .container .top .header .title {
    font-size: 24px !important;
  }

  #userLayout.user-layout-wrapper .container .top .desc {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 480px) {
  .sider,
  .ant-layout-sider,
  .sider.ant-fixed-sidemenu {
    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;
    flex-basis: 56px !important;
  }

  .sider .logo {
    height: 52px !important;
    line-height: 52px !important;
  }

  .sider .logo img,
  .sider .logo svg {
    width: 26px !important;
    height: 26px !important;
  }

  .ant-menu-dark .ant-menu-item,
  .ant-menu-dark .ant-menu-submenu-title {
    width: 42px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin: 3px 7px !important;
  }

  .layout.ant-layout .sidemenu .ant-header-fixedHeader,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
    width: calc(100% - 56px) !important;
    left: 56px !important;
  }

  .layout.ant-layout .ant-layout-content,
  .layout.ant-layout .layout-content {
    width: calc(100vw - 56px) !important;
    margin-left: 56px !important;
  }

  .layout.ant-layout .ant-layout-content .content {
    margin: 8px 8px 0 !important;
  }

  .t-container {
    padding: 8px !important;
  }

  .t-main-write,
  .t-bg-write,
  .ant-card-body {
    padding: 10px !important;
  }

  .ant-card-head {
    padding: 0 12px !important;
  }

  .total {
    font-size: 22px !important;
    line-height: 28px !important;
  }

  .school_change {
    display: none !important;
  }

  .layout.ant-layout .header .user-wrapper .action,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action {
    max-width: 88px;
    padding: 0 5px !important;
  }

  .content .table-operator button,
  .table-page-search-wrapper .table-page-search-submitButtons button,
  .t-search-btn button {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
  }

  .ant-table {
    min-width: 620px;
  }

  .t-fixed-btn {
    left: 56px !important;
    width: calc(100% - 56px) !important;
  }

  #userLayout.user-layout-wrapper .container {
    padding: 56px 10px 40px !important;
  }

  #userLayout.user-layout-wrapper .container .main {
    padding: 18px !important;
  }
}

@media (max-width: 768px) {
  .layout.ant-layout .sidemenu .ant-header-fixedHeader,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
    left: 0 !important;
    width: 100% !important;
  }

  .layout.ant-layout .ant-layout-content,
  .layout.ant-layout .layout-content,
  .layout.ant-layout.mobile .ant-layout-content,
  .layout.ant-layout.mobile .layout-content {
    margin-left: 0 !important;
    width: 100% !important;
  }

  .layout.ant-layout .ant-layout-content .content,
  .layout.ant-layout.mobile .ant-layout-content .content {
    margin: 12px !important;
    width: auto !important;
  }

  .layout.ant-layout.mobile .sider.ant-fixed-sidemenu,
  .layout.ant-layout.mobile > .ant-layout-sider,
  .layout.ant-layout.mobile .sidemenu > .ant-layout-sider {
    display: none !important;
  }

  .ant-drawer.drawer-sider .sider,
  .ant-drawer.drawer-sider .ant-layout-sider {
    display: block !important;
    position: relative !important;
    width: 256px !important;
    min-width: 256px !important;
    max-width: 256px !important;
    flex: 0 0 256px !important;
  }

  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-item,
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-title {
    justify-content: flex-start;
    width: calc(100% - 16px) !important;
    text-align: left;
  }

  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-item > a > span:not(.anticon),
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-title > span:not(.anticon),
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-arrow {
    display: inline-block !important;
  }

  .t-fixed-btn {
    left: 0 !important;
    width: 100% !important;
  }

  .ant-row > [class*="ant-col-"],
  [class*="ant-col-xs-"],
  [class*="ant-col-sm-"],
  [class*="ant-col-md-"],
  [class*="ant-col-lg-"],
  [class*="ant-col-xl-"] {
    max-width: none !important;
  }

  .t-container > .ant-row > [class*="ant-col-"],
  .t-main-write > .ant-row > [class*="ant-col-"],
  .table-page-search-wrapper .ant-row > [class*="ant-col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .ant-card-body .ant-row > [class*="ant-col-"],
  .ant-card-body [class*="ant-col-xs-"],
  .ant-card-body [class*="ant-col-sm-"],
  .ant-card-body [class*="ant-col-md-"],
  .ant-card-body [class*="ant-col-lg-"],
  .ant-card-body [class*="ant-col-xl-"] {
    width: auto !important;
    flex: 1 1 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ant-card-body img,
  .ant-card-body svg {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 768px) {
  :root {
    --welotr-mobile-gutter: 10px;
    --welotr-mobile-header: 56px;
    --welotr-mobile-footer: 58px;
  }

  html,
  body,
  #app {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
  }

  body {
    background: var(--welotr-bg) !important;
    font-size: 13px;
  }

  .layout.ant-layout.mobile,
  .layout.ant-layout.mobile .ant-layout,
  .layout.ant-layout.mobile .layout-content,
  .layout.ant-layout.mobile .ant-layout-content,
  .layout.ant-layout .layout-content,
  .layout.ant-layout .ant-layout-content {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    overflow-x: hidden !important;
  }

  .layout.ant-layout.mobile .sider,
  .layout.ant-layout.mobile .ant-layout-sider,
  .layout.ant-layout.mobile .sider.ant-fixed-sidemenu,
  .layout.ant-layout.mobile .sidemenu > .ant-layout-sider {
    display: none !important;
  }

  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout.mobile .sidemenu .ant-header-fixedHeader.ant-header-side-closed,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100vw !important;
  }

  .layout.ant-layout.mobile .sidemenu > .ant-layout-content,
  .layout.ant-layout .sidemenu > .ant-layout-content {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: calc(100vw - (var(--welotr-mobile-gutter) * 2)) !important;
    margin: var(--welotr-mobile-gutter) !important;
    box-sizing: border-box;
  }

  .layout.ant-layout.mobile .sidemenu > .header-animat,
  .layout.ant-layout.mobile .sidemenu > .ant-layout-footer,
  .layout.ant-layout .sidemenu > .header-animat,
  .layout.ant-layout .sidemenu > .ant-layout-footer {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important;
  }

  .layout.ant-layout .header,
  .layout.ant-layout .top-nav-header-index {
    height: var(--welotr-mobile-header) !important;
    min-height: var(--welotr-mobile-header) !important;
    padding-right: 6px !important;
  }

  .layout.ant-layout .trigger {
    min-width: 44px;
    height: var(--welotr-mobile-header) !important;
    line-height: var(--welotr-mobile-header) !important;
    padding: 0 12px !important;
    font-size: 19px !important;
  }

  .layout.ant-layout .header .user-wrapper,
  .layout.ant-layout .top-nav-header-index .user-wrapper {
    max-width: calc(100vw - 150px);
    overflow: hidden;
  }

  .school_change {
    display: inline-block !important;
    vertical-align: top;
    max-width: calc(100vw - 220px);
    min-width: 0;
    padding-right: 8px !important;
    font-size: 14px;
    line-height: var(--welotr-mobile-header);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .excelList {
    display: none !important;
  }

  .layout.ant-layout .header .user-wrapper .action,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action {
    max-width: 92px;
    min-width: 44px;
    padding: 0 6px !important;
    line-height: var(--welotr-mobile-header) !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .layout.ant-layout .header .user-wrapper .action .avatar,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action .avatar,
  .user-avatar {
    width: 32px !important;
    height: 32px !important;
    margin: 12px 4px 12px 0 !important;
  }

  .layout.ant-layout .ant-layout-content .content,
  .layout.ant-layout.mobile .ant-layout-content .content {
    width: auto !important;
    max-width: none !important;
    margin: var(--welotr-mobile-gutter) !important;
    padding-bottom: calc(var(--welotr-mobile-footer) + env(safe-area-inset-bottom)) !important;
    overflow-x: visible !important;
  }

  .page-header-index-wide,
  .t-container,
  .t-main-write,
  .t-bg-write,
  .content {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .t-container {
    padding: var(--welotr-mobile-gutter) !important;
  }

  .t-main-write,
  .t-bg-write {
    padding: 12px !important;
  }

  .ant-card {
    width: 100% !important;
    margin: 0 0 12px !important;
    border-radius: 8px !important;
  }

  .ant-card[style*="margin-left"] {
    margin-left: 0 !important;
  }

  .ant-card-head {
    min-height: 42px !important;
    padding: 0 14px !important;
  }

  .ant-card-head-title,
  .ant-card-extra {
    padding: 11px 0 !important;
  }

  .ant-card-body {
    padding: 12px !important;
  }

  .topData .topDataTitle,
  .topDataTitle {
    display: flex !important;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    margin-bottom: 12px !important;
  }

  .topData .topDataTitle span,
  .topDataTitle span {
    font-size: 17px !important;
    line-height: 24px;
    color: var(--welotr-text) !important;
  }

  .topData .topDataTitle .anticon,
  .topDataTitle .anticon {
    min-width: 36px;
    min-height: 36px;
    margin-left: 4px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  .topData .topDataDisplayFlex,
  .topDataDisplayFlex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    align-items: stretch !important;
    justify-content: stretch !important;
  }

  .topData .topDataDisplayFlex .topDataDesc,
  .topDataDisplayFlex .topDataDesc {
    width: auto !important;
    height: auto !important;
    min-height: 74px;
    margin: 0 !important;
    padding: 10px 8px !important;
    border: 1px solid var(--welotr-border) !important;
    border-radius: 8px;
    background: var(--welotr-surface-soft);
    text-align: left !important;
  }

  .topData .topDataDisplayFlex .topDataDesc .topDataDescPrice,
  .topDataDisplayFlex .topDataDesc .topDataDescPrice {
    font-size: 20px !important;
    font-weight: 700;
    line-height: 26px;
    color: var(--welotr-text) !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .topData .topDataDisplayFlex .topDataDesc .topDataDescText,
  .topDataDisplayFlex .topDataDesc .topDataDescText {
    margin: 4px 0 0 !important;
    padding-top: 0 !important;
    color: var(--welotr-text-soft) !important;
    font-size: 12px !important;
    line-height: 17px;
  }

  .quickAccess {
    height: auto !important;
    min-height: 0 !important;
  }

  .quickAccess .quickAccess_top {
    margin-bottom: 12px;
  }

  .quickAccess .quickAccess_top span,
  .quickAccess .quickAccess_top_left {
    margin-bottom: 0 !important;
    color: var(--welotr-text) !important;
    font-size: 17px !important;
    line-height: 24px;
  }

  .quickAccess .quickAccess_content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 0 !important;
  }

  .quickAccess .quickAccess_content .quickAccess_content_element {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .quickAccess .quickAccess_content .quickAccess_content_element_small {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px;
    width: 100%;
    min-height: 76px;
    padding: 8px !important;
    border: 1px solid var(--welotr-border);
    border-radius: 8px;
    background: #fff;
    box-shadow: none !important;
    transform: none !important;
  }

  .quickAccess .quickAccess_content .quickAccess_content_element_small:active {
    background: var(--welotr-primary-soft) !important;
    border-color: rgba(22, 163, 74, .36);
  }

  .quickAccess .fast-enter-icon {
    flex: 0 0 60px;
    width: 60px !important;
    height: 60px !important;
  }

  .quickAccess .rightContent {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    margin-left: 0 !important;
    padding: 0 !important;
    color: var(--welotr-text) !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-align: left !important;
    word-break: keep-all;
  }

  .backLog {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  .backLog .backLog_title,
  .saleTitle,
  .studentData .studentData_title {
    display: block !important;
    margin-bottom: 10px;
    color: var(--welotr-text) !important;
    font-size: 17px !important;
    line-height: 24px;
  }

  .backLog .ant-list-item,
  .backLog_list .ant-list-item {
    display: block !important;
    align-items: flex-start !important;
    padding: 9px 0 !important;
    line-height: 20px;
    border-bottom: 1px solid #eef2f7;
  }

  .backLog .ant-list-item:last-child,
  .backLog_list .ant-list-item:last-child {
    border-bottom: 0;
  }

  .followUp {
    min-width: 0;
  }

  .followUp .ant-radio-group {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 10px !important;
  }

  .followUp .ant-radio-button-wrapper {
    flex: 1 1 auto;
    min-width: 104px;
    text-align: center;
  }

  .followUpAlert {
    height: auto !important;
    min-height: 34px;
    padding: 7px 10px !important;
    line-height: 20px !important;
  }

  .followUpAlert .followUpAlert_span {
    margin-right: 12px !important;
  }

  .saleData .ant-row > [class*="ant-col-"],
  .studentData .ant-row > [class*="ant-col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .saleData .ve-funnel,
  .saleData .ve-line,
  .studentData .ve-ring {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden;
  }

  .saleData .saleData_count_per,
  .saleData .saleData_Tortuous .screen,
  .studentData .studentData_Echarts .studentData_Echarts_select {
    position: static !important;
    top: auto !important;
    right: auto !important;
    margin: 8px 0 0;
  }

  .saleData .saleData_Tortuous .screen,
  .studentData .studentData_Echarts_select .ant-select,
  .studentData .studentData_Echarts_select .ant-select-selection {
    width: 100% !important;
  }

  .table-page-search-wrapper,
  .t-search-wrap,
  .table-alert {
    padding: 12px !important;
    margin-bottom: 12px !important;
  }

  .table-page-search-wrapper .ant-form-inline,
  .t-search-wrap .ant-form,
  .ant-form-inline {
    display: block !important;
    width: 100%;
  }

  .table-page-search-wrapper .ant-row > [class*="ant-col-"],
  .t-search-wrap .ant-row > [class*="ant-col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ant-form-item,
  .table-page-search-wrapper .ant-form-inline .ant-form-item,
  .ant-form-inline .ant-form-item {
    display: block !important;
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 12px !important;
  }

  .ant-form-item-label,
  .ant-form-item-control-wrapper,
  .ant-form-inline .ant-form-item > .ant-form-item-label,
  .table-page-search-wrapper .ant-form-inline .ant-form-item > .ant-form-item-label,
  .table-page-search-wrapper .ant-form-inline .ant-form-item .ant-form-item-control-wrapper {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .ant-form-item-label {
    margin-bottom: 5px;
    line-height: 20px !important;
  }

  .ant-form-item-label > label {
    white-space: normal !important;
  }

  .ant-form-item-control,
  .ant-form-inline .ant-form-item .ant-form-item-control {
    height: auto !important;
    line-height: normal !important;
  }

  .ant-input,
  .ant-input-number,
  .ant-input-number-input,
  .ant-select,
  .ant-select-selection,
  .ant-calendar-picker,
  .ant-calendar-picker-input,
  .ant-time-picker,
  .ant-time-picker-input,
  .ant-cascader-picker,
  textarea.ant-input {
    width: 100% !important;
    max-width: 100% !important;
  }

  .ant-input,
  .ant-select-selection,
  .ant-calendar-picker-input,
  .ant-time-picker-input,
  .ant-cascader-picker {
    min-height: 38px;
  }

  .ant-input-group,
  .ant-input-group-compact {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: nowrap;
  }

  .ant-input-group-compact > .ant-select,
  .ant-input-group-compact > .ant-calendar-picker,
  .ant-input-group-compact > .ant-time-picker {
    flex: 0 0 104px;
    width: 104px !important;
  }

  .ant-input-group-compact > .ant-input,
  .ant-input-group-compact > .ant-input-number {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
  }

  #moreButton {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    min-height: 36px;
    margin: 0 0 10px !important;
  }

  .content .table-operator,
  .table-page-search-wrapper .table-page-search-submitButtons,
  .t-search-btn {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
    margin: 0 0 12px !important;
    padding-left: 0 !important;
    white-space: normal !important;
  }

  .content .table-operator button,
  .table-page-search-wrapper .table-page-search-submitButtons button,
  .t-search-btn button,
  .btn_margin {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    margin: 0 !important;
  }

  .ant-btn {
    min-height: 38px;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .ant-btn + .ant-btn {
    margin-left: 0 !important;
  }

  .ant-alert {
    width: 100%;
    overflow-wrap: anywhere;
  }

  .ant-table-wrapper,
  .user_management_table {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px;
  }

  .ant-table-wrapper .ant-spin-nested-loading,
  .ant-table-wrapper .ant-spin-container,
  .ant-table-wrapper .ant-table,
  .ant-table-wrapper .ant-table-content {
    max-width: 100% !important;
  }

  .ant-table-wrapper .ant-table-content,
  .ant-table-wrapper .ant-table-body,
  .layout.ant-layout.mobile .ant-table-wrapper .ant-table-content,
  .layout.ant-layout.mobile .ant-table-wrapper .ant-table-body,
  .layout.ant-layout.tablet .ant-table-wrapper .ant-table-content,
  .layout.ant-layout.tablet .ant-table-wrapper .ant-table-body {
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-table {
    min-width: 720px !important;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    white-space: nowrap;
  }

  .ant-table-tbody > tr > td .ant-btn,
  .ant-table-tbody > tr > td a {
    min-height: 32px;
  }

  .ant-table-pagination.ant-pagination,
  .ant-pagination {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
    margin: 12px 0 0 !important;
  }

  .ant-pagination-total-text,
  .ant-pagination-options {
    display: none !important;
  }

  .ant-pagination-item,
  .ant-pagination-prev,
  .ant-pagination-next,
  .ant-pagination-jump-prev,
  .ant-pagination-jump-next {
    min-width: 34px;
    height: 34px;
    line-height: 32px;
    margin-right: 0 !important;
  }

  .ant-tabs-bar,
  .ant-tabs-nav-container {
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-tabs-nav {
    white-space: nowrap;
  }

  .ant-tabs-tab {
    margin-right: 18px !important;
    padding: 10px 0 !important;
    font-size: 14px !important;
  }

  .ant-steps {
    display: block !important;
  }

  .ant-steps-item {
    display: block !important;
    width: 100% !important;
    margin-bottom: 12px;
  }

  .ant-modal-wrap {
    padding: 0 12px !important;
  }

  .ant-modal {
    top: 12px !important;
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 0 auto !important;
    padding-bottom: 12px !important;
  }

  .ant-modal-content {
    max-height: calc(100vh - 24px);
    max-height: calc(100dvh - 24px);
    overflow: hidden;
  }

  .ant-modal-header {
    padding: 13px 14px !important;
  }

  .ant-modal-title {
    padding-right: 28px;
    font-size: 15px !important;
    line-height: 22px;
  }

  .ant-modal-close {
    min-width: 44px;
    min-height: 44px;
  }

  .ant-modal-body {
    max-height: calc(100vh - 146px) !important;
    max-height: calc(100dvh - 146px) !important;
    padding: 14px !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-modal-footer {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 14px calc(10px + env(safe-area-inset-bottom)) !important;
    background: #fff;
  }

  .ant-modal-footer .ant-btn {
    flex: 1 1 calc(50% - 8px);
    margin: 0 !important;
  }

  .ant-drawer:not(.drawer-sider) .ant-drawer-content-wrapper {
    width: 100vw !important;
    max-width: 100vw !important;
  }

  .ant-drawer.drawer-sider .ant-drawer-content-wrapper {
    width: min(82vw, 288px) !important;
    max-width: 288px !important;
  }

  .ant-drawer.drawer-sider .sider,
  .ant-drawer.drawer-sider .ant-layout-sider {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }

  .ant-drawer.drawer-sider .sider .logo h1,
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-item > a > span:not(.anticon),
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-title > span:not(.anticon),
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-arrow {
    display: inline-block !important;
  }

  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-item,
  .ant-drawer.drawer-sider .ant-menu-dark .ant-menu-submenu-title {
    justify-content: flex-start !important;
    width: calc(100% - 16px) !important;
    text-align: left !important;
  }

  .ant-drawer-body {
    padding: 12px !important;
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-drawer.drawer-sider .ant-drawer-body {
    padding: 0 !important;
  }

  .drawTitle,
  .drawButton {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
  }

  .drawTitle {
    padding: 14px 16px !important;
  }

  .drawContent {
    height: auto !important;
    max-height: calc(100vh - 112px) !important;
    max-height: calc(100dvh - 112px) !important;
    margin: 52px 0 64px !important;
    padding: 0 14px 18px !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .drawButton {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    background: #fff;
  }

  .drawButton .ant-btn {
    flex: 1 1 calc(50% - 8px);
    margin: 0 !important;
  }

  .t-fixed-btn,
  .bottomBtn,
  .rightContent .bottomBtn {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    min-height: var(--welotr-mobile-footer) !important;
    height: auto !important;
    padding: 8px 12px calc(8px + env(safe-area-inset-bottom)) !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-end !important;
    flex-wrap: wrap;
    gap: 8px;
    background: #fff;
    z-index: 1002 !important;
  }

  .t-fixed-btn button,
  .bottomBtn button,
  .rightContent .bottomBtn button {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    margin: 0 !important;
  }

  .ant-upload-list-picture-card .ant-upload-list-item,
  .ant-upload.ant-upload-select-picture-card {
    width: 76px !important;
    height: 76px !important;
    margin: 0 8px 8px 0 !important;
  }

  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail img,
  .ant-upload-list-picture-card .ant-upload-list-item-thumbnail video {
    object-fit: cover;
  }

  .ant-select-dropdown,
  .ant-dropdown,
  .ant-calendar-picker-container,
  .ant-time-picker-panel,
  .ant-cascader-menus {
    max-width: calc(100vw - 16px) !important;
  }

  .ant-calendar,
  .ant-calendar-range,
  .ant-time-picker-panel-inner,
  .ant-cascader-menus {
    max-width: calc(100vw - 16px) !important;
    overflow-x: auto;
  }

  .ant-list,
  .ant-list-item,
  .ant-descriptions,
  .ant-collapse,
  .ant-tree {
    max-width: 100%;
  }

  .rightContent .roleName,
  .rightContent .config,
  .rightContent .roleList,
  .rightContent .roleContent,
  .rightContent .dataRole {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .rightContent .roleName .input {
    width: 100% !important;
    margin-top: 8px;
  }

  .rightContent .config,
  .rightContent .roleList {
    height: auto !important;
    max-height: 60vh !important;
    padding: 12px !important;
    overflow: auto !important;
  }

  .rightContent .roleList .dataList,
  .rightContent .config .content,
  .rightContent .roleContent .list .content {
    display: block !important;
  }

  .rightContent .roleList .dataList .treeList,
  .rightContent .roleContent .list .content .left,
  .rightContent .roleContent .list .content .right {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .import-hd {
    height: auto !important;
    min-height: 74px;
  }

  .hd-box,
  .updateInfo .line,
  .page-foot,
  .payWays {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }

  .second-type {
    margin-left: 0 !important;
  }

  #userLayout.user-layout-wrapper .container {
    min-height: 100vh !important;
    padding: 64px 12px 40px !important;
  }

  #userLayout.user-layout-wrapper .container .main {
    width: min(100%, 368px) !important;
    min-width: 0 !important;
    padding: 18px !important;
  }

  #userLayout.user-layout-wrapper .container .top .header .title {
    font-size: 24px !important;
  }

  #userLayout.user-layout-wrapper .container .top .desc {
    margin-bottom: 20px !important;
  }
}

@media (max-width: 480px) {
  :root {
    --welotr-mobile-gutter: 8px;
  }

  .layout.ant-layout .ant-layout-content .content,
  .layout.ant-layout.mobile .ant-layout-content .content {
    margin: 8px !important;
  }

  .school_change {
    max-width: calc(100vw - 205px);
  }

  .layout.ant-layout .header .user-wrapper .action,
  .layout.ant-layout .top-nav-header-index .user-wrapper .action {
    max-width: 82px;
  }

  .topData .topDataDisplayFlex .topDataDesc,
  .topDataDisplayFlex .topDataDesc {
    min-height: 70px;
    padding: 9px 8px !important;
  }

  .topData .topDataDisplayFlex .topDataDesc .topDataDescPrice,
  .topDataDisplayFlex .topDataDesc .topDataDescPrice {
    font-size: 19px !important;
  }

  .quickAccess .quickAccess_content {
    gap: 8px;
  }

  .quickAccess .quickAccess_content .quickAccess_content_element_small {
    min-height: 74px;
    padding: 7px !important;
  }

  .quickAccess .rightContent {
    font-size: 13px;
    line-height: 18px;
  }

  .content .table-operator button,
  .table-page-search-wrapper .table-page-search-submitButtons button,
  .t-search-btn button,
  .btn_margin,
  .ant-modal-footer .ant-btn,
  .drawButton .ant-btn,
  .t-fixed-btn button,
  .bottomBtn button,
  .rightContent .bottomBtn button {
    flex-basis: 100%;
  }

  .ant-table {
    min-width: 680px !important;
  }
}

@media (max-width: 360px) {
  .quickAccess .quickAccess_content {
    grid-template-columns: 1fr;
  }

  .quickAccess .quickAccess_content .quickAccess_content_element_small {
    min-height: 68px;
  }

  .school_change {
    display: none !important;
  }
}

@media (max-width: 768px) {
  /* Mobile fixes for institution admin custom pages. */
  .rightContent .studentInfo,
  .rightContent .student-info,
  .rightContent .applyInfomation,
  .rightContent .otherInfo,
  .rightContent .other-info-box,
  .rightContent .basic-item,
  .rightContent .order-info,
  .rightContent .detail-box,
  .rightContent .info-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .rightContent .studentInfo,
  .rightContent .student-info {
    height: auto !important;
    min-height: 44px;
    padding: 8px 10px !important;
    line-height: 22px !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 6px 8px;
  }

  .rightContent .student-info .course,
  .rightContent .student-info .text,
  .rightContent .student-info .phone,
  .rightContent .student-info .name,
  .rightContent .studentInfo .infoBySelf,
  .rightContent .studentInfo .infoBySelf .name,
  .rightContent .studentInfo .infoBySelf .edit,
  .rightContent .order-info span {
    max-width: 100% !important;
    margin: 0 8px 4px 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-word;
  }

  .rightContent .student-info .course {
    width: 100%;
    height: auto !important;
    border-left: 0 !important;
  }

  .rightContent .otherInfo .form_,
  .rightContent .form_,
  .rightContent .other-info-box .form-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 0 0 !important;
    box-sizing: border-box;
  }

  .otherInfo .form_,
  .applyInfomation .form_,
  .form_,
  .other-info-box .form-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .rightContent .other-info-box .form-info .item,
  .rightContent .other-info-box .form-info .remarks,
  .rightContent .other-info-box .form-info .date {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .rightContent .other-info-box .form-info .item .word,
  .rightContent .other-info-box .form-info .remarks .word {
    float: none !important;
    display: block;
    width: 100% !important;
    margin-bottom: 6px;
    line-height: 20px !important;
    text-align: left !important;
  }

  .rightContent .form_ .ant-form-item,
  .rightContent .form_ .ant-form-item-control-wrapper,
  .rightContent .form_ .ant-form-item-control,
  .rightContent .form_ .ant-calendar-picker,
  .rightContent .form_ .ant-input-number,
  .rightContent .form_ .ant-select,
  .rightContent .form_ textarea,
  .rightContent .form_ input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .form_ .ant-form-item,
  .form_ .ant-form-item-control-wrapper,
  .form_ .ant-form-item-control,
  .form_ .ant-form-item-children,
  .form_ .ant-input-affix-wrapper,
  .form_ .ant-calendar-picker,
  .form_ .ant-input-number,
  .form_ .ant-select,
  .form_ textarea,
  .form_ input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .otherInfo .ant-form-item-children,
  .otherInfo .ant-input-affix-wrapper,
  .otherInfo textarea.ant-input,
  .otherInfo input.ant-input,
  .other-info-box .ant-form-item-children,
  .other-info-box .ant-input-affix-wrapper,
  .other-info-box textarea.ant-input,
  .other-info-box input.ant-input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .rightContent .paybox,
  .rightContent .paycontent,
  .rightContent .paybigbox,
  .rightContent .payWays,
  .rightContent .makebox {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
  }

  .paybox,
  .paycontent,
  .paybigbox,
  .payWays,
  .makebox {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    box-sizing: border-box;
  }

  .rightContent .paycontent,
  .rightContent .paybigbox,
  .rightContent .payWays,
  .rightContent .makebox {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
  }

  .paycontent,
  .paybigbox,
  .payWays,
  .makebox {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
  }

  .rightContent .payWays .payWayBtn,
  .rightContent .other-pay-type,
  .rightContent .pay-type-box,
  .rightContent .paymethod {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    box-sizing: border-box;
  }

  .payWays .payWayBtn,
  .other-pay-type,
  .pay-type-box,
  .paymethod {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 0 8px !important;
    box-sizing: border-box;
  }

  .rightContent .pay-type-box,
  .rightContent .paymethod {
    min-height: 44px;
    height: auto !important;
    line-height: 20px !important;
    padding: 9px 10px !important;
  }

  .rightContent .receivable,
  .rightContent .footer {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px 0 !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .rightContent .footer {
    position: static !important;
  }

  .rightContent .tableTopActionBtns,
  .rightContent .searchBtn,
  .rightContent #moreButton,
  .rightContent .action_button {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 12px !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    text-align: left !important;
  }

  .rightContent .tableTopActionBtns button,
  .rightContent .searchBtn button,
  .rightContent .action_button button,
  .rightContent .action_button .datePicker {
    flex: 1 1 100%;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .rightContent .table:not(.ant-table),
  .rightContent .noMarginTableComponent,
  .rightContent .classTimeTable,
  .rightContent .timeTable {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 16px !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  .rightContent .timeTable .table_head,
  .rightContent .timeTable .table_body,
  .rightContent .timeTable .table_body_line {
    width: max-content !important;
    min-width: 1640px !important;
  }

  .rightContent .timeTable .table_head div:first-child,
  .rightContent .timeTable .table_body .table_body_line .teacher_name {
    flex: 0 0 100px !important;
    width: 100px !important;
  }

  .rightContent .timeTable .table_head .weekNum,
  .rightContent .timeTable .table_body .table_body_line .having_class {
    flex: 0 0 220px !important;
    width: 220px !important;
  }

  .rightContent .timeTable .table_body .table_body_line .having_class .create1by1 {
    width: 220px !important;
  }

  .rightContent .classTimeTable .classTimeLine {
    min-width: 560px !important;
  }

  .rightContent .table:not(.ant-table) .table_head,
  .rightContent .table:not(.ant-table) .table_body,
  .rightContent .table:not(.ant-table) .table_body_line,
  .rightContent .table:not(.ant-table) .table_title {
    width: max-content !important;
    min-width: 720px !important;
  }

  .rightContent .table:not(.ant-table) .table_title,
  .rightContent .table:not(.ant-table) .table_head,
  .rightContent .table:not(.ant-table) .table_body_line {
    display: flex !important;
    align-items: stretch;
  }

  .popoverBtmLine,
  .orderNAMEinfo,
  .orderNAMEinfo .popoverTag {
    width: 100% !important;
    max-width: calc(100vw - 32px) !important;
    min-width: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box;
  }

  .popoverBtmLine {
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px !important;
  }

  .drawTitle,
  .drawContent,
  .drawButton {
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    box-sizing: border-box;
  }

  .drawContent {
    padding-left: 12px !important;
    padding-right: 12px !important;
    overflow-x: hidden !important;
  }

  .ant-drawer-content,
  .ant-drawer-body,
  .ant-modal,
  .ant-modal-body {
    overflow-x: hidden !important;
  }

  .ant-drawer .ant-form,
  .ant-modal .ant-form,
  .drawContent .ant-form,
  .ant-drawer .ant-form-item,
  .ant-modal .ant-form-item,
  .drawContent .ant-form-item,
  .ant-drawer .ant-form-item-control-wrapper,
  .ant-modal .ant-form-item-control-wrapper,
  .drawContent .ant-form-item-control-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .layout.ant-layout .header .user-wrapper,
  .layout.ant-layout.mobile .header .user-wrapper {
    position: absolute !important;
    left: 44px !important;
    right: auto !important;
    top: 0 !important;
    width: calc(100vw - 50px) !important;
    max-width: calc(100vw - 50px) !important;
    min-width: calc(100vw - 50px) !important;
    height: var(--welotr-mobile-header) !important;
    margin: 0 !important;
    line-height: var(--welotr-mobile-header) !important;
  }

  .layout.ant-layout .header .user-wrapper .content-box,
  .layout.ant-layout.mobile .header .user-wrapper .content-box {
    position: relative !important;
    width: 100% !important;
    height: var(--welotr-mobile-header) !important;
    line-height: var(--welotr-mobile-header) !important;
  }

  .layout.ant-layout .header .user-wrapper .content-box > span:not(.action),
  .layout.ant-layout.mobile .header .user-wrapper .content-box > span:not(.action) {
    position: absolute !important;
    left: calc(50vw - 44px) !important;
    top: 50% !important;
    max-width: calc(100vw - 140px) !important;
    transform: translate(-50%, -50%) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 20px !important;
    text-align: center;
    border-right: 0 !important;
  }

  .layout.ant-layout .header .user-wrapper .action,
  .layout.ant-layout.mobile .header .user-wrapper .action {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    width: 40px !important;
    max-width: 40px !important;
    height: var(--welotr-mobile-header) !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    line-height: normal !important;
    text-align: right;
  }

  .layout.ant-layout .header .user-wrapper .action .avatar,
  .layout.ant-layout.mobile .header .user-wrapper .action .avatar {
    margin: 0 !important;
  }

  .layout.ant-layout .header .user-wrapper .action > span:not(.avatar),
  .layout.ant-layout.mobile .header .user-wrapper .action > span:not(.avatar) {
    display: none !important;
  }

  .excelModal {
    display: block !important;
  }

  .excelModal .left,
  .excelModal .right {
    width: 100% !important;
    margin-bottom: 12px;
  }

  .faceBody {
    min-width: 0 !important;
    overflow-x: hidden !important;
  }

  .faceBody .faceContent {
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    transform: none !important;
    box-sizing: border-box;
  }

  .faceBody .faceContent .header,
  .faceBody .faceContent .center {
    height: auto !important;
    margin-top: 16px !important;
    display: block !important;
  }

  .faceBody .faceContent .center .faceDetect,
  .faceBody .faceContent .center .rightBox,
  .rightBox {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 260px;
    margin: 0 0 12px !important;
    box-sizing: border-box;
  }

  .festival_setting {
    padding: 12px 0 !important;
  }

  .festival_setting .addFestival,
  .festival_setting .festival_notice {
    margin: 0 0 12px !important;
  }

  .festival_setting .table,
  .content .festival_setting .table,
  .ant-card .festival_setting .table,
  .page-header-index-wide .festival_setting .table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
  }

  .festival_setting .table .table_head,
  .festival_setting .table .table_body {
    width: max-content !important;
    min-width: 900px !important;
  }

  .templateStoreHouse .ant-radio-group,
  .templateStoreHouse .ant-radio-button-wrapper {
    max-width: 100%;
  }

  .templateStoreHouse .ant-radio-button-wrapper {
    height: 34px !important;
    margin: 0 4px 8px 0 !important;
    line-height: 32px !important;
  }

  .template {
    padding: 0 !important;
  }

  .template .areaTitle {
    margin: 10px 0 !important;
    font-size: 16px !important;
  }

  .template .modules {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
    gap: 12px;
    width: 100% !important;
    max-width: 100% !important;
  }

  .template .modules .eachOne {
    width: 100% !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden;
  }

  .template .modules .eachOne .noHover .picArea,
  .template .modules .eachOne .hover .picArea {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
  }

  .template .modules .eachOne .noHover .picArea img,
  .template .modules .eachOne .hover .picArea img {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    object-fit: cover;
  }

  .template .modules .eachOne .noHover .operation,
  .template .modules .eachOne .hover .operation {
    padding: 10px !important;
  }

  .template .modules .eachOne .noHover .operation .title .titleTxt,
  .template .modules .eachOne .hover .operation .title .titleTxt {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    padding-left: 8px !important;
    font-size: 14px !important;
  }

  .template .modules .eachOne .noHover .operation .tags,
  .template .modules .eachOne .hover .operation .tags {
    height: auto !important;
    min-height: 42px;
  }

  .displayFlex {
    display: block !important;
  }

  .displayFlex .left,
  .displayFlex .right,
  .devide {
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
  }

  .phone {
    width: min(100%, 330px) !important;
    height: auto !important;
    min-height: 560px;
    padding: 44px 42px 50px !important;
    background-size: 100% 100% !important;
    box-sizing: border-box;
  }

  .phone .phoneIframe {
    height: 430px !important;
  }

  .uploadComponent,
  .sendJob,
  .upload-list-inline,
  .fileListArr {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  .uploadComponent,
  .fileListArr {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    padding: 10px !important;
  }

  .upload-list-inline .ant-upload-list-item,
  .fileListArr .fileEachOne {
    width: calc(50% - 8px) !important;
    max-width: 148px;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0 0 8px !important;
    box-sizing: border-box;
  }

  .fileListArr .fileEachOne img,
  .fileListArr .fileEachOne video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
  }

  .parents_client,
  .parents_client .all_message,
  .message_content,
  .message_content .message_head,
  .message_content .message_child .message_list {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 48px;
    box-sizing: border-box;
  }

  .parents_client .all_message,
  .message_content .message_head,
  .message_content .message_child .message_list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: start !important;
    padding: 10px 12px !important;
    line-height: 20px !important;
  }

  .parents_client .all_message .all_message_title,
  .parents_client .all_message .all_message_checkBox,
  .message_content .message_head .message_head_title,
  .message_content .message_head .message_head_checkBox,
  .message_content .message_head .message_head_action,
  .message_content .message_child .message_list .message_list_title,
  .message_content .message_child .message_list .message_list_checkBox,
  .message_content .message_child .message_list .message_list_action {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-align: left !important;
    word-break: break-word;
  }

  .message_content .message_child .message_list .message_list_action,
  .message_content .message_head .message_head_action {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .container-box,
  .eform-page-header {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .eform-page-header {
    height: auto !important;
    min-height: 50px;
    padding: 8px 12px !important;
    flex-wrap: wrap;
    gap: 8px;
    line-height: 22px !important;
  }

  .container-box {
    display: block !important;
    overflow-x: hidden !important;
  }

  .container-box .left-container,
  .container-box .right-container,
  .container-box .center-container {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  .container-box .left-container .scroll-y,
  .container-box .right-container .scroll-y {
    height: auto !important;
    max-height: 50vh;
    overflow: auto !important;
  }

  .container-box .left-container .enter {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
    box-sizing: border-box;
  }

  .container-box .left-container .enter .enter-content::before {
    display: none !important;
  }

  .container-box .left-container .enter .enter-input,
  .container-box .center-container .center-content .view-form .view-form-item .input-primary,
  .container-box .right-container .pd24 .use-no-headpic,
  .container-box .right-container .pd24 .add-head-pic-byself {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .container-box .center-container .center-content,
  .container-box .right-container .pd24,
  .pd24 {
    padding: 12px !important;
  }

  .container-box .center-container .center-content .view-form > :first-child {
    padding: 24px 12px !important;
    font-size: 20px !important;
    line-height: 28px !important;
  }

  .container-box .center-container .center-content .view-form .view-form-item {
    padding: 16px 12px !important;
    min-height: 92px !important;
  }

  .container-box .center-container .center-content .set-headerpic::before,
  .container-box .center-container .center-content .set-headerpic::after {
    display: none !important;
  }

  .container-box .right-container .pd24 .operate-select-area {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .container-box .right-container .pd24 .operate-select-area .operate-select-area-item .operate-select-area-up {
    width: 100% !important;
  }

  .lastFollow,
  .lastFollow .userInfo,
  .expand_warning,
  .updateInfo,
  .updateInfo .line {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .lastFollow {
    padding: 0 12px 12px !important;
  }

  .ant-radio-group,
  .ant-checkbox-group {
    max-width: 100%;
  }

  .ant-radio-wrapper,
  .ant-checkbox-wrapper {
    min-height: 32px;
    margin: 0 12px 8px 0 !important;
    white-space: normal !important;
  }

  .ant-tag,
  .list-item {
    max-width: 100%;
    white-space: normal;
    word-break: break-word;
  }

  .ant-alert,
  .ant-result,
  .mySelfExtraArea .ant-result-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box;
  }

  .ant-calendar-picker,
  .ant-time-picker,
  .ant-cascader-picker,
  .ant-select,
  .ant-input-number,
  .ant-input-affix-wrapper,
  textarea.ant-input,
  input.ant-input {
    max-width: 100% !important;
  }

  .ant-calendar-range {
    width: 100% !important;
    min-width: 320px !important;
  }

  .ant-calendar-range .ant-calendar-date-panel {
    display: block !important;
  }

  .ant-calendar-range .ant-calendar-range-part {
    width: 100% !important;
  }

  .ant-drawer .ant-form,
  .ant-modal .ant-form,
  .drawContent .ant-form {
    overflow-x: hidden !important;
  }

  .ant-btn,
  button.ant-btn {
    min-height: 40px;
    line-height: 20px;
    white-space: normal;
  }

  .ant-input,
  .ant-input-number,
  .ant-select-selection,
  .ant-cascader-picker,
  .ant-calendar-picker,
  .ant-time-picker {
    min-height: 40px;
  }

  .ant-input,
  .ant-input-number-input,
  .ant-calendar-picker-input,
  .ant-time-picker-input {
    line-height: 22px !important;
  }

  .ant-select-selection--single {
    height: 40px !important;
  }

  .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 38px !important;
    margin-left: 10px !important;
    margin-right: 28px !important;
  }

  .ant-tabs-tab,
  .ant-menu-item,
  .ant-menu-submenu-title {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }

  .ant-pagination-prev,
  .ant-pagination-next,
  .ant-pagination-item,
  .ant-pagination-options-quick-jumper input {
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .ant-empty,
  .ant-table-placeholder {
    padding: 18px 8px !important;
  }

  .ant-form-inline,
  .ant-form-inline .ant-form-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-right: 0 !important;
  }

  .ant-form-item-label {
    overflow: visible !important;
    line-height: 20px !important;
    text-align: left !important;
    white-space: normal !important;
  }

  .ant-form-item-label > label {
    white-space: normal !important;
  }

  .ant-input-group,
  .ant-input-group-wrapper,
  .ant-input-group-compact,
  .ant-btn-group,
  .ant-dropdown-button {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ant-input-group > *,
  .ant-input-group-compact > *,
  .ant-btn-group > *,
  .ant-dropdown-button > * {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    border-radius: 6px !important;
  }

  .ant-steps,
  .ant-transfer,
  .ant-transfer-list,
  .ant-tree,
  .ant-tree-select,
  .ant-select-tree,
  .ant-cascader-menu,
  .ant-menu-inline,
  .ant-menu-vertical {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }

  .ant-steps-horizontal {
    display: block !important;
  }

  .ant-steps-horizontal .ant-steps-item {
    display: flex !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  .ant-transfer {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .ant-transfer-operation {
    display: flex !important;
    justify-content: center;
    gap: 8px;
    margin: 0 !important;
  }

  .ant-transfer-operation .ant-btn {
    flex: 1 1 0;
  }

  .ant-card-head-wrapper,
  .ant-page-header-heading,
  .ant-list-item,
  .ant-list-item-meta,
  .ant-list-item-action {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  .ant-card-head-title,
  .ant-page-header-heading-title,
  .ant-list-item-meta-title,
  .ant-list-item-meta-description {
    white-space: normal !important;
    word-break: break-word;
  }

  .ant-card-extra,
  .ant-page-header-heading-extra,
  .ant-list-item-action {
    margin-left: 0 !important;
  }

  .ant-popover,
  .ant-tooltip,
  .ant-notification,
  .ant-message {
    max-width: calc(100vw - 16px) !important;
  }

  .ant-popover-inner-content,
  .ant-tooltip-inner,
  .ant-notification-notice,
  .ant-message-notice-content {
    max-width: calc(100vw - 16px) !important;
    white-space: normal !important;
    word-break: break-word;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  /* Final mobile density pass for institution business pages. */
  .layout.ant-layout .ant-layout-content .content,
  .layout.ant-layout.mobile .ant-layout-content .content {
    margin: 6px !important;
    padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
  }

  .layout.ant-layout.mobile .sidemenu > .ant-layout-content,
  .layout.ant-layout .sidemenu > .ant-layout-content {
    max-width: calc(100vw - 12px) !important;
    margin: 6px !important;
  }

  .page-header-index-wide,
  .rightContent,
  .quittanceChildren,
  .content,
  .ant-card,
  .ant-card-body,
  .ant-tabs-content,
  .ant-tabs-tabpane {
    font-size: 14px !important;
    line-height: 1.45;
  }

  .ant-card,
  .table-page-search-wrapper,
  .t-main-write,
  .t-bg-write,
  .quittanceChildren > div,
  .rightContent > div {
    border-radius: 8px !important;
  }

  .ant-card {
    margin-bottom: 10px !important;
  }

  .ant-card-body,
  .quittanceChildren .ant-card-body,
  .rightContent .ant-card-body,
  .page-header-index-wide .ant-card-body {
    padding: 10px !important;
  }

  .table-page-search-wrapper,
  .t-search-wrap,
  .rightContent .table-page-search-wrapper,
  .quittanceChildren .table-page-search-wrapper {
    padding: 10px !important;
    margin: 0 0 10px !important;
  }

  .ant-tabs-bar {
    margin-bottom: 8px !important;
  }

  .ant-tabs-nav-wrap,
  .ant-tabs-nav-scroll {
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .ant-tabs-nav .ant-tabs-tab {
    min-height: 36px !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .ant-form-item,
  .table-page-search-wrapper .ant-form-inline .ant-form-item,
  .ant-form-inline .ant-form-item {
    margin-bottom: 10px !important;
  }

  .ant-form-item-label,
  .table-page-search-wrapper .ant-form-item-label,
  .rightContent .ant-form-item-label {
    margin-bottom: 4px !important;
    font-size: 14px !important;
    font-weight: 650;
    color: #60718a;
    line-height: 20px !important;
  }

  .ant-form-item-label > label,
  .ant-radio-wrapper,
  .ant-checkbox-wrapper {
    font-size: 14px !important;
  }

  .ant-input,
  .ant-input-number,
  .ant-input-number-input,
  .ant-select-selection--single,
  .ant-calendar-picker,
  .ant-calendar-picker-input,
  .ant-time-picker,
  .ant-time-picker-input,
  .ant-cascader-picker {
    min-height: 36px !important;
    height: 36px !important;
    font-size: 14px !important;
  }

  textarea.ant-input {
    min-height: 72px !important;
    height: auto !important;
  }

  .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 34px !important;
  }

  .ant-input::placeholder,
  .ant-input-number-input::placeholder,
  .ant-select-selection__placeholder,
  .ant-calendar-range-picker-input::placeholder {
    font-size: 14px !important;
  }

  .ant-calendar-range-picker-input {
    width: calc(50% - 18px) !important;
    min-width: 0 !important;
    text-align: center;
  }

  .ant-calendar-range-picker-separator {
    width: 36px !important;
    min-width: 36px !important;
    line-height: 34px !important;
  }

  .ant-input-search .ant-input {
    padding-right: 36px !important;
  }

  .ant-radio-wrapper,
  .ant-checkbox-wrapper {
    min-height: 30px !important;
    margin: 0 14px 8px 0 !important;
    line-height: 28px !important;
  }

  .ant-switch {
    min-width: 46px !important;
    height: 24px !important;
    line-height: 24px !important;
  }

  .ant-switch::after {
    width: 20px !important;
    height: 20px !important;
  }

  .ant-switch-checked::after {
    margin-left: -21px !important;
  }

  .content .table-operator,
  .rightContent .tableTopActionBtns,
  .rightContent .searchBtn,
  .rightContent .action_button,
  .table-page-search-wrapper .table-page-search-submitButtons,
  .t-search-btn {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 10px !important;
    line-height: 22px !important;
    white-space: normal !important;
    word-break: break-word;
  }

  .content .table-operator .ant-btn,
  .rightContent .tableTopActionBtns .ant-btn,
  .rightContent .searchBtn .ant-btn,
  .rightContent .action_button .ant-btn,
  .table-page-search-wrapper .table-page-search-submitButtons .ant-btn,
  .t-search-btn .ant-btn,
  .btn_margin {
    display: inline-flex !important;
    width: auto !important;
    min-width: 76px !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 8px 8px 0 !important;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    line-height: 20px !important;
    vertical-align: top;
  }

  .content .table-operator > span,
  .rightContent .tableTopActionBtns > span,
  .rightContent .action_button > span,
  .table-page-search-wrapper .table-page-search-submitButtons > span {
    display: inline-block;
    max-width: 100%;
    margin: 0 0 8px !important;
    vertical-align: top;
    white-space: normal !important;
    word-break: break-word;
  }

  .ant-table-wrapper,
  .rightContent .table-wrapper,
  .table-wrapper {
    margin-top: 8px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .ant-table {
    min-width: 560px !important;
    font-size: 13px !important;
  }

  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > td {
    padding: 9px 10px !important;
    line-height: 20px !important;
  }

  .ant-table-thead > tr > th {
    white-space: nowrap !important;
  }

  .ant-table-tbody > tr > td {
    word-break: break-word;
  }

  .ant-table-placeholder {
    min-height: 220px !important;
    padding: 28px 8px !important;
  }

  .ant-empty-normal {
    margin: 18px 0 !important;
  }

  .rightContent .table:not(.ant-table),
  .rightContent .noMarginTableComponent,
  .rightContent .classTimeTable {
    margin: 8px 0 12px !important;
    border-radius: 8px !important;
  }

  .rightContent .table:not(.ant-table) .table_head,
  .rightContent .table:not(.ant-table) .table_body,
  .rightContent .table:not(.ant-table) .table_body_line,
  .rightContent .table:not(.ant-table) .table_title {
    min-width: 560px !important;
  }

  .form_ .table:not(.ant-table),
  .paybox .table:not(.ant-table),
  .paycontent .table:not(.ant-table),
  .paybigbox .table:not(.ant-table),
  .payWays .table:not(.ant-table),
  .makebox .table:not(.ant-table),
  .rightContent .form_ .table:not(.ant-table),
  .rightContent .paybox .table:not(.ant-table),
  .rightContent .paycontent .table:not(.ant-table),
  .rightContent .paybigbox .table:not(.ant-table),
  .rightContent .payWays .table:not(.ant-table),
  .rightContent .makebox .table:not(.ant-table) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: visible !important;
    border: 1px solid var(--welotr-border);
    border-radius: 8px !important;
    background: #fff;
  }

  .form_ .table:not(.ant-table) .table_head,
  .paybox .table:not(.ant-table) .table_head,
  .paycontent .table:not(.ant-table) .table_head,
  .paybigbox .table:not(.ant-table) .table_head,
  .payWays .table:not(.ant-table) .table_head,
  .makebox .table:not(.ant-table) .table_head,
  .rightContent .form_ .table:not(.ant-table) .table_head,
  .rightContent .paybox .table:not(.ant-table) .table_head,
  .rightContent .paycontent .table:not(.ant-table) .table_head,
  .rightContent .paybigbox .table:not(.ant-table) .table_head,
  .rightContent .payWays .table:not(.ant-table) .table_head,
  .rightContent .makebox .table:not(.ant-table) .table_head {
    display: none !important;
  }

  .form_ .table:not(.ant-table) .table_body,
  .form_ .table:not(.ant-table) .table_body_line,
  .form_ .table:not(.ant-table) .table_title,
  .paybox .table:not(.ant-table) .table_body,
  .paybox .table:not(.ant-table) .table_body_line,
  .paybox .table:not(.ant-table) .table_title,
  .paycontent .table:not(.ant-table) .table_body,
  .paycontent .table:not(.ant-table) .table_body_line,
  .paycontent .table:not(.ant-table) .table_title,
  .paybigbox .table:not(.ant-table) .table_body,
  .paybigbox .table:not(.ant-table) .table_body_line,
  .paybigbox .table:not(.ant-table) .table_title,
  .payWays .table:not(.ant-table) .table_body,
  .payWays .table:not(.ant-table) .table_body_line,
  .payWays .table:not(.ant-table) .table_title,
  .makebox .table:not(.ant-table) .table_body,
  .makebox .table:not(.ant-table) .table_body_line,
  .makebox .table:not(.ant-table) .table_title {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .form_ .table:not(.ant-table) .table_body_line > *,
  .form_ .table:not(.ant-table) .table_title > *,
  .paybox .table:not(.ant-table) .table_body_line > *,
  .paybox .table:not(.ant-table) .table_title > *,
  .paycontent .table:not(.ant-table) .table_body_line > *,
  .paycontent .table:not(.ant-table) .table_title > *,
  .paybigbox .table:not(.ant-table) .table_body_line > *,
  .paybigbox .table:not(.ant-table) .table_title > *,
  .payWays .table:not(.ant-table) .table_body_line > *,
  .payWays .table:not(.ant-table) .table_title > *,
  .makebox .table:not(.ant-table) .table_body_line > *,
  .makebox .table:not(.ant-table) .table_title > * {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 8px 10px !important;
    text-align: left !important;
    border-right: 0 !important;
    border-bottom: 1px solid #edf1f6 !important;
    box-sizing: border-box;
  }

  .form_ .table:not(.ant-table) .table_body_line > *:last-child,
  .paybox .table:not(.ant-table) .table_body_line > *:last-child,
  .paycontent .table:not(.ant-table) .table_body_line > *:last-child,
  .paybigbox .table:not(.ant-table) .table_body_line > *:last-child,
  .payWays .table:not(.ant-table) .table_body_line > *:last-child,
  .makebox .table:not(.ant-table) .table_body_line > *:last-child {
    border-bottom: 0 !important;
  }

  .form_ .table:not(.ant-table) .ant-input,
  .form_ .table:not(.ant-table) .ant-input-number,
  .form_ .table:not(.ant-table) .ant-select,
  .form_ .table:not(.ant-table) input,
  .paybox .table:not(.ant-table) .ant-input,
  .paybox .table:not(.ant-table) .ant-input-number,
  .paybox .table:not(.ant-table) .ant-select,
  .paybox .table:not(.ant-table) input,
  .paycontent .table:not(.ant-table) .ant-input,
  .paycontent .table:not(.ant-table) .ant-input-number,
  .paycontent .table:not(.ant-table) .ant-select,
  .paycontent .table:not(.ant-table) input,
  .paybigbox .table:not(.ant-table) .ant-input,
  .paybigbox .table:not(.ant-table) .ant-input-number,
  .paybigbox .table:not(.ant-table) .ant-select,
  .paybigbox .table:not(.ant-table) input,
  .payWays .table:not(.ant-table) .ant-input,
  .payWays .table:not(.ant-table) .ant-input-number,
  .payWays .table:not(.ant-table) .ant-select,
  .payWays .table:not(.ant-table) input,
  .makebox .table:not(.ant-table) .ant-input,
  .makebox .table:not(.ant-table) .ant-input-number,
  .makebox .table:not(.ant-table) .ant-select,
  .makebox .table:not(.ant-table) input {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
    box-sizing: border-box;
  }

  .form_ .table:not(.ant-table) .ant-form-explain,
  .paybox .table:not(.ant-table) .ant-form-explain,
  .paycontent .table:not(.ant-table) .ant-form-explain,
  .paybigbox .table:not(.ant-table) .ant-form-explain,
  .payWays .table:not(.ant-table) .ant-form-explain,
  .makebox .table:not(.ant-table) .ant-form-explain {
    display: block;
    margin-top: 2px;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  .ant-card-body > div > h3.title,
  .content h3.title,
  .rightContent h3.title {
    margin: 14px 0 10px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 650;
    color: var(--welotr-text);
  }

  .content_form {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 14px !important;
    padding: 10px !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  .content_form[style*="border"] {
    border-color: var(--welotr-border) !important;
    border-radius: 8px !important;
  }

  .content_form .ant-form-item {
    margin-bottom: 12px !important;
  }

  .content_form .ant-form-item-label,
  .content_form .ant-form-item-control-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .content_form .ant-form-item-label > label {
    display: inline-flex !important;
    min-height: 20px !important;
    align-items: center;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #60718a;
  }

  .content_form .ant-form-item-control,
  .content_form .ant-form-item-children {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    line-height: normal !important;
  }

  .content_form .ant-input,
  .content_form .ant-input-number,
  .content_form .ant-select,
  .content_form .ant-calendar-picker,
  .content_form .ant-time-picker,
  .content_form .ant-cascader-picker,
  .content_form textarea {
    width: 100% !important;
    max-width: 100% !important;
  }

  .content_form textarea.ant-input {
    min-height: 82px !important;
  }

  .content_form .ant-radio-group,
  .content_form .ant-checkbox-group {
    display: flex !important;
    width: 100%;
    flex-wrap: wrap;
    gap: 4px 14px;
  }

  .content_form .likeRadio {
    display: inline-flex !important;
    width: 28px;
    height: 28px;
    margin: 0 12px 8px 0 !important;
    align-items: center;
    justify-content: center;
    vertical-align: top;
  }

  .content_form .likeRadio .single_point_border {
    width: 22px !important;
    height: 22px !important;
  }

  .content_form .likeRadio .single_point {
    width: 10px !important;
    height: 10px !important;
  }

  .content_form .table_part {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--welotr-border) !important;
    border-radius: 8px !important;
    background: #fff;
    box-sizing: border-box;
  }

  .content_form .table_part .table_part_head {
    display: none !important;
  }

  .content_form .table_part .table_part_body {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-top: 0 !important;
  }

  .content_form .table_part .table_part_body + .table_part_body {
    border-top: 1px solid var(--welotr-border) !important;
  }

  .content_form .table_part .body_left {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid #edf2f7 !important;
    background: #f8fafc;
    color: var(--welotr-text);
    font-weight: 650;
    line-height: 20px !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .content_form .table_part .body_right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-left: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .content_form .table_part .displayFlex {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    box-sizing: border-box;
  }

  .content_form .table_part .displayFlex:last-of-type {
    border-bottom: 0 !important;
  }

  .content_form .table_part .part_content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  .content_form .table_part .part_content::before {
    display: block;
    margin: 0 0 4px;
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
    line-height: 16px;
  }

  .content_form .table_part .part_content:nth-child(1)::before {
    content: "名称";
  }

  .content_form .table_part .part_content:nth-child(2)::before {
    content: "数量";
  }

  .content_form .table_part .part_content:nth-child(3)::before {
    content: "总价";
  }

  .content_form .table_part .part_content:nth-child(4)::before {
    content: "单价";
  }

  .content_form .table_part .part_content:nth-child(5)::before {
    content: "操作";
  }

  .content_form .table_part .part_content:first-child {
    grid-column: 1 / -1;
  }

  .content_form .table_part .part_content:nth-child(4) {
    display: flex !important;
    min-height: 36px !important;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 0 10px !important;
    border: 1px solid #e6edf5;
    border-radius: 6px;
    background: #f8fafc;
    color: #475569;
    font-size: 13px !important;
  }

  .content_form .table_part .part_content:nth-child(5) {
    display: flex !important;
    min-height: 36px !important;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  .content_form .table_part .part_content a {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    color: var(--welotr-primary);
    font-weight: 650;
  }

  .content_form .table_part .ant-input,
  .content_form .table_part .ant-input-number,
  .content_form .table_part .ant-input-number-input,
  .content_form .table_part input {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  .content_form .table_part .notice {
    margin: 3px 0 0 !important;
    padding-left: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    text-align: left !important;
  }

  .content_form .table_part .btm {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 10px !important;
    border-top: 1px solid #edf2f7 !important;
    box-sizing: border-box;
  }

  .content_form .table_part .btm .text {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    color: #64748b;
    font-size: 12px !important;
    line-height: 18px !important;
    white-space: normal !important;
    word-break: break-word;
  }

  .content_form .table_part .btm .button {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    text-align: right !important;
  }

  .content_form .table_part .btm .button .ant-btn {
    min-width: 72px !important;
    margin: 0 !important;
  }

  .content_form .table_part .btm .button .statistical {
    margin-right: 0 !important;
    color: #64748b;
    font-size: 12px !important;
  }

  .content .table-operator,
  .rightContent .table-operator {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin: 8px 0 12px !important;
    color: #475569;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: normal !important;
    word-break: break-word;
  }

  .content .table-operator .ant-btn,
  .rightContent .table-operator .ant-btn {
    flex: 0 0 auto !important;
    min-width: 72px !important;
    margin: 0 !important;
  }

  .user_management_table,
  .user_management_table.ant-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  .user_management_table .ant-table-content,
  .user_management_table .ant-table-body,
  .user_management_table .ant-table-scroll .ant-table-body,
  .user_management_table .ant-table-scroll .ant-table-header {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }

  .user_management_table .ant-table-thead > tr > th,
  .user_management_table .ant-table-tbody > tr > td {
    padding: 9px 10px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .ant-table-empty .ant-table-placeholder,
  .user_management_table .ant-table-placeholder {
    position: sticky !important;
    left: 0 !important;
    width: calc(100vw - 56px) !important;
    min-width: 0 !important;
    max-width: calc(100vw - 56px) !important;
    box-sizing: border-box;
    text-align: center !important;
  }

  .ant-table-empty .ant-empty,
  .user_management_table .ant-empty {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto !important;
  }

  .ant-table-empty .ant-empty-image,
  .user_management_table .ant-empty-image {
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 420px) {
  .content_form .table_part .displayFlex {
    grid-template-columns: 1fr;
  }

  .content_form .table_part .part_content:first-child {
    grid-column: auto;
  }

  .content_form .table_part .part_content:nth-child(5) {
    justify-content: flex-start;
  }
}

@media (max-width: 360px) {
  .ant-table {
    min-width: 520px !important;
  }

  .rightContent .table:not(.ant-table) .table_head,
  .rightContent .table:not(.ant-table) .table_body,
  .rightContent .table:not(.ant-table) .table_body_line,
  .rightContent .table:not(.ant-table) .table_title {
    min-width: 520px !important;
  }

  .content .table-operator .ant-btn,
  .rightContent .tableTopActionBtns .ant-btn,
  .rightContent .searchBtn .ant-btn,
  .rightContent .action_button .ant-btn,
  .table-page-search-wrapper .table-page-search-submitButtons .ant-btn,
  .t-search-btn .ant-btn,
  .btn_margin {
    min-width: 72px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media (max-width: 900px) and (orientation: landscape) {
  .layout.ant-layout .ant-layout-content .content,
  .layout.ant-layout.mobile .ant-layout-content .content {
    margin: 8px !important;
  }

  .rightContent .t-fixed-btn,
  .rightContent .bottomBtn {
    position: sticky !important;
    bottom: 0 !important;
  }

  .ant-modal,
  .ant-drawer-content-wrapper {
    max-height: 100vh;
  }
}

@media (max-width: 768px) {
  #aCardPosition {
    overflow: visible !important;
  }

  #aCardPosition .ant-card-body {
    padding: 10px 8px 12px !important;
  }

  #aCardPosition .table-page-search-wrapper {
    margin-bottom: 8px !important;
  }

  #aCardPosition #moreButton {
    display: inline-flex !important;
    align-items: center;
    min-height: 34px;
    margin: 0 0 8px !important;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #aCardPosition > div[style*="display:flex"],
  #aCardPosition > div[style*="display: flex"],
  #aCardPosition .ant-card-body > div[style*="display:flex"],
  #aCardPosition .ant-card-body > div[style*="display: flex"] {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100% !important;
    margin: 4px 0 12px !important;
  }

  #aCardPosition > div[style*="display:flex"] > div:first-child,
  #aCardPosition > div[style*="display: flex"] > div:first-child,
  #aCardPosition .ant-card-body > div[style*="display:flex"] > div:first-child,
  #aCardPosition .ant-card-body > div[style*="display: flex"] > div:first-child {
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr);
    align-items: center !important;
    gap: 10px;
    width: 100% !important;
  }

  #aCardPosition > div[style*="display:flex"] > div:first-child .ant-btn,
  #aCardPosition > div[style*="display: flex"] > div:first-child .ant-btn,
  #aCardPosition .ant-card-body > div[style*="display:flex"] > div:first-child .ant-btn,
  #aCardPosition .ant-card-body > div[style*="display: flex"] > div:first-child .ant-btn {
    width: 96px !important;
    min-width: 96px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    word-break: keep-all;
  }

  #aCardPosition > div[style*="display:flex"] > div:first-child .ant-btn span,
  #aCardPosition > div[style*="display: flex"] > div:first-child .ant-btn span,
  #aCardPosition .ant-card-body > div[style*="display:flex"] > div:first-child .ant-btn span,
  #aCardPosition .ant-card-body > div[style*="display: flex"] > div:first-child .ant-btn span {
    white-space: nowrap !important;
    word-break: keep-all;
  }

  #aCardPosition > div[style*="display:flex"] > div:first-child > div,
  #aCardPosition > div[style*="display: flex"] > div:first-child > div,
  #aCardPosition .ant-card-body > div[style*="display:flex"] > div:first-child > div,
  #aCardPosition .ant-card-body > div[style*="display: flex"] > div:first-child > div {
    width: auto !important;
    margin-left: 0 !important;
    color: #52647c;
    font-size: 13px !important;
    line-height: 19px !important;
    word-break: keep-all;
  }

  #aCardPosition .action_button {
    display: grid !important;
    grid-template-columns: minmax(78px, .75fr) minmax(0, 1.4fr) minmax(78px, .75fr);
    align-items: center;
    gap: 8px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  #aCardPosition .action_button .ant-btn,
  #aCardPosition .action_button .datePicker {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
  }

  #aCardPosition .action_button .ant-calendar-picker {
    width: 100% !important;
  }

  #aCardPosition .action_button .ant-btn {
    padding: 0 8px !important;
    white-space: nowrap !important;
  }

  #aCardPosition .action_button .ant-calendar-picker-input {
    height: 38px !important;
    padding-left: 10px !important;
    padding-right: 34px !important;
    font-size: 14px !important;
  }

  #aCardPosition .timeTable {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 8px 0 12px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    border: 1px solid var(--welotr-border) !important;
    border-radius: 8px !important;
    background: #fff;
    box-sizing: border-box;
    box-shadow: inset -16px 0 14px -18px rgba(15, 23, 42, .45);
    touch-action: pan-x pan-y;
  }

  #aCardPosition .timeTable .table_head,
  #aCardPosition .timeTable .table_body,
  #aCardPosition .timeTable .table_body_line {
    width: max-content !important;
    min-width: 1036px !important;
  }

  #aCardPosition .timeTable .table_head,
  #aCardPosition .timeTable .table_body_line {
    display: flex !important;
    align-items: stretch;
  }

  #aCardPosition .timeTable .table_head {
    position: sticky;
    top: 0;
    z-index: 3;
    background: #fff;
  }

  #aCardPosition .timeTable .table_head > div:first-child,
  #aCardPosition .timeTable .table_body .table_body_line .teacher_name {
    position: sticky;
    left: 0;
    z-index: 2;
    flex: 0 0 84px !important;
    width: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    background: #fff !important;
    box-shadow: 1px 0 0 #e9edf3;
    box-sizing: border-box;
  }

  #aCardPosition .timeTable .table_head > div:first-child {
    z-index: 4;
  }

  #aCardPosition .timeTable .table_head .weekNum,
  #aCardPosition .timeTable .table_body .table_body_line .having_class {
    flex: 0 0 136px !important;
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
    box-sizing: border-box;
  }

  #aCardPosition .timeTable .table_head .weekNum {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 8px 6px !important;
    color: #4b5f78;
    font-size: 13px !important;
    line-height: 18px !important;
    white-space: normal !important;
    word-break: keep-all;
  }

  #aCardPosition .timeTable .table_head .weekNum.activeColor {
    color: #2563eb !important;
    background: #eff6ff;
    font-weight: 600;
  }

  #aCardPosition .timeTable .table_body .table_body_line {
    height: auto !important;
    min-height: 150px !important;
    border-bottom-color: #e9edf3 !important;
  }

  #aCardPosition .timeTable .table_body .table_body_line .teacher_name {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 150px !important;
    padding: 8px !important;
    color: #52647c;
    font-size: 13px !important;
    line-height: 19px !important;
    white-space: normal !important;
    word-break: break-all;
  }

  #aCardPosition .timeTable .table_body .table_body_line .teacher_name a {
    color: #52647c !important;
    white-space: normal !important;
    word-break: break-all;
  }

  #aCardPosition .timeTable .table_body .table_body_line .having_class {
    min-height: 150px !important;
    height: auto !important;
    padding: 10px 6px !important;
    overflow-y: auto !important;
    border-left-color: #e9edf3 !important;
    background: #fff;
    cursor: pointer;
    touch-action: manipulation;
  }

  #aCardPosition .timeTable .table_body .table_body_line .having_class:empty::after {
    content: "点按排课";
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 128px;
    border: 1px dashed #d5ddeb;
    border-radius: 6px;
    color: #8a97aa;
    font-size: 13px;
    line-height: 18px;
    background: #f8fafc;
    box-sizing: border-box;
  }

  #aCardPosition .timeTable .table_body .table_body_line .having_class .classInfoLine {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
  }

  #aCardPosition .timeTable .table_body .table_body_line .having_class .classInfoLine1by1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 6px !important;
  }

  #aCardPosition .timeTable .table_body .table_body_line .having_class .classInfoLine .button__,
  #aCardPosition .timeTable .table_body .table_body_line .having_class .classInfoLine1by1 .firstSpan,
  #aCardPosition .timeTable .table_body .table_body_line .having_class .button__ {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 38px !important;
    height: auto !important;
    padding: 6px 8px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    line-height: 17px !important;
    white-space: normal !important;
    word-break: break-word;
  }
}

@media (max-width: 380px) {
  #aCardPosition .action_button {
    grid-template-columns: 1fr 1fr;
  }

  #aCardPosition .action_button .datePicker {
    grid-column: 1 / -1;
    order: -1;
  }

  #aCardPosition .timeTable .table_head,
  #aCardPosition .timeTable .table_body,
  #aCardPosition .timeTable .table_body_line {
    min-width: 994px !important;
  }

  #aCardPosition .timeTable .table_head > div:first-child,
  #aCardPosition .timeTable .table_body .table_body_line .teacher_name {
    flex-basis: 78px !important;
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
  }

  #aCardPosition .timeTable .table_head .weekNum,
  #aCardPosition .timeTable .table_body .table_body_line .having_class {
    flex-basis: 132px !important;
    width: 132px !important;
    min-width: 132px !important;
    max-width: 132px !important;
  }
}

@media (max-width: 768px) {
  /* Mobile roll-call page: scoped to chunk-57b0d8ca / orderName. */
  div[data-v-e9b40346][style*="padding-bottom"] {
    padding-bottom: calc(190px + env(safe-area-inset-bottom)) !important;
  }

  .ant-card[data-v-e9b40346] > .ant-card-body {
    padding: 12px !important;
  }

  .ant-form-inline[data-v-e9b40346] {
    display: block !important;
    width: 100% !important;
  }

  .ant-form-inline[data-v-e9b40346] > [class*="ant-col-"],
  .ant-form-inline[data-v-e9b40346] .ant-row > [class*="ant-col-"] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item,
  .ant-form-item[data-v-e9b40346][style*="height"],
  .orderNameVueClass_time[data-v-e9b40346] {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 14px !important;
    line-height: normal !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item-label,
  .ant-form-inline[data-v-e9b40346] .ant-form-item-control-wrapper,
  .ant-form-inline[data-v-e9b40346] .ant-form-item-label[class*="ant-col-"],
  .ant-form-inline[data-v-e9b40346] .ant-form-item-control-wrapper[class*="ant-col-"] {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
    text-align: left !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item-label {
    margin: 0 0 6px !important;
    line-height: 20px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item-label > label,
  .ant-form-inline[data-v-e9b40346] .ant-form-item-required {
    display: inline-flex !important;
    align-items: center;
    min-height: 20px;
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 650;
    line-height: 20px !important;
    white-space: nowrap !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item-required::before,
  .orderNameVueClass_time[data-v-e9b40346] > .ant-form-item-label::before {
    position: static !important;
    display: inline-block !important;
    margin: 0 4px 0 0 !important;
    color: #f5222d !important;
    font-size: 14px !important;
    line-height: 20px !important;
    vertical-align: baseline !important;
  }

  .orderNameVueClass_time[data-v-e9b40346] > .ant-form-item-label {
    display: flex !important;
    align-items: center;
  }

  .ant-form-inline[data-v-e9b40346] .ant-form-item-control,
  .ant-form-inline[data-v-e9b40346] .ant-form-item-children {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 40px;
    line-height: normal !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-input,
  .ant-form-inline[data-v-e9b40346] .ant-input-number,
  .ant-form-inline[data-v-e9b40346] .ant-select,
  .ant-form-inline[data-v-e9b40346] .ant-select-selection,
  .ant-form-inline[data-v-e9b40346] .ant-calendar-picker,
  .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  .ant-form-inline[data-v-e9b40346] .ant-time-picker,
  .ant-form-inline[data-v-e9b40346] .ant-time-picker-input,
  .ant-form-inline[data-v-e9b40346] textarea.ant-input {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 40px !important;
    font-size: 15px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select-selection {
    display: block !important;
    box-sizing: border-box;
  }

  .ant-form-inline[data-v-e9b40346] .ant-input,
  .ant-form-inline[data-v-e9b40346] .ant-input-number,
  .ant-form-inline[data-v-e9b40346] .ant-select-selection--single,
  .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  .ant-form-inline[data-v-e9b40346] .ant-time-picker-input {
    height: 40px !important;
    line-height: 38px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-input-number-input {
    height: 38px !important;
    font-size: 15px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 38px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple {
    height: auto !important;
    min-height: 40px !important;
    padding: 2px 4px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__rendered {
    display: flex !important;
    min-height: 34px !important;
    margin: 0 !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    line-height: 28px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__choice {
    max-width: 100% !important;
    height: 28px !important;
    margin: 0 !important;
    padding-right: 24px !important;
    line-height: 26px !important;
  }

  .ant-form-inline[data-v-e9b40346] .ant-select + a {
    display: inline-flex !important;
    min-height: 28px;
    margin: 6px 0 0 !important;
    align-items: center;
    font-size: 14px !important;
    line-height: 20px !important;
  }

  .orderNameVueClass_time[data-v-e9b40346] .ant-form-item-control,
  .orderNameVueClass_time[data-v-e9b40346] .ant-form-item-children {
    display: flex !important;
    width: 100% !important;
    align-items: center;
    gap: 8px;
  }

  .orderNameVueClass_time[data-v-e9b40346] .ant-time-picker {
    flex: 1 1 0 !important;
    min-width: 0 !important;
  }

  .btns[data-v-e9b40346] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  .btns[data-v-e9b40346] .ant-btn {
    width: 100% !important;
    min-height: 40px !important;
    margin: 0 !important;
    font-size: 14px !important;
  }

  .user_management_table[data-v-e9b40346],
  .user_management_table[data-v-e9b40346].ant-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
  }

  .user_management_table[data-v-e9b40346] .ant-table-content,
  .user_management_table[data-v-e9b40346] .ant-table-body,
  .user_management_table[data-v-e9b40346] .ant-table-scroll .ant-table-body,
  .user_management_table[data-v-e9b40346] .ant-table-scroll .ant-table-header {
    width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .user_management_table[data-v-e9b40346] .ant-table {
    min-width: 940px !important;
    table-layout: auto !important;
  }

  .user_management_table[data-v-e9b40346] .ant-table-thead > tr > th,
  .user_management_table[data-v-e9b40346] .ant-table-tbody > tr > td {
    padding: 10px 12px !important;
    color: #334155;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
  }

  .user_management_table[data-v-e9b40346] .ant-radio-group {
    display: inline-flex !important;
    min-width: 304px;
    flex-wrap: nowrap !important;
    vertical-align: middle;
  }

  .user_management_table[data-v-e9b40346] .ant-radio-button-wrapper {
    min-width: 58px;
    padding: 0 10px !important;
    text-align: center;
    white-space: nowrap !important;
  }

  .user_management_table[data-v-e9b40346] .ant-input-number {
    width: 92px !important;
  }

  .user_management_table[data-v-e9b40346] textarea.ant-input {
    min-width: 160px !important;
    min-height: 36px !important;
  }

  .user_management_table[data-v-e9b40346] .ant-table-placeholder {
    position: sticky !important;
    left: 0 !important;
    width: calc(100vw - 48px) !important;
    max-width: calc(100vw - 48px) !important;
    min-height: 190px !important;
    box-sizing: border-box;
  }

  .footer[data-v-e9b40346] {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 30 !important;
    width: 100% !important;
    border-top: 1px solid #e3e8ef !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 -8px 22px rgba(15, 23, 42, .10) !important;
    text-align: left !important;
  }

  .footer[data-v-e9b40346] > .ant-card-body {
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 12px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .marginRight[data-v-e9b40346] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100% !important;
    margin: 0 !important;
  }

  .marginRight[data-v-e9b40346] span[data-v-e9b40346] {
    display: flex !important;
    min-height: 30px;
    margin: 0 !important;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #f8fafc;
    color: #475569;
    font-size: 13px !important;
    line-height: 18px !important;
    white-space: nowrap !important;
  }

  .footer[data-v-e9b40346] .ant-btn {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 6px !important;
    font-size: 16px !important;
    font-weight: 650;
  }
}

@media (max-width: 380px) {
  .btns[data-v-e9b40346] {
    grid-template-columns: 1fr;
  }

  .user_management_table[data-v-e9b40346] .ant-table {
    min-width: 900px !important;
  }

  .marginRight[data-v-e9b40346] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 768px) {
  /* Final mobile table audit layer for all institution pages and modals. */
  .ant-modal,
  .ant-modal-content {
    max-width: calc(100vw - 24px) !important;
  }

  .ant-modal-body {
    overflow-x: auto !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

  .ant-modal .ant-input,
  .ant-modal .ant-input-search,
  .ant-modal .ant-select,
  .ant-modal .ant-select-selection,
  .ant-modal .ant-calendar-picker,
  .ant-modal .ant-time-picker {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .ant-table-wrapper.welotr-mobile-table-box,
  .welotr-mobile-table-box {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-sizing: border-box;
  }

  .welotr-mobile-table-box .ant-table-content,
  .welotr-mobile-table-box .ant-table-body,
  .welotr-mobile-table-box .ant-table-scroll .ant-table-body,
  .welotr-mobile-table-box .ant-table-scroll .ant-table-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  .welotr-mobile-table-box .ant-table,
  .welotr-mobile-table-root {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  .welotr-mobile-table-box table,
  .welotr-mobile-table {
    min-width: var(--welotr-table-min, 720px) !important;
    width: var(--welotr-table-min, 720px) !important;
    table-layout: auto !important;
  }

  .welotr-mobile-table-box .ant-table-thead > tr > th,
  .welotr-mobile-table-box .ant-table-tbody > tr > td {
    padding: 9px 10px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  .welotr-mobile-table-box .ant-table-thead > tr > th {
    color: #334155 !important;
    font-weight: 650 !important;
    background: #f8fafc !important;
  }

  .welotr-mobile-table-box .ant-table-selection-column,
  .welotr-mobile-table-box .ant-table-row-cell-break-word:first-child {
    text-align: center !important;
  }

  .welotr-mobile-table-box .ant-table-placeholder {
    position: sticky !important;
    left: 0 !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    min-width: 0 !important;
    box-sizing: border-box;
    text-align: center !important;
  }

  .ant-modal .welotr-mobile-table-box .ant-table-placeholder {
    width: calc(100vw - 76px) !important;
    max-width: calc(100vw - 76px) !important;
  }

  .ant-modal .welotr-mobile-table-box .ant-table-thead > tr > th,
  .ant-modal .welotr-mobile-table-box .ant-table-tbody > tr > td {
    padding-left: 8px !important;
    padding-right: 8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
}

@media (max-width: 768px) {
  /* One-on-one class expansion table: keep real data-table columns on mobile. */
  .quittanceChildren .user_management_table[data-v-2ae52667],
  .user_management_table[data-v-2ae52667],
  .user_management_table[data-v-2ae52667].ant-table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-content,
  .user_management_table[data-v-2ae52667] .ant-table-body,
  .user_management_table[data-v-2ae52667] .ant-table-scroll,
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-body,
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-header {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  .user_management_table[data-v-2ae52667] .ant-table {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  .user_management_table[data-v-2ae52667] table {
    min-width: 1080px !important;
    width: 1080px !important;
    table-layout: auto !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-thead > tr > th,
  .user_management_table[data-v-2ae52667] .ant-table-tbody > tr > td {
    padding: 9px 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500;
    line-height: 20px !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-thead > tr > th {
    font-weight: 650 !important;
    background: #f8fafc !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(1),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(1) {
    min-width: 46px !important;
    width: 46px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(2),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(2) {
    min-width: 150px !important;
    width: 150px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(3),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(3) {
    min-width: 140px !important;
    width: 140px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(4),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(4) {
    min-width: 120px !important;
    width: 120px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(5),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(5) {
    min-width: 112px !important;
    width: 112px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(6),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(6) {
    min-width: 132px !important;
    width: 132px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(7),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(7) {
    min-width: 126px !important;
    width: 126px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(8),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(8) {
    min-width: 132px !important;
    width: 132px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-thead > tr > th:nth-child(9),
  .user_management_table[data-v-2ae52667] .ant-table-scroll .ant-table-tbody > tr > td:nth-child(9) {
    min-width: 112px !important;
    width: 112px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-fixed-right,
  .user_management_table[data-v-2ae52667] .ant-table-fixed-right .ant-table,
  .user_management_table[data-v-2ae52667] .ant-table-fixed-right table {
    min-width: 96px !important;
    width: 96px !important;
    max-width: 96px !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-fixed-right .ant-table-thead > tr > th,
  .user_management_table[data-v-2ae52667] .ant-table-fixed-right .ant-table-tbody > tr > td {
    min-width: 96px !important;
    width: 96px !important;
    max-width: 96px !important;
    text-align: center !important;
  }

  .user_management_table[data-v-2ae52667] .ant-table-placeholder {
    position: sticky !important;
    left: 0 !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    min-width: 0 !important;
    min-height: 190px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  /* Personal center mobile polish: remove desktop offsets and fixed field widths. */
  .page-header-wrapper-grid-content-main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 6px 18px !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  .page-header-wrapper-grid-content-main > .ant-spin-nested-loading,
  .page-header-wrapper-grid-content-main > .ant-spin-nested-loading > .ant-spin-container {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .page-header-wrapper-grid-content-main .ant-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .page-header-wrapper-grid-content-main .userInfoHtml,
  .page-header-wrapper-grid-content-main .userInfoHtml.ant-col,
  .page-header-wrapper-grid-content-main .userInfoHtml[class*="ant-col-"],
  .page-header-wrapper-grid-content-main .userInfoHtml[class*="ant-col-offset-"] {
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .userInfoHtml .aCard,
  .page-header-wrapper-grid-content-main .userInfoHtml .ant-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 12px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .userInfoHtml .ant-card .ant-card-body {
    padding: 14px 12px !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .model_title {
    margin: 0 0 16px !important;
    padding-bottom: 10px !important;
    color: #1f2937 !important;
    font-size: 17px !important;
    line-height: 24px !important;
  }

  .page-header-wrapper-grid-content-main .ant-upload-preview {
    width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
    margin: 4px auto 18px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .12) !important;
  }

  .page-header-wrapper-grid-content-main .ant-upload-preview .mask,
  .page-header-wrapper-grid-content-main .ant-upload-preview img {
    width: 76px !important;
    max-width: 76px !important;
    height: 76px !important;
  }

  .page-header-wrapper-grid-content-main .ant-upload-preview .upload-icon {
    top: -2px !important;
    right: -2px !important;
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 14px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, .18) !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder .username,
  .page-header-wrapper-grid-content-main .account-center-avatarHolder .bio {
    display: grid !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 14px !important;
    grid-template-columns: 76px minmax(0, 1fr);
    column-gap: 8px;
    row-gap: 8px;
    align-items: center;
    color: #1f2937 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder .bio {
    align-items: start;
  }

  .page-header-wrapper-grid-content-main .formLabel {
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  .page-header-wrapper-grid-content-main .bio > span.formLabel:empty {
    display: none !important;
  }

  .page-header-wrapper-grid-content-main .bio .ant-input,
  .page-header-wrapper-grid-content-main .bio .ant-input-affix-wrapper,
  .page-header-wrapper-grid-content-main .bio .ant-input-password,
  .page-header-wrapper-grid-content-main .bio .ant-input-wrapper,
  .page-header-wrapper-grid-content-main .bio .ant-form-item-control,
  .page-header-wrapper-grid-content-main .bio .ant-form-item-control-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .bio .ant-input,
  .page-header-wrapper-grid-content-main .bio .ant-input-affix-wrapper {
    min-height: 38px !important;
    border-radius: 6px !important;
  }

  .page-header-wrapper-grid-content-main .userInfoAlert {
    left: auto !important;
    grid-column: 2 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 6px 8px 6px 28px !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }

  .page-header-wrapper-grid-content-main .userInfoAlert .ant-alert-icon {
    top: 8px !important;
    left: 8px !important;
  }

  .page-header-wrapper-grid-content-main .userInfoAlert .ant-alert-message {
    display: block !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder > div[style*="margin-left"] {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-top: 12px !important;
    padding-left: 84px !important;
    box-sizing: border-box !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder > div[style*="margin-left"] .ant-btn {
    width: 100% !important;
    min-width: 0 !important;
    height: 42px !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
  }

  .ant-modal .avatar-upload-preview[data-v-0a3b1858] {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 150px !important;
    height: 150px !important;
    margin: 14px auto 0 !important;
    transform: none !important;
  }

  .ant-modal .avatar-upload-preview[data-v-0a3b1858] img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }

  .ant-modal .ant-col[style*="height: 350px"] {
    height: auto !important;
    min-height: 172px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ant-modal .vue-cropper {
    min-height: 260px !important;
    max-height: 300px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px !important;
    width: 100% !important;
    margin: 12px 0 0 !important;
  }

  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type::before,
  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type::after {
    display: none !important;
    content: none !important;
  }

  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type > .ant-col {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }

  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type > .ant-col:first-child {
    grid-column: span 2;
  }

  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type .ant-upload,
  .ant-modal-body:has(.vue-cropper) > .ant-row:last-of-type .ant-btn {
    width: 100% !important;
  }
}

@media (max-width: 380px) {
  .page-header-wrapper-grid-content-main {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .page-header-wrapper-grid-content-main .userInfoHtml .ant-card .ant-card-body {
    padding: 12px 10px !important;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder .username,
  .page-header-wrapper-grid-content-main .account-center-avatarHolder .bio {
    grid-template-columns: 72px minmax(0, 1fr);
    column-gap: 6px;
  }

  .page-header-wrapper-grid-content-main .account-center-avatarHolder > div[style*="margin-left"] {
    padding-left: 78px !important;
  }
}

@media (max-width: 768px) {
  /* Last-resort mobile fallback for the one-on-one class table. */
  body #app .quittanceChildren .user_management_table,
  body #app .quittanceChildren .user_management_table.ant-table-wrapper {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table,
  body #app .quittanceChildren .user_management_table .ant-table-layout-fixed {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
    table-layout: auto !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-content,
  body #app .quittanceChildren .user_management_table .ant-table-scroll,
  body #app .quittanceChildren .user_management_table .ant-table-body,
  body #app .quittanceChildren .user_management_table .ant-table-scroll .ant-table-body,
  body #app .quittanceChildren .user_management_table .ant-table-scroll .ant-table-header {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
  }

  body #app .quittanceChildren .user_management_table table {
    min-width: 1180px !important;
    width: 1180px !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th,
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td {
    overflow: hidden !important;
    padding: 10px 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th {
    background: #f8fafc !important;
    font-weight: 650 !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(1),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(1) {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    text-align: center !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(2),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(2) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(3),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(3) {
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(4),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(4) {
    width: 122px !important;
    min-width: 122px !important;
    max-width: 122px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(5),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(5) {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(6),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(6) {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(7),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(7) {
    width: 138px !important;
    min-width: 138px !important;
    max-width: 138px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(8),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(8) {
    width: 136px !important;
    min-width: 136px !important;
    max-width: 136px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(9),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(9) {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-thead > tr > th:nth-child(10),
  body #app .quittanceChildren .user_management_table .ant-table-tbody > tr > td:nth-child(10) {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    text-align: center !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-fixed-right,
  body #app .quittanceChildren .user_management_table .ant-table-fixed-right .ant-table,
  body #app .quittanceChildren .user_management_table .ant-table-fixed-right table {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-fixed-right .ant-table-thead > tr > th,
  body #app .quittanceChildren .user_management_table .ant-table-fixed-right .ant-table-tbody > tr > td {
    width: 116px !important;
    min-width: 116px !important;
    max-width: 116px !important;
    text-align: center !important;
  }

  body #app .quittanceChildren .user_management_table .ant-table-placeholder {
    position: sticky !important;
    left: 0 !important;
    width: calc(100vw - 52px) !important;
    max-width: calc(100vw - 52px) !important;
    min-width: 0 !important;
    min-height: 190px !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }
}

#welotr-mobile-workbench,
#welotr-mobile-page-bar,
#welotr-mobile-bottom-nav,
#welotr-mobile-account-logout,
#welotr-mobile-function-menu {
  display: none;
}

@media (max-width: 768px) {
  body.welotr-mobile-workbench-active {
    overflow: hidden !important;
    background: #f2f6fb !important;
  }

  html.welotr-mobile-workbench-active,
  html[data-welotr-mobile-mode="workbench"] {
    overflow: hidden !important;
    background: #f2f6fb !important;
  }

  body.welotr-mobile-workbench-active #app > .layout,
  body.welotr-mobile-workbench-active #app > .layout.ant-layout,
  body.welotr-mobile-workbench-active #app > div:not(#loading-mask),
  body[data-welotr-mobile-mode="workbench"] #app > .layout,
  body[data-welotr-mobile-mode="workbench"] #app > .layout.ant-layout,
  body[data-welotr-mobile-mode="workbench"] #app > div:not(#loading-mask) {
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.welotr-mobile-workbench-active #app #loading-mask,
  body[data-welotr-mobile-mode="workbench"] #app #loading-mask {
    display: none !important;
  }

  body.welotr-mobile-workbench-active #welotr-mobile-workbench {
    display: block;
  }

  html.welotr-mobile-workbench-active #welotr-mobile-workbench,
  body[data-welotr-mobile-mode="workbench"] #welotr-mobile-workbench {
    display: block !important;
  }

  body.welotr-mobile-shell-active #welotr-mobile-bottom-nav {
    display: flex;
  }

  #welotr-mobile-workbench[hidden],
  #welotr-mobile-bottom-nav:empty {
    display: none !important;
  }

  #welotr-mobile-workbench {
    position: fixed;
    inset: 0;
    z-index: 1180;
    width: 100vw;
    max-width: 100vw;
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
    color: #142033;
    background: #f2f6fb;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
      "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
  }

  .welotr-h5-app,
  .welotr-h5-main {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
  }

  .welotr-h5-app {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #f2f6fb;
  }

  .welotr-h5-topbar {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    min-height: calc(54px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 14px 0;
    background: rgba(255, 255, 255, .96);
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
  }

  .welotr-h5-icon-btn,
  .welotr-h5-avatar,
  .welotr-h5-hero-actions button,
  .welotr-h5-section-head button,
  .welotr-h5-feature,
  .welotr-h5-schedule-card,
  .welotr-h5-todo-item,
  .welotr-h5-empty,
  .welotr-h5-ops button,
  .welotr-h5-account-logout,
  .welotr-h5-nav-item {
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
    cursor: pointer;
    touch-action: manipulation;
  }

  .welotr-h5-icon-btn,
  .welotr-h5-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    padding: 0;
    color: #1e293b;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 8px;
  }

  .welotr-h5-avatar {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    background: #1f6fe5;
    border-color: #1f6fe5;
  }

  .welotr-h5-title {
    min-width: 0;
    text-align: center;
  }

  .welotr-h5-title span,
  .welotr-h5-title small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-title span {
    color: #102033;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
  }

  .welotr-h5-title small {
    margin-top: 1px;
    color: #64748b;
    font-size: 11px;
    line-height: 15px;
  }

  .welotr-h5-svg {
    width: 21px;
    height: 21px;
    flex: 0 0 21px;
  }

  .welotr-h5-main {
    flex: 1 1 auto;
    min-height: 0;
    padding: 12px 12px calc(84px + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .welotr-h5-hero,
  .welotr-h5-section,
  .welotr-h5-metric {
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
  }

  .welotr-h5-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    min-height: 132px;
    padding: 18px 16px 16px;
    color: #fff;
    background: #1f6fe5;
    overflow: hidden;
  }

  .welotr-h5-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    color: #e9f2ff;
    font-size: 12px;
    line-height: 18px;
    background: rgba(255, 255, 255, .14);
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
  }

  .welotr-h5-hero h1 {
    margin: 10px 0 4px;
    color: #fff;
    font-size: 25px;
    font-weight: 750;
    line-height: 32px;
    letter-spacing: 0;
  }

  .welotr-h5-hero p {
    max-width: 190px;
    margin: 0;
    color: rgba(255, 255, 255, .84);
    font-size: 13px;
    line-height: 20px;
  }

  .welotr-h5-hero-actions {
    display: grid;
    gap: 8px;
    width: 86px;
  }

  .welotr-h5-hero-actions button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-height: 38px;
    padding: 0 8px;
    color: #12315c;
    font-size: 13px;
    font-weight: 700;
    background: #fff;
    border-radius: 8px;
  }

  .welotr-h5-hero-actions .welotr-h5-svg {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .welotr-h5-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
  }

  .welotr-h5-metric {
    min-width: 0;
    min-height: 78px;
    padding: 12px;
    background: #fff;
  }

  .welotr-h5-metric strong,
  .welotr-h5-metric span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-metric strong {
    color: #102033;
    font-size: 21px;
    font-weight: 760;
    line-height: 27px;
  }

  .welotr-h5-metric span {
    margin-top: 6px;
    color: #64748b;
    font-size: 12px;
    line-height: 17px;
  }

  .welotr-h5-metric-blue {
    border-left: 3px solid #1f6fe5;
  }

  .welotr-h5-metric-green {
    border-left: 3px solid #19a96b;
  }

  .welotr-h5-metric-orange {
    border-left: 3px solid #e68a22;
  }

  .welotr-h5-metric-red {
    border-left: 3px solid #e14d4d;
  }

  .welotr-h5-section {
    margin-top: 10px;
    padding: 13px 12px 14px;
    background: #fff;
  }

  .welotr-h5-section-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 30px;
    margin-bottom: 11px;
  }

  .welotr-h5-section-head h2 {
    min-width: 0;
    margin: 0;
    color: #102033;
    font-size: 16px;
    font-weight: 750;
    line-height: 24px;
    letter-spacing: 0;
  }

  .welotr-h5-section-head button {
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0 10px;
    color: #1f6fe5;
    font-size: 12px;
    font-weight: 700;
    background: #eef5ff;
    border-radius: 8px;
  }

  .welotr-h5-todo-list {
    display: grid;
    gap: 8px;
  }

  .welotr-h5-todo-item,
  .welotr-h5-empty {
    display: grid;
    align-items: center;
    width: 100%;
    min-width: 0;
    min-height: 48px;
    color: #1e293b;
    text-align: left;
    background: #f8fbff;
    border: 1px solid #e4ecf6;
    border-radius: 8px;
  }

  .welotr-h5-todo-item {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px 10px;
  }

  .welotr-h5-todo-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    max-width: 58px;
    height: 24px;
    padding: 0 7px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #5a67d8;
    border-radius: 6px;
  }

  .welotr-h5-todo-text {
    min-width: 0;
    overflow: hidden;
    color: #334155;
    font-size: 13px;
    line-height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-chevron {
    color: #94a3b8;
    font-size: 21px;
    line-height: 21px;
  }

  .welotr-h5-empty {
    grid-template-columns: 40px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .welotr-h5-empty .welotr-h5-svg {
    width: 26px;
    height: 26px;
    color: #1f6fe5;
  }

  .welotr-h5-empty b,
  .welotr-h5-empty small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-empty b {
    color: #102033;
    font-size: 14px;
    line-height: 20px;
  }

  .welotr-h5-empty small {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    line-height: 16px;
  }

  .welotr-h5-schedule-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .welotr-h5-schedule-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 58px;
    padding: 9px 10px;
    color: #1e293b;
    text-align: left;
    background: #fff;
    border: 1px solid #e1e9f3;
    border-radius: 8px;
  }

  .welotr-h5-schedule-icon,
  .welotr-h5-feature-icon,
  .welotr-h5-ops span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #1f6fe5;
    background: #eef5ff;
    border: 1px solid #d9e9ff;
    border-radius: 8px;
  }

  .welotr-h5-schedule-icon {
    width: 40px;
    height: 40px;
  }

  .welotr-h5-schedule-card b,
  .welotr-h5-schedule-card small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-schedule-card b {
    color: #102033;
    font-size: 14px;
    line-height: 20px;
  }

  .welotr-h5-schedule-card small {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    line-height: 16px;
  }

  .welotr-h5-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 7px;
  }

  .welotr-h5-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 0;
    min-height: 78px;
    padding: 8px 4px;
    color: #1e293b;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
  }

  .welotr-h5-feature-icon {
    width: 38px;
    height: 38px;
  }

  .welotr-h5-feature-icon .welotr-h5-svg {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  .welotr-h5-feature-label {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #26364d;
    font-size: 12px;
    font-weight: 650;
    line-height: 16px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-ops {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
  }

  .welotr-h5-ops button {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    min-height: 88px;
    padding: 10px;
    text-align: left;
    background: #f8fbff;
    border: 1px solid #e4ecf6;
    border-radius: 8px;
  }

  .welotr-h5-ops span {
    width: 30px;
    height: 30px;
    margin-bottom: 8px;
  }

  .welotr-h5-ops span .welotr-h5-svg {
    width: 17px;
    height: 17px;
    flex-basis: 17px;
  }

  .welotr-h5-ops b,
  .welotr-h5-ops small {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-ops b {
    color: #102033;
    font-size: 15px;
    line-height: 20px;
  }

  .welotr-h5-ops small {
    margin-top: 2px;
    color: #64748b;
    font-size: 11px;
    line-height: 15px;
  }

  #welotr-mobile-bottom-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1195;
    align-items: center;
    justify-content: space-around;
    gap: 4px;
    min-height: calc(58px + env(safe-area-inset-bottom));
    padding: 6px 10px calc(6px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .98);
    border-top: 1px solid #dfe7f1;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, .08);
    backdrop-filter: saturate(140%) blur(12px);
  }

  body.welotr-mobile-page-active #welotr-mobile-account-logout {
    display: block;
  }

  #welotr-mobile-account-logout[hidden] {
    display: none !important;
  }

  #welotr-mobile-account-logout {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(72px + env(safe-area-inset-bottom));
    z-index: 1192;
    max-width: 480px;
    margin: 0 auto;
    pointer-events: none;
  }

  .welotr-h5-account-logout {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    min-height: 58px;
    padding: 9px 12px;
    color: #b42318;
    text-align: left;
    background: rgba(255, 255, 255, .98);
    border: 1px solid #f3c8c3;
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(180, 35, 24, .12);
    pointer-events: auto;
  }

  .welotr-h5-account-logout-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #d92d20;
    background: #fff3f1;
    border: 1px solid #ffd6d0;
    border-radius: 8px;
  }

  .welotr-h5-account-logout-icon .welotr-h5-svg {
    width: 20px;
    height: 20px;
    flex-basis: 20px;
  }

  .welotr-h5-account-logout-text {
    display: block;
    min-width: 0;
  }

  .welotr-h5-account-logout-text b,
  .welotr-h5-account-logout-text small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-account-logout-text b {
    color: #b42318;
    font-size: 15px;
    font-weight: 750;
    line-height: 22px;
  }

  .welotr-h5-account-logout-text small {
    margin-top: 1px;
    color: #7a2e27;
    font-size: 12px;
    line-height: 17px;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/account/center"] .layout.ant-layout .ant-layout-content .content,
  body.welotr-mobile-page-active[data-welotr-mobile-route="center"] .layout.ant-layout .ant-layout-content .content,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/account/center"] .page-header-index-wide,
  body.welotr-mobile-page-active[data-welotr-mobile-route="center"] .page-header-index-wide {
    padding-bottom: calc(154px + env(safe-area-inset-bottom)) !important;
  }

  body.welotr-mobile-workbench-active .ant-drawer,
  body.welotr-mobile-workbench-active .ant-drawer-mask {
    z-index: 1230 !important;
  }

  .welotr-h5-nav-item {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 0;
    min-height: 46px;
    padding: 3px 2px;
    color: #64748b;
    background: transparent;
    border-radius: 8px;
  }

  .welotr-h5-nav-item .welotr-h5-svg {
    width: 21px;
    height: 21px;
    flex-basis: 21px;
  }

  .welotr-h5-nav-item span {
    display: block;
    width: 100%;
    min-width: 0;
    overflow: hidden;
    font-size: 11px;
    font-weight: 650;
    line-height: 15px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-nav-item.is-active {
    color: #1f6fe5;
    background: #eef5ff;
  }

  .welotr-h5-icon-btn:active,
  .welotr-h5-avatar:active,
  .welotr-h5-hero-actions button:active,
  .welotr-h5-section-head button:active,
  .welotr-h5-feature:active,
  .welotr-h5-schedule-card:active,
  .welotr-h5-todo-item:active,
  .welotr-h5-empty:active,
  .welotr-h5-ops button:active,
  .welotr-h5-account-logout:active,
  .welotr-h5-nav-item:active {
    transform: translateY(1px);
  }
}

@media (max-width: 768px) {
  body.welotr-mobile-page-active {
    background: #f2f6fb !important;
  }

  body.welotr-mobile-page-active .layout.ant-layout .sidemenu .ant-header-fixedHeader,
  body.welotr-mobile-page-active .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-opened,
  body.welotr-mobile-page-active .layout.ant-layout .sidemenu .ant-header-fixedHeader.ant-header-side-closed,
  body.welotr-mobile-page-active .layout.ant-layout .header,
  body.welotr-mobile-page-active .layout.ant-layout .top-nav-header-index {
    display: none !important;
  }

  body.welotr-mobile-page-active #welotr-mobile-page-bar {
    display: grid;
  }

  #welotr-mobile-page-bar[hidden] {
    display: none !important;
  }

  #welotr-mobile-page-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1125;
    grid-template-columns: 44px minmax(0, 1fr) 44px;
    align-items: center;
    gap: 8px;
    min-height: calc(58px + env(safe-area-inset-top));
    padding: env(safe-area-inset-top) 14px 0;
    color: #142033;
    background: rgba(255, 255, 255, .98);
    border-bottom: 1px solid #e3eaf3;
    box-shadow: 0 1px 0 rgba(15, 23, 42, .03);
    backdrop-filter: saturate(140%) blur(12px);
    box-sizing: border-box;
  }

  .welotr-h5-page-title {
    min-width: 0;
    text-align: center;
  }

  .welotr-h5-page-title strong,
  .welotr-h5-page-title small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-page-title strong {
    color: #151d2a;
    font-size: 17px;
    font-weight: 760;
    line-height: 23px;
    letter-spacing: 0;
  }

  .welotr-h5-page-title small {
    margin-top: 1px;
    color: #8a96a8;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
  }

  body.welotr-mobile-page-active .layout.ant-layout,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout,
  body.welotr-mobile-page-active .layout.ant-layout .layout-content,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    overflow-x: hidden !important;
    background: #f2f6fb !important;
  }

  body.welotr-mobile-page-active .layout.ant-layout .sidemenu > .ant-layout-content,
  body.welotr-mobile-page-active .layout.ant-layout.mobile .sidemenu > .ant-layout-content {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 !important;
    padding-top: 0 !important;
    background: #f2f6fb !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .content,
  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .content {
    width: 100% !important;
    max-width: 100vw !important;
    min-height: calc(100vh - 58px);
    margin: 0 !important;
    padding: 10px 10px calc(92px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    background: #f2f6fb !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .page-header,
  body.welotr-mobile-page-active .page-header-wrapper,
  body.welotr-mobile-page-active .breadcrumb,
  body.welotr-mobile-page-active .ant-breadcrumb,
  body.welotr-mobile-page-active .topNavBar {
    display: none !important;
  }

  body.welotr-mobile-page-active .page-header-index-wide,
  body.welotr-mobile-page-active .rightContent,
  body.welotr-mobile-page-active .quittanceChildren,
  body.welotr-mobile-page-active .t-container,
  body.welotr-mobile-page-active .t-main-write,
  body.welotr-mobile-page-active .t-bg-write {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: transparent !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-card,
  body.welotr-mobile-page-active .table-page-search-wrapper,
  body.welotr-mobile-page-active .rightContent > div,
  body.welotr-mobile-page-active .quittanceChildren > div {
    max-width: 100% !important;
    border-radius: 8px !important;
    border-color: #e4ebf5 !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .04) !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-card {
    margin: 0 0 10px !important;
    background: #fff !important;
  }

  body.welotr-mobile-page-active .ant-card-body {
    padding: 12px !important;
  }

  body.welotr-mobile-page-active .table-page-search-wrapper,
  body.welotr-mobile-page-active .t-search-wrap {
    margin: 0 0 10px !important;
    padding: 10px !important;
    background: #fff !important;
  }

  body.welotr-mobile-page-active .table-page-search-wrapper .ant-form,
  body.welotr-mobile-page-active .table-page-search-wrapper .ant-form-inline,
  body.welotr-mobile-page-active .t-search-wrap .ant-form,
  body.welotr-mobile-page-active .t-search-wrap .ant-form-inline {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .table-page-search-wrapper .ant-row,
  body.welotr-mobile-page-active .t-search-wrap .ant-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .table-page-search-wrapper [class*="ant-col-"],
  body.welotr-mobile-page-active .t-search-wrap [class*="ant-col-"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active .ant-form-inline .ant-form-item,
  body.welotr-mobile-page-active .table-page-search-wrapper .ant-form-item,
  body.welotr-mobile-page-active .t-search-wrap .ant-form-item {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active .ant-form-item-label,
  body.welotr-mobile-page-active .ant-form-item-control-wrapper,
  body.welotr-mobile-page-active .ant-form-item-control,
  body.welotr-mobile-page-active .ant-form-item-children {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-form-item-label {
    margin: 0 0 6px !important;
    line-height: 20px !important;
  }

  body.welotr-mobile-page-active .ant-form-item-label > label {
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 650;
    line-height: 20px !important;
  }

  body.welotr-mobile-page-active .ant-input,
  body.welotr-mobile-page-active .ant-input-number,
  body.welotr-mobile-page-active .ant-input-number-input,
  body.welotr-mobile-page-active .ant-select,
  body.welotr-mobile-page-active .ant-select-selection,
  body.welotr-mobile-page-active .ant-calendar-picker,
  body.welotr-mobile-page-active .ant-calendar-picker-input,
  body.welotr-mobile-page-active .ant-time-picker,
  body.welotr-mobile-page-active .ant-time-picker-input,
  body.welotr-mobile-page-active .ant-cascader-picker {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-select-selection--single .ant-select-selection__rendered {
    line-height: 40px !important;
  }

  body.welotr-mobile-page-active textarea.ant-input {
    min-height: 96px !important;
    height: auto !important;
  }

  body.welotr-mobile-page-active .ant-btn {
    min-height: 40px;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 650;
  }

  body.welotr-mobile-page-active .ant-tabs-bar {
    margin: 0 0 10px !important;
    border-bottom-color: #e6edf6 !important;
    background: #fff;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  body.welotr-mobile-page-active .ant-tabs-bar::-webkit-scrollbar {
    display: none;
  }

  body.welotr-mobile-page-active .ant-tabs-tab-prev,
  body.welotr-mobile-page-active .ant-tabs-tab-next {
    display: none !important;
  }

  body.welotr-mobile-page-active .ant-tabs-nav-container,
  body.welotr-mobile-page-active .ant-tabs-nav-container-scrolling {
    height: auto !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active .ant-tabs-nav-wrap,
  body.welotr-mobile-page-active .ant-tabs-nav-scroll {
    width: 100% !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
  }

  body.welotr-mobile-page-active .ant-tabs-nav-wrap::-webkit-scrollbar,
  body.welotr-mobile-page-active .ant-tabs-nav-scroll::-webkit-scrollbar {
    display: none;
  }

  body.welotr-mobile-page-active .ant-tabs-nav {
    display: inline-flex !important;
    min-width: max-content;
    padding: 0 2px;
  }

  body.welotr-mobile-page-active .ant-tabs-nav .ant-tabs-tab {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px !important;
    margin-right: 8px !important;
    padding: 8px 14px !important;
    color: #64748b;
    font-size: 15px !important;
    line-height: 20px !important;
    white-space: nowrap !important;
    background: #f8fafc;
    border-radius: 8px;
  }

  body.welotr-mobile-page-active .ant-tabs-nav .ant-tabs-tab-active {
    color: #1f6fe5 !important;
    font-weight: 760 !important;
    background: #edf4ff;
  }

  body.welotr-mobile-page-active .ant-tabs-ink-bar {
    display: none !important;
  }

  body.welotr-mobile-page-active .ant-tabs-content,
  body.welotr-mobile-page-active .ant-tabs-tabpane {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list > .ant-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list > .ant-row::before,
  body.welotr-mobile-page-active .ant-card .description-list > .ant-row::after {
    display: none !important;
    content: none !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list > .ant-row > [class*="ant-col"] {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 58px !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #e6edf5 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list > .ant-row > [class*="ant-col"]:has(> .term:empty):has(> .content:empty) {
    display: none !important;
  }

  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .ant-card .description-list .term,
  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .ant-card .description-list .content,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .ant-card .description-list .term,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .ant-card .description-list .content {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
    word-break: break-word !important;
    white-space: normal !important;
  }

  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .ant-card .description-list .term,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .ant-card .description-list .term {
    margin-bottom: 4px !important;
    color: #7b8798 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 17px !important;
  }

  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .ant-card .description-list .content,
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .ant-card .description-list .content {
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    line-height: 21px !important;
  }

  body.welotr-mobile-page-active .ant-card .description-list .content:empty::after {
    content: "--";
    color: #94a3b8;
  }

  body.welotr-mobile-page-active .ant-card .description-list .content > span:empty::after {
    content: "--";
    color: #94a3b8;
  }

  body.welotr-mobile-page-active .description-list.welotr-mobile-detailified {
    margin: 10px 0 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.welotr-mobile-page-active .description-list.welotr-mobile-detailified > .ant-row {
    display: none !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-item {
    display: grid !important;
    align-content: start !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 62px !important;
    padding: 9px 10px !important;
    overflow: hidden !important;
    background: #f8fafc !important;
    border: 1px solid #e6edf5 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-label,
  body.welotr-mobile-page-active .welotr-mobile-detail-value {
    display: block !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-label {
    color: #7b8798 !important;
    font-size: 12px !important;
    font-weight: 680 !important;
    line-height: 17px !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-value {
    color: #172033 !important;
    font-size: 15px !important;
    font-weight: 720 !important;
    line-height: 21px !important;
    font-variant-numeric: tabular-nums;
  }

  body.welotr-mobile-page-active .welotr-mobile-detail-value.is-action {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #1f6fe5 !important;
    font: inherit !important;
    font-size: 15px !important;
    font-weight: 760 !important;
    line-height: 21px !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-legacy-detailified:not(.welotr-mobile-step-detailified) > *:not(.welotr-mobile-detail-grid) {
    display: none !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-step-detailified > .ant-row {
    display: none !important;
  }

  body.welotr-mobile-page-active .welotr-mobile-legacy-detailified {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass > div,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass span {
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass > div:first-child > span:first-child {
    display: block !important;
    margin: 0 0 6px !important;
    color: #172033 !important;
    font-size: 20px !important;
    font-weight: 780 !important;
    line-height: 26px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass .ant-tag {
    margin: 0 6px 0 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .titleClass .ant-btn {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .ant-card-body > div[style*="padding: 0 20px"],
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .ant-card-body > div[style*="padding:0 20px"] {
    padding: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .ant-tabs-bar {
    padding: 8px 10px !important;
    border: 1px solid #e6edf6 !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .ant-tabs-nav {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: minmax(96px, 1fr);
    width: max-content !important;
    min-width: 100% !important;
    gap: 8px !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .ant-tabs-nav .ant-tabs-tab {
    margin: 0 !important;
    padding: 8px 10px !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .action_button {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    margin: 10px 0 !important;
    text-align: center !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .action_button .ant-btn {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 6px !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .action_button .datePicker,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/classExpand/info"] .action_button .ant-calendar-picker {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .ant-card {
    margin: 0 0 10px !important;
    overflow: visible !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045) !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .ant-card-body {
    padding: 12px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .student_avatar {
    display: grid !important;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px 12px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    padding: 12px !important;
    overflow: visible !important;
    background: #fff !important;
    border: 1px solid #e5edf7 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .student_avatar > span:first-child {
    display: block !important;
    width: 64px !important;
    height: 64px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid #dbe7f3 !important;
    border-radius: 50% !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentBasicInfo {
    display: grid !important;
    gap: 5px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentName {
    display: block !important;
    max-width: 100% !important;
    color: #172033 !important;
    font-size: 19px !important;
    font-weight: 780 !important;
    line-height: 24px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .beReading {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    min-height: 26px !important;
    padding: 2px 8px !important;
    color: #0f766e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    background: #ecfdf5 !important;
    border: 1px solid #8dd7c0 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentInfoAction {
    grid-column: 1 / -1 !important;
    float: none !important;
    display: grid !important;
    grid-template-columns: minmax(106px, 1.45fr) minmax(62px, .8fr) minmax(62px, .8fr) 44px !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    margin: 2px 0 0 !important;
    padding: 10px 0 0 !important;
    overflow: visible !important;
    border-top: 1px dashed #e5ebf3 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentInfoAction .ant-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentInfoAction .ant-btn-primary {
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/studentExpand/studentInfo"] .studentInfoAction .ant-dropdown-trigger {
    min-width: 44px !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active .ant-radio-group,
  body.welotr-mobile-page-active .ant-checkbox-group,
  body.welotr-mobile-page-active .ant-segmented,
  body.welotr-mobile-page-active .ant-tabs-nav {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  body.welotr-mobile-page-active .ant-radio-button-wrapper,
  body.welotr-mobile-page-active .ant-checkbox-wrapper {
    min-height: 34px !important;
    margin: 0 8px 8px 0 !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    line-height: 32px !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .ant-pagination {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 12px 0 0 !important;
  }

  body.welotr-mobile-page-active .ant-pagination .ant-pagination-item,
  body.welotr-mobile-page-active .ant-pagination .ant-pagination-prev,
  body.welotr-mobile-page-active .ant-pagination .ant-pagination-next {
    min-width: 36px !important;
    height: 36px !important;
    line-height: 34px !important;
    border-radius: 8px !important;
  }

  .welotr-mobile-cardified .ant-table,
  .welotr-mobile-cardified .ant-table-content,
  .welotr-mobile-cardified .ant-table-scroll,
  .welotr-mobile-cardified .ant-table-body,
  .welotr-mobile-cardified .ant-table-header,
  .welotr-mobile-cardified .ant-table-fixed-left,
  .welotr-mobile-cardified .ant-table-fixed-right {
    display: none !important;
  }

  .welotr-mobile-card-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .welotr-card-item {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 12px;
    color: #172033;
    background: #fff;
    border: 1px solid #e5edf7;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .045);
    box-sizing: border-box;
  }

  .welotr-card-item.has-select {
    cursor: pointer;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
  }

  .welotr-card-item.has-select:active {
    background: #f8fbff;
    border-color: #b8ccf8;
  }

  .welotr-card-item.is-selected {
    background: #f7fbff;
    border-color: #1f6fe5;
    box-shadow: 0 10px 24px rgba(31, 111, 229, .12);
  }

  .welotr-card-item.has-actions {
    overflow: visible;
  }

  .welotr-card-head {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }

  .welotr-card-head.has-select {
    grid-template-columns: 24px 46px minmax(0, 1fr) auto;
  }

  .welotr-card-head.has-actions {
    grid-template-columns: 46px minmax(0, 1fr) auto 36px;
  }

  .welotr-card-head.has-select.has-actions {
    grid-template-columns: 24px 46px minmax(0, 1fr) auto 36px;
  }

  .welotr-card-select {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    color: #fff;
    background: transparent;
    border: 0;
  }

  .welotr-card-select span {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid #c8d2df;
    border-radius: 50%;
    box-sizing: border-box;
  }

  .welotr-card-select.is-checked span {
    border-color: #1f6fe5;
    background: #1f6fe5;
    box-shadow: inset 0 0 0 4px #1f6fe5;
  }

  .welotr-card-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    min-width: 46px;
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    background: #2f73ff;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(31, 111, 229, .18);
  }

  .welotr-card-title {
    min-width: 0;
  }

  .welotr-card-title strong,
  .welotr-card-title small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-card-title strong {
    color: #172033;
    font-size: 17px;
    font-weight: 780;
    line-height: 24px;
  }

  .welotr-card-title small {
    margin-top: 2px;
    color: #96a1b1;
    font-size: 13px;
    line-height: 18px;
  }

  .welotr-card-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
  }

  .welotr-card-tag {
    display: inline-flex;
    align-items: center;
    max-width: 96px;
    min-height: 26px;
    padding: 0 9px;
    overflow: hidden;
    color: #1f6fe5;
    font-size: 13px;
    font-weight: 750;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #eef5ff;
    border-radius: 999px;
  }

  .welotr-card-more {
    position: relative;
    z-index: 4;
    display: inline-flex;
    justify-self: end;
    align-self: start;
  }

  .welotr-card-more-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    color: #526173;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
    background: #f4f7fb;
    border: 1px solid #e4ebf4;
    border-radius: 8px;
    box-shadow: none;
  }

  .welotr-card-more-button span {
    display: block;
    height: 18px;
    margin-top: -8px;
    letter-spacing: 1px;
  }

  .welotr-card-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 20;
    display: none;
    min-width: 122px;
    padding: 6px;
    background: #fff;
    border: 1px solid #e3eaf3;
    border-radius: 8px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .16);
  }

  .welotr-card-more.is-open .welotr-card-menu {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px;
  }

  .welotr-card-tag.is-success {
    color: #13a947;
    background: #efffee;
  }

  .welotr-card-tag.is-warn {
    color: #f0751b;
    background: #fff3e8;
  }

  .welotr-card-tag.is-danger {
    color: #f0444f;
    background: #fff0f1;
  }

  .welotr-card-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #e5ebf3;
  }

  .welotr-card-fact {
    min-width: 0;
    padding: 8px 9px;
    background: #f6f9fd;
    border-radius: 8px;
  }

  .welotr-card-fact span,
  .welotr-card-fact b {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-card-fact span {
    color: #8a96a8;
    font-size: 12px;
    line-height: 17px;
  }

  .welotr-card-fact b {
    margin-top: 2px;
    color: #172033;
    font-size: 14px;
    font-weight: 720;
    line-height: 20px;
  }

  .welotr-card-actions {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(86px, 1fr));
    gap: 8px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px dashed #e5ebf3;
  }

  .welotr-card-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 44px;
    padding: 0 10px;
    overflow: hidden;
    color: #1f6fe5;
    font-size: 14px;
    font-weight: 760;
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #edf4ff;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
  }

  .welotr-card-action.is-primary {
    color: #fff;
    background: #1f6fe5;
    box-shadow: 0 7px 16px rgba(31, 111, 229, .20);
  }

  .welotr-card-action.is-soft {
    color: #1f6fe5;
    background: #edf4ff;
  }

  .welotr-card-action.is-danger {
    color: #f0444f;
    background: #fff0f1;
  }

  .welotr-card-menu .welotr-card-action {
    width: 100%;
    min-height: 38px;
    justify-content: flex-start;
    padding: 0 10px;
    color: #223047;
    font-size: 14px;
    background: transparent;
    border-radius: 6px;
    box-shadow: none;
  }

  .welotr-card-menu .welotr-card-action.is-primary,
  .welotr-card-menu .welotr-card-action.is-soft {
    color: #1f6fe5;
    background: transparent;
    box-shadow: none;
  }

  .welotr-card-menu .welotr-card-action.is-danger {
    color: #f0444f;
    background: transparent;
  }

  .welotr-card-menu .welotr-card-action:active,
  .welotr-card-menu .welotr-card-action:hover {
    background: #f5f8fc;
  }

  .welotr-empty-card {
    display: grid;
    place-items: center;
    min-height: 176px;
    padding: 24px 16px;
    color: #8a96a8;
    text-align: center;
    background: #fff;
    border: 1px dashed #d7e3f2;
    border-radius: 8px;
    box-sizing: border-box;
  }

  .welotr-empty-card::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    margin-bottom: 10px;
    background: #eef5ff;
    border-radius: 8px;
    box-shadow: inset 0 0 0 1px #dbeaff;
  }

  .welotr-empty-card strong,
  .welotr-empty-card span {
    display: block;
  }

  .welotr-empty-card strong {
    color: #52647c;
    font-size: 16px;
    font-weight: 720;
    line-height: 24px;
  }

  .welotr-empty-card span {
    margin-top: 4px;
    color: #9aa6b6;
    font-size: 13px;
    line-height: 18px;
  }

  body.welotr-mobile-shell-active .ant-modal-wrap {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 10px 0 calc(76px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-modal-wrap[style*="display: none"] {
    display: none !important;
    pointer-events: none !important;
  }

  body.welotr-mobile-shell-active .ant-modal {
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-modal-content {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-height: calc(100vh - 96px);
    overflow: hidden;
    border-radius: 8px 8px 0 0 !important;
  }

  @supports (height: 100svh) {
    body.welotr-mobile-shell-active .ant-modal-wrap {
      padding: 10px 0 max(14px, env(safe-area-inset-bottom)) !important;
    }

    body.welotr-mobile-shell-active .ant-modal-content {
      max-height: calc(100svh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    }
  }

  body.welotr-mobile-shell-active .ant-modal-header {
    flex: 0 0 auto;
    padding: 16px 44px 12px 16px !important;
    border-bottom-color: #eef2f7 !important;
    border-radius: 8px 8px 0 0 !important;
  }

  body.welotr-mobile-shell-active .ant-modal-title {
    color: #172033 !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 24px !important;
    text-align: center;
  }

  body.welotr-mobile-shell-active .ant-modal-close {
    top: 8px !important;
    right: 8px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 12px 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  body.welotr-mobile-shell-active .ant-modal-footer {
    flex: 0 0 auto;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    background: #fff !important;
    border-top-color: #eef2f7 !important;
    box-shadow: 0 -8px 18px rgba(15, 23, 42, .05);
  }

  body.welotr-mobile-shell-active .ant-modal-footer .ant-btn {
    width: 100% !important;
    height: 44px !important;
    margin: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-drawer,
  body.welotr-mobile-shell-active .ant-drawer-mask,
  body.welotr-mobile-shell-active .ant-modal-mask,
  body.welotr-mobile-shell-active .ant-modal-wrap {
    z-index: 1220 !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-content-wrapper,
  body.welotr-mobile-shell-active .ant-drawer-content {
    z-index: 1221 !important;
  }

  body.welotr-mobile-shell-active .ant-modal-wrap {
    z-index: 1221 !important;
  }
}

@media (max-width: 768px) {
  /* H5 polish layer for detail, form, filter and action surfaces. */
  body.welotr-mobile-page-active .ant-card-head {
    min-height: 46px !important;
    padding: 0 12px !important;
    border-bottom-color: #eef2f7 !important;
  }

  body.welotr-mobile-page-active .ant-card-head-title {
    padding: 11px 0 !important;
    color: #172033 !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 24px !important;
  }

  body.welotr-mobile-page-active .ant-card-extra {
    padding: 10px 0 !important;
  }

  body.welotr-mobile-page-active .ant-descriptions,
  body.welotr-mobile-page-active .ant-list,
  body.welotr-mobile-page-active .detail-card,
  body.welotr-mobile-page-active .detail-info,
  body.welotr-mobile-page-active .base-info,
  body.welotr-mobile-page-active .info-card {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-descriptions-view,
  body.welotr-mobile-page-active .ant-descriptions-view > table,
  body.welotr-mobile-page-active .ant-descriptions-view tbody,
  body.welotr-mobile-page-active .ant-descriptions-view tr {
    display: block !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .ant-descriptions-item {
    display: grid !important;
    grid-template-columns: minmax(84px, .36fr) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    width: 100% !important;
    padding: 12px 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
  }

  body.welotr-mobile-page-active .ant-descriptions-item-label,
  body.welotr-mobile-page-active .ant-descriptions-item-content {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: #8a96a8 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-page-active .ant-descriptions-item-content {
    color: #172033 !important;
    font-weight: 650 !important;
    text-align: right;
  }

  body.welotr-mobile-page-active .ant-list-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    width: 100% !important;
    padding: 12px 0 !important;
    border-bottom-color: #eef2f7 !important;
  }

  body.welotr-mobile-page-active .ant-list-item-meta {
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .ant-list-item-meta-title,
  body.welotr-mobile-page-active .ant-list-item-meta-description {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  body.welotr-mobile-page-active .ant-input-search,
  body.welotr-mobile-page-active .ant-input-affix-wrapper,
  body.welotr-mobile-page-active .ant-input-group-wrapper,
  body.welotr-mobile-page-active .ant-input-group {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active .ant-input-affix-wrapper {
    display: flex !important;
    align-items: center;
    min-height: 42px !important;
    border-radius: 8px !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-input-group-addon,
  body.welotr-mobile-page-active .ant-input-search-button {
    min-width: 74px !important;
    height: 42px !important;
    border-radius: 0 8px 8px 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
  }

  body.welotr-mobile-page-active .table-operator,
  body.welotr-mobile-page-active .operator,
  body.welotr-mobile-page-active .action_button,
  body.welotr-mobile-page-active .action-button,
  body.welotr-mobile-page-active .btns,
  body.welotr-mobile-page-active .button-group,
  body.welotr-mobile-page-active .ant-card-extra,
  body.welotr-mobile-page-active .ant-table-title {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px !important;
    overflow: visible !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .table-operator .ant-btn,
  body.welotr-mobile-page-active .operator .ant-btn,
  body.welotr-mobile-page-active .action_button .ant-btn,
  body.welotr-mobile-page-active .action-button .ant-btn,
  body.welotr-mobile-page-active .btns .ant-btn,
  body.welotr-mobile-page-active .button-group .ant-btn {
    flex: 1 1 auto;
    min-width: 86px;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active .ant-btn + .ant-btn,
  body.welotr-mobile-page-active .ant-btn + a,
  body.welotr-mobile-page-active a + .ant-btn {
    margin-left: 0 !important;
  }

  body.welotr-mobile-page-active .ant-tag,
  body.welotr-mobile-page-active .ant-badge,
  body.welotr-mobile-page-active .ant-select-selection__choice {
    max-width: 100%;
    border-radius: 999px !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .ant-alert {
    width: 100% !important;
    max-width: 100% !important;
    padding: 8px 10px 8px 32px !important;
    border-radius: 8px !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .ant-alert-message,
  body.welotr-mobile-page-active .ant-alert-description {
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-page-active .ant-empty,
  body.welotr-mobile-page-active .ant-table-placeholder {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 176px !important;
    padding: 30px 16px !important;
    color: #96a1b1 !important;
    background: #fff !important;
    border: 1px dashed #d7e3f2 !important;
    border-radius: 8px !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-shell-active .ant-select-dropdown,
  body.welotr-mobile-shell-active .ant-calendar-picker-container,
  body.welotr-mobile-shell-active .ant-time-picker-panel,
  body.welotr-mobile-shell-active .ant-cascader-menus,
  body.welotr-mobile-shell-active .ant-dropdown {
    max-width: calc(100vw - 20px) !important;
    z-index: 1240 !important;
  }

  body.welotr-mobile-shell-active .ant-dropdown-menu {
    max-width: calc(100vw - 20px) !important;
    border-radius: 8px !important;
    overflow: hidden;
  }

  body.welotr-mobile-shell-active .ant-dropdown-menu-item,
  body.welotr-mobile-shell-active .ant-select-dropdown-menu-item,
  body.welotr-mobile-shell-active .ant-cascader-menu-item {
    min-height: 40px !important;
    padding: 9px 14px !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active .t-fixed-btn,
  body.welotr-mobile-page-active .page-header-index-wide .footer:not(.ant-card),
  body.welotr-mobile-page-active .footer.ant-card,
  body.welotr-mobile-page-active .footer-toolbar,
  body.welotr-mobile-page-active .form-footer,
  body.welotr-mobile-page-active .fixed-footer,
  body.welotr-mobile-page-active .submit-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(58px + env(safe-area-inset-bottom)) !important;
    z-index: 1115 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100% !important;
    max-width: 100vw !important;
    padding: 10px 14px !important;
    background: rgba(255, 255, 255, .98) !important;
    border-top: 1px solid #e4ebf5 !important;
    box-shadow: 0 -8px 24px rgba(15, 23, 42, .08) !important;
    box-sizing: border-box;
  }

  body.welotr-mobile-page-active .t-fixed-btn .ant-btn,
  body.welotr-mobile-page-active .page-header-index-wide .footer:not(.ant-card) .ant-btn,
  body.welotr-mobile-page-active .footer.ant-card .ant-btn,
  body.welotr-mobile-page-active .footer-toolbar .ant-btn,
  body.welotr-mobile-page-active .form-footer .ant-btn,
  body.welotr-mobile-page-active .fixed-footer .ant-btn,
  body.welotr-mobile-page-active .submit-bar .ant-btn {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    font-size: 16px !important;
  }

  body.welotr-mobile-page-active .ant-form,
  body.welotr-mobile-page-active .ant-form .ant-row,
  body.welotr-mobile-page-active .ant-form [class*="ant-col-"] {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  /* Final H5 refinement pass: keep phone pages below the fixed title bar and
     turn dense data into readable label/value rows. */
  body.welotr-mobile-page-active .layout.ant-layout .ant-layout-content .content,
  body.welotr-mobile-page-active .layout.ant-layout.mobile .ant-layout-content .content {
    padding-top: calc(68px + env(safe-area-inset-top)) !important;
  }

  body.welotr-mobile-page-active .ant-card,
  body.welotr-mobile-page-active .ant-card-body,
  body.welotr-mobile-page-active .ant-form,
  body.welotr-mobile-page-active .ant-table-wrapper,
  body.welotr-mobile-page-active .welotr-mobile-card-list,
  body.welotr-mobile-page-active .welotr-card-item {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-form-item,
  body.welotr-mobile-page-active .ant-form-item-control,
  body.welotr-mobile-page-active .ant-form-item-control-wrapper,
  body.welotr-mobile-page-active .ant-form-item-children {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active .ant-form-item-children > *,
  body.welotr-mobile-page-active .ant-select-selection__rendered,
  body.welotr-mobile-page-active .ant-input,
  body.welotr-mobile-page-active textarea,
  body.welotr-mobile-page-active .ant-btn {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-form-item-label > label,
  body.welotr-mobile-page-active .ant-checkbox-wrapper,
  body.welotr-mobile-page-active .ant-radio-wrapper {
    white-space: normal !important;
    word-break: break-word !important;
  }

  .welotr-mobile-cardified {
    overflow: visible !important;
  }

  .welotr-mobile-cardified .ant-table-pagination {
    display: flex !important;
  }

  .welotr-card-item {
    overflow: hidden;
  }

  .welotr-card-item.has-actions {
    overflow: visible;
  }

  .welotr-card-head {
    align-items: start;
  }

  .welotr-card-tags:empty {
    display: none;
  }

  .welotr-card-facts {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
    padding: 8px 0 0 !important;
    background: #fff;
  }

  .welotr-card-fact {
    display: grid;
    grid-template-columns: minmax(82px, .34fr) minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    padding: 8px 0 !important;
    background: transparent !important;
    border-bottom: 1px solid #f0f4f8;
    border-radius: 0 !important;
  }

  .welotr-card-fact:last-child {
    border-bottom: 0;
  }

  .welotr-card-fact span,
  .welotr-card-fact b {
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  .welotr-card-fact b {
    margin-top: 0 !important;
    text-align: right;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-mobile-card-list {
    gap: 8px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-item {
    padding: 10px !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, .04) !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-head {
    align-items: center !important;
    gap: 8px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-head.has-select {
    grid-template-columns: 22px 42px minmax(0, 1fr) auto !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-select {
    width: 22px !important;
    height: 22px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-avatar {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    font-size: 20px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-title strong {
    font-size: 16px !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-title small {
    margin-top: 1px !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-facts {
    margin-top: 8px !important;
    padding-top: 6px !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .welotr-card-fact {
    grid-template-columns: minmax(72px, .32fr) minmax(0, 1fr) !important;
    padding: 6px 0 !important;
  }

  body.welotr-mobile-shell-active .ant-modal-body .ant-table-pagination {
    justify-content: center !important;
    margin: 10px 0 2px !important;
  }

  .welotr-card-actions {
    grid-template-columns: repeat(auto-fit, minmax(92px, 1fr)) !important;
  }

  body.welotr-mobile-page-active .rightContent .table:not(.ant-table),
  body.welotr-mobile-page-active .form_ .table:not(.ant-table),
  body.welotr-mobile-page-active .paybox .table:not(.ant-table),
  body.welotr-mobile-page-active .paycontent .table:not(.ant-table),
  body.welotr-mobile-page-active .paybigbox .table:not(.ant-table),
  body.welotr-mobile-page-active .payWays .table:not(.ant-table),
  body.welotr-mobile-page-active .makebox .table:not(.ant-table) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain;
  }

  body.welotr-mobile-page-active .rightContent .table:not(.ant-table) .table_head,
  body.welotr-mobile-page-active .rightContent .table:not(.ant-table) .table_body,
  body.welotr-mobile-page-active .rightContent .table:not(.ant-table) .table_body_line,
  body.welotr-mobile-page-active .rightContent .table:not(.ant-table) .table_title {
    min-width: 720px !important;
  }

  /* H5 form/detail hardening for legacy pages with fixed desktop widths. */
  body.welotr-mobile-page-active .nowPage,
  body.welotr-mobile-page-active .nowPage.ant-card,
  body.welotr-mobile-page-active .nowPage .ant-card,
  body.welotr-mobile-page-active .nowPage .ant-card-body,
  body.welotr-mobile-page-active .ant-card-body > div,
  body.welotr-mobile-page-active .nowPage .ant-form,
  body.welotr-mobile-page-active .nowPage .ant-row,
  body.welotr-mobile-page-active .nowPage .ant-form-item,
  body.welotr-mobile-page-active .basicInfo,
  body.welotr-mobile-page-active .basicInfo .left,
  body.welotr-mobile-page-active .basicInfo .right,
  body.welotr-mobile-page-active .makeUp,
  body.welotr-mobile-page-active .rightForm,
  body.welotr-mobile-page-active .formModelLine,
  body.welotr-mobile-page-active .displayFlex,
  body.welotr-mobile-page-active .displayFlex > * {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .nowPage,
  body.welotr-mobile-page-active .nowPage.ant-card,
  body.welotr-mobile-page-active .nowPage .ant-card,
  body.welotr-mobile-page-active .nowPage .ant-card-body,
  body.welotr-mobile-page-active .ant-card-body > div,
  body.welotr-mobile-page-active .basicInfo,
  body.welotr-mobile-page-active .makeUp,
  body.welotr-mobile-page-active .rightForm,
  body.welotr-mobile-page-active .displayFlex {
    overflow-x: hidden !important;
  }

  body.welotr-mobile-page-active .basicInfo {
    display: block !important;
  }

  body.welotr-mobile-page-active .ant-card-body > div {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.welotr-mobile-page-active .nowPage [class*="ant-col-"],
  body.welotr-mobile-page-active .nowPage .ant-form-item-label,
  body.welotr-mobile-page-active .nowPage .ant-form-item-control-wrapper,
  body.welotr-mobile-page-active .nowPage .ant-form-item-control,
  body.welotr-mobile-page-active .nowPage .ant-form-item-children,
  body.welotr-mobile-page-active .makeUp [class*="ant-col-"],
  body.welotr-mobile-page-active .rightForm [class*="ant-col-"],
  body.welotr-mobile-page-active .formModelLine [class*="ant-col-"] {
    float: none !important;
    display: block !important;
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .formModelLine {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-page-active .makeUp,
  body.welotr-mobile-page-active .rightForm,
  body.welotr-mobile-page-active .formModelLine > span,
  body.welotr-mobile-page-active .page-title,
  body.welotr-mobile-page-active .textAlignCenter[class*="ant-col"] {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
  }

  body.welotr-mobile-page-active .formModelLine > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    line-break: anywhere;
  }

  body.welotr-mobile-page-active .textAlignCenter[class*="ant-col"] {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.welotr-mobile-page-active .account-settings-info-left,
  body.welotr-mobile-page-active .account-settings-info-left .ant-menu-horizontal {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .account-settings-info-left .ant-menu-horizontal {
    display: flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .account-settings-info-left .ant-menu-item,
  body.welotr-mobile-page-active .account-settings-info-left .ant-menu-submenu {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .page-header-index-wide {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.welotr-mobile-page-active .btn_url_1,
  body.welotr-mobile-page-active .btn_url_2,
  body.welotr-mobile-page-active .copy_content,
  body.welotr-mobile-page-active a[href*="http"] {
    display: inline-flex !important;
    align-items: center !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-all !important;
    line-height: 1.45 !important;
  }

  body.welotr-mobile-page-active .ant-select-selection__placeholder {
    right: 24px !important;
    width: auto !important;
    max-width: calc(100% - 24px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .ant-input-number-handler-wrap {
    display: none !important;
  }

  body.welotr-mobile-page-active .ant-input-number-input {
    padding-right: 11px !important;
  }

  body.welotr-mobile-page-active .ant-switch {
    min-width: 52px !important;
    height: 32px !important;
    line-height: 32px !important;
    border-radius: 16px !important;
  }

  body.welotr-mobile-page-active .ant-switch::after {
    top: 2px !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 14px !important;
  }

  body.welotr-mobile-page-active .ant-switch-checked::after {
    margin-left: -29px !important;
  }

  body.welotr-mobile-page-active .ant-radio-wrapper,
  body.welotr-mobile-page-active .ant-checkbox-wrapper {
    margin-right: 8px !important;
  }

  body.welotr-mobile-page-active .ant-radio,
  body.welotr-mobile-page-active .ant-checkbox {
    overflow: hidden !important;
  }

  body.welotr-mobile-page-active a.action_icon,
  body.welotr-mobile-page-active .ant-card a:not(.ant-btn):not([href*="http"]),
  body.welotr-mobile-page-active .ant-form a:not(.ant-btn):not([href*="http"]) {
    min-width: 34px !important;
    min-height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .table:not(.ant-table) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .ant-modal-body .ant-form-item,
  body.welotr-mobile-page-active .ant-drawer-body .ant-form-item {
    margin-bottom: 12px !important;
  }
}

@media (max-width: 420px) {
  .welotr-card-head {
    grid-template-columns: 42px minmax(0, 1fr);
  }

  .welotr-card-head.has-select {
    grid-template-columns: 24px 42px minmax(0, 1fr);
  }

  .welotr-card-head.has-actions {
    grid-template-columns: 42px minmax(0, 1fr) 36px;
  }

  .welotr-card-head.has-select.has-actions {
    grid-template-columns: 24px 42px minmax(0, 1fr) 36px;
  }

  .welotr-card-avatar {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 20px;
  }

  .welotr-card-tags {
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 8px;
  }

  .welotr-card-head.has-select .welotr-card-tags {
    grid-column: 1 / -1;
  }

  .welotr-card-head.has-actions .welotr-card-tags {
    grid-column: 1 / -1;
  }

  .welotr-card-head.has-actions .welotr-card-more {
    grid-column: -2 / -1;
    grid-row: 1;
  }

  .welotr-card-fact {
    grid-template-columns: minmax(76px, .34fr) minmax(0, 1fr);
  }

  .welotr-card-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 360px) {
  body.welotr-mobile-page-active .welotr-mobile-detail-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .welotr-h5-main {
    padding-left: 9px;
    padding-right: 9px;
  }

  .welotr-h5-feature-grid {
    gap: 6px;
  }

  .welotr-h5-feature {
    min-height: 74px;
  }

  .welotr-h5-feature-icon {
    width: 34px;
    height: 34px;
  }

  .welotr-h5-feature-label {
    font-size: 11px;
  }

  .welotr-h5-hero {
    grid-template-columns: minmax(0, 1fr);
  }

  .welotr-h5-hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }
}

@media (max-width: 768px) {
  body.welotr-mobile-shell-active .ant-drawer.drawer-sider,
  body.welotr-mobile-shell-active .ant-drawer.drawer-sider .ant-drawer-mask,
  body.welotr-mobile-shell-active .ant-drawer.drawer-sider .ant-drawer-content-wrapper,
  body.welotr-mobile-shell-active .drawer-sider.ant-drawer,
  body.welotr-mobile-shell-active .drawer-sider .ant-drawer-content-wrapper {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.welotr-mobile-menu-open,
  html.welotr-mobile-menu-open {
    overflow: hidden !important;
  }

  body.welotr-mobile-shell-active #welotr-mobile-function-menu {
    display: block;
  }

  #welotr-mobile-function-menu[hidden] {
    display: none !important;
  }

  #welotr-mobile-function-menu {
    position: fixed;
    inset: 0;
    z-index: 1260;
    color: #102033;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
      "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  }

  .welotr-h5-menu-mask {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, .42);
    backdrop-filter: blur(6px);
  }

  .welotr-h5-menu-panel {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: min(82vh, 720px);
    max-height: min(82dvh, 720px);
    padding: 0 14px calc(16px + env(safe-area-inset-bottom));
    overflow: hidden;
    background: #f6f9fc;
    border-radius: 8px 8px 0 0;
    box-shadow: 0 -18px 50px rgba(15, 23, 42, .18);
    box-sizing: border-box;
  }

  .welotr-h5-menu-head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 40px;
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 10px 0;
    background: #f6f9fc;
    border-bottom: 1px solid #e2e8f0;
    box-sizing: border-box;
  }

  .welotr-h5-menu-head strong,
  .welotr-h5-menu-head small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-menu-head strong {
    color: #101828;
    font-size: 18px;
    font-weight: 780;
    line-height: 24px;
  }

  .welotr-h5-menu-head small {
    margin-top: 2px;
    color: #64748b;
    font-size: 12px;
    line-height: 16px;
  }

  .welotr-h5-menu-head .welotr-h5-icon-btn {
    color: #1e293b;
    font-size: 24px;
    line-height: 1;
    background: #fff;
  }

  .welotr-h5-menu-body {
    max-height: calc(min(82vh, 720px) - 64px - env(safe-area-inset-bottom));
    max-height: calc(min(82dvh, 720px) - 64px - env(safe-area-inset-bottom));
    padding: 12px 0 4px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .welotr-h5-menu-section {
    margin: 0 0 12px;
    padding: 12px;
    background: #fff;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .05);
  }

  .welotr-h5-menu-section h3 {
    margin: 0 0 10px;
    color: #102033;
    font-size: 14px;
    font-weight: 760;
    line-height: 20px;
  }

  .welotr-h5-menu-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }

  .welotr-h5-menu-item {
    display: flex;
    min-width: 0;
    min-height: 76px;
    padding: 9px 4px 8px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #1e293b;
    font-family: inherit;
    text-align: center;
    background: #f8fbff;
    border: 1px solid #e4ecf6;
    border-radius: 8px;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    touch-action: manipulation;
  }

  .welotr-h5-menu-item:active {
    transform: translateY(1px);
  }

  .welotr-h5-menu-icon {
    display: inline-flex;
    width: 34px;
    height: 34px;
    min-width: 34px;
    align-items: center;
    justify-content: center;
    color: #1f6fe5;
    background: #eef5ff;
    border-radius: 8px;
  }

  .welotr-h5-menu-icon .welotr-h5-svg {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
  }

  .welotr-h5-menu-label {
    display: block;
    width: 100%;
    min-width: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .welotr-h5-menu-empty {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    background: #fff;
    border: 1px solid #dfe7f1;
    border-radius: 8px;
  }
}

@media (max-width: 360px) {
  .welotr-h5-menu-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .welotr-h5-menu-panel {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* School selection transition page. */
.bd-content {
  min-height: 100vh !important;
  height: auto !important;
  color: #111827 !important;
  background:
    linear-gradient(180deg, #f5f8fc 0%, #eef7f2 100%) !important;
  overflow-x: hidden !important;
}

.bd-content .hd-top {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  height: auto !important;
  min-height: 60px !important;
  padding: 10px clamp(14px, 3vw, 28px) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  background: rgba(255, 255, 255, .94) !important;
  border-bottom: 1px solid rgba(210, 219, 232, .9) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05) !important;
  backdrop-filter: blur(12px);
}

.bd-content .hd-top .left-box,
.bd-content .hd-top .right-box {
  min-width: 0 !important;
}

.bd-content .hd-top .left-box {
  flex: 1 1 auto !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.bd-content .hd-top .left-box .logo {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background: #e8f1ff !important;
}

.bd-content .hd-top .left-box .title {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.bd-content .hd-top .right-box {
  flex: 0 1 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.bd-content .hd-top .right-box .phone {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 138px !important;
  height: auto !important;
  margin: 0 !important;
  padding: 7px 9px !important;
  color: #475569 !important;
  line-height: 1 !important;
  border: 1px solid #d9e3ee !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.bd-content .hd-top .right-box .iconfont {
  width: 28px !important;
  height: 28px !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563eb !important;
  border-radius: 8px !important;
  background: #e8f1ff !important;
}

.bd-content .hd-top .right-box span[style*="cursor"] {
  min-height: 32px !important;
  padding: 0 2px !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #2563eb !important;
  font-weight: 700 !important;
}

.bd-content .hd-content {
  min-height: calc(100vh - 60px) !important;
  margin: 0 !important;
  padding: clamp(18px, 4vw, 34px) !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  box-sizing: border-box !important;
}

.bd-content .hd-content .max-wrapper {
  width: min(100%, 980px) !important;
  min-height: 0 !important;
  flex: 0 1 auto !important;
  margin: 0 auto !important;
  padding: clamp(18px, 4vw, 34px) !important;
  background: rgba(255, 255, 255, .86) !important;
  border: 1px solid rgba(216, 226, 238, .95) !important;
  border-radius: 8px !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .08) !important;
  box-sizing: border-box !important;
}

.bd-content .hd-content .max-wrapper .title {
  margin: 0 0 18px !important;
  color: #111827 !important;
  font-size: clamp(22px, 5vw, 30px) !important;
  font-weight: 800 !important;
  line-height: 1.18 !important;
}

.bd-content .hd-content .max-wrapper .mySchool {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 12px !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box {
  position: relative !important;
  width: auto !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 94px !important;
  margin: 0 !important;
  padding: 14px 46px 14px 14px !important;
  display: flex !important;
  align-items: center !important;
  border: 1px solid #dde7f2 !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, .06) !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box::after {
  content: "" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  width: 9px !important;
  height: 9px !important;
  border-top: 2px solid #8aa0b8 !important;
  border-right: 2px solid #8aa0b8 !important;
  transform: translateY(-50%) rotate(45deg) !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box:hover,
.bd-content .hd-content .max-wrapper .mySchool .panel-box:focus-within {
  border-color: #5b8def !important;
  background: #f8fbff !important;
  box-shadow: 0 12px 30px rgba(37, 99, 235, .13) !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box:active {
  transform: translateY(1px) scale(.99) !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item {
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .logo {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  margin: 0 14px 0 0 !important;
  border-radius: 8px !important;
  object-fit: cover !important;
  background:
    linear-gradient(135deg, #dbeafe 0%, #dcfce7 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(37, 99, 235, .08) !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .logo:not(img) {
  position: relative !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .logo:not(img)::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 14px !important;
  width: 24px !important;
  height: 28px !important;
  border: 2px solid rgba(37, 99, 235, .42) !important;
  border-radius: 6px !important;
  box-sizing: border-box !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .logo:not(img)::after {
  content: "" !important;
  position: absolute !important;
  left: 21px !important;
  top: 22px !important;
  width: 14px !important;
  height: 2px !important;
  background: rgba(37, 99, 235, .42) !important;
  box-shadow: 0 7px 0 rgba(37, 99, 235, .3) !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .school-info {
  min-width: 0 !important;
  margin: 0 !important;
  flex: 1 1 auto !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .school-info .name {
  color: #111827 !important;
  font-size: 17px !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow-wrap: anywhere !important;
}

.bd-content .hd-content .max-wrapper .mySchool .panel-box .panel-box-item .school-info .endtime {
  width: fit-content !important;
  max-width: 100% !important;
  margin-top: 8px !important;
  padding: 4px 8px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  border-radius: 999px !important;
  background: #f1f5f9 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .bd-content {
    min-height: 100svh !important;
  }

  .bd-content .hd-top {
    padding-top: calc(10px + env(safe-area-inset-top)) !important;
    min-height: calc(60px + env(safe-area-inset-top)) !important;
  }

  .bd-content .hd-top .left-box .logo {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
  }

  .bd-content .hd-top .right-box {
    gap: 6px !important;
    font-size: 12px !important;
  }

  .bd-content .hd-top .right-box .phone {
    max-width: 112px !important;
    padding: 7px 8px !important;
  }

  .bd-content .hd-content {
    min-height: calc(100svh - 60px) !important;
    padding: 14px !important;
    align-items: flex-start !important;
  }

  .bd-content .hd-content .max-wrapper {
    padding: 18px 14px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .bd-content .hd-content .max-wrapper .title {
    margin-bottom: 14px !important;
  }

  .bd-content .hd-content .max-wrapper .mySchool {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  .bd-content .hd-content .max-wrapper .mySchool .panel-box {
    min-height: 92px !important;
    padding: 12px 42px 12px 12px !important;
  }
}

@media (max-width: 380px) {
  .bd-content .hd-top {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  .bd-content .hd-top .right-box {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .bd-content .hd-top .right-box .phone {
    max-width: calc(100vw - 146px) !important;
  }
}

@media (max-width: 768px) {
  /* Global H5 hardening pass for legacy Ant Design surfaces. */
  html.welotr-mobile-shell-active,
  body.welotr-mobile-shell-active,
  body.welotr-mobile-shell-active #app,
  body.welotr-mobile-shell-active .layout,
  body.welotr-mobile-shell-active .ant-layout,
  body.welotr-mobile-shell-active .ant-layout-content {
    max-width: 100vw !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .page-header-index-wide,
  body.welotr-mobile-page-active .content,
  body.welotr-mobile-page-active .ant-card,
  body.welotr-mobile-page-active .ant-card-body,
  body.welotr-mobile-page-active .ant-spin-nested-loading,
  body.welotr-mobile-page-active .ant-spin-container {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-drawer:not(.drawer-sider) .ant-drawer-content-wrapper {
    left: auto !important;
    right: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-drawer:not(.drawer-sider) .ant-drawer-content,
  body.welotr-mobile-shell-active .ant-drawer:not(.drawer-sider) .ant-drawer-wrapper-body {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-header {
    min-height: 54px !important;
    padding: 14px 52px 12px 16px !important;
    border-bottom-color: #eef2f7 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-title {
    max-width: 100% !important;
    color: #172033 !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    line-height: 24px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-close {
    width: 48px !important;
    height: 52px !important;
    line-height: 52px !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body {
    max-width: 100% !important;
    height: calc(100vh - 54px) !important;
    height: calc(100dvh - 54px) !important;
    padding: 14px 14px calc(96px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body *,
  body.welotr-mobile-shell-active .ant-modal-body * {
    max-width: 100%;
    box-sizing: border-box;
  }

  body.welotr-mobile-shell-active .ant-drawer-body [style*="width:"],
  body.welotr-mobile-shell-active .ant-modal-body [style*="width:"],
  body.welotr-mobile-shell-active .ant-drawer-body [style*="min-width:"],
  body.welotr-mobile-shell-active .ant-modal-body [style*="min-width:"] {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body .ant-form,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form,
  body.welotr-mobile-shell-active .ant-drawer-body .ant-form .ant-row,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form .ant-row {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body .ant-form [class*="ant-col-"],
  body.welotr-mobile-shell-active .ant-modal-body .ant-form [class*="ant-col-"],
  body.welotr-mobile-shell-active .ant-drawer-body .ant-form-item-label,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form-item-label,
  body.welotr-mobile-shell-active .ant-drawer-body .ant-form-item-control-wrapper,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form-item-control-wrapper {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body .ant-form-item-label,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form-item-label {
    padding: 0 0 5px !important;
    text-align: left !important;
  }

  body.welotr-mobile-shell-active .ant-drawer-body .ant-form-item-label > label,
  body.welotr-mobile-shell-active .ant-modal-body .ant-form-item-label > label {
    min-height: 20px !important;
    color: #637083 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    white-space: normal !important;
  }

  body.welotr-mobile-page-active .ant-input-group-wrapper,
  body.welotr-mobile-page-active .ant-input-group {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .ant-input-group-wrapper .ant-input-group {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: stretch !important;
  }

  body.welotr-mobile-page-active .ant-input-group > .ant-input,
  body.welotr-mobile-page-active .ant-input-group .ant-input-affix-wrapper {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .ant-input-group-addon,
  body.welotr-mobile-page-active .ant-input-search-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    white-space: nowrap !important;
  }

  body.welotr-mobile-page-active .ant-input-group-addon {
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
  }

  body.welotr-mobile-page-active .ant-list:not(.welotr-mobile-legacy-detailified) .ant-list-item {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }

  body.welotr-mobile-page-active .ant-list-item-content,
  body.welotr-mobile-page-active .ant-list-item-main,
  body.welotr-mobile-page-active .ant-list-item-meta-content,
  body.welotr-mobile-page-active .ant-list-item-extra {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
  }

  body.welotr-mobile-page-active .ant-list-item-action {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active .ant-list-item-action > li {
    flex: 1 1 auto !important;
    min-width: 82px !important;
    padding: 0 !important;
    text-align: center !important;
  }

  body.welotr-mobile-shell-active .ant-modal-footer,
  body.welotr-mobile-shell-active .ant-modal-confirm-btns,
  body.welotr-mobile-shell-active .drawButton,
  body.welotr-mobile-shell-active .drawer-footer,
  body.welotr-mobile-shell-active .ant-drawer .footer {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(112px, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-shell-active .ant-modal-confirm-btns .ant-btn,
  body.welotr-mobile-shell-active .drawButton .ant-btn,
  body.welotr-mobile-shell-active .drawer-footer .ant-btn,
  body.welotr-mobile-shell-active .ant-drawer .footer .ant-btn {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-popover,
  body.welotr-mobile-shell-active .ant-tooltip,
  body.welotr-mobile-shell-active .ant-dropdown,
  body.welotr-mobile-shell-active .ant-table-filter-dropdown {
    max-width: calc(100vw - 20px) !important;
  }

  body.welotr-mobile-shell-active .ant-popover-inner-content {
    max-width: calc(100vw - 28px) !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-shell-active .ant-popover-buttons {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  body.welotr-mobile-shell-active .ant-popover-buttons .ant-btn {
    width: 100% !important;
    margin: 0 !important;
  }

  body.welotr-mobile-shell-active .ant-select-dropdown-menu,
  body.welotr-mobile-shell-active .ant-cascader-menu,
  body.welotr-mobile-shell-active .ant-dropdown-menu {
    max-height: min(56vh, 420px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
}

@media (max-width: 380px) {
  body.welotr-mobile-shell-active .ant-modal-footer,
  body.welotr-mobile-shell-active .ant-modal-confirm-btns,
  body.welotr-mobile-shell-active .drawButton,
  body.welotr-mobile-shell-active .drawer-footer,
  body.welotr-mobile-shell-active .ant-drawer .footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 768px) {
  /* Roll-call page: fix label/input collisions and the bottom attendance bar. */
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] div[data-v-e9b40346][style*="padding-bottom"],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] div[data-v-e9b40346][style*="padding-bottom"] {
    padding-bottom: calc(260px + env(safe-area-inset-bottom)) !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] {
    margin: 0 0 12px !important;
    overflow: visible !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body {
    padding: 14px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] > .ant-row,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] > .ant-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] [class*="ant-col-"],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] [class*="ant-col-"] {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-item[data-v-e9b40346][style*="height"],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-item[data-v-e9b40346][style*="height"],
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: normal !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-control-wrapper,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-control-wrapper {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label {
    min-height: 22px !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label > label,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-label > label,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-required,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-required {
    position: static !important;
    display: inline-flex !important;
    height: auto !important;
    min-height: 22px !important;
    align-items: center !important;
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 22px !important;
    white-space: normal !important;
    word-break: break-word !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-required::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-required::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] > .ant-form-item-label::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] > .ant-form-item-label::before {
    position: static !important;
    display: inline-flex !important;
    margin: 0 5px 0 0 !important;
    align-items: center !important;
    color: #f43f5e !important;
    font-size: 14px !important;
    line-height: 22px !important;
    vertical-align: baseline !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-control,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-control,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-children,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-form-item-children {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    color: #374151 !important;
    font-size: 15px !important;
    font-weight: 560 !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] textarea.ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] textarea.ant-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    color: #334155 !important;
    font-size: 16px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-calendar-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-time-picker-input {
    height: 46px !important;
    padding: 0 12px !important;
    line-height: 44px !important;
    background: #fff !important;
    border: 1px solid #d7e0eb !important;
    border-radius: 8px !important;
    box-shadow: none !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection__rendered,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection__rendered {
    max-width: calc(100% - 28px) !important;
    margin-left: 0 !important;
    margin-right: 28px !important;
    line-height: 44px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple {
    height: auto !important;
    min-height: 46px !important;
    padding: 5px 8px !important;
    line-height: 1.2 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__rendered,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__rendered {
    display: flex !important;
    min-height: 34px !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    line-height: 28px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__choice,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select-selection--multiple .ant-select-selection__choice {
    max-width: 100% !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 26px 0 10px !important;
    line-height: 28px !important;
    border-radius: 999px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] .ant-form-item-children,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] .ant-form-item-children {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] .ant-time-picker,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .orderNameVueClass_time[data-v-e9b40346] .ant-time-picker {
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select + a,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-form-inline[data-v-e9b40346] .ant-select + a {
    display: inline-flex !important;
    min-height: 34px !important;
    margin: 6px 0 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    color: #1f6fe5 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background: #eef5ff !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .btns[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .btns[data-v-e9b40346] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .btns[data-v-e9b40346] .ant-btn,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .btns[data-v-e9b40346] .ant-btn {
    width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .footer[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .footer[data-v-e9b40346] {
    position: fixed !important;
    display: block !important;
    left: 0 !important;
    right: 0 !important;
    bottom: calc(58px + env(safe-area-inset-bottom)) !important;
    z-index: 1140 !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: rgba(255, 255, 255, .98) !important;
    border: 1px solid #e3eaf3 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    box-shadow: 0 -10px 28px rgba(15, 23, 42, .10) !important;
    backdrop-filter: blur(10px);
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .footer[data-v-e9b40346] > .ant-card-body,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .footer[data-v-e9b40346] > .ant-card-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 12px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346] {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346] span[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346] span[data-v-e9b40346] {
    display: flex !important;
    min-width: 0 !important;
    min-height: 32px !important;
    margin: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 3px 4px !important;
    color: #475569 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .footer[data-v-e9b40346] .ant-btn,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .footer[data-v-e9b40346] .ant-btn {
    width: 100% !important;
    height: 48px !important;
    margin: 0 !important;
    color: #fff !important;
    font-size: 17px !important;
    font-weight: 760 !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .user_management_table[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .user_management_table[data-v-e9b40346] {
    margin-bottom: 10px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-content,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-content,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-body,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-body,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table table,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table colgroup,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table colgroup,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table thead,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table thead,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-thead,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-thead,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-fixed-left,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-fixed-left,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-fixed-right,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-fixed-right {
    display: none !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-tbody > tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 13px !important;
    background: #fff !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-tbody > tr > td {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal !important;
    word-break: break-word !important;
    border: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-table-tbody > tr > td::before {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 17px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(1)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(1)::before {
    content: "姓名";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(2)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(2)::before {
    content: "消耗课程";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(3)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(3)::before {
    content: "剩余课时/天数";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(4)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(4)::before {
    content: "到课状态";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(5)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(5)::before {
    content: "扣课时";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(6)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(6)::before {
    content: "备注";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(7)::before,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:nth-child(7)::before {
    content: "操作";
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eef3f8 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child > span,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child > span {
    display: grid !important;
    gap: 3px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child div:first-child,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child div:first-child {
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 780 !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child div:nth-child(2),
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table tbody > tr > td:first-child div:nth-child(2) {
    color: #64748b !important;
    font-size: 13px !important;
    line-height: 18px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-group,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-group {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    white-space: normal !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-button-wrapper,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-button-wrapper {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 34px !important;
    justify-content: center !important;
    padding: 0 4px !important;
    font-size: 13px !important;
    line-height: 32px !important;
    text-align: center !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-input-number,
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table textarea.ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table textarea.ant-input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table textarea.ant-input,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table textarea.ant-input {
    min-height: 76px !important;
    padding: 9px 10px !important;
    line-height: 20px !important;
    resize: vertical !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table td a,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table td a {
    display: inline-flex !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 12px !important;
    color: #1f6fe5 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    background: #eef5ff !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo > div:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo > div:first-child > .ant-select,
  body.welotr-mobile-page-active .buyThingsInfo > div:first-child > .ant-select .ant-select-selection {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo > div:first-child > span {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo > div:first-child > span .ant-btn {
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-wrapper,
  body.welotr-mobile-page-active .buyThingsInfo .ant-spin-nested-loading,
  body.welotr-mobile-page-active .buyThingsInfo .ant-spin-container,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-content,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-scroll,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-body,
  body.welotr-mobile-page-active .buyThingsInfo table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-wrapper {
    margin-top: 12px !important;
    border: 0 !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-thead,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-header,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-fixed-left,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-fixed-right,
  body.welotr-mobile-page-active .buyThingsInfo .ant-table-fixed-right table,
  body.welotr-mobile-page-active .buyThingsInfo colgroup {
    display: none !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody,
  body.welotr-mobile-page-active .buyThingsInfo tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal !important;
    word-break: break-word !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td::before {
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 17px !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(1)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(1)::before {
    content: "购买项目";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(2)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(2)::before {
    content: "定价标准";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(3)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(3)::before {
    content: "购买数量";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(4)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(4)::before {
    content: "赠送数量";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(5)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(5)::before {
    content: "优惠/折扣";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(6)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(6)::before {
    content: "签约数量/时长";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(7)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(7)::before {
    content: "签约金额";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:nth-child(8)::before,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:nth-child(8)::before {
    content: "操作";
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:first-child,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:first-child {
    padding-bottom: 10px !important;
    border-bottom: 1px solid #eef3f8 !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:first-child > div,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:first-child > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 96px !important;
    gap: 8px !important;
    align-items: center !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:first-child > div > span,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:first-child > div > span {
    width: auto !important;
    max-width: 100% !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 780 !important;
    line-height: 22px !important;
    white-space: normal !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .courseTypeSelectApply {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 13px !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:first-child p,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:first-child p {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    margin: 8px 0 0 !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-table-tbody > tr > td:last-child,
  body.welotr-mobile-page-active .buyThingsInfo tbody > tr > td:last-child {
    padding-top: 10px !important;
    border-top: 1px solid #eef3f8 !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo .ant-select,
  body.welotr-mobile-page-active .buyThingsInfo .ant-input,
  body.welotr-mobile-page-active .buyThingsInfo .ant-input-number,
  body.welotr-mobile-page-active .buyThingsInfo .ant-calendar-picker,
  body.welotr-mobile-page-active .buyThingsInfo textarea,
  body.welotr-mobile-page-active .buyThingsInfo input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo td [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active .buyThingsInfo td a {
    display: inline-flex !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
    padding: 0 14px !important;
    color: #1f6fe5 !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    background: #eef5ff !important;
    border-radius: 8px !important;
  }

  /* Apply checkout: keep the purchase/payment flow usable on H5. */
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .page-header-index-wide,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .rightContent,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .quittanceChildren,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .ant-layout-content .content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-bottom: calc(178px + var(--welotr-mobile-footer) + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .ant-card,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .ant-card-body,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .form_,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .applyInfomation {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo > div:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 0 !important;
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 740 !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo > div:first-child > .ant-select,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo > div:first-child > .ant-select .ant-select-selection {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo > div:first-child > span {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo > div:first-child > span .ant-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    white-space: normal !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-wrapper,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-spin-nested-loading,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-spin-container,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-content,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-scroll,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-body,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-fixed,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    overflow: visible !important;
    transform: none !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-wrapper {
    margin-top: 12px !important;
    border: 0 !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-thead,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-header,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-fixed-left,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-fixed-right,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-fixed-left table,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-fixed-right table,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo colgroup {
    display: none !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-tbody,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-tbody > tr,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo tbody > tr {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 12px !important;
    background: #fff !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .05) !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-tbody > tr > td,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo tbody > tr > td {
    position: static !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    color: #334155 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal !important;
    word-break: break-word !important;
    border: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-table-tbody > tr > td:first-child > div,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo tbody > tr > td:first-child > div {
    grid-template-columns: minmax(0, 1fr) minmax(88px, 112px) !important;
    align-items: center !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-select,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-input,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-input-number,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-calendar-picker,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo textarea,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-select-selection,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-input,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-input-number {
    min-height: 42px !important;
    border-radius: 8px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .ant-input-number-input {
    height: 40px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .buyThingsInfo .courseTypeSelectApply .ant-select-selection {
    min-height: 34px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .receivable {
    display: flex !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 12px 0 0 !important;
    padding: 12px 14px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    color: #52647c !important;
    background: #fff !important;
    border-top: 1px solid #e3eaf3 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .receivable .receivable_num {
    color: #f28a3f !important;
    font-size: 24px !important;
    font-weight: 780 !important;
    line-height: 30px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .title {
    display: block !important;
    margin: 0 0 12px !important;
    padding: 0 0 10px !important;
    color: #334155 !important;
    font-size: 18px !important;
    font-weight: 760 !important;
    line-height: 26px !important;
    border-bottom: 1px solid #e8eef5 !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-row,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item-label,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item-control-wrapper,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item-control,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item-children {
    float: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item {
    margin-bottom: 14px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-form-item-label > label {
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-select,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-calendar-picker,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo .ant-input,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo textarea,
  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .otherInfo input {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .payWays {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .payWays .payWayBtn {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #dfe6ef !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .payWays .payWayBtn .ant-checkbox-wrapper {
    width: 100% !important;
    min-width: 0 !important;
    color: #334155 !important;
    font-size: 15px !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .payWays .payWayBtn .ant-input {
    min-height: 34px !important;
    padding: 4px 0 !important;
    text-align: right !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .footer {
    position: fixed !important;
    display: block !important;
    left: var(--welotr-mobile-gutter) !important;
    right: var(--welotr-mobile-gutter) !important;
    bottom: calc(var(--welotr-mobile-footer) + 8px + env(safe-area-inset-bottom)) !important;
    z-index: 1200 !important;
    width: auto !important;
    max-width: calc(100vw - (var(--welotr-mobile-gutter) * 2)) !important;
    min-height: 70px !important;
    padding: 0 !important;
    text-align: left !important;
    background: #fff !important;
    border: 1px solid #e3eaf3 !important;
    border-radius: 8px !important;
    box-shadow: 0 -10px 28px rgba(15, 23, 42, .12) !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .footer .ant-card-body {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 70px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    align-items: center !important;
    justify-content: space-between !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 750 !important;
    line-height: 22px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active:is([data-welotr-mobile-route="apply"], [data-welotr-mobile-route^="/finance/apply"], [data-welotr-mobile-route*="/finance/apply"]) .footer .ant-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font-size: 17px !important;
    font-weight: 800 !important;
  }

  /* Apply checkout polish: compatible selectors for older mobile webviews. */
  body.welotr-mobile-page-active .rightContent .buyThingsInfo {
    display: block !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo > div:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #52647c !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 22px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo > div:first-child > .ant-select,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo > div:first-child > .ant-select .ant-select-selection {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo > div:first-child > span {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo > div:first-child > span .ant-btn {
    display: inline-flex !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 6px !important;
    align-items: center !important;
    justify-content: center !important;
    color: #2f8f43 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    white-space: normal !important;
    background: #f2fbf5 !important;
    border: 1px solid #a9dfb4 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    touch-action: manipulation;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-wrapper,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-spin-nested-loading,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-spin-container,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-content,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-scroll,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-body,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo thead,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tr,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo td {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-wrapper,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-spin-nested-loading,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-spin-container,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-content,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-scroll,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-body,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tr {
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-wrapper {
    margin-top: 12px !important;
    border: 0 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-thead,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-header,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-left,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-right,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-left table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-right table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-left .ant-table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-right .ant-table,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-left .ant-table-body,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-fixed-right .ant-table-body,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo colgroup {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr {
    display: block !important;
    padding: 14px !important;
    background: #fff !important;
    border: 1px solid #e1e9f2 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06) !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td {
    position: static !important;
    left: auto !important;
    right: auto !important;
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 10px 0 !important;
    color: #253246 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: break-word !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #edf2f7 !important;
    box-shadow: none !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:last-child,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:last-child {
    border-bottom: 0 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td::before {
    display: block !important;
    color: #6b7c93 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
    text-align: left !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(1)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(1)::before {
    content: "购买项目";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(2)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(2)::before {
    content: "定价标准";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(3)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(3)::before {
    content: "购买数量";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(4)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(4)::before {
    content: "赠送数量";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(5)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(5)::before {
    content: "优惠/折扣";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(6)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(6)::before {
    content: "签约数量/时长";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(7)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(7)::before {
    content: "签约金额";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:nth-child(8)::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:nth-child(8)::before {
    content: "操作";
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:first-child,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:first-child {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:first-child::before,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:first-child::before {
    color: #52647c !important;
    font-size: 13px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:first-child > div,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:first-child > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(78px, 96px) !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:first-child > div > span,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:first-child > div > span {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    color: #152033 !important;
    font-size: 17px !important;
    font-weight: 820 !important;
    line-height: 23px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .courseTypeSelectApply,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .courseTypeSelectApply .ant-select-selection {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 34px !important;
    color: #2f8f43 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    background: #f1fbf4 !important;
    border-color: #9bd7a9 !important;
    border-radius: 999px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-table-tbody > tr > td:first-child p,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo tbody > tr > td:first-child p {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    align-items: center !important;
    color: #6b7c93 !important;
    font-size: 13px !important;
    font-weight: 750 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-select,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-input,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-input-number,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-calendar-picker,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo textarea,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo input,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo td [style*="width"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-select-selection,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-input,
  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-input-number {
    min-height: 42px !important;
    border-color: #d8e1ec !important;
    border-radius: 8px !important;
    background: #fff !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo .ant-input-number-input {
    height: 40px !important;
    color: #253246 !important;
    font-size: 15px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo td:nth-child(7) {
    color: #f28a3f !important;
    font-size: 18px !important;
    font-weight: 820 !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo td:last-child {
    padding-top: 12px !important;
  }

  body.welotr-mobile-page-active .rightContent .buyThingsInfo td:last-child a {
    display: inline-flex !important;
    width: auto !important;
    min-width: 86px !important;
    min-height: 44px !important;
    padding: 0 14px !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: start !important;
    color: #d14343 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    background: #fff6f6 !important;
    border: 1px solid #f2b8b8 !important;
    border-radius: 8px !important;
    touch-action: manipulation;
  }
}

@media (max-width: 380px) {
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .btns[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .btns[data-v-e9b40346] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-group,
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .ant-card[data-v-e9b40346] > .ant-card-body > .user_management_table .ant-radio-group {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 340px) {
  body.welotr-mobile-page-active[data-welotr-mobile-route^="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346],
  body.welotr-mobile-page-active[data-welotr-mobile-route*="/educationalCenter/class/orderName"] .marginRight[data-v-e9b40346] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

#welotr-network-bar[hidden],
#welotr-network-toast[hidden] {
  display: none !important;
}

#welotr-network-bar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2200;
  height: 3px;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
  background: rgba(37, 99, 235, .08);
  transition: opacity .18s ease;
}

#welotr-network-bar::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 42%;
  background: linear-gradient(90deg, rgba(37, 99, 235, 0), #2563eb, rgba(22, 163, 74, .9));
  border-radius: 999px;
  animation: welotr-network-slide 1.05s ease-in-out infinite;
}

body.welotr-network-busy #welotr-network-bar {
  opacity: 1;
}

#welotr-network-toast {
  position: fixed;
  top: calc(12px + env(safe-area-inset-top));
  left: 50%;
  z-index: 2201;
  max-width: min(320px, calc(100vw - 28px));
  padding: 9px 12px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  line-height: 18px;
  text-align: center;
  background: rgba(255, 255, 255, .96);
  border: 1px solid rgba(203, 213, 225, .9);
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .13);
  opacity: 0;
  pointer-events: none;
  transform: translate3d(-50%, -8px, 0);
  transition: opacity .18s ease, transform .18s ease;
}

#welotr-network-toast.is-visible {
  opacity: 1;
  transform: translate3d(-50%, 0, 0);
}

body.welotr-mobile-shell-active #welotr-network-toast {
  top: calc(64px + env(safe-area-inset-top));
}

.welotr-h5-feature.is-navigating,
.welotr-h5-nav-item.is-navigating,
.welotr-h5-schedule-card.is-navigating,
.welotr-h5-menu-item.is-navigating,
.welotr-h5-todo-item.is-navigating,
.welotr-h5-ops button.is-navigating,
.welotr-h5-hero-actions button.is-navigating {
  opacity: .72;
  transform: translateY(1px) scale(.99);
}

@keyframes welotr-network-slide {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(260%);
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}

/* Analysis dashboard refresh */
.topData[data-v-714c3904],
.quickAccess[data-v-714c3904],
.backLog[data-v-714c3904],
.followUp[data-v-714c3904],
.saleData[data-v-714c3904],
.studentData[data-v-714c3904] {
  color: #172033 !important;
}

.topData[data-v-714c3904] {
  position: relative !important;
}

.topData[data-v-714c3904]::before {
  content: "\6570\636E\4E2D\5FC3";
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 0 10px;
  margin-bottom: 14px;
  color: #1e40af;
  font-size: 13px;
  font-weight: 760;
  line-height: 20px;
  background: #eff6ff;
  border: 1px solid #dbeafe;
  border-radius: 6px;
}

.topData[data-v-714c3904] .topDataTitle[data-v-714c3904],
.quickAccess[data-v-714c3904] .quickAccess_top[data-v-714c3904],
.backLog[data-v-714c3904] .backLog_title[data-v-714c3904],
.saleTitle[data-v-714c3904],
.studentData[data-v-714c3904] .studentData_title[data-v-714c3904] {
  color: #0f172a !important;
  font-size: 17px !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}

.topData[data-v-714c3904] .topDataTitle[data-v-714c3904] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

.topData[data-v-714c3904] .topDataTitle[data-v-714c3904] > span:first-child {
  color: #0f172a !important;
  font-size: 20px !important;
  font-weight: 820 !important;
}

.topData[data-v-714c3904] .topDataTitle[data-v-714c3904]::after {
  content: "\7ECF\8425\6982\89C8 / \4ECA\65E5\51FA\52E4 / \672C\6708\6536\5165";
  margin-left: auto;
  color: #64748b;
  font-size: 13px;
  font-weight: 560;
}

.topData[data-v-714c3904] .topDataTitle[data-v-714c3904] .anticon {
  display: inline-flex !important;
  width: 32px !important;
  height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 12px !important;
  color: #2563eb !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}

.topData[data-v-714c3904] .topDataDisplayFlex[data-v-714c3904] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

.topData[data-v-714c3904] .topDataDesc[data-v-714c3904] {
  position: relative !important;
  width: auto !important;
  min-height: 110px !important;
  padding: 18px 18px 16px !important;
  margin: 0 !important;
  text-align: left !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .06) !important;
  overflow: hidden !important;
}

.topData[data-v-714c3904] .topDataDesc[data-v-714c3904]::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 16px;
  width: 34px;
  height: 34px;
  background: linear-gradient(135deg, #dbeafe, #bfdbfe);
  border-radius: 8px;
}

.topData[data-v-714c3904] .topDataDesc[data-v-714c3904]::after {
  content: "";
  position: absolute;
  top: 25px;
  right: 25px;
  width: 16px;
  height: 12px;
  border-top: 3px solid #2563eb;
  border-right: 3px solid #2563eb;
  transform: skew(-18deg);
}

.topData[data-v-714c3904] .topDataDesc:nth-child(2)[data-v-714c3904]::before {
  background: linear-gradient(135deg, #dcfce7, #bbf7d0);
}

.topData[data-v-714c3904] .topDataDesc:nth-child(2)[data-v-714c3904]::after {
  border-color: #16a34a;
}

.topData[data-v-714c3904] .topDataDesc:nth-child(3)[data-v-714c3904]::before {
  background: linear-gradient(135deg, #fef3c7, #fde68a);
}

.topData[data-v-714c3904] .topDataDesc:nth-child(3)[data-v-714c3904]::after {
  border-color: #d97706;
}

.topData[data-v-714c3904] .topDataDesc:nth-child(4)[data-v-714c3904]::before {
  background: linear-gradient(135deg, #fee2e2, #fecaca);
}

.topData[data-v-714c3904] .topDataDesc:nth-child(4)[data-v-714c3904]::after {
  border-color: #dc2626;
}

.topData[data-v-714c3904] .topDataDescPrice[data-v-714c3904] {
  max-width: calc(100% - 52px) !important;
  color: #0f172a !important;
  font-size: 28px !important;
  font-weight: 860 !important;
  line-height: 34px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.topData[data-v-714c3904] .topDataDescText[data-v-714c3904] {
  padding-top: 9px !important;
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}

.quickAccess[data-v-714c3904],
.backLog[data-v-714c3904] {
  min-height: 308px !important;
  height: auto !important;
}

.quickAccess[data-v-714c3904] .quickAccess_top_left[data-v-714c3904] {
  margin-bottom: 18px !important;
}

.quickAccess[data-v-714c3904] .quickAccess_content[data-v-714c3904] {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 0 !important;
}

.quickAccess[data-v-714c3904] .quickAccess_content_element[data-v-714c3904] {
  width: auto !important;
  margin: 0 !important;
}

.quickAccess[data-v-714c3904] .quickAccess_content_element_small[data-v-714c3904] {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 74px !important;
  padding: 12px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

.quickAccess[data-v-714c3904] .quickAccess_content_element_small[data-v-714c3904]:hover {
  background: #ffffff !important;
  border-color: #bfdbfe !important;
  box-shadow: 0 12px 28px rgba(37, 99, 235, .1) !important;
  transform: translateY(-2px) !important;
}

.quickAccess[data-v-714c3904] .fast-enter-icon[data-v-714c3904] {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  background-color: #eff6ff !important;
  border-radius: 8px !important;
  box-shadow: inset 0 0 0 1px #dbeafe !important;
  transform: scale(.7) !important;
  transform-origin: left center !important;
}

.quickAccess[data-v-714c3904] .rightContent[data-v-714c3904] {
  min-width: 0 !important;
  margin-left: 6px !important;
  color: #1e293b !important;
  font-size: 14px !important;
  font-weight: 720 !important;
  line-height: 20px !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.backLog[data-v-714c3904] {
  padding-right: 2px !important;
}

.backLog[data-v-714c3904] .backLog_title[data-v-714c3904] {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 14px !important;
}

.backLog[data-v-714c3904] .backLog_title[data-v-714c3904]::after {
  content: "\98CE\9669\4F18\5148";
  min-height: 24px;
  padding: 2px 8px;
  margin-left: 10px;
  color: #d97706;
  font-size: 12px;
  font-weight: 740;
  line-height: 18px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 6px;
}

.backLog[data-v-714c3904] .ant-list-item {
  padding: 8px 0 !important;
}

.backLog[data-v-714c3904] .ant-list-item a {
  display: flex !important;
  min-height: 42px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 9px 10px !important;
  color: #334155 !important;
  font-size: 13px !important;
  line-height: 20px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  transition: background .18s ease, border-color .18s ease, transform .18s ease !important;
}

.backLog[data-v-714c3904] .ant-list-item a:hover {
  background: #ffffff !important;
  border-color: #bfdbfe !important;
  transform: translateY(-1px) !important;
}

.backLog[data-v-714c3904] .ant-tag {
  min-width: 44px !important;
  margin-right: 8px !important;
  text-align: center !important;
  border-radius: 6px !important;
}

.backLog[data-v-714c3904] .ant-list-items:empty::after {
  content: "\6682\65E0\5F85\529E\4E8B\9879";
  display: grid;
  min-height: 210px;
  place-items: center;
  color: #94a3b8;
  font-size: 14px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
}

.followUp[data-v-714c3904] {
  padding-top: 8px !important;
}

.followUp[data-v-714c3904]::before {
  content: "\8DDF\8FDB\8868\683C";
  display: inline-flex;
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 17px;
  font-weight: 780;
  line-height: 24px;
}

.followUp[data-v-714c3904] .ant-tabs-bar {
  margin-bottom: 12px !important;
  border-bottom-color: #e2e8f0 !important;
}

.followUp[data-v-714c3904] .ant-radio-group {
  top: 8px !important;
}

.followUpAlert[data-v-714c3904] {
  height: auto !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  color: #1e40af !important;
  line-height: 20px !important;
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 8px !important;
}

.followUpAlert[data-v-714c3904] .followUpNum[data-v-714c3904] {
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 820 !important;
}

.user_management_table[data-v-714c3904] .ant-table-thead > tr > th {
  color: #475569 !important;
  font-weight: 760 !important;
  background: #f8fafc !important;
}

.followUp[data-v-714c3904] .ant-table-wrapper,
.user_management_table[data-v-714c3904] .ant-table-content {
  max-width: 100% !important;
  overflow-x: auto !important;
}

.user_management_table[data-v-714c3904] .ant-table-tbody > tr > td {
  color: #334155 !important;
  border-bottom-color: #edf2f7 !important;
}

.user_management_table[data-v-714c3904] .ant-table-tbody > tr:hover > td {
  background: #f8fbff !important;
}

.saleTitle[data-v-714c3904],
.studentData[data-v-714c3904] .studentData_title[data-v-714c3904] {
  margin-bottom: 14px !important;
}

.saleData[data-v-714c3904] {
  min-height: 310px !important;
}

.saleData[data-v-714c3904] .saleData_funnel[data-v-714c3904],
.saleData[data-v-714c3904] .saleData_Tortuous[data-v-714c3904],
.studentData[data-v-714c3904] .studentData_Echarts[data-v-714c3904] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
}

.saleData[data-v-714c3904] .saleData_funnel[data-v-714c3904] {
  min-height: 300px !important;
  padding-top: 8px !important;
}

.saleData[data-v-714c3904] .saleData_count_per[data-v-714c3904] {
  left: 16px !important;
  top: auto !important;
  bottom: 14px !important;
  padding: 8px 10px !important;
  color: #0f172a !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 20px !important;
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
}

.saleData[data-v-714c3904] .saleData_Tortuous[data-v-714c3904] {
  min-height: 300px !important;
  margin-left: 12px !important;
  padding-top: 38px !important;
}

.saleData[data-v-714c3904] .saleData_Tortuous[data-v-714c3904] .screen[data-v-714c3904],
.studentData[data-v-714c3904] .studentData_Echarts_select[data-v-714c3904] .ant-select {
  border-radius: 8px !important;
}

.studentData[data-v-714c3904] .studentData_Echarts[data-v-714c3904] {
  min-height: 310px !important;
  padding-top: 34px !important;
}

.studentData[data-v-714c3904] .studentData_Echarts_select[data-v-714c3904] {
  top: 12px !important;
  right: 12px !important;
}

.page-header-index-wide .ant-card:has(.topData[data-v-714c3904]),
.page-header-index-wide .ant-card:has(.quickAccess[data-v-714c3904]),
.page-header-index-wide .ant-card:has(.backLog[data-v-714c3904]),
.page-header-index-wide .ant-card:has(.followUp[data-v-714c3904]),
.page-header-index-wide .ant-card:has(.saleData[data-v-714c3904]),
.page-header-index-wide .ant-card:has(.studentData[data-v-714c3904]) {
  border: 1px solid rgba(226, 232, 240, .95) !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 30px rgba(15, 23, 42, .055) !important;
}

.page-header-index-wide .ant-card:has(.topData[data-v-714c3904]) > .ant-card-body,
.page-header-index-wide .ant-card:has(.quickAccess[data-v-714c3904]) > .ant-card-body,
.page-header-index-wide .ant-card:has(.backLog[data-v-714c3904]) > .ant-card-body,
.page-header-index-wide .ant-card:has(.followUp[data-v-714c3904]) > .ant-card-body,
.page-header-index-wide .ant-card:has(.saleData[data-v-714c3904]) > .ant-card-body,
.page-header-index-wide .ant-card:has(.studentData[data-v-714c3904]) > .ant-card-body {
  border-radius: 8px !important;
}

@media (max-width: 1180px) {
  .topData[data-v-714c3904] .topDataDisplayFlex[data-v-714c3904] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .quickAccess[data-v-714c3904] .quickAccess_content[data-v-714c3904] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 860px) {
  .topData[data-v-714c3904] .topDataTitle[data-v-714c3904] {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .topData[data-v-714c3904] .topDataTitle[data-v-714c3904]::after {
    width: 100%;
    order: 3;
    margin-left: 0;
  }

  .topData[data-v-714c3904] .topDataDisplayFlex[data-v-714c3904],
  .quickAccess[data-v-714c3904] .quickAccess_content[data-v-714c3904] {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .saleData[data-v-714c3904] .saleData_Tortuous[data-v-714c3904] {
    margin-left: 0 !important;
    margin-top: 12px !important;
  }

  .followUp[data-v-714c3904] .ant-radio-group {
    position: static !important;
    margin-bottom: 12px !important;
  }
}

@media (max-width: 520px) {
  .topData[data-v-714c3904] .topDataTitle[data-v-714c3904] > span:first-child {
    width: 100%;
    font-size: 18px !important;
  }

  .topData[data-v-714c3904] .topDataDescPrice[data-v-714c3904] {
    font-size: 24px !important;
    line-height: 30px !important;
  }

  .quickAccess[data-v-714c3904] .quickAccess_content_element_small[data-v-714c3904] {
    min-height: 66px !important;
    padding: 10px !important;
  }

  .quickAccess[data-v-714c3904] .fast-enter-icon[data-v-714c3904] {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .quickAccess[data-v-714c3904] .quickAccess_content_element_small[data-v-714c3904],
  .backLog[data-v-714c3904] .ant-list-item a {
    transition-duration: .01ms !important;
  }
}

/* Data center analytics cockpit */
body.xb-analysis-route {
  max-width: 100%;
  margin: 0;
  overflow-x: hidden;
}

body.xb-analysis-route .page-header-index-wide {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden;
}

.xb-analysis-center,
.xb-analysis-center * {
  box-sizing: border-box;
  letter-spacing: 0;
}

.xb-analysis-center {
  width: 100%;
  margin: 0 0 18px;
  color: #172033;
}

.xb-analysis-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 18px;
  align-items: stretch;
  min-height: 126px;
  padding: 22px 24px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(15, 23, 42, .06);
}

.xb-analysis-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 9px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-analysis-hero h1 {
  margin: 10px 0 6px;
  color: #0f172a;
  font-size: 26px;
  font-weight: 840;
  line-height: 34px;
}

.xb-analysis-hero p {
  max-width: 640px;
  margin: 0;
  color: #64748b;
  font-size: 14px;
  font-weight: 560;
  line-height: 22px;
}

.xb-analysis-hero-side {
  display: grid;
  min-width: 0;
  align-content: center;
  justify-items: start;
  padding: 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-analysis-hero-side strong {
  margin-top: 10px;
  color: #0f172a;
  font-size: 18px;
  font-weight: 820;
  line-height: 24px;
}

.xb-analysis-hero-side small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
}

.xb-live-dot {
  width: 10px;
  height: 10px;
  background: #16a34a;
  border-radius: 50%;
  box-shadow: 0 0 0 6px rgba(22, 163, 74, .12);
}

.xb-analysis-tabs {
  display: flex;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  margin: 14px 0;
  padding: 6px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  background: #eef4fb;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-analysis-tab {
  flex: 0 0 auto;
  min-width: 92px;
  min-height: 34px;
  padding: 6px 12px;
  color: #475569;
  font-size: 13px;
  font-weight: 720;
  line-height: 20px;
  white-space: nowrap;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-analysis-tab:hover,
.xb-analysis-tab:focus-visible {
  color: #1e40af;
  background: #ffffff;
  border-color: #bfdbfe;
  outline: none;
}

.xb-analysis-tab.is-active {
  color: #0f172a;
  background: #ffffff;
  border-color: #bfdbfe;
  box-shadow: 0 7px 18px rgba(37, 99, 235, .12);
}

.xb-analysis-toolbar {
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
  min-width: 0;
  margin: 0 0 14px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04);
}

.xb-filter-groups {
  display: flex;
  gap: 8px;
  align-items: center;
  min-width: 0;
  flex-wrap: wrap;
}

.xb-period-tabs {
  display: inline-flex;
  gap: 6px;
  min-width: 0;
  padding: 4px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-dimension-tabs {
  display: inline-flex;
  gap: 6px;
  min-width: 0;
  padding: 4px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-period-tabs button,
.xb-dimension-tabs button,
.xb-analysis-tools button {
  min-height: 32px;
  padding: 5px 11px;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  border-radius: 6px;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-period-tabs button {
  color: #475569;
  background: transparent;
  border: 1px solid transparent;
}

.xb-dimension-tabs button {
  color: #64748b;
  background: transparent;
  border: 1px solid transparent;
}

.xb-period-tabs button:hover,
.xb-period-tabs button:focus-visible,
.xb-period-tabs button.is-active,
.xb-dimension-tabs button:hover,
.xb-dimension-tabs button:focus-visible,
.xb-dimension-tabs button.is-active {
  color: #0f172a;
  background: #ffffff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 6px 14px rgba(37, 99, 235, .1);
}

.xb-analysis-tools {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}

.xb-analysis-tools span {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  white-space: nowrap;
}

.xb-analysis-tools button {
  color: #1e40af;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
}

.xb-analysis-tools button:hover,
.xb-analysis-tools button:focus-visible {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .16);
}

.xb-analysis-tools button:disabled,
.xb-analysis-tools button:disabled:hover,
.xb-analysis-tools button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-analysis-section {
  display: grid;
  gap: 14px;
}

.xb-section-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-section-head h2 {
  margin: 0;
  color: #0f172a;
  font-size: 20px;
  font-weight: 820;
  line-height: 28px;
}

.xb-section-head p {
  margin: 4px 0 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 560;
  line-height: 20px;
}

.xb-section-head button {
  min-height: 34px;
  padding: 6px 13px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 740;
  line-height: 20px;
  background: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.xb-section-head button:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
  transform: translateY(-1px);
}

.xb-analysis-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.xb-analysis-kpi {
  position: relative;
  min-width: 0;
  min-height: 130px;
  padding: 16px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
  cursor: pointer;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-analysis-kpi:hover,
.xb-analysis-kpi:focus-visible {
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 14px 30px rgba(37, 99, 235, .11);
  transform: translateY(-1px);
}

.xb-analysis-kpi::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 4px;
  height: 100%;
  background: #2563eb;
}

.xb-kpi-success::before {
  background: #16a34a;
}

.xb-kpi-warning::before {
  background: #d97706;
}

.xb-kpi-danger::before {
  background: #dc2626;
}

.xb-analysis-kpi-top {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
}

.xb-analysis-kpi-top span {
  min-width: 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 720;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.xb-analysis-kpi-top i {
  width: 26px;
  height: 26px;
  min-width: 26px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-kpi-success .xb-analysis-kpi-top i {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.xb-kpi-warning .xb-analysis-kpi-top i {
  background: #fffbeb;
  border-color: #fde68a;
}

.xb-kpi-danger .xb-analysis-kpi-top i {
  background: #fef2f2;
  border-color: #fecaca;
}

.xb-analysis-kpi strong {
  display: block;
  min-width: 0;
  margin-top: 14px;
  color: #0f172a;
  font-size: 25px;
  font-weight: 860;
  line-height: 32px;
  overflow-wrap: anywhere;
}

.xb-analysis-kpi small {
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.xb-executive-summary {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  margin: 10px 0 12px;
}

.xb-executive-summary article {
  min-width: 0;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-executive-summary span,
.xb-executive-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-executive-summary strong {
  display: block;
  min-width: 0;
  margin: 3px 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 18px;
  font-weight: 820;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-executive-summary small b {
  margin-right: 6px;
  color: #1e40af;
  font-weight: 780;
}

.xb-analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr);
  gap: 14px;
  align-items: stretch;
}

.xb-analysis-panel {
  min-width: 0;
  min-height: 320px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .05);
}

.xb-panel-wide {
  grid-column: span 1;
}

.xb-panel-head {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 12px;
}

.xb-panel-head h3 {
  margin: 0;
  color: #0f172a;
  font-size: 16px;
  font-weight: 820;
  line-height: 24px;
}

.xb-panel-head span {
  flex: 0 0 auto;
  max-width: 48%;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 20px;
  text-align: right;
}

.xb-trend-chart {
  position: relative;
  min-height: 246px;
  padding: 8px 4px 22px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-trend-chart svg {
  display: block;
  width: 100%;
  height: 210px;
}

.xb-grid-line {
  fill: none;
  stroke: #dbe5f2;
  stroke-width: 1;
}

.xb-line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.xb-line-new {
  stroke: #2563eb;
}

.xb-line-invalid {
  stroke: #d97706;
}

.xb-trend-labels {
  position: absolute;
  right: 14px;
  bottom: 10px;
  left: 14px;
  display: flex;
  justify-content: space-between;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
}

.xb-funnel {
  display: grid;
  gap: 12px;
  min-height: 218px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-funnel-row {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 56px;
  gap: 10px;
  align-items: center;
  min-width: 0;
}

.xb-funnel-row span,
.xb-funnel-row strong {
  color: #334155;
  font-size: 13px;
  font-weight: 720;
  line-height: 20px;
}

.xb-funnel-row strong {
  text-align: right;
}

.xb-funnel-bar {
  height: 24px;
  overflow: hidden;
  background: #e9eef6;
  border-radius: 6px;
}

.xb-funnel-bar i {
  display: block;
  width: var(--bar);
  height: 100%;
  background: #2563eb;
  border-radius: inherit;
}

.xb-funnel-row:nth-child(2) .xb-funnel-bar i {
  background: #16a34a;
}

.xb-funnel-row:nth-child(3) .xb-funnel-bar i {
  background: #d97706;
}

.xb-funnel-row:nth-child(4) .xb-funnel-bar i {
  background: #0f766e;
}

.xb-funnel-meta {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.xb-funnel-meta span {
  min-height: 28px;
  padding: 4px 9px;
  color: #475569;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.xb-business-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.xb-flow-stage {
  position: relative;
  min-width: 0;
  min-height: 146px;
  padding: 15px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-flow-stage::before {
  content: "";
  position: absolute;
  top: 14px;
  right: 14px;
  width: 30px;
  height: 30px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.xb-flow-stage span,
.xb-flow-stage small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
}

.xb-flow-stage strong {
  display: block;
  min-width: 0;
  margin: 18px 0 6px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 860;
  line-height: 30px;
  overflow-wrap: anywhere;
}

.xb-flow-stage > i {
  position: absolute;
  right: 14px;
  bottom: 14px;
  left: 14px;
  height: 7px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.xb-flow-stage > i::before {
  content: "";
  display: block;
  width: var(--stage);
  height: 100%;
  background: #2563eb;
  border-radius: inherit;
}

.xb-flow-stage.stage-2::before,
.xb-flow-stage.stage-2 > i::before {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.xb-flow-stage.stage-2 > i::before {
  background: #16a34a;
}

.xb-flow-stage.stage-3::before,
.xb-flow-stage.stage-3 > i::before {
  background: #fffbeb;
  border-color: #fde68a;
}

.xb-flow-stage.stage-3 > i::before {
  background: #d97706;
}

.xb-flow-stage.stage-4::before,
.xb-flow-stage.stage-4 > i::before {
  background: #f0fdfa;
  border-color: #99f6e4;
}

.xb-flow-stage.stage-4 > i::before {
  background: #0f766e;
}

.xb-insight-list,
.xb-risk-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.xb-insight-list li {
  position: relative;
  min-height: 48px;
  padding: 11px 12px 11px 34px;
  color: #334155;
  font-size: 13px;
  font-weight: 610;
  line-height: 20px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-insight-list li::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 13px;
  width: 10px;
  height: 10px;
  background: #2563eb;
  border-radius: 50%;
}

.xb-risk-list li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 56px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-risk-list li[data-analysis-detail] {
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-risk-list li[data-analysis-detail]:hover,
.xb-risk-list li[data-analysis-detail]:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-rank-index {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  color: #1e40af;
  font-size: 12px;
  font-weight: 820;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-risk-list strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
}

.xb-risk-list small {
  display: block;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
}

.xb-risk-list b {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.xb-gauge {
  display: grid;
  width: 190px;
  height: 190px;
  place-items: center;
  margin: 18px auto 16px;
  background: conic-gradient(#16a34a calc(var(--value) * 1%), #e2e8f0 0);
  border-radius: 50%;
}

.xb-gauge > div {
  display: grid;
  width: 126px;
  height: 126px;
  place-items: center;
  align-content: center;
  background: #ffffff;
  border-radius: 50%;
}

.xb-gauge strong {
  color: #0f172a;
  font-size: 30px;
  font-weight: 860;
  line-height: 34px;
}

.xb-gauge span,
.xb-gauge-foot span {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.xb-gauge-foot {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.xb-finance-bars {
  display: grid;
  gap: 18px;
  padding: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-finance-bar {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr) 132px;
  gap: 12px;
  align-items: center;
}

.xb-finance-bar span {
  color: #475569;
  font-size: 13px;
  font-weight: 720;
  line-height: 20px;
}

.xb-finance-bar div {
  height: 24px;
  overflow: hidden;
  background: #e9eef6;
  border-radius: 6px;
}

.xb-finance-bar i {
  display: block;
  height: 100%;
  background: #2563eb;
  border-radius: inherit;
}

.xb-finance-bar:nth-child(2) i {
  background: #16a34a;
}

.xb-finance-bar strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 820;
  line-height: 20px;
  text-align: right;
}

.xb-report-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.xb-report-card {
  min-height: 132px;
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-report-card strong {
  display: block;
  color: #0f172a;
  font-size: 14px;
  font-weight: 790;
  line-height: 20px;
}

.xb-report-card span {
  display: block;
  margin-top: 7px;
  color: #64748b;
  font-size: 12px;
  line-height: 18px;
}

.xb-report-field-notes {
  display: grid;
  gap: 6px;
  margin: 9px 0 0;
}

.xb-report-field-notes div {
  display: grid;
  grid-template-columns: minmax(56px, auto) minmax(0, 1fr);
  gap: 7px;
  align-items: start;
}

.xb-report-field-notes dt,
.xb-report-field-notes dd {
  min-width: 0;
  margin: 0;
  font-size: 12px;
  line-height: 17px;
}

.xb-report-field-notes dt {
  color: #0f172a;
  font-weight: 800;
  white-space: nowrap;
}

.xb-report-field-notes dd {
  color: #64748b;
}

.xb-report-field-summary {
  display: block;
  color: #334155;
  font-weight: 760;
  line-height: 18px;
}

.xb-report-blockers {
  display: grid;
  gap: 4px;
  margin-top: 7px;
}

.xb-report-blockers span {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  padding: 2px 7px;
  color: #92400e;
  font-size: 12px;
  font-weight: 760;
  line-height: 17px;
  background: #fffbeb;
  border: 1px solid #fde68a;
  border-radius: 999px;
}

.xb-report-card small {
  display: inline-flex;
  max-width: 100%;
  margin-top: 9px;
  padding: 3px 7px;
  overflow: hidden;
  color: #1e40af;
  font-size: 12px;
  font-weight: 760;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-reconcile-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  margin-bottom: 12px;
}

.xb-reconcile-summary {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 8px;
}

.xb-reconcile-summary div {
  min-width: 0;
  padding: 10px 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-reconcile-summary span,
.xb-reconcile-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-reconcile-summary strong {
  display: block;
  margin: 4px 0 2px;
  color: #0f172a;
  font-size: 20px;
  font-weight: 860;
  line-height: 26px;
}

.xb-reconcile-status,
.xb-reconcile-check {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  white-space: nowrap;
  border: 1px solid transparent;
  border-radius: 999px;
}

.xb-reconcile-status.is-pass,
.xb-reconcile-check.is-pass {
  color: #166534;
  background: #dcfce7;
  border-color: #bbf7d0;
}

.xb-reconcile-status.is-warning,
.xb-reconcile-check.is-warning {
  color: #92400e;
  background: #fef3c7;
  border-color: #fde68a;
}

.xb-reconcile-status.is-manual,
.xb-reconcile-check.is-manual {
  color: #1e40af;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.xb-reconcile-status.is-failed,
.xb-reconcile-check.is-failed {
  color: #991b1b;
  background: #fef2f2;
  border-color: #fecaca;
}

.xb-reconcile-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 520px;
}

.xb-reconcile-comparisons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(168px, 1fr));
  gap: 6px;
  max-width: 680px;
  margin-top: 8px;
}

.xb-reconcile-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 8px;
  min-width: 0;
  padding: 7px 8px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-reconcile-compare strong,
.xb-reconcile-compare span,
.xb-reconcile-compare em {
  min-width: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-reconcile-compare strong {
  grid-column: 1 / -1;
  color: #0f172a;
  font-weight: 820;
}

.xb-reconcile-compare span {
  color: #475569;
  font-weight: 700;
}

.xb-reconcile-compare em {
  justify-self: end;
  color: #64748b;
  font-style: normal;
  font-weight: 760;
}

.xb-reconcile-compare.is-pass {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.xb-reconcile-compare.is-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.xb-reconcile-compare.is-failed {
  background: #fef2f2;
  border-color: #fecaca;
}

.xb-reconcile-table td:first-child small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.xb-reconcile-table td p {
  max-width: 560px;
  margin: 7px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  white-space: normal;
}

.xb-export-audit-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.xb-export-audit-summary div {
  min-width: 0;
  padding: 10px 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-export-audit-summary span,
.xb-export-audit-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-export-audit-summary strong {
  display: block;
  min-width: 0;
  margin: 4px 0 2px;
  overflow: hidden;
  color: #0f172a;
  font-size: 19px;
  font-weight: 860;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-export-audit-table td:first-child small,
.xb-export-audit-table td:nth-child(6) small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.xb-export-audit-table td:first-child small em {
  display: inline-flex;
  min-height: 18px;
  align-items: center;
  margin-right: 6px;
  padding: 1px 6px;
  color: #334155;
  font-style: normal;
  font-weight: 780;
  line-height: 16px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
}

.xb-export-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 8px;
  color: #166534;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  white-space: nowrap;
  background: #dcfce7;
  border: 1px solid #bbf7d0;
  border-radius: 999px;
}

.xb-export-status.is-queued {
  color: #854d0e;
  background: #fef3c7;
  border-color: #fde68a;
}

.xb-export-status.is-running {
  color: #1e40af;
  background: #dbeafe;
  border-color: #bfdbfe;
}

.xb-export-status.is-failed {
  color: #991b1b;
  background: #fee2e2;
  border-color: #fecaca;
}

.xb-export-reason {
  max-width: 280px;
  margin: 6px 0 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  white-space: normal;
}

.xb-analysis-empty {
  padding: 18px;
  color: #64748b;
  font-size: 13px;
  font-weight: 650;
  line-height: 20px;
  text-align: center;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 8px;
}

.xb-analysis-state {
  display: grid;
  gap: 10px;
  justify-items: start;
  min-height: 220px;
  align-content: center;
  padding: 28px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.xb-analysis-state strong,
.xb-analysis-state span {
  display: block;
  min-width: 0;
}

.xb-analysis-state strong {
  color: #0f172a;
  font-size: 20px;
  font-weight: 840;
  line-height: 28px;
}

.xb-analysis-state span {
  max-width: 680px;
  color: #64748b;
  font-size: 14px;
  font-weight: 560;
  line-height: 22px;
}

.xb-analysis-state button {
  min-height: 36px;
  padding: 0 14px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 760;
  background: #1e40af;
  border: 1px solid #1e3a8a;
  border-radius: 6px;
  cursor: pointer;
}

.xb-analysis-state.is-forbidden {
  border-color: #fed7aa;
  background: #fffaf0;
}

.xb-health-panel {
  display: grid;
  align-content: start;
}

.xb-health-score {
  position: relative;
  display: grid;
  width: 164px;
  height: 164px;
  place-items: center;
  align-content: center;
  justify-self: center;
  margin: 8px 0 14px;
  background: conic-gradient(#1e40af calc(var(--score) * 1%), #e2e8f0 0);
  border-radius: 50%;
}

.xb-health-score strong,
.xb-health-score span {
  position: relative;
  z-index: 1;
}

.xb-health-score strong {
  color: #0f172a;
  font-size: 38px;
  font-weight: 880;
  line-height: 42px;
}

.xb-health-score span {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
}

.xb-health-score::after {
  content: "";
  position: absolute;
  inset: 18px;
  background: #ffffff;
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px #e2e8f0;
}

.xb-health-list,
.xb-mix-list,
.xb-benchmark-list {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.xb-health-list li {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: space-between;
  padding: 9px 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-health-list span,
.xb-health-list b {
  color: #334155;
  font-size: 13px;
  line-height: 20px;
}

.xb-health-list span {
  font-weight: 680;
}

.xb-health-list b {
  font-weight: 830;
}

.xb-mix-row,
.xb-benchmark-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 118px;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-mix-row div,
.xb-benchmark-row div {
  min-width: 0;
}

.xb-mix-row span,
.xb-benchmark-row span,
.xb-benchmark-row small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-benchmark-row small {
  margin-top: 2px;
  font-weight: 600;
}

.xb-mix-row b,
.xb-benchmark-row strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: 17px;
  font-weight: 850;
  line-height: 22px;
}

.xb-mix-row > i,
.xb-benchmark-row > i {
  position: relative;
  height: 10px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.xb-mix-row > i::before,
.xb-benchmark-row > i::before {
  content: "";
  display: block;
  height: 100%;
  border-radius: inherit;
}

.xb-mix-row > i::before {
  width: var(--mix);
  background: var(--mix-color);
}

.xb-benchmark-row {
  grid-template-columns: minmax(0, 1fr) minmax(96px, 38%) 54px;
}

.xb-benchmark-row > i::before {
  width: var(--bench);
  background: #1e40af;
}

.xb-benchmark-row:nth-child(2) > i::before {
  background: #16a34a;
}

.xb-benchmark-row:nth-child(3) > i::before {
  background: #d97706;
}

.xb-benchmark-row:nth-child(4) > i::before {
  background: #dc2626;
}

.xb-benchmark-row strong {
  margin: 0;
  text-align: right;
}

.xb-risk-matrix {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.xb-risk-card {
  position: relative;
  min-width: 0;
  min-height: 112px;
  padding: 13px;
  overflow: hidden;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-risk-card[data-analysis-detail] {
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-risk-card[data-analysis-detail]:hover,
.xb-risk-card[data-analysis-detail]:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 10px 22px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-risk-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #16a34a;
}

.xb-risk-card.risk-mid::before {
  background: #d97706;
}

.xb-risk-card.risk-high::before {
  background: #dc2626;
}

.xb-risk-card span,
.xb-risk-card small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-risk-card strong {
  display: block;
  margin: 12px 0 7px;
  color: #0f172a;
  font-size: 28px;
  font-weight: 880;
  line-height: 32px;
}

.xb-risk-card small {
  font-weight: 600;
}

.xb-action-queue {
  display: grid;
  gap: 10px;
}

.xb-action-queue a {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 54px;
  padding: 10px;
  color: inherit;
  text-decoration: none;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-action-queue a:hover,
.xb-action-queue a:focus {
  color: inherit;
  text-decoration: none;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-action-queue span {
  display: inline-grid;
  min-height: 26px;
  place-items: center;
  color: #1e40af;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-action-queue strong {
  min-width: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 790;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.xb-action-queue b {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.xb-data-quality {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.xb-data-quality > div {
  min-width: 0;
  min-height: 86px;
  padding: 11px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-data-quality > div[data-analysis-detail],
.xb-service-timeline article[data-analysis-detail] {
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-data-quality > div[data-analysis-detail]:hover,
.xb-data-quality > div[data-analysis-detail]:focus-visible,
.xb-service-timeline article[data-analysis-detail]:hover,
.xb-service-timeline article[data-analysis-detail]:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-data-quality > div::before {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  margin-bottom: 10px;
  background: #16a34a;
  border-radius: 999px;
}

.xb-data-quality > div.is-waiting::before {
  background: #d97706;
}

.xb-data-quality span,
.xb-data-quality small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.xb-data-quality strong {
  display: block;
  margin: 4px 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 840;
  line-height: 22px;
}

.xb-data-quality-note {
  margin: 12px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 19px;
}

.xb-dimension-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.xb-dimension-board a {
  position: relative;
  min-width: 0;
  min-height: 96px;
  padding: 12px;
  color: inherit;
  text-decoration: none;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-dimension-board a:hover,
.xb-dimension-board a:focus {
  color: inherit;
  text-decoration: none;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-dimension-board span,
.xb-dimension-board small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-dimension-board strong {
  display: block;
  min-width: 0;
  margin: 10px 0 5px;
  color: #0f172a;
  font-size: 22px;
  font-weight: 860;
  line-height: 28px;
  overflow-wrap: anywhere;
}

.xb-table-wrap {
  width: 100%;
  overflow-x: auto;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-analysis-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
}

.xb-analysis-table th,
.xb-analysis-table td {
  padding: 10px 12px;
  color: #334155;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}

.xb-analysis-table th {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  background: #f1f5f9;
}

.xb-analysis-table tbody tr {
  transition: background .16s ease;
}

.xb-analysis-table tbody tr:hover {
  background: #eff6ff;
}

.xb-analysis-table tbody tr[data-analysis-detail] {
  cursor: pointer;
}

.xb-analysis-table tbody tr[data-analysis-detail]:focus-visible {
  background: #eff6ff;
  outline: 2px solid rgba(37, 99, 235, .28);
  outline-offset: -2px;
}

.xb-analysis-table tbody tr:last-child td {
  border-bottom: 0;
}

.xb-analysis-table strong {
  color: #0f172a;
  font-weight: 790;
}

.xb-analysis-table td > small {
  display: block;
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  line-height: 17px;
}

.xb-analysis-table td.xb-note-cell {
  min-width: 180px;
  max-width: 260px;
  white-space: normal;
}

.xb-analysis-table td.xb-object-cell {
  min-width: 150px;
  max-width: 220px;
  white-space: normal;
}

.xb-sla-cell {
  display: grid;
  gap: 2px;
  min-width: 88px;
}

.xb-sla-cell strong {
  font-size: 12px;
  line-height: 17px;
}

.xb-sla-cell small {
  color: #64748b;
  font-size: 12px;
  line-height: 17px;
  white-space: nowrap;
}

.xb-sla-cell.is-overdue strong {
  color: #b91c1c;
}

.xb-sla-cell.is-normal strong {
  color: #166534;
}

.xb-sla-cell.is-closed strong {
  color: #64748b;
}

.xb-object-cell-inner,
.xb-object-detail-inline {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 5px 8px;
  align-items: center;
  max-width: 100%;
}

.xb-object-link {
  display: inline-block;
  max-width: 100%;
  overflow-wrap: anywhere;
  vertical-align: top;
}

.xb-object-history-action {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 2px 7px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  white-space: nowrap;
  cursor: pointer;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-object-history-action:hover,
.xb-object-history-action:focus-visible {
  color: #1d4ed8;
  background: #dbeafe;
  border-color: #93c5fd;
  outline: none;
  box-shadow: 0 6px 14px rgba(30, 64, 175, .12);
}

.xb-analysis-table a {
  color: #1e40af;
  font-weight: 760;
  text-decoration: none;
}

.xb-analysis-table a:hover,
.xb-analysis-table a:focus {
  color: #1d4ed8;
  text-decoration: underline;
}

.xb-report-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  white-space: nowrap;
}

.xb-report-actions a {
  display: inline-grid;
  min-height: 28px;
  place-items: center;
  padding: 4px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
}

.xb-report-actions a:hover,
.xb-report-actions a:focus-visible {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  text-decoration: none;
}

.xb-report-actions button {
  min-width: 54px;
  min-height: 28px;
  padding: 4px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
  cursor: pointer;
  background: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-report-actions button:hover,
.xb-report-actions button:focus-visible {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .16);
}

.xb-report-actions button:disabled,
.xb-report-actions button:disabled:hover,
.xb-report-actions button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-record-filter-shell {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}

.xb-record-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: flex-end;
  margin: 0;
}

.xb-record-filter-advanced {
  display: none;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-record-filter-advanced.is-open {
  display: flex;
}

.xb-record-filter-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  min-height: 26px;
}

.xb-filter-chip {
  display: inline-flex;
  gap: 3px;
  align-items: center;
  max-width: 100%;
  min-height: 26px;
  padding: 3px 8px;
  color: #334155;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-filter-chip:hover,
.xb-filter-chip:focus-visible {
  color: #1e40af;
  background: #eff6ff;
  border-color: #93c5fd;
  outline: none;
  box-shadow: 0 6px 14px rgba(30, 64, 175, .10);
}

.xb-filter-chip span {
  color: #64748b;
}

.xb-filter-chip b {
  color: #94a3b8;
  font-size: 12px;
  font-weight: 820;
  line-height: 16px;
}

.xb-filter-chip.is-static {
  color: #64748b;
  cursor: default;
  background: #f8fafc;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-record-filters label {
  display: grid;
  gap: 4px;
  flex: 0 1 150px;
  min-width: 132px;
}

.xb-record-filters label.is-wide {
  flex-basis: 220px;
  min-width: 220px;
}

.xb-record-filters label.is-search {
  flex: 1 1 260px;
  min-width: 220px;
}

.xb-record-filters label.is-compact {
  flex: 0 0 104px;
  min-width: 104px;
}

.xb-record-filters span {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
}

.xb-record-filters select,
.xb-record-filters input {
  width: 100%;
  min-height: 32px;
  padding: 5px 30px 5px 9px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
  outline: none;
}

.xb-record-filters input {
  padding-right: 9px;
}

.xb-record-filters select:focus,
.xb-record-filters input:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.xb-record-filters select:disabled,
.xb-record-filters input:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.xb-record-filters button {
  min-height: 32px;
  padding: 5px 12px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
  cursor: pointer;
  background: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-record-filters button:hover,
.xb-record-filters button:focus-visible {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .16);
}

.xb-record-filters button:disabled,
.xb-record-filters button:disabled:hover,
.xb-record-filters button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-record-filter-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.xb-record-filter-actions button.is-secondary {
  color: #1e40af;
  background: #ffffff;
  border-color: #bfdbfe;
}

.xb-record-filter-actions button.is-secondary:hover,
.xb-record-filter-actions button.is-secondary:focus-visible {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #93c5fd;
}

.xb-record-filter-actions button.is-secondary:disabled,
.xb-record-filter-actions button.is-secondary:disabled:hover,
.xb-record-filter-actions button.is-secondary:disabled:focus-visible {
  color: #94a3b8;
  background: #f8fafc;
  border-color: #e2e8f0;
}

.xb-object-filter-chip {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  min-height: 32px;
  padding: 4px 6px 4px 10px;
  color: #334155;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  background: #f8fafc;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
}

.xb-object-filter-chip span {
  color: #334155;
  line-height: 18px;
}

.xb-record-filters .xb-object-filter-chip button {
  min-height: 24px;
  padding: 2px 7px;
  color: #475569;
  font-size: 12px;
  line-height: 18px;
  background: #ffffff;
  border-color: #cbd5e1;
}

.xb-record-filters .xb-object-filter-chip button:hover,
.xb-record-filters .xb-object-filter-chip button:focus-visible {
  color: #1e40af;
  background: #eff6ff;
  border-color: #93c5fd;
  box-shadow: 0 6px 14px rgba(30, 64, 175, .10);
}

.xb-record-batchbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  margin: -2px 0 12px;
  padding: 9px;
  background: #f8fafc;
  border: 1px solid #dbeafe;
  border-radius: 8px;
}

.xb-record-batchbar label {
  display: grid;
  gap: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
}

.xb-record-batchbar select {
  min-width: 160px;
  min-height: 30px;
  padding: 4px 28px 4px 9px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
}

.xb-record-select-all {
  display: inline-flex !important;
  grid-template-columns: none !important;
  gap: 6px !important;
  align-items: center;
  min-width: auto;
  color: #334155 !important;
}

.xb-record-select-all input,
.xb-select-col input {
  width: 16px;
  height: 16px;
  margin: 0;
  accent-color: #1e40af;
}

.xb-record-batch-info {
  display: grid;
  gap: 2px;
  min-width: 180px;
  margin-right: auto;
}

.xb-record-batch-info strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
  line-height: 18px;
}

.xb-record-batch-info small,
.xb-record-batchbar p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.xb-record-batchbar p {
  flex: 1 1 100%;
  color: #1e40af;
}

.xb-record-batch-actions {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.xb-record-batch-actions button {
  min-height: 30px;
  padding: 5px 10px;
  color: #ffffff;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
  cursor: pointer;
  background: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
}

.xb-record-batch-actions button.is-secondary {
  color: #1e40af;
  background: #ffffff;
  border-color: #bfdbfe;
}

.xb-record-batch-actions button.is-ghost {
  color: #475569;
  background: transparent;
  border-color: #cbd5e1;
}

.xb-record-batch-actions button:hover,
.xb-record-batch-actions button:focus-visible {
  background: #1d4ed8;
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .14);
}

.xb-record-batch-actions button.is-secondary:hover,
.xb-record-batch-actions button.is-secondary:focus-visible,
.xb-record-batch-actions button.is-ghost:hover,
.xb-record-batch-actions button.is-ghost:focus-visible {
  color: #1e40af;
  background: #eff6ff;
  border-color: #93c5fd;
}

.xb-record-batch-actions button:disabled,
.xb-record-batch-actions button:disabled:hover,
.xb-record-batch-actions button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-select-col {
  width: 36px;
  min-width: 36px;
  text-align: center;
}

.xb-analysis-table tr.is-selected td {
  background: #eff6ff;
}

.xb-record-pager {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-record-pager > div {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.xb-record-pager button {
  min-width: 58px;
  min-height: 30px;
  padding: 5px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  cursor: pointer;
}

.xb-record-pager button:hover,
.xb-record-pager button:focus {
  background: #eff6ff;
  border-color: #93c5fd;
  outline: none;
}

.xb-record-pager button:disabled {
  color: #94a3b8;
  background: #f8fafc;
  border-color: #e2e8f0;
  cursor: not-allowed;
}

.xb-config-actions {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}

.xb-config-actions button {
  min-height: 28px;
  padding: 4px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
  cursor: pointer;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.xb-config-actions button:hover,
.xb-config-actions button:focus-visible {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
  outline: none;
}

.xb-config-actions button:disabled,
.xb-config-actions button:disabled:hover,
.xb-config-actions button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.xb-table-level {
  display: inline-grid;
  min-width: 34px;
  min-height: 24px;
  place-items: center;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 820;
  border-radius: 999px;
}

.xb-table-level.level-high {
  color: #991b1b;
  background: #fef2f2;
  border: 1px solid #fecaca;
}

.xb-table-level.level-mid {
  color: #92400e;
  background: #fffbeb;
  border: 1px solid #fde68a;
}

.xb-table-level.level-low {
  color: #166534;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
}

.xb-report-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 12px;
}

.xb-report-summary span {
  display: grid;
  gap: 4px;
  min-height: 58px;
  padding: 10px 12px;
  color: #64748b;
  font-size: 12px;
  font-weight: 680;
  line-height: 18px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-report-summary strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 16px;
  font-weight: 860;
  line-height: 22px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-governance-efficiency {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
}

.xb-efficiency-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.xb-efficiency-metrics span {
  display: grid;
  gap: 3px;
  min-height: 66px;
  padding: 10px 12px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-efficiency-metrics em,
.xb-efficiency-metrics small {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
  line-height: 17px;
}

.xb-efficiency-metrics strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.xb-efficiency-ranks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.xb-efficiency-rank {
  min-width: 0;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-efficiency-rank h4 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
  line-height: 20px;
}

.xb-efficiency-rank ol {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xb-efficiency-rank li {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 42px;
  padding-bottom: 7px;
  overflow: hidden;
  border-bottom: 1px solid #eef2f7;
}

.xb-efficiency-rank li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.xb-efficiency-rank li.is-empty {
  display: block;
  min-height: auto;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-efficiency-rank strong,
.xb-efficiency-rank small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-efficiency-rank strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
}

.xb-efficiency-rank small {
  color: #64748b;
  font-size: 12px;
  font-weight: 660;
  line-height: 17px;
}

.xb-efficiency-rank span {
  color: #1e40af;
  font-size: 13px;
  font-weight: 820;
  line-height: 20px;
  white-space: nowrap;
}

.xb-efficiency-rank i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, #1e40af var(--efficiency-rate), #e2e8f0 var(--efficiency-rate));
}

.xb-campus-efficiency {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-campus-efficiency-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.xb-campus-efficiency-head h4 {
  margin: 0 0 2px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 860;
  line-height: 22px;
}

.xb-campus-efficiency-head p {
  max-width: 920px;
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 660;
  line-height: 18px;
}

.xb-campus-efficiency-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.xb-campus-efficiency-actions button {
  min-height: 28px;
  padding: 4px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-campus-efficiency-actions button:hover,
.xb-campus-efficiency-actions button:focus-visible {
  background: #eff6ff;
  border-color: #93c5fd;
  outline: none;
}

.xb-campus-efficiency-actions button.is-priority {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
}

.xb-campus-efficiency-actions button.is-priority:hover,
.xb-campus-efficiency-actions button.is-priority:focus-visible {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.xb-campus-efficiency-actions button:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.xb-campus-efficiency-actions button.is-priority:disabled {
  color: #94a3b8;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.xb-campus-efficiency-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.xb-campus-efficiency-metrics span {
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding: 8px 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-campus-efficiency-metrics em,
.xb-campus-efficiency-metrics small {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
  line-height: 17px;
}

.xb-campus-efficiency-metrics strong {
  color: #0f172a;
  font-size: 17px;
  font-weight: 860;
  line-height: 23px;
}

.xb-campus-reason-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.xb-campus-reason-list button {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  min-height: 54px;
  overflow: hidden;
  padding: 8px 10px 10px;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-campus-reason-list button:hover,
.xb-campus-reason-list button:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
}

.xb-campus-reason-list span,
.xb-campus-reason-list strong,
.xb-campus-reason-list small {
  display: block;
  min-width: 0;
}

.xb-campus-reason-list strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
  line-height: 19px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-campus-reason-list small {
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 660;
  line-height: 17px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-campus-reason-list em {
  color: #1e40af;
  font-size: 15px;
  font-style: normal;
  font-weight: 860;
  line-height: 22px;
}

.xb-campus-reason-list i {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(90deg, #1e40af var(--campus-reason-rate), #e2e8f0 var(--campus-reason-rate));
}

.xb-campus-efficiency-table tr.is-unassigned td {
  background: #fff7ed;
}

.xb-campus-rate {
  display: grid;
  gap: 4px;
  min-width: 86px;
}

.xb-campus-rate b {
  display: block;
  height: 5px;
  overflow: hidden;
  background: linear-gradient(90deg, #1e40af var(--campus-rate), #e2e8f0 var(--campus-rate));
  border-radius: 999px;
}

.xb-campus-rate em {
  color: #334155;
  font-size: 12px;
  font-style: normal;
  font-weight: 780;
  line-height: 17px;
}

.xb-object-profile {
  display: grid;
  gap: 10px;
  margin: 0 0 12px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
}

.xb-object-profile-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
}

.xb-object-profile-head span,
.xb-object-profile-head p,
.xb-object-profile-metrics em,
.xb-object-profile-metrics small {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 720;
  line-height: 17px;
}

.xb-object-profile-head h4 {
  margin: 2px 0 2px;
  color: #0f172a;
  font-size: 15px;
  font-weight: 860;
  line-height: 22px;
}

.xb-object-profile-head a {
  color: #1e40af;
}

.xb-object-profile-head p {
  margin: 0;
}

.xb-object-profile-actions {
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.xb-object-profile-head button {
  min-height: 28px;
  padding: 4px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 780;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-object-profile-head button.is-primary {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
}

.xb-object-profile-head button:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.xb-object-profile-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.xb-object-profile-metrics span {
  display: grid;
  gap: 2px;
  min-height: 58px;
  padding: 8px 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-object-profile-metrics strong {
  color: #0f172a;
  font-size: 17px;
  font-weight: 860;
  line-height: 23px;
}

.xb-object-profile-ranks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.xb-object-profile-timeline-wrap {
  display: grid;
  gap: 8px;
  padding: 10px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-object-profile-section-head {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.xb-object-profile-section-head h5 {
  margin: 0;
  color: #0f172a;
  font-size: 13px;
  font-weight: 840;
  line-height: 19px;
}

.xb-object-profile-section-head span {
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  text-align: right;
}

.xb-object-profile-timeline {
  gap: 8px;
}

.xb-object-profile-timeline li.is-overdue i {
  background: #dc2626;
  border-color: #fecaca;
}

.xb-target-list,
.xb-funnel-analysis,
.xb-attribution-board,
.xb-todo-analysis,
.xb-finance-waterfall,
.xb-cohort-grid,
.xb-student-lifecycle,
.xb-service-timeline {
  display: grid;
  gap: 10px;
}

.xb-target-row {
  display: grid;
  grid-template-columns: minmax(88px, 1fr) minmax(88px, 30%) minmax(72px, auto) 40px;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-target-row[data-analysis-detail],
.xb-funnel-analysis article[data-analysis-detail] {
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-target-row[data-analysis-detail]:hover,
.xb-target-row[data-analysis-detail]:focus-visible,
.xb-funnel-analysis article[data-analysis-detail]:hover,
.xb-funnel-analysis article[data-analysis-detail]:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-target-row span,
.xb-target-row small,
.xb-funnel-analysis span,
.xb-funnel-analysis small,
.xb-attribution-board span,
.xb-attribution-board small,
.xb-todo-analysis span,
.xb-finance-waterfall span,
.xb-cohort-grid span,
.xb-student-lifecycle span,
.xb-student-lifecycle small,
.xb-cohort-grid small,
.xb-service-timeline span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 680;
  line-height: 18px;
}

.xb-target-row span,
.xb-funnel-analysis span,
.xb-attribution-board span,
.xb-finance-waterfall span,
.xb-cohort-grid span,
.xb-student-lifecycle span {
  color: #334155;
  font-weight: 780;
}

.xb-target-row small {
  margin-top: 2px;
}

.xb-target-row > i,
.xb-funnel-analysis > article > i,
.xb-attribution-board i,
.xb-todo-analysis i,
.xb-finance-waterfall i {
  position: relative;
  height: 10px;
  overflow: hidden;
  background: #e2e8f0;
  border-radius: 999px;
}

.xb-target-row > i b,
.xb-funnel-analysis > article > i::before,
.xb-attribution-board i::before,
.xb-todo-analysis i::before,
.xb-finance-waterfall i::before {
  content: "";
  display: block;
  height: 100%;
  border-radius: inherit;
}

.xb-target-row > i b {
  width: var(--target);
  background: #1e40af;
}

.xb-target-row:nth-child(2) > i b {
  background: #16a34a;
}

.xb-target-row:nth-child(3) > i b {
  background: #d97706;
}

.xb-target-row:nth-child(4) > i b {
  background: #0f766e;
}

.xb-target-row strong,
.xb-target-row em,
.xb-funnel-analysis strong,
.xb-attribution-board strong,
.xb-todo-analysis b,
.xb-finance-waterfall strong,
.xb-cohort-grid strong,
.xb-student-lifecycle strong,
.xb-service-timeline b {
  min-width: 0;
  color: #0f172a;
  font-style: normal;
  font-size: 16px;
  font-weight: 860;
  line-height: 22px;
  text-align: right;
  overflow-wrap: anywhere;
}

.xb-target-row em {
  color: #1e40af;
  font-size: 13px;
  font-weight: 820;
  white-space: nowrap;
}

.xb-funnel-analysis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.xb-funnel-analysis article {
  min-width: 0;
  min-height: 116px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-funnel-analysis article div {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  justify-content: space-between;
}

.xb-funnel-analysis strong {
  font-size: 22px;
  line-height: 28px;
}

.xb-funnel-analysis > article > i {
  display: block;
  margin: 16px 0 10px;
}

.xb-funnel-analysis > article > i::before {
  width: var(--funnel-step);
  background: #2563eb;
}

.xb-funnel-analysis article:nth-child(2) > i::before {
  background: #16a34a;
}

.xb-funnel-analysis article:nth-child(3) > i::before {
  background: #d97706;
}

.xb-funnel-analysis article:nth-child(4) > i::before {
  background: #0f766e;
}

.xb-attribution-board {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xb-attribution-board a,
.xb-attribution-board button,
.xb-cohort-grid a,
.xb-student-lifecycle a {
  min-width: 0;
  color: inherit;
  text-decoration: none;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-attribution-board a {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 12px;
}

.xb-attribution-board button {
  display: grid;
  gap: 8px;
  min-height: 112px;
  padding: 12px;
  width: 100%;
  font: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
}

.xb-attribution-board a:hover,
.xb-attribution-board a:focus,
.xb-attribution-board button:hover,
.xb-attribution-board button:focus-visible,
.xb-cohort-grid a:hover,
.xb-cohort-grid a:focus,
.xb-student-lifecycle a:hover,
.xb-student-lifecycle a:focus {
  color: inherit;
  text-decoration: none;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-attribution-board strong,
.xb-cohort-grid strong,
.xb-student-lifecycle strong {
  text-align: left;
  font-size: 21px;
  line-height: 28px;
}

.xb-attribution-board i::before {
  width: var(--rank);
  background: #1e40af;
}

.xb-attribution-board .rank-2 i::before {
  background: #16a34a;
}

.xb-attribution-board .rank-3 i::before {
  background: #d97706;
}

.xb-attribution-board .rank-4 i::before {
  background: #0f766e;
}

.xb-todo-analysis a {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(110px, 28%) 42px;
  gap: 12px;
  align-items: center;
  min-height: 54px;
  padding: 10px;
  color: inherit;
  text-decoration: none;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-todo-analysis a:hover,
.xb-todo-analysis a:focus {
  color: inherit;
  text-decoration: none;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
}

.xb-todo-analysis strong,
.xb-service-timeline strong {
  display: block;
  color: #0f172a;
  font-size: 13px;
  font-weight: 790;
  line-height: 20px;
}

.xb-todo-analysis i::before {
  width: var(--todo);
  background: #16a34a;
}

.xb-todo-analysis .todo-mid i::before {
  background: #d97706;
}

.xb-todo-analysis .todo-high i::before {
  background: #dc2626;
}

.xb-todo-analysis b {
  font-size: 18px;
  line-height: 24px;
}

.xb-finance-waterfall {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xb-finance-waterfall article {
  display: grid;
  gap: 9px;
  min-width: 0;
  min-height: 108px;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-finance-waterfall strong {
  text-align: left;
  font-size: 19px;
  line-height: 26px;
}

.xb-finance-waterfall i::before {
  width: var(--water);
  background: #1e40af;
}

.xb-finance-waterfall .water-plus i::before {
  background: #16a34a;
}

.xb-finance-waterfall .water-warn i::before {
  background: #d97706;
}

.xb-cohort-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.xb-student-lifecycle {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.xb-cohort-grid a,
.xb-student-lifecycle a {
  display: block;
  min-height: 108px;
  padding: 12px;
}

.xb-cohort-grid small,
.xb-student-lifecycle small {
  margin-top: 4px;
}

.xb-campus-note {
  margin: 10px 0 0;
  color: #64748b;
  font-size: 12px;
  line-height: 20px;
}

.xb-campus-table td:first-child small {
  display: block;
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  line-height: 16px;
}

.xb-campus-rate {
  display: inline-flex;
  align-items: center;
  min-width: 48px;
  font-weight: 700;
  color: #64748b;
}

.xb-campus-rate.is-up {
  color: #15803d;
}

.xb-campus-rate.is-down {
  color: #b91c1c;
}

.xb-service-timeline article {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-service-timeline i {
  display: inline-grid;
  width: 30px;
  height: 30px;
  place-items: center;
  color: #1e40af;
  font-style: normal;
  font-size: 12px;
  font-weight: 820;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.xb-service-timeline b {
  font-size: 18px;
  line-height: 24px;
}

.xb-drawer-mask {
  position: fixed;
  inset: 0;
  z-index: 1190;
  background: rgba(15, 23, 42, .32);
}

.xb-detail-drawer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1200;
  display: grid;
  width: min(420px, calc(100vw - 24px));
  align-content: start;
  gap: 14px;
  padding: 18px;
  overflow-y: auto;
  background: #ffffff;
  border-left: 1px solid #dbe5f2;
  box-shadow: -18px 0 40px rgba(15, 23, 42, .16);
}

.xb-drawer-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e2e8f0;
}

.xb-drawer-head span {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
}

.xb-drawer-head h3 {
  margin: 3px 0 0;
  color: #0f172a;
  font-size: 20px;
  font-weight: 860;
  line-height: 28px;
}

.xb-drawer-head button {
  width: 34px;
  height: 34px;
  color: #475569;
  font-size: 24px;
  line-height: 28px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
}

.xb-drawer-head button:hover,
.xb-drawer-head button:focus {
  color: #1e40af;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
}

.xb-drawer-metric {
  padding: 14px;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 8px;
}

.xb-drawer-metric strong {
  display: block;
  color: #0f172a;
  font-size: 30px;
  font-weight: 880;
  line-height: 36px;
  overflow-wrap: anywhere;
}

.xb-drawer-metric small {
  display: block;
  margin-top: 6px;
  color: #475569;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.xb-detail-drawer section {
  padding: 13px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-detail-drawer h4 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 820;
  line-height: 20px;
}

.xb-detail-drawer p,
.xb-detail-drawer li {
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
}

.xb-detail-drawer p,
.xb-detail-drawer ul {
  margin: 0;
}

.xb-detail-drawer ul {
  display: grid;
  gap: 7px;
  padding-left: 18px;
}

.xb-record-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.xb-record-detail-grid span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 8px 9px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.xb-record-detail-grid em {
  color: #64748b;
  font-style: normal;
  font-size: 12px;
  font-weight: 740;
  line-height: 17px;
}

.xb-record-detail-grid strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 780;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.xb-record-detail-grid a {
  color: #1e40af;
  text-decoration: none;
}

.xb-record-detail-grid a:hover,
.xb-record-detail-grid a:focus {
  color: #1d4ed8;
  text-decoration: underline;
}

.xb-campus-guidance {
  display: grid;
  gap: 10px;
  background: #ffffff;
}

.xb-campus-guidance.is-success {
  background: #f0fdf4;
  border-color: #bbf7d0;
}

.xb-campus-guidance.is-warning {
  background: #fffbeb;
  border-color: #fde68a;
}

.xb-campus-guidance.is-danger {
  background: #fef2f2;
  border-color: #fecaca;
}

.xb-campus-guidance.is-neutral {
  background: #f8fafc;
  border-color: #cbd5e1;
}

.xb-campus-guidance-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px 8px;
  align-items: center;
}

.xb-campus-guidance-head span {
  grid-column: 1 / -1;
  width: fit-content;
  padding: 2px 7px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 820;
  line-height: 17px;
  background: #dbeafe;
  border-radius: 999px;
}

.xb-campus-guidance.is-success .xb-campus-guidance-head span {
  color: #166534;
  background: #dcfce7;
}

.xb-campus-guidance.is-warning .xb-campus-guidance-head span {
  color: #92400e;
  background: #fef3c7;
}

.xb-campus-guidance.is-danger .xb-campus-guidance-head span {
  color: #991b1b;
  background: #fee2e2;
}

.xb-campus-guidance-head strong {
  min-width: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 860;
  line-height: 22px;
  overflow-wrap: anywhere;
}

.xb-campus-guidance-head em {
  padding: 4px 8px;
  color: #1e40af;
  font-size: 12px;
  font-style: normal;
  font-weight: 820;
  line-height: 17px;
  white-space: nowrap;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
}

.xb-campus-guidance.is-success .xb-campus-guidance-head em {
  color: #166534;
  border-color: #86efac;
}

.xb-campus-guidance.is-warning .xb-campus-guidance-head em {
  color: #92400e;
  border-color: #fcd34d;
}

.xb-campus-guidance.is-danger .xb-campus-guidance-head em {
  color: #991b1b;
  border-color: #fca5a5;
}

.xb-campus-guidance-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

.xb-campus-guidance-meta span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 7px 8px;
  background: rgba(255, 255, 255, .78);
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 6px;
}

.xb-campus-guidance-meta em {
  color: #64748b;
  font-size: 12px;
  font-style: normal;
  font-weight: 760;
  line-height: 17px;
}

.xb-campus-guidance-meta strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 760;
  line-height: 19px;
  overflow-wrap: anywhere;
}

.xb-campus-guidance ol {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 18px;
}

.xb-campus-guidance-copy {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 2px;
}

.xb-campus-guidance-copy button {
  min-height: 30px;
  padding: 5px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 820;
  line-height: 18px;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
}

.xb-campus-guidance-copy button:hover,
.xb-campus-guidance-copy button:focus-visible {
  background: #eff6ff;
  border-color: #93c5fd;
  outline: none;
}

.xb-campus-guidance-copy button:disabled {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
}

.xb-campus-guidance-copy small {
  min-width: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-governance-timeline {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xb-governance-timeline-note {
  margin: 0 0 8px !important;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-governance-timeline li {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 9px;
  align-items: start;
}

.xb-governance-timeline i {
  position: relative;
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 0 0 3px;
  background: #1e40af;
  border: 2px solid #dbeafe;
  border-radius: 999px;
}

.xb-governance-timeline li.is-closed i {
  background: #16a34a;
  border-color: #bbf7d0;
}

.xb-governance-timeline li.is-reopened i {
  background: #d97706;
  border-color: #fde68a;
}

.xb-governance-timeline li.is-updated i {
  background: #2563eb;
  border-color: #bfdbfe;
}

.xb-governance-timeline li:not(:last-child) i::after {
  position: absolute;
  top: 10px;
  left: 3px;
  width: 2px;
  height: calc(100% + 30px);
  content: "";
  background: #dbe5f2;
}

.xb-governance-timeline div {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.xb-governance-timeline strong {
  color: #0f172a;
  font-size: 13px;
  font-weight: 820;
  line-height: 19px;
}

.xb-governance-timeline p {
  margin: 0;
  color: #475569;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.xb-governance-timeline small {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-governance-config-form {
  display: grid;
  gap: 14px;
}

.xb-governance-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.xb-governance-form-grid label {
  display: grid;
  gap: 6px;
  min-width: 0;
}

.xb-governance-form-grid label.is-wide {
  grid-column: 1 / -1;
}

.xb-governance-form-grid span,
.xb-governance-switch span {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
}

.xb-governance-form-grid input,
.xb-governance-form-grid select,
.xb-governance-form-grid textarea {
  width: 100%;
  min-width: 0;
  min-height: 34px;
  padding: 6px 9px;
  color: #0f172a;
  font-size: 13px;
  font-weight: 650;
  line-height: 20px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
  outline: none;
}

.xb-governance-form-grid textarea {
  min-height: 86px;
  resize: vertical;
}

.xb-governance-form-grid input:focus,
.xb-governance-form-grid select:focus,
.xb-governance-form-grid textarea:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, .12);
}

.xb-object-campus-hint {
  grid-column: 1 / -1;
  min-height: 32px;
  padding: 7px 9px;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  background: #f8fafc;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
}

.xb-object-campus-hint.is-resolved {
  color: #1e40af;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.xb-object-picker {
  display: grid;
  grid-column: 1 / -1;
  gap: 8px;
}

.xb-object-picker-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}

.xb-object-picker-search button {
  min-height: 34px;
  padding: 6px 12px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
  cursor: pointer;
  background: #1e40af;
  border: 1px solid #1e40af;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-object-picker-search button:hover,
.xb-object-picker-search button:focus-visible {
  color: #ffffff;
  background: #1d4ed8;
  border-color: #1d4ed8;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .16);
}

.xb-object-picker-search button:disabled,
.xb-object-picker-search button:disabled:hover,
.xb-object-picker-search button:disabled:focus-visible {
  color: #94a3b8;
  cursor: not-allowed;
  background: #f1f5f9;
  border-color: #e2e8f0;
  box-shadow: none;
}

.xb-object-picker-status {
  min-height: 18px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-object-picker-status.is-error {
  color: #b91c1c;
}

.xb-object-picker-results {
  display: grid;
  gap: 6px;
}

.xb-object-picker-results button {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 8px 10px;
  color: #0f172a;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.xb-object-picker-results button:hover,
.xb-object-picker-results button:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
  box-shadow: 0 8px 18px rgba(30, 64, 175, .10);
}

.xb-object-picker-results strong {
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
}

.xb-object-picker-results small {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.xb-governance-switch {
  display: inline-flex;
  gap: 8px;
  align-items: center;
  margin-top: 12px;
}

.xb-governance-switch input {
  width: 16px;
  height: 16px;
  accent-color: #1e40af;
}

.xb-drawer-related {
  display: grid;
  gap: 8px;
}

.xb-detail-loading {
  margin: 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 650;
  line-height: 20px;
}

.xb-detail-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #ffffff;
}

.xb-detail-table {
  width: 100%;
  min-width: 520px;
  border-collapse: collapse;
}

.xb-detail-table th,
.xb-detail-table td {
  padding: 8px 10px;
  color: #475569;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  text-align: left;
  border-bottom: 1px solid #eef2f7;
  white-space: nowrap;
}

.xb-detail-table th {
  color: #0f172a;
  font-weight: 800;
  background: #f8fafc;
}

.xb-detail-table tr:last-child td {
  border-bottom: 0;
}

.xb-detail-pager {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-detail-pager > div {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.xb-detail-pager button {
  min-width: 58px;
  min-height: 30px;
  padding: 5px 10px;
  color: #1e40af;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
  background: #ffffff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  cursor: pointer;
}

.xb-detail-pager button:hover,
.xb-detail-pager button:focus {
  background: #eff6ff;
  border-color: #93c5fd;
  outline: none;
}

.xb-detail-pager button:disabled {
  color: #94a3b8;
  background: #f8fafc;
  border-color: #e2e8f0;
  cursor: not-allowed;
}

.xb-drawer-related a {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  color: inherit;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-drawer-related span {
  color: #334155;
  font-size: 13px;
  font-weight: 720;
}

.xb-drawer-related b {
  color: #0f172a;
  font-size: 15px;
  font-weight: 860;
}

.xb-drawer-actions {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  padding-top: 2px;
}

.xb-drawer-actions a,
.xb-drawer-actions button {
  display: inline-grid;
  min-height: 36px;
  place-items: center;
  padding: 7px 13px;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
  border-radius: 6px;
  cursor: pointer;
}

.xb-drawer-actions a {
  color: #ffffff;
  text-decoration: none;
  background: #1e40af;
  border: 1px solid #1e40af;
}

.xb-drawer-actions button {
  color: #475569;
  background: #ffffff;
  border: 1px solid #dbe5f2;
}

.xb-drawer-actions button[data-analysis-action="save-governance-config"] {
  color: #ffffff;
  background: #1e40af;
  border-color: #1e40af;
}

.xb-drawer-actions button:disabled {
  color: #94a3b8;
  background: #f8fafc;
  border-color: #e2e8f0;
  cursor: not-allowed;
}

body.xb-analysis-route .page-header-index-wide > .ant-spin-nested-loading {
  display: none !important;
}

.xb-analysis-quick-entry {
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 900;
  display: grid;
  min-width: 116px;
  min-height: 52px;
  align-content: center;
  padding: 8px 13px 8px 16px;
  color: #ffffff;
  text-decoration: none;
  background: #1e40af;
  border: 1px solid rgba(255, 255, 255, .28);
  border-radius: 8px;
  box-shadow: 0 14px 28px rgba(30, 64, 175, .2);
  transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.xb-analysis-quick-entry::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width: 7px;
  height: 7px;
  background: #22c55e;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(34, 197, 94, .18);
}

.xb-analysis-quick-entry span {
  color: inherit;
  font-size: 14px;
  font-weight: 820;
  line-height: 18px;
}

.xb-analysis-quick-entry small {
  margin-top: 2px;
  color: rgba(255, 255, 255, .78);
  font-size: 12px;
  font-weight: 650;
  line-height: 16px;
}

.xb-analysis-quick-entry:hover,
.xb-analysis-quick-entry:focus {
  color: #ffffff;
  text-decoration: none;
  background: #1d4ed8;
  box-shadow: 0 16px 34px rgba(30, 64, 175, .24);
  transform: translateY(-2px);
}

.xb-analysis-quick-entry:focus {
  outline: 3px solid rgba(37, 99, 235, .22);
  outline-offset: 3px;
}

.xb-analysis-quick-entry.is-active {
  background: #0f766e;
  box-shadow: 0 14px 28px rgba(15, 118, 110, .2);
}

@media (max-width: 1280px) {
  .xb-analysis-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-executive-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xb-analysis-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-business-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-risk-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-data-quality,
  .xb-dimension-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-report-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-reconcile-summary,
  .xb-export-audit-summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xb-funnel-analysis,
  .xb-attribution-board,
  .xb-finance-waterfall,
  .xb-cohort-grid,
  .xb-student-lifecycle {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-target-row {
    grid-template-columns: minmax(0, 1fr) minmax(120px, 32%) auto 44px;
  }
}

@media (max-width: 760px) {
  .xb-analysis-hero,
  .xb-section-head,
  .xb-analysis-grid,
  .xb-analysis-kpis,
  .xb-executive-summary,
  .xb-business-flow,
  .xb-risk-matrix,
  .xb-data-quality,
  .xb-dimension-board,
  .xb-reconcile-head,
  .xb-reconcile-summary,
  .xb-export-audit-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-analysis-toolbar {
    display: grid;
    align-items: stretch;
  }

  .xb-filter-groups {
    width: 100%;
  }

  .xb-period-tabs,
  .xb-dimension-tabs,
  .xb-analysis-tools {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .xb-analysis-tools span {
    width: 100%;
  }

  .xb-analysis-hero {
    padding: 18px;
  }

  .xb-section-head {
    display: grid;
  }

  .xb-analysis-hero h1 {
    font-size: 22px;
    line-height: 30px;
  }

  .xb-finance-bar {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-finance-bar strong {
    text-align: left;
  }

  .xb-report-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-funnel-analysis,
  .xb-attribution-board,
  .xb-finance-waterfall,
  .xb-cohort-grid,
  .xb-student-lifecycle {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-mix-row,
  .xb-benchmark-row,
  .xb-action-queue a,
  .xb-object-picker-search,
  .xb-target-row,
  .xb-todo-analysis a,
  .xb-service-timeline article {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-benchmark-row strong,
  .xb-target-row strong,
  .xb-target-row em,
  .xb-todo-analysis b,
  .xb-service-timeline b {
    text-align: left;
  }

  .xb-detail-drawer {
    width: min(100vw, 380px);
    padding: 15px;
  }

  .xb-governance-form-grid,
  .xb-record-detail-grid,
  .xb-campus-guidance-meta {
    grid-template-columns: 1fr;
  }

  .xb-campus-guidance-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-campus-guidance-head em {
    width: fit-content;
    white-space: normal;
  }

  .xb-campus-guidance-copy {
    align-items: stretch;
    flex-direction: column;
  }

  .xb-campus-guidance-copy button {
    width: 100%;
  }

  .xb-detail-pager {
    display: grid;
    justify-content: stretch;
  }

  .xb-detail-pager > div {
    justify-content: flex-end;
  }

  .xb-drawer-actions {
    display: grid;
    justify-content: stretch;
  }

  .xb-analysis-quick-entry {
    right: 14px;
    bottom: 14px;
    min-width: 100px;
    min-height: 48px;
    padding: 7px 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .xb-analysis-tab,
  .xb-period-tabs button,
  .xb-dimension-tabs button,
  .xb-analysis-tools button,
  .xb-report-actions button,
  .xb-analysis-kpi,
  .xb-section-head button,
  .xb-action-queue a,
  .xb-dimension-board a,
  .xb-attribution-board a,
  .xb-attribution-board button,
  .xb-cohort-grid a,
  .xb-todo-analysis a,
  .xb-analysis-quick-entry {
    transition-duration: .01ms !important;
  }
}

/* PC Pro global workbench refresh */
body.welotr-pc-pro {
  --welotr-primary: #1677ff;
  --welotr-primary-hover: #0958d9;
  --welotr-primary-soft: #eaf3ff;
  --welotr-sidebar: #081526;
  --welotr-sidebar-soft: #112238;
  --welotr-bg: #f4f7fb;
  --welotr-surface: #ffffff;
  --welotr-border: #dfe7f1;
  --welotr-border-strong: #c9d5e4;
  --welotr-text: #172033;
  --welotr-text-soft: #5d6b7c;
  --welotr-muted: #9aa6b5;
}

body.welotr-pc-pro,
body.welotr-pc-pro #app,
body.welotr-pc-pro .layout.ant-layout,
body.welotr-pc-pro .layout.ant-layout .ant-layout,
body.welotr-pc-pro .layout.ant-layout .ant-layout-content,
body.welotr-pc-pro .layout.ant-layout .ant-layout-content .content {
  background: var(--welotr-bg) !important;
  color: var(--welotr-text);
}

body.welotr-pc-pro * {
  letter-spacing: 0;
}

body.welotr-pc-pro .layout.ant-layout .header,
body.welotr-pc-pro .layout.ant-layout .top-nav-header-index,
body.welotr-pc-pro .ant-layout-header {
  height: 52px !important;
  line-height: 52px !important;
  background: #ffffff !important;
  border-bottom: 1px solid #e8eef5 !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .layout.ant-layout .trigger {
  height: 52px !important;
  line-height: 52px !important;
  padding: 0 16px !important;
  color: #536174;
}

body.welotr-pc-pro .layout.ant-layout .trigger:hover {
  color: var(--welotr-primary) !important;
  background: #f2f7ff !important;
}

body.welotr-pc-pro .layout.ant-layout .header .user-wrapper .action,
body.welotr-pc-pro .layout.ant-layout .top-nav-header-index .user-wrapper .action {
  height: 52px !important;
  line-height: 52px !important;
  color: #536174 !important;
}

body.welotr-pc-pro .sider,
body.welotr-pc-pro .ant-layout-sider,
body.welotr-pc-pro .ant-menu-dark,
body.welotr-pc-pro .ant-menu-dark .ant-menu-sub,
body.welotr-pc-pro .sider .logo {
  background: var(--welotr-sidebar) !important;
}

body.welotr-pc-pro .sider,
body.welotr-pc-pro .ant-layout-sider {
  box-shadow: 5px 0 22px rgba(8, 21, 38, .2) !important;
}

body.welotr-pc-pro .sider .logo {
  height: 56px !important;
  line-height: 56px !important;
  padding: 0 14px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

body.welotr-pc-pro .sider .logo img,
body.welotr-pc-pro .sider .logo svg {
  width: 30px !important;
  height: 30px !important;
  border-radius: 50%;
}

body.welotr-pc-pro .sider .logo h1 {
  color: #f8fbff !important;
  font-size: 15px !important;
  font-weight: 720 !important;
}

body.welotr-pc-pro .ant-menu {
  font-size: 13px !important;
}

body.welotr-pc-pro .ant-menu-dark.ant-menu-inline,
body.welotr-pc-pro .ant-menu-dark.ant-menu-vertical,
body.welotr-pc-pro .ant-menu-dark.ant-menu-vertical-left {
  padding: 9px 6px 16px !important;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-item,
body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-title {
  position: relative;
  height: 38px !important;
  line-height: 38px !important;
  width: calc(100% - 8px) !important;
  margin: 2px 4px !important;
  padding-left: 18px !important;
  color: #b7c3d2 !important;
  border-radius: 0 !important;
  transition: background-color .16s ease, color .16s ease;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-item:hover,
body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-title:hover {
  color: #ffffff !important;
  background: var(--welotr-sidebar-soft) !important;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-item-selected,
body.welotr-pc-pro .ant-menu-dark .ant-menu-item-selected:hover {
  color: #ffffff !important;
  background: var(--welotr-primary) !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-item-selected::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: #74c0ff;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-inline.ant-menu-sub {
  padding: 3px 0 6px !important;
  background: #06101e !important;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-sub .ant-menu-item {
  height: 34px !important;
  line-height: 34px !important;
  font-size: 13px !important;
}

body.welotr-pc-pro .ant-menu-item .anticon,
body.welotr-pc-pro .ant-menu-submenu-title .anticon,
body.welotr-pc-pro .ant-menu-item i,
body.welotr-pc-pro .ant-menu-submenu-title i {
  min-width: 16px;
  margin-right: 10px !important;
  color: currentColor !important;
  opacity: .88;
}

body.welotr-pc-pro.welotr-sider-collapsed .ant-menu-dark .ant-menu-item,
body.welotr-pc-pro.welotr-sider-collapsed .ant-menu-dark .ant-menu-submenu-title {
  width: calc(100% - 12px) !important;
  margin-right: 6px !important;
  margin-left: 6px !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center;
}

body.welotr-pc-pro .layout.ant-layout .ant-layout-content .content {
  margin: 0 !important;
  padding: 0 !important;
}

body.welotr-pc-pro .layout.ant-layout .layout-content,
body.welotr-pc-pro .layout.ant-layout .ant-layout-content {
  background: var(--welotr-bg) !important;
}

body.welotr-pc-pro .page-header-index-wide,
body.welotr-pc-pro .t-container {
  max-width: none !important;
  padding: 12px 16px 22px !important;
  margin: 0 !important;
}

body.welotr-pc-pro .welotr-work-tabs {
  display: flex;
  min-height: 40px;
  align-items: center;
  gap: 2px;
  padding: 0 16px;
  overflow-x: auto;
  background: #ffffff;
  border-bottom: 1px solid #e8eef5;
  scrollbar-width: thin;
}

body.welotr-pc-pro .welotr-work-tab {
  display: inline-flex;
  height: 28px;
  min-width: 72px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  color: #536174;
  font-size: 13px;
  font-weight: 620;
  line-height: 28px;
  text-decoration: none;
  border-radius: 4px;
}

body.welotr-pc-pro .welotr-work-tab:hover {
  color: var(--welotr-primary) !important;
  background: #f2f7ff;
}

body.welotr-pc-pro .welotr-work-tab.is-muted {
  color: #7b8797;
}

body.welotr-pc-pro .welotr-work-tab.is-active {
  color: var(--welotr-primary);
  background: #eef6ff;
}

body.welotr-pc-pro .ant-tabs-bar {
  margin: 0 !important;
  background: #ffffff;
  border-bottom: 1px solid #e8eef5 !important;
}

body.welotr-pc-pro .ant-tabs-nav .ant-tabs-tab,
body.welotr-pc-pro .ant-tabs-tab {
  margin: 0 22px 0 0 !important;
  padding: 11px 0 10px !important;
  color: #536174;
  font-size: 13px !important;
  font-weight: 650;
}

body.welotr-pc-pro .ant-tabs-tab-active,
body.welotr-pc-pro .ant-tabs-tab:hover {
  color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-tabs-ink-bar {
  height: 3px !important;
  background: var(--welotr-primary) !important;
  border-radius: 3px 3px 0 0;
}

body.welotr-pc-pro .t-main-write,
body.welotr-pc-pro .t-bg-write,
body.welotr-pc-pro .ant-card,
body.welotr-pc-pro .ant-modal-content,
body.welotr-pc-pro .ant-drawer-content,
body.welotr-pc-pro .ant-popover-inner {
  background: #ffffff !important;
  border: 1px solid #dde6f0 !important;
  border-radius: 6px !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
}

body.welotr-pc-pro .ant-card:hover {
  border-color: #cbd8e6 !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, .06) !important;
  transform: none !important;
}

body.welotr-pc-pro .ant-card-head {
  min-height: 42px !important;
  padding: 0 14px !important;
}

body.welotr-pc-pro .ant-card-head-title,
body.welotr-pc-pro .ant-card-extra {
  padding: 11px 0 !important;
}

body.welotr-pc-pro .ant-card-body {
  padding: 14px !important;
}

body.welotr-pc-pro .welotr-filter-panel,
body.welotr-pc-pro .t-search-wrap,
body.welotr-pc-pro .table-page-search-wrapper,
body.welotr-pc-pro .table-alert {
  padding: 12px 14px !important;
  margin: 0 0 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2eaf3 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .ant-form-inline .ant-form-item,
body.welotr-pc-pro .welotr-filter-panel .ant-form-item {
  margin-right: 12px !important;
  margin-bottom: 8px !important;
}

body.welotr-pc-pro .ant-form-item-label > label {
  color: #536174 !important;
  font-size: 13px !important;
  font-weight: 620;
}

body.welotr-pc-pro .ant-input,
body.welotr-pc-pro .ant-input-number,
body.welotr-pc-pro .ant-select-selection,
body.welotr-pc-pro .ant-calendar-picker-input,
body.welotr-pc-pro .ant-time-picker-input,
body.welotr-pc-pro .ant-cascader-picker {
  min-height: 30px;
  color: #263445 !important;
  font-size: 13px !important;
  background: #ffffff !important;
  border-color: #d4deea !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .ant-select-selection__rendered,
body.welotr-pc-pro .ant-input,
body.welotr-pc-pro .ant-calendar-picker-input,
body.welotr-pc-pro .ant-time-picker-input {
  line-height: 28px !important;
}

body.welotr-pc-pro .ant-input:hover,
body.welotr-pc-pro .ant-input:focus,
body.welotr-pc-pro .ant-input-number:hover,
body.welotr-pc-pro .ant-input-number-focused,
body.welotr-pc-pro .ant-select-selection:hover,
body.welotr-pc-pro .ant-select-focused .ant-select-selection,
body.welotr-pc-pro .ant-calendar-picker:hover .ant-calendar-picker-input,
body.welotr-pc-pro .ant-time-picker-input:hover,
body.welotr-pc-pro .ant-time-picker-focused .ant-time-picker-input {
  border-color: #8cc4ff !important;
  box-shadow: 0 0 0 2px rgba(22, 119, 255, .12) !important;
}

body.welotr-pc-pro .welotr-action-toolbar,
body.welotr-pc-pro .content .table-operator {
  display: flex;
  min-height: 34px;
  align-items: center;
  gap: 8px;
  margin: 8px 0 10px !important;
  flex-wrap: wrap;
}

body.welotr-pc-pro .ant-btn {
  height: 30px;
  padding: 0 11px !important;
  color: #334155;
  font-size: 13px !important;
  font-weight: 620;
  border-color: #cfd9e6 !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .ant-btn:hover,
body.welotr-pc-pro .ant-btn:focus {
  color: var(--welotr-primary) !important;
  border-color: #8cc4ff !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .ant-btn-primary {
  color: #ffffff !important;
  background: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .ant-btn-primary:hover,
body.welotr-pc-pro .ant-btn-primary:focus {
  color: #ffffff !important;
  background: var(--welotr-primary-hover) !important;
  border-color: var(--welotr-primary-hover) !important;
}

body.welotr-pc-pro .welotr-pro-table,
body.welotr-pc-pro .ant-table-wrapper {
  overflow: hidden;
  background: #ffffff !important;
  border: 1px solid #dde6f0;
  border-radius: 6px;
}

body.welotr-pc-pro .ant-table-content,
body.welotr-pc-pro .ant-table-body {
  overflow-x: auto !important;
}

body.welotr-pc-pro .ant-table table {
  min-width: max-content;
}

body.welotr-pc-pro .ant-table {
  color: #536174;
  font-size: 13px !important;
  line-height: 20px;
}

body.welotr-pc-pro .ant-table-thead > tr > th {
  height: 38px;
  padding: 8px 10px !important;
  color: #415064 !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  white-space: nowrap;
  background: #f8fafd !important;
  border-bottom: 1px solid #dfe7f1 !important;
}

body.welotr-pc-pro .ant-table-tbody > tr > td {
  height: 38px;
  padding: 7px 10px !important;
  color: #536174 !important;
  font-size: 13px !important;
  border-bottom: 1px solid #e8eef5 !important;
}

body.welotr-pc-pro .ant-table-tbody > tr:nth-child(2n) > td {
  background: #fcfdff !important;
}

body.welotr-pc-pro .ant-table-tbody > tr:hover > td,
body.welotr-pc-pro .ant-table-tbody > tr.welotr-row-active > td {
  background: #edf5ff !important;
}

body.welotr-pc-pro .ant-table-tbody > tr.welotr-row-active > td:first-child {
  box-shadow: inset 3px 0 0 var(--welotr-primary);
}

body.welotr-pc-pro .ant-table-tbody a {
  color: #126be8 !important;
  font-weight: 650;
}

body.welotr-pc-pro .ant-table-tbody a:hover {
  color: #0958d9 !important;
}

body.welotr-pc-pro .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
body.welotr-pc-pro .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td {
  padding: 7px 9px !important;
}

body.welotr-pc-pro .ant-pagination {
  margin: 10px 0 !important;
}

body.welotr-pc-pro .ant-pagination-item,
body.welotr-pc-pro .ant-pagination-prev .ant-pagination-item-link,
body.welotr-pc-pro .ant-pagination-next .ant-pagination-item-link {
  min-width: 28px;
  height: 28px;
  line-height: 26px;
  border-color: #cfd9e6 !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .ant-pagination-item-active {
  background: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-pagination-item-active a {
  color: #ffffff !important;
}

body.welotr-pc-pro .ant-tag,
body.welotr-pc-pro .ant-badge-status-text {
  font-size: 12px !important;
  font-weight: 650;
}

body.welotr-pc-pro .ant-tag {
  min-height: 22px;
  padding: 1px 8px !important;
  line-height: 18px !important;
  border-radius: 999px !important;
}

body.welotr-pc-pro .ant-tag-green,
body.welotr-pc-pro .ant-tag-success {
  color: #0f8a45 !important;
  background: #eaf8ef !important;
  border-color: #bde8cc !important;
}

body.welotr-pc-pro .ant-tag-blue,
body.welotr-pc-pro .ant-tag-processing {
  color: #126be8 !important;
  background: #edf5ff !important;
  border-color: #b9dcff !important;
}

body.welotr-pc-pro .ant-tag-orange,
body.welotr-pc-pro .ant-tag-warning {
  color: #b45309 !important;
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}

body.welotr-pc-pro .ant-tag-red,
body.welotr-pc-pro .ant-tag-error {
  color: #dc2626 !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

body.welotr-pc-pro .ant-dropdown-menu,
body.welotr-pc-pro .ant-select-dropdown,
body.welotr-pc-pro .ant-calendar,
body.welotr-pc-pro .ant-time-picker-panel-inner {
  border: 1px solid #dfe7f1 !important;
  border-radius: 6px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12) !important;
}

body.welotr-pc-pro .ant-dropdown-menu-item,
body.welotr-pc-pro .ant-select-dropdown-menu-item {
  min-height: 30px;
  color: #334155;
  font-size: 13px;
}

body.welotr-pc-pro .ant-dropdown-menu-item:hover,
body.welotr-pc-pro .ant-dropdown-menu-submenu-title:hover,
body.welotr-pc-pro .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled),
body.welotr-pc-pro .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  color: var(--welotr-primary) !important;
  background: #eef6ff !important;
}

body.welotr-pc-pro .ant-modal-header,
body.welotr-pc-pro .ant-drawer-header {
  padding: 13px 16px !important;
  border-bottom-color: #e8eef5 !important;
}

body.welotr-pc-pro .ant-modal-title,
body.welotr-pc-pro .ant-drawer-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 720 !important;
}

body.welotr-pc-pro .ant-modal-body,
body.welotr-pc-pro .ant-drawer-body {
  padding: 16px !important;
}

body.welotr-pc-pro .ant-alert {
  border-radius: 6px !important;
}

body.welotr-pc-pro .ant-badge-count {
  min-width: 17px;
  height: 17px;
  padding: 0 5px;
  line-height: 17px;
  box-shadow: 0 0 0 2px #ffffff !important;
}

body.welotr-pc-pro .welotr-network-bar {
  background: linear-gradient(90deg, #1677ff, #22c55e) !important;
}

@media (max-width: 1280px) {
  body.welotr-pc-pro .page-header-index-wide,
  body.welotr-pc-pro .t-container {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.welotr-pc-pro .ant-menu-dark .ant-menu-item,
  body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-title,
  body.welotr-pc-pro .ant-btn,
  body.welotr-pc-pro .welotr-work-tab {
    transition-duration: .01ms !important;
  }
}

/* PC Pro full module polish */
body.welotr-pc-pro .ant-form:not(.ant-form-inline) {
  color: #334155;
}

body.welotr-pc-pro .ant-form-item {
  margin-bottom: 16px !important;
}

body.welotr-pc-pro .ant-form-explain,
body.welotr-pc-pro .ant-form-extra {
  margin-top: 5px;
  color: #8a97aa !important;
  font-size: 12px !important;
  line-height: 18px;
}

body.welotr-pc-pro .has-error .ant-input,
body.welotr-pc-pro .has-error .ant-input-number,
body.welotr-pc-pro .has-error .ant-select-selection {
  border-color: #ef4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, .08) !important;
}

body.welotr-pc-pro .has-error .ant-form-explain {
  color: #dc2626 !important;
}

body.welotr-pc-pro .ant-input[disabled],
body.welotr-pc-pro .ant-select-disabled .ant-select-selection,
body.welotr-pc-pro .ant-input-number-disabled {
  color: #8a97aa !important;
  background: #f5f7fb !important;
  border-color: #dfe7f1 !important;
}

body.welotr-pc-pro .ant-checkbox-inner,
body.welotr-pc-pro .ant-radio-inner {
  border-color: #cbd5e1 !important;
}

body.welotr-pc-pro .ant-checkbox-checked .ant-checkbox-inner,
body.welotr-pc-pro .ant-radio-checked .ant-radio-inner {
  background-color: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-switch {
  background: #cbd5e1 !important;
}

body.welotr-pc-pro .ant-switch-checked {
  background: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-descriptions,
body.welotr-pc-pro .ant-collapse,
body.welotr-pc-pro .ant-list,
body.welotr-pc-pro .ant-timeline,
body.welotr-pc-pro .ant-comment,
body.welotr-pc-pro .ant-transfer {
  color: #334155;
}

body.welotr-pc-pro .ant-descriptions-bordered .ant-descriptions-view,
body.welotr-pc-pro .ant-collapse,
body.welotr-pc-pro .ant-list-bordered,
body.welotr-pc-pro .ant-transfer-list {
  overflow: hidden;
  background: #ffffff !important;
  border-color: #dde6f0 !important;
  border-radius: 6px !important;
}

body.welotr-pc-pro .ant-descriptions-item-label,
body.welotr-pc-pro .ant-descriptions-bordered .ant-descriptions-item-label {
  color: #536174 !important;
  font-weight: 650 !important;
  background: #f8fafd !important;
}

body.welotr-pc-pro .ant-descriptions-item-content {
  color: #263445 !important;
}

body.welotr-pc-pro .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  min-height: 40px;
  color: #263445 !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
  background: #ffffff;
}

body.welotr-pc-pro .ant-collapse-content {
  color: #536174;
  border-top-color: #e8eef5 !important;
}

body.welotr-pc-pro .ant-list-item {
  padding: 10px 14px !important;
  border-bottom-color: #e8eef5 !important;
}

body.welotr-pc-pro .ant-list-item-meta-title {
  margin-bottom: 3px !important;
  color: #172033 !important;
  font-size: 14px !important;
  font-weight: 720;
}

body.welotr-pc-pro .ant-list-item-meta-description {
  color: #6b7788 !important;
  font-size: 12px !important;
}

body.welotr-pc-pro .ant-empty {
  padding: 34px 0 !important;
  color: #8a97aa !important;
}

body.welotr-pc-pro .ant-empty-description {
  color: #8a97aa !important;
  font-size: 13px;
}

body.welotr-pc-pro .ant-spin-dot i {
  background-color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-skeleton-title,
body.welotr-pc-pro .ant-skeleton-paragraph > li {
  background: linear-gradient(90deg, #f1f5f9 25%, #e8eef5 37%, #f1f5f9 63%) !important;
  background-size: 400% 100% !important;
}

body.welotr-pc-pro .ant-upload.ant-upload-select-picture-card,
body.welotr-pc-pro .ant-upload-list-picture-card .ant-upload-list-item {
  background: #f8fafd !important;
  border-color: #d4deea !important;
  border-radius: 6px !important;
}

body.welotr-pc-pro .ant-upload.ant-upload-select-picture-card:hover {
  border-color: #8cc4ff !important;
}

body.welotr-pc-pro .ant-tree li .ant-tree-node-content-wrapper {
  min-height: 28px;
  padding: 2px 6px !important;
  color: #334155;
  line-height: 24px !important;
  border-radius: 4px;
}

body.welotr-pc-pro .ant-tree li .ant-tree-node-content-wrapper:hover {
  background: #eef6ff !important;
}

body.welotr-pc-pro .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: var(--welotr-primary) !important;
  background: #eaf3ff !important;
}

body.welotr-pc-pro .ant-steps-item-title {
  color: #334155 !important;
  font-size: 13px !important;
  font-weight: 700;
}

body.welotr-pc-pro .ant-steps-item-description {
  color: #7b8797 !important;
  font-size: 12px !important;
}

body.welotr-pc-pro .ant-steps-item-process .ant-steps-item-icon,
body.welotr-pc-pro .ant-steps-item-finish .ant-steps-item-icon {
  border-color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-steps-item-process .ant-steps-item-icon {
  background: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-calendar-picker,
body.welotr-pc-pro .ant-time-picker,
body.welotr-pc-pro .ant-cascader-picker {
  width: auto;
  min-width: 160px;
}

body.welotr-pc-pro .ant-calendar-date:hover,
body.welotr-pc-pro .ant-calendar-selected-day .ant-calendar-date,
body.welotr-pc-pro .ant-calendar-today .ant-calendar-date {
  background: #eaf3ff !important;
}

body.welotr-pc-pro .ant-calendar-selected-day .ant-calendar-date {
  color: #ffffff !important;
  background: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-message-notice-content,
body.welotr-pc-pro .ant-notification-notice {
  border: 1px solid #dfe7f1;
  border-radius: 6px !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .14) !important;
}

body.welotr-pc-pro .ant-popover-message-title,
body.welotr-pc-pro .ant-popover-inner-content {
  color: #334155 !important;
  font-size: 13px;
}

body.welotr-pc-pro .ant-modal-confirm-body .ant-modal-confirm-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 760;
}

body.welotr-pc-pro .ant-modal-confirm-body .ant-modal-confirm-content {
  color: #5d6b7c !important;
  font-size: 13px;
}

body.welotr-pc-pro .numberInfo,
body.welotr-pc-pro .chart-card,
body.welotr-pc-pro .topData,
body.welotr-pc-pro .topDataDesc {
  border-radius: 6px !important;
}

body.welotr-pc-pro .topDataDesc {
  background: #ffffff !important;
  border: 1px solid #dde6f0 !important;
  box-shadow: none !important;
}

body.welotr-pc-pro .topDataDescPrice,
body.welotr-pc-pro .numberInfo .value,
body.welotr-pc-pro .total {
  color: #172033 !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .ant-divider {
  background: #e8eef5 !important;
}

body.welotr-pc-pro .ant-anchor-link-title {
  color: #536174 !important;
  font-size: 13px;
}

body.welotr-pc-pro .ant-anchor-link-active > .ant-anchor-link-title {
  color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-back-top-content {
  background: var(--welotr-primary) !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 24px rgba(22, 119, 255, .22);
}

body.welotr-pc-pro .ant-table-placeholder {
  border-bottom-color: #e8eef5 !important;
}

body.welotr-pc-pro .ant-table-row-expand-icon {
  border-color: #cfd9e6 !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .ant-table-row-expand-icon:hover {
  color: var(--welotr-primary) !important;
  border-color: var(--welotr-primary) !important;
}

body.welotr-pc-pro .ant-table-selection-column {
  width: 38px !important;
  min-width: 38px !important;
}

body.welotr-pc-pro .ant-table-fixed-left,
body.welotr-pc-pro .ant-table-fixed-right {
  box-shadow: 8px 0 16px rgba(15, 23, 42, .06) !important;
}

body.welotr-pc-pro .ant-table-fixed-right {
  box-shadow: -8px 0 16px rgba(15, 23, 42, .06) !important;
}

/* PC Pro module-level refinement */
body.welotr-pc-pro {
  --module-accent: #1677ff;
  --module-accent-soft: #eef6ff;
  --module-accent-border: #b9dcff;
}

body.welotr-pc-pro.welotr-module-data,
body.welotr-pc-pro.welotr-module-report {
  --module-accent: #1677ff;
  --module-accent-soft: #eef6ff;
  --module-accent-border: #b9dcff;
}

body.welotr-pc-pro.welotr-module-student {
  --module-accent: #0f6bdc;
  --module-accent-soft: #edf5ff;
  --module-accent-border: #b9dcff;
}

body.welotr-pc-pro.welotr-module-education {
  --module-accent: #0f766e;
  --module-accent-soft: #ecfdf5;
  --module-accent-border: #99f6e4;
}

body.welotr-pc-pro.welotr-module-teaching {
  --module-accent: #2563eb;
  --module-accent-soft: #eff6ff;
  --module-accent-border: #bfdbfe;
}

body.welotr-pc-pro.welotr-module-family {
  --module-accent: #16a34a;
  --module-accent-soft: #f0fdf4;
  --module-accent-border: #bbf7d0;
}

body.welotr-pc-pro.welotr-module-finance {
  --module-accent: #d97706;
  --module-accent-soft: #fff7ed;
  --module-accent-border: #fed7aa;
}

body.welotr-pc-pro.welotr-module-sales {
  --module-accent: #7c3aed;
  --module-accent-soft: #f3f0ff;
  --module-accent-border: #ddd6fe;
}

body.welotr-pc-pro.welotr-module-marketing {
  --module-accent: #ea580c;
  --module-accent-soft: #fff4ed;
  --module-accent-border: #fed7aa;
}

body.welotr-pc-pro.welotr-module-app,
body.welotr-pc-pro.welotr-module-settings {
  --module-accent: #475569;
  --module-accent-soft: #f1f5f9;
  --module-accent-border: #cbd5e1;
}

body.welotr-pc-pro .welotr-work-tabs {
  box-shadow: inset 0 -1px 0 #e8eef5;
}

body.welotr-pc-pro .welotr-work-tab.is-active {
  color: var(--module-accent);
  background: var(--module-accent-soft);
}

body.welotr-pc-pro .welotr-filter-panel {
  position: relative;
}

body.welotr-pc-pro .welotr-filter-panel::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  left: 0;
  width: 3px;
  background: var(--module-accent);
  border-radius: 0 3px 3px 0;
  opacity: .82;
}

body.welotr-pc-pro .welotr-action-toolbar .ant-btn-primary {
  background: var(--module-accent) !important;
  border-color: var(--module-accent) !important;
}

body.welotr-pc-pro .welotr-action-toolbar .ant-btn-primary:hover,
body.welotr-pc-pro .welotr-action-toolbar .ant-btn-primary:focus {
  filter: brightness(.94);
}

body.welotr-pc-pro .ant-table-tbody > tr:hover > td,
body.welotr-pc-pro .ant-table-tbody > tr.welotr-row-active > td {
  background: var(--module-accent-soft) !important;
}

body.welotr-pc-pro .ant-table-tbody > tr.welotr-row-active > td:first-child {
  box-shadow: inset 3px 0 0 var(--module-accent);
}

body.welotr-pc-pro .ant-tabs-ink-bar {
  background: var(--module-accent) !important;
}

body.welotr-pc-pro .ant-tabs-tab-active,
body.welotr-pc-pro .ant-tabs-tab:hover {
  color: var(--module-accent) !important;
}

body.welotr-pc-pro .ant-table-tbody td:nth-child(1) a,
body.welotr-pc-pro .ant-table-tbody td:nth-child(2) a {
  color: var(--module-accent) !important;
}

body.welotr-pc-pro.welotr-module-student .welotr-pro-table .ant-table-tbody td:nth-child(1),
body.welotr-pc-pro.welotr-module-student .welotr-pro-table .ant-table-tbody td:nth-child(2) {
  font-weight: 650;
}

body.welotr-pc-pro.welotr-module-student .ant-tag-green,
body.welotr-pc-pro.welotr-module-family .ant-tag-green {
  color: #0f8a45 !important;
  background: #dcfce7 !important;
  border-color: #86efac !important;
}

body.welotr-pc-pro.welotr-module-education .welotr-pro-table .ant-table-thead > tr > th,
body.welotr-pc-pro.welotr-module-teaching .welotr-pro-table .ant-table-thead > tr > th {
  background: #f8fbff !important;
}

body.welotr-pc-pro.welotr-module-education .ant-calendar-picker,
body.welotr-pc-pro.welotr-module-education .ant-time-picker {
  min-width: 132px;
}

body.welotr-pc-pro.welotr-module-teaching .ant-rate-star-full .ant-rate-star-first,
body.welotr-pc-pro.welotr-module-teaching .ant-rate-star-full .ant-rate-star-second {
  color: #f59e0b !important;
}

body.welotr-pc-pro.welotr-module-family .ant-list-item,
body.welotr-pc-pro.welotr-module-family .ant-comment {
  background: #ffffff;
}

body.welotr-pc-pro.welotr-module-family .ant-list-item:hover {
  background: #f0fdf4;
}

body.welotr-pc-pro.welotr-module-sales .ant-tag-blue,
body.welotr-pc-pro.welotr-module-sales .ant-tag-purple {
  color: #6d28d9 !important;
  background: #f3e8ff !important;
  border-color: #d8b4fe !important;
}

body.welotr-pc-pro.welotr-module-sales .welotr-pro-table .ant-table-tbody td:nth-child(1),
body.welotr-pc-pro.welotr-module-sales .welotr-pro-table .ant-table-tbody td:nth-child(2) {
  font-weight: 650;
}

body.welotr-pc-pro.welotr-module-marketing .ant-card,
body.welotr-pc-pro.welotr-module-marketing .welotr-module-section {
  border-color: #fde2c4 !important;
}

body.welotr-pc-pro.welotr-module-marketing .ant-tag-orange,
body.welotr-pc-pro.welotr-module-marketing .ant-tag-gold {
  color: #c2410c !important;
  background: #ffedd5 !important;
  border-color: #fdba74 !important;
}

body.welotr-pc-pro.welotr-module-finance .ant-statistic-content,
body.welotr-pc-pro.welotr-module-finance .numberInfo .value,
body.welotr-pc-pro.welotr-module-finance .total,
body.welotr-pc-pro.welotr-module-finance .topDataDescPrice {
  color: #92400e !important;
  font-variant-numeric: tabular-nums;
}

body.welotr-pc-pro.welotr-module-finance .welotr-pro-table .ant-table-tbody td:nth-last-child(1),
body.welotr-pc-pro.welotr-module-finance .welotr-pro-table .ant-table-tbody td:nth-last-child(2),
body.welotr-pc-pro.welotr-module-finance .welotr-pro-table .ant-table-tbody td:nth-last-child(3) {
  font-variant-numeric: tabular-nums;
}

body.welotr-pc-pro.welotr-module-report .ant-card,
body.welotr-pc-pro.welotr-module-data .ant-card {
  border-color: #d7e5f8 !important;
}

body.welotr-pc-pro.welotr-module-report .ant-card-head,
body.welotr-pc-pro.welotr-module-data .ant-card-head {
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
}

body.welotr-pc-pro.welotr-module-report .chart-card-content,
body.welotr-pc-pro.welotr-module-data .chart-card-content {
  min-height: 120px;
}

body.welotr-pc-pro.welotr-module-report .welotr-pro-table .ant-table-thead > tr > th,
body.welotr-pc-pro.welotr-module-data .welotr-pro-table .ant-table-thead > tr > th {
  background: #f2f7ff !important;
}

body.welotr-pc-pro.welotr-module-app .ant-upload.ant-upload-select-picture-card,
body.welotr-pc-pro.welotr-module-app .ant-card {
  background: #f8fafc !important;
}

body.welotr-pc-pro.welotr-module-settings .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected,
body.welotr-pc-pro.welotr-module-app .ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #334155 !important;
  background: #e2e8f0 !important;
}

body.welotr-pc-pro.welotr-module-settings .ant-form-item-label > label {
  color: #334155 !important;
}

body.welotr-pc-pro .welotr-module-section {
  border-top: 3px solid var(--module-accent);
}

/* PC Pro final reference tuning */
body.welotr-pc-pro .sider.ant-layout-sider:not(.ant-layout-sider-collapsed),
body.welotr-pc-pro .ant-layout-sider:not(.ant-layout-sider-collapsed) {
  flex: 0 0 148px !important;
  width: 148px !important;
  min-width: 148px !important;
  max-width: 148px !important;
}

body.welotr-pc-pro .sider .ant-layout-sider-children,
body.welotr-pc-pro .ant-layout-sider-children {
  overflow-x: hidden;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-item > a,
body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-title,
body.welotr-pc-pro .ant-menu-dark .ant-menu-item > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-arrow {
  right: 10px !important;
}

body.welotr-pc-pro .layout.ant-layout .header,
body.welotr-pc-pro .layout.ant-layout .top-nav-header-index,
body.welotr-pc-pro .ant-layout-header {
  position: relative;
  z-index: 12;
}

body.welotr-pc-pro .ant-breadcrumb,
body.welotr-pc-pro .page-header,
body.welotr-pc-pro .page-header-index-wide .ant-page-header {
  padding: 0 !important;
  margin: 0 0 10px !important;
  color: #6b7788;
  background: transparent !important;
}

body.welotr-pc-pro .ant-breadcrumb a,
body.welotr-pc-pro .ant-breadcrumb span {
  color: #6b7788 !important;
  font-size: 12px !important;
}

body.welotr-pc-pro .ant-page-header-heading-title,
body.welotr-pc-pro .page-header h1,
body.welotr-pc-pro .page-header-index-wide h1 {
  color: #172033 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 28px !important;
}

body.welotr-pc-pro .welotr-work-tabs {
  min-height: 36px;
  padding: 0 14px;
}

body.welotr-pc-pro .welotr-work-tab {
  height: 26px;
  min-width: 64px;
  padding: 0 11px;
  font-size: 12px;
  line-height: 26px;
}

body.welotr-pc-pro .ant-tabs-nav .ant-tabs-tab,
body.welotr-pc-pro .ant-tabs-tab {
  margin-right: 28px !important;
  padding-top: 10px !important;
  padding-bottom: 9px !important;
}

body.welotr-pc-pro .welotr-filter-panel .ant-row,
body.welotr-pc-pro .table-page-search-wrapper .ant-row,
body.welotr-pc-pro .t-search-wrap .ant-row {
  margin-right: -6px !important;
  margin-left: -6px !important;
}

body.welotr-pc-pro .welotr-filter-panel .ant-col,
body.welotr-pc-pro .table-page-search-wrapper .ant-col,
body.welotr-pc-pro .t-search-wrap .ant-col {
  padding-right: 6px !important;
  padding-left: 6px !important;
}

body.welotr-pc-pro .ant-select-selection__placeholder,
body.welotr-pc-pro .ant-input::placeholder {
  color: #a4afbd !important;
}

body.welotr-pc-pro .ant-input-search .ant-input {
  padding-right: 34px !important;
}

body.welotr-pc-pro .ant-input-search-icon,
body.welotr-pc-pro .ant-calendar-picker-icon,
body.welotr-pc-pro .ant-time-picker-icon {
  color: #8a97aa !important;
}

body.welotr-pc-pro .ant-select-selection__choice {
  height: 22px !important;
  margin-top: 3px !important;
  color: #334155 !important;
  line-height: 20px !important;
  background: #f1f5f9 !important;
  border-color: #d8e1ec !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .ant-tag-checkable {
  min-height: 22px;
  padding: 1px 8px;
  color: #536174;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  border-radius: 999px;
}

body.welotr-pc-pro .ant-tag-checkable-checked {
  color: #ffffff !important;
  background: var(--module-accent) !important;
}

body.welotr-pc-pro .table-alert,
body.welotr-pc-pro .ant-alert-info {
  color: #536174 !important;
  background: #f8fbff !important;
  border-color: #dbeafe !important;
}

body.welotr-pc-pro .ant-table-thead > tr > th .ant-table-column-sorter,
body.welotr-pc-pro .ant-table-thead > tr > th .ant-table-filter-icon {
  color: #8a97aa !important;
}

body.welotr-pc-pro .ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #eef6ff !important;
}

body.welotr-pc-pro .ant-table-tbody > tr > td {
  vertical-align: middle !important;
}

body.welotr-pc-pro .ant-table-tbody > tr > td .ant-btn,
body.welotr-pc-pro .ant-table-tbody > tr > td .ant-tag {
  vertical-align: middle;
}

body.welotr-pc-pro .ant-table-tbody > tr > td[data-money],
body.welotr-pc-pro .ant-table-tbody > tr > td[data-number] {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

body.welotr-pc-pro .ant-table-tbody .ant-btn-link,
body.welotr-pc-pro .ant-table-tbody a {
  padding: 0 !important;
  font-size: 13px !important;
}

body.welotr-pc-pro .ant-modal-mask,
body.welotr-pc-pro .ant-drawer-mask {
  background: rgba(15, 23, 42, .38) !important;
}

body.welotr-pc-pro .ant-modal-content,
body.welotr-pc-pro .ant-drawer-content {
  overflow: hidden;
}

body.welotr-pc-pro .ant-modal-footer,
body.welotr-pc-pro .ant-drawer-footer {
  padding: 10px 16px !important;
  background: #f8fafd !important;
  border-top: 1px solid #e8eef5 !important;
}

body.welotr-pc-pro .ant-modal-close,
body.welotr-pc-pro .ant-drawer-close {
  color: #7b8797 !important;
}

body.welotr-pc-pro .ant-modal-close:hover,
body.welotr-pc-pro .ant-drawer-close:hover {
  color: #172033 !important;
}

body.welotr-pc-pro :focus-visible {
  outline: 2px solid rgba(22, 119, 255, .38);
  outline-offset: 2px;
}

body.welotr-pc-pro .ant-btn:active,
body.welotr-pc-pro .welotr-work-tab:active,
body.welotr-pc-pro .ant-menu-dark .ant-menu-item:active {
  transform: translateY(1px);
}

@media (max-width: 1366px) {
  body.welotr-pc-pro .sider.ant-layout-sider:not(.ant-layout-sider-collapsed),
  body.welotr-pc-pro .ant-layout-sider:not(.ant-layout-sider-collapsed) {
    flex-basis: 140px !important;
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
  }

  body.welotr-pc-pro .ant-menu-dark .ant-menu-item,
  body.welotr-pc-pro .ant-menu-dark .ant-menu-submenu-title {
    padding-left: 15px !important;
  }
}

/* PC workbench cockpit */
body.welotr-workbench-route .page-header-index-wide {
  padding: 0 !important;
  background: #f5f7fb !important;
}

body.welotr-workbench-route .page-header-index-wide > :not(.welotr-workbench) {
  display: none !important;
}

.welotr-workbench,
.welotr-workbench * {
  box-sizing: border-box;
}

.welotr-workbench {
  width: 100%;
  padding: 18px 18px 26px;
  color: #172033;
}

.welotr-workbench a {
  text-decoration: none;
}

.welotr-workbench-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  min-height: 126px;
  padding: 22px 24px;
  border: 1px solid #dbe6f5;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(24, 119, 255, .12), rgba(34, 197, 94, .08)), #ffffff;
  box-shadow: 0 12px 28px rgba(31, 45, 61, .08);
}

.welotr-workbench-eyebrow {
  display: inline-flex;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  border-radius: 6px;
  background: #e8f1ff;
  color: #1769e0;
  font-size: 12px;
  font-weight: 700;
}

.welotr-workbench-hero h1 {
  margin: 10px 0 4px;
  color: #10213f;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.18;
}

.welotr-workbench-hero p {
  max-width: 680px;
  margin: 0;
  color: #5f6f89;
  font-size: 14px;
  line-height: 1.7;
}

.welotr-workbench-hero-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.welotr-workbench-hero-actions span {
  width: 100%;
  color: #708099;
  font-size: 12px;
  text-align: right;
}

.welotr-workbench-hero-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  height: 34px;
  padding: 0 14px;
  border-radius: 6px;
  background: #1677ff;
  color: #ffffff;
  font-size: 13px;
  font-weight: 700;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.welotr-workbench-hero-actions a.secondary {
  border: 1px solid #cfe0f7;
  background: #ffffff;
  color: #1769e0;
}

.welotr-workbench-hero-actions a:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(22, 119, 255, .18);
}

.welotr-workbench-kpis {
  display: grid;
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 12px;
  margin-top: 14px;
}

.welotr-workbench-kpi {
  position: relative;
  min-height: 118px;
  padding: 16px 15px 14px;
  overflow: hidden;
  border: 1px solid #e2e9f3;
  border-radius: 8px;
  background: #ffffff;
  color: #172033;
  box-shadow: 0 8px 20px rgba(20, 37, 63, .05);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.welotr-workbench-kpi:hover {
  transform: translateY(-2px);
  border-color: #bed8fb;
  box-shadow: 0 12px 26px rgba(20, 37, 63, .1);
}

.welotr-workbench-kpi-icon {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: #eaf2ff;
}

.welotr-workbench-kpi-icon::before {
  content: "";
  position: absolute;
  inset: 8px;
  border: 2px solid #1677ff;
  border-radius: 3px;
}

.welotr-workbench-kpi.type-finance .welotr-workbench-kpi-icon,
.welotr-workbench-kpi.type-course .welotr-workbench-kpi-icon {
  background: #eafaf0;
}

.welotr-workbench-kpi.type-finance .welotr-workbench-kpi-icon::before,
.welotr-workbench-kpi.type-course .welotr-workbench-kpi-icon::before {
  border-color: #16a34a;
}

.welotr-workbench-kpi.type-warning .welotr-workbench-kpi-icon {
  background: #fff3e0;
}

.welotr-workbench-kpi.type-warning .welotr-workbench-kpi-icon::before {
  border-color: #d97706;
}

.welotr-workbench-kpi.type-lead .welotr-workbench-kpi-icon {
  background: #f0edff;
}

.welotr-workbench-kpi.type-lead .welotr-workbench-kpi-icon::before {
  border-color: #7c3aed;
}

.welotr-workbench-kpi-label {
  display: block;
  color: #718096;
  font-size: 13px;
  font-weight: 700;
}

.welotr-workbench-kpi strong {
  display: block;
  margin-top: 12px;
  color: #101928;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.1;
}

.welotr-workbench-kpi small {
  display: block;
  margin-top: 9px;
  color: #7b8798;
  font-size: 12px;
}

.welotr-workbench-grid {
  display: grid;
  grid-template-columns: minmax(360px, 1.4fr) minmax(320px, 1fr) minmax(300px, .9fr);
  gap: 14px;
  margin-top: 14px;
  align-items: start;
}

.welotr-workbench-panel {
  min-width: 0;
  padding: 16px;
  border: 1px solid #e2e9f3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(20, 37, 63, .05);
}

.welotr-workbench-panel-todos {
  grid-row: span 2;
}

.welotr-workbench-panel-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.welotr-workbench-panel-head h2 {
  margin: 0;
  color: #162033;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}

.welotr-workbench-panel-head p {
  margin: 4px 0 0;
  color: #76869d;
  font-size: 12px;
}

.welotr-workbench-panel-head > a {
  flex: 0 0 auto;
  color: #1769e0;
  font-size: 12px;
  font-weight: 700;
}

.welotr-workbench-todo-list {
  display: grid;
  gap: 9px;
}

.welotr-workbench-todo {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border: 1px solid #eef2f7;
  border-radius: 8px;
  background: #fbfcff;
  color: #172033;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.welotr-workbench-todo:hover {
  transform: translateX(2px);
  border-color: #cfe0f7;
  background: #f7fbff;
}

.welotr-workbench-todo > span {
  width: 8px;
  height: 34px;
  border-radius: 4px;
  background: #1677ff;
}

.welotr-workbench-todo.danger > span {
  background: #ef4444;
}

.welotr-workbench-todo.warning > span {
  background: #d97706;
}

.welotr-workbench-todo.info > span {
  background: #0ea5e9;
}

.welotr-workbench-todo strong,
.welotr-workbench-action strong {
  display: block;
  color: #1f2a44;
  font-size: 13px;
  font-weight: 800;
}

.welotr-workbench-todo small,
.welotr-workbench-action small {
  display: block;
  margin-top: 3px;
  color: #7a8799;
  font-size: 12px;
}

.welotr-workbench-todo b {
  min-width: 34px;
  color: #10213f;
  font-size: 20px;
  font-weight: 800;
  text-align: right;
}

.welotr-workbench-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.welotr-workbench-action {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 58px;
  padding: 10px;
  border: 1px solid #edf2f8;
  border-radius: 8px;
  background: #fbfcff;
  color: #172033;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.welotr-workbench-action:hover {
  transform: translateY(-1px);
  border-color: #cfe0f7;
  background: #f7fbff;
}

.welotr-workbench-action > span {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 8px;
  background: #e8f1ff;
}

.welotr-workbench-action > span::before,
.welotr-workbench-action > span::after {
  content: "";
  position: absolute;
  background: #1677ff;
}

.welotr-workbench-action > span::before {
  left: 8px;
  right: 8px;
  top: 14px;
  height: 2px;
}

.welotr-workbench-action > span::after {
  top: 8px;
  bottom: 8px;
  left: 14px;
  width: 2px;
}

.welotr-workbench-service-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.welotr-workbench-service-grid a {
  min-height: 76px;
  padding: 14px;
  border: 1px solid #edf2f8;
  border-radius: 8px;
  background: #fbfcff;
  color: #172033;
}

.welotr-workbench-service-grid strong {
  display: block;
  color: #101928;
  font-size: 24px;
  font-weight: 800;
  line-height: 1.05;
}

.welotr-workbench-service-grid span {
  display: block;
  margin-top: 8px;
  color: #718096;
  font-size: 12px;
  font-weight: 700;
}

.welotr-workbench-bars {
  display: grid;
  gap: 16px;
  padding-top: 4px;
}

.welotr-workbench-bar {
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 92px;
  gap: 10px;
  align-items: center;
}

.welotr-workbench-bar span,
.welotr-workbench-bar strong {
  color: #5f6f89;
  font-size: 12px;
  font-weight: 700;
}

.welotr-workbench-bar strong {
  color: #172033;
  text-align: right;
}

.welotr-workbench-bar > div {
  height: 10px;
  overflow: hidden;
  border-radius: 5px;
  background: #eef3f9;
}

.welotr-workbench-bar i {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: #1677ff;
}

.welotr-workbench-bar.consume i {
  background: #16a34a;
}

.welotr-workbench-trend {
  display: grid;
  grid-template-columns: repeat(6, minmax(28px, 1fr));
  gap: 10px;
  align-items: end;
  min-height: 170px;
  padding: 6px 4px 0;
}

.welotr-workbench-trend-row {
  display: grid;
  grid-template-rows: 20px 112px 18px;
  gap: 6px;
  min-width: 0;
  text-align: center;
}

.welotr-workbench-trend-row span,
.welotr-workbench-trend-row b {
  overflow: hidden;
  color: #7a8799;
  font-size: 11px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-workbench-trend-row b {
  color: #172033;
}

.welotr-workbench-trend-row div {
  position: relative;
  align-self: stretch;
  border-radius: 6px;
  background: #eef3f9;
}

.welotr-workbench-trend-row i {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 0;
  min-height: 8px;
  border-radius: 5px 5px 0 0;
  background: linear-gradient(180deg, #4f9fff, #1677ff);
}

.welotr-workbench-insights {
  display: grid;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.welotr-workbench-insights li {
  display: flex;
  gap: 10px;
  padding: 11px;
  border: 1px solid #edf2f8;
  border-radius: 8px;
  background: #fbfcff;
}

.welotr-workbench-insights li > span {
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-top: 5px;
  border-radius: 50%;
  background: #1677ff;
}

.welotr-workbench-insights strong {
  color: #1f2a44;
  font-size: 13px;
  font-weight: 800;
}

.welotr-workbench-insights p {
  margin: 4px 0 0;
  color: #6d7c92;
  font-size: 12px;
  line-height: 1.6;
}

.welotr-workbench-full-map {
  grid-column: 1 / -1;
}

.welotr-workbench-feature-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.welotr-workbench-feature-group {
  min-width: 0;
  min-height: 132px;
  padding: 12px;
  border: 1px solid #edf2f8;
  border-radius: 8px;
  background: #fbfcff;
}

.welotr-workbench-feature-group strong,
.welotr-workbench-feature-group small {
  display: block;
}

.welotr-workbench-feature-group strong {
  color: #172033;
  font-size: 13px;
  font-weight: 840;
  line-height: 20px;
}

.welotr-workbench-feature-group small {
  margin-top: 2px;
  color: #76869d;
  font-size: 12px;
  line-height: 18px;
}

.welotr-workbench-feature-group nav {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.welotr-workbench-feature-group a {
  display: inline-flex;
  min-height: 26px;
  align-items: center;
  padding: 3px 8px;
  color: #243247;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #d8e4f2;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.welotr-workbench-feature-group a:hover,
.welotr-workbench-feature-group a:focus {
  color: #1769e0;
  background: #f7fbff;
  border-color: #b9dcff;
  outline: none;
}

@media (max-width: 1440px) {
  .welotr-workbench-kpis {
    grid-template-columns: repeat(3, minmax(150px, 1fr));
  }

  .welotr-workbench-grid {
    grid-template-columns: minmax(360px, 1.2fr) minmax(320px, 1fr);
  }

  .welotr-workbench-feature-grid,
  .welotr-module-feature-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1100px) {
  .welotr-workbench-hero {
    grid-template-columns: 1fr;
  }

  .welotr-workbench-hero-actions,
  .welotr-workbench-hero-actions span {
    justify-content: flex-start;
    text-align: left;
  }

  .welotr-workbench-grid,
  .welotr-workbench-kpis {
    grid-template-columns: 1fr;
  }

  .welotr-workbench-feature-grid,
  .welotr-module-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* PC all-module shell */
body.welotr-module-shell-route .ant-layout-content {
  background: #f5f7fb !important;
}

.welotr-module-shell,
.welotr-module-shell * {
  box-sizing: border-box;
}

.welotr-module-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  margin: 0 16px 14px;
  padding: 16px 18px;
  border: 1px solid #dfe8f3;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 20px rgba(20, 37, 63, .06);
}

.welotr-module-shell::before {
  content: "";
  width: 4px;
  align-self: stretch;
  grid-row: 1;
  grid-column: 1;
  border-radius: 4px;
  background: var(--module-accent, #1677ff);
}

.welotr-module-shell-main {
  min-width: 0;
  padding-left: 14px;
  grid-column: 1;
  grid-row: 1;
}

.welotr-module-shell-badge {
  display: inline-flex;
  align-items: center;
  height: 22px;
  padding: 0 9px;
  border-radius: 6px;
  background: #e8f1ff;
  color: #1769e0;
  font-size: 12px;
  font-weight: 800;
}

.welotr-module-shell h1 {
  margin: 8px 0 3px;
  color: #142033;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
}

.welotr-module-shell p {
  max-width: 760px;
  margin: 0;
  color: #66758c;
  font-size: 13px;
  line-height: 1.6;
}

.welotr-module-flow {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.welotr-module-flow span {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px 0 6px;
  border: 1px solid var(--module-accent-border, #d8e7ff);
  border-radius: 999px;
  background: var(--module-accent-soft, #f2f7ff);
  color: #233249;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}

.welotr-module-flow i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  margin-right: 6px;
  border-radius: 999px;
  background: var(--module-accent, #1677ff);
  color: #ffffff;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
}

.welotr-module-shell-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  max-width: 520px;
}

.welotr-module-shell-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 76px;
  height: 30px;
  padding: 0 12px;
  border: 1px solid #d8e4f2;
  border-radius: 6px;
  background: #fbfdff;
  color: #243247;
  font-size: 12px;
  font-weight: 700;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.welotr-module-shell-action:hover,
.welotr-module-shell-action.is-active {
  transform: translateY(-1px);
  border-color: var(--module-accent-border, #9fc6ff);
  background: var(--module-accent-soft, #eaf3ff);
  color: var(--module-accent, #1769e0);
}

.welotr-module-shell-action.secondary {
  background: var(--module-accent, #1677ff);
  border-color: var(--module-accent, #1677ff);
  color: #ffffff;
}

.welotr-module-feature-map {
  grid-column: 1 / -1;
  min-width: 0;
  margin-top: 2px;
  border-top: 1px solid #edf2f8;
}

.welotr-module-feature-map summary {
  display: flex;
  gap: 10px;
  align-items: center;
  min-height: 38px;
  color: #172033;
  cursor: pointer;
  list-style: none;
}

.welotr-module-feature-map summary::-webkit-details-marker {
  display: none;
}

.welotr-module-feature-map summary::after {
  content: "";
  width: 8px;
  height: 8px;
  margin-left: auto;
  border-right: 2px solid #7a8798;
  border-bottom: 2px solid #7a8798;
  transform: rotate(45deg);
  transition: transform .18s ease;
}

.welotr-module-feature-map[open] summary::after {
  transform: rotate(225deg);
}

.welotr-module-feature-map summary span {
  font-size: 13px;
  font-weight: 820;
}

.welotr-module-feature-map summary small {
  color: #66758c;
  font-size: 12px;
  font-weight: 650;
}

.welotr-module-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding-top: 10px;
}

.welotr-module-feature-group {
  min-width: 0;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e2e9f3;
  border-radius: 8px;
}

.welotr-module-feature-group.is-active {
  background: var(--module-accent-soft, #eef6ff);
  border-color: var(--module-accent-border, #b9dcff);
}

.welotr-module-feature-group strong,
.welotr-module-feature-group small {
  display: block;
}

.welotr-module-feature-group strong {
  color: #172033;
  font-size: 13px;
  font-weight: 840;
  line-height: 20px;
}

.welotr-module-feature-group small {
  margin-top: 2px;
  color: #66758c;
  font-size: 12px;
  font-weight: 620;
  line-height: 18px;
}

.welotr-module-feature-group nav {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.welotr-module-feature-group a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 3px 8px;
  color: #243247;
  font-size: 12px;
  font-weight: 720;
  line-height: 18px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #d8e4f2;
  border-radius: 6px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.welotr-module-feature-group a:hover,
.welotr-module-feature-group a:focus {
  color: var(--module-accent, #1677ff);
  background: #ffffff;
  border-color: var(--module-accent-border, #9fc6ff);
  outline: none;
}

.welotr-module-shell.tone-blue {
  --module-accent: #1677ff;
  --module-accent-soft: #eef6ff;
  --module-accent-border: #b9dcff;
}

.welotr-module-shell.tone-blue .welotr-module-shell-badge {
  background: #e8f1ff;
  color: #1769e0;
}

.welotr-module-shell.tone-cyan {
  --module-accent: #0ea5e9;
  --module-accent-soft: #e0f7ff;
  --module-accent-border: #bae6fd;
}

.welotr-module-shell.tone-cyan .welotr-module-shell-badge {
  background: #e0f7ff;
  color: #0877a8;
}

.welotr-module-shell.tone-purple {
  --module-accent: #7c3aed;
  --module-accent-soft: #f3f0ff;
  --module-accent-border: #ddd6fe;
}

.welotr-module-shell.tone-purple .welotr-module-shell-badge {
  background: #f0edff;
  color: #6d28d9;
}

.welotr-module-shell.tone-green {
  --module-accent: #16a34a;
  --module-accent-soft: #f0fdf4;
  --module-accent-border: #bbf7d0;
}

.welotr-module-shell.tone-green .welotr-module-shell-badge {
  background: #eafaf0;
  color: #15803d;
}

.welotr-module-shell.tone-teal {
  --module-accent: #0f766e;
  --module-accent-soft: #ecfdf5;
  --module-accent-border: #99f6e4;
}

.welotr-module-shell.tone-teal .welotr-module-shell-badge {
  background: #ecfdf5;
  color: #0f766e;
}

.welotr-module-shell.tone-orange,
.welotr-module-shell.tone-gold {
  --module-accent: #d97706;
  --module-accent-soft: #fff7ed;
  --module-accent-border: #fed7aa;
}

.welotr-module-shell.tone-orange .welotr-module-shell-badge,
.welotr-module-shell.tone-gold .welotr-module-shell-badge {
  background: #fff3e0;
  color: #b45309;
}

.welotr-module-shell.tone-indigo {
  --module-accent: #4f46e5;
  --module-accent-soft: #eef2ff;
  --module-accent-border: #c7d2fe;
}

.welotr-module-shell.tone-indigo .welotr-module-shell-badge {
  background: #eef2ff;
  color: #4338ca;
}

.welotr-module-shell.tone-slate {
  --module-accent: #475569;
  --module-accent-soft: #f1f5f9;
  --module-accent-border: #cbd5e1;
}

.welotr-module-shell.tone-slate .welotr-module-shell-badge {
  background: #eef2f7;
  color: #334155;
}

body.welotr-module-shell-route .ant-layout-content > .ant-card,
body.welotr-module-shell-route .ant-layout-content > .t-main-write,
body.welotr-module-shell-route .ant-layout-content > .t-bg-write,
body.welotr-module-shell-route .page-header-index-wide > .ant-card,
body.welotr-module-shell-route .page-header-index-wide > .t-main-write,
body.welotr-module-shell-route .page-header-index-wide > .t-bg-write {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

body.welotr-module-shell-route .welotr-filter-panel {
  margin: 0 16px 12px !important;
}

body.welotr-module-shell-route .welotr-action-toolbar {
  margin: 0 16px 12px !important;
}

body.welotr-module-shell-route .welotr-pro-table,
body.welotr-module-shell-route .ant-table-wrapper {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

body.welotr-module-shell-route .welotr-module-section {
  border-radius: 8px !important;
  border-color: #e2e9f3 !important;
  box-shadow: 0 8px 20px rgba(20, 37, 63, .05) !important;
}

body.welotr-pc-pro .welotr-pro-form {
  --welotr-form-gap: 10px;
}

body.welotr-pc-pro .welotr-pro-form .ant-form-item {
  margin-bottom: 14px !important;
}

body.welotr-pc-pro .welotr-pro-form .ant-form-item-label > label {
  color: #536176 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

body.welotr-pc-pro .welotr-pro-form .ant-input,
body.welotr-pc-pro .welotr-pro-form .ant-select-selection,
body.welotr-pc-pro .welotr-pro-form .ant-calendar-picker-input,
body.welotr-pc-pro .welotr-pro-form .ant-time-picker-input,
body.welotr-pc-pro .welotr-pro-form textarea.ant-input {
  border-color: #dbe4ef !important;
  border-radius: 6px !important;
  background: #fbfdff !important;
}

body.welotr-pc-pro .welotr-pro-form .ant-input:hover,
body.welotr-pc-pro .welotr-pro-form .ant-select-selection:hover,
body.welotr-pc-pro .welotr-pro-form .ant-calendar-picker-input:hover,
body.welotr-pc-pro .welotr-pro-form .ant-time-picker-input:hover {
  border-color: var(--module-accent-border, #9fc6ff) !important;
}

body.welotr-pc-pro .welotr-pro-tabs > .ant-tabs-bar {
  margin-bottom: 12px !important;
  border-bottom-color: #e4ebf4 !important;
}

body.welotr-pc-pro .welotr-pro-tabs .ant-tabs-tab {
  color: #5f6f89 !important;
  font-weight: 700 !important;
}

body.welotr-pc-pro .welotr-pro-tabs .ant-tabs-tab-active {
  color: var(--module-accent, #1677ff) !important;
}

body.welotr-pc-pro .welotr-pro-tabs .ant-tabs-ink-bar {
  height: 3px !important;
  border-radius: 3px 3px 0 0 !important;
  background: var(--module-accent, #1677ff) !important;
}

body.welotr-pc-pro .welotr-pro-list .ant-list-item,
body.welotr-pc-pro .welotr-pro-list .ant-timeline-item-content {
  color: #243247;
}

body.welotr-pc-pro .welotr-pro-list .ant-list-item {
  padding: 12px 0 !important;
  border-bottom-color: #edf2f8 !important;
}

body.welotr-pc-pro .welotr-pro-popup {
  border-radius: 8px !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .22) !important;
}

body.welotr-pc-pro .ant-modal-header,
body.welotr-pc-pro .ant-drawer-header {
  padding: 14px 18px !important;
  border-bottom-color: #e6edf6 !important;
  background: #fbfdff !important;
}

body.welotr-pc-pro .ant-modal-title,
body.welotr-pc-pro .ant-drawer-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .ant-empty-description {
  color: #7a8799 !important;
}

/* PC all-module second-pass component polish */
body.welotr-pc-pro .welotr-module-section > .ant-card-head,
body.welotr-pc-pro .ant-card-head {
  min-height: 46px !important;
  padding: 0 16px !important;
  border-bottom-color: #e6edf6 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

body.welotr-pc-pro .ant-card-head-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .ant-card-extra {
  color: #5f6f86 !important;
  font-size: 12px !important;
  font-weight: 700;
}

body.welotr-pc-pro .ant-tag {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 0 8px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 20px !important;
}

body.welotr-pc-pro .ant-tag-blue,
body.welotr-pc-pro .ant-tag-processing {
  color: #1d4ed8 !important;
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
}

body.welotr-pc-pro .ant-tag-green,
body.welotr-pc-pro .ant-tag-success {
  color: #15803d !important;
  background: #f0fdf4 !important;
  border-color: #bbf7d0 !important;
}

body.welotr-pc-pro .ant-tag-orange,
body.welotr-pc-pro .ant-tag-warning,
body.welotr-pc-pro .ant-tag-gold {
  color: #b45309 !important;
  background: #fff7ed !important;
  border-color: #fed7aa !important;
}

body.welotr-pc-pro .ant-tag-red,
body.welotr-pc-pro .ant-tag-error {
  color: #b91c1c !important;
  background: #fef2f2 !important;
  border-color: #fecaca !important;
}

body.welotr-pc-pro .ant-badge-status-dot {
  width: 7px !important;
  height: 7px !important;
}

body.welotr-pc-pro .ant-badge-status-text {
  color: #44546a !important;
  font-weight: 650;
}

body.welotr-pc-pro .welotr-pro-alert {
  border-radius: 8px !important;
  border-color: var(--module-accent-border, #cfe3ff) !important;
  background: var(--module-accent-soft, #f2f7ff) !important;
}

body.welotr-pc-pro .welotr-pro-alert .ant-alert-message {
  color: #172033 !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .welotr-pro-alert .ant-alert-description {
  color: #5f6f86 !important;
}

body.welotr-pc-pro .welotr-pro-descriptions,
body.welotr-pc-pro .welotr-pro-collapse,
body.welotr-pc-pro .welotr-pro-tree {
  border-radius: 8px !important;
}

body.welotr-pc-pro .welotr-pro-descriptions .ant-descriptions-view,
body.welotr-pc-pro .description-list {
  overflow: hidden;
  border-color: #e4ebf4 !important;
  border-radius: 8px !important;
}

body.welotr-pc-pro .ant-descriptions-item-label,
body.welotr-pc-pro .description-list .term {
  color: #607086 !important;
  font-weight: 700 !important;
}

body.welotr-pc-pro .ant-descriptions-item-content,
body.welotr-pc-pro .description-list .content {
  color: #172033 !important;
  font-weight: 600;
}

body.welotr-pc-pro .welotr-pro-steps .ant-steps-item-title {
  color: #253044 !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .welotr-pro-steps .ant-steps-item-description {
  color: #68788f !important;
  font-size: 12px !important;
}

body.welotr-pc-pro .welotr-pro-steps .ant-steps-item-process .ant-steps-item-icon {
  background: var(--module-accent, #1677ff) !important;
  border-color: var(--module-accent, #1677ff) !important;
}

body.welotr-pc-pro .welotr-pro-collapse {
  overflow: hidden;
  border-color: #e3eaf4 !important;
  background: #ffffff !important;
}

body.welotr-pc-pro .welotr-pro-collapse .ant-collapse-header {
  color: #1f2a3d !important;
  font-weight: 800 !important;
}

body.welotr-pc-pro .welotr-pro-collapse .ant-collapse-content {
  border-top-color: #edf2f8 !important;
}

body.welotr-pc-pro .welotr-pro-tree .ant-tree-node-content-wrapper {
  min-height: 28px;
  padding: 2px 7px !important;
  border-radius: 6px !important;
}

body.welotr-pc-pro .welotr-pro-tree .ant-tree-node-content-wrapper:hover {
  background: var(--module-accent-soft, #f2f7ff) !important;
}

body.welotr-pc-pro .welotr-pro-tree .ant-tree-node-selected,
body.welotr-pc-pro .welotr-pro-tree .ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: var(--module-accent, #1677ff) !important;
  background: var(--module-accent-soft, #f2f7ff) !important;
  font-weight: 800;
}

body.welotr-pc-pro .welotr-pro-upload.ant-upload,
body.welotr-pc-pro .ant-upload.ant-upload-select-picture-card {
  border-color: #dbe5f1 !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

body.welotr-pc-pro .ant-upload.ant-upload-drag {
  border-color: var(--module-accent-border, #cfe3ff) !important;
  border-radius: 8px !important;
  background: #fbfdff !important;
}

body.welotr-pc-pro .ant-upload-list-item {
  border-radius: 8px !important;
}

body.welotr-pc-pro .welotr-pro-stat {
  color: #172033 !important;
}

body.welotr-pc-pro .welotr-pro-stat .ant-statistic-title,
body.welotr-pc-pro .welotr-pro-stat .numberInfoSubTitle {
  color: #607086 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

body.welotr-pc-pro .welotr-pro-stat .ant-statistic-content,
body.welotr-pc-pro .welotr-pro-stat .numberInfoValue {
  color: #172033 !important;
  font-variant-numeric: tabular-nums;
  font-weight: 800 !important;
}

body.welotr-pc-pro .welotr-pro-calendar,
body.welotr-pc-pro .ant-calendar {
  border-color: #dfe8f3 !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .12) !important;
}

body.welotr-pc-pro .ant-fullcalendar-header {
  padding: 12px 16px !important;
  border-bottom: 1px solid #e7eef7;
}

body.welotr-pc-pro .ant-fullcalendar-date {
  border-radius: 6px !important;
}

body.welotr-pc-pro .ant-fullcalendar-selected-day .ant-fullcalendar-date,
body.welotr-pc-pro .ant-fullcalendar-today .ant-fullcalendar-date {
  border-color: var(--module-accent, #1677ff) !important;
  background: var(--module-accent-soft, #f2f7ff) !important;
}

body.welotr-pc-pro .ant-modal-footer,
body.welotr-pc-pro .ant-drawer-footer,
body.welotr-pc-pro .drawButton,
body.welotr-pc-pro .t-fixed-btn {
  border-top-color: #e7eef7 !important;
  background: #fbfdff !important;
}

body.welotr-pc-pro .ant-popover-inner,
body.welotr-pc-pro .ant-dropdown-menu {
  border: 1px solid #dfe8f3 !important;
  border-radius: 8px !important;
  box-shadow: 0 16px 36px rgba(15, 23, 42, .14) !important;
}

body.welotr-pc-pro .ant-dropdown-menu-item,
body.welotr-pc-pro .ant-dropdown-menu-submenu-title {
  min-height: 34px;
  color: #253044 !important;
  font-weight: 650;
}

body.welotr-pc-pro .ant-dropdown-menu-item:hover,
body.welotr-pc-pro .ant-dropdown-menu-submenu-title:hover {
  color: var(--module-accent, #1677ff) !important;
  background: var(--module-accent-soft, #f2f7ff) !important;
}

/* PC all-module third-pass operation polish */
body.welotr-pc-pro .welotr-pro-empty,
body.welotr-pc-pro .ant-table-placeholder .ant-empty {
  min-height: 154px;
  display: grid;
  place-items: center;
  align-content: center;
  padding: 26px 18px !important;
  background: #fbfdff !important;
  border: 1px dashed #d8e4f2;
  border-radius: 8px;
}

body.welotr-pc-pro .welotr-pro-empty .ant-empty-image {
  height: 52px;
  margin-bottom: 8px !important;
  opacity: .82;
}

body.welotr-pc-pro .welotr-pro-empty .ant-empty-description,
body.welotr-pc-pro .welotr-pro-empty .ant-result-title {
  color: #526176 !important;
  font-size: 13px !important;
  font-weight: 700;
}

body.welotr-pc-pro .welotr-pro-empty .ant-result-subtitle {
  color: #7a8799 !important;
  font-size: 12px !important;
}

body.welotr-pc-pro .welotr-pro-loading.ant-spin-nested-loading {
  min-height: 42px;
}

body.welotr-pc-pro .welotr-pro-loading .ant-spin-container {
  transition: opacity .18s ease, filter .18s ease;
}

body.welotr-pc-pro .welotr-pro-loading .ant-spin-container.ant-spin-blur {
  opacity: .55;
  filter: saturate(.9);
}

body.welotr-pc-pro .welotr-pro-loading .ant-spin-text {
  color: var(--module-accent, #1677ff) !important;
  font-size: 12px;
  font-weight: 700;
}

body.welotr-pc-pro .welotr-pro-skeleton .ant-skeleton-title,
body.welotr-pc-pro .welotr-pro-skeleton .ant-skeleton-paragraph > li,
body.welotr-pc-pro .ant-skeleton-content .ant-skeleton-title,
body.welotr-pc-pro .ant-skeleton-content .ant-skeleton-paragraph > li {
  border-radius: 6px;
}

body.welotr-pc-pro .welotr-pro-pagination {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  min-height: 42px;
  padding: 7px 10px !important;
  margin: 0 !important;
  background: #fbfdff;
  border-top: 1px solid #e6edf6;
}

body.welotr-pc-pro .welotr-pro-pagination .ant-pagination-total-text {
  margin-right: auto;
  color: #607086;
  font-size: 12px;
  font-weight: 700;
}

body.welotr-pc-pro .welotr-pro-pagination .ant-pagination-options {
  margin-left: 8px !important;
}

body.welotr-pc-pro .welotr-pro-pagination .ant-select-selection,
body.welotr-pc-pro .welotr-pro-pagination .ant-pagination-options-quick-jumper input {
  height: 28px !important;
  border-radius: 4px !important;
}

body.welotr-pc-pro .welotr-pro-selection,
body.welotr-pc-pro .ant-table-alert {
  min-height: 38px;
  padding: 8px 12px !important;
  margin-bottom: 8px !important;
  color: #44546a !important;
  background: var(--module-accent-soft, #f2f7ff) !important;
  border: 1px solid var(--module-accent-border, #cfe3ff) !important;
  border-radius: 8px !important;
}

body.welotr-pc-pro .welotr-pro-selection a,
body.welotr-pc-pro .ant-table-alert a {
  color: var(--module-accent, #1677ff) !important;
  font-weight: 800;
}

body.welotr-pc-pro .welotr-pro-table .ant-table-tbody > tr > td:last-child {
  white-space: nowrap;
}

body.welotr-pc-pro .welotr-pro-table .ant-table-tbody > tr > td:last-child a + a,
body.welotr-pc-pro .welotr-pro-table .ant-table-tbody > tr > td:last-child .ant-btn + .ant-btn,
body.welotr-pc-pro .welotr-pro-table .ant-table-tbody > tr > td:last-child .ant-divider + a {
  margin-left: 8px;
}

body.welotr-pc-pro .welotr-pro-table .ant-table-tbody > tr > td:last-child .ant-divider {
  margin: 0 8px !important;
}

body.welotr-pc-pro .ant-btn[disabled],
body.welotr-pc-pro .ant-btn-disabled,
body.welotr-pc-pro .ant-input-disabled,
body.welotr-pc-pro .ant-select-disabled .ant-select-selection {
  cursor: not-allowed !important;
  opacity: .68;
}

body.welotr-pc-pro .welotr-pro-feedback .ant-popover-inner,
body.welotr-pc-pro .ant-popover-inner,
body.welotr-pc-pro .ant-tooltip-inner {
  border-radius: 8px !important;
}

body.welotr-pc-pro .ant-popover-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 12px !important;
}

body.welotr-pc-pro .ant-popover-buttons .ant-btn {
  margin-left: 0 !important;
}

body.welotr-pc-pro .ant-modal-footer,
body.welotr-pc-pro .ant-drawer-footer {
  position: sticky;
  bottom: 0;
  z-index: 2;
}

body.welotr-pc-pro .ant-drawer-body {
  padding-bottom: 18px !important;
}

body.welotr-pc-pro .ant-modal-confirm-btns {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}

body.welotr-pc-pro .ant-modal-confirm-btns .ant-btn {
  margin-left: 0 !important;
}

body.welotr-pc-pro .ant-dropdown-menu-item-divider,
body.welotr-pc-pro .ant-dropdown-menu-submenu-title-divider {
  background: #e7eef7 !important;
}

/* PC final login experience */
body.welotr-pc-login,
body.welotr-pc-login #app {
  min-height: 100vh;
  background: #eef3f8 !important;
}

body.welotr-pc-login #userLayout.user-layout-wrapper {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(8, 21, 38, .06) 0, rgba(8, 21, 38, 0) 42%),
    #eef3f8 !important;
}

body.welotr-pc-login #userLayout.user-layout-wrapper .container {
  display: grid !important;
  grid-template-columns: minmax(420px, 520px) minmax(360px, 460px);
  gap: 40px;
  align-items: center;
  justify-content: center;
  min-height: 100vh !important;
  width: 100%;
  padding: 48px !important;
}

body.welotr-pc-login .welotr-login-aside,
body.welotr-pc-login .welotr-login-aside * {
  box-sizing: border-box;
}

body.welotr-pc-login .welotr-login-aside {
  min-height: 430px;
  display: grid;
  align-content: center;
  padding: 38px;
  color: #ffffff;
  background: #081526;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 8px;
  box-shadow: 0 22px 54px rgba(8, 21, 38, .2);
}

body.welotr-pc-login .welotr-login-kicker {
  display: inline-flex;
  width: fit-content;
  min-height: 26px;
  align-items: center;
  padding: 3px 10px;
  color: #bce7cc;
  font-size: 12px;
  font-weight: 800;
  line-height: 18px;
  background: rgba(34, 197, 94, .12);
  border: 1px solid rgba(34, 197, 94, .24);
  border-radius: 999px;
}

body.welotr-pc-login .welotr-login-aside h1 {
  margin: 22px 0 8px;
  color: #ffffff !important;
  font-size: 34px;
  font-weight: 860;
  line-height: 42px;
  letter-spacing: 0;
}

body.welotr-pc-login .welotr-login-aside p {
  margin: 0;
  color: #aab8c8;
  font-size: 15px;
  font-weight: 650;
  line-height: 24px;
}

body.welotr-pc-login .welotr-login-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 34px;
}

body.welotr-pc-login .welotr-login-metrics span {
  min-width: 0;
  min-height: 82px;
  padding: 13px;
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .09);
  border-radius: 8px;
}

body.welotr-pc-login .welotr-login-metrics b,
body.welotr-pc-login .welotr-login-metrics small {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}

body.welotr-pc-login .welotr-login-metrics b {
  color: #ffffff;
  font-size: 14px;
  font-weight: 820;
  line-height: 20px;
}

body.welotr-pc-login .welotr-login-metrics small {
  margin-top: 8px;
  color: #90a0b3;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

body.welotr-pc-login #userLayout.user-layout-wrapper .container .main {
  width: 100% !important;
  max-width: 430px !important;
  padding: 32px 34px 34px !important;
  margin: 0 !important;
  background: #ffffff;
  border: 1px solid #dde6f0;
  border-radius: 8px;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
}

body.welotr-pc-login .welotr-login-brand {
  margin-bottom: 22px;
}

body.welotr-pc-login .welotr-login-brand span,
body.welotr-pc-login .welotr-login-brand small {
  display: block;
  color: #64748b;
  font-size: 12px;
  font-weight: 750;
  line-height: 18px;
}

body.welotr-pc-login .welotr-login-brand strong {
  display: block;
  margin: 4px 0 3px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 860;
  line-height: 32px;
}

body.welotr-pc-login #userLayout .ant-form-item {
  margin-bottom: 16px !important;
}

body.welotr-pc-login #userLayout .ant-input-affix-wrapper,
body.welotr-pc-login #userLayout .ant-input,
body.welotr-pc-login #userLayout .ant-input-lg {
  height: 42px !important;
  color: #1f2a3d !important;
  font-size: 14px !important;
  background: #fbfdff !important;
  border-color: #d6e0ec !important;
  border-radius: 6px !important;
}

body.welotr-pc-login #userLayout .ant-input-affix-wrapper:hover,
body.welotr-pc-login #userLayout .ant-input-affix-wrapper-focused,
body.welotr-pc-login #userLayout .ant-input:focus {
  border-color: #7bb7ff !important;
  box-shadow: 0 0 0 3px rgba(22, 119, 255, .12) !important;
}

body.welotr-pc-login #userLayout .ant-input-prefix,
body.welotr-pc-login #userLayout .ant-input-suffix {
  color: #9aa7b6 !important;
}

body.welotr-pc-login #userLayout .ant-checkbox-wrapper,
body.welotr-pc-login #userLayout a {
  color: #526176 !important;
  font-size: 13px;
  font-weight: 650;
}

body.welotr-pc-login #userLayout a:hover {
  color: #1677ff !important;
}

body.welotr-pc-login #userLayout .login-button,
body.welotr-pc-login #userLayout .ant-btn-primary {
  width: 100%;
  height: 42px !important;
  margin-top: 2px;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 820;
  background: #16a34a !important;
  border-color: #16a34a !important;
  border-radius: 6px !important;
  box-shadow: 0 10px 22px rgba(22, 163, 74, .18) !important;
}

body.welotr-pc-login #userLayout .login-button:hover,
body.welotr-pc-login #userLayout .ant-btn-primary:hover {
  background: #12843d !important;
  border-color: #12843d !important;
}

body.welotr-pc-login #userLayout .top,
body.welotr-pc-login #userLayout .footer {
  display: none !important;
}

@media (max-width: 1200px) {
  .welotr-module-shell {
    grid-template-columns: 1fr;
  }

  .welotr-module-shell-actions {
    justify-content: flex-start;
    max-width: none;
  }

  .welotr-module-feature-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.welotr-pc-login #userLayout.user-layout-wrapper .container {
    grid-template-columns: minmax(0, 460px);
    gap: 18px;
    padding: 28px !important;
  }

  body.welotr-pc-login .welotr-login-aside {
    min-height: auto;
    padding: 26px;
  }

  body.welotr-pc-login .welotr-login-aside h1 {
    font-size: 28px;
    line-height: 36px;
  }

  body.welotr-pc-login .welotr-login-metrics {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .welotr-workbench-feature-grid,
  .welotr-module-feature-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* PC global command center */
.welotr-command-center,
.welotr-command-center * {
  box-sizing: border-box;
}

.welotr-command-center {
  position: fixed;
  top: 76px;
  right: 22px;
  z-index: 2200;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

body.welotr-pc-login .welotr-command-center {
  display: none !important;
}

body.welotr-command-open {
  overflow: hidden;
}

.welotr-command-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 82px;
  height: 40px;
  padding: 0 13px 0 11px;
  color: #1f2a3d;
  font-size: 13px;
  font-weight: 820;
  line-height: 40px;
  cursor: pointer;
  background: rgba(255, 255, 255, .96);
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.welotr-command-trigger:hover,
.welotr-command-trigger.is-active,
.welotr-command-trigger:focus-visible {
  color: #0f7a3b;
  border-color: #98d9b4;
  box-shadow: 0 14px 32px rgba(22, 163, 74, .18);
  transform: translateY(-1px);
  outline: none;
}

.welotr-command-trigger-icon {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  border: 1px solid #c9d6e5;
  border-radius: 5px;
}

.welotr-command-trigger-icon::before,
.welotr-command-trigger-icon::after,
.welotr-command-trigger-icon i {
  position: absolute;
  left: 4px;
  width: 8px;
  height: 1px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.welotr-command-trigger-icon::before {
  top: 5px;
}

.welotr-command-trigger-icon i {
  top: 8px;
}

.welotr-command-trigger-icon::after {
  top: 11px;
}

.welotr-command-layer {
  position: fixed;
  inset: 0;
  z-index: 2199;
}

.welotr-command-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .22);
  backdrop-filter: blur(2px);
}

.welotr-command-panel {
  position: fixed;
  top: 76px;
  right: 22px;
  width: min(820px, calc(100vw - 44px));
  max-height: calc(100vh - 104px);
  overflow: hidden;
  color: #1f2a3d;
  background: #ffffff;
  border: 1px solid #d7e2ef;
  border-radius: 8px;
  box-shadow: 0 26px 70px rgba(15, 23, 42, .2);
}

.welotr-command-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid #edf2f7;
}

.welotr-command-head strong,
.welotr-command-head small {
  display: block;
  min-width: 0;
}

.welotr-command-head strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.welotr-command-head small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-command-close {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f8fafc;
  border: 1px solid #dce6f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease;
}

.welotr-command-close::before,
.welotr-command-close::after {
  position: absolute;
  top: 14px;
  left: 8px;
  width: 12px;
  height: 2px;
  content: "";
  background: #5b677a;
  border-radius: 999px;
}

.welotr-command-close::before {
  transform: rotate(45deg);
}

.welotr-command-close::after {
  transform: rotate(-45deg);
}

.welotr-command-close:hover,
.welotr-command-close:focus-visible {
  background: #eef8f2;
  border-color: #a8ddbd;
  outline: none;
}

.welotr-command-search {
  position: relative;
  margin: 14px 18px 10px;
}

.welotr-command-search span {
  position: absolute;
  top: 50%;
  left: 13px;
  width: 14px;
  height: 14px;
  border: 2px solid #8fa0b4;
  border-radius: 999px;
  transform: translateY(-56%);
}

.welotr-command-search span::after {
  position: absolute;
  right: -6px;
  bottom: -4px;
  width: 7px;
  height: 2px;
  content: "";
  background: #8fa0b4;
  border-radius: 999px;
  transform: rotate(45deg);
}

.welotr-command-input {
  width: 100%;
  height: 42px;
  padding: 0 14px 0 38px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 650;
  background: #f8fafc;
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  outline: none;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.welotr-command-input:focus {
  background: #ffffff;
  border-color: #57c17d;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, .12);
}

.welotr-command-chips {
  display: flex;
  gap: 8px;
  padding: 0 18px 12px;
  overflow-x: auto;
}

.welotr-command-chip {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  color: #526176;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dce6f0;
  border-radius: 999px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.welotr-command-chip:hover,
.welotr-command-chip:focus-visible,
.welotr-command-chip.is-active {
  color: #0f7a3b;
  background: #edf9f1;
  border-color: #a7dcbc;
  outline: none;
}

.welotr-command-recent {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 18px 12px;
  overflow-x: auto;
}

.welotr-command-recent span {
  flex: 0 0 auto;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 750;
}

.welotr-command-recent button {
  flex: 0 0 auto;
  height: 28px;
  padding: 0 10px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
}

.welotr-command-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 12px;
  padding: 0 18px 18px;
}

.welotr-command-results {
  display: flex;
  min-height: 270px;
  max-height: calc(100vh - 350px);
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  padding-right: 2px;
}

.welotr-command-result {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 42px;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 58px;
  padding: 10px 11px;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.welotr-command-result:hover,
.welotr-command-result:focus-visible {
  background: #fbfdff;
  border-color: #9ed8b5;
  box-shadow: 0 10px 24px rgba(22, 163, 74, .1);
  transform: translateY(-1px);
  outline: none;
}

.welotr-command-result-icon {
  position: relative;
  width: 34px;
  height: 34px;
  background: #eef8f2;
  border: 1px solid #bde8cd;
  border-radius: 8px;
}

.welotr-command-result-icon::before,
.welotr-command-result-icon::after {
  position: absolute;
  content: "";
  background: #16a34a;
  border-radius: 999px;
}

.welotr-command-result-icon::before {
  top: 10px;
  left: 9px;
  width: 14px;
  height: 2px;
  box-shadow: 0 6px 0 #16a34a;
}

.welotr-command-result-icon::after {
  right: 9px;
  bottom: 8px;
  width: 5px;
  height: 5px;
}

.welotr-command-result-main,
.welotr-command-result-main strong,
.welotr-command-result-main small {
  display: block;
  min-width: 0;
}

.welotr-command-result-main strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 820;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-command-result-main small {
  margin-top: 3px;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-command-result b {
  justify-self: end;
  color: #16a34a;
  font-size: 12px;
  font-weight: 820;
  line-height: 18px;
}

.welotr-command-side {
  display: flex;
  min-width: 0;
  min-height: 270px;
  max-height: calc(100vh - 350px);
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  padding: 12px;
  background: #f8fafc;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
}

.welotr-command-side-head strong,
.welotr-command-side-head small {
  display: block;
}

.welotr-command-side-head strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 840;
  line-height: 20px;
}

.welotr-command-side-head small {
  margin-top: 2px;
  color: #8090a4;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-command-result.is-compact {
  grid-template-columns: 28px minmax(0, 1fr);
  min-height: 50px;
  padding: 8px;
}

.welotr-command-result.is-compact .welotr-command-result-icon {
  width: 28px;
  height: 28px;
}

.welotr-command-result.is-compact .welotr-command-result-icon::before {
  top: 8px;
  left: 7px;
  width: 12px;
  box-shadow: 0 5px 0 #16a34a;
}

.welotr-command-result.is-compact .welotr-command-result-icon::after {
  right: 7px;
  bottom: 7px;
}

.welotr-command-result.is-compact b {
  display: none;
}

.welotr-command-empty {
  display: grid;
  min-height: 210px;
  align-content: center;
  justify-items: center;
  color: #64748b;
  text-align: center;
  background: #f8fafc;
  border: 1px dashed #cfdbe8;
  border-radius: 8px;
}

.welotr-command-empty strong,
.welotr-command-empty small {
  display: block;
}

.welotr-command-empty strong {
  color: #334155;
  font-size: 15px;
  font-weight: 820;
  line-height: 22px;
}

.welotr-command-empty small {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

@media (max-width: 1024px) {
  .welotr-command-panel {
    width: min(760px, calc(100vw - 32px));
    right: 16px;
  }

  .welotr-command-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .welotr-command-side {
    display: none;
  }

  .welotr-command-results {
    max-height: calc(100vh - 330px);
  }
}

@media (max-width: 899px) {
  .welotr-command-center,
  .welotr-command-layer {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .welotr-command-trigger,
  .welotr-command-chip,
  .welotr-command-close,
  .welotr-command-input,
  .welotr-command-result {
    transition: none;
  }
}

/* PC global task center */
.welotr-task-center,
.welotr-task-center * {
  box-sizing: border-box;
}

.welotr-task-center {
  position: fixed;
  top: 124px;
  right: 22px;
  z-index: 2180;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

body.welotr-pc-login .welotr-task-center,
body.welotr-command-open .welotr-task-trigger,
body.welotr-task-open .welotr-command-trigger {
  display: none !important;
}

body.welotr-task-open {
  overflow: hidden;
}

.welotr-task-trigger {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 82px;
  height: 40px;
  padding: 0 13px 0 11px;
  color: #1f2a3d;
  font-size: 13px;
  font-weight: 820;
  line-height: 40px;
  cursor: pointer;
  background: rgba(255, 255, 255, .96);
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.welotr-task-trigger:hover,
.welotr-task-trigger:focus-visible {
  color: #b45309;
  border-color: #f5c46b;
  box-shadow: 0 14px 32px rgba(217, 119, 6, .16);
  transform: translateY(-1px);
  outline: none;
}

.welotr-task-trigger-icon {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 18px;
  border: 1px solid #d7b46d;
  border-radius: 5px;
}

.welotr-task-trigger-icon::before,
.welotr-task-trigger-icon::after,
.welotr-task-trigger-icon i {
  position: absolute;
  left: 4px;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.welotr-task-trigger-icon::before {
  top: 4px;
  width: 9px;
  height: 2px;
}

.welotr-task-trigger-icon i {
  top: 8px;
  width: 11px;
  height: 2px;
}

.welotr-task-trigger-icon::after {
  top: 12px;
  width: 7px;
  height: 2px;
}

.welotr-task-trigger b {
  display: inline-flex;
  min-width: 18px;
  height: 18px;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  color: #ffffff;
  font-size: 11px;
  font-weight: 850;
  line-height: 18px;
  background: #d97706;
  border-radius: 999px;
}

.welotr-task-layer {
  position: fixed;
  inset: 0;
  z-index: 2220;
}

.welotr-task-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .2);
  backdrop-filter: blur(2px);
}

.welotr-task-panel {
  position: fixed;
  top: 76px;
  right: 22px;
  display: flex;
  width: min(468px, calc(100vw - 44px));
  max-height: calc(100vh - 104px);
  flex-direction: column;
  overflow: hidden;
  color: #1f2a3d;
  background: #ffffff;
  border: 1px solid #d7e2ef;
  border-radius: 8px;
  box-shadow: 0 26px 70px rgba(15, 23, 42, .2);
}

.welotr-task-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid #edf2f7;
}

.welotr-task-head strong,
.welotr-task-head small {
  display: block;
}

.welotr-task-head strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.welotr-task-head small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-task-close {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f8fafc;
  border: 1px solid #dce6f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease;
}

.welotr-task-close::before,
.welotr-task-close::after {
  position: absolute;
  top: 14px;
  left: 8px;
  width: 12px;
  height: 2px;
  content: "";
  background: #5b677a;
  border-radius: 999px;
}

.welotr-task-close::before {
  transform: rotate(45deg);
}

.welotr-task-close::after {
  transform: rotate(-45deg);
}

.welotr-task-close:hover,
.welotr-task-close:focus-visible {
  background: #fff7ed;
  border-color: #f7c978;
  outline: none;
}

.welotr-task-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 18px 10px;
}

.welotr-task-summary span {
  min-width: 0;
  padding: 10px 11px;
  background: #f8fafc;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
}

.welotr-task-summary b,
.welotr-task-summary small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-task-summary b {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.welotr-task-summary small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-task-filters {
  display: flex;
  gap: 8px;
  padding: 0 18px 12px;
  overflow-x: auto;
}

.welotr-task-filter {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  color: #526176;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dce6f0;
  border-radius: 999px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.welotr-task-filter:hover,
.welotr-task-filter:focus-visible,
.welotr-task-filter.is-active {
  color: #b45309;
  background: #fff7ed;
  border-color: #f7c978;
  outline: none;
}

.welotr-task-list {
  display: flex;
  min-height: 250px;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding: 0 18px 14px;
}

.welotr-task-item {
  display: grid;
  gap: 8px;
  padding: 13px;
  background: #ffffff;
  border: 1px solid #e3ebf4;
  border-left-width: 4px;
  border-radius: 8px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.welotr-task-item:hover {
  border-color: #f4c568;
  box-shadow: 0 10px 24px rgba(217, 119, 6, .1);
  transform: translateY(-1px);
}

.welotr-task-item.is-high {
  border-left-color: #dc2626;
}

.welotr-task-item.is-middle {
  border-left-color: #d97706;
}

.welotr-task-item.is-normal {
  border-left-color: #16a34a;
}

.welotr-task-item-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.welotr-task-item-top span {
  display: inline-flex;
  height: 24px;
  align-items: center;
  padding: 0 8px;
  color: #526176;
  font-size: 12px;
  font-weight: 760;
  background: #f8fafc;
  border: 1px solid #e3ebf4;
  border-radius: 999px;
}

.welotr-task-item-top b {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.welotr-task-item h3 {
  margin: 0;
  color: #0f172a;
  font-size: 15px;
  font-weight: 850;
  line-height: 22px;
  letter-spacing: 0;
}

.welotr-task-item p {
  margin: 0;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-task-steps {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.welotr-task-steps span {
  min-height: 24px;
  padding: 3px 8px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  background: #f8fafc;
  border: 1px solid #edf2f7;
  border-radius: 999px;
}

.welotr-task-item button {
  justify-self: end;
  min-width: 72px;
  height: 32px;
  padding: 0 14px;
  color: #ffffff;
  font-size: 13px;
  font-weight: 820;
  cursor: pointer;
  background: #16a34a;
  border: 1px solid #16a34a;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.welotr-task-item button:hover,
.welotr-task-item button:focus-visible {
  background: #12843d;
  border-color: #12843d;
  transform: translateY(-1px);
  outline: none;
}

.welotr-task-empty {
  display: grid;
  min-height: 220px;
  align-content: center;
  justify-items: center;
  color: #64748b;
  text-align: center;
  background: #f8fafc;
  border: 1px dashed #cfdbe8;
  border-radius: 8px;
}

.welotr-task-empty strong,
.welotr-task-empty small {
  display: block;
}

.welotr-task-empty strong {
  color: #334155;
  font-size: 15px;
  font-weight: 820;
  line-height: 22px;
}

.welotr-task-empty small {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-task-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 12px 18px 16px;
  border-top: 1px solid #edf2f7;
}

.welotr-task-footer a {
  display: inline-flex;
  height: 32px;
  align-items: center;
  padding: 0 12px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 780;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease;
}

.welotr-task-footer a:hover,
.welotr-task-footer a:focus-visible {
  background: #dbeafe;
  border-color: #93c5fd;
  outline: none;
}

@media (max-width: 1024px) {
  .welotr-task-panel {
    right: 16px;
    width: min(440px, calc(100vw - 32px));
  }
}

@media (max-width: 899px) {
  .welotr-task-center,
  .welotr-task-layer {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .welotr-task-trigger,
  .welotr-task-close,
  .welotr-task-filter,
  .welotr-task-item,
  .welotr-task-item button,
  .welotr-task-footer a {
    transition: none;
  }
}

/* PC module operation overview */
.welotr-module-ops,
.welotr-module-ops * {
  box-sizing: border-box;
}

.welotr-module-ops {
  display: grid;
  grid-template-columns: minmax(220px, 1.1fr) minmax(260px, 1fr) minmax(260px, 1.1fr) minmax(230px, .9fr);
  gap: 12px;
  align-items: stretch;
  width: calc(100% - 48px);
  max-width: 1600px;
  margin: 12px auto 14px;
  padding: 14px;
  color: #1f2a3d;
  background: #ffffff;
  border: 1px solid #dbe6f2;
  border-radius: 8px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
}

.welotr-module-ops-main,
.welotr-module-ops-metrics,
.welotr-module-ops-flow,
.welotr-module-ops-actions {
  min-width: 0;
}

.welotr-module-ops-main {
  display: grid;
  align-content: center;
  gap: 5px;
}

.welotr-module-ops-kicker {
  display: inline-flex;
  width: fit-content;
  min-height: 24px;
  align-items: center;
  padding: 3px 9px;
  color: #0f7a3b;
  font-size: 12px;
  font-weight: 820;
  line-height: 18px;
  background: #edf9f1;
  border: 1px solid #bde8cd;
  border-radius: 999px;
}

.welotr-module-ops h2 {
  margin: 0;
  overflow: hidden;
  color: #0f172a;
  font-size: 20px;
  font-weight: 880;
  line-height: 28px;
  letter-spacing: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-module-ops p {
  display: -webkit-box;
  margin: 0;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.welotr-module-ops-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.welotr-module-ops-metrics span {
  min-width: 0;
  padding: 10px;
  background: #f8fafc;
  border: 1px solid #e4ecf6;
  border-radius: 8px;
}

.welotr-module-ops-metrics b,
.welotr-module-ops-metrics small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-module-ops-metrics b {
  color: #0f172a;
  font-size: 15px;
  font-weight: 850;
  line-height: 22px;
}

.welotr-module-ops-metrics small {
  margin-top: 3px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-module-ops-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  align-content: center;
}

.welotr-module-ops-flow span {
  position: relative;
  display: grid;
  min-width: 0;
  min-height: 54px;
  align-content: center;
  justify-items: center;
  gap: 4px;
  padding: 8px 6px;
  color: #475569;
  font-size: 12px;
  font-weight: 720;
  line-height: 16px;
  text-align: center;
  background: #f8fafc;
  border: 1px solid #e4ecf6;
  border-radius: 8px;
}

.welotr-module-ops-flow i {
  display: inline-flex;
  width: 20px;
  height: 20px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-style: normal;
  font-size: 11px;
  font-weight: 850;
  line-height: 20px;
  background: #16a34a;
  border-radius: 999px;
}

.welotr-module-ops-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  align-content: center;
}

.welotr-module-ops-actions a {
  display: inline-flex;
  min-width: 0;
  height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
  overflow: hidden;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  line-height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.welotr-module-ops-actions a:hover,
.welotr-module-ops-actions a:focus-visible,
.welotr-module-ops-actions a.is-active {
  color: #0f7a3b;
  background: #edf9f1;
  border-color: #a7dcbc;
  transform: translateY(-1px);
  outline: none;
}

.welotr-module-ops.tone-gold .welotr-module-ops-kicker,
.welotr-module-ops.tone-gold .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-gold .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-gold .welotr-module-ops-actions a.is-active {
  color: #a16207;
  background: #fffbeb;
  border-color: #fde68a;
}

.welotr-module-ops.tone-gold .welotr-module-ops-flow i {
  background: #d97706;
}

.welotr-module-ops.tone-orange .welotr-module-ops-kicker,
.welotr-module-ops.tone-orange .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-orange .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-orange .welotr-module-ops-actions a.is-active {
  color: #c2410c;
  background: #fff7ed;
  border-color: #fed7aa;
}

.welotr-module-ops.tone-orange .welotr-module-ops-flow i {
  background: #ea580c;
}

.welotr-module-ops.tone-blue .welotr-module-ops-kicker,
.welotr-module-ops.tone-blue .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-blue .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-blue .welotr-module-ops-actions a.is-active,
.welotr-module-ops.tone-indigo .welotr-module-ops-kicker,
.welotr-module-ops.tone-indigo .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-indigo .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-indigo .welotr-module-ops-actions a.is-active {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
}

.welotr-module-ops.tone-blue .welotr-module-ops-flow i,
.welotr-module-ops.tone-indigo .welotr-module-ops-flow i {
  background: #2563eb;
}

.welotr-module-ops.tone-cyan .welotr-module-ops-kicker,
.welotr-module-ops.tone-cyan .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-cyan .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-cyan .welotr-module-ops-actions a.is-active,
.welotr-module-ops.tone-teal .welotr-module-ops-kicker,
.welotr-module-ops.tone-teal .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-teal .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-teal .welotr-module-ops-actions a.is-active {
  color: #0e7490;
  background: #ecfeff;
  border-color: #a5f3fc;
}

.welotr-module-ops.tone-cyan .welotr-module-ops-flow i,
.welotr-module-ops.tone-teal .welotr-module-ops-flow i {
  background: #0891b2;
}

.welotr-module-ops.tone-slate .welotr-module-ops-kicker,
.welotr-module-ops.tone-slate .welotr-module-ops-actions a:hover,
.welotr-module-ops.tone-slate .welotr-module-ops-actions a:focus-visible,
.welotr-module-ops.tone-slate .welotr-module-ops-actions a.is-active {
  color: #334155;
  background: #f8fafc;
  border-color: #cbd5e1;
}

.welotr-module-ops.tone-slate .welotr-module-ops-flow i {
  background: #475569;
}

@media (max-width: 1280px) {
  .welotr-module-ops {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 1fr);
  }
}

@media (max-width: 980px) {
  .welotr-module-ops {
    grid-template-columns: minmax(0, 1fr);
  }

  .welotr-module-ops-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 899px) {
  .welotr-module-ops {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .welotr-module-ops-actions a {
    transition: none;
  }
}

/* PC global quick action center */
.welotr-quick-center,
.welotr-quick-center * {
  box-sizing: border-box;
}

.welotr-quick-center {
  position: fixed;
  top: 172px;
  right: 22px;
  z-index: 2170;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;
}

body.welotr-pc-login .welotr-quick-center,
body.welotr-command-open .welotr-quick-trigger,
body.welotr-task-open .welotr-quick-trigger,
body.welotr-quick-open .welotr-command-trigger,
body.welotr-quick-open .welotr-task-trigger {
  display: none !important;
}

body.welotr-quick-open {
  overflow: hidden;
}

.welotr-quick-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 82px;
  height: 40px;
  padding: 0 13px 0 11px;
  color: #1f2a3d;
  font-size: 13px;
  font-weight: 820;
  line-height: 40px;
  cursor: pointer;
  background: rgba(255, 255, 255, .96);
  border: 1px solid #d8e2ed;
  border-radius: 8px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .12);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.welotr-quick-trigger:hover,
.welotr-quick-trigger:focus-visible {
  color: #1d4ed8;
  border-color: #9fc3ff;
  box-shadow: 0 14px 32px rgba(37, 99, 235, .16);
  transform: translateY(-1px);
  outline: none;
}

.welotr-quick-trigger-icon {
  position: relative;
  display: inline-flex;
  width: 18px;
  height: 18px;
  border: 1px solid #b8c7dc;
  border-radius: 5px;
}

.welotr-quick-trigger-icon::before,
.welotr-quick-trigger-icon::after,
.welotr-quick-trigger-icon i {
  position: absolute;
  content: "";
  background: currentColor;
  border-radius: 999px;
}

.welotr-quick-trigger-icon::before {
  top: 4px;
  left: 4px;
  width: 10px;
  height: 2px;
}

.welotr-quick-trigger-icon i {
  top: 8px;
  left: 4px;
  width: 10px;
  height: 2px;
}

.welotr-quick-trigger-icon::after {
  top: 5px;
  left: 8px;
  width: 2px;
  height: 10px;
}

.welotr-quick-layer {
  position: fixed;
  inset: 0;
  z-index: 2230;
}

.welotr-quick-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, .2);
  backdrop-filter: blur(2px);
}

.welotr-quick-panel {
  position: fixed;
  top: 76px;
  right: 22px;
  display: flex;
  width: min(520px, calc(100vw - 44px));
  max-height: calc(100vh - 104px);
  flex-direction: column;
  overflow: hidden;
  color: #1f2a3d;
  background: #ffffff;
  border: 1px solid #d7e2ef;
  border-radius: 8px;
  box-shadow: 0 26px 70px rgba(15, 23, 42, .2);
}

.welotr-quick-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 12px;
  border-bottom: 1px solid #edf2f7;
}

.welotr-quick-head strong,
.welotr-quick-head small {
  display: block;
}

.welotr-quick-head strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
}

.welotr-quick-head small {
  margin-top: 4px;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-quick-close {
  position: relative;
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: #f8fafc;
  border: 1px solid #dce6f0;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease;
}

.welotr-quick-close::before,
.welotr-quick-close::after {
  position: absolute;
  top: 14px;
  left: 8px;
  width: 12px;
  height: 2px;
  content: "";
  background: #5b677a;
  border-radius: 999px;
}

.welotr-quick-close::before {
  transform: rotate(45deg);
}

.welotr-quick-close::after {
  transform: rotate(-45deg);
}

.welotr-quick-close:hover,
.welotr-quick-close:focus-visible {
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
}

.welotr-quick-tabs {
  display: flex;
  gap: 8px;
  padding: 14px 18px 10px;
  overflow-x: auto;
}

.welotr-quick-tab {
  flex: 0 0 auto;
  height: 30px;
  padding: 0 12px;
  color: #526176;
  font-size: 12px;
  font-weight: 760;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #dce6f0;
  border-radius: 999px;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.welotr-quick-tab:hover,
.welotr-quick-tab:focus-visible,
.welotr-quick-tab.is-active {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: #bfdbfe;
  outline: none;
}

.welotr-quick-context {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin: 0 18px 12px;
  padding: 10px 12px;
  background: #f8fafc;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
}

.welotr-quick-context strong,
.welotr-quick-context small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-quick-context strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 840;
  line-height: 20px;
}

.welotr-quick-context small {
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
}

.welotr-quick-list {
  display: grid;
  gap: 10px;
  overflow-y: auto;
  padding: 0 18px 14px;
}

.welotr-quick-action {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 54px;
  gap: 10px;
  align-items: center;
  width: 100%;
  min-height: 66px;
  padding: 11px;
  text-align: left;
  cursor: pointer;
  background: #ffffff;
  border: 1px solid #e3ebf4;
  border-radius: 8px;
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.welotr-quick-action:hover,
.welotr-quick-action:focus-visible {
  background: #fbfdff;
  border-color: #9fc3ff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
  outline: none;
}

.welotr-quick-action-index {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 13px;
  font-weight: 860;
  line-height: 34px;
  background: #2563eb;
  border-radius: 8px;
}

.welotr-quick-action-main,
.welotr-quick-action-main strong,
.welotr-quick-action-main small {
  display: block;
  min-width: 0;
}

.welotr-quick-action-main strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 14px;
  font-weight: 850;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-quick-action-main small {
  margin-top: 3px;
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.welotr-quick-action b {
  justify-self: end;
  min-width: 42px;
  height: 24px;
  padding: 0 8px;
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  line-height: 24px;
  text-align: center;
  background: #eff6ff;
  border: 1px solid #bfdbfe;
  border-radius: 999px;
}

.welotr-quick-footer {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  padding: 12px 18px 16px;
  border-top: 1px solid #edf2f7;
}

.welotr-quick-footer a {
  display: inline-flex;
  height: 32px;
  align-items: center;
  padding: 0 12px;
  color: #0f7a3b;
  font-size: 12px;
  font-weight: 780;
  background: #edf9f1;
  border: 1px solid #bde8cd;
  border-radius: 6px;
  transition: background .18s ease, border-color .18s ease;
}

.welotr-quick-footer a:hover,
.welotr-quick-footer a:focus-visible {
  background: #dcfce7;
  border-color: #86efac;
  outline: none;
}

@media (max-width: 1024px) {
  .welotr-quick-panel {
    right: 16px;
    width: min(500px, calc(100vw - 32px));
  }
}

@media (max-width: 899px) {
  .welotr-quick-center,
  .welotr-quick-layer {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .welotr-quick-trigger,
  .welotr-quick-close,
  .welotr-quick-tab,
  .welotr-quick-action,
  .welotr-quick-footer a {
    transition: none;
  }
}

/* Data center metric guide */
.xb-metric-guide {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 12px 0 0;
}

.xb-metric-guide-card {
  position: relative;
  display: grid;
  min-width: 0;
  gap: 6px;
  padding: 13px;
  color: #1f2a3d;
  background: #ffffff;
  border: 1px solid #e3ebf4;
  border-left-width: 4px;
  border-radius: 8px;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.xb-metric-guide-card:hover,
.xb-metric-guide-card:focus-visible {
  border-color: #9fc3ff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, .1);
  transform: translateY(-1px);
  outline: none;
}

.xb-metric-guide-card.is-stable {
  border-left-color: #16a34a;
}

.xb-metric-guide-card.is-warning {
  border-left-color: #d97706;
}

.xb-metric-guide-card.is-danger {
  border-left-color: #dc2626;
}

.xb-metric-guide-card > span,
.xb-metric-guide-card strong,
.xb-metric-guide-card small {
  display: block;
  min-width: 0;
}

.xb-metric-guide-card > span {
  color: #64748b;
  font-size: 12px;
  font-weight: 760;
  line-height: 18px;
}

.xb-metric-guide-card strong {
  overflow: hidden;
  color: #0f172a;
  font-size: 18px;
  font-weight: 860;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-metric-guide-card small {
  overflow: hidden;
  color: #64748b;
  font-size: 12px;
  font-weight: 650;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-metric-guide-card small b {
  display: inline-flex;
  margin-right: 5px;
  color: #334155;
  font-weight: 820;
}

@media (max-width: 1280px) {
  .xb-metric-guide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .xb-metric-guide {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .xb-metric-guide-card {
    transition: none;
  }
}

/* PC Web data center rebuild */
.xb-analysis-layout {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  width: 100%;
}

.xb-analysis-sidebar {
  position: sticky;
  top: 76px;
  z-index: 5;
  min-width: 0;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.xb-analysis-brand {
  display: grid;
  gap: 4px;
  min-width: 0;
  margin-bottom: 12px;
  padding: 10px 10px 12px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
}

.xb-analysis-brand span,
.xb-analysis-brand small {
  color: #64748b;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.xb-analysis-brand strong {
  color: #0f172a;
  font-size: 16px;
  font-weight: 840;
  line-height: 22px;
}

.xb-analysis-sidebar .xb-analysis-tabs {
  display: grid;
  gap: 6px;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: transparent;
  border: 0;
  border-radius: 0;
}

.xb-analysis-nav-group {
  display: block;
  margin: 10px 4px 2px;
  color: #94a3b8;
  font-size: 12px;
  font-weight: 780;
  line-height: 18px;
}

.xb-analysis-sidebar .xb-analysis-tab {
  display: grid;
  justify-items: start;
  width: 100%;
  min-width: 0;
  min-height: 54px;
  padding: 9px 10px;
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
}

.xb-analysis-sidebar .xb-analysis-tab strong,
.xb-analysis-sidebar .xb-analysis-tab small {
  display: block;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xb-analysis-sidebar .xb-analysis-tab strong {
  color: #0f172a;
  font-size: 14px;
  font-weight: 800;
  line-height: 20px;
}

.xb-analysis-sidebar .xb-analysis-tab small {
  margin-top: 2px;
  color: #64748b;
  font-size: 12px;
  font-weight: 620;
  line-height: 18px;
}

.xb-analysis-sidebar .xb-analysis-tab:hover,
.xb-analysis-sidebar .xb-analysis-tab:focus-visible,
.xb-analysis-sidebar .xb-analysis-tab.is-active {
  background: #eff6ff;
  border-color: #bfdbfe;
  box-shadow: none;
}

.xb-analysis-sidebar .xb-analysis-tab.is-active {
  box-shadow: inset 3px 0 0 #1e40af;
}

.xb-analysis-main {
  display: grid;
  min-width: 0;
  gap: 14px;
}

.xb-analysis-topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 14px;
  align-items: stretch;
  min-width: 0;
  padding: 16px 18px;
  background: #ffffff;
  border: 1px solid #dbe5f2;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
}

.xb-analysis-topbar h1 {
  margin: 8px 0 4px;
  color: #0f172a;
  font-size: 22px;
  font-weight: 840;
  line-height: 30px;
}

.xb-analysis-topbar p {
  max-width: 720px;
  margin: 0;
  color: #64748b;
  font-size: 13px;
  font-weight: 560;
  line-height: 20px;
}

.xb-analysis-layout .xb-analysis-toolbar {
  position: sticky;
  top: 68px;
  z-index: 4;
  margin: 0;
}

.xb-analysis-layout .xb-analysis-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.xb-analysis-layout .xb-analysis-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
}

.xb-analysis-layout .xb-analysis-panel {
  min-height: 286px;
}

.xb-analysis-layout .xb-analysis-table {
  min-width: 760px;
}

@media (max-width: 1280px) {
  .xb-analysis-layout {
    grid-template-columns: 210px minmax(0, 1fr);
  }

  .xb-analysis-layout .xb-analysis-kpis,
  .xb-analysis-layout .xb-metric-guide {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-analysis-layout .xb-analysis-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-efficiency-ranks {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-object-profile-ranks {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .xb-analysis-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .xb-analysis-sidebar {
    position: relative;
    top: auto;
    padding: 10px;
  }

  .xb-analysis-brand {
    display: none;
  }

  .xb-analysis-sidebar .xb-analysis-tabs {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    padding-bottom: 2px;
  }

  .xb-analysis-nav-group {
    display: none;
  }

  .xb-analysis-sidebar .xb-analysis-tab {
    flex: 0 0 128px;
    min-height: 50px;
    padding: 8px 10px;
  }

  .xb-analysis-sidebar .xb-analysis-tab.is-active {
    box-shadow: inset 0 -3px 0 #1e40af;
  }

  .xb-analysis-topbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-analysis-layout .xb-analysis-toolbar {
    position: static;
  }
}

@media (max-width: 760px) {
  .xb-analysis-center {
    margin-bottom: 12px;
  }

  .xb-analysis-topbar {
    padding: 14px;
  }

  .xb-analysis-topbar h1 {
    font-size: 20px;
    line-height: 28px;
  }

  .xb-analysis-layout .xb-analysis-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .xb-report-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-efficiency-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-campus-efficiency-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-campus-reason-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-campus-efficiency-head {
    align-items: stretch;
    flex-direction: column;
  }

  .xb-campus-efficiency-actions {
    justify-content: flex-start;
  }

  .xb-campus-efficiency-actions button {
    flex: 1 1 128px;
  }

  .xb-object-profile-head {
    align-items: stretch;
    flex-direction: column;
  }

  .xb-object-profile-actions {
    justify-content: flex-start;
  }

  .xb-object-profile-actions button {
    flex: 1 1 128px;
  }

  .xb-object-profile-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-object-profile-section-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .xb-object-profile-section-head span {
    text-align: left;
  }

  .xb-analysis-layout .xb-analysis-kpi {
    min-height: 112px;
    padding: 13px;
  }

  .xb-analysis-layout .xb-analysis-kpi strong {
    font-size: 20px;
    line-height: 26px;
  }

  .xb-analysis-layout .xb-analysis-panel {
    min-height: auto;
    padding: 13px;
  }

  .xb-analysis-layout .xb-metric-guide {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-analysis-layout .xb-analysis-tools button,
  .xb-analysis-layout .xb-period-tabs button,
  .xb-analysis-layout .xb-dimension-tabs button {
    min-height: 36px;
  }

  .xb-record-filters label,
  .xb-record-filters label.is-wide,
  .xb-record-filters label.is-search,
  .xb-record-filters label.is-compact,
  .xb-record-filters button {
    flex: 1 1 100%;
    min-width: 0;
  }

  .xb-record-filter-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
  }

  .xb-record-filter-summary {
    align-items: stretch;
  }

  .xb-filter-chip {
    justify-content: space-between;
    width: 100%;
  }

  .xb-object-filter-chip {
    justify-content: space-between;
    width: 100%;
  }

  .xb-record-filters .xb-object-filter-chip button {
    flex: 0 0 auto;
    min-width: auto;
  }

  .xb-record-batchbar {
    align-items: stretch;
    flex-direction: column;
  }

  .xb-record-batchbar label,
  .xb-record-batchbar select,
  .xb-record-batch-actions,
  .xb-record-batch-actions button {
    width: 100%;
  }

  .xb-record-batch-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xb-record-batch-actions button.is-ghost {
    grid-column: 1 / -1;
  }

  .xb-record-pager {
    align-items: stretch;
    flex-direction: column;
  }

  .xb-record-pager > div {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 380px) {
  .xb-analysis-layout .xb-analysis-kpis {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-report-summary,
  .xb-efficiency-metrics,
  .xb-campus-efficiency-metrics,
  .xb-campus-reason-list,
  .xb-object-profile-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .xb-analysis-sidebar .xb-analysis-tab {
    flex-basis: 118px;
  }
}

/* Product Design v2: 校宝级招生教务一体化运营舱 */
body.welotr-product-design-v2 {
  --welotr-bg: #f3f6fb;
  --welotr-surface: #ffffff;
  --welotr-surface-soft: #f7faff;
  --welotr-border: #dfe7f2;
  --welotr-border-strong: #cbd8e8;
  --welotr-text: #101828;
  --welotr-text-soft: #526173;
  --welotr-muted: #8794a7;
  --welotr-primary: #1f6fe5;
  --welotr-primary-hover: #155bd4;
  --welotr-primary-soft: #edf5ff;
  --welotr-blue: #1f6fe5;
  --welotr-cyan: #16b8c9;
  --welotr-purple: #7257f5;
  --welotr-orange: #f28a2e;
  --welotr-red: #ef4e4e;
  --welotr-green: #16b981;
  --welotr-sidebar: #061b35;
  --welotr-sidebar-soft: #0c294d;
  --welotr-sidebar-border: rgba(255, 255, 255, .1);
  --welotr-radius: 14px;
  --welotr-shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);
  --welotr-shadow-md: 0 12px 30px rgba(15, 35, 65, .08);
  --welotr-shadow-lg: 0 22px 55px rgba(15, 35, 65, .12);
  background: var(--welotr-bg) !important;
  color: var(--welotr-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body.welotr-product-design-v2 #app,
body.welotr-product-design-v2 .layout.ant-layout,
body.welotr-product-design-v2 .ant-layout,
body.welotr-product-design-v2 .ant-layout-content,
body.welotr-product-design-v2 .layout.ant-layout .ant-layout-content .content {
  background:
    radial-gradient(circle at 26% -10%, rgba(31, 111, 229, .08), transparent 28%),
    linear-gradient(180deg, #f8fbff 0%, #f3f6fb 38%, #f4f7fb 100%) !important;
}

body.welotr-product-design-v2 a {
  color: var(--welotr-primary);
}

body.welotr-product-design-v2 a:hover {
  color: var(--welotr-primary-hover) !important;
}

body.welotr-product-design-desktop .sider,
body.welotr-product-design-desktop .ant-layout-sider,
body.welotr-product-design-desktop .ant-menu-dark,
body.welotr-product-design-desktop .ant-menu-dark .ant-menu-sub,
body.welotr-product-design-desktop .sider .logo {
  background: linear-gradient(180deg, #04172e 0%, #062343 56%, #04172e 100%) !important;
}

body.welotr-product-design-desktop .sider,
body.welotr-product-design-desktop .ant-layout-sider {
  box-shadow: 10px 0 34px rgba(5, 23, 48, .22) !important;
}

body.welotr-product-design-desktop .sider .logo {
  height: 64px !important;
  line-height: 64px !important;
  padding: 0 18px !important;
  border-bottom: 1px solid rgba(255, 255, 255, .10) !important;
}

body.welotr-product-design-desktop .sider .logo h1 {
  color: #f8fbff !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}

body.welotr-product-design-desktop .ant-menu-dark.ant-menu-inline,
body.welotr-product-design-desktop .ant-menu-dark.ant-menu-vertical,
body.welotr-product-design-desktop .ant-menu-dark.ant-menu-vertical-left {
  padding: 12px 10px 18px !important;
}

body.welotr-product-design-desktop .ant-menu-dark .ant-menu-item,
body.welotr-product-design-desktop .ant-menu-dark .ant-menu-submenu-title {
  width: calc(100% - 4px) !important;
  height: 42px !important;
  margin: 3px 2px !important;
  padding-left: 18px !important;
  color: #c4d0df !important;
  line-height: 42px !important;
  border-radius: 12px !important;
}

body.welotr-product-design-desktop .ant-menu-dark .ant-menu-item:hover,
body.welotr-product-design-desktop .ant-menu-dark .ant-menu-submenu-title:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, .08) !important;
}

body.welotr-product-design-desktop .ant-menu-dark .ant-menu-item-selected,
body.welotr-product-design-desktop .ant-menu-dark .ant-menu-item-selected:hover {
  color: #ffffff !important;
  background: linear-gradient(135deg, #1f6fe5, #2e9bff) !important;
  box-shadow: 0 10px 24px rgba(31, 111, 229, .28) !important;
}

body.welotr-product-design-desktop .ant-menu-dark .ant-menu-item-selected::before {
  display: none !important;
}

body.welotr-product-design-desktop .ant-menu-dark .ant-menu-sub {
  margin: 4px 0 8px !important;
  padding: 4px 0 !important;
  background: rgba(0, 0, 0, .16) !important;
  border-radius: 12px;
}

body.welotr-product-design-desktop .layout.ant-layout .header,
body.welotr-product-design-desktop .layout.ant-layout .top-nav-header-index,
body.welotr-product-design-desktop .ant-layout-header {
  height: 64px !important;
  line-height: 64px !important;
  background: rgba(255, 255, 255, .92) !important;
  border-bottom: 1px solid rgba(223, 231, 242, .9) !important;
  box-shadow: 0 8px 28px rgba(15, 35, 65, .045) !important;
  backdrop-filter: saturate(150%) blur(14px);
}

body.welotr-product-design-desktop .layout.ant-layout .trigger,
body.welotr-product-design-desktop .layout.ant-layout .header .user-wrapper .action,
body.welotr-product-design-desktop .layout.ant-layout .top-nav-header-index .user-wrapper .action {
  height: 64px !important;
  line-height: 64px !important;
}

body.welotr-product-design-desktop .school_change,
body.welotr-product-design-desktop .header .user-wrapper .action,
body.welotr-product-design-desktop .top-nav-header-index .user-wrapper .action {
  color: #344054 !important;
  font-weight: 650;
}

body.welotr-product-design-desktop .welotr-work-tabs {
  min-height: 46px;
  padding: 6px 22px;
  background: rgba(255, 255, 255, .82);
  border-bottom: 1px solid rgba(223, 231, 242, .85);
  backdrop-filter: blur(12px);
}

body.welotr-product-design-desktop .welotr-work-tab {
  height: 32px;
  min-width: 82px;
  padding: 0 15px;
  color: #526173;
  font-size: 13px;
  font-weight: 700;
  line-height: 32px;
  border-radius: 10px;
}

body.welotr-product-design-desktop .welotr-work-tab.is-active {
  color: #0b56d0;
  background: #edf5ff;
  box-shadow: inset 0 0 0 1px rgba(31, 111, 229, .14);
}

body.welotr-product-design-desktop .page-header-index-wide,
body.welotr-product-design-desktop .t-container {
  padding: 18px 24px 28px !important;
}

body.welotr-product-design-desktop .ant-card,
body.welotr-product-design-desktop .t-main-write,
body.welotr-product-design-desktop .t-bg-write,
body.welotr-product-design-desktop .ant-modal-content,
body.welotr-product-design-desktop .ant-drawer-content,
body.welotr-product-design-desktop .ant-popover-inner {
  background: rgba(255, 255, 255, .98) !important;
  border: 1px solid rgba(223, 231, 242, .98) !important;
  border-radius: var(--welotr-radius) !important;
  box-shadow: var(--welotr-shadow-sm) !important;
}

body.welotr-product-design-desktop .ant-card:hover {
  border-color: #cad9ed !important;
  box-shadow: var(--welotr-shadow-md) !important;
}

/* Workbench selected Product Design direction */
body.welotr-product-design-desktop .welotr-workbench.pd-v2-workbench {
  display: block;
  max-width: 1680px;
  margin: 0 auto;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero {
  position: relative;
  min-height: 154px;
  align-items: center;
  padding: 28px 30px;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 0%, rgba(22, 184, 201, .22), transparent 28%),
    linear-gradient(135deg, #f7fbff 0%, #edf5ff 58%, #f7fbff 100%) !important;
  border: 1px solid #d9e8fb;
  border-radius: 20px;
  box-shadow: 0 18px 46px rgba(31, 111, 229, .09);
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero > * {
  position: relative;
  z-index: 1;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero::after {
  content: "";
  position: absolute;
  right: 120px;
  top: 18px;
  width: 160px;
  height: 110px;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(31,111,229,.13) 8px, transparent 8px) 0 60px / 28px 42px repeat-x,
    radial-gradient(circle, rgba(22,184,201,.26) 0 8px, transparent 9px) 95px 22px / 28px 28px no-repeat;
  border-radius: 32px;
  opacity: .72;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-eyebrow {
  color: #0b56d0;
  background: #e8f2ff;
  border-color: #cfe2ff;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero h1 {
  margin-top: 12px;
  font-size: 30px;
  letter-spacing: -.03em;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero-actions a {
  min-height: 38px;
  padding: 0 18px;
  color: #fff !important;
  background: linear-gradient(135deg, #1f6fe5, #2897ff);
  border-radius: 10px;
  box-shadow: 0 12px 24px rgba(31, 111, 229, .20);
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-hero-actions a.secondary {
  color: #155bd4 !important;
  background: #fff !important;
  border: 1px solid #d7e6fb;
  box-shadow: none;
}

.pd-v2-workbench-pipeline,
.pd-v2-business-ops,
.pd-h5-smartbar,
.pd-v2-workbench-pipeline * ,
.pd-v2-business-ops * ,
.pd-h5-smartbar * {
  box-sizing: border-box;
}

body.welotr-product-design-desktop .pd-v2-workbench-pipeline {
  display: grid;
  grid-template-columns: minmax(250px, .9fr) minmax(420px, 1.3fr) minmax(300px, .8fr);
  gap: 16px;
  align-items: center;
  margin: 14px 0;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #dfe9f6;
  border-radius: 18px;
  box-shadow: var(--welotr-shadow-sm);
}

.pd-v2-pipeline-copy span,
.pd-v2-ops-head span {
  display: inline-flex;
  margin-bottom: 4px;
  color: #1f6fe5;
  font-size: 12px;
  font-weight: 800;
}

.pd-v2-pipeline-copy strong,
.pd-v2-ops-head h2 {
  display: block;
  margin: 0;
  color: #101828;
  font-size: 18px;
  font-weight: 820;
  line-height: 26px;
}

.pd-v2-pipeline-copy small,
.pd-v2-ops-head p {
  display: block;
  margin: 3px 0 0;
  color: #667085;
  font-size: 13px;
  line-height: 20px;
}

.pd-v2-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pd-v2-flow span {
  position: relative;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  padding: 8px 10px;
  color: #344054;
  background: #f8fbff;
  border: 1px solid #e2ebf7;
  border-radius: 14px;
}

.pd-v2-flow i {
  display: inline-flex;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-style: normal;
  font-weight: 800;
  background: linear-gradient(135deg, #1f6fe5, #22b8cf);
  border-radius: 999px;
}

.pd-v2-flow b {
  overflow: hidden;
  font-size: 13px;
  font-weight: 750;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pd-v2-pipeline-links,
.pd-v2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}

.pd-v2-pipeline-links a,
.pd-v2-action {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 13px;
  color: #344054 !important;
  font-size: 13px;
  font-weight: 750;
  text-decoration: none !important;
  background: #fff;
  border: 1px solid #dbe7f5;
  border-radius: 10px;
}

.pd-v2-action.is-primary,
.pd-v2-pipeline-links a:first-child {
  color: #fff !important;
  background: linear-gradient(135deg, #1f6fe5, #2496ff);
  border-color: transparent;
  box-shadow: 0 10px 22px rgba(31, 111, 229, .18);
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-kpi,
body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-panel,
body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-feature-group {
  border-color: #dfe9f6;
  border-radius: 18px;
  box-shadow: var(--welotr-shadow-sm);
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-kpi {
  min-height: 126px;
  padding: 18px;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-kpi strong {
  color: #101828;
  font-size: 26px;
  letter-spacing: -.03em;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-grid {
  grid-template-columns: 1.05fr .9fr .85fr;
  gap: 14px;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-panel {
  padding: 18px;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-panel-todos {
  grid-row: span 2;
}

body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-todo,
body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-action,
body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-service-grid a {
  background: #f8fbff;
  border-color: #e2ebf7;
  border-radius: 14px;
}

/* Module/business pages */
body.welotr-product-design-desktop .welotr-module-shell {
  max-width: 1680px;
  margin: 0 auto 14px;
  padding: 24px;
  background:
    radial-gradient(circle at 86% 0%, rgba(31, 111, 229, .12), transparent 24%),
    linear-gradient(135deg, #ffffff 0%, #f5f9ff 100%) !important;
  border: 1px solid #dfe9f6;
  border-radius: 20px;
  box-shadow: var(--welotr-shadow-sm);
}

body.welotr-product-design-desktop .welotr-module-shell-badge {
  color: #0b56d0;
  background: #e8f2ff;
  border-color: #cfe2ff;
}

body.welotr-product-design-desktop .welotr-module-shell h1 {
  font-size: 28px;
  letter-spacing: -.03em;
}

body.welotr-product-design-desktop .welotr-module-flow span,
body.welotr-product-design-desktop .welotr-module-feature-group,
body.welotr-product-design-desktop .welotr-module-shell-action {
  border-radius: 12px;
}

body.welotr-product-design-desktop .welotr-module-shell-action.is-active,
body.welotr-product-design-desktop .welotr-module-shell-action:hover {
  color: #fff !important;
  background: linear-gradient(135deg, #1f6fe5, #2496ff) !important;
  border-color: transparent !important;
}

body.welotr-product-design-desktop .pd-v2-business-ops {
  max-width: 1680px;
  margin: 0 auto 14px;
  padding: 16px;
  background: #fff;
  border: 1px solid #dfe9f6;
  border-radius: 18px;
  box-shadow: var(--welotr-shadow-sm);
}

body.welotr-product-design-desktop .pd-v2-ops-head {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) auto;
  gap: 16px;
  align-items: center;
  margin-bottom: 12px;
}

body.welotr-product-design-desktop .pd-v2-business-ops .pd-v2-flow {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Forms, lists, tables, dialogs: function UI polish */
body.welotr-product-design-desktop .pd-v2-filter-surface,
body.welotr-product-design-desktop .welotr-filter-panel,
body.welotr-product-design-desktop .t-search-wrap,
body.welotr-product-design-desktop .table-page-search-wrapper {
  padding: 16px !important;
  background: #ffffff !important;
  border: 1px solid #dfe9f6 !important;
  border-radius: 16px !important;
  box-shadow: var(--welotr-shadow-sm) !important;
}

body.welotr-product-design-desktop .pd-v2-filter-surface .ant-form-item,
body.welotr-product-design-desktop .welotr-filter-panel .ant-form-item {
  margin-right: 14px !important;
  margin-bottom: 10px !important;
}

body.welotr-product-design-desktop .ant-form-item-label > label,
body.welotr-product-design-desktop .pd-v2-filter-surface label {
  color: #475467 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

body.welotr-product-design-desktop .ant-input,
body.welotr-product-design-desktop .ant-input-number,
body.welotr-product-design-desktop .ant-select-selection,
body.welotr-product-design-desktop .ant-calendar-picker-input,
body.welotr-product-design-desktop .ant-time-picker-input,
body.welotr-product-design-desktop .ant-cascader-picker {
  min-height: 34px;
  color: #101828 !important;
  background: #fbfdff !important;
  border-color: #d6e1ef !important;
  border-radius: 10px !important;
}

body.welotr-product-design-desktop .ant-input:hover,
body.welotr-product-design-desktop .ant-input:focus,
body.welotr-product-design-desktop .ant-select-selection:hover,
body.welotr-product-design-desktop .ant-select-focused .ant-select-selection,
body.welotr-product-design-desktop .ant-calendar-picker:hover .ant-calendar-picker-input {
  border-color: #8cbcff !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 229, .10) !important;
}

body.welotr-product-design-desktop .pd-v2-toolbar-surface,
body.welotr-product-design-desktop .welotr-action-toolbar,
body.welotr-product-design-desktop .content .table-operator {
  gap: 10px;
  padding: 2px 0;
}

body.welotr-product-design-desktop .ant-btn,
body.welotr-product-design-desktop .pd-v2-primary-intent,
body.welotr-product-design-desktop .pd-v2-danger-intent {
  min-height: 34px;
  padding: 0 14px !important;
  font-weight: 750 !important;
  border-radius: 10px !important;
}

body.welotr-product-design-desktop .ant-btn-primary,
body.welotr-product-design-desktop .pd-v2-primary-intent.ant-btn,
body.welotr-product-design-desktop button.pd-v2-primary-intent {
  color: #fff !important;
  background: linear-gradient(135deg, #1f6fe5, #2496ff) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 20px rgba(31, 111, 229, .14) !important;
}

body.welotr-product-design-desktop .pd-v2-danger-intent.ant-btn,
body.welotr-product-design-desktop button.pd-v2-danger-intent {
  color: #d92d20 !important;
  background: #fff7f6 !important;
  border-color: #ffd7d1 !important;
}

body.welotr-product-design-desktop .pd-v2-table-surface,
body.welotr-product-design-desktop .welotr-pro-table,
body.welotr-product-design-desktop .ant-table-wrapper {
  overflow: hidden;
  background: #fff !important;
  border: 1px solid #dfe9f6 !important;
  border-radius: 16px !important;
  box-shadow: var(--welotr-shadow-sm) !important;
}

body.welotr-product-design-desktop .ant-table-thead > tr > th {
  height: 42px;
  padding: 10px 12px !important;
  color: #344054 !important;
  font-weight: 800 !important;
  background: #f7faff !important;
  border-bottom-color: #dfe9f6 !important;
}

body.welotr-product-design-desktop .ant-table-tbody > tr > td {
  height: 44px;
  padding: 10px 12px !important;
  color: #475467 !important;
  border-bottom-color: #edf2f8 !important;
}

body.welotr-product-design-desktop .ant-table-tbody > tr:nth-child(2n) > td {
  background: #fcfdff !important;
}

body.welotr-product-design-desktop .ant-table-tbody > tr:hover > td,
body.welotr-product-design-desktop .ant-table-tbody > tr.welotr-row-active > td {
  background: #edf5ff !important;
}

body.welotr-product-design-desktop .ant-table-tbody > tr > td:last-child a,
body.welotr-product-design-desktop .ant-table-tbody > tr > td:last-child .ant-btn {
  min-height: 26px;
  padding: 0 8px !important;
  border-radius: 8px !important;
}

body.welotr-product-design-desktop .pd-v2-dialog-surface,
body.welotr-product-design-desktop .ant-modal-content,
body.welotr-product-design-desktop .ant-drawer-content {
  border-radius: 18px !important;
  box-shadow: 0 28px 70px rgba(15, 35, 65, .22) !important;
}

body.welotr-product-design-desktop .ant-modal-header,
body.welotr-product-design-desktop .ant-drawer-header {
  padding: 18px 22px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbff) !important;
  border-bottom: 1px solid #e5edf7 !important;
  border-radius: 18px 18px 0 0 !important;
}

body.welotr-product-design-desktop .ant-modal-title,
body.welotr-product-design-desktop .ant-drawer-title {
  color: #101828 !important;
  font-weight: 820 !important;
}

/* Login refinement */
body.welotr-pc-login.welotr-product-design-v2 #userLayout.user-layout-wrapper .container {
  background: radial-gradient(circle at 20% 10%, rgba(31,111,229,.10), transparent 30%), #f4f8fc !important;
}

body.welotr-pc-login.welotr-product-design-v2 .welotr-login-aside {
  background: linear-gradient(145deg, #061b35 0%, #083463 100%) !important;
  border-radius: 20px !important;
}

body.welotr-pc-login.welotr-product-design-v2 .welotr-login-aside .welotr-login-metrics span,
body.welotr-pc-login.welotr-product-design-v2 #userLayout .main {
  border-radius: 18px !important;
}

body.welotr-pc-login.welotr-product-design-v2 #userLayout .login-button,
body.welotr-pc-login.welotr-product-design-v2 #userLayout .ant-btn-primary {
  background: linear-gradient(135deg, #1f6fe5, #2496ff) !important;
  border-color: transparent !important;
}

/* Mobile browser: faster-looking, touch-friendly SaaS H5 */
@media (max-width: 768px) {
  body.welotr-product-design-mobile,
  body.welotr-product-design-mobile #app {
    background: #f4f7fb !important;
  }

  body.welotr-product-design-mobile .layout.ant-layout,
  body.welotr-product-design-mobile .ant-layout,
  body.welotr-product-design-mobile .ant-layout-content,
  body.welotr-product-design-mobile .layout.ant-layout .ant-layout-content .content {
    background: #f4f7fb !important;
  }

  body.welotr-product-design-mobile #welotr-mobile-page-bar,
  body.welotr-product-design-mobile .welotr-h5-header {
    background: rgba(255, 255, 255, .96) !important;
    border-bottom: 1px solid #dfe7f2 !important;
    box-shadow: 0 8px 22px rgba(16, 24, 40, .06) !important;
    backdrop-filter: saturate(150%) blur(12px);
  }

  body.welotr-product-design-mobile .welotr-h5-main {
    padding: 12px 12px calc(86px + env(safe-area-inset-bottom)) !important;
  }

  body.welotr-product-design-mobile .welotr-h5-hero {
    min-height: 150px;
    padding: 20px 16px;
    background:
      radial-gradient(circle at 82% 14%, rgba(255, 255, 255, .28), transparent 26%),
      linear-gradient(135deg, #1f6fe5 0%, #1688ee 58%, #16b8c9 100%) !important;
    border: 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 18px 36px rgba(31, 111, 229, .22) !important;
  }

  body.welotr-product-design-mobile .welotr-h5-hero h1 {
    font-size: 28px;
    letter-spacing: -.03em;
  }

  body.welotr-product-design-mobile .welotr-h5-hero-actions button {
    min-height: 42px;
    color: #0b56d0;
    border-radius: 13px;
    box-shadow: 0 10px 22px rgba(15, 35, 65, .12);
  }

  body.welotr-product-design-mobile .welotr-h5-metrics {
    gap: 10px;
  }

  body.welotr-product-design-mobile .welotr-h5-metric,
  body.welotr-product-design-mobile .welotr-h5-section,
  body.welotr-product-design-mobile .welotr-mobile-card,
  body.welotr-product-design-mobile .welotr-h5-schedule-card,
  body.welotr-product-design-mobile .welotr-h5-feature,
  body.welotr-product-design-mobile article {
    border-color: #dfe7f2 !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .055) !important;
  }

  body.welotr-product-design-mobile .welotr-h5-metric {
    min-height: 86px;
    padding: 14px;
    border-left-width: 4px !important;
  }

  body.welotr-product-design-mobile .welotr-h5-section {
    margin-top: 12px;
    padding: 15px 13px;
  }

  body.welotr-product-design-mobile .welotr-h5-todo-item,
  body.welotr-product-design-mobile .welotr-h5-schedule-card,
  body.welotr-product-design-mobile .welotr-h5-ops button {
    min-height: 56px;
    background: #fbfdff !important;
    border-color: #e2ebf7 !important;
    border-radius: 14px !important;
  }

  body.welotr-product-design-mobile .welotr-h5-feature-grid {
    gap: 9px;
  }

  body.welotr-product-design-mobile .welotr-h5-feature {
    min-height: 82px;
  }

  body.welotr-product-design-mobile #welotr-mobile-bottom-nav {
    left: 10px;
    right: 10px;
    bottom: 8px;
    min-height: calc(60px + env(safe-area-inset-bottom));
    padding: 7px 10px calc(7px + env(safe-area-inset-bottom));
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid #dfe7f2;
    border-radius: 22px;
    box-shadow: 0 -10px 30px rgba(16, 24, 40, .12);
  }

  body.welotr-product-design-mobile .welotr-h5-nav-item {
    min-height: 48px;
    border-radius: 16px;
  }

  body.welotr-product-design-mobile .welotr-h5-nav-item.is-active,
  body.welotr-product-design-mobile .welotr-h5-nav-item[aria-current="page"] {
    color: #0b56d0 !important;
    background: #edf5ff !important;
  }

  .pd-h5-smartbar {
    margin: 0 0 12px;
    padding: 13px;
    background: #fff;
    border: 1px solid #dfe7f2;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .055);
  }

  .pd-h5-smartbar-title span,
  .pd-h5-smartbar-title small {
    display: block;
    min-width: 0;
  }

  .pd-h5-smartbar-title span {
    color: #101828;
    font-size: 17px;
    font-weight: 820;
    line-height: 24px;
  }

  .pd-h5-smartbar-title small {
    margin-top: 2px;
    color: #667085;
    font-size: 12px;
    line-height: 18px;
  }

  .pd-h5-smartbar .pd-v2-flow {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    margin-top: 10px;
  }

  .pd-h5-smartbar .pd-v2-flow span {
    display: grid;
    min-height: 58px;
    justify-items: center;
    gap: 5px;
    padding: 7px 4px;
    text-align: center;
    border-radius: 13px;
  }

  .pd-h5-smartbar .pd-v2-flow i {
    width: 24px;
    height: 24px;
    flex-basis: 24px;
    font-size: 12px;
  }

  .pd-h5-smartbar .pd-v2-flow b {
    width: 100%;
    font-size: 11px;
  }

  .pd-h5-smartbar .pd-v2-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
  }

  .pd-h5-smartbar .pd-v2-action {
    min-height: 38px;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 13px;
  }

  body.welotr-product-design-mobile .ant-input,
  body.welotr-product-design-mobile .ant-select-selection,
  body.welotr-product-design-mobile .ant-calendar-picker-input,
  body.welotr-product-design-mobile input,
  body.welotr-product-design-mobile textarea {
    min-height: 42px !important;
    font-size: 14px !important;
    background: #fbfdff !important;
    border-color: #d6e1ef !important;
    border-radius: 13px !important;
  }

  body.welotr-product-design-mobile .ant-btn,
  body.welotr-product-design-mobile button {
    min-height: 40px;
    border-radius: 13px !important;
  }

  body.welotr-product-design-mobile .ant-btn-primary,
  body.welotr-product-design-mobile .pd-v2-primary-intent.ant-btn,
  body.welotr-product-design-mobile button.pd-v2-primary-intent {
    color: #fff !important;
    background: linear-gradient(135deg, #1f6fe5, #2496ff) !important;
    border-color: transparent !important;
  }

  body.welotr-product-design-mobile .pd-v2-danger-intent.ant-btn,
  body.welotr-product-design-mobile button.pd-v2-danger-intent {
    color: #d92d20 !important;
    background: #fff7f6 !important;
    border-color: #ffd7d1 !important;
  }

  body.welotr-product-design-mobile .ant-modal-content,
  body.welotr-product-design-mobile .ant-drawer-content {
    border-radius: 20px 20px 0 0 !important;
  }
}

@media (max-width: 1280px) {
  body.welotr-product-design-desktop .pd-v2-workbench-pipeline,
  body.welotr-product-design-desktop .pd-v2-ops-head {
    grid-template-columns: minmax(0, 1fr);
  }

  body.welotr-product-design-desktop .pd-v2-actions,
  body.welotr-product-design-desktop .pd-v2-pipeline-links {
    justify-content: flex-start;
  }

  body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.welotr-product-design-desktop .pd-v2-workbench .welotr-workbench-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* Product Design v2.3 refinements */
body.welotr-product-design-desktop .pd-v2-workbench-pipeline .pd-v2-flow span {
  gap: 6px;
  padding: 8px;
}

body.welotr-product-design-desktop .pd-v2-workbench-pipeline .pd-v2-flow i {
  flex-basis: 26px;
  width: 26px;
  height: 26px;
  font-size: 12px;
}

body.welotr-product-design-desktop .pd-v2-workbench-pipeline .pd-v2-flow b,
body.welotr-product-design-desktop .pd-v2-business-ops .pd-v2-flow b {
  overflow: visible;
  font-size: 12px;
  line-height: 16px;
  text-overflow: clip;
  white-space: normal;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact {
  margin-top: 14px;
  overflow: hidden;
  background: #ffffff;
  border: 1px solid #dfe9f6;
  border-radius: 14px;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact > summary {
  padding: 12px 14px;
  border-radius: 14px;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact:not([open]) > summary {
  margin: 0;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact:not([open]) .welotr-module-feature-grid {
  display: none !important;
}


/* Product Design v2.4: business-function redesign panels */
body.welotr-product-design-desktop .pd-v2-workbench-focus,
body.welotr-product-design-desktop .pd-v2-decision-panel,
body.welotr-product-design-desktop .pd-v2-decision-panel * {
  box-sizing: border-box;
}

body.welotr-product-design-desktop .pd-v2-workbench-focus {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 14px;
}

body.welotr-product-design-desktop .pd-v2-workbench-focus article {
  min-height: 96px;
  padding: 16px 18px;
  background:
    radial-gradient(circle at 90% 0%, rgba(31, 111, 229, .10), transparent 32%),
    #ffffff;
  border: 1px solid #dfe9f6;
  border-radius: 18px;
  box-shadow: var(--welotr-shadow-sm);
}

body.welotr-product-design-desktop .pd-v2-workbench-focus span,
body.welotr-product-design-desktop .pd-v2-decision-head span,
.pd-v2-decision-card span {
  display: inline-flex;
  color: #1f6fe5;
  font-size: 12px;
  font-weight: 820;
  letter-spacing: .01em;
}

body.welotr-product-design-desktop .pd-v2-workbench-focus strong {
  display: block;
  margin-top: 5px;
  color: #101828;
  font-size: 18px;
  font-weight: 840;
  letter-spacing: -.02em;
}

body.welotr-product-design-desktop .pd-v2-workbench-focus small {
  display: block;
  margin-top: 4px;
  color: #667085;
  font-size: 13px;
  line-height: 20px;
}

body.welotr-product-design-desktop .pd-v2-decision-panel {
  max-width: 1680px;
  margin: 0 auto 14px;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98));
  border: 1px solid #dfe9f6;
  border-radius: 18px;
  box-shadow: var(--welotr-shadow-sm);
}

body.welotr-product-design-desktop .pd-v2-decision-head {
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(260px, .8fr);
  gap: 16px;
  align-items: start;
  margin-bottom: 12px;
}

body.welotr-product-design-desktop .pd-v2-decision-head h3 {
  margin: 3px 0 0;
  color: #101828;
  font-size: 17px;
  font-weight: 840;
  line-height: 24px;
}

body.welotr-product-design-desktop .pd-v2-decision-head small {
  justify-self: end;
  max-width: 520px;
  color: #667085;
  font-size: 13px;
  line-height: 20px;
}

.pd-v2-decision-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.pd-v2-decision-card {
  min-height: 84px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #dfe9f6;
  border-radius: 15px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03);
}

.pd-v2-decision-card strong {
  display: block;
  margin-top: 6px;
  color: #344054;
  font-size: 13px;
  font-weight: 780;
  line-height: 20px;
}

.pd-v2-decision-card.is-blue {
  background: linear-gradient(180deg, #f8fbff, #ffffff);
  border-color: #d8e8ff;
}

.pd-v2-decision-card.is-green {
  background: linear-gradient(180deg, #f4fffb, #ffffff);
  border-color: #c9f2e4;
}

.pd-v2-decision-card.is-orange {
  background: linear-gradient(180deg, #fff9f1, #ffffff);
  border-color: #ffe4be;
}

.pd-v2-decision-card.is-red {
  background: linear-gradient(180deg, #fff7f6, #ffffff);
  border-color: #ffd7d1;
}

.pd-v2-decision-card.is-green span { color: #0e9f6e; }
.pd-v2-decision-card.is-orange span { color: #cf7019; }
.pd-v2-decision-card.is-red span { color: #d92d20; }

body.welotr-product-design-desktop .pd-v2-design-tips {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 12px 0 0;
  padding: 12px 14px;
  color: #526173;
  font-size: 13px;
  line-height: 20px;
  list-style: none;
  background: #f8fbff;
  border: 1px solid #e2ebf7;
  border-radius: 14px;
}

body.welotr-product-design-desktop .pd-v2-design-tips li {
  position: relative;
  padding-left: 16px;
}

body.welotr-product-design-desktop .pd-v2-design-tips li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  width: 6px;
  height: 6px;
  background: #1f6fe5;
  border-radius: 999px;
}

body.welotr-product-design-v2 .pd-v2-status-success,
body.welotr-product-design-v2 .pd-v2-status-warn,
body.welotr-product-design-v2 .pd-v2-status-danger,
body.welotr-product-design-v2 .pd-v2-status-muted {
  display: inline-flex !important;
  min-height: 22px;
  align-items: center;
  padding: 0 8px !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 20px !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
}

body.welotr-product-design-v2 .pd-v2-status-success {
  color: #0e7a56 !important;
  background: #edfff8 !important;
  border-color: #bcebd8 !important;
}

body.welotr-product-design-v2 .pd-v2-status-warn {
  color: #b06209 !important;
  background: #fff8e8 !important;
  border-color: #ffdf9b !important;
}

body.welotr-product-design-v2 .pd-v2-status-danger {
  color: #c12e26 !important;
  background: #fff2f1 !important;
  border-color: #ffc9c3 !important;
}

body.welotr-product-design-v2 .pd-v2-status-muted {
  color: #667085 !important;
  background: #f2f4f7 !important;
  border-color: #e4e7ec !important;
}

body.welotr-product-design-v2 .ant-btn:focus,
body.welotr-product-design-v2 a:focus-visible,
body.welotr-product-design-v2 input:focus,
body.welotr-product-design-v2 textarea:focus,
body.welotr-product-design-v2 .ant-select-focused .ant-select-selection {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(31, 111, 229, .14) !important;
}

body.welotr-product-design-v2 .ant-table-pagination.ant-pagination,
body.welotr-product-design-v2 .ant-pagination {
  margin: 14px 0 !important;
}

body.welotr-product-design-v2 .ant-pagination-item-active {
  border-color: #1f6fe5 !important;
  box-shadow: 0 8px 18px rgba(31, 111, 229, .12);
}

body.welotr-product-design-v2 .ant-empty,
body.welotr-product-design-v2 .empty,
body.welotr-product-design-v2 [class*="empty"] {
  color: #667085;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact:not(.pd-v2-expanded):not([open]) .welotr-module-feature-grid {
  display: none !important;
}

body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact.pd-v2-expanded,
body.welotr-product-design-desktop .welotr-module-feature-map.pd-v2-feature-map-compact[open] {
  box-shadow: 0 12px 28px rgba(15, 35, 65, .06);
}

@media (max-width: 768px) {
  .pd-h5-smartbar .pd-v2-decision-cards {
    grid-template-columns: 1fr;
    gap: 7px;
    margin-top: 10px;
  }

  .pd-h5-smartbar .pd-v2-decision-card {
    min-height: auto;
    padding: 10px 11px;
    border-radius: 13px;
  }

  .pd-h5-smartbar .pd-v2-decision-card strong {
    font-size: 12px;
    line-height: 18px;
  }
}

@media (max-width: 1280px) {
  body.welotr-product-design-desktop .pd-v2-workbench-focus,
  body.welotr-product-design-desktop .pd-v2-decision-head,
  .pd-v2-decision-cards,
  body.welotr-product-design-desktop .pd-v2-design-tips {
    grid-template-columns: minmax(0, 1fr);
  }

  body.welotr-product-design-desktop .pd-v2-decision-head small {
    justify-self: start;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.welotr-product-design-v2 *,
  body.welotr-product-design-v2 *::before,
  body.welotr-product-design-v2 *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}


/* Product Design v2.4b: prevent mobile smartbar from hiding under fixed mobile header */
@media (max-width: 768px) {
  body.welotr-mobile-shell-active .pd-h5-smartbar,
  body.welotr-mobile-page-active .pd-h5-smartbar {
    margin: 66px 12px 12px !important;
  }
}


/* Product Design v2.4c: hide desktop Ant header in mobile browser shell */
@media (max-width: 768px) {
  body.welotr-mobile-shell-active .ant-layout-header,
  body.welotr-mobile-page-active .ant-layout-header,
  body.welotr-mobile-shell-active .layout.ant-layout .header,
  body.welotr-mobile-page-active .layout.ant-layout .header {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
}

/* Product Design v2.4d: retire duplicated legacy module overview to prevent cross-module stale UI */
body.welotr-product-design-v2 .welotr-module-ops,
body.welotr-product-design-v2 .welotr-module-ops[data-pd-retired="1"] {
  display: none !important;
}


/* Product Design v4: real PC pages use PC-only shell, no embedded phone preview */
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active),
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) #app,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content{
  background:#f4f7fc!important;
  color:#101936!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout.ant-layout-has-sider{
  background:#f4f7fc!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-layout-sider,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider.ant-fixed-sidemenu{
  flex:0 0 172px!important;
  max-width:172px!important;
  min-width:172px!important;
  width:172px!important;
  background:rgba(255,255,255,.96)!important;
  border-right:1px solid #e4ebf5!important;
  box-shadow:10px 0 30px rgba(31,64,115,.05)!important;
  color:#526079!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .ant-layout-sider-children,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-layout-sider-children{
  background:transparent!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo{
  height:56px!important;
  line-height:56px!important;
  padding:0 12px!important;
  background:#fff!important;
  border-bottom:1px solid #edf2f8!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo a,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo a>div{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:56px!important;
  padding:0!important;
  text-decoration:none!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo a>div::before{
  content:"Welotr";
  display:block;
  color:#1967ea!important;
  font-size:27px;
  font-weight:850;
  letter-spacing:-.035em;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo a>div>div,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo h1,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .sider .logo img{
  display:none!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-sub{
  background:transparent!important;
  color:#526079!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark.ant-menu-inline,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark.ant-menu-vertical,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark.ant-menu-vertical-left{
  padding:10px 10px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title{
  width:calc(100% - 4px)!important;
  height:44px!important;
  line-height:44px!important;
  margin:4px 2px!important;
  padding-left:12px!important;
  color:#526079!important;
  background:transparent!important;
  border-radius:8px!important;
  font-size:14px!important;
  font-weight:650!important;
  box-shadow:none!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item > a,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item > a:hover,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title:hover{
  color:inherit!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item .anticon,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title .anticon,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-arrow{
  color:#7a879d!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title:hover{
  color:#1769ee!important;
  background:#f1f6ff!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#1677ff,#0f63e9)!important;
  box-shadow:0 10px 20px rgba(24,107,238,.20)!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected > a,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected .anticon,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected .ant-menu-submenu-arrow{
  color:#fff!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu .ant-menu-item{
  height:36px!important;
  line-height:36px!important;
  padding-left:34px!important;
  font-size:13px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .header,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .top-nav-header-index{
  height:56px!important;
  background:rgba(255,255,255,.94)!important;
  border-bottom:1px solid #e4ebf5!important;
  box-shadow:0 8px 26px rgba(36,61,105,.05)!important;
  backdrop-filter:saturate(145%) blur(12px);
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout .trigger{
  line-height:56px!important;
  padding:0 22px!important;
  color:#52627a!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v4-top-search{
  position:absolute;
  left:220px;
  top:8px;
  width:min(38vw,470px);
  height:40px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  background:#fff;
  border:1px solid #dbe5f2;
  border-radius:8px;
  box-shadow:0 1px 2px rgba(15,35,65,.02);
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v4-top-search input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  color:#17223b;
  background:transparent;
  font-size:14px;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v4-top-search input::placeholder{color:#9ba7ba}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v4-top-search svg{width:18px;height:18px;color:#8a98ad}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .header .user-wrapper,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .top-nav-header-index .user-wrapper{
  height:56px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content .content{
  margin:18px 28px 0!important;
  padding:0!important;
  background:transparent!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-layout-content{
  width:calc(100% - 56px)!important;
  max-width:1180px!important;
  margin:0 auto 32px!important;
  padding:0!important;
  background:transparent!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .welotr-module-shell,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-business-ops,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel{
  width:calc(100% - 56px)!important;
  max-width:1180px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .welotr-module-shell{
  margin-top:22px!important;
  margin-bottom:14px!important;
  padding:24px!important;
  background:radial-gradient(circle at 88% 0,rgba(37,99,235,.10),transparent 25%),linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%)!important;
  border:1px solid #dfe9f6!important;
  border-radius:18px!important;
  box-shadow:0 12px 32px rgba(22,56,105,.06)!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-business-ops,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-card,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .t-main-write,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .t-bg-write{
  background:rgba(255,255,255,.96)!important;
  border:1px solid #dfe9f6!important;
  border-radius:16px!important;
  box-shadow:0 12px 32px rgba(22,56,105,.055)!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-business-ops{
  margin-top:0!important;
  padding:18px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel{
  padding:18px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-ops-head,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-head{
  grid-template-columns:minmax(0,1fr) auto!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-actions{
  flex-wrap:wrap;
  justify-content:flex-end;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-flow{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-flow span,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-card{
  border-color:#dfe8f4!important;
  border-radius:12px!important;
  background:#fbfdff!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-cards{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-design-tips{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 20px;
  margin-top:12px;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-table-surface,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .welotr-pro-table,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-table-wrapper{
  width:100%!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #dfe8f4!important;
  border-radius:12px!important;
  box-shadow:0 12px 32px rgba(22,56,105,.045)!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-table-thead > tr > th{
  background:#f8fbff!important;
  color:#637188!important;
  font-weight:760!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-table-tbody > tr:hover > td{
  background:#f3f8ff!important;
}
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .ant-btn-primary,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-primary-intent.ant-btn,
body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) button.pd-v2-primary-intent{
  color:#fff!important;
  background:linear-gradient(135deg,#1677ff,#0f64eb)!important;
  border-color:transparent!important;
  box-shadow:0 10px 20px rgba(24,107,238,.16)!important;
}
@media(max-width:1180px){
  body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v4-top-search{display:none!important}
  body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-ops-head,
  body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-decision-head{grid-template-columns:1fr!important}
  body.welotr-product-design-desktop:not(.welotr-exact-dashboard-active) .pd-v2-actions{justify-content:flex-start}
}

/* Welotr Product Design v7: real-data page system, 2026-06-13 */
:root{
  --pd-v7-blue:#1677ff;
  --pd-v7-blue-2:#2563eb;
  --pd-v7-green:#16a34a;
  --pd-v7-orange:#d97706;
  --pd-v7-red:#dc2626;
  --pd-v7-bg:#f5f8fc;
  --pd-v7-card:#fff;
  --pd-v7-border:#dfe8f4;
  --pd-v7-text:#122033;
  --pd-v7-muted:#66758b;
  --pd-v7-radius:16px;
  --pd-v7-shadow:0 14px 36px rgba(22,56,105,.065);
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active){
  background:var(--pd-v7-bg)!important;
  color:var(--pd-v7-text)!important;
  -webkit-font-smoothing:antialiased;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-layout-content{
  transition:max-width .18s ease,width .18s ease;
}
body.welotr-product-design-v7[data-pd-route="students"]:not(.welotr-exact-dashboard-active) .ant-layout-content,
body.welotr-product-design-v7[data-pd-route="apply"]:not(.welotr-exact-dashboard-active) .ant-layout-content,
body.welotr-product-design-v7[data-pd-route="classes"]:not(.welotr-exact-dashboard-active) .ant-layout-content,
body.welotr-product-design-v7[data-pd-route="orders"]:not(.welotr-exact-dashboard-active) .ant-layout-content{
  max-width:1340px!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v4-top-search{
  width:min(40vw,520px)!important;
  border-radius:12px!important;
  box-shadow:0 10px 24px rgba(24,80,150,.045)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v4-top-search:focus-within{
  border-color:rgba(22,119,255,.55)!important;
  box-shadow:0 0 0 3px rgba(22,119,255,.10),0 10px 24px rgba(24,80,150,.06)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-business-ops,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel{
  border-radius:18px!important;
  border:1px solid var(--pd-v7-border)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.96))!important;
  box-shadow:var(--pd-v7-shadow)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-ops-head span,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-decision-head span{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  color:#0f63e9!important;
  background:#eef5ff!important;
  font-weight:800!important;
  letter-spacing:.02em;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-ops-head h2,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-decision-head h3{
  margin-top:8px!important;
  color:#111b2f!important;
  font-weight:820!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-action{
  min-height:36px!important;
  padding:0 15px!important;
  border-radius:10px!important;
  border:1px solid #dbe7f6!important;
  background:#fff!important;
  color:#23415f!important;
  font-weight:760!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-action:hover{
  color:var(--pd-v7-blue)!important;
  border-color:rgba(22,119,255,.38)!important;
  box-shadow:0 8px 18px rgba(22,119,255,.10)!important;
  transform:translateY(-1px);
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-action.is-primary{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#1677ff,#0f63e9)!important;
  box-shadow:0 10px 20px rgba(22,119,255,.20)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-filter-surface,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .table-page-search-wrapper,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .t-search-wrap{
  padding:18px!important;
  margin-bottom:16px!important;
  border:1px solid var(--pd-v7-border)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(22,56,105,.045)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-filter-surface .ant-form-item,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .table-page-search-wrapper .ant-form-item{
  margin-bottom:12px!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-input,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-select-selection,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-calendar-picker-input,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-input-number{
  min-height:34px!important;
  border-color:#d7e2ef!important;
  border-radius:10px!important;
  background:#fbfdff!important;
  box-shadow:none!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-input:focus,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-select-focused .ant-select-selection,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-calendar-picker-input:focus{
  border-color:rgba(22,119,255,.62)!important;
  box-shadow:0 0 0 3px rgba(22,119,255,.10)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-toolbar-surface,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .table-operator,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .operator,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:12px 0!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-table-surface,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-table-wrapper{
  overflow:auto!important;
  border-radius:16px!important;
  border:1px solid var(--pd-v7-border)!important;
  box-shadow:var(--pd-v7-shadow)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-table{
  color:#1b2940!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-table-thead>tr>th{
  height:48px!important;
  padding:13px 14px!important;
  color:#5f6f86!important;
  font-size:13px!important;
  font-weight:820!important;
  background:#f7faff!important;
  border-bottom:1px solid #e3ebf5!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr>td{
  padding:13px 14px!important;
  border-bottom:1px solid #edf2f8!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr:hover>td{
  background:#f2f7ff!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-pagination-item,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-pagination-prev .ant-pagination-item-link,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-pagination-next .ant-pagination-item-link{
  border-radius:9px!important;
  border-color:#dbe6f3!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-success,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-warn,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-danger,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-muted{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-weight:760!important;
  line-height:24px!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-success{color:#138a3d!important;background:#e9f8ef!important;border:1px solid #bfeacc!important;}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-warn{color:#b45309!important;background:#fff7e8!important;border:1px solid #fde2ad!important;}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-danger{color:#dc2626!important;background:#fff1f1!important;border:1px solid #ffc9c9!important;}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-status-muted{color:#64748b!important;background:#f1f5f9!important;border:1px solid #dbe3ef!important;}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-btn,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) button{
  border-radius:10px!important;
  font-weight:760!important;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-btn:hover{transform:translateY(-1px);}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-danger-intent.ant-btn,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) a.pd-v2-danger-intent,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) button.pd-v2-danger-intent{
  color:#dc2626!important;
  background:#fff5f5!important;
  border-color:#ffcaca!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-dialog-surface,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-modal-content,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-drawer-content{
  border-radius:18px!important;
  border:1px solid var(--pd-v7-border)!important;
  box-shadow:0 26px 70px rgba(15,35,65,.22)!important;
  overflow:hidden!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-modal-header,
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-drawer-header{
  border-bottom:1px solid #e5edf6!important;
  background:linear-gradient(180deg,#fff,#f9fbff)!important;
}
body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v7-empty-state{
  padding:28px 12px!important;
  color:#8290a6!important;
}
@media (prefers-reduced-motion:reduce){
  body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) *{transition:none!important;animation:none!important;}
}
@media (max-width:768px){
  body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .ant-layout-content,
  body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content .content{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:10px!important;
  }
  body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-decision-cards,
  body.welotr-product-design-v7:not(.welotr-exact-dashboard-active) .pd-v2-flow{
    grid-template-columns:1fr!important;
  }
}

/* Welotr Product Design v8: page-level real-data workflow polish, 2026-06-13 */
html.welotr-product-design-v8,
body.welotr-product-design-v8{
  --pd-v8-blue:#1677ff;
  --pd-v8-blue-2:#0f63e9;
  --pd-v8-green:#16a34a;
  --pd-v8-orange:#d97706;
  --pd-v8-red:#dc2626;
  --pd-v8-border:#dbe7f6;
  --pd-v8-card:#ffffff;
  --pd-v8-muted:#65748b;
  --pd-v8-shadow:0 14px 36px rgba(22,56,105,.065);
}
.pd-v8-route-board,
.pd-v8-route-board *{box-sizing:border-box;}
.pd-v8-route-board{
  width:calc(100% - 56px);
  max-width:1340px;
  margin:16px auto 16px;
  padding:18px;
  border:1px solid var(--pd-v8-border,#dbe7f6);
  border-radius:18px;
  background:radial-gradient(circle at 100% 0,rgba(22,119,255,.10),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);
  box-shadow:var(--pd-v8-shadow,0 14px 36px rgba(22,56,105,.065));
}
.pd-v8-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:16px;
  align-items:start;
}
.pd-v8-head span{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 9px;
  border-radius:999px;
  color:#0f63e9;
  background:#eef5ff;
  font-weight:800;
  font-size:12px;
}
.pd-v8-head h3{
  margin:8px 0 4px;
  color:#111b2f;
  font-size:20px;
  line-height:1.3;
  font-weight:850;
}
.pd-v8-head p{
  margin:0;
  color:var(--pd-v8-muted,#65748b);
  line-height:1.6;
}
.pd-v8-linkbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.pd-v8-linkbar a{
  min-height:34px;
  padding:0 13px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #dce8f6;
  border-radius:10px;
  color:#23415f!important;
  background:#fff;
  font-weight:760;
  transition:all .16s ease;
}
.pd-v8-linkbar a:hover{
  color:#1677ff!important;
  border-color:rgba(22,119,255,.45);
  box-shadow:0 8px 18px rgba(22,119,255,.10);
  transform:translateY(-1px);
}
.pd-v8-live{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:14px 0 12px;
  padding:10px;
  border:1px solid #e4edf8;
  border-radius:14px;
  background:#f8fbff;
}
.pd-v8-live b{
  color:#1d2b42;
  margin-right:4px;
}
.pd-v8-live em{
  min-height:28px;
  padding:0 10px;
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  color:#31506f;
  background:#fff;
  border:1px solid #dfe9f5;
  font-style:normal;
  font-weight:720;
}
.pd-v8-steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin:12px 0;
}
.pd-v8-steps span{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid #dfe9f5;
  border-radius:12px;
  color:#24344d;
  background:#fff;
  font-weight:780;
}
.pd-v8-steps i{
  width:24px;
  height:24px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#1677ff,#13a8d8);
  font-style:normal;
  font-size:13px;
  flex:none;
}
.pd-v8-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.pd-v8-cards article{
  min-height:88px;
  padding:13px;
  border-radius:14px;
  border:1px solid #dfe9f5;
  background:#fff;
}
.pd-v8-cards article span{
  display:block;
  margin-bottom:7px;
  font-size:12px;
  font-weight:850;
}
.pd-v8-cards article strong{
  display:block;
  color:#24344d;
  font-size:13px;
  line-height:1.55;
}
.pd-v8-cards article.is-blue span{color:#1677ff;}
.pd-v8-cards article.is-green span{color:#16a34a;}
.pd-v8-cards article.is-orange span{color:#d97706;}
.pd-v8-cards article.is-red span{color:#dc2626;}
.pd-v8-intent{
  margin:12px 0 0;
  padding:10px 12px;
  border-radius:12px;
  color:#516176;
  background:#f8fbff;
  border:1px dashed #d8e5f4;
  line-height:1.6;
}
.pd-v8-table .ant-table-tbody>tr.pd-v8-row-risk>td{background:linear-gradient(90deg,rgba(255,247,237,.70),transparent 44%)!important;}
.pd-v8-table .ant-table-tbody>tr.pd-v8-row-success>td{background:linear-gradient(90deg,rgba(240,253,244,.55),transparent 42%)!important;}
.pd-v8-table .ant-table-tbody>tr:hover>td{background:#f1f7ff!important;}
.pd-v8-dialog .ant-modal-footer,
.pd-v8-dialog .ant-drawer-footer{
  background:#fbfdff!important;
  border-top:1px solid #e5edf6!important;
}
.pd-v8-field-label{
  color:#42526a!important;
  font-weight:760!important;
}
html.welotr-product-design-v8[data-pd-v8-route="orders"] .pd-v8-route-board,
html.welotr-product-design-v8[data-pd-v8-route="apply"] .pd-v8-route-board{
  background:radial-gradient(circle at 96% 0,rgba(245,158,11,.10),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);
}
html.welotr-product-design-v8[data-pd-v8-route="data"] .pd-v8-route-board{
  background:radial-gradient(circle at 96% 0,rgba(34,197,94,.10),transparent 28%),linear-gradient(180deg,#fff,#fbfdff);
}
@media(max-width:1180px){
  .pd-v8-head{grid-template-columns:1fr;}
  .pd-v8-linkbar{justify-content:flex-start;}
  .pd-v8-steps,.pd-v8-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:768px){
  .pd-v8-route-board{display:none!important;}
}
@media(prefers-reduced-motion:reduce){
  .pd-v8-route-board *{transition:none!important;animation:none!important;}
}

/* Welotr Product Design v9: prototype-aligned real-data layout */
html.welotr-product-design-v9,
body.welotr-product-design-v9{
  --pd9-blue:#1677ff;
  --pd9-blue2:#0f63e9;
  --pd9-navy:#06356f;
  --pd9-bg:#f4f7fb;
  --pd9-card:#fff;
  --pd9-line:#dbe6f3;
  --pd9-text:#101828;
  --pd9-muted:#667085;
  --pd9-green:#16a34a;
  --pd9-orange:#f59e0b;
  --pd9-red:#ef4444;
  background:var(--pd9-bg)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v2-business-ops,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v8-route-board,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-feature-map{
  display:none!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content .content{
  margin:18px 28px 0!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-layout-content{
  max-width:1440px!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .sider,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-layout-sider,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-layout-sider-children{
  background:linear-gradient(180deg,#073d7c 0%,#062b5f 46%,#041f45 100%)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .sider .logo,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-layout-sider .logo{
  color:#fff!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title{
  color:rgba(255,255,255,.78)!important;
  border-radius:9px!important;
  margin:4px 10px!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item>a,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .anticon,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-arrow{
  color:rgba(255,255,255,.78)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-selected,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title:hover{
  background:rgba(22,119,255,.96)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected>a,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover>a,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected .anticon,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover .anticon{
  color:#fff!important;
}
.pd-v9-prototype-header,
.pd-v9-prototype-header *{box-sizing:border-box;}
.pd-v9-prototype-header{
  width:calc(100% - 56px);
  max-width:1320px;
  margin:16px auto;
}
.pd-v9-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:20px;
  padding:22px 24px;
  border:1px solid var(--pd9-line);
  border-radius:18px;
  background:radial-gradient(circle at 92% 8%,rgba(22,119,255,.12),transparent 30%),linear-gradient(135deg,#fff 0%,#f6faff 100%);
  box-shadow:0 12px 34px rgba(20,60,120,.06);
}
.pd-v9-hero em{
  display:inline-flex;
  align-items:center;
  height:26px;
  padding:0 10px;
  border-radius:999px;
  color:#0f63e9;
  background:#eef5ff;
  font-style:normal;
  font-size:12px;
  font-weight:850;
}
.pd-v9-hero h1{
  margin:9px 0 4px;
  color:var(--pd9-text);
  font-size:28px;
  line-height:1.22;
  font-weight:900;
  letter-spacing:-.02em;
}
.pd-v9-hero p{
  margin:0;
  color:#60718a;
  font-size:14px;
  line-height:1.6;
}
.pd-v9-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
  max-width:520px;
}
.pd-v9-actions a{
  min-height:38px;
  padding:0 15px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d8e5f4;
  border-radius:10px;
  color:#1d4f8f!important;
  background:#fff;
  font-weight:800;
  text-decoration:none!important;
}
.pd-v9-actions a.is-primary{
  color:#fff!important;
  border-color:transparent;
  background:linear-gradient(135deg,#1677ff,#0f63e9);
  box-shadow:0 12px 24px rgba(22,119,255,.22);
}
.pd-v9-steps{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:13px;
}
.pd-v9-steps span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  border:1px solid #d9e6f5;
  background:#fff;
  color:#2f4058;
  font-size:12px;
  font-weight:800;
}
.pd-v9-steps b{
  width:20px;
  height:20px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#1677ff,#1ab3d5);
  font-size:12px;
}
.pd-v9-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:14px;
}
.pd-v9-metrics article{
  position:relative;
  min-height:116px;
  padding:18px 18px 16px;
  overflow:hidden;
  border:1px solid var(--pd9-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 28px rgba(20,60,120,.055);
}
.pd-v9-metrics article span,
.pd-v9-metrics article small{display:block;}
.pd-v9-metrics article span{
  color:#516176;
  font-size:13px;
  font-weight:800;
}
.pd-v9-metrics article strong{
  display:block;
  margin-top:8px;
  color:#101828;
  font-size:25px;
  line-height:1.1;
  font-weight:900;
}
.pd-v9-metrics article small{
  margin-top:8px;
  color:#7a8798;
  font-size:12px;
  font-weight:650;
}
.pd-v9-metrics article i{
  position:absolute;
  right:18px;
  top:18px;
  width:42px;
  height:42px;
  border-radius:50%;
  opacity:.16;
  background:var(--pd9-blue);
}
.pd-v9-metrics article.is-orange i{background:var(--pd9-orange);}
.pd-v9-metrics article.is-red i{background:var(--pd9-red);}
.pd-v9-metrics article.is-green i{background:var(--pd9-green);}
.pd-v9-metrics article.is-violet i{background:#8b5cf6;}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-shell{
  max-width:1320px!important;
  min-height:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-shell>.welotr-module-hero,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-shell>.welotr-module-header,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-shell>[class*="hero"]{
  display:none!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v9-filter,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .table-page-search-wrapper,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .t-search-wrap{
  max-width:1320px!important;
  margin:14px auto 14px!important;
  padding:18px!important;
  border:1px solid var(--pd9-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 10px 28px rgba(20,60,120,.052)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v9-toolbar,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .table-operator,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .operator,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .toolbar{
  max-width:1320px!important;
  margin:0 auto!important;
  padding:12px 0!important;
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v9-table,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-table-wrapper{
  max-width:1320px!important;
  margin:0 auto 18px!important;
  overflow:auto!important;
  border:1px solid var(--pd9-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(20,60,120,.06)!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-table-thead>tr>th{
  height:48px!important;
  padding:13px 14px!important;
  color:#53657d!important;
  font-size:13px!important;
  font-weight:850!important;
  background:#f7faff!important;
  border-bottom:1px solid #e2ebf6!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr>td{
  padding:13px 14px!important;
  border-bottom:1px solid #edf2f8!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr:hover>td{
  background:#f2f7ff!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .ant-btn-primary,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v2-primary-intent.ant-btn,
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) button.pd-v2-primary-intent{
  border-color:transparent!important;
  background:linear-gradient(135deg,#1677ff,#0f63e9)!important;
  box-shadow:0 10px 22px rgba(22,119,255,.20)!important;
}
@media(max-width:1200px){
  .pd-v9-hero{grid-template-columns:1fr;}
  .pd-v9-actions{justify-content:flex-start;}
  .pd-v9-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:768px){
  .pd-v9-prototype-header{display:none!important;}
}

/* v9.2: remove old module shell when prototype header is active */
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .welotr-module-shell{
  display:none!important;
}
body.welotr-product-design-v9:not(.welotr-exact-dashboard-active) .pd-v9-prototype-header{
  margin-top:20px!important;
}

/* Welotr Product Design v10: exact prototype alignment for real-data PC pages */
html.welotr-product-design-v10,
body.welotr-product-design-v10{
  --pd10-blue:#1677ff;
  --pd10-blue2:#0f63e9;
  --pd10-navy:#073b7a;
  --pd10-bg:#f4f7fb;
  --pd10-card:#fff;
  --pd10-line:#dce6f2;
  --pd10-text:#101828;
  --pd10-muted:#667085;
  --pd10-green:#16a34a;
  --pd10-orange:#f59e0b;
  --pd10-red:#ef4444;
  --pd10-violet:#7c3aed;
  background:var(--pd10-bg)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v9-prototype-header,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-module-shell,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-module-feature-map,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v2-business-ops,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v2-decision-panel,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v8-route-board,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-work-tabs,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-command-trigger,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-task-trigger,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .welotr-quick-trigger{
  display:none!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content .content{
  background:var(--pd10-bg)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .ant-layout-content .content{
  margin:0!important;
  padding:20px 28px 30px!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-layout-content{
  max-width:none!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .sider,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-layout-sider,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-layout-sider-children{
  background:linear-gradient(180deg,#073f83 0%,#063270 45%,#042655 100%)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .sider{
  box-shadow:4px 0 24px rgba(3,35,75,.22)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .sider .logo,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-layout-sider .logo{
  height:64px!important;
  line-height:64px!important;
  background:transparent!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .sider .logo h1{
  color:#fff!important;
  font-size:18px!important;
  font-weight:900!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title{
  height:42px!important;
  line-height:42px!important;
  margin:5px 10px!important;
  width:calc(100% - 20px)!important;
  border-radius:10px!important;
  color:rgba(255,255,255,.80)!important;
  font-weight:700!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item>a,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .anticon,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-arrow{
  color:rgba(255,255,255,.80)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-selected,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-submenu-title:hover{
  color:#fff!important;
  background:linear-gradient(135deg,#1880ff,#0960df)!important;
  box-shadow:0 12px 24px rgba(0,0,0,.20)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected>a,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover>a,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item-selected .anticon,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-menu-dark .ant-menu-item:hover .anticon{
  color:#fff!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .header,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .layout.ant-layout .top-nav-header-index{
  height:64px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--pd10-line)!important;
  box-shadow:0 1px 0 rgba(16,24,40,.04)!important;
}
.pd-v10-prototype,
.pd-v10-prototype *{box-sizing:border-box;}
.pd-v10-prototype{
  width:100%;
  max-width:1500px;
  margin:0 auto 14px;
  color:var(--pd10-text);
}
.pd-v10-titlebar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:18px;
  margin:0 0 14px;
}
.pd-v10-titlebar em{
  display:inline-flex;
  align-items:center;
  height:24px;
  padding:0 10px;
  border-radius:999px;
  color:#0f63e9;
  background:#eaf3ff;
  font-style:normal;
  font-size:12px;
  line-height:24px;
  font-weight:850;
}
.pd-v10-titlebar h1{
  margin:8px 0 4px;
  color:#0f172a;
  font-size:28px;
  line-height:1.2;
  letter-spacing:-.02em;
  font-weight:900;
}
.pd-v10-titlebar p{
  margin:0;
  color:#60718a;
  font-size:14px;
  line-height:1.5;
}
.pd-v10-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}
.pd-v10-actions a,
.pd-v10-actions button{
  min-width:88px;
  height:38px;
  padding:0 15px;
  border:1px solid #d7e5f6;
  border-radius:10px;
  color:#1259b5!important;
  background:#fff;
  box-shadow:0 8px 18px rgba(20,60,120,.05);
  font-size:14px;
  font-weight:850;
  line-height:36px;
  text-align:center;
  text-decoration:none!important;
  cursor:pointer;
}
.pd-v10-actions .is-primary{
  color:#fff!important;
  border-color:transparent!important;
  background:linear-gradient(135deg,#1677ff,#0f63e9)!important;
  box-shadow:0 12px 24px rgba(22,119,255,.24)!important;
}
.pd-v10-topgrid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.pd-v10-topgrid.pd-v10-with-risk{
  grid-template-columns:minmax(0,1fr) 310px;
  align-items:stretch;
}
.pd-v10-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.pd-v10-metrics article{
  min-height:112px;
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  align-items:center;
  gap:14px;
  padding:18px 18px;
  border:1px solid var(--pd10-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,60,120,.06);
}
.pd-v10-metrics article i{
  width:54px;
  height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#2f80ff,#0f63e9);
  box-shadow:0 10px 22px rgba(22,119,255,.22);
  font-style:normal;
  font-size:17px;
  font-weight:900;
}
.pd-v10-metrics article.is-green i{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 22px rgba(22,163,74,.18);}
.pd-v10-metrics article.is-orange i{background:linear-gradient(135deg,#ffb340,#f59e0b);box-shadow:0 10px 22px rgba(245,158,11,.18);}
.pd-v10-metrics article.is-red i{background:linear-gradient(135deg,#ff6576,#ef4444);box-shadow:0 10px 22px rgba(239,68,68,.18);}
.pd-v10-metrics article.is-violet i{background:linear-gradient(135deg,#8b5cf6,#6d5dfc);box-shadow:0 10px 22px rgba(124,58,237,.18);}
.pd-v10-metrics span,
.pd-v10-metrics strong,
.pd-v10-metrics small{display:block;}
.pd-v10-metrics span{
  color:#344054;
  font-size:14px;
  line-height:1.25;
  font-weight:850;
}
.pd-v10-metrics strong{
  margin-top:7px;
  color:#101828;
  font-size:25px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.02em;
}
.pd-v10-metrics small{
  margin-top:8px;
  color:#667085;
  font-size:12px;
  line-height:1.35;
  font-weight:650;
}
.pd-v10-risk{
  min-height:238px;
  padding:16px;
  border:1px solid var(--pd10-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,60,120,.06);
}
.pd-v10-risk-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:12px;
}
.pd-v10-risk-title strong{
  color:#101828;
  font-size:16px;
  font-weight:900;
}
.pd-v10-risk-title a{
  color:#1677ff!important;
  font-size:13px;
  font-weight:850;
  text-decoration:none!important;
}
.pd-v10-risk>a{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px 10px;
  min-height:64px;
  margin-top:10px;
  padding:12px 34px 12px 14px;
  border-radius:12px;
  color:#101828!important;
  text-decoration:none!important;
}
.pd-v10-risk>a span{font-size:14px;font-weight:900;}
.pd-v10-risk>a b{font-size:16px;font-weight:900;}
.pd-v10-risk>a small{grid-column:1/3;color:#667085;font-size:12px;font-weight:650;}
.pd-v10-risk>a i{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:24px;color:#344054;}
.pd-v10-risk>a.is-red{background:linear-gradient(135deg,#fff1f2,#fff7f7);}
.pd-v10-risk>a.is-red b{color:#ef4444;}
.pd-v10-risk>a.is-orange{background:linear-gradient(135deg,#fff7e8,#fffaf0);}
.pd-v10-risk>a.is-orange b{color:#f59e0b;}
.pd-v10-risk>a.is-blue{background:linear-gradient(135deg,#eef6ff,#f6fbff);}
.pd-v10-risk>a.is-blue b{color:#1677ff;}
.pd-v10-apply-flow{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:4px 0 16px;
  padding:22px 22px;
  border:1px solid var(--pd10-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(20,60,120,.055);
}
.pd-v10-apply-flow::before{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  top:50px;
  height:2px;
  background:linear-gradient(90deg,#1677ff 0 38%,#d7e2ef 38% 100%);
}
.pd-v10-apply-flow span{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  grid-template-areas:"no title" "no desc";
  align-items:center;
  gap:2px 12px;
  min-width:0;
  background:#fff;
}
.pd-v10-apply-flow b{
  grid-area:no;
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid #d9e2ef;
  border-radius:50%;
  color:#98a2b3;
  background:#fff;
  font-size:20px;
  font-weight:900;
}
.pd-v10-apply-flow .is-active b{
  color:#fff;
  border-color:#1677ff;
  background:#1677ff;
  box-shadow:0 12px 24px rgba(22,119,255,.22);
}
.pd-v10-apply-flow strong{grid-area:title;color:#1d4ed8;font-size:16px;font-weight:900;}
.pd-v10-apply-flow small{grid-area:desc;color:#667085;font-size:12px;font-weight:650;}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-filter,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .table-page-search-wrapper,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .t-search-wrap{
  width:100%!important;
  max-width:1500px!important;
  margin:14px auto!important;
  padding:18px!important;
  border:1px solid var(--pd10-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(20,60,120,.055)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-filter .ant-form-item,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .table-page-search-wrapper .ant-form-item,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .t-search-wrap .ant-form-item{
  margin-bottom:12px!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-input,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-select-selection,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-calendar-picker-input{
  min-height:36px!important;
  border-radius:6px!important;
  border-color:#d7e2ef!important;
  background:#fbfdff!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-toolbar,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .table-operator,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .operator,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .toolbar{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:8px 0 10px!important;
  display:flex!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip{
  width:100%!important;
  max-width:1500px!important;
  min-height:0!important;
  margin:14px auto 10px!important;
  padding:10px 18px!important;
  display:flex!important;
  justify-content:flex-start!important;
  gap:28px!important;
  border:1px solid var(--pd10-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 12px 30px rgba(20,60,120,.055)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip>*{
  flex:0 0 auto!important;
  color:#344054!important;
  font-weight:850!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-table,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-wrapper{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto 18px!important;
  overflow:hidden!important;
  border:1px solid var(--pd10-line)!important;
  border-radius:16px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(20,60,120,.06)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table{
  color:#1f2937!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-thead>tr>th{
  height:48px!important;
  padding:13px 14px!important;
  color:#53657d!important;
  font-size:13px!important;
  font-weight:850!important;
  background:#f7faff!important;
  border-bottom:1px solid #e2ebf6!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr>td{
  padding:13px 14px!important;
  border-bottom:1px solid #edf2f8!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-tbody>tr:hover>td{
  background:#f2f7ff!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-fixed-left,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-fixed-right{
  box-shadow:none!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-fixed-left table,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-table-fixed-right table{
  background:#fff!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-btn{
  min-height:34px!important;
  border-radius:7px!important;
  font-weight:800!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-btn-primary,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v2-primary-intent.ant-btn,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) button.pd-v2-primary-intent{
  border-color:transparent!important;
  color:#fff!important;
  background:linear-gradient(135deg,#1677ff,#0f63e9)!important;
  box-shadow:0 10px 22px rgba(22,119,255,.20)!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .ant-tag,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) [class*="status"],
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) [class*="tag"]{
  border-radius:999px!important;
  font-weight:800!important;
}
@media(max-width:1320px){
  .pd-v10-topgrid.pd-v10-with-risk{grid-template-columns:1fr;}
  .pd-v10-risk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;}
  .pd-v10-risk-title{grid-column:1/-1;margin-bottom:0;}
  .pd-v10-risk>a{margin-top:0;}
  .pd-v10-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:980px){
  .pd-v10-titlebar{grid-template-columns:1fr;align-items:start;}
  .pd-v10-actions{justify-content:flex-start;}
  .pd-v10-apply-flow{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pd-v10-apply-flow::before{display:none;}
}
@media(max-width:768px){
  .pd-v10-prototype{display:none!important;}
}
@media (prefers-reduced-motion:reduce){
  body.welotr-product-design-v10 *{transition:none!important;animation:none!important;}
}

/* v10.1: order risk sidebar must not create a blank row; filters sit beside it like the prototype */
@media(min-width:1321px){
  .pd-v10-topgrid.pd-v10-with-risk{
    position:relative!important;
    display:block!important;
    min-height:112px!important;
    padding-right:324px!important;
  }
  .pd-v10-topgrid.pd-v10-with-risk .pd-v10-risk{
    position:absolute!important;
    right:0!important;
    top:0!important;
    width:310px!important;
    z-index:3!important;
  }
  body.welotr-product-design-v10[data-pd-v10-route="orders"] .pd-v10-filter,
  body.welotr-product-design-v10[data-pd-v10-route="orders"] .table-page-search-wrapper,
  body.welotr-product-design-v10[data-pd-v10-route="orders"] .t-search-wrap,
  body.welotr-product-design-v10[data-pd-v10-route="orders"] .pd-v10-refund-strip{
    width:calc(100% - 324px)!important;
    max-width:1176px!important;
    margin-left:max(0px,calc((100% - 1500px) / 2))!important;
    margin-right:auto!important;
  }
}

/* v10.2: keep native refund actions but compress them into a professional action rail */
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip{
  min-height:58px!important;
  padding:8px 16px!important;
  align-items:center!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .ant-card-body{
  width:100%!important;
  padding:0!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .menu-box,
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip [class*="menu"]{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:28px!important;
  min-height:40px!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .menu-box>*{
  min-width:72px!important;
  padding:6px 8px!important;
  border-radius:10px!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .menu-item{
  height:40px!important;
  min-height:40px!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .menu-item img{
  width:18px!important;
  height:18px!important;
  margin:0!important;
}
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-refund-strip .menu-item div{
  margin:0!important;
  line-height:20px!important;
}

/* v10.3: keep PC page gutter aligned with table/filter cards, avoid title touching sidebar */
body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-prototype{
  width:calc(100% - 56px)!important;
}
@media(max-width:980px){
  body.welotr-product-design-v10:not(.welotr-exact-dashboard-active) .pd-v10-prototype{width:calc(100% - 28px)!important;}
}