/**
 * Better 全站：进一步贴近腾讯云控制台 — 紧凑密度、表头灰、32px 输入、弱投影
 * 在 better-element-skin 之后加载。认证页内 .login-container .el-input 有更具体选择器可覆盖高度。
 */

.el-button {
  border-radius: var(--better-radius-sm);
  font-weight: 400;
}

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

.el-button--primary {
  font-weight: 400;
}

.el-input__inner,
.el-textarea__inner {
  border-radius: var(--better-radius-sm);
  border-color: #dcdcdc;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}

.el-textarea__inner {
  height: auto;
  min-height: 80px;
  line-height: 1.5;
  padding: 8px 12px;
}

.el-input__inner:hover,
.el-textarea__inner:hover {
  border-color: #c0c4cc;
}

.el-select .el-input__inner {
  border-radius: var(--better-radius-sm);
  height: 32px;
  line-height: 32px;
}

.el-input-group__append,
.el-input-group__prepend {
  border-color: #dcdcdc;
}

.el-table {
  font-size: 12px;
  color: var(--better-text-primary);
  border: 1px solid var(--better-border-table);
  border-radius: var(--better-radius-md);
}

.el-table th.el-table__cell {
  background: #f3f3f3;
  color: rgba(0, 0, 0, 0.55);
  font-weight: 600;
  font-size: 12px;
}

.el-table th.el-table__cell,
.el-table td.el-table__cell {
  border-bottom: 1px solid var(--better-border-table);
  padding: 10px 0;
}

.el-table .cell {
  padding-left: 16px;
  padding-right: 16px;
  line-height: 1.5;
}

.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #fafafa;
}

.el-table__fixed-right-patch {
  background: #f3f3f3 !important;
}

.el-table::before {
  background-color: var(--better-border-table);
}

.el-pagination {
  font-weight: 400;
  font-size: 13px;
}

.el-pagination.is-background .el-pager li {
  border-radius: var(--better-radius-sm);
  font-weight: 400;
  min-width: 28px;
}

.el-pagination.is-background .btn-prev,
.el-pagination.is-background .btn-next {
  border-radius: var(--better-radius-sm);
}

.el-tabs__item {
  font-weight: 500;
  font-size: 14px;
}

.el-tabs__nav-wrap::after {
  background-color: var(--better-border-subtle);
}

.el-dialog {
  border-radius: var(--better-radius-md);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--better-border-subtle);
}

.el-dialog__header {
  border-bottom: 1px solid var(--better-border-subtle);
  padding: 12px 20px;
}

.el-dialog__title {
  font-size: 16px;
  font-weight: 600;
  color: var(--better-heading);
}

.el-dialog__body {
  padding: 16px 20px;
  color: var(--better-text-primary);
  font-size: 14px;
}

.el-dropdown-menu {
  border-radius: var(--better-radius-md);
  border: 1px solid var(--better-border-subtle);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  padding: 4px 0;
}

.el-message {
  border-radius: var(--better-radius-md);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: 1px solid var(--better-border-subtle);
}

.el-message-box {
  border-radius: var(--better-radius-md);
  border: 1px solid var(--better-border-subtle);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.el-card {
  border-radius: var(--better-radius-md);
  border: 1px solid var(--better-border-subtle);
  color: var(--better-text-primary);
  box-shadow: none;
}

.el-card.is-always-shadow,
.el-card.is-hover-shadow:focus,
.el-card.is-hover-shadow:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.el-form-item {
  margin-bottom: 16px;
}

.el-form-item__label {
  color: var(--better-text-secondary);
  font-size: 14px;
}

.el-descriptions__body {
  color: var(--better-text-primary);
}

.el-breadcrumb {
  font-size: 13px;
}

.el-breadcrumb__inner a,
.el-breadcrumb__inner.is-link {
  color: var(--better-text-secondary);
  font-weight: 400;
}

.el-breadcrumb__inner a:hover,
.el-breadcrumb__inner.is-link:hover {
  color: var(--better-brand-bright);
}

.el-breadcrumb__item:last-child .el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a,
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover,
.el-breadcrumb__item:last-child .el-breadcrumb__inner:hover {
  color: var(--better-text-primary);
  font-weight: 500;
}

.el-collapse {
  border-top: 1px solid var(--better-border-subtle);
  border-bottom: 1px solid var(--better-border-subtle);
}

.el-collapse-item__header {
  color: var(--better-heading);
  font-weight: 500;
  font-size: 14px;
}

.el-tree {
  color: var(--better-text-primary);
  font-size: 14px;
}

.el-alert {
  border-radius: var(--better-radius-md);
  font-size: 13px;
}

.el-tag {
  border-radius: 2px;
  font-weight: 400;
}
