/* ============================================
   style-07.css — style.css 拆分第 7/8 段（原行 23160-27023）
   按序 <link> 加载，与 style.css 渲染等价。
   ============================================ */
.super-guard-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 20px;
  margin-bottom: var(--admin-table-layout-gap);
}

.super-guard-table-shell {
  padding: 0 !important;
  overflow: hidden;
  position: relative;
}

.super-guard-data-table th,
.super-guard-data-table td {
  padding: 0 10px;
  font-size: 13px;
  color: var(--admin-panel-text-strong);
  line-height: var(--admin-table-cell-line-height, 20px);
  vertical-align: middle;
}

.super-guard-data-table th {
  color: var(--admin-panel-text-muted) !important;
}

.super-guard-admin-card .card-body {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

.super-guard-admin-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 18px;
  flex-wrap: wrap;
}

.super-guard-admin-header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-left: auto;
  justify-content: flex-end;
}

.super-guard-admin-header-filters[hidden] {
  display: none !important;
}

.super-guard-admin-header-filter {
  margin: 0;
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.super-guard-admin-header-filters.api-unified-main-actions {
  gap: 10px;
}

.super-guard-admin-header-filters .form-select {
  min-width: 168px;
  width: 168px;
}

#superGuardAdminHeaderPrimaryBtn[hidden],
#superGuardAdminHeaderSecondaryBtn[hidden] {
  display: none !important;
}

.super-guard-scope-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  border: 1px solid var(--admin-panel-border-soft);
  color: var(--admin-panel-text-strong);
  font-size: 12px;
  font-weight: 600;
}

.super-guard-admin-tabs,
.super-guard-config-tabs,
.super-guard-log-tabs {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.super-guard-admin-tabs {
  flex: 1 1 auto;
  min-width: 0;
}

.super-guard-admin-tab,
.super-guard-config-tab,
.super-guard-log-tab {
  border: 1px solid var(--wb-theme-button-soft-border);
  background: var(--wb-theme-button-soft);
  color: var(--wb-theme-button-soft-text);
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.super-guard-admin-tab:hover,
.super-guard-config-tab:hover,
.super-guard-log-tab:hover {
  background: var(--wb-theme-button-soft-hover);
  color: var(--wb-theme-button-soft-text);
}

.super-guard-admin-tab.active,
.super-guard-config-tab.active,
.super-guard-log-tab.active {
  background: var(--wb-theme-button-strong);
  border-color: var(--wb-theme-button-border);
  color: var(--wb-theme-button-text);
  box-shadow: none;
}

.super-guard-admin-pane {
  display: none;
}

.super-guard-admin-pane.active {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.super-guard-subtabs {
  margin-bottom: var(--admin-table-layout-gap);
}

.super-guard-subpane {
  display: none;
}

.super-guard-subpane.active {
  display: block;
}

#superGuardAdminPane-blacklist .super-guard-subpane {
  margin-top: var(--admin-table-layout-gap);
  padding: 18px;
  border-radius: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  box-shadow: none;
}

.super-guard-admin-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.super-guard-admin-card .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

#superGuardViewPane-management > .super-guard-admin-card {
  margin-bottom: 0;
}

#superGuardViewPane-management > .super-guard-admin-card > .card-body {
  padding-bottom: 0;
}

#super-guard .super-guard-admin-card.admin-section-layout-card > .card-body,
#super-guard .super-guard-log-card.admin-section-layout-card > .card-body {
  padding: 0 !important;
}

#superGuardAdminPane-blacklist.active {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#superGuardAdminPane-blacklist .super-guard-subtabs {
  flex: 0 0 auto;
}

#superGuardAdminPane-blacklist #superGuardBlacklistPane-records.active {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}

#superGuardAdminPane-blacklist #superGuardBlacklistPane-management.active {
  display: block;
  flex: 0 0 auto;
}

#superGuardBlacklistPane-management .super-guard-form-grid {
  align-content: start;
}

.super-guard-blacklist-pane-actions {
  margin-top: auto;
  display: flex;
  justify-content: flex-end;
  padding-top: 24px;
}

.super-guard-blacklist-submit-btn {
  min-width: 252px;
}

#superGuardBlacklistPane-records .super-guard-table-shell {
  flex: 1 1 auto;
  min-height: 0;
}

#superGuardAdminPane-blacklist #superGuardBlacklistPane-records {
  padding-bottom: 0;
}

#superGuardBlacklistPane-records .super-guard-filter-row {
  flex: 0 0 auto;
  margin-bottom: var(--admin-table-layout-gap);
}

#super-guard.section.active.super-guard-blacklist-records-fit > #superGuardViewPane-management.active {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

#super-guard.section.active.super-guard-blacklist-records-fit #superGuardViewPane-management > .super-guard-admin-card {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
}

#super-guard.section.active.super-guard-blacklist-records-fit #superGuardViewPane-management > .super-guard-admin-card > .card-header {
  flex: 0 0 auto;
}

#super-guard.section.active.super-guard-blacklist-records-fit #superGuardViewPane-management > .super-guard-admin-card > .card-body,
#super-guard.section.active.super-guard-blacklist-records-fit #superGuardAdminPane-blacklist.active,
#super-guard.section.active.super-guard-blacklist-records-fit #superGuardBlacklistPane-records.active {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

#super-guard.section.active.super-guard-blacklist-records-fit #superGuardAdminPane-blacklist .super-guard-subtabs,
#super-guard.section.active.super-guard-blacklist-records-fit #superGuardBlacklistPane-records .super-guard-filter-row {
  flex: 0 0 auto;
}

#super-guard.section.active.super-guard-blacklist-records-fit #superGuardBlacklistPane-records .super-guard-table-shell {
  flex: 1 1 auto;
  min-height: 0;
  margin-bottom: 0;
  overflow: auto;
}

.super-guard-subtabs + #superGuardBlacklistPane-management,
.super-guard-subtabs + #superGuardBlacklistPane-records {
  margin-top: var(--admin-table-layout-gap);
}

.super-guard-admin-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  margin-bottom: var(--admin-table-layout-gap);
}

.super-guard-admin-toolbar-copy {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.super-guard-admin-toolbar-copy strong {
  color: var(--admin-panel-text-strong);
  font-size: 15px;
}

.super-guard-admin-toolbar-copy span {
  color: var(--admin-panel-text-muted);
  font-size: 13px;
  line-height: 1.6;
}

.super-guard-admin-toolbar-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.super-guard-admin-status {
  flex: 0 0 auto;
  margin-bottom: var(--admin-table-layout-gap);
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  background-image: var(--admin-panel-surface-image) !important;
  color: var(--admin-panel-text-muted);
  font-size: 13px;
}

.super-guard-config-host {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
}

#superGuardAdminPane-blacklist {
  flex: 1 1 auto;
}

.super-guard-config-shell {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#superGuardConfigGroups .super-guard-config-tabs.api-unified-main-tabs-shell {
  display: inline-flex;
  flex: 0 0 auto;
  width: fit-content;
  max-width: 100%;
  min-width: 0;
  padding: 8px 12px !important;
  border-radius: 18px !important;
  border: 1px solid var(--admin-panel-border-soft) !important;
  background: var(--admin-panel-header-surface) !important;
  background-image: var(--admin-panel-header-image) !important;
  box-shadow: none !important;
}

.super-guard-config-panels {
  display: block;
}

.super-guard-config-panel {
  display: none;
}

.super-guard-config-panel.active {
  display: block;
}

.super-guard-log-card {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.super-guard-log-card .card-body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  min-height: 0;
}

#superGuardViewPane-logs {
  --super-guard-log-visible-row-count: 9;
  --super-guard-log-table-header-height: var(--admin-table-header-height);
  --super-guard-log-table-row-height: var(--admin-table-row-height);
  --super-guard-log-table-fixed-body-height: calc(var(--super-guard-log-table-row-height) * var(--super-guard-log-visible-row-count));
  --super-guard-log-table-fixed-height: calc(var(--super-guard-log-table-header-height) + var(--super-guard-log-table-fixed-body-height));
}

.super-guard-log-header {
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.super-guard-log-tabs {
  flex: 1 1 auto;
  min-width: 0;
  justify-content: flex-start;
}

.super-guard-log-toolbar {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
}

.super-guard-log-toolbar label {
  margin: 0;
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 600;
  white-space: nowrap;
}

.super-guard-log-toolbar .form-select {
  width: 168px;
  min-width: 168px;
}

.super-guard-log-toolbar--hidden {
  display: none !important;
}

.super-guard-log-panels {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
}

.super-guard-log-panel {
  display: none;
  flex: 1 1 auto;
  min-height: 0;
}

.super-guard-log-panel.active {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0;
  min-height: 0;
}

.super-guard-log-panel--raw.active {
  gap: 0;
}

.super-guard-log-table-frame {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  overflow: hidden;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
  background: var(--admin-panel-surface);
  box-shadow: none;
}

.super-guard-log-panel > .super-guard-log-table-frame > .super-guard-table-shell {
  flex: 1 1 auto;
  min-height: 0;
  max-height: var(--super-guard-log-table-fixed-height);
  height: var(--super-guard-log-table-fixed-height);
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.super-guard-log-panel > .super-guard-log-table-frame > .super-guard-table-shell > .super-guard-data-table {
  margin-bottom: 0;
}

#superGuardViewPane-logs .super-guard-data-table thead tr,
#superGuardViewPane-logs .super-guard-data-table th {
  height: var(--super-guard-log-table-header-height, var(--admin-table-header-height));
  max-height: var(--super-guard-log-table-header-height, var(--admin-table-header-height));
}

#superGuardViewPane-logs .super-guard-data-table tbody tr:not(.table-state-row):not(.admin-table-spacer-row),
#superGuardViewPane-logs .super-guard-data-table td,
#superGuardViewPane-logs .super-guard-data-table .admin-table-spacer-row,
#superGuardViewPane-logs .super-guard-data-table .admin-table-spacer-cell {
  height: var(--super-guard-log-table-row-height, var(--admin-table-row-height));
  max-height: var(--super-guard-log-table-row-height, var(--admin-table-row-height));
}

#superGuardViewPane-logs .super-guard-data-table > tbody > .table-state-row--fill > .table-state-cell > .table-state-content--fill {
  --table-state-row-height: var(--super-guard-log-table-row-height, var(--admin-table-row-height));
  min-height: var(--super-guard-log-table-fixed-body-height, var(--admin-table-fixed-body-height));
}

#superGuardViewPane-logs .super-guard-data-table th:first-child,
#superGuardViewPane-logs .super-guard-data-table td:first-child {
  width: 5%;
  min-width: 0;
  padding-left: 8px;
  padding-right: 8px;
}

.super-guard-log-pagination {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  min-height: var(--admin-table-pagination-height);
  padding: var(--admin-table-pagination-padding-y) 0;
  border-top: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-table-bar-surface);
  background-image: var(--admin-table-bar-image);
}

.super-guard-log-pagination-inner {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.super-guard-log-pagination-text {
  font-size: 14px;
  line-height: 32px;
  color: var(--admin-panel-text-strong);
}

.super-guard-log-panel .super-guard-data-table th,
.super-guard-log-panel .super-guard-data-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

.super-guard-admin-pane .super-guard-data-table th,
.super-guard-admin-pane .super-guard-data-table td,
.super-guard-subpane .super-guard-data-table th,
.super-guard-subpane .super-guard-data-table td {
  text-align: center !important;
  vertical-align: middle !important;
}

.super-guard-log-panel .super-guard-code,
.super-guard-log-panel .super-guard-risk-badge,
.super-guard-log-panel .status-success,
.super-guard-log-panel .status-failed {
  margin-left: auto;
  margin-right: auto;
}

.super-guard-admin-pane .super-guard-code,
.super-guard-admin-pane .super-guard-risk-badge,
.super-guard-admin-pane .super-guard-status-pill,
.super-guard-subpane .super-guard-code,
.super-guard-subpane .super-guard-risk-badge,
.super-guard-subpane .super-guard-status-pill {
  margin-left: auto;
  margin-right: auto;
}

.super-guard-log-panel .super-guard-secondary-text {
  text-align: center;
}

.super-guard-detail-btn {
  min-width: 92px;
}

#superGuardLogsPane-raw-payment .super-guard-data-table th:nth-child(3),
#superGuardLogsPane-raw-payment .super-guard-data-table td:nth-child(3) {
  width: 160px;
  max-width: 160px;
}

#superGuardLogsPane-raw-payment .super-guard-data-table td:nth-child(3) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.super-guard-admin-pane .super-guard-secondary-text,
.super-guard-subpane .super-guard-secondary-text {
  text-align: center;
}

.super-guard-admin-pane .super-guard-table-actions,
.super-guard-admin-pane .super-guard-fingerprint-flags,
.super-guard-subpane .super-guard-table-actions,
.super-guard-subpane .super-guard-fingerprint-flags {
  justify-content: center;
}

.super-guard-config-group {
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
  background: var(--admin-panel-surface) !important;
  box-shadow: none;
  padding: 18px;
}

.super-guard-config-group h5 {
  margin: 0 0 6px;
  color: var(--admin-panel-text-strong);
  font-size: 15px;
}

.super-guard-config-items {
  display: grid;
  gap: 20px;
}

.sg-captcha-preview {
  margin-top: 14px;
}

.super-guard-mapping-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
}

.super-guard-config-item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.super-guard-config-item label {
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 600;
}

.super-guard-config-item small {
  color: var(--admin-panel-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

.super-guard-config-item input[type="number"],
.super-guard-config-item input[type="text"],
.super-guard-config-item textarea {
  width: 100%;
}

.super-guard-config-textarea {
  min-height: 260px;
  font-family: 'Consolas', 'SFMono-Regular', 'Liberation Mono', monospace;
  line-height: 1.65;
}

.super-guard-config-item--checkbox {
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  border: 1px solid var(--admin-panel-border-soft);
}

.super-guard-config-checkbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
}

.super-guard-config-checkbox span {
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 600;
}

.super-guard-filter-row,
.super-guard-form-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 14px;
  margin-bottom: var(--admin-table-layout-gap);
}

.super-guard-filter-row--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.super-guard-inline-btn {
  width: 100%;
}

.super-guard-status-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.super-guard-status-pill--active {
  color: var(--wb-theme-success-text);
  background: var(--wb-theme-success-soft);
}

.super-guard-status-pill--released {
  color: var(--wb-theme-info-text);
  background: var(--wb-theme-info-soft);
}

.super-guard-status-pill--expired {
  color: var(--wb-theme-warning-text);
  background: var(--wb-theme-warning-soft);
}

.super-guard-table-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.super-guard-code {
  display: inline-block;
  max-width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 4px 8px;
  border-radius: 8px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  color: var(--admin-panel-text-strong);
  font-size: 12px;
}

.super-guard-secondary-text {
  display: block;
  margin-top: 4px;
  color: var(--admin-panel-text-muted);
  font-size: 12px;
}

.super-guard-cell-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

#modal.app-modal--super-guard-log-detail .modal-content {
  max-width: 720px;
}

#modal.app-modal--super-guard-log-detail .modal-body {
  max-height: min(72vh, 760px);
  overflow-y: auto;
}

.super-guard-fingerprint-flags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.super-guard-flag-chip {
  display: inline-flex;
  align-items: center;
  padding: 5px 8px;
  border-radius: 999px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  border: 1px solid var(--admin-panel-border-soft);
  color: var(--admin-panel-text-muted);
  font-size: 12px;
}

.super-guard-fingerprint-table {
  width: 100%;
  min-width: 0;
  table-layout: fixed;
}

.super-guard-fingerprint-table th,
.super-guard-fingerprint-table td {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.super-guard-fingerprint-table th:nth-child(1),
.super-guard-fingerprint-table td:nth-child(1) {
  width: 22%;
}

.super-guard-fingerprint-table th:nth-child(2),
.super-guard-fingerprint-table td:nth-child(2) {
  width: 10%;
}

.super-guard-fingerprint-table th:nth-child(3),
.super-guard-fingerprint-table td:nth-child(3) {
  width: 15%;
}

.super-guard-fingerprint-table th:nth-child(4),
.super-guard-fingerprint-table td:nth-child(4) {
  width: 18%;
}

.super-guard-fingerprint-table th:nth-child(5),
.super-guard-fingerprint-table td:nth-child(5) {
  width: 9%;
}

.super-guard-fingerprint-table th:nth-child(6),
.super-guard-fingerprint-table td:nth-child(6) {
  width: 13%;
}

.super-guard-fingerprint-table th:nth-child(7),
.super-guard-fingerprint-table td:nth-child(7) {
  width: 13%;
}

.super-guard-fingerprint-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 100%;
  min-width: 0;
}

.super-guard-fingerprint-cell-primary,
.super-guard-fingerprint-cell-secondary {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.super-guard-fingerprint-cell-secondary {
  color: #7b8797;
  font-size: 12px;
}

.super-guard-fingerprint-table .super-guard-code {
  max-width: 100%;
}

.super-guard-fingerprint-table .super-guard-fingerprint-flags,
.super-guard-fingerprint-table .super-guard-table-actions {
  width: 100%;
  justify-content: center;
  align-content: flex-start;
  max-height: 58px;
  overflow: hidden;
}

.super-guard-fingerprint-table .super-guard-fingerprint-flags {
  flex-wrap: wrap;
}

.super-guard-fingerprint-table .super-guard-flag-chip {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1180px) {
  #super-guard .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .super-guard-detail-grid {
    grid-template-columns: 1fr;
  }

  .super-guard-filter-row,
  .super-guard-form-grid,
  .super-guard-filter-row--three {
    grid-template-columns: 1fr 1fr;
  }

  .super-guard-log-toolbar {
    width: 100%;
    justify-content: flex-start;
  }

  #superGuardViewPane-overview .super-guard-trend-charts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #superGuardViewPane-overview .super-guard-trend-card--account {
    grid-column: span 1;
  }

  #superGuardViewPane-overview .super-guard-trend-card--payment {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  #super-guard .stats-grid {
    grid-template-columns: 1fr;
  }

  .super-guard-page-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .super-guard-admin-header,
  .super-guard-log-header,
  .super-guard-admin-toolbar,
  .super-guard-config-checkbox {
    flex-direction: column;
    align-items: flex-start;
  }

  .super-guard-page-actions,
  .super-guard-admin-header-actions,
  .super-guard-admin-toolbar-actions {
    width: 100%;
    justify-content: flex-start;
  }

  .super-guard-admin-header-filters.api-unified-main-actions {
    width: 100%;
    margin-left: 0;
  }

  .super-guard-admin-header-filters .form-select {
    width: 100%;
    min-width: 0;
    flex: 1 1 100%;
  }

  .super-guard-log-toolbar {
    width: 100%;
    margin-left: 0;
    justify-content: flex-start;
  }

  .super-guard-log-toolbar .form-select {
    width: 100%;
    min-width: 0;
  }

  .super-guard-config-grid,
  .super-guard-filter-row,
  .super-guard-form-grid,
  .super-guard-filter-row--three {
    grid-template-columns: 1fr;
  }

  #superGuardViewPane-overview .super-guard-trend-charts {
    grid-template-columns: 1fr;
    flex: 0 0 auto;
    grid-auto-rows: minmax(260px, auto);
  }

  #superGuardViewPane-overview .super-guard-trend-card--account,
  #superGuardViewPane-overview .super-guard-trend-card--payment {
    grid-column: 1;
  }

  #super-guard.section.active.super-guard-overview-fit #superGuardViewPane-overview .super-guard-trend-card {
    height: auto;
    min-height: 260px;
  }

}

html,
body {
  overflow-x: clip !important;
}

html {
  overflow-y: auto !important;
}

/* ============================================
   消息中心布局
   ============================================ */

#message-center .message-center-page-card,
#message-center .message-center-page-body {
  background: var(--admin-panel-surface) !important;
}

#message-center .message-center-page-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--admin-table-layout-gap);
  padding: 0;
}

#message-center .message-center-tab-shell {
  display: flex;
  align-items: center;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
  min-height: calc(var(--admin-tab-height) + 18px);
  box-sizing: border-box;
  padding: 8px 12px;
  margin: 0;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: var(--admin-section-shell-radius);
  background: var(--admin-panel-header-surface);
  background-image: var(--admin-panel-header-image);
  box-shadow: none;
}

#message-center .message-center-tabs {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  gap: 10px;
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

#message-center .message-center-tab-actions {
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  min-width: 0;
  margin-left: auto;
}

#message-center .message-center-tab-actions--inbox {
  gap: 12px;
  flex-wrap: nowrap;
  align-items: center;
  max-width: none;
}

#message-center .message-center-delete-all-button {
  flex: 0 0 auto;
}

#message-center .message-center-tab-action-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

#message-center .message-center-tab-action-group--retention {
  min-width: 0;
}

#message-center .message-center-tab-action-group label {
  margin: 0;
  color: var(--admin-panel-text-strong);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
}

#message-center .message-center-tab-select {
  height: 36px;
  min-height: 36px;
  padding: 0 36px 0 12px;
  text-align: center;
  text-align-last: center;
}

#message-center #messageCenterInboxType {
  width: 152px;
  min-width: 152px;
}

#message-center #messageCenterInboxRetention {
  width: 180px;
  min-width: 180px;
}

#message-center .message-center-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  min-width: 120px;
  height: var(--admin-tab-height);
  min-height: var(--admin-tab-height);
  padding: 0 var(--admin-tab-padding-x);
  border-radius: var(--admin-tab-radius);
  border: 1px solid var(--wb-theme-button-soft-border);
  background: var(--wb-theme-button-soft);
  color: var(--wb-theme-button-soft-text);
  font-size: var(--admin-tab-font-size);
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  box-shadow: none;
  transform: none;
}

#message-center .message-center-tab:hover {
  border-color: var(--wb-theme-button-soft-border);
  background: var(--wb-theme-button-soft-hover);
  color: var(--wb-theme-button-soft-text);
}

#message-center .message-center-tab.active {
  border-color: var(--wb-theme-button-border);
  background: var(--wb-theme-button-strong);
  color: var(--wb-theme-on-accent);
}

/* AI 客服面板激活时，系统消息专用的筛选（消息类型 / 日期）整块不显示 */
#message-center.mc-ai-cs-active #messageCenterTabActions {
  display: none !important;
}

#message-center .message-center-content {
  display: flex;
  flex: 1 1 auto;
  /* 不要写死最小高度：窗口变矮时内容区必须能收缩，否则底部分页被裁、表格也不出滚动条 */
  min-height: 0;
  min-width: 0;
}

#message-center .message-center-pane {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}

#message-center .message-center-pane--inbox {
  flex-direction: column;
}

#message-center .message-center-pane--history {
  flex-direction: column;
}

#message-center .message-center-compose-grid {
  display: grid;
  grid-template-columns: minmax(320px, 0.92fr) minmax(420px, 1.08fr);
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 18px;
  align-items: stretch;
}

#message-center .message-center-form-section,
#message-center .message-center-empty,
#message-center .message-center-inbox-shell {
  box-sizing: border-box;
  border-radius: 20px;
  background: var(--admin-panel-surface) !important;
  border: 1px solid var(--admin-panel-border-soft);
  box-shadow: none;
}

#message-center .message-center-form-section {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  min-height: 100%;
  padding: 20px 20px 10px;
}

#message-center .message-center-form-section--settings {
  justify-content: flex-start;
}

#message-center .message-center-form-section--editor {
  gap: var(--admin-table-layout-gap);
}

#message-center .message-center-form-stack,
#message-center .message-center-field-stack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  min-height: 0;
}

#message-center .message-center-field-block {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#message-center .message-center-field-stack > .message-center-field-block:last-child {
  flex: 1 1 auto;
  min-height: 0;
}

#message-center .message-center-field-grid,
#message-center .message-center-field-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
}

#message-center .message-center-field-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#message-center .message-center-field-group--display-mode {
  grid-column: span 2;
}

#message-center .message-center-scope-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  color: var(--admin-panel-text-strong);
  font-size: 12px;
  font-weight: 700;
}

#message-center .message-center-inbox-row-scope .message-center-scope-chip,
#message-center .message-center-inbox-row-terminal .message-center-scope-chip {
  font-size: 16px;
  padding: 8px 18px;
}

#message-center .message-center-field-counter {
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--admin-panel-text-muted);
}

#message-center .message-center-form-section label {
  margin-bottom: 8px;
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
}

#message-center .message-center-field-head label {
  margin: 0;
}

#message-center .message-center-form-section .form-input,
#message-center .message-center-form-section .form-select,
#message-center .message-center-form-section .form-textarea {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#message-center .message-center-form-section .form-select {
  text-align: center;
  text-align-last: center;
  /* 只给右侧箭头留位，左侧尽量少留白：三列布局下也要放得下 5 个字 */
  padding-left: 14px;
  padding-right: 30px;
}

#message-center .message-center-form-section .wb-select {
  width: 100%;
  --wb-select-trigger-height: 46px;
}

#message-center .message-center-form-section .wb-select-trigger {
  min-height: 46px;
  height: 46px;
  padding: 0 30px 0 14px;
  justify-content: center;
}

/* 窄列里不要再把选中项截成省略号：文字照常显示，箭头在右侧独立占位 */
#message-center .message-center-form-section .wb-select-trigger__label {
  overflow: visible;
  text-overflow: clip;
}

#message-center .message-center-form-section .wb-select-trigger__label {
  display: block;
  min-height: auto;
  line-height: 46px;
  text-align: center;
}

#message-center .message-center-form-section .wb-select-trigger__arrow {
  transform: translateY(-50%) rotate(45deg);
}

#message-center .message-center-form-section .form-textarea {
  flex: 1 1 auto;
  height: 100%;
  min-height: 168px;
  line-height: 1.7;
}

#message-center .message-center-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: var(--admin-table-layout-gap);
}

#message-center .message-center-form-actions .btn-primary,
#message-center .message-center-form-actions .btn-secondary {
  height: auto !important;
  min-height: var(--admin-button-min-height) !important;
  padding: var(--admin-button-padding-y) var(--admin-button-padding-x) !important;
  line-height: 1.2 !important;
}

#message-center .message-center-preview-badge {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  border: 1px solid var(--admin-panel-border-soft);
  color: var(--admin-panel-text-muted);
  font-size: 12px;
  font-weight: 700;
}

#message-center .message-center-priority-chip,
#message-center .message-center-status-chip,
#message-center .message-center-type-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 66px;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

#message-center .message-center-priority-chip.is-danger,
#message-center .message-center-status-chip.is-warning {
  background: var(--wb-theme-danger-soft);
  color: var(--wb-theme-danger-text);
}

#message-center .message-center-priority-chip.is-warning,
#message-center .message-center-type-chip.is-warning {
  background: var(--wb-theme-warning-soft);
  color: var(--wb-theme-warning-text);
}

#message-center .message-center-priority-chip.is-neutral,
#message-center .message-center-status-chip.is-neutral,
#message-center .message-center-type-chip.is-neutral {
  background: var(--wb-theme-info-soft);
  color: var(--wb-theme-info-text);
}

#message-center .message-center-status-chip.is-success,
#message-center .message-center-type-chip.is-success {
  background: var(--wb-theme-success-soft);
  color: var(--wb-theme-success-text);
}

#message-center .message-center-type-chip.is-info {
  background: var(--wb-theme-info-soft);
  color: var(--wb-theme-info-text);
}

#message-center .message-center-time-main {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--admin-panel-text-strong);
}

#message-center .message-center-time-sub {
  margin-top: 2px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: var(--admin-panel-text-strong);
}

#message-center .message-center-empty {
  padding: 58px 18px;
  text-align: center;
}

#message-center .message-center-empty h5 {
  margin: 0 0 10px;
  font-size: 18px;
  color: var(--admin-panel-text-strong);
}

#message-center .message-center-empty p {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  color: var(--admin-panel-text-muted);
}

#message-center .message-center-inbox-shell {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  overflow: hidden;
}

#message-center .message-center-inbox-grid {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  /* 窗口变矮时行高有下限，10 行放不下就允许滚动，不能直接裁掉 */
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
}

#message-center .message-center-inbox-row {
  display: grid;
  grid-template-columns: minmax(72px, 72px) auto minmax(0, 1fr) auto auto;
  flex: 0 0 auto;
  box-sizing: border-box;
  height: var(--message-center-inbox-row-height, var(--admin-table-unified-row-height, 54px));
  min-height: var(--message-center-inbox-row-height, var(--admin-table-unified-row-height, 54px));
  max-height: var(--message-center-inbox-row-height, var(--admin-table-unified-row-height, 54px));
  align-items: stretch;
  gap: 14px;
  padding: 12px 22px;
  overflow: hidden;
}

#message-center .message-center-inbox-row--lead-first {
  grid-template-columns: minmax(72px, 72px) auto auto minmax(0, 1fr) auto auto;
}

#message-center .message-center-inbox-row--compact {
  grid-template-columns: minmax(72px, 72px) minmax(148px, 148px) minmax(132px, 132px) minmax(0, 1fr) minmax(196px, 196px);
}

#message-center .message-center-inbox-row--history {
  gap: 10px;
  padding-left: 18px;
  padding-right: 18px;
  grid-template-columns:
    minmax(58px, 58px)
    minmax(112px, 0.58fr)
    minmax(220px, 1.36fr)
    minmax(90px, 0.5fr)
    minmax(80px, 0.46fr)
    minmax(96px, 0.52fr)
    minmax(146px, 0.72fr)
    minmax(156px, 0.78fr);
}

#message-center .message-center-inbox-row--header {
  position: sticky;
  top: 0;
  z-index: 2;
  flex: 0 0 auto;
  height: var(--message-center-inbox-header-height, 52px);
  min-height: var(--message-center-inbox-header-height, 52px);
  padding-top: 10px;
  padding-bottom: 10px;
  background: var(--admin-table-header-surface);
  background-image: var(--admin-table-header-image);
  color: var(--admin-panel-text-strong);
  font-size: 14px;
  font-weight: 600;
}

#message-center .message-center-inbox-row--header .message-center-inbox-row-index,
#message-center .message-center-inbox-row--header .message-center-inbox-row-title-cell,
#message-center .message-center-inbox-row--header .message-center-inbox-row-tags,
#message-center .message-center-inbox-row--header .message-center-inbox-row-meta,
#message-center .message-center-inbox-row--header .message-center-inbox-row-audience,
#message-center .message-center-inbox-row--header .message-center-inbox-row-priority,
#message-center .message-center-inbox-row--header .message-center-inbox-row-status,
#message-center .message-center-inbox-row--header .message-center-inbox-row-action,
#message-center .message-center-inbox-row--header .message-center-inbox-row-scope,
#message-center .message-center-inbox-row--header .message-center-inbox-row-terminal,
#message-center .message-center-inbox-row--header .message-center-inbox-row-summary,
#message-center .message-center-inbox-row--header .message-center-inbox-row-time {
  color: var(--admin-panel-text-strong);
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

#message-center .message-center-inbox-grid > .message-center-inbox-row + .message-center-inbox-row {
  border-top: 1px solid var(--admin-panel-border-soft);
}

#message-center .message-center-inbox-row--placeholder {
  color: transparent;
}

#message-center .message-center-inbox-row-blank {
  display: block;
  width: 100%;
  min-height: 1px;
}

#message-center .message-center-inbox-row-tags,
#message-center .message-center-inbox-row-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 8px;
}

#message-center .message-center-inbox-row-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-content: center;
  justify-content: center;
  gap: 8px;
}

#message-center .message-center-inbox-row-action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

#message-center .message-center-inbox-row-index {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--admin-panel-text-strong);
  text-align: center;
}

#message-center .message-center-inbox-row-scope,
#message-center .message-center-inbox-row-terminal {
  display: flex;
  align-items: center;
  justify-content: center;
}

#message-center .message-center-inbox-row > .message-center-inbox-row-index,
#message-center .message-center-inbox-row > .message-center-inbox-row-scope,
#message-center .message-center-inbox-row > .message-center-inbox-row-terminal,
#message-center .message-center-inbox-row > .message-center-inbox-row-title-cell,
#message-center .message-center-inbox-row > .message-center-inbox-row-summary,
#message-center .message-center-inbox-row > .message-center-inbox-row-audience,
#message-center .message-center-inbox-row > .message-center-inbox-row-priority,
#message-center .message-center-inbox-row > .message-center-inbox-row-status,
#message-center .message-center-inbox-row > .message-center-inbox-row-action,
#message-center .message-center-inbox-row > .message-center-inbox-row-time,
#message-center .message-center-inbox-row > .message-center-inbox-row-tags,
#message-center .message-center-inbox-row > .message-center-inbox-row-meta {
  min-height: 100%;
}

#message-center .message-center-inbox-row-title-cell,
#message-center .message-center-inbox-row-audience,
#message-center .message-center-inbox-row-priority,
#message-center .message-center-inbox-row-summary,
#message-center .message-center-inbox-row-action,
#message-center .message-center-inbox-row-time {
  display: flex;
  align-items: center;
  justify-content: center;
}

#message-center .message-center-inbox-row-title-cell,
#message-center .message-center-inbox-row-audience,
#message-center .message-center-inbox-row-priority,
#message-center .message-center-inbox-row-action {
  min-width: 0;
  text-align: center;
}

#message-center .message-center-inbox-row-title-cell {
  padding: 0 6px;
}

#message-center .message-center-inbox-row--history .message-center-inbox-row-title-cell {
  padding: 0 2px;
}

#message-center .message-center-inbox-row--history .message-center-inbox-row-summary {
  padding: 0 10px;
}

#message-center .message-center-inbox-row-title-text,
#message-center .message-center-inbox-row-content-text {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--admin-panel-text-strong);
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

#message-center .message-center-inbox-row-summary {
  min-width: 0;
  margin: 0;
  padding: 0 6px;
  text-align: center;
  line-height: 1.45;
}

#message-center .message-center-inbox-row-summary-inline {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-width: 0;
}

#message-center .message-center-inbox-row-text {
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-panel-text-strong);
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  vertical-align: top;
}

#message-center .message-center-inbox-row-source {
  font-size: 14px;
  font-weight: 400;
  color: var(--admin-panel-text-strong);
  line-height: 1.45;
  text-align: center;
}

#message-center .message-center-inbox-row-action .btn-small {
  min-width: 64px;
  min-height: 30px !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
}

#message-center .message-center-inbox-row-time {
  min-width: 118px;
  flex-direction: column;
  gap: 4px;
  text-align: center;
}

#message-center .message-center-inbox-pagination {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  min-height: var(--admin-table-pagination-height);
  padding: var(--admin-table-pagination-padding-y) 0;
  border-top: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-table-bar-surface);
  background-image: var(--admin-table-bar-image);
}

#message-center .message-center-inbox-pagination-inner {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

#message-center .message-center-inbox-pagination-text {
  font-size: 14px;
  line-height: 32px;
  color: var(--admin-panel-text-strong);
}

#message-center .message-center-inbox-pagination-text--muted {
  color: var(--admin-panel-text-muted);
}

@media (max-width: 1280px) {
  #message-center .message-center-compose-grid {
    grid-template-columns: 1fr;
  }

  #message-center .message-center-inbox-row {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 960px) {
  #message-center .message-center-page-body {
    padding: 18px;
  }

  #message-center .message-center-tab-shell {
    flex-wrap: wrap;
  }

  #message-center .message-center-tab-actions {
    flex-basis: 100%;
    justify-content: flex-start;
    margin-left: 0;
  }

  #message-center .message-center-tab-action-group {
    flex: 1 1 180px;
  }

  #message-center .message-center-field-grid {
    grid-template-columns: 1fr;
  }

  #message-center .message-center-field-group--display-mode {
    grid-column: auto;
  }

  #message-center .message-center-field-head,
  #message-center .message-center-inbox-row-tags,
  #message-center .message-center-inbox-row-meta {
    flex-direction: column;
    align-items: center;
  }

  #message-center .message-center-form-actions {
    flex-direction: column;
  }

  #message-center .message-center-form-actions .btn-primary,
  #message-center .message-center-form-actions .btn-secondary {
    width: 100%;
  }

  #message-center .message-center-inbox-row {
    gap: 10px;
    padding: 14px 18px;
  }
}

#profile-center #profileCenterPreviewPane,
#profile-center #profileCenterConfigPane {
  border-radius: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  box-shadow: none;
}

#profile-center.section.active.admin-preview-frame-fit #profileCenterPreviewContainer[data-preview-device="desktop"] .preview-device.desktop,
#profile-center.section.active.admin-preview-frame-fit #profileCenterPreviewContainer[data-preview-device="desktop"] .device-frame.desktop-frame {
  max-width: none !important;
}

#profile-center #profileCenterConfigPane {
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none;
}

#profile-center .profile-center-asset-file,
#login .profile-center-asset-file {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

#profile-center .profile-center-asset-picker,
#login .profile-center-asset-picker {
  width: 100%;
  min-width: 0;
  min-height: 96px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 18px;
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
  color: var(--admin-panel-text-strong);
  cursor: pointer;
  text-align: left;
  box-shadow: none;
  transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

#profile-center .profile-center-asset-picker:hover,
#login .profile-center-asset-picker:hover {
  transform: none !important;
  border-color: var(--wb-theme-accent-border);
  box-shadow: none;
}

#profile-center .profile-center-asset-preview,
#login .profile-center-asset-preview {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  color: var(--admin-panel-text-muted);
  font-size: 12px;
  font-weight: 800;
}

#profile-center .profile-center-asset-preview--logo,
#login .profile-center-asset-preview--logo {
  width: 58px;
  height: 58px;
  border-radius: 16px;
}

#profile-center .profile-center-asset-preview--background,
#login .profile-center-asset-preview--background {
  width: 92px;
  height: 58px;
  border-radius: 16px;
}

#profile-center .profile-center-asset-preview img,
#login .profile-center-asset-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

#profile-center .profile-center-asset-copy,
#login .profile-center-asset-copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#profile-center .profile-center-asset-copy strong,
#login .profile-center-asset-copy strong {
  color: var(--admin-panel-text-strong);
  font-size: 14px;
}

#profile-center .profile-center-asset-copy small,
#login .profile-center-asset-copy small {
  color: var(--admin-panel-text-muted);
  font-size: 12px;
  line-height: 1.5;
}

#profile-center .profile-center-asset-remove,
#login .profile-center-asset-remove {
  align-self: center;
  justify-self: end;
  width: fit-content;
  min-width: 96px;
  margin-top: 0;
}

#profile-center .profile-center-config-shell {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#profile-center .profile-center-editor-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--admin-table-layout-gap);
  align-items: start;
}

#profile-center .profile-center-editor-card {
  padding: 22px;
  border-radius: 20px;
  background: var(--admin-panel-surface) !important;
  border: 1px solid var(--admin-panel-border-soft);
  box-shadow: none;
}

#profile-center .profile-center-section-copy {
  display: grid;
  gap: 8px;
  margin-bottom: var(--admin-table-layout-gap);
}

#profile-center .profile-center-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  flex-wrap: wrap;
  margin-bottom: var(--admin-table-layout-gap);
}

#profile-center .profile-center-section-head .profile-center-section-copy {
  flex: 1 1 420px;
  margin-bottom: 0;
}

#profile-center .profile-center-section-copy h5 {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--admin-panel-text-strong);
  font-size: 20px;
  line-height: 1.35;
}

#profile-center .profile-center-section-copy p {
  margin: 0;
  color: var(--admin-panel-text-muted);
  font-size: 13px;
  line-height: 1.75;
}

#profile-center .profile-center-basic-grid,
#profile-center .profile-center-url-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  align-items: start;
}

#profile-center .profile-center-basic-grid .config-item,
#profile-center .profile-center-asset-card {
  min-width: 0;
}

#login .profile-center-asset-card {
  min-width: 0;
}

#profile-center .profile-center-basic-grid .config-item label,
#profile-center .profile-center-asset-card label,
#login .profile-center-asset-card label {
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 700;
}

#profile-center .profile-center-basic-grid .config-item input,
#profile-center .profile-center-basic-grid .config-item select {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 14px;
  border-color: var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  color: var(--admin-panel-text-strong);
}

#profile-center .profile-center-assets-grid {
  display: grid;
  gap: var(--admin-table-layout-gap);
}

#profile-center .profile-center-asset-card,
#login .profile-center-asset-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 14px;
  align-items: stretch;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
}

#profile-center .profile-center-asset-card > label,
#login .profile-center-asset-card > label {
  grid-column: 1 / -1;
}

/* Login page config uses card blocks without the outer shell frame. */
#login .login-page-content-shell:has(> #config.active),
#login .login-page-content-shell:has(> #config[style*="display: block"]) {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

#login #config.active,
#login #config[style*="display: block"] {
  display: flex !important;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#login #config .config-grid {
  gap: var(--admin-table-layout-gap);
  margin-bottom: 0;
}

#login #config .config-item,
#login #config .profile-center-asset-card,
#login #config .login-integration-guide .integration-section {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 18px 20px;
  border-radius: 20px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  box-shadow: none;
}

#login #config .config-item label,
#login #config .profile-center-asset-card label,
#login #config .login-integration-guide .integration-section h5 {
  margin: 0;
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 700;
}

#login #config .config-item input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 14px;
  border-color: var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  color: var(--admin-panel-text-strong);
}

#login #config .login-integration-guide {
  margin-top: 0 !important;
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#login #config .login-integration-guide .integration-section {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#login #config .login-integration-guide .integration-section p {
  margin: 0;
}

#login [data-login-page-config-actions][hidden],
#profile-center [data-profile-center-config-actions][hidden],
#distribution [data-partner-page-config-actions][hidden] {
  display: none !important;
}

#profile-center .profile-center-url-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}

#profile-center .profile-center-url-card .code-block {
  min-width: 0;
}

#profile-center .profile-center-url-card code {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

#profile-center .profile-center-module-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
}

#profile-center .profile-center-module-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
  box-shadow: none;
  cursor: pointer;
  transition: transform 0.22s ease, border-color 0.22s ease, background 0.22s ease;
}

#profile-center .profile-center-module-card:hover {
  transform: none !important;
}

#profile-center .profile-center-module-card:has(input:checked) {
  border-color: var(--wb-theme-accent-border-strong);
  background: color-mix(in srgb, var(--wb-theme-accent-soft) 52%, var(--admin-panel-surface) 48%) !important;
  background-image: none !important;
}

#profile-center .profile-center-module-card__copy {
  display: grid;
  gap: 6px;
  min-width: 0;
}

#profile-center .profile-center-module-card__copy h6 {
  margin: 0;
  color: var(--admin-panel-text-strong);
  font-size: 16px;
  line-height: 1.4;
}

#profile-center .profile-center-module-card__copy p {
  margin: 0;
  color: var(--admin-panel-text-muted);
  font-size: 13px;
  line-height: 1.75;
}

#profile-center .profile-center-module-card__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
  color: var(--admin-panel-text-strong);
  font-size: 13px;
  font-weight: 700;
  flex: 0 0 auto;
}

#profile-center .profile-center-shortcut-list {
  display: grid;
  gap: 12px;
}

#profile-center .profile-center-shortcut-card {
  display: grid;
  grid-template-columns: minmax(160px, 0.85fr) minmax(200px, 1fr) minmax(240px, 1.2fr) auto;
  gap: 12px;
  align-items: end;
  padding: 16px;
  border-radius: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-panel-surface) !important;
}

#profile-center .profile-center-shortcut-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
}

#profile-center .profile-center-shortcut-field label {
  color: var(--admin-panel-text-strong);
  font-size: 12px;
  font-weight: 700;
}

#profile-center .profile-center-shortcut-field input {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
}

#profile-center .profile-center-shortcut-card .btn-sm {
  min-width: 78px;
}

#profile-center .profile-center-shortcut-empty {
  padding: 22px 20px;
  border-radius: 18px;
  border: 1px dashed var(--admin-panel-border-strong);
  background: var(--admin-panel-muted-surface) !important;
  background-image: var(--admin-panel-muted-surface-image) !important;
}

#profile-center .profile-center-shortcut-empty strong {
  display: block;
  margin-bottom: 8px;
  color: var(--admin-panel-text-strong);
  font-size: 15px;
}

#profile-center .profile-center-shortcut-empty p {
  margin: 0;
  color: var(--admin-panel-text-muted);
  font-size: 13px;
  line-height: 1.75;
}

#profile-center #profileCenterConfigPane .config-actions {
  justify-content: flex-end;
  align-items: center;
  margin-top: 4px;
  flex-wrap: wrap;
}

@media (max-width: 1280px) {
  #profile-center .profile-center-editor-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 960px) {
  #profile-center .profile-center-basic-grid,
  #profile-center .profile-center-url-grid,
  #profile-center .profile-center-shortcut-card {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 768px) {
  #profile-center .profile-center-editor-card {
    padding: 18px 16px;
  }

  #profile-center .profile-center-section-head {
    align-items: stretch;
  }

  #profile-center .profile-center-section-head .btn-secondary {
    width: 100%;
  }

  #profile-center .profile-center-module-grid {
    grid-template-columns: 1fr;
  }

  #profile-center .profile-center-module-card {
    flex-direction: column;
  }

  #profile-center .profile-center-module-card__toggle {
    width: 100%;
    justify-content: flex-start;
  }
}

body {
  overflow-y: visible !important;
  overflow-x: clip !important;
}

html {
  background: var(--wb-theme-body-bg) !important;
  scrollbar-gutter: auto !important;
  scrollbar-width: auto !important;
  scrollbar-color: auto !important;
}

html::-webkit-scrollbar {
  width: 12px !important;
  height: 0 !important;
}

html::-webkit-scrollbar-track {
  background: var(--wb-theme-body-bg) !important;
}

html::-webkit-scrollbar-thumb {
  background: var(--wb-theme-accent-border-strong) !important;
  border-radius: 999px !important;
  border: 3px solid transparent !important;
  background-clip: padding-box !important;
}

html::-webkit-scrollbar-thumb:hover {
  background: var(--wb-theme-accent-strong) !important;
}

body {
  background: var(--wb-theme-body-bg) !important;
  scrollbar-width: auto !important;
}

body::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

body::-webkit-scrollbar-track {
  background: var(--wb-theme-body-bg) !important;
}

body::-webkit-scrollbar-thumb {
  background: var(--wb-theme-accent-border-strong) !important;
  border-radius: 999px !important;
  border: 3px solid transparent !important;
  background-clip: padding-box !important;
}

body::-webkit-scrollbar-thumb:hover {
  background: var(--wb-theme-accent-strong) !important;
}

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
  background: var(--wb-theme-body-bg) !important;
}

html::-webkit-scrollbar:horizontal,
body::-webkit-scrollbar:horizontal {
  height: 0 !important;
}

.section {
  width: 100%;
  max-width: var(--wb-admin-stage-max-width) !important;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1260px) {
  .main-header {
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 14px 16px;
  }

  .header-left {
    grid-column: 1;
    min-width: 0;
  }

  .header-center {
    grid-column: 2;
    justify-content: center;
  }

  .global-terminal-scope-shell {
    justify-self: center;
    width: auto;
    max-width: 372px;
  }

  .global-terminal-scope-shell .login-preview-device-selector {
    width: auto;
  }

  .global-terminal-scope-shell .login-preview-device-button {
    min-width: 104px;
    padding-inline: 16px;
  }

  .header-actions {
    grid-column: 3;
  }

  .section-description {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  #api #interface-key .api-unified-workspace-card,
  #api #interface-key .api-key-workspace-body,
  #api #interface-key .api-key-table-shell {
    min-width: 0;
  }

  #apiKeyTable tbody td {
    height: auto;
    min-height: 71px;
  }

  #apiKeyTable th:nth-child(2),
  #apiKeyTable td:nth-child(2) {
    min-width: 160px;
  }

  #apiKeyTable th:nth-child(3),
  #apiKeyTable td:nth-child(3) {
    min-width: 220px;
  }

  #apiKeyTable th:nth-child(4),
  #apiKeyTable td:nth-child(4) {
    width: 150px;
  }

  #apiKeyTable th:nth-child(5),
  #apiKeyTable td:nth-child(5) {
    width: 84px;
  }

  #apiKeyTable th:nth-child(6),
  #apiKeyTable td:nth-child(6) {
    width: 244px;
  }

  #apiKeyTable .api-key-actions-cell {
    padding-left: 8px !important;
    padding-right: 14px !important;
  }

  #apiKeyTable td:nth-child(3),
  #apiKeyTable .api-key-value-cell {
    white-space: normal;
    word-break: break-all;
    line-height: 1.45;
  }

  #apiKeyTable .api-key-name-cell {
    max-width: 200px;
  }

  #apiKeyTable .api-key-value-cell {
    max-width: none;
  }
}

@media (max-width: 1180px) {
  #orders .order-management-filters,
  #member-users .member-management-users-toolbar {
    align-items: stretch;
  }

  #applications .application-filter-toolbar .order-management-summary,
  #orders .order-management-summary,
  #member-users .member-management-users-toolbar .order-management-summary {
    flex: 1 1 100%;
    margin-right: 0;
    white-space: normal;
  }

  #orders .order-management-filters .form-select,
  #member-users .member-management-users-toolbar .form-select {
    flex: 1 1 180px;
    min-width: 0 !important;
  }

  #orders #orderManagementKeyword,
  #member-users #memberUserSearchInput {
    flex: 1 1 100% !important;
    width: 100%;
    min-width: 0 !important;
  }

  #database .database-overview-toolbar,
  #database .database-overview-actions {
    align-items: stretch;
  }

  #database .database-overview-actions {
    width: 100%;
    justify-content: flex-start;
  }

  #database .database-overview-actions .btn-secondary {
    flex: 0 0 auto;
  }

  #database #tablesTable {
    min-width: min(100%, 860px);
  }

  #database #tablesTable th:last-child,
  #database #tablesTable .database-table-action-cell {
    width: 252px;
    min-width: 252px;
  }

  #database #tablesTable .database-table-actions {
    gap: 4px;
  }

  #database #tablesTable .database-table-actions .database-table-export-select,
  #database #tablesTable .database-table-actions .wb-select {
    flex: 0 0 100px;
    width: 100px;
    min-width: 100px;
    max-width: 100px;
  }

  #dispatch-center .api-unified-main-shell {
    align-items: stretch;
  }

  .dispatch-center-header-main,
  .dispatch-center-section-head {
    flex-wrap: wrap;
    align-items: stretch;
  }

  .dispatch-center-tabs,
  .dispatch-center-toolbar,
  .dispatch-center-config-actions,
  .dispatch-center-rules-category-shell {
    width: 100%;
  }

  .dispatch-center-toolbar,
  .dispatch-center-config-actions {
    flex-wrap: wrap;
  }

  .dispatch-center-toolbar,
  .dispatch-center-config-actions {
    justify-content: flex-start;
    margin-left: 0;
  }

  #dispatchCenterScopeFilterShell,
  #dispatchCenterDateFilter,
  #systemMonitoringDateFilter {
    flex: 1 1 180px;
    width: auto;
    min-width: 0;
  }

  #dispatch-center .dispatch-center-rules-category-shell .dispatch-center-status-category-tabs {
    flex: 1 1 100%;
    width: 100%;
  }

  #api > .api-category-shell .api-system-monitoring-actions {
    width: auto;
    max-width: 100%;
    flex: 0 1 auto;
  }

  #api > .api-category-shell #systemMonitoringScopeFilter {
    flex: 0 1 176px;
    width: 176px;
    min-width: 0;
  }

  #api > .api-category-shell #systemMonitoringDateFilter {
    flex: 0 1 112px;
    width: 112px;
    min-width: 0;
  }

  #api > .api-category-shell .api-system-monitoring-actions .api-unified-action-btn {
    min-width: 0;
  }
}

@media (max-width: 768px) {
  .container {
    flex-direction: column;
    min-height: auto;
  }

  .sidebar {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  /* 移动端：进入具体管理页面后隐藏应用列表侧栏，让管理内容占满视口 */
  body:has(.section.active) .sidebar,
  .container:has(.section.active) .sidebar,
  body.admin-section-active .sidebar {
    display: none !important;
  }
  /* 同时确保 main-content 占满宽度 */
  body:has(.section.active) .main-content,
  .container:has(.section.active) .main-content,
  body.admin-section-active .main-content {
    width: 100% !important;
  }

  .sidebar-header {
    padding: 18px 16px 10px;
  }

  .sidebar-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 10px 12px;
    overflow: visible !important;
  }

  .app-selector-sidebar {
    grid-column: 1 / -1;
  }

  .wb-select-menu--app-selector-cascade {
    max-width: calc(100vw - 16px);
  }

  .nav-item,
  .nav-bottom .nav-item,
  .sidebar-nav .nav-item:last-of-type,
  .nav-bottom .nav-item:last-child {
    margin: 0 !important;
  }

  .nav-item {
    min-width: 0;
    padding: 11px 10px;
  }

  .nav-text {
    font-size: 14px;
  }

  .nav-bottom {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px));
    border-top: 1px solid var(--wb-theme-sidebar-border);
    background: color-mix(in srgb, var(--wb-theme-sidebar-bg) 98%, rgb(var(--admin-accent-rgb)) 2%);
    backdrop-filter: none;
    box-shadow: none;
    z-index: 1200;
  }


  .main-content {
    margin-left: 0 !important;
    min-height: 0;
    padding: 14px 12px calc(104px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .main-header {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    /* 移动端 .main-content 左右内边距为 12px：负外边距与宽度按 12 外扩铺满，
       左右内边距补 12 + 限宽居中留白使内容回原位；纵向堆叠：顶0、底8*density，安全距离恢复 follow-gap */
    margin-left: -12px;
    margin-right: -12px;
    width: calc(100% + 24px);
    padding: 0 calc(12px + (100% - var(--wb-admin-stage-max-width)) / 2)
      calc(8px * var(--admin-density-space-multiplier, 1));
    margin-bottom: var(--admin-header-follow-gap);
  }

  /* 纵向堆叠时三列占满整行（覆盖桌面的 align-self:center） */
  .main-header .header-left,
  .main-header .header-center,
  .main-header .header-actions {
    align-self: stretch;
  }

  .section-description {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  .header-center {
    width: 100%;
    justify-content: center;
  }

  .global-terminal-scope-shell {
    justify-self: auto;
    align-self: stretch;
  }

  .header-actions {
    width: 100%;
    justify-content: flex-end;
  }

  #settings .settings-row {
    flex-direction: column;
    overflow: visible;
  }

  #settings .settings-application-category-assignments {
    max-height: none;
    overflow-y: visible;
    scrollbar-gutter: auto;
  }

  #settings .settings-application-category-toolbar,
  #settings .settings-application-category-panel__header,
  #settings .settings-application-category-primary-row,
  #settings .settings-application-category-secondary-row,
  #settings .settings-application-category-assignment-row {
    grid-template-columns: 1fr;
  }

  #settings .settings-application-category-toolbar,
  #settings .settings-application-category-panel__header {
    display: flex;
    flex-direction: column;
  }

  #settings .settings-application-category-toolbar__actions,
  #settings .settings-builder-user-feature-toolbar__actions,
  #settings .settings-application-category-actions {
    justify-content: flex-start;
  }

  #settings .settings-application-category-layout,
  #settings .settings-application-category-assignment-controls {
    grid-template-columns: 1fr;
  }

  #settings .settings-application-category-secondary-list {
    padding-left: 0;
    border-left: 0;
  }

  #settings .settings-builder-user-feature-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #settings .settings-sound-option {
    flex-basis: auto;
    width: 100%;
  }

  #settings .settings-sound-option--toggle {
    flex-direction: column;
    align-items: stretch;
  }

  #settings .settings-sound-option--theme {
    flex-wrap: wrap;
  }

  #settings .settings-sound-option--theme .settings-slider-card__label,
  #settings .settings-sound-option--theme > .settings-sound-select-shell,
  #settings .settings-sound-option--theme .btn-primary,
  #settings .settings-sound-option--theme .btn-secondary {
    flex: 1 1 100%;
    min-width: 0;
  }

  #settings .settings-inline-option {
    flex-direction: column;
    align-items: stretch;
  }

  #settings .settings-inline-option__copy {
    flex: initial;
  }

  #settings .settings-pill-group {
    justify-content: flex-start;
  }

  #settings .settings-inline-option--density .settings-pill-group {
    justify-content: flex-start;
  }

  #settings .settings-tabs {
    top: 138px;
  }

  .api-unified-main-tabs-shell,
  .member-page-admin-tabs,
  #login .login-tabs,
  #login .login-settings-tabs,
  #api .category-tabs,
  #api .interface-tab-bar {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding-bottom: 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .api-unified-main-tabs-shell::-webkit-scrollbar,
  .member-page-admin-tabs::-webkit-scrollbar,
  #login .login-tabs::-webkit-scrollbar,
  #login .login-settings-tabs::-webkit-scrollbar,
  #api .category-tabs::-webkit-scrollbar,
  #api .interface-tab-bar::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  .api-unified-main-tabs-shell > *,
  .member-page-admin-tabs > *,
  #login .login-tabs > *,
  #login .login-settings-tabs > *,
  #api .category-tabs > *,
  #api .interface-tab-bar > * {
    flex: 0 0 auto !important;
    white-space: nowrap;
  }
}

@media (max-width: 480px) {
  .sidebar-nav {
    grid-template-columns: 1fr;
  }

  .nav-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  #packages #memberManagementPrimaryTabs.api-unified-main-tabs-shell,
  #distribution .partner-tabs.api-unified-main-tabs-shell {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    flex-wrap: initial !important;
    overflow: visible !important;
    padding-bottom: 0;
  }

  #packages #memberManagementPrimaryTabs.api-unified-main-tabs-shell > .member-management-view-tab,
  #distribution .partner-tabs.api-unified-main-tabs-shell > .partner-tab {
    min-width: 0 !important;
    width: 100% !important;
    white-space: nowrap;
    text-align: center;
  }

  #packages #memberManagementPrimaryTabs.api-unified-main-tabs-shell > :last-child:nth-child(odd),
  #distribution .partner-tabs.api-unified-main-tabs-shell > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }
}

.login-tabs--primary .login-tab.login-tab--scope-hidden,
.member-management-view-tab[hidden],
.partner-tabs .partner-tab[hidden],
.partner-tabs .partner-tab.partner-tab--scope-hidden {
  display: none !important;
}

.login-tabs--primary .login-tab.login-tab--scope-hidden,
.partner-tabs .partner-tab.partner-tab--scope-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#distribution .partner-tabs.api-unified-main-tabs-shell {
  flex: 1 1 auto;
  width: auto;
  flex-wrap: nowrap;
  overflow: hidden;
}

#distribution .partner-list-table-shell {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  width: 100%;
  margin-top: 0;
  padding: 0 !important;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
}

#distribution .partner-list-table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
  overflow: auto;
}

#distribution .partner-list-table-scroll > .data-table {
  width: 100%;
  margin-bottom: 0;
}

#distribution #distributorTable th {
  height: var(--partner-list-table-header-height, var(--admin-table-header-height));
  max-height: var(--partner-list-table-header-height, var(--admin-table-header-height));
}

#distribution #distributorTable tbody tr:not(.table-state-row):not(.admin-table-spacer-row),
#distribution #distributorTable td,
#distribution #distributorTable .admin-table-spacer-row,
#distribution #distributorTable .admin-table-spacer-cell {
  height: var(--partner-list-table-row-height, var(--admin-table-row-height));
  max-height: var(--partner-list-table-row-height, var(--admin-table-row-height));
}

#distribution #distributorTable > tbody > .table-state-row--fill > .table-state-cell > .table-state-content--fill {
  --table-state-row-height: var(--partner-list-table-row-height, var(--admin-table-row-height));
  min-height: var(--partner-list-table-fixed-body-height, var(--admin-table-fixed-body-height));
}

#distribution .order-management-pagination,
#distribution .partner-list-pagination {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  min-height: var(--admin-table-pagination-height);
  padding: var(--admin-table-pagination-padding-y) 0;
  border-top: 1px solid var(--admin-panel-border-soft);
  background: var(--admin-table-bar-surface);
  background-image: var(--admin-table-bar-image);
}

#distribution .order-management-pagination-inner,
#distribution .partner-list-pagination .order-management-pagination-inner {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

#distribution .partner-list-toolbar-actions[hidden] {
  display: none !important;
}

#distribution .partner-list-toolbar-actions {
  margin-left: auto;
}

#distribution .partner-settings-frame {
  display: flex;
  flex-direction: column;
  flex: 0 0 auto;
  min-height: auto;
  overflow: visible;
  scrollbar-width: none;
}

#distribution .partner-settings-frame::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

#distribution .partner-settings-form {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  padding: 0;
}

#distribution .partner-settings-tab-shell {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
}

#distribution .partner-settings-tab-row,
#distribution .partner-settlement-tab-row {
  align-self: stretch;
  width: 100%;
  margin-bottom: 0;
}

#distribution .partner-settlement-tab-row,
#distribution .partner-settlement-pane-actions,
#distribution .partner-settlement-section-title {
  display: none !important;
}

#distribution .partner-settings-pane,
#distribution .partner-settlement-pane {
  display: none;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  min-height: 0;
}

#distribution .partner-settings-pane.active,
#distribution .partner-settlement-pane.active {
  display: flex;
}

#distribution .partner-settings-frame {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

#distribution .partner-settings-pane > .btn-primary {
  align-self: flex-end;
}

#distribution[data-partner-current-tab="partner-settings"] > .member-management-shell {
  margin-bottom: 8px;
}

#distribution .partner-settings-content-shell,
#distribution .partner-benefit-management-content-shell {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
  background: var(--admin-panel-surface);
  box-shadow: none;
  box-sizing: border-box;
}

#distribution #partnerSettingsPane-profit-interfaces .partner-settings-content-shell,
#distribution #partnerSettingsPane-operation-withdrawal-interfaces .partner-settings-content-shell {
  display: contents;
}

#distribution .partner-settings-pane .form-group:last-of-type {
  margin-bottom: var(--admin-table-layout-gap);
}

#distribution .partner-profit-interface-notice {
  margin-top: 0;
  margin-bottom: 0;
}

#distribution .partner-profit-interface-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
}

#distribution .partner-profit-interface-grid--withdrawal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#distribution .partner-profit-interface-grid--withdrawal > .partner-profit-interface-grid {
  grid-template-columns: 1fr;
}

#distribution .partner-distribution-interface-switch-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 14px;
  margin-top: var(--admin-table-layout-gap);
}

#distribution .partner-distribution-interface-switch-card {
  min-height: 152px;
}

#distribution .partner-distribution-interface-switch-card__actions {
  flex-wrap: wrap;
}

#distribution .partner-profit-interface-card {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  min-width: 0;
  padding: 18px;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
  background: var(--admin-panel-surface);
  box-shadow: none;
}

#distribution .partner-profit-interface-card--active {
  border-color: var(--wb-theme-accent-border-strong);
}

#distribution .partner-profit-interface-card.is-disabled {
  background: var(--admin-panel-muted-surface);
  background-image: var(--admin-panel-muted-surface-image);
  border-color: var(--admin-panel-border-soft);
}

#distribution .partner-profit-interface-card.is-disabled .partner-profit-interface-card__form {
  opacity: 0.6;
}

#distribution .partner-profit-interface-card--enterprise {
  gap: var(--admin-table-layout-gap);
  padding: 14px 18px;
}

#distribution .partner-profit-interface-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

#distribution .partner-profit-interface-card__footer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 12px;
  margin-top: auto;
}

#distribution .partner-profit-interface-card__title-block {
  min-width: 0;
}

#distribution .partner-profit-interface-card__title {
  margin: 0;
  font-size: 18px;
  color: var(--admin-panel-text-strong);
}

#distribution .partner-profit-interface-card__description,
#distribution .partner-profit-interface-card__note {
  margin: 6px 0 0;
  font-size: 13px;
  line-height: 1.6;
  color: var(--admin-panel-text-muted);
}

#distribution .partner-profit-interface-card__note {
  margin: 0;
  flex: 1 1 auto;
}

#distribution .partner-profit-interface-card__status {
  flex: 0 0 auto;
  padding: 6px 12px;
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 999px;
  background: var(--admin-panel-header-surface);
  background-image: var(--admin-panel-header-image);
  color: var(--admin-panel-text-strong);
  font-size: 12px;
  line-height: 1;
}

#distribution .partner-profit-interface-card__form {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  flex: 1 1 auto;
}

#distribution .partner-profit-interface-card--enterprise .partner-profit-interface-card__form,
#distribution .partner-profit-interface-card--enterprise .partner-profit-interface-card__fieldset {
  gap: var(--admin-table-layout-gap);
}

#distribution .partner-profit-interface-card__fieldset {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}

#distribution .partner-profit-interface-card__columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 16px;
  row-gap: var(--admin-table-layout-gap);
  align-items: start;
}

#distribution .partner-profit-interface-card__column {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  min-width: 0;
}

#distribution .partner-profit-interface-card__column > .form-group {
  margin-bottom: 0;
}

#distribution .partner-profit-interface-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 12px;
}

#distribution .partner-profit-interface-card__grid--enterprise-top {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#distribution .partner-profit-interface-card__grid--enterprise-bottom {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

#distribution .partner-profit-interface-card__footer {
  align-items: center;
}

#distribution .partner-profit-interface-card__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  flex-wrap: nowrap;
}

#distribution .partner-profit-interface-card__footer .btn-primary[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}

#distribution .partner-settlement-section {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

#distribution .partner-settlement-pane-actions {
  display: flex;
  justify-content: flex-end;
}

#distribution .partner-bank-table-shell,
#distribution .partner-wechat-table-shell {
  display: block;
}

@media (max-width: 1200px) {
  #distribution .partner-distribution-interface-switch-grid,
  #distribution .partner-profit-interface-grid,
  #distribution .partner-profit-interface-card__columns,
  #distribution .partner-profit-interface-card__grid {
    grid-template-columns: 1fr;
  }

  #distribution .partner-profit-interface-card__grid--enterprise-top,
  #distribution .partner-profit-interface-card__grid--enterprise-bottom {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.dispatch-center-page-card {
  display: flex;
  flex-direction: column;
  gap: var(--admin-section-shell-gap);
  margin-bottom: 0;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0;
  box-shadow: none !important;
  overflow: visible;
}

.dispatch-center-header {
  margin: 0 !important;
  border: 1px solid var(--admin-panel-border-soft) !important;
  border-radius: var(--admin-section-shell-radius, 18px);
  background: var(--admin-panel-header-surface) !important;
  background-image: var(--admin-panel-header-image) !important;
  box-shadow: none !important;
}

.dispatch-center-body {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.dispatch-center-header-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  flex-wrap: nowrap;
  width: 100%;
  min-width: 0;
}

.dispatch-center-toolbar,
.dispatch-center-config-actions,
.dispatch-center-global-form {
  display: flex;
  align-items: center;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 12px;
  flex-wrap: nowrap;
  min-width: 0;
}

.dispatch-center-tabs {
  display: flex;
  gap: 10px;
  flex: 1 1 auto;
  min-width: 0;
}

.dispatch-center-toolbar {
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: 0;
}

.dispatch-center-toolbar .form-select {
  min-width: 0;
}

#dispatchCenterScopeFilterShell {
  width: 146px;
  flex: 0 0 146px;
}

.dispatch-center-scope-filter-shell[hidden] {
  display: none !important;
}

.dispatch-center-scope-filter-shell .wb-select {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.dispatch-center-body {
  display: flex;
  flex-direction: column;
  gap: var(--admin-table-layout-gap);
  overflow: visible;
}

.dispatch-center-tab-panel {
  display: none;
}

.dispatch-center-tab-panel.active {
  display: block;
  overflow: visible;
}

#api #call-stats .api-system-monitoring-body {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: var(--admin-table-layout-gap);
  overflow: hidden;
}

#api #call-stats .api-system-monitoring-tab-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#api #call-stats .monitoring-realtime-panel {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  height: 100%;
  overflow: hidden;
}

#api.section.active.api-monitoring-fit #call-stats > .api-system-monitoring-content-shell.api-system-monitoring-body,
#api.section.active.api-monitoring-fit #call-stats .api-system-monitoring-tab-panel,
#api.section.active.api-monitoring-fit #call-stats .monitoring-realtime-panel {
  flex: 1 1 auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

#api.section.active.api-monitoring-fit #call-stats > .api-system-monitoring-content-shell.api-system-monitoring-body {
  padding: 0 !important;
}

#api.section.active.api-monitoring-fit #call-stats .monitoring-stats-compact {
  flex: 0 0 auto;
  margin-bottom: 0;
}

#api #call-stats .monitoring-realtime-panel .monitoring-charts {
  display: grid;
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-rows: minmax(0, 1fr);
  align-items: stretch;
  align-content: stretch;
  margin-bottom: 0;
}

#api #call-stats .monitoring-realtime-panel .chart-card {
  display: flex;
  height: 100%;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

#api #call-stats .monitoring-realtime-panel .chart-card canvas {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: none;
}

#api.section.active.api-monitoring-fit #call-stats .monitoring-realtime-panel .monitoring-charts {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

#api.section.active.api-monitoring-fit #call-stats .monitoring-realtime-panel .chart-card {
  height: 100%;
}

.dispatch-center-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  row-gap: var(--admin-table-layout-gap);
  column-gap: 14px;
  margin-bottom: var(--admin-table-layout-gap);
}

.dispatch-center-stat-card {
  border: 1px solid rgba(16, 185, 129, 0.14);
  box-shadow: none;
}

.dispatch-center-stat-card--warning {
  border-color: rgba(245, 158, 11, 0.24);
}

.dispatch-center-stat-card--danger {
  border-color: rgba(239, 68, 68, 0.26);
}

.dispatch-center-overview-card {
  background: var(--admin-panel-surface);
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 16px;
  padding: 18px;
  box-shadow: none;
  overflow: visible;
}

.dispatch-center-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: var(--admin-table-layout-gap);
  column-gap: 16px;
  margin-bottom: var(--admin-table-layout-gap);
}

.dispatch-center-section-head--actions-only {
  justify-content: flex-end;
}

.dispatch-center-rules-section-head {
  align-items: center;
}

.dispatch-center-rules-category-shell {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
}

#dispatch-center .dispatch-center-rules-category-shell .dispatch-center-status-category-tabs {
  flex: 0 1 auto;
  width: auto;
}

#dispatch-center .dispatch-center-rules-section-head {
  padding: 8px 12px !important;
  margin-bottom: var(--admin-table-layout-gap);
  border: 1px solid var(--admin-panel-border-soft);
  border-radius: 18px;
  background: var(--admin-panel-header-surface);
  background-image: var(--admin-panel-header-image);
  box-shadow: none;
}

.dispatch-center-section-head h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--admin-panel-text-strong);
}

.dispatch-center-section-head p {
  margin: 6px 0 0;
  color: var(--admin-panel-text-muted);
  font-size: 13px;
}

.dispatch-center-badge {
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--wb-theme-success-soft);
  color: var(--wb-theme-success-text);
  border: 1px solid var(--wb-theme-success-border);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.dispatch-center-table-shell {
  overflow-x: auto;
  overflow-y: visible;
  position: relative;
  z-index: 20;
}

.dispatch-center-table,
.dispatch-center-rule-table {
  width: 100%;
  border-collapse: collapse;
}

.dispatch-center-table th:first-child,
.dispatch-center-table td:first-child,
.dispatch-center-rule-table th:first-child,
.dispatch-center-rule-table td:first-child {
  width: 140px;
  min-width: 140px;
}

.dispatch-center-table th,
.dispatch-center-table td,
.dispatch-center-rule-table th,
.dispatch-center-rule-table td {
  padding: 0 10px;
  border-bottom: 1px solid var(--admin-panel-border-soft);
  vertical-align: middle;
  text-align: center;
  line-height: var(--admin-table-cell-line-height, 20px);
  font-size: 13px;
}

.dispatch-center-table th,
.dispatch-center-rule-table th {
  vertical-align: middle;
}

.dispatch-center-table td > *,
.dispatch-center-rule-table td > * {
  margin-top: 0;
  margin-bottom: 0;
}

.dispatch-center-cell-title {
  font-weight: 700;
  color: var(--admin-panel-text-strong);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  white-space: nowrap;
}

.dispatch-center-cell-subtitle {
  margin-top: 4px;
  font-size: 12px;
  color: var(--admin-panel-text-muted);
  text-align: center;
}

.dispatch-center-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.dispatch-center-status--healthy {
  background: var(--wb-theme-success-soft);
  color: var(--wb-theme-success-text);
}

.dispatch-center-status--warning {
  background: var(--wb-theme-warning-soft);
  color: var(--wb-theme-warning-text);
}

.dispatch-center-status--danger {
  background: var(--wb-theme-danger-soft);
  color: var(--wb-theme-danger-text);
}

.dispatch-center-status--disabled {
  background: var(--wb-theme-info-soft);
  color: var(--wb-theme-info-text);
}

.dispatch-center-switch {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  color: var(--admin-panel-text-strong);
}

.dispatch-center-switch--table span {
  white-space: nowrap;
}

.dispatch-center-rule-input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-inline: 0;
  text-align: center;
  box-sizing: border-box;
}

#dispatch-center .dispatch-center-rule-table {
  table-layout: fixed;
}

#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table {
  margin-bottom: 0;
}

#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table th {
  height: var(--dispatch-center-rules-table-header-height, var(--admin-table-header-height));
  max-height: var(--dispatch-center-rules-table-header-height, var(--admin-table-header-height));
}

#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table tbody tr:not(.table-state-row):not(.admin-table-spacer-row),
#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table td,
#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table .admin-table-spacer-row,
#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table .admin-table-spacer-cell {
  height: var(--dispatch-center-rules-table-row-height, var(--admin-table-row-height));
  max-height: var(--dispatch-center-rules-table-row-height, var(--admin-table-row-height));
}

#dispatch-center.section.active.dispatch-center-fit #dispatchCenterTab-rules .dispatch-center-rule-table > tbody > .table-state-row--fill > .table-state-cell > .table-state-content--fill {
  --table-state-row-height: var(--dispatch-center-rules-table-row-height, var(--admin-table-row-height));
  min-height: var(--dispatch-center-rules-table-fixed-body-height, var(--admin-table-fixed-body-height));
}

#dispatch-center .dispatch-center-rule-table th:nth-child(2),
#dispatch-center .dispatch-center-rule-table td:nth-child(2) {
  width: 72px;
  min-width: 72px;
}

#dispatch-center .dispatch-center-rule-table th:nth-child(3),
#dispatch-center .dispatch-center-rule-table td:nth-child(3),
#dispatch-center .dispatch-center-rule-table th:nth-child(4),
#dispatch-center .dispatch-center-rule-table td:nth-child(4),
#dispatch-center .dispatch-center-rule-table th:nth-child(6),
#dispatch-center .dispatch-center-rule-table td:nth-child(6) {
  width: 128px;
  min-width: 128px;
}

#dispatch-center .dispatch-center-rule-table th:nth-child(5),
#dispatch-center .dispatch-center-rule-table td:nth-child(5) {
  width: 102px;
  min-width: 102px;
}

#dispatch-center .dispatch-center-rule-table th:nth-child(7),
#dispatch-center .dispatch-center-rule-table td:nth-child(7) {
  width: 140px;
  min-width: 140px;
}

#dispatch-center .dispatch-center-rule-table th:nth-child(8),
#dispatch-center .dispatch-center-rule-table td:nth-child(8) {
  width: 180px;
  min-width: 180px;
}

#dispatch-center .dispatch-center-rule-table td:nth-child(7) .dispatch-center-rule-input,
#dispatch-center .dispatch-center-rule-table td:nth-child(8) .dispatch-center-rule-input {
  width: 100%;
}

#dispatch-center .dispatch-center-rule-table td:nth-child(8) .dispatch-center-rule-input {
  text-align: left;
}

:root {
  --admin-table-layout-gap: 8px;
  --admin-section-shell-gap: var(--admin-table-layout-gap);
  --admin-section-inner-gap: var(--admin-table-layout-gap);
  --admin-section-shell-radius: 18px;
}

#applications .admin-section-layout-card,
#message-center .admin-section-layout-card,
#orders .admin-section-layout-card,
#member-users .member-management-users-card.admin-section-layout-card,
#levels .admin-section-layout-card,
#distribution .admin-section-layout-card,
#profile-center .admin-section-layout-card,
#database .admin-section-layout-card,
#dispatch-center .admin-section-layout-card,
#super-guard .admin-section-layout-card {
  display: flex;
  flex-direction: column;
  gap: var(--admin-section-shell-gap);
  width: 100%;
  min-width: 0;
  margin-bottom: 0;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0;
  background: var(--admin-panel-surface) !important;
  box-shadow: none !important;
}

#applications .admin-section-layout-card > .card-header,
#message-center .admin-section-layout-card > .card-header,
#orders .admin-section-layout-card > .card-header,
#member-users .member-management-users-card.admin-section-layout-card > .card-header,
#levels .admin-section-layout-card > .card-header,
#distribution .admin-section-layout-card > .card-header,
#profile-center .admin-section-layout-card > .card-header,
#database .admin-section-layout-card > .card-header,
#dispatch-center .admin-section-layout-card > .card-header,
#super-guard .admin-section-layout-card > .card-header {
  width: 100%;
  box-sizing: border-box;
  margin: 0 !important;
  border: 1px solid var(--admin-panel-border-soft) !important;
  border-radius: var(--admin-section-shell-radius);
  background: var(--admin-panel-header-surface) !important;
  background-image: var(--admin-panel-header-image) !important;
  box-shadow: none !important;
}

#applications .admin-section-layout-card > .card-body,
#message-center .admin-section-layout-card > .card-body,
#orders .admin-section-layout-card > .card-body,
#member-users .member-management-users-card.admin-section-layout-card > .card-body,
#levels .admin-section-layout-card > .card-body,
#distribution .admin-section-layout-card > .card-body,
#profile-center .admin-section-layout-card > .card-body,
#database .admin-section-layout-card > .card-body,
#dispatch-center .admin-section-layout-card > .card-body,
#super-guard .admin-section-layout-card > .card-body {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible;
}