/*
 * V10 BIZ universal renderer ownership layer.
 * Loaded after common and page companions. It owns visual geometry only;
 * Core/Addon/Server data, permissions and write handlers remain native.
 */

html[data-v10-theme="v10_biz"] {
  --v10-owned-control-height: 36px;
}

/* A route has one title. Section headings do not create a second blue rail. */
html[data-v10-theme="v10_biz"] .console-page-titlebar h1::after {
  display: none !important;
}

html[data-v10-theme="v10_biz"] .main-card-title {
  border-bottom-color: var(--v10-border, #e1e6f0) !important;
  background: #fff !important;
  box-shadow: none !important;
}

html[data-v10-theme="v10_biz"] .main-card-title.v10-duplicate-route-title {
  display: none !important;
}

/* Security route swaps stay atomic: raw companion markup is never exposed. */
html[data-v10-theme="v10_biz"] .v10-security-global-cover {
  position: fixed;
  z-index: 10020;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--v10-text, #4e5969);
  background: var(--v10-bg, #f1f3fb);
  font-size: 14px;
  gap: 10px;
}

html[data-v10-theme="v10_biz"] .v10-security-global-cover__spinner {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 2px solid rgba(22, 93, 255, 0.22);
  border-top-color: var(--v10-primary, #165dff);
  border-radius: 50%;
  animation: v10-owned-spin 0.8s linear infinite;
}

@keyframes v10-owned-spin {
  to { transform: rotate(360deg); }
}

/* Retain the active indicator; remove only the decorative full-width rule. */
html[data-v10-theme="v10_biz"] .template .el-tabs__nav-wrap::after {
  display: none !important;
}

/* The themed wrapper is the sole owner of a framed table's outside border. */
html[data-v10-theme="v10_biz"] .tabledata > .el-table {
  margin-bottom: 0 !important;
}

html[data-v10-theme="v10_biz"] .tabledata > .el-table::before {
  display: none !important;
}

/* One pagination geometry for account, finance, security, tickets and Addons. */
html[data-v10-theme="v10_biz"] .custom-pagination {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 16px 0 0 !important;
}

html[data-v10-theme="v10_biz"] .tabledata > .custom-pagination {
  margin: 0 !important;
  padding: 16px 20px !important;
  border-top: 1px solid var(--v10-border, #e1e6f0);
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination {
  display: flex !important;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: var(--v10-owned-control-height);
  padding: 0 !important;
  align-items: center !important;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: 8px;
}

html[data-v10-theme="v10_biz"] .custom-pagination .page-total {
  min-width: 0;
  margin: 0 auto 0 0 !important;
  line-height: var(--v10-owned-control-height) !important;
  white-space: nowrap;
}

html[data-v10-theme="v10_biz"] .custom-pagination :is(
  .el-pagination__sizes,
  .el-pagination__jump,
  .btn-prev,
  .btn-next,
  .el-pager,
  .el-pager li
) {
  box-sizing: border-box;
  height: var(--v10-owned-control-height) !important;
  min-height: var(--v10-owned-control-height) !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: calc(var(--v10-owned-control-height) - 2px) !important;
}

html[data-v10-theme="v10_biz"] .custom-pagination :is(.btn-prev, .btn-next, .el-pager li) {
  min-width: var(--v10-owned-control-height) !important;
  padding: 0 8px !important;
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pager {
  display: inline-flex;
  align-items: center;
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pager .number {
  width: auto !important;
  margin-right: 8px;
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination__sizes {
  display: inline-flex !important;
  align-items: center;
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination__sizes .el-select {
  width: 112px !important;
}

html[data-v10-theme="v10_biz"] .custom-pagination :is(
  .el-pagination__sizes .el-input,
  .el-pagination__sizes .el-input__inner,
  .el-pagination__editor.el-input,
  .el-pagination__editor .el-input__inner
) {
  box-sizing: border-box;
  height: var(--v10-owned-control-height) !important;
  min-height: var(--v10-owned-control-height) !important;
  line-height: calc(var(--v10-owned-control-height) - 2px) !important;
}

html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination__editor.el-input {
  display: inline-flex;
  width: 52px !important;
  margin: 0 6px !important;
  align-items: center;
  vertical-align: middle;
}

html[data-v10-theme="v10_biz"] .custom-pagination .manual-btn {
  display: flex;
  width: 100%;
  min-height: var(--v10-owned-control-height);
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
}

html[data-v10-theme="v10_biz"] .custom-pagination .manual-btn :is(
  .el-button,
  .el-input,
  .el-input__inner
) {
  box-sizing: border-box;
  height: var(--v10-owned-control-height) !important;
  min-height: var(--v10-owned-control-height) !important;
}

/* Resource Center owns its links and buttons instead of the global anchor rule. */
html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) .main-card {
  padding: 20px !important;
}

html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) .main-card-title {
  margin: -20px -20px 20px !important;
  color: var(--resource-center-title, #040f43) !important;
}

html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) > .el-container .el-tabs__header {
  border-bottom: 0 !important;
  background: #fff !important;
}

html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) > .el-container .el-tabs__item.is-active {
  background: transparent !important;
}

html[data-v10-theme="v10_biz"] :is(.help, .help-total) .main-card-top .top-menu {
  display: flex;
  margin: 0 0 16px;
  padding: 0;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

html[data-v10-theme="v10_biz"] :is(.help, .help-total) .main-card-top .top-menu-item {
  box-sizing: border-box;
  min-height: 34px;
  margin: 0 !important;
  padding: 6px 12px !important;
  border: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: var(--resource-center-text, #4e5969) !important;
  line-height: 20px !important;
  list-style: none !important;
}

html[data-v10-theme="v10_biz"] :is(.help, .help-total) .main-card-top .top-menu-item-active {
  border-bottom-color: var(--resource-center-primary, #165dff) !important;
  color: var(--resource-center-primary, #165dff) !important;
}

html[data-v10-theme="v10_biz"] :is(.help, .help-total) .main-card-top .top-menu-item a {
  color: inherit !important;
  text-decoration: none !important;
}

html[data-v10-theme="v10_biz"] .help .main-card-content {
  display: grid !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

html[data-v10-theme="v10_biz"] .help .main-card-content::after {
  display: none !important;
}

html[data-v10-theme="v10_biz"] .help .content-item {
  position: relative;
  box-sizing: border-box;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 18px 18px 60px !important;
}

html[data-v10-theme="v10_biz"] .help .content-item :is(.content-item-title, .content-item-link) {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

html[data-v10-theme="v10_biz"] .help .content-item-link {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

html[data-v10-theme="v10_biz"] .help .content-item-link .link-item {
  display: block;
  min-width: 0;
  padding-left: 14px !important;
  color: var(--resource-center-title, #1d2129) !important;
  text-decoration: none !important;
}

html[data-v10-theme="v10_biz"] .help .content-item-link .link-item:hover {
  color: var(--resource-center-primary, #165dff) !important;
}

html[data-v10-theme="v10_biz"] .help .content-item-link .link-item::after {
  left: 1px !important;
}

html[data-v10-theme="v10_biz"] .help .more-btn {
  color: #fff !important;
  text-decoration: none !important;
}

html[data-v10-theme="v10_biz"] .help .more-btn:hover {
  color: #fff !important;
  background: var(--v10-primary-hover, #0f4bcc) !important;
}

html[data-v10-theme="v10_biz"] :is(.news, .file_download) .box.pc {
  width: 100%;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

@media (max-width: 1023px) and (min-width: 768px) {
  html[data-v10-theme="v10_biz"] .help .main-card-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  html[data-v10-theme="v10_biz"] .main-card-title {
    background: #fff !important;
    box-shadow: none !important;
  }

  html[data-v10-theme="v10_biz"] .tabledata > .custom-pagination {
    padding: 12px !important;
  }

  html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination {
    justify-content: center;
    gap: 6px;
  }

  html[data-v10-theme="v10_biz"] .custom-pagination :is(.page-total, .el-pagination__jump) {
    display: none !important;
  }

  html[data-v10-theme="v10_biz"] .custom-pagination .el-pager :is(li:not(.active), .more) {
    display: none !important;
  }

  html[data-v10-theme="v10_biz"] .custom-pagination .el-pagination__sizes .el-select {
    width: 104px !important;
  }

  html[data-v10-theme="v10_biz"] .custom-pagination .manual-btn {
    justify-content: center;
  }

  html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) .main-card {
    padding: 12px !important;
  }

  html[data-v10-theme="v10_biz"] :is(.news, .help, .help-total, .file_download) .main-card-title {
    margin: -12px -12px 12px !important;
  }

  html[data-v10-theme="v10_biz"] .help .main-card-content {
    grid-template-columns: minmax(0, 1fr);
  }
}