/* 大上海ERP 登录页 v4 - 全量深色改版（匹配参考图）
 * 改动：
 *   1. 页面背景：去掉 /intro_clean.mp4 视频，改为深色 #0c1530
 *   2. 卡片位置：居中（left:50% 替换 right:8%）
 *   3. 卡片本体：白底 -> 深色 #1c2742
 *   4. 品牌「大上海 ERP」：原来白底白字看不见 -> 现在深底白字显示，并补副标题「企业资源管理平台」
 *   5. 输入框：深色背景 + 浅色文字 + 暗边
 *   6. 提示/签名：深色页面上用浅色
 *   7. 「登 录」tab：深色 + 金边
 *   8. 登录按钮：保持金色渐变
 */
.login-page {
  background: #0c1530 !important;
}
/* 视频背景保留（用户要求不动视频）：不隐藏 .login-bg，仅作为加载时的深色兜底 */

/* 卡片居中 */
.login-page .login-card-wrapper {
  left: 50% !important;
  right: auto !important;
  transform: translate(-50%, -50%) !important;
}

/* 卡片外圈：深色描边 */
.login-card .login-card__frame {
  background: #131b34 !important;
  border: 1px solid rgba(232, 194, 122, .28) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .55) !important;
  opacity: 1 !important;
}

/* 「登 录」tab */
.login-card .login-card__title-tab {
  background: #131b34 !important;
  color: #f3dca6 !important;
  border: 1px solid rgba(232, 194, 122, .35) !important;
}

/* 卡片本体：白 -> 深（用 .el-card.login-card 0,2,0 硬压 .el-card 0,1,0 的 !important 白底） */
.el-card.login-card {
  background: #1c2742 !important;
  background-color: #1c2742 !important;
  border: 1px solid rgba(232, 194, 122, .22) !important;
  border-radius: 14px !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, .45) !important;
  margin-bottom: 0 !important;
}
.el-card.login-card .el-card__body {
  background: transparent !important;
  background-color: transparent !important;
  color: #fff !important;
  padding: 30px 34px 26px !important;
}

/* 品牌「大上海 ERP」 */
.login-card__brand {
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: .22em !important;
  text-align: center !important;
  text-shadow: 0 2px 14px rgba(232, 194, 122, .35) !important;
  padding-bottom: 10px !important;
  margin-bottom: 6px !important;
  position: relative !important;
}
/* 副标题「企业资源管理平台」 */
.login-card__brand::after {
  content: "企业资源管理平台";
  display: block;
  margin-top: 10px;
  font-size: 12px !important;
  font-weight: 400 !important;
  letter-spacing: .32em !important;
  color: rgba(255, 255, 255, .6) !important;
  text-shadow: none !important;
}

/* 字段间距 */
.login-card .el-form-item { margin-bottom: 16px !important; position: relative; }

/* 输入框：深色 */
.login-card .el-input.el-input--large .el-input__wrapper,
.login-card .el-input.el-input--large .el-input__wrapper.is-focus,
.login-card .el-input.el-input--large .el-input__wrapper:hover {
  position: relative !important;
  display: flex; align-items: center;
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  padding: 4px 14px 4px 44px !important;
  min-height: 48px !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.login-card .el-input.el-input--large .el-input__wrapper:hover {
  border-color: rgba(232, 194, 122, .45) !important;
  background: rgba(255, 255, 255, .07) !important;
}
.login-card .el-input.el-input--large .el-input__wrapper.is-focus {
  border-color: rgba(232, 194, 122, .75) !important;
  background: rgba(255, 255, 255, .09) !important;
  box-shadow: 0 0 0 3px rgba(232, 194, 122, .18) !important;
}
.login-card .el-input.el-input--large .el-input__inner {
  flex: 1; width: 100%;
  background: transparent !important; border: none; outline: none;
  color: #fff !important; font-size: 15px !important; letter-spacing: .04em;
  min-height: 0 !important; height: auto !important;
}
.login-card .el-input.el-input--large .el-input__inner::placeholder { color: rgba(255, 255, 255, .42) !important; }

/* 用户名 / 密码 左侧图标 */
.login-card .el-form-item:nth-child(1) .el-input__wrapper::before,
.login-card .el-form-item:nth-child(2) .el-input__wrapper::before {
  content: ""; position: absolute; left: 15px; top: 50%;
  width: 18px; height: 18px; transform: translateY(-50%);
  background-repeat: no-repeat; background-position: center; background-size: contain;
  opacity: .9; pointer-events: none; z-index: 1;
}
.login-card .el-form-item:nth-child(1) .el-input__wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c27a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}
.login-card .el-form-item:nth-child(2) .el-input__wrapper::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e8c27a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") !important;
}
.login-card .el-input__wrapper .el-input__suffix { right: 12px !important; color: rgba(255, 255, 255, .55) !important; }

/* 登录按钮（保持金色） */
.login-card .brand-cta {
  width: 100% !important; height: 48px !important; margin-top: 8px !important;
  font-size: 16px !important; letter-spacing: .3em !important; font-weight: 700 !important;
  border: none !important; border-radius: 10px !important; cursor: pointer;
  background: linear-gradient(180deg, #f3dca6, #e8c27a) !important;
  color: #1a1206 !important;
  box-shadow: 0 8px 22px rgba(232, 194, 122, .35) !important;
  transition: transform .15s ease, box-shadow .2s ease, filter .2s ease;
}
.login-card .brand-cta:hover {
  transform: translateY(-1px); filter: brightness(1.04);
  box-shadow: 0 12px 28px rgba(232, 194, 122, .45) !important;
}
.login-card .brand-cta:active { transform: translateY(0); }

/* 提示 + 签名：深色页面上用浅色 */
.login-card .login-tip { color: rgba(255, 255, 255, .6) !important; }
.login-card .login-sign { color: rgba(255, 255, 255, .45) !important; }


/* ========================================================================
 * 大上海ERP 表单紧凑型 v1（[FIX-20260821] 全局统一：缩 padding / 缩间距 / 缩字号）
 * 目标：消除各表单模块高度/间距不一致，统一紧凑型视觉密度
 * 作用范围：Element Plus 表单组件 + Vben 弹窗/抽屉
 * 不动 Vben scoped 业务样式，只压 element 全局类
 * ======================================================================== */

/* 表单项：缩 margin-bottom（默认 22px → 14px） */
.el-form-item { margin-bottom: 14px !important; }
.el-form-item--default { margin-bottom: 14px !important; }
.el-form-item--small { margin-bottom: 10px !important; }

/* 行内表单：缩 margin-right */
.el-form--inline .el-form-item { margin-right: 12px !important; margin-bottom: 14px !important; }

/* 标签：高度/行高对齐 32px 输入框 */
.el-form-item__label { line-height: 32px !important; height: 32px !important; font-size: 13px !important; color: #d6deeb !important; }

/* 输入框 default 尺寸：32px（原 40px） */
.el-input--default .el-input__wrapper { padding: 1px 11px !important; min-height: 32px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.14) inset !important; border-radius: 6px !important; background: rgba(255,255,255,.03) !important; }
.el-input--default .el-input__wrapper:hover { box-shadow: 0 0 0 1px rgba(232,194,122,.45) inset !important; background: rgba(255,255,255,.05) !important; }
.el-input--default .el-input__wrapper.is-focus { box-shadow: 0 0 0 1px rgba(232,194,122,.75) inset, 0 0 0 3px rgba(232,194,122,.18) !important; background: rgba(255,255,255,.07) !important; }
.el-input--default .el-input__inner { font-size: 13px !important; color: #fff !important; height: 30px !important; line-height: 30px !important; }
.el-input--default .el-input__inner::placeholder { color: rgba(255,255,255,.4) !important; }

/* small 尺寸：28px */
.el-input--small .el-input__wrapper { padding: 1px 9px !important; min-height: 28px !important; border-radius: 5px !important; }
.el-input--small .el-input__inner { font-size: 12px !important; height: 26px !important; line-height: 26px !important; }

/* select / cascader / date-picker 同尺寸 */
.el-select__wrapper { min-height: 32px !important; font-size: 13px !important; padding: 1px 11px !important; }
.el-select__wrapper.is-hovering { box-shadow: 0 0 0 1px rgba(232,194,122,.45) inset !important; }
.el-select__wrapper.is-focused { box-shadow: 0 0 0 1px rgba(232,194,122,.75) inset, 0 0 0 3px rgba(232,194,122,.18) !important; }
.el-cascader { line-height: 32px !important; }
.el-date-editor.el-input { min-height: 32px !important; }

/* textarea */
.el-textarea__inner { min-height: 64px !important; padding: 6px 10px !important; font-size: 13px !important; border-radius: 6px !important; box-shadow: 0 0 0 1px rgba(255,255,255,.14) inset !important; background: rgba(255,255,255,.03) !important; color: #fff !important; }
.el-textarea__inner:hover { box-shadow: 0 0 0 1px rgba(232,194,122,.45) inset !important; }
.el-textarea__inner:focus { box-shadow: 0 0 0 1px rgba(232,194,122,.75) inset, 0 0 0 3px rgba(232,194,122,.18) !important; }

/* 按钮：缩 padding + 字号 */
.el-button { padding: 7px 16px !important; font-size: 13px !important; border-radius: 6px !important; }
.el-button--small { padding: 5px 12px !important; font-size: 12px !important; }
.el-button--large { padding: 9px 20px !important; font-size: 14px !important; }

/* 弹窗：缩 padding */
.el-dialog { border-radius: 10px !important; }
.el-dialog__header { padding: 14px 18px !important; }
.el-dialog__headerbtn { top: 14px !important; right: 16px !important; }
.el-dialog__title { font-size: 15px !important; font-weight: 600 !important; color: #fff !important; }
.el-dialog__body { padding: 16px 20px !important; }
.el-dialog__footer { padding: 12px 18px !important; }

/* 抽屉 */
.el-drawer__header { padding: 14px 18px !important; margin-bottom: 0 !important; }
.el-drawer__title { font-size: 15px !important; font-weight: 600 !important; color: #fff !important; }
.el-drawer__body { padding: 16px 20px !important; }

/* 表格：行高紧凑 */
.el-table__row { height: 38px !important; }
.el-table td { padding: 6px 0 !important; font-size: 13px !important; }
.el-table th { padding: 8px 0 !important; font-size: 13px !important; }

/* 卡片 */
.el-card { border-radius: 8px !important; }
.el-card__body { padding: 16px 18px !important; }
.el-card__header { padding: 12px 18px !important; }

/* 分页 */
.el-pagination { padding: 8px 0 !important; font-size: 13px !important; }
.el-pagination .btn-prev, .el-pagination .btn-next, .el-pagination .el-pager li { min-width: 28px !important; height: 28px !important; line-height: 28px !important; font-size: 12px !important; }

/* 标签页 */
.el-tabs__item { font-size: 13px !important; height: 36px !important; line-height: 36px !important; padding: 0 12px !important; }
.el-tabs__nav-wrap::after { height: 1px !important; }

/* 描述列表（详情页） */
.el-descriptions__label { font-size: 13px !important; color: #b8c1deeb !important; padding: 8px 12px !important; }
.el-descriptions__content { font-size: 13px !important; padding: 8px 12px !important; }

/* 树形控件 */
.el-tree-node__content { height: 30px !important; font-size: 13px !important; }

/* 数字输入框箭头 */
.el-input-number { line-height: 32px !important; }
.el-input-number .el-input__wrapper { padding: 1px 11px !important; min-height: 32px !important; }

/* switch 紧凑 */
.el-switch { height: 20px !important; line-height: 20px !important; }
.el-switch__core { height: 20px !important; border-radius: 10px !important; }

/* radio/checkbox 紧凑 */
.el-radio__label, .el-checkbox__label { font-size: 13px !important; padding-left: 6px !important; }


/* ========================================================================
 * 大上海ERP 视觉统一 v2（[FIX-20260821] 工具栏 / 状态标签 / 空态 / 面包屑）
 * 紧接「表单紧凑型 v1」之后，统一各页顶部状态区呈现
 * ======================================================================== */

/* ===== Toolbar（Vben v5 .toolbar）统一 ===== */
.toolbar {
  padding: 8px 12px !important;
  background: rgba(255,255,255,.02) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 6px 6px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 44px !important;
}
/* Toolbar 左侧 title 区 */
.toolbar .title,
.toolbar-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: .04em !important;
}
/* Toolbar 右侧操作按钮组 */
.toolbar .actions,
.toolbar-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
/* Toolbar 内嵌搜索条件 */
.toolbar .search-form,
.toolbar-search {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
}
.toolbar .search-form .el-form-item,
.toolbar-search .el-form-item {
  margin-bottom: 0 !important;
  margin-right: 0 !important;
}

/* ===== Status Tag 配色统一（深底页用低饱和高亮） ===== */
.el-tag { border-radius: 4px !important; font-size: 12px !important; padding: 0 8px !important; height: 22px !important; line-height: 20px !important; }
.el-tag--success { background: rgba(46, 160, 67, .15) !important; border-color: rgba(46, 160, 67, .4) !important; color: #5dc878 !important; }
.el-tag--warning { background: rgba(230, 162, 60, .15) !important; border-color: rgba(230, 162, 60, .4) !important; color: #f0b75c !important; }
.el-tag--danger  { background: rgba(218, 51, 47, .15) !important; border-color: rgba(218, 51, 47, .4) !important; color: #f5736f !important; }
.el-tag--info    { background: rgba(144, 147, 153, .15) !important; border-color: rgba(144, 147, 153, .3) !important; color: #b0b4bd !important; }
.el-tag--primary { background: rgba(232, 194, 122, .15) !important; border-color: rgba(232, 194, 122, .4) !important; color: #f3dca6 !important; }
.el-tag.el-tag--dark { background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.16) !important; color: #fff !important; }

/* ===== Empty state 深色适配 ===== */
.el-empty { padding: 32px 0 !important; }
.el-empty__description { color: rgba(255,255,255,.5) !important; font-size: 13px !important; margin-top: 12px !important; }
.el-empty__image { opacity: .55 !important; }
.el-empty__image svg { fill: rgba(255,255,255,.2) !important; }

/* ===== Breadcrumb 紧凑深色 ===== */
.breadcrumb,
.el-breadcrumb { font-size: 12px !important; padding: 6px 0 !important; }
.el-breadcrumb__item { color: rgba(255,255,255,.55) !important; }
.el-breadcrumb__inner,
.el-breadcrumb__item:last-child .el-breadcrumb__inner { color: rgba(255,255,255,.85) !important; font-weight: 500 !important; }
.el-breadcrumb__separator { color: rgba(255,255,255,.3) !important; margin: 0 6px !important; }


/* ========================================================================
 * 大上海ERP 视觉统一 v2.1（[FIX-20260821] 卡片 / 动效 / 主框架背景层级）
 * 紧接 v2 之后
 * ======================================================================== */

/* ===== A. Card 风格统一（22 处） ===== */
.el-card {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
}
.el-card:hover {
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.25) !important;
}
.el-card.is-hover-shadow:hover {
  box-shadow: 0 6px 20px rgba(232,194,122,.12), 0 4px 12px rgba(0,0,0,.3) !important;
  border-color: rgba(232,194,122,.2) !important;
}
.el-card__header {
  background: rgba(255,255,255,.02) !important;
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
  padding: 11px 16px !important;
  min-height: 40px !important;
}
.el-card__header .card-name,
.el-card__header > div:first-child {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
  letter-spacing: .03em !important;
}
.el-card__body { padding: 14px 16px !important; }
.el-card__footer { padding: 10px 16px !important; border-top: 1px solid rgba(255,255,255,.06) !important; }

/* Vben 卡片 .vxe-card 兜底 */
.vxe-card {
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 8px !important;
}

/* ===== B. Drawer/Dialog 动效统一 ===== */
/* 统一动画曲线与时长（标准 Material easing 250ms） */
.el-dialog,
.el-drawer,
.el-message-box {
  transition: transform .25s cubic-bezier(.4,0,.2,1), opacity .25s cubic-bezier(.4,0,.2,1) !important;
}
.el-overlay {
  transition: opacity .25s cubic-bezier(.4,0,.2,1) !important;
  background: rgba(0,0,0,.6) !important;
}
.el-overlay-dialog { background: rgba(0,0,0,.6) !important; backdrop-filter: blur(2px) !important; }

/* Drawer 滑入更顺（默认 cubic-bezier(.23,1,.32,1) 略夸张，改成柔和版） */
.el-drawer__open .el-drawer {
  animation: el-drawer-open .25s cubic-bezier(.4,0,.2,1) !important;
}
@keyframes el-drawer-open {
  from { transform: translateX(100%); }
  to: { transform: translateX(0); }
}

/* Dialog 入场轻微缩放 */
.el-overlay-dialog .el-dialog {
  animation: el-dialog-open .25s cubic-bezier(.4,0,.2,1) !important;
}
@keyframes el-dialog-open {
  from { transform: scale(.96); opacity: 0; }
  to: { transform: scale(1); opacity: 1; }
}

/* ===== C. 主框架背景层级（沉浸深色）+ 侧边栏 ===== */

/* 三层背景梯度：底层最深、内容区次深、卡片最浅（已加） */
body,
.app-container,
.vben-layout { background: #0a1020 !important; }

/* 主内容区 */
.layout-content,
.app-main,
.main-content,
.layout__content {
  background: #0c1530 !important;
  padding: 16px !important;
}

/* 侧边栏 */
.layout-sidebar,
.app-sidebar,
.sidebar-container,
.vben-sidebar {
  background: #131b34 !important;
  border-right: 1px solid rgba(255,255,255,.04) !important;
}

/* 侧边栏菜单项 */
.el-menu,
.vben-menu {
  background: transparent !important;
  border-right: none !important;
}
.el-menu-item,
.el-sub-menu__title {
  color: rgba(255,255,255,.65) !important;
  height: 40px !important;
  line-height: 40px !important;
  font-size: 13px !important;
}
.el-menu-item:hover,
.el-sub-menu__title:hover {
  background: rgba(255,255,255,.04) !important;
  color: #fff !important;
}
.el-menu-item.is-active,
.el-sub-menu.is-active > .el-sub-menu__title {
  background: rgba(232,194,122,.12) !important;
  color: #f3dca6 !important;
  border-right: 2px solid #e8c27a !important;
}
.el-sub-menu .el-menu-item {
  background: rgba(0,0,0,.18) !important;
  min-width: 0 !important;
}

/* 顶栏 */
.layout-header,
.app-header,
.navbar {
  background: rgba(19,27,52,.85) !important;
  border-bottom: 1px solid rgba(255,255,255,.04) !important;
  backdrop-filter: blur(8px) !important;
  height: 48px !important;
}
.navbar .navbar__title,
.app-header .header-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #fff !important;
}

/* 顶栏右侧用户菜单按钮 */
.navbar .navbar__action,
.app-header .right-menu {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}


/* ========================================================================
 * 大上海ERP 隐藏项（[FIX-20260821] 报表中心整体移除 - 用户要求删除）
 * ======================================================================== */

/* 隐藏报表中心区块（dashboard 上的整个区域 + 顶部 header 入口） */
.report-center,
.report-center-widget,
.dashboard-report-center,
[class*="report-center"]:not(.report-center-keep) {
  display: none !important;
}

/* 隐藏「财务报表/采购报表/销售报表/库存报表」section 标题与卡片
   这些是大上海 ERP dashboard 上的报表中心子分组 */
.finance-report-section,
.purchase-report-section,
.sale-report-section,
.stock-report-section {
  display: none !important;
}

/* 隐藏报表中心【页面】里的第一张卡片（与页面标题重名的"报表中心"入口）
   Vben 报表中心页面用 erp-submenu__grid 渲染卡片网格
   [FIX-20260822] 限定在 .el-main 内容区，避免侧边栏悬浮菜单第一项被误藏 */
.el-main .erp-submenu__grid > a:first-child,
.el-main .erp-submenu__grid > div:first-child,
.el-main .erp-submenu__grid > *:first-child {
  display: none !important;
}

/* 隐藏侧边栏「报表中心」菜单项 — Vben v5 实际类名（[FIX-20260821] 多层兜底） */
/* [FIX-20260821] 用户确认保留报表中心入口，移除隐藏规则。
.erp-submenu:nth-of-type(10),
.menu-item-group:nth-of-type(10),
.menu-item:nth-of-type(10),
.erp-menu-group:nth-of-type(10),
.erp-submenu:has(.icon-DataBoard),
.menu-item-group:has(.icon-DataBoard),
[data-key="report"]:not([data-key^="report-"]),
[data-key="report"]:not([data-key*="-report"]),
[data-key="report-report-center"],
[data-path="report"],
[data-index="report"],
.erp-submenu:has(a[href*="report-center"]),
.menu-item-group:has(a[href*="report-center"]),
.erp-menu-group[title="报表中心"],
li[title="报表中心"] {
  display: none !important;
}
*/

/* ===== [PATCH-20260821_1130] 报表中心视觉修复：统一列宽、行编号 ===== */
/* 期望解决：列宽过宽/过窄不均、无行序号、字段感差 */

/* 1) 所有 el-table 的 cell 紧凑 + max-width 防列宽爆炸 */
.el-table .el-table__cell .cell {
  max-width: 220px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  font-size: 13px !important;
  line-height: 22px !important;
  padding: 0 !important;
}

/* 2) 表头列宽同款 */
.el-table .el-table__cell.head .cell {
  font-weight: 500 !important;
}

/* 3) 默认列宽度更合理：把容易过宽的列收窄 */
.el-table td.el-table__cell,
.el-table th.el-table__cell {
  min-width: 90px !important;
  max-width: 240px !important;
}

/* 4) 数字列右对齐（防止金额挤在一列） */
.el-table td.el-table__cell.is-right,
.el-table td.el-table__cell.cell--right {
  text-align: right !important;
}

/* 5) 状态列居中 */
.el-table td.el-table__cell .el-tag {
  margin: 0 auto !important;
  display: inline-block !important;
}

/* 6) 表格整体框线轻量化 + 斑马纹隔行浅色 */
.el-table tr.el-table__row--striped td {
  background: rgba(255, 255, 255, .02) !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background-color: rgba(255, 255, 255, .035) !important;
}

/* 7) 行序号：每个 .el-table 内独立 counter */
.el-table tbody {
  counter-reset: el-table-row;
}
.el-table .el-table__row {
  counter-increment: el-table-row;
}
/* 第一格前加编号（适用于首列实际数据列；如有 checkbox/selection 列则错位） */
.el-table .el-table__row td.el-table__cell:first-child .cell::before {
  content: counter(el-table-row);
  display: inline-block;
  min-width: 24px;
  padding: 1px 6px;
  margin-right: 8px;
  border-radius: 3px;
  background: rgba(232, 194, 122, .12);
  color: rgba(232, 194, 122, .95);
  font-size: 12px;
  font-weight: 500;
  text-align: center;
}

/* 8) 第一列加粗（单据号等标识列） */
.el-table .el-table__row td.el-table__cell:first-child .cell {
  font-weight: 500 !important;
  color: rgba(255, 255, 255, .9) !important;
}

/* 9) 行高再紧（38 → 34） */
.el-table .el-table__row td.el-table__cell {
  padding: 6px 0 !important;
  height: 34px !important;
}

/* 10) 减少空白行的视觉 */
.el-table__empty-block {
  min-height: 80px !important;
}

/* 11) 表格内容区背景透出主框架深色 */
.el-table, .el-table__expanded-cell {
  background: transparent !important;
}

/* 12) hover 行高亮 */
.el-table__body tr.el-table__row:hover > td.el-table__cell {
  background-color: rgba(232, 194, 122, .05) !important;
}

/* 13) 数字显示省略号时 hover 通过 title 完整内容（前端已有 title） */
.el-table .el-table__cell .cell {
  vertical-align: middle !important;
}

/* 14) 让"出库日期"等已知宽列字段列窄 */
.el-table td.el-table__cell:not(:first-child) {
  max-width: 180px !important;
}

/* 15) 解决列设的 min-width 太宽让右边出滚动条 */
.el-table .el-table__header-wrapper,
.el-table .el-table__body-wrapper {
  width: 100% !important;
}