/**
 * Better：腾讯云 / TDesign 主色与侧栏语义（白底导航 + 腾讯蓝强调）
 * 在动态主题 CSS 之后加载；仅 better 模板引用。
 */

:root[theme] {
  --color-primary: var(--better-brand-bright) !important;
  --color-menu-bg: #ffffff !important;
  --color-menu-active-bg: #e6f0ff !important;
  --color-menu-hover-bg: #f2f3f5 !important;
  --color-menu-text: rgba(0, 0, 0, 0.65) !important;
  --color-menu-text-active: var(--better-brand-bright) !important;
  --color-text-tips: rgba(0, 0, 0, 0.4) !important;
  --color-info: rgba(0, 0, 0, 0.4) !important;
}

.el-button--primary,
.el-button--primary:focus,
.el-button--primary:hover {
  background-color: var(--better-brand-bright) !important;
  border-color: var(--better-brand-bright) !important;
}

.el-button--primary.is-active,
.el-button--primary:active {
  background-color: var(--better-brand) !important;
  border-color: var(--better-brand) !important;
}

.el-button--primary.is-plain {
  color: var(--better-brand-bright) !important;
  background: var(--better-brand-soft) !important;
  border-color: rgba(0, 82, 217, 0.35) !important;
}

.el-button--primary.is-plain:focus,
.el-button--primary.is-plain:hover {
  background: var(--better-brand-bright) !important;
  border-color: var(--better-brand-bright) !important;
  color: #fff !important;
}

.el-radio__input.is-checked .el-radio__inner {
  border-color: var(--better-brand-bright);
  background: var(--better-brand-bright);
}

.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: var(--better-brand-bright);
  border-color: var(--better-brand-bright);
}

.el-switch.is-checked .el-switch__core {
  background-color: var(--better-brand-bright) !important;
}

.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: var(--better-brand-bright) !important;
}

.el-tabs__active-bar {
  background-color: var(--better-brand-bright);
}

.el-tabs__item.is-active {
  color: var(--better-brand-bright);
}

.el-tabs__item:hover {
  color: var(--better-brand-bright);
}

.el-link.el-link--primary {
  color: var(--better-brand-bright);
}

.el-link.el-link--primary:hover {
  color: var(--better-brand);
}

.el-date-table td.today span {
  color: var(--better-brand-bright);
}

.el-date-table td.available:hover,
.el-date-table td.available:hover span {
  color: var(--better-brand-bright);
}

.el-picker-panel__icon-btn:hover,
.el-date-picker__header-label:hover,
.el-picker-panel__link-btn,
.el-time-panel__btn.confirm {
  color: var(--better-brand-bright);
}

.el-select .el-input.is-focus .el-input__inner {
  border-color: var(--better-brand-bright);
}

.el-textarea__inner:focus,
.el-input__inner:focus {
  border-color: var(--better-brand-bright);
}

.el-cascader .el-input .el-input__inner:focus {
  border-color: var(--better-brand-bright);
}

.el-input-number__decrease:hover,
.el-input-number__increase:hover {
  color: var(--better-brand-bright);
}

.el-dropdown-menu__item:focus,
.el-dropdown-menu__item:not(.is-disabled):hover {
  background-color: var(--better-brand-soft);
  color: var(--better-brand-bright);
}

.el-step__head.is-finish .el-step__line-inner,
.el-step__head.is-finish .el-step__icon.is-text,
.el-step__head.is-process .el-step__icon {
  border-color: var(--better-brand-bright);
  color: var(--better-brand-bright);
}

.el-progress-bar__inner {
  background-color: var(--better-brand-bright);
}

.el-tag {
  border-radius: var(--better-radius-sm);
}

/* 顶栏：腾讯云控制台常见 48px 高、纯白、仅底边线 */
.el-header {
  height: var(--better-tc-header-h, 48px) !important;
  min-height: var(--better-tc-header-h, 48px) !important;
  background: #ffffff !important;
  border-bottom: 1px solid var(--better-border-subtle) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* 白底侧栏内菜单：去掉旧版大顶距 */
.better-rail__menus > .menu-top:first-of-type {
  margin-top: 0 !important;
}

.better-rail__menus > .menu-top {
  margin-top: 0.12rem !important;
}

.better-rail .line {
  border-color: var(--better-border-subtle) !important;
  opacity: 1 !important;
}

.menu-top .el-submenu__title,
.menu-top .el-menu-item {
  border-radius: var(--better-radius-sm) !important;
  font-size: 14px;
}

/* 顶栏内搜索等输入与全局 32px 一致 */
.el-header .el-input__inner {
  height: 32px !important;
  line-height: 32px !important;
  font-size: 14px !important;
}

/* 覆盖 common 中顶栏 fixed + 减侧栏宽度，保证在壳内全宽吸附 */
.template > .el-container:not(.is-vertical) .better-topbar-host .el-header,
.better-template > .el-container:not(.is-vertical) .better-topbar-host .el-header,
.product > .el-container:not(.is-vertical) .better-topbar-host .el-header,
.product_detail.template > .el-container:not(.is-vertical) .better-topbar-host .el-header {
  position: sticky !important;
  width: 100% !important;
  left: 0 !important;
  right: auto !important;
}

@media screen and (max-width: 750px) {
  .drawer-menu-item {
    color: rgba(0, 0, 0, 0.65) !important;
  }

  .drawer-menu-list-top > .drawer-menu-active {
    border-left-color: var(--better-brand-bright) !important;
  }
}