/*
 * TungstenCloud Aurora 9.6.0
 * Final presentation layer for the original TungstenCloud theme.
 *
 * Goals:
 * - keep the existing TungstenCloud components and business templates;
 * - use one page canvas and one clear card level;
 * - make dense tables, tab bars and toolbars usable on narrow screens;
 * - avoid changing Vue bindings, requests or action semantics.
 */

html[theme="tungstencloud"] {
  --tc-r7-primary: #2874f0;
  --tc-r7-primary-hover: #1762d8;
  --tc-r7-navy: #18345f;
  --tc-r7-text: #1f2d3d;
  --tc-r7-muted: #6b778c;
  --tc-r7-bg: #f4f7fb;
  --tc-r7-card: #ffffff;
  --tc-r7-soft: #f7f9fc;
  --tc-r7-line: #dfe6ef;
  --tc-r7-line-soft: #edf1f6;
  --tc-r7-radius: 14px;
  --tc-r7-radius-sm: 10px;
  --tc-r7-shadow: 0 8px 24px rgba(31, 53, 82, 0.07);
  --tc-r7-shadow-hover: 0 12px 30px rgba(31, 53, 82, 0.11);
  --tc-r7-control-height: 40px;
  color-scheme: light;
}

html[theme="tungstencloud"],
html[theme="tungstencloud"] body {
  min-width: 0;
  background: var(--tc-r7-bg) !important;
  color: var(--tc-r7-text) !important;
}

html[theme="tungstencloud"] body {
  overflow-x: hidden;
  background-image: none !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[theme="tungstencloud"] *,
html[theme="tungstencloud"] *::before,
html[theme="tungstencloud"] *::after {
  box-sizing: border-box;
}

html[theme="tungstencloud"] .template,
html[theme="tungstencloud"] .template > .el-container,
html[theme="tungstencloud"] .template > .el-container > .el-container,
html[theme="tungstencloud"] .product,
html[theme="tungstencloud"] .goods,
html[theme="tungstencloud"] .el-main,
html[theme="tungstencloud"] .el-main > * {
  min-width: 0 !important;
  max-width: 100%;
}

html[theme="tungstencloud"] .el-main {
  padding: 28px !important;
  background: transparent !important;
  background-image: none !important;
}

/* Keep the original blue navigation, but remove layered decorative surfaces. */
html[theme="tungstencloud"] .tc-side-shell,
html[theme="tungstencloud"] .tc-mobile-drawer-panel {
  border-right: 0 !important;
  background: linear-gradient(180deg, #173e78 0%, #1765c3 100%) !important;
  box-shadow: 8px 0 24px rgba(24, 62, 120, 0.13) !important;
}

html[theme="tungstencloud"] .tc-side-shell::before,
html[theme="tungstencloud"] .tc-side-shell::after,
html[theme="tungstencloud"] .tc-mobile-drawer-panel::before,
html[theme="tungstencloud"] .tc-mobile-drawer-panel::after {
  display: none !important;
  content: none !important;
}

html[theme="tungstencloud"] .tc-side-head {
  border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[theme="tungstencloud"] .tc-console-brand {
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .tc-brand-mark {
  border: 1px solid rgba(255, 255, 255, 0.32) !important;
  border-radius: 10px !important;
  background: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .tc-console-menu .el-menu-item,
html[theme="tungstencloud"] .tc-console-menu .el-submenu__title {
  min-height: 44px !important;
  height: 44px !important;
  margin: 3px 0 !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  line-height: 42px !important;
}

html[theme="tungstencloud"] .tc-console-menu .el-menu-item:hover,
html[theme="tungstencloud"] .tc-console-menu .el-submenu__title:hover {
  border-color: rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.09) !important;
}

html[theme="tungstencloud"] .tc-console-menu .el-menu-item.is-active,
html[theme="tungstencloud"] .tc-console-menu .el-submenu.is-active > .el-submenu__title {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.16) !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .tc-console-menu .el-menu-item.is-active::before {
  width: 3px;
  height: 18px;
  margin-right: 8px;
  border-radius: 999px;
  background: #fff;
  box-shadow: none;
}

html[theme="tungstencloud"] .tc-nav-section-title {
  color: rgba(255, 255, 255, 0.55) !important;
  letter-spacing: 0.08em !important;
}

/* Header */
html[theme="tungstencloud"] .tc-console-header {
  border-bottom: 1px solid var(--tc-r7-line) !important;
  background: #fff !important;
  box-shadow: 0 3px 14px rgba(31, 53, 82, 0.045) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[theme="tungstencloud"] .tc-global-search .el-input__inner {
  border-color: var(--tc-r7-line) !important;
  border-radius: var(--tc-r7-radius-sm) !important;
  background: var(--tc-r7-soft) !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .tc-global-search .el-input__inner:focus {
  border-color: var(--tc-r7-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(40, 116, 240, 0.12) !important;
}

html[theme="tungstencloud"] .tc-header-action,
html[theme="tungstencloud"] .tc-account-trigger {
  min-width: 40px;
  min-height: 40px;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .tc-header-action:hover,
html[theme="tungstencloud"] .tc-account-trigger:hover {
  border-color: var(--tc-r7-line) !important;
  background: var(--tc-r7-soft) !important;
  box-shadow: none !important;
}

/* One outer card level. Nested panels stay quiet. */
html[theme="tungstencloud"] .el-main > .main-card,
html[theme="tungstencloud"] .el-main > .template > .main-card,
html[theme="tungstencloud"] .el-main > .product > .main-card,
html[theme="tungstencloud"] .el-main > * > .main-card,
html[theme="tungstencloud"] .el-main > * > .content-box,
html[theme="tungstencloud"] .el-main > * > .content_box {
  width: 100% !important;
  max-width: 1440px !important;
  min-width: 0 !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border: 1px solid var(--tc-r7-line) !important;
  border-radius: var(--tc-r7-radius) !important;
  background: var(--tc-r7-card) !important;
  box-shadow: var(--tc-r7-shadow) !important;
}

html[theme="tungstencloud"] .el-main .main-card .main-card,
html[theme="tungstencloud"] .el-main .main-card .content-box,
html[theme="tungstencloud"] .el-main .main-card .content_box,
html[theme="tungstencloud"] .el-main .content-box .el-card,
html[theme="tungstencloud"] .el-main .content_box .el-card,
html[theme="tungstencloud"] .el-main .main-card .el-card {
  border-color: var(--tc-r7-line-soft) !important;
  border-radius: var(--tc-r7-radius-sm) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .main-card-title,
html[theme="tungstencloud"] .main-title {
  min-height: 64px !important;
  padding: 0 24px !important;
  border-bottom: 1px solid var(--tc-r7-line-soft) !important;
  background: #fff !important;
  background-image: none !important;
  color: var(--tc-r7-text) !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

html[theme="tungstencloud"] .main-card-title::before,
html[theme="tungstencloud"] .main-card-title::after,
html[theme="tungstencloud"] .main-title::before,
html[theme="tungstencloud"] .main-title::after {
  display: none !important;
  content: none !important;
}

html[theme="tungstencloud"] .el-main .main-content-box,
html[theme="tungstencloud"] .el-main .main-card-table,
html[theme="tungstencloud"] .el-main .content-box,
html[theme="tungstencloud"] .el-main .content_box {
  min-width: 0 !important;
  max-width: 100% !important;
}

html[theme="tungstencloud"] .el-main .main-content-box,
html[theme="tungstencloud"] .el-main .main-card-table {
  padding: 22px !important;
}

/* Controls */
html[theme="tungstencloud"] .el-main .el-input__inner,
html[theme="tungstencloud"] .el-main .el-textarea__inner,
html[theme="tungstencloud"] .el-main .el-input-number,
html[theme="tungstencloud"] .el-main .el-date-editor,
html[theme="tungstencloud"] .el-main .el-cascader .el-input__inner {
  border-color: #d8e0eb !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .el-main .el-input:not(.el-input--mini):not(.el-input--small) .el-input__inner,
html[theme="tungstencloud"] .el-main .el-date-editor:not(.el-input--mini):not(.el-input--small),
html[theme="tungstencloud"] .el-main .el-button:not(.el-button--mini):not(.el-button--small) {
  min-height: var(--tc-r7-control-height) !important;
}

html[theme="tungstencloud"] .el-main .el-input__inner:hover,
html[theme="tungstencloud"] .el-main .el-textarea__inner:hover {
  border-color: #aebed2 !important;
}

html[theme="tungstencloud"] .el-main .el-input__inner:focus,
html[theme="tungstencloud"] .el-main .el-textarea__inner:focus,
html[theme="tungstencloud"] .el-main .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--tc-r7-primary) !important;
  box-shadow: 0 0 0 3px rgba(40, 116, 240, 0.11) !important;
}

html[theme="tungstencloud"] .el-main .el-button {
  border-radius: 8px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease !important;
}

html[theme="tungstencloud"] .el-main .el-button--primary {
  border-color: var(--tc-r7-primary) !important;
  background: var(--tc-r7-primary) !important;
  color: #fff !important;
}

html[theme="tungstencloud"] .el-main .el-button--primary:hover,
html[theme="tungstencloud"] .el-main .el-button--primary:focus {
  border-color: var(--tc-r7-primary-hover) !important;
  background: var(--tc-r7-primary-hover) !important;
  box-shadow: none !important;
  transform: none !important;
}

html[theme="tungstencloud"] .el-main .el-button--default {
  border-color: #d7e0eb !important;
  background: #fff !important;
  color: #45556d !important;
  box-shadow: none !important;
}

/* Tabs become a scrollable rail instead of being clipped. */
html[theme="tungstencloud"] .el-main .el-tabs__header {
  max-width: 100% !important;
  margin-bottom: 18px !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav-wrap {
  max-width: 100% !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--tc-r7-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav-wrap::after {
  display: none !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll {
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav {
  display: inline-flex !important;
  float: none !important;
  min-width: max-content;
  white-space: nowrap;
}

html[theme="tungstencloud"] .el-main .el-tabs__item {
  height: 46px !important;
  padding: 0 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--tc-r7-muted) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 46px !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__item.is-active,
html[theme="tungstencloud"] .el-main .el-tabs__item:hover {
  background: transparent !important;
  color: var(--tc-r7-primary) !important;
  box-shadow: inset 0 -2px 0 var(--tc-r7-primary) !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__active-bar {
  display: none !important;
}

/* Dense data stays inside one explicit horizontal scroll area. */
html[theme="tungstencloud"] .el-main .el-table {
  width: 100% !important;
  max-width: 100% !important;
  border: 1px solid var(--tc-r7-line) !important;
  border-radius: 10px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html[theme="tungstencloud"] .el-main .el-table__header-wrapper,
html[theme="tungstencloud"] .el-main .el-table__body-wrapper,
html[theme="tungstencloud"] .el-main .el-table__footer-wrapper {
  max-width: 100% !important;
}

html[theme="tungstencloud"] .el-main .el-table__body-wrapper {
  overflow-x: auto !important;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
  scrollbar-color: #b9c6d8 #eef2f7;
  -webkit-overflow-scrolling: touch;
}

html[theme="tungstencloud"] .el-main .el-table__body-wrapper::-webkit-scrollbar,
html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

html[theme="tungstencloud"] .el-main .el-table__body-wrapper::-webkit-scrollbar-track,
html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll::-webkit-scrollbar-track {
  background: #eef2f7;
}

html[theme="tungstencloud"] .el-main .el-table__body-wrapper::-webkit-scrollbar-thumb,
html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: #b9c6d8;
}

html[theme="tungstencloud"] .el-main .el-table th.el-table__cell {
  height: 48px !important;
  border-bottom-color: var(--tc-r7-line) !important;
  background: var(--tc-r7-soft) !important;
  color: #526176 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

html[theme="tungstencloud"] .el-main .el-table td.el-table__cell {
  min-height: 52px !important;
  border-bottom-color: var(--tc-r7-line-soft) !important;
  color: #3d4c61 !important;
}

html[theme="tungstencloud"] .el-main .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #f6f9fd !important;
}

html[theme="tungstencloud"] .el-main .el-table__empty-block {
  width: 100% !important;
  min-width: 100% !important;
}

/* Toolbars and pagination */
html[theme="tungstencloud"] .el-main :is(
  .main-card-search,
  .content_searchbar,
  .searchbar,
  .right-search,
  .filter-box,
  .operation-box,
  .btn-box,
  .action-box,
  .toolbar,
  .tool-bar
) {
  max-width: 100% !important;
  min-width: 0 !important;
  gap: 10px !important;
}

html[theme="tungstencloud"] .el-main .el-pagination {
  display: flex !important;
  max-width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  padding: 14px 0 0 !important;
  white-space: normal !important;
}

html[theme="tungstencloud"] .el-main .el-pagination > * {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html[theme="tungstencloud"] .el-main .el-pagination button,
html[theme="tungstencloud"] .el-main .el-pager li {
  min-width: 32px;
  min-height: 32px;
  border-radius: 7px !important;
}

/* Plugin pages receive one shell only; their own cards remain semantic sections. */
html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > div:not(.el-loading-mask):not(.tc-iframe-page),
html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > section:not(.el-loading-mask) {
  width: 100% !important;
  max-width: 1440px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 22px !important;
  border: 1px solid var(--tc-r7-line) !important;
  border-radius: var(--tc-r7-radius) !important;
  background: #fff !important;
  box-shadow: var(--tc-r7-shadow) !important;
  overflow: hidden !important;
}

html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > div .el-card,
html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > section .el-card,
html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > div .main-card,
html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > section .main-card {
  box-shadow: none !important;
}

html[theme="tungstencloud"][data-tc-page="source"] .el-main .top-back,
html[theme="tungstencloud"][data-tc-page="help-center"] .el-main .top-back {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html[theme="tungstencloud"][data-tc-page="product-transfer"] .el-main,
html[theme="tungstencloud"][data-tc-page="product-transfer"] .host-push-main {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html[theme="tungstencloud"] .tc-iframe-page,
html[theme="tungstencloud"] .tc-iframe-page iframe,
html[theme="tungstencloud"] .el-main iframe {
  width: 100% !important;
  max-width: 100% !important;
  border: 0 !important;
}

/* Home keeps its original content blocks without a card inside a card. */
html[theme="tungstencloud"][data-tc-page="home"] .el-main > * > .main-card,
html[theme="tungstencloud"] body.tc-home-page .el-main > * > .main-card {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

html[theme="tungstencloud"][data-tc-page="home"] .el-main .user-box,
html[theme="tungstencloud"][data-tc-page="home"] .el-main .financial-box,
html[theme="tungstencloud"][data-tc-page="home"] .el-main .product-list,
html[theme="tungstencloud"][data-tc-page="home"] .el-main .recommend-box,
html[theme="tungstencloud"][data-tc-page="home"] .el-main .ticket-box {
  border-color: var(--tc-r7-line) !important;
  border-radius: var(--tc-r7-radius) !important;
  background-color: #fff !important;
  box-shadow: var(--tc-r7-shadow) !important;
}

/* Dialogs remain usable without changing submission logic. */
html[theme="tungstencloud"] .el-dialog {
  max-width: calc(100vw - 32px) !important;
  border-radius: var(--tc-r7-radius) !important;
  overflow: hidden;
}

html[theme="tungstencloud"] .el-dialog__header {
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--tc-r7-line-soft);
}

html[theme="tungstencloud"] .el-dialog__body {
  max-height: min(72vh, 720px);
  padding: 20px !important;
  overflow: auto;
}

html[theme="tungstencloud"] .el-dialog__footer {
  padding: 14px 20px 18px !important;
  border-top: 1px solid var(--tc-r7-line-soft);
}

html[theme="tungstencloud"] :focus-visible {
  outline: 2px solid rgba(40, 116, 240, 0.72);
  outline-offset: 2px;
}

@media (max-width: 1180px) {
  html[theme="tungstencloud"] .el-main {
    padding: 22px !important;
  }

  html[theme="tungstencloud"] .el-main .main-content-box,
  html[theme="tungstencloud"] .el-main .main-card-table {
    padding: 18px !important;
  }

  html[theme="tungstencloud"] .el-main :is(
    .main-card-search,
    .content_searchbar,
    .searchbar,
    .right-search,
    .filter-box,
    .operation-box,
    .btn-box,
    .action-box,
    .toolbar,
    .tool-bar
  ) {
    flex-wrap: wrap !important;
  }
}

@media (max-width: 900px) {
  html[theme="tungstencloud"] .el-main {
    padding: 18px !important;
  }

  html[theme="tungstencloud"] .tc-action-label,
  html[theme="tungstencloud"] .tc-account-name,
  html[theme="tungstencloud"] .tc-search-shortcut {
    display: none !important;
  }
}

@media (max-width: 760px) {
  html[theme="tungstencloud"] {
    --tc-r7-radius: 12px;
    --tc-r7-radius-sm: 9px;
    --tc-r7-control-height: 44px;
  }

  html[theme="tungstencloud"] .el-main {
    width: 100% !important;
    padding: 14px !important;
    overflow-x: hidden !important;
  }

  html[theme="tungstencloud"] .el-main > .main-card,
  html[theme="tungstencloud"] .el-main > .template > .main-card,
  html[theme="tungstencloud"] .el-main > .product > .main-card,
  html[theme="tungstencloud"] .el-main > * > .main-card,
  html[theme="tungstencloud"] .el-main > * > .content-box,
  html[theme="tungstencloud"] .el-main > * > .content_box {
    max-width: 100% !important;
    border-radius: var(--tc-r7-radius) !important;
    box-shadow: none !important;
  }

  html[theme="tungstencloud"] .main-card-title,
  html[theme="tungstencloud"] .main-title {
    min-height: 54px !important;
    padding: 0 16px !important;
    font-size: 18px !important;
  }

  html[theme="tungstencloud"] .el-main .main-content-box,
  html[theme="tungstencloud"] .el-main .main-card-table,
  html[theme="tungstencloud"] .el-main .content-box,
  html[theme="tungstencloud"] .el-main .content_box {
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll {
    padding-bottom: 5px;
  }

  html[theme="tungstencloud"] .el-main .el-tabs__item {
    height: 44px !important;
    padding: 0 13px !important;
    line-height: 44px !important;
  }

  html[theme="tungstencloud"] .el-main :is(
    .main-card-search,
    .content_searchbar,
    .searchbar,
    .right-search,
    .filter-box,
    .operation-box,
    .btn-box,
    .action-box,
    .toolbar,
    .tool-bar
  ) {
    width: 100% !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
  }

  html[theme="tungstencloud"] .el-main :is(
    .main-card-search,
    .content_searchbar,
    .searchbar,
    .right-search,
    .filter-box,
    .operation-box,
    .toolbar,
    .tool-bar
  ) > :is(.el-input, .el-select, .el-cascader, .el-autocomplete, .el-date-editor) {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  html[theme="tungstencloud"] .el-main .el-button:not(.el-button--text) {
    min-height: 44px !important;
  }

  html[theme="tungstencloud"] .el-main .el-table__fixed,
  html[theme="tungstencloud"] .el-main .el-table__fixed-right {
    display: none !important;
  }

  html[theme="tungstencloud"] .el-main .el-table__body-wrapper {
    padding-bottom: 3px;
  }

  html[theme="tungstencloud"] .el-main .el-table th.el-table__cell,
  html[theme="tungstencloud"] .el-main .el-table td.el-table__cell {
    padding: 9px 0 !important;
  }

  html[theme="tungstencloud"] .el-main .el-pagination {
    justify-content: center;
    flex-wrap: wrap;
  }

  html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > div:not(.el-loading-mask):not(.tc-iframe-page),
  html[theme="tungstencloud"][data-tc-plugin="true"] .el-main > section:not(.el-loading-mask) {
    max-width: 100% !important;
    padding: 14px !important;
    border-radius: var(--tc-r7-radius) !important;
    box-shadow: none !important;
  }

  html[theme="tungstencloud"][data-tc-page="product-transfer"] .el-main,
  html[theme="tungstencloud"][data-tc-page="product-transfer"] .host-push-main {
    width: 100% !important;
    margin: 0 !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
  }

  html[theme="tungstencloud"] .el-form--label-left .el-form-item__label,
  html[theme="tungstencloud"] .el-form--label-right .el-form-item__label {
    max-width: 100%;
  }

  html[theme="tungstencloud"] .el-dialog {
    width: calc(100vw - 28px) !important;
    margin-top: max(14px, 4vh) !important;
  }

  html[theme="tungstencloud"] .el-dialog__header,
  html[theme="tungstencloud"] .el-dialog__body,
  html[theme="tungstencloud"] .el-dialog__footer {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html[theme="tungstencloud"] .el-message-box {
    width: calc(100vw - 28px) !important;
    max-width: 420px !important;
  }
}

/*
 * 9.6.0 live-account UI convergence
 *
 * Keep every route on the same page frame, activate the built-in mobile card
 * views for long data sets, and isolate third-party product-detail grids from
 * the unified one-column phone layout.  No form bindings or actions change.
 */
html[theme="tungstencloud"][data-tc-page="source"] .el-main .top-back,
html[theme="tungstencloud"][data-tc-page="help-center"] .el-main .top-back {
  display: none !important;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main.tc-iframe-host-main {
  padding:
    calc(var(--tc-topbar-height) + var(--tc-page-top-gap))
    var(--tc-page-gutter)
    var(--tc-page-bottom-gap) !important;
  overflow: visible !important;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main.tc-iframe-host-main > .tc-iframe-page {
  width: min(100%, var(--tc-page-max)) !important;
  max-width: var(--tc-page-max) !important;
  margin: 0 auto !important;
}

@media (min-width: 761px) {
  html[theme="tungstencloud"][data-tc-page="cart"] body .goods-list-div:has(> .shopping-item:only-child) {
    grid-template-columns: minmax(0, 520px) !important;
    justify-content: center !important;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] body .goods-list-div > .shopping-item:only-child {
    width: 100% !important;
    max-width: 520px !important;
    justify-self: center !important;
  }
}

html[theme="tungstencloud"][data-tc-page="ticket"] .tc-ticket-empty-block {
  display: none !important;
}

html[theme="tungstencloud"] .pt-pterodactyl-product .tc-pterodactyl-sync-state {
  width: auto !important;
  min-width: 0 !important;
  min-height: 30px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 0 10px !important;
  border: 1px solid #d8e5f7;
  border-radius: 999px;
  background: #f3f7fd;
  color: #55708f;
  font-size: 12px;
  font-weight: 650;
  line-height: 1;
}

html[theme="tungstencloud"] .pt-pterodactyl-product .tc-pterodactyl-sync-state img {
  display: none !important;
}

html[theme="tungstencloud"] .pt-pterodactyl-product .tc-pterodactyl-sync-state::before {
  content: "控制台同步";
}

@media (max-width: 760px) {
  html[theme="tungstencloud"][data-tc-page="product"] :is(.product-tab-list, .pve-list-tabs) {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 7px !important;
    padding: 8px 0 !important;
    overflow: visible !important;
  }

  html[theme="tungstencloud"][data-tc-page="product"] :is(.product-tab-list .pro-tab-item, .pve-list-tabs .pve-list-tab) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 7px 6px !important;
    justify-content: center !important;
    border-radius: 9px !important;
    font-size: 12.5px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    white-space: normal !important;
  }

  html[theme="tungstencloud"][data-tc-page="finance"] :is(
    .tc-finance-desktop-mobile-pair,
    .tc-finance-desktop-detail,
    .tc-finance-desktop-search
  ),
  html[theme="tungstencloud"][data-tc-page="account"] :is(
    .tc-account-log-desktop,
    .tc-account-log-desktop-search
  ) {
    display: none !important;
  }

  html[theme="tungstencloud"][data-tc-page="finance"] :is(
    .tc-finance-mobile-list,
    .tc-finance-mobile-detail
  ),
  html[theme="tungstencloud"][data-tc-page="account"] .tc-account-log-mobile {
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-searchbar {
    margin: 0 0 12px !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-search-input,
  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-search-input > input {
    height: 44px !important;
    border-radius: 10px !important;
    background: #f7f9fc !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-tabledata {
    min-width: 0 !important;
    display: grid !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-tabledata-item {
    min-width: 0 !important;
    padding: 14px !important;
    border: 1px solid var(--tc-ui-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-item-row {
    min-width: 0 !important;
    gap: 12px;
    margin: 0 !important;
    line-height: 1.55 !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-item-row1 {
    margin-bottom: 9px !important;
    color: #7b889b !important;
    font-size: 12.5px !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-item-row2 {
    align-items: flex-start !important;
    color: #26364d !important;
    font-size: 14px !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) :is(
    .mob-item-row2-name,
    .row2-name-text,
    .child-row-name
  ) {
    min-width: 0 !important;
    max-width: none !important;
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    text-align: left !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail, .tc-account-log-mobile) .mob-item-row3 {
    margin-top: 10px !important;
    padding-top: 10px;
    border-top: 1px solid var(--tc-ui-line-soft);
    color: #7b889b !important;
    font-size: 12.5px !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail) .mob-item-row-child {
    min-width: 0;
    margin: 10px -4px 0;
    padding: 4px 10px;
    border-radius: 9px;
    background: #f6f9fd !important;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail) .child-row {
    min-width: 0;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 12px;
    margin: 0 !important;
    padding: 8px 0;
    border-bottom: 1px solid #e8eef5;
  }

  html[theme="tungstencloud"] :is(.tc-finance-mobile-list, .tc-finance-mobile-detail) .child-row:last-child {
    border-bottom: 0;
  }

  html[theme="tungstencloud"][data-tc-page="finance"] .balance-searchbar {
    align-items: stretch !important;
  }

  html[theme="tungstencloud"][data-tc-page="finance"] .balance-searchbar > .box {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  html[theme="tungstencloud"][data-tc-page="finance"] .balance-searchbar > .box > :is(.el-date-editor, .el-select, .el-input) {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html[theme="tungstencloud"] .pt-pterodactyl-product .finance-info > .box {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[theme="tungstencloud"] .pt-pterodactyl-product .finance-info > .box > .item {
    width: 100% !important;
    min-width: 0 !important;
    grid-column: auto !important;
    grid-row: auto !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }
}

@media (max-width: 480px) {
  html[theme="tungstencloud"] .el-main {
    padding: 12px !important;
  }

  html[theme="tungstencloud"] .tc-console-header {
    padding-right: 10px !important;
    padding-left: 10px !important;
  }

  html[theme="tungstencloud"] .tc-header-actions {
    gap: 2px !important;
  }

  html[theme="tungstencloud"] .tc-header-action,
  html[theme="tungstencloud"] .tc-account-trigger,
  html[theme="tungstencloud"] .tc-mobile-menu-trigger {
    min-width: 44px !important;
    min-height: 44px !important;
  }

  html[theme="tungstencloud"] .el-main .el-pagination .el-pagination__sizes,
  html[theme="tungstencloud"] .el-main .el-pagination .el-pagination__jump {
    display: none !important;
  }

  html[theme="tungstencloud"] .el-main .el-tabs__item {
    padding: 0 12px !important;
    font-size: 13px !important;
  }
}

/*
 * 9.4.0 visual rhythm
 * Keep TungstenCloud's original blue identity while making page hierarchy,
 * density and component proportions consistent across every business page.
 */
:root[theme="tungstencloud"] {
  --tc-ui-primary: #246bfd;
  --tc-ui-primary-hover: #1559dc;
  --tc-ui-primary-soft: #edf4ff;
  --tc-ui-text: #182230;
  --tc-ui-text-secondary: #526176;
  --tc-ui-muted: #8491a3;
  --tc-ui-canvas: #f4f7fb;
  --tc-ui-surface: #ffffff;
  --tc-ui-surface-soft: #f8fafc;
  --tc-ui-line: #dfe7f0;
  --tc-ui-line-soft: #edf2f7;
  --tc-ui-content-max: 1680px;
  --tc-ui-card-radius: 16px;
  --tc-ui-control-radius: 10px;
  --tc-ui-card-shadow: 0 1px 2px rgba(15, 23, 42, 0.025), 0 10px 28px rgba(31, 53, 82, 0.055);
  --tc-ui-card-shadow-hover: 0 2px 5px rgba(15, 23, 42, 0.035), 0 14px 34px rgba(31, 53, 82, 0.075);
  --tc-radius: var(--tc-ui-card-radius);
  --tc-suite-radius: var(--tc-ui-card-radius);
  --tc-r7-radius: var(--tc-ui-card-radius);
  --tc-shadow: var(--tc-ui-card-shadow);
  --tc-suite-shadow: var(--tc-ui-card-shadow);
  --tc-r7-shadow: var(--tc-ui-card-shadow);
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main {
  color: var(--tc-ui-text) !important;
  font-size: 14px !important;
  line-height: 1.55;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > :not(.el-loading-mask),
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main :is(
  .main-card,
  .content-box,
  .content_box,
  .tc-ui-page-root,
  .tc-page-refresh-root,
  .config-box
) {
  font-size: 14px !important;
  line-height: 1.55;
}

/* Navigation and top bar share the same density as the content canvas. */
html[theme="tungstencloud"] .tc-console-menu .el-menu-item,
html[theme="tungstencloud"] .tc-console-menu .el-submenu__title {
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .tc-global-search .el-input__inner {
  border-color: var(--tc-ui-line) !important;
  background: #f8fafc !important;
  color: var(--tc-ui-text) !important;
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .tc-header-action,
html[theme="tungstencloud"] .tc-account-trigger,
html[theme="tungstencloud"] .tc-action-label,
html[theme="tungstencloud"] .tc-account-name {
  font-size: 13px !important;
}

/* One consistent outer surface on ordinary business pages. */
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .template > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .product > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content-box,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content_box,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .tc-ui-page-root > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .tc-page-refresh-root > .main-card {
  border: 1px solid var(--tc-ui-line) !important;
  border-radius: var(--tc-ui-card-radius) !important;
  background: var(--tc-ui-surface) !important;
  box-shadow: var(--tc-ui-card-shadow) !important;
  overflow: hidden !important;
}

html[theme="tungstencloud"] .main-card-title,
html[theme="tungstencloud"] .main-title {
  position: relative !important;
  min-height: 62px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 0 22px !important;
  border-bottom: 1px solid var(--tc-ui-line-soft) !important;
  border-radius: var(--tc-ui-card-radius) var(--tc-ui-card-radius) 0 0 !important;
  color: var(--tc-ui-text) !important;
  font-size: 20px !important;
  font-weight: 720 !important;
  letter-spacing: -0.015em;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-card-title,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-title {
  min-height: 62px !important;
  padding: 0 22px !important;
  color: var(--tc-ui-text) !important;
  font-size: 20px !important;
  font-weight: 720 !important;
}

html[theme="tungstencloud"] .main-card-title::before,
html[theme="tungstencloud"] .main-title::before {
  width: 3px !important;
  height: 18px !important;
  flex: 0 0 3px !important;
  display: block !important;
  content: "" !important;
  border-radius: 999px !important;
  background: var(--tc-ui-primary) !important;
  box-shadow: none !important;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-card-title::before,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-title::before {
  width: 3px !important;
  height: 18px !important;
  flex: 0 0 3px !important;
  display: block !important;
  content: "" !important;
  border-radius: 999px !important;
  background: var(--tc-ui-primary) !important;
}

html[theme="tungstencloud"] .main-card-title::after,
html[theme="tungstencloud"] .main-title::after {
  display: none !important;
  content: none !important;
}

/* Forms and actions use a shared 40px desktop rhythm. */
html[theme="tungstencloud"] .el-main .el-input__inner,
html[theme="tungstencloud"] .el-main .el-textarea__inner,
html[theme="tungstencloud"] .el-main .el-input-number,
html[theme="tungstencloud"] .el-main .el-date-editor,
html[theme="tungstencloud"] .el-main .el-cascader .el-input__inner {
  border-color: #d7e0eb !important;
  border-radius: var(--tc-ui-control-radius) !important;
  background: #fbfcfe !important;
  color: #334155 !important;
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .el-main .el-input__inner:hover,
html[theme="tungstencloud"] .el-main .el-textarea__inner:hover {
  border-color: #aebed2 !important;
  background: #fff !important;
}

html[theme="tungstencloud"] .el-main .el-input__inner:focus,
html[theme="tungstencloud"] .el-main .el-textarea__inner:focus,
html[theme="tungstencloud"] .el-main .el-select .el-input.is-focus .el-input__inner {
  border-color: var(--tc-ui-primary) !important;
  background: #fff !important;
  box-shadow: 0 0 0 3px rgba(36, 107, 253, 0.11) !important;
}

html[theme="tungstencloud"] .el-main .el-button {
  border-radius: var(--tc-ui-control-radius) !important;
  font-size: 13.5px !important;
  font-weight: 650 !important;
}

html[theme="tungstencloud"] .el-main .el-button--primary:not(.is-plain) {
  border-color: var(--tc-ui-primary) !important;
  background: var(--tc-ui-primary) !important;
  box-shadow: 0 4px 12px rgba(36, 107, 253, 0.17) !important;
}

html[theme="tungstencloud"] .el-main .el-button--primary:not(.is-plain):hover,
html[theme="tungstencloud"] .el-main .el-button--primary:not(.is-plain):focus {
  border-color: var(--tc-ui-primary-hover) !important;
  background: var(--tc-ui-primary-hover) !important;
  box-shadow: 0 6px 16px rgba(36, 107, 253, 0.2) !important;
}

html[theme="tungstencloud"] .el-main .el-button--primary.is-plain {
  border-color: #bfd3ff !important;
  background: var(--tc-ui-primary-soft) !important;
  color: #1e62e7 !important;
}

html[theme="tungstencloud"] .el-main :is(.el-form-item__label, .el-checkbox__label, .el-radio__label) {
  color: var(--tc-ui-text-secondary) !important;
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .el-main .el-tag {
  border-radius: 999px !important;
  font-weight: 600;
}

/* Tabs and tables keep dense data readable without looking cramped. */
html[theme="tungstencloud"] .el-main .el-tabs__header {
  margin-bottom: 20px !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__item {
  height: 48px !important;
  padding: 0 17px !important;
  color: #66758a !important;
  font-size: 14px !important;
  line-height: 48px !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__item.is-active,
html[theme="tungstencloud"] .el-main .el-tabs__item:hover {
  color: var(--tc-ui-primary) !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll,
html[theme="tungstencloud"][data-tc-page="product"] .product-tab-list {
  scrollbar-width: none !important;
}

html[theme="tungstencloud"] .el-main .el-tabs__nav-scroll::-webkit-scrollbar,
html[theme="tungstencloud"][data-tc-page="product"] .product-tab-list::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html[theme="tungstencloud"] .el-main .el-table {
  border-color: var(--tc-ui-line) !important;
  border-radius: 12px !important;
  color: #425168 !important;
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .el-main .el-table th.el-table__cell {
  height: 50px !important;
  background: #f7f9fc !important;
  color: #526176 !important;
  font-size: 13px !important;
  letter-spacing: 0.01em;
}

html[theme="tungstencloud"] .el-main .el-table td.el-table__cell {
  height: 54px !important;
  color: #425168 !important;
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .el-main .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #f5f8fd !important;
}

html[theme="tungstencloud"] .el-main :is(
  .el-table__body-wrapper,
  .tc-product-table-wrap,
  .table-content,
  .tc-table-wrap
) {
  scrollbar-width: thin !important;
  scrollbar-color: #c7d2e0 transparent !important;
}

html[theme="tungstencloud"] .el-main :is(
  .el-table__body-wrapper,
  .tc-product-table-wrap,
  .table-content,
  .tc-table-wrap
)::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
}

html[theme="tungstencloud"] .el-main :is(
  .el-table__body-wrapper,
  .tc-product-table-wrap,
  .table-content,
  .tc-table-wrap
)::-webkit-scrollbar-track {
  background: transparent !important;
}

html[theme="tungstencloud"] .el-main :is(
  .el-table__body-wrapper,
  .tc-product-table-wrap,
  .table-content,
  .tc-table-wrap
)::-webkit-scrollbar-thumb {
  border-radius: 999px !important;
  background: #c7d2e0 !important;
}

html[theme="tungstencloud"] .el-main :is(
  .el-table__body-wrapper,
  .tc-product-table-wrap,
  .table-content,
  .tc-table-wrap
)::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

html[theme="tungstencloud"] .el-main .el-pagination .el-pager li.active {
  background: var(--tc-ui-primary) !important;
  color: #fff !important;
}

html[theme="tungstencloud"] .el-main .el-pagination,
html[theme="tungstencloud"] .el-main .el-empty__description,
html[theme="tungstencloud"] .el-main .el-table__empty-text {
  font-size: 13.5px !important;
}

html[theme="tungstencloud"] .el-main :is(
  .main-card-search,
  .content_searchbar,
  .searchbar,
  .right-search,
  .filter-box,
  .operation-box,
  .toolbar,
  .tool-bar
) {
  gap: 12px !important;
  font-size: 14px !important;
}

/* Home: preserve the original hero, then balance the content rail at scale. */
html[theme="tungstencloud"] body.tc-home-page .tc-hero {
  border-radius: 20px !important;
  box-shadow: 0 16px 38px rgba(20, 73, 158, 0.16) !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-layout {
  grid-template-columns: minmax(0, 1fr) clamp(320px, 23vw, 400px) !important;
  gap: 20px !important;
  margin-top: 20px !important;
}

html[theme="tungstencloud"] body.tc-home-page :is(.tc-layout__main, .tc-layout__side) {
  gap: 20px !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-finance-grid {
  gap: 16px !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-balance-panel {
  width: clamp(320px, 23vw, 400px) !important;
  border-radius: 18px !important;
}

html[theme="tungstencloud"] body.tc-home-page :is(
  .tc-card,
  .tc-stat-card,
  .tc-ticket-card,
  .tc-news-card
) {
  border: 1px solid var(--tc-ui-line) !important;
  border-radius: var(--tc-ui-card-radius) !important;
  background: #fff !important;
  box-shadow: var(--tc-ui-card-shadow) !important;
}

html[theme="tungstencloud"] body.tc-home-page :is(.tc-referral, .tc-balance-panel) {
  box-shadow: var(--tc-ui-card-shadow) !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-card__header {
  min-height: 56px !important;
  padding: 13px 18px !important;
  border-bottom: 1px solid var(--tc-ui-line-soft) !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-card__header h2 {
  color: var(--tc-ui-text) !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-card__kicker {
  color: #8b98aa !important;
  font-size: 9.5px !important;
  letter-spacing: 0.09em !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-contact-item {
  border: 1px solid #edf2f7 !important;
  border-radius: 12px !important;
  background: #f8fafc !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-stat-card {
  min-height: 48px !important;
  padding: 10px 14px !important;
  border-radius: 12px !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

html[theme="tungstencloud"] body.tc-home-page .tc-stat-card:hover {
  border-color: #c9d8eb !important;
  box-shadow: var(--tc-ui-card-shadow-hover) !important;
  transform: translateY(-1px);
}

html[theme="tungstencloud"] body.tc-home-page :is(.tc-ticket-item, .tc-news-item) {
  border-bottom-color: var(--tc-ui-line-soft) !important;
}

html[theme="tungstencloud"] body.tc-home-page :is(.tc-ticket-item, .tc-news-item):hover {
  background: #f7faff !important;
}

/* Cart catalogue cards use centered, bounded columns instead of a tiny left rail. */
html[theme="tungstencloud"][data-tc-page="cart"] .tc-goods-search-stage {
  padding: 20px !important;
  border-color: var(--tc-ui-line) !important;
  border-radius: var(--tc-ui-card-radius) !important;
  background: #fafcff !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .goods-list-div {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  justify-content: center !important;
  align-items: stretch !important;
  gap: 20px !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item {
  width: 100% !important;
  max-width: 520px !important;
  justify-self: center !important;
  border-color: var(--tc-ui-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
  font-size: 14px !important;
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item:hover {
  border-color: #c5d7ef !important;
  box-shadow: var(--tc-ui-card-shadow-hover) !important;
  transform: translateY(-2px);
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .goods-description {
  min-height: 0 !important;
  max-height: 320px !important;
  flex: 1 1 auto !important;
  margin: 14px -18px 0 !important;
  padding: 14px 18px !important;
  border-top: 1px solid var(--tc-ui-line-soft) !important;
  border-bottom: 1px solid var(--tc-ui-line-soft) !important;
  background: #f8fafc !important;
  color: #4b5b70 !important;
  line-height: 1.65 !important;
  overflow: auto !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .goods-content {
  padding: 18px !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .goods-name {
  margin: 0 !important;
  font-size: 17px !important;
  line-height: 1.45 !important;
}

html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .price-box {
  margin-top: auto !important;
  padding-top: 16px !important;
}

/* Product modules fail gracefully inside a deliberate, readable state panel. */
html[theme="tungstencloud"][data-tc-page="product"] .tc-product-shell > .content {
  min-height: clamp(280px, 38vh, 520px) !important;
}

html[theme="tungstencloud"] .tc-product-error {
  width: min(100%, 680px);
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  align-items: center;
  gap: 4px 16px;
  margin: clamp(24px, 5vh, 64px) auto;
  padding: 26px 28px;
  border: 1px solid #f2d7d7;
  border-radius: 14px;
  background: #fffafa;
  color: var(--tc-ui-text);
  box-shadow: 0 10px 28px rgba(123, 38, 38, 0.055);
}

html[theme="tungstencloud"] .tc-product-error > span {
  grid-row: 1 / span 2;
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #fff0f0;
  color: #cf3f45;
  font-size: 22px;
  font-weight: 800;
}

html[theme="tungstencloud"] .tc-product-error > strong {
  color: #273244;
  font-size: 16px;
  line-height: 1.45;
}

html[theme="tungstencloud"] .tc-product-error > p {
  margin: 0;
  color: #6b778b;
  font-size: 13.5px;
  line-height: 1.65;
}

/* Plugin roots use the same shell without adding another visual layer. */
html[theme="tungstencloud"][data-tc-plugin="true"] body:not(.tc-auth-page) .el-main > div:not(.el-loading-mask):not(.tc-iframe-page),
html[theme="tungstencloud"][data-tc-plugin="true"] body:not(.tc-auth-page) .el-main > section:not(.el-loading-mask) {
  border-color: var(--tc-ui-line) !important;
  border-radius: var(--tc-ui-card-radius) !important;
  box-shadow: var(--tc-ui-card-shadow) !important;
}

@media (max-width: 1180px) {
  html[theme="tungstencloud"] body.tc-home-page .tc-layout {
    grid-template-columns: 1fr !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-layout__side {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-stat-grid {
    grid-column: 1 / -1 !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  html[theme="tungstencloud"] .main-card-title,
  html[theme="tungstencloud"] .main-title {
    min-height: 56px !important;
    gap: 9px !important;
    padding: 0 16px !important;
    border-radius: 13px 13px 0 0 !important;
    font-size: 18px !important;
  }

  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-card-title,
  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-title {
    min-height: 56px !important;
    padding: 0 16px !important;
    font-size: 18px !important;
  }

  html[theme="tungstencloud"] .main-card-title::before,
  html[theme="tungstencloud"] .main-title::before {
    height: 16px !important;
  }

  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-card-title::before,
  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main .main-title::before {
    height: 16px !important;
  }

  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .main-card,
  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .main-card,
  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content-box,
  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content_box {
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
  }

  html[theme="tungstencloud"] .el-main .el-tabs__item {
    height: 44px !important;
    padding: 0 13px !important;
    line-height: 44px !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-hero {
    border-radius: 16px !important;
    box-shadow: 0 10px 26px rgba(20, 73, 158, 0.14) !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-layout {
    gap: 14px !important;
    margin-top: 14px !important;
  }

  html[theme="tungstencloud"] body.tc-home-page :is(.tc-layout__main, .tc-layout__side) {
    gap: 14px !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-layout__side {
    display: flex !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-stat-grid {
    grid-template-columns: 1fr !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-balance-panel {
    width: auto !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-hero__actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-hero__actions > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  html[theme="tungstencloud"] body.tc-home-page .tc-hero__actions > :last-child:nth-child(odd) {
    grid-column: 1 / -1;
  }

  html[theme="tungstencloud"] body.tc-home-page :is(.tc-card, .tc-stat-card, .tc-ticket-card, .tc-news-card) {
    border-radius: 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.025) !important;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] .goods-list-div {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item {
    max-width: none !important;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .goods-content {
    padding: 16px !important;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item .goods-description {
    max-height: 260px !important;
    margin-right: -16px !important;
    margin-left: -16px !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  html[theme="tungstencloud"] .tc-product-error {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 4px 12px;
    margin: 18px auto;
    padding: 20px 18px;
  }

  html[theme="tungstencloud"] .tc-product-error > span {
    width: 42px;
    height: 42px;
    border-radius: 11px;
    font-size: 19px;
  }

  html[theme="tungstencloud"][data-tc-page="cart"] .shopping-item:hover,
  html[theme="tungstencloud"] body.tc-home-page .tc-stat-card:hover {
    transform: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[theme="tungstencloud"] *,
  html[theme="tungstencloud"] *::before,
  html[theme="tungstencloud"] *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/*
 * 9.4.0 shell geometry
 *
 * The console header is fixed.  Every authenticated page must therefore
 * reserve the same header offset, and every first-level page root must use
 * the same available canvas.  Keep these rules last: several legacy page
 * bundles otherwise replace the header offset with a plain 12-28px padding
 * or impose different 1400/1440/1480px caps.
 */
html[theme="tungstencloud"] {
  --tc-page-max: var(--tc-ui-content-max, 1680px);
  --tc-page-gutter: clamp(16px, 1.45vw, 30px);
  --tc-page-top-gap: clamp(16px, 1.2vw, 24px);
  --tc-page-bottom-gap: clamp(28px, 2vw, 44px);
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  padding:
    calc(var(--tc-topbar-height) + var(--tc-page-top-gap))
    var(--tc-page-gutter)
    var(--tc-page-bottom-gap) !important;
  overflow-x: hidden !important;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > :not(.el-loading-mask) {
  width: min(100%, var(--tc-page-max)) !important;
  min-width: 0 !important;
  max-width: var(--tc-page-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .template > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > .product > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .main-card,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content-box,
html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main > * > .content_box,
html[theme="tungstencloud"] body.tc-home-page .el-main .tc-dashboard,
html[theme="tungstencloud"] body.tc-home-page .el-main .tc-home-shell {
  width: min(100%, var(--tc-page-max)) !important;
  min-width: 0 !important;
  max-width: var(--tc-page-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

html[theme="tungstencloud"][data-tc-plugin="true"] body:not(.tc-auth-page) .el-main > div:not(.el-loading-mask):not(.tc-iframe-page),
html[theme="tungstencloud"][data-tc-plugin="true"] body:not(.tc-auth-page) .el-main > section:not(.el-loading-mask) {
  width: min(100%, var(--tc-page-max)) !important;
  min-width: 0 !important;
  max-width: var(--tc-page-max) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

@media (max-width: 760px) {
  html[theme="tungstencloud"] {
    --tc-page-gutter: 14px;
    --tc-page-top-gap: 12px;
    --tc-page-bottom-gap: 24px;
  }

  html[theme="tungstencloud"] body:not(.tc-auth-page) .el-main {
    padding:
      calc(var(--tc-topbar-height) + var(--tc-page-top-gap))
      var(--tc-page-gutter)
      var(--tc-page-bottom-gap) !important;
  }
}

@media (max-width: 480px) {
  html[theme="tungstencloud"] {
    --tc-page-gutter: 12px;
    --tc-page-top-gap: 10px;
    --tc-page-bottom-gap: 20px;
  }
}

/*
 * 9.5.0 feedback and task-flow polish
 *
 * Normalize the quiet states that appear across security, finance, tickets
 * and plugin tables.  These rules only affect presentation: messages,
 * button handlers, validation and request payloads remain untouched.
 */
html[theme="tungstencloud"] .el-main .el-table__empty-block {
  min-height: 156px !important;
  background: linear-gradient(180deg, rgba(248, 250, 253, 0.34), rgba(255, 255, 255, 0)) !important;
}

html[theme="tungstencloud"] .el-main .el-table__empty-text {
  width: min(100%, 320px) !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #7b889b !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  text-align: center;
}

html[theme="tungstencloud"] .el-main .el-table__empty-text::before {
  content: "—";
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e1e8f1;
  border-radius: 12px;
  background: #f5f8fc;
  color: #9aa8ba;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

html[theme="tungstencloud"] .el-main .el-empty {
  padding: 34px 16px !important;
}

html[theme="tungstencloud"] .el-main .el-empty__image {
  width: 76px !important;
  max-width: 22vw;
  opacity: 0.74;
}

html[theme="tungstencloud"] .el-main .el-empty__description {
  margin-top: 12px !important;
  color: #7b889b !important;
  line-height: 1.55 !important;
}

html[theme="tungstencloud"] .el-loading-mask {
  background-color: rgba(255, 255, 255, 0.84) !important;
  backdrop-filter: blur(1px);
}

html[theme="tungstencloud"] .el-loading-spinner .circular {
  width: 32px !important;
  height: 32px !important;
}

html[theme="tungstencloud"] .el-loading-spinner .path {
  stroke: var(--tc-ui-primary, #2874f0) !important;
  stroke-width: 3 !important;
}

html[theme="tungstencloud"] .el-loading-spinner .el-loading-text {
  margin-top: 10px !important;
  color: #64748b !important;
  font-size: 13px !important;
}

html[theme="tungstencloud"] .el-main .el-alert {
  min-height: 44px;
  padding: 11px 14px !important;
  border: 1px solid transparent;
  border-radius: 11px !important;
  align-items: flex-start;
}

html[theme="tungstencloud"] .el-main .el-alert--info.is-light {
  border-color: #d9e8fb;
  background: #f4f8fe !important;
}

html[theme="tungstencloud"] .el-main .el-alert--success.is-light {
  border-color: #cfeadd;
  background: #f2fbf7 !important;
}

html[theme="tungstencloud"] .el-main .el-alert--warning.is-light {
  border-color: #f1dfb7;
  background: #fffaf0 !important;
}

html[theme="tungstencloud"] .el-main .el-alert--error.is-light {
  border-color: #f1d2d2;
  background: #fff6f6 !important;
}

html[theme="tungstencloud"] .el-main .el-alert__title {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  line-height: 1.55 !important;
}

html[theme="tungstencloud"] .el-main .el-alert__description {
  margin-top: 4px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}

/* Standard dialogs use a compact header and an anchored action row. */
html[theme="tungstencloud"] .el-dialog {
  border: 1px solid rgba(220, 228, 238, 0.9) !important;
  box-shadow: 0 24px 64px rgba(19, 36, 61, 0.18) !important;
}

html[theme="tungstencloud"] .el-dialog__header {
  min-height: 58px;
  padding: 18px 20px 16px !important;
}

html[theme="tungstencloud"] .el-dialog__title,
html[theme="tungstencloud"] .el-dialog__header > strong {
  color: #253247 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
}

html[theme="tungstencloud"] .el-dialog__headerbtn {
  top: 18px !important;
  right: 18px !important;
  width: 28px;
  height: 28px;
  border-radius: 8px;
}

html[theme="tungstencloud"] .el-dialog__headerbtn:hover {
  background: #f2f5f9;
}

html[theme="tungstencloud"] .el-dialog__footer,
html[theme="tungstencloud"] .el-dialog :is(.dialog-footer, .dialog-fotter, .form-footer) {
  gap: 10px !important;
}

html[theme="tungstencloud"] .el-dialog__footer .el-button,
html[theme="tungstencloud"] .el-dialog :is(.dialog-footer, .dialog-fotter, .form-footer) .el-button {
  min-width: 92px;
  min-height: 40px;
  margin-left: 0 !important;
  border-radius: 9px !important;
}

/* Legacy security dialogs carried rem-sized labels and rigid one-line keys. */
html[theme="tungstencloud"] .el-dialog .dialog-main {
  min-width: 0;
  margin-top: 0 !important;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .label {
  margin: 18px 0 8px !important;
  color: #344258 !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .label:first-child {
  margin-top: 0 !important;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg {
  min-width: 0;
  margin: 12px 0 18px !important;
  padding: 4px 16px !important;
  border: 1px solid #e1e7ef !important;
  border-radius: 11px !important;
  background: #f8fafc !important;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .msg-item {
  min-width: 0;
  display: grid !important;
  grid-template-columns: minmax(80px, auto) minmax(0, 1fr) auto;
  align-items: start !important;
  gap: 8px 14px;
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #e7edf4;
  color: #4c5b70 !important;
  line-height: 1.55;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .msg-item:last-child {
  margin-bottom: 0 !important;
  border-bottom: 0;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .item-label {
  width: auto !important;
  margin: 0 !important;
  color: #7a8799 !important;
  font-size: 13px !important;
  white-space: nowrap;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg :is(.item-vlaue, .item-value, .qa-value) {
  min-width: 0;
  padding: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  overflow-wrap: anywhere;
  word-break: break-word;
}

html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .copy {
  position: static !important;
  align-self: start;
  white-space: nowrap;
}

html[theme="tungstencloud"] .el-main .el-form-item__error {
  position: static !important;
  padding-top: 6px !important;
  color: #d6454d !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
}

html[theme="tungstencloud"] .el-main .el-form-item.is-error :is(.el-input__inner, .el-textarea__inner) {
  border-color: #df636a !important;
}

html[theme="tungstencloud"] .el-main .el-form-item.is-error :is(.el-input__inner, .el-textarea__inner):focus {
  border-color: #d6454d !important;
  box-shadow: 0 0 0 3px rgba(214, 69, 77, 0.1) !important;
}

@media (max-width: 760px) {
  html[theme="tungstencloud"] .el-main .el-table__empty-block {
    min-height: 132px !important;
  }

  html[theme="tungstencloud"] .el-dialog__header {
    min-height: 54px;
    padding: 16px 17px 14px !important;
  }

  html[theme="tungstencloud"] .el-dialog__body {
    padding: 18px 17px !important;
  }

  html[theme="tungstencloud"] .el-dialog__footer {
    padding: 12px 17px 17px !important;
  }

  html[theme="tungstencloud"] .el-dialog :is(.dialog-footer, .dialog-fotter, .form-footer) {
    width: 100%;
  }

  html[theme="tungstencloud"] .el-dialog :is(.dialog-footer, .dialog-fotter, .form-footer) .el-button {
    flex: 1 1 0;
  }

  html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .msg-item {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  html[theme="tungstencloud"] .el-dialog .dialog-main > .content-msg .item-label {
    grid-column: 1 / -1;
  }
}