* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Microsoft YaHei', Arial, sans-serif; background: #f0f2f5; }

/* ===== 鏁翠綋甯冨眬 ===== */
.erp-layout { height: 100vh; overflow: hidden; }

/* ===== 宸︿晶瀵艰埅 ===== */
.erp-aside { background: #1a2035; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.erp-aside::-webkit-scrollbar { width: 4px; }
.erp-aside::-webkit-scrollbar-thumb { background: #2e3f60; border-radius: 2px; }

.logo-area { display: flex; align-items: center; padding: 6px 16px; border-bottom: 1px solid #2a3550; }
.logo-img { width: 36px; height: 36px; border-radius: 6px; object-fit: cover; margin-right: 10px; }
.logo-text .company-name { color: #fff; font-size: 15px; font-weight: 700; }
.logo-text .system-name { color: #7a8baa; font-size: 11px; margin-top: 2px; }

.user-panel { display: flex; align-items: center; padding: 4px 16px; background: #16192e; }
.user-panel .user-name { color: #adb5bd; font-size: 13px; margin-left: 10px; }

.erp-menu { border-right: none; flex: 1; }
.erp-menu .el-menu-item, .erp-menu .el-sub-menu__title { height: 42px; line-height: 42px; font-size: 13px; }
.erp-menu .el-menu-item.is-active { background: #1d4ed8 !important; color: #fff !important; }
.erp-menu .el-menu--inline .el-menu-item { height: 38px; line-height: 38px; font-size: 13px; padding-left: 50px !important; }
.erp-menu .el-menu--inline { background: #131929 !important; }

.sidebar-footer {
  padding: 8px 12px;
  font-size: 11px;
  color: #6b7b9e;
  text-align: center;
  border-top: 1px solid #2a3550;
  background: #16192e;
  line-height: 1.6;
  flex-shrink: 0;
}
.sidebar-footer div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ===== 椤堕儴鏍?===== */
.erp-header { background: #fff; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.breadcrumb { font-size: 13px; font-weight: 600; color: #1a2035; }
.header-right { display: flex; align-items: center; gap: 12px; }
.current-time { font-size: 13px; color: #888; }

/* ===== 涓诲唴瀹瑰尯 ===== */
.erp-main { background: #f0f2f5; padding: 8px; overflow-y: auto; }

/* ===== 缁熻鍗＄墖 ===== */
.stat-card { border-radius: 10px; padding: 16px 20px; display: flex; align-items: center; color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.15); }
.stat-icon { font-size: 36px; margin-right: 16px; }
.stat-value { font-size: 26px; font-weight: 700; }
.stat-label { font-size: 12px; opacity: .85; margin-top: 2px; }

/* ===== 鍔熻兘妯″潡鍗＄墖 ===== */
.module-card { border-radius: 8px; padding: 16px 12px; text-align: center; cursor: pointer; transition: all .2s; border: 2px solid transparent; }
.module-card:hover { transform: translateY(-3px); border-color: #409EFF; box-shadow: 0 4px 12px rgba(64,158,255,.2); }
.module-card-icon { font-size: 28px; margin-bottom: 6px; }
.module-card-name { font-size: 13px; font-weight: 600; color: #333; }
.module-row { display: flex; gap: 12px; flex-wrap: nowrap; }
.module-row .module-card { flex: 1; min-width: 0; }
.chart-panel { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,.06); padding: 14px; height: 100%; position:relative; overflow:visible; }
.chart-panel::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:linear-gradient(90deg,#409EFF,#67C23A); border-radius:10px 10px 0 0; z-index:1; }
.chart-panel-header { font-size: 14px; font-weight: 600; color: #303133; margin-bottom: 6px; padding-bottom:8px; border-bottom:1px solid #f5f5f5; }
.chart-panel-header-material { color: #000 !important; font-weight: 700; }
/* 粉料消耗标题 id选择器，优先级最高 */
#mat-title { color: #000 !important; font-size: 16px !important; font-weight: 700 !important; }
.chart-panel-header span { margin-right: 4px; }
.chart-summary { float:right; font-weight:400; font-size:12px; color:#999; }
.chart-box { width: 100%; height: 280px; }
.chart-box-line { width: 100%; height: 360px; }
.chart-panel-pie { display:flex; flex-direction:column; align-items:center; }
.module-row .module-card { flex: 1; min-width: 0; }

/* ===== 宸ュ叿鏍?===== */
.page-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; padding: 12px 16px; background: #fff; border-radius: 8px; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.page-title { font-size: 15px; font-weight: 700; color: #1a2035; }
.toolbar-btns { display: flex; align-items: center; }

/* ===== 琛ㄦ牸缇庡寲 ===== */
.el-table { border-radius: 8px; }
.el-table .el-table__header-wrapper { border-radius: 8px 8px 0 0; }
.el-table th.el-table__cell { background: #f7f8fa !important; color: #555; font-weight: 600; }

/* ===== 运输记录表 - 冻结列 + 大号滚动条 ===== */

/* 主内容区垂直滚动条 — 始终可见、12px宽 */
.vd-table-wrap > .el-table > .el-table__body-wrapper .el-scrollbar__bar.is-vertical {
  opacity: 1 !important;
  width: 12px !important;
  right: 2px !important;
  transition: opacity 0s !important;
}
.vd-table-wrap > .el-table > .el-table__body-wrapper .el-scrollbar__thumb {
  background-color: #909399 !important;
  border-radius: 6px !important;
  opacity: 1 !important;
}
.vd-table-wrap > .el-table > .el-table__body-wrapper .el-scrollbar__thumb:hover {
  background-color: #606266 !important;
}

/* 主内容区水平滚动条 — 始终可见、12px高 */
/* 滚动条从冻结列右侧(约170px)开始，长度到表格一半 */
.vd-table-wrap > .el-table > .el-table__body-wrapper .el-scrollbar__bar.is-horizontal {
  opacity: 1 !important;
  height: 12px !important;
  bottom: 2px !important;
  transition: opacity 0s !important;
  left: 170px !important;
  right: calc(50% - 20px) !important;
  width: auto !important;
}

/* 冻结面板：禁止水平滚动（消灭第二个横条） */
.vd-table-wrap .el-table__fixed-left {
  box-shadow: 3px 0 12px rgba(0,0,0,.12) !important;
}
.vd-table-wrap .el-table__fixed-left .el-scrollbar__bar.is-horizontal {
  display: none !important;
}
.vd-table-wrap .el-table__fixed-left .el-scrollbar__wrap {
  overflow-x: hidden !important;
}

/* 冻结面板：垂直滚动条不显示（同步主表即可） */
.vd-table-wrap .el-table__fixed-left .el-scrollbar__bar.is-vertical {
  opacity: 0 !important;
}

/* ===== 运输记录表：所有列不换行 ===== */
.el-table .el-table__cell .cell {
  white-space: nowrap;
}

/* ===== 首页汇总行高亮 ===== */
.el-table .summary-row { background: #ecf5ff !important; }
.el-table .summary-row td { border-bottom: 2px solid #409EFF !important; }

/* ===== 用户管理表格：固定列 + 不换行 ===== */
.user-manage .el-table .el-table__cell .cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.user-manage .el-table .el-table__fixed-right { box-shadow: -2px 0 8px rgba(0,0,0,0.12); }

/* ===== 杞﹁締鐪嬫澘鍗＄墖 ===== */
.vehicle-board-card { border-radius: 8px; padding: 12px 10px; text-align: center; border: 2px solid transparent; }
.vb-plate { font-size: 13px; font-weight: 700; margin-bottom: 4px; }
.vb-driver { font-size: 12px; color: #666; margin-bottom: 4px; }
.vb-status { font-size: 13px; font-weight: 600; margin-bottom: 2px; }
.vb-trips { font-size: 11px; color: #888; }
.vbc-going { background: #fff7e6; border-color: #ffa940; }
.vbc-going .vb-status { color: #fa8c16; }
.vbc-ready { background: #f6ffed; border-color: #73d13d; }
.vbc-ready .vb-status { color: #52c41a; }
.vbc-repair { background: #fff1f0; border-color: #ff7875; }
.vbc-repair .vb-status { color: #f5222d; }

/* ===== 鏉愭枡搴撳瓨鍗＄墖 ===== */
.material-card { border-radius: 8px; padding: 16px 12px; background: #fff; border: 1px solid #e5e7eb; text-align: center; box-shadow: 0 1px 4px rgba(0,0,0,.06); }
.mat-name { font-size: 12px; color: #666; margin-bottom: 8px; }
.mat-stock { font-size: 28px; font-weight: 700; }
.mat-ok { color: #52c41a; }
.mat-low { color: #f5222d; }
.mat-unit { font-size: 12px; color: #888; }
.mat-warn { font-size: 11px; color: #f5222d; margin-top: 4px; }

/* ===== 閫氱敤 ===== */
.el-card { border-radius: 8px; }
.el-card__header { padding: 12px 16px; border-bottom: 1px solid #f0f0f0; }
.placeholder-page { display: flex; justify-content: center; align-items: center; height: 400px; }

/* ============================================
   璋冨害鎿嶄綔鍙版牱寮?- 鏂圭牸椋庢牸
   ============================================ */

/* 璋冨害鎺у埗鍙版暣浣?*/
.dispatch-console { display: flex; flex-direction: column; height: calc(100vh - 40px); overflow: hidden; background: #f0f2f5; margin: -8px; width: calc(100% + 16px); }

/* ===== 椤堕儴绛涢€夋爮 ===== */
.dispatch-filter-bar { background: #fff; border-bottom: 1px solid #e5e7eb; padding: 1px 8px; display: flex; align-items: center; gap: 4px; flex-shrink: 0; box-shadow: 0 1px 4px rgba(0,0,0,.06); z-index: 10; min-height: 0; }
.dispatch-filter-bar .dfb-title { font-size: 12px; font-weight: 700; color: #1a2035; display: flex; align-items: center; gap: 4px; }
.dispatch-filter-bar .dfb-divider { width: 1px; height: 14px; background: #e5e7eb; }
.dispatch-filter-bar .dfb-segment { display: flex; align-items: center; gap: 4px; }
.dispatch-filter-bar .dfb-label { font-size: 11px; color: #666; }
.dispatch-filter-bar .dfb-btn-group { display: flex; gap: 1px; }
.dispatch-filter-bar .dfb-btn { padding: 0px 5px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; font-size: 11px; cursor: pointer; transition: all .2s; white-space: nowrap; line-height: 18px; }
.dispatch-filter-bar .dfb-btn:hover { border-color: #409EFF; color: #409EFF; }
.dispatch-filter-bar .dfb-btn.active { background: #409EFF; color: #fff; border-color: #409EFF; }
/* 鍏ㄥ眬 dfb-btn 鏍峰紡锛堢敤浜庤溅杈嗛槦鍒楃瓑闈?dispatch-filter-bar 鍖哄煙锛?*/
.dfb-btn { padding: 2px 8px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; font-size: 11px; cursor: pointer; transition: all .2s; white-space: nowrap; line-height: 18px; }
.dfb-btn:hover { border-color: #409EFF; color: #409EFF; }
.dfb-btn.active { background: #409EFF; color: #fff; border-color: #409EFF; }
.dispatch-filter-bar .dfb-stats { display: flex; gap: 8px; margin-left: auto; }
.dispatch-filter-bar .dfb-stat-item { text-align: center; }
.dispatch-filter-bar .dfb-stat-value { font-size: 12px; font-weight: 700; color: #333; line-height: 1.2; }
.dispatch-filter-bar .dfb-stat-label { font-size: 10px; color: #888; line-height: 1.2; }
.dispatch-filter-bar .dfb-stat-label { font-size: 11px; color: #888; }

/* ===== 涓讳綋涓夋爮甯冨眬 ===== */
.dispatch-body { flex: 1; display: flex; overflow: hidden; gap: 6px; padding: 2px; }

/* ===== 宸︿晶闈㈡澘锛氫换鍔″崟鍒楄〃 ===== */
.dispatch-task-panel { flex: 1.4; display: flex; flex-direction: column; background: #fff; border-radius: 8px; border: 1px solid #e5e7eb; overflow: hidden; }
.dispatch-task-panel .dtp-header { padding: 5px 10px; border-bottom: 1px solid #f0f0f0; font-size: 12px; font-weight: 700; color: #333; display: flex; align-items: center; justify-content: space-between; background: #f7f8fa; }
.dispatch-task-panel .dtp-body { flex: 1; overflow: auto; }

/* 浠诲姟鍒楄〃琛ㄥご */
.dt-header { display: flex; align-items: center; padding: 4px 8px; border-bottom: 1px solid #f0f0f0; font-size: 11px; font-weight: 700; color: #666; background: #f7f8fa; position: sticky; top: 0; z-index: 5; }
.dt-header .dt-cell, .dt-row .dt-cell { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 6px; position: relative; }

/* 鍒楀鎷栨嫿鎵嬫焺 */
.resize-handle { position: absolute; right: 0; top: 0; bottom: 0; width: 5px; cursor: col-resize; z-index: 10; background: transparent; transition: background .2s; }
.resize-handle:hover { background: #409EFF; }
.dt-header .dt-cell { user-select: none; }

/* 浠诲姟鍒楄〃琛?*/
.dt-row { display: flex; align-items: center; padding: 3px 8px; border-bottom: 1px solid #f5f5f5; cursor: pointer; transition: all .15s; font-size: 12px; gap: 0; }
.dt-row:hover { background: #f5f9ff; }
.dt-row.active { background: #e6f4ff; border-left: 3px solid #409EFF; }
.dt-row .dt-cell { font-size: 11px; color: #333; }
.dt-row .dt-cell.dt-index { color: #888; font-size: 10px; text-align: center; }
.dt-row .dt-cell.dt-no { font-weight: 700; color: #409EFF; }
.dt-row .dt-cell.dt-company { color: #333; }
.dt-row .dt-cell.dt-project { color: #333; }
.dt-row .dt-cell.dt-part { color: #666; }
.dt-row .dt-cell.dt-material { color: #666; font-size: 10px; }

/* 鏍囩鏍峰紡 */
.grade-tag { display: inline-block; padding: 1px 5px; border-radius: 3px; font-size: 10px; font-weight: 600; }
.grade-c15 { background: #e6f7ff; color: #1890ff; }
.grade-c20 { background: #e6f7ff; color: #1890ff; }
.grade-c25 { background: #f6ffed; color: #52c41a; }
.grade-c30 { background: #fff7e6; color: #fa8c16; }
.grade-c35 { background: #fff1f0; color: #f5222d; }
.grade-c40 { background: #f9f0ff; color: #722ed1; }
.grade-c50 { background: #fff2e8; color: #fa541c; }

/* ===== 鍙充晶闈㈡澘 ===== */
.dispatch-info-panel { flex: 0.85; display: flex; flex-direction: column; gap: 8px; min-width: 300px; }

/* 淇℃伅鍗＄墖 */
.info-card { background: #fff; border-radius: 8px; border: 1px solid #e5e7eb; overflow: hidden; display: flex; flex-direction: column; }
.info-card .ic-header { padding: 8px 12px; border-bottom: 1px solid #f0f0f0; font-size: 13px; font-weight: 700; color: #333; background: #f7f8fa; display: flex; align-items: center; gap: 6px; }
.info-card .ic-body { padding: 10px 12px; font-size: 12px; overflow: auto; }

/* 璇︽儏琛?*/
.detail-row { display: flex; margin-bottom: 5px; line-height: 1.5; }
.detail-label { width: 75px; color: #888; flex-shrink: 0; font-size: 11px; }
.detail-value { flex: 1; color: #333; word-break: break-all; font-size: 11px; }
.detail-value.contract { color: #1890ff; font-weight: 700; }

/* 鍙戣揣鏄庣粏琛ㄦ牸 */
.delivery-mini-table { width: 100%; border-collapse: collapse; font-size: 11px; }
.delivery-mini-table th { padding: 5px 6px; background: #f7f8fa; border-bottom: 1px solid #e5e7eb; color: #555; font-weight: 600; text-align: center; font-size: 10px; }
.delivery-mini-table td { padding: 4px 6px; border-bottom: 1px solid #f0f0f0; text-align: center; color: #333; font-size: 10px; }
.delivery-mini-table td:first-child { font-weight: 700; }
.delivery-mini-table .td-total { color: #1890ff; font-weight: 700; }

/* 杞﹁締鎺掗槦 */
.vehicle-queue { padding: 8px 12px; }
.queue-stats { display: flex; gap: 16px; margin-bottom: 8px; }
.queue-stat { text-align: center; }
.queue-stat .qs-num { font-size: 20px; font-weight: 700; }
.queue-stat .qs-num.ready { color: #52c41a; }
.queue-stat .qs-num.out { color: #1890ff; }
.queue-stat .qs-num.err { color: #f5222d; }
.queue-stat .qs-label { font-size: 10px; color: #888; }
.queue-tags { display: flex; flex-wrap: wrap; gap: 5px; }
.queue-tag { padding: 3px 8px; border-radius: 4px; font-size: 11px; font-weight: 600; background: #e6f7ff; color: #1890ff; border: 1px solid #91d5ff; cursor: pointer; transition: all .2s; }
.queue-tag:hover { background: #1890ff; color: #fff; }
.queue-tag.busy { background: #f6ffed; color: #52c41a; border-color: #b7eb8f; }
.queue-tag.busy:hover { background: #52c41a; color: #fff; }

/* ===== 搴曢儴宸ュ叿鏍?===== */
.dispatch-footer { background: #fff; border-top: 1px solid #e5e7eb; padding: 2px 10px; display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
.df-btn { padding: 3px 10px; border-radius: 3px; font-size: 11px; font-weight: 600; cursor: pointer; border: none; transition: all .2s; line-height: 18px; }
.df-btn.primary { background: #1890ff; color: #fff; }
.df-btn.primary:hover { background: #40a9ff; }
.df-btn.info { background: #f0f2f5; color: #333; border: 1px solid #d9d9d9; }
.df-btn.info:hover { border-color: #1890ff; color: #1890ff; }

/* ===== 鎺掑崟寮圭獥 ===== */
.dispatch-dialog .el-dialog__body { padding: 0; }
.dispatch-dialog-inner { display: flex; gap: 12px; padding: 12px; min-height: 400px; }
.dd-left { flex: 1; display: flex; flex-direction: column; gap: 10px; }
.dd-right { flex: 0.8; display: flex; flex-direction: column; }

.dd-section { background: #f7f8fa; border-radius: 6px; border: 1px solid #e5e7eb; overflow: hidden; }
.dd-section .dds-title { padding: 2px 6px; background: #e6f4ff; border-bottom: 1px solid #bae7ff; font-size: 11px; font-weight: 700; color: #1890ff; }
.dd-section .dds-body { padding: 1px 6px; font-size: 10px; }
.dds-row { display: flex; margin-bottom: 0; align-items: center; min-height: 6px; line-height: 14px; }
.dds-label { width: 58px; color: #666; flex-shrink: 0; font-size: 10px; }
.dds-value { flex: 1; color: #333; font-weight: 600; font-size: 10px; }
.dds-value.highlight { color: #1890ff; }

.vehicle-select-table { width: 100%; border-collapse: collapse; font-size: 10px; line-height: 1.2; }
.vehicle-select-table th { padding: 2px 4px; background: #f0f2f5; border-bottom: 1px solid #d9d9d9; color: #555; font-weight: 600; text-align: center; position: sticky; top: 0; font-size: 10px; }
.vehicle-select-table td { padding: 1px 3px; border-bottom: 1px solid #f0f0f0; text-align: center; color: #333; font-size: 10px; }
.vehicle-select-table tr { height: 20px; }
.vehicle-select-table tr:hover { background: #f5f9ff; cursor: pointer; }
.vehicle-select-table tr.selected { background: #e6f4ff; }
.vehicle-select-table .radio-dot { width: 14px; height: 14px; border: 1.5px solid #d9d9d9; border-radius: 50%; display: inline-block; position: relative; }
.vehicle-select-table tr.selected .radio-dot { border-color: #1890ff; }
.vehicle-select-table tr.selected .radio-dot::after { content: ''; position: absolute; width: 8px; height: 8px; background: #1890ff; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); }

/* 婊氬姩鏉＄編鍖?*/
.dispatch-task-panel .dtp-body::-webkit-scrollbar,
.dispatch-info-panel .ic-body::-webkit-scrollbar,
.vehicle-select-table-container::-webkit-scrollbar { width: 5px; height: 5px; }
.dispatch-task-panel .dtp-body::-webkit-scrollbar-thumb,
.dispatch-info-panel .ic-body::-webkit-scrollbar-thumb,
.vehicle-select-table-container::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.dispatch-task-panel .dtp-body::-webkit-scrollbar-track,
.dispatch-info-panel .ic-body::-webkit-scrollbar-track,
.vehicle-select-table-container::-webkit-scrollbar-track { background: #f5f5f5; }

/* ===== 鍒嗛〉鎺т欢 ===== */
.pagination-bar { display: flex; align-items: center; justify-content: center; gap: 3px; padding: 4px 8px; border-top: 1px solid #f0f0f0; background: #fafafa; flex-shrink: 0; font-size: 11px; }
.pg-btn { padding: 2px 7px; border: 1px solid #d9d9d9; background: #fff; border-radius: 3px; font-size: 11px; cursor: pointer; transition: all .15s; line-height: 16px; color: #333; }
.pg-btn:hover:not(:disabled) { border-color: #409EFF; color: #409EFF; }
.pg-btn:disabled { opacity: .4; cursor: not-allowed; }
.pg-btn.active { background: #409EFF; color: #fff; border-color: #409EFF; }
.pg-info { margin: 0 6px; color: #888; font-size: 10px; white-space: nowrap; }

/* ===== 杞﹁締淇℃伅琛ㄦ牸琛岄珮缂╁皬 ===== */
.vehicle-info-table .el-table__cell { padding: 3px 0 !important; }
.vehicle-info-table .el-table__cell .cell { line-height: 16px; padding: 0 8px; font-size: 12px; }
.vehicle-info-table .el-tag--small { height: 18px; padding: 0 5px; line-height: 16px; font-size: 11px; }
.vehicle-info-table .el-button--small { height: 20px; padding: 0 4px; font-size: 11px; }

/* ===== 鐢熶骇浠诲姟琛ㄦ牸琛岄珮鍘嬬缉 ===== */
.task-table-compact .el-table__cell { padding: 2px 0 !important; }
.task-table-compact .el-table__cell .cell { line-height: 18px; padding: 0 6px; font-size: 12px; white-space: nowrap; }
.task-table-compact .el-tag--small { height: 18px; padding: 0 4px; line-height: 16px; font-size: 11px; }
.task-table-compact .el-button--small { height: 22px; padding: 0 4px; font-size: 11px; }
.task-table-compact .el-button.is-link { height: auto; padding: 0 2px; }

/* ===== 鍒嗛〉鍣ㄥ帇缂╋紙鍏ㄥ眬寮哄埗锛?===== */
.pagination-compact,
.pagination-compact .el-pagination { margin: 0 !important; padding: 0 !important; height: 22px !important; line-height: 22px !important; }
.pagination-compact .el-pagination > * { vertical-align: middle; }
.pagination-compact .el-pagination .btn-prev,
.pagination-compact .el-pagination .btn-next { 
  width: 22px !important; height: 22px !important; min-width: 22px !important; padding: 0 !important; margin: 0 !important;
  background: transparent !important; font-size: 12px !important; line-height: 22px !important;
}
.pagination-compact .el-pagination .btn-prev button,
.pagination-compact .el-pagination .btn-next button { width: 22px !important; height: 22px !important; padding: 0 !important; }
.pagination-compact .el-pager li {
  width: 24px !important; height: 22px !important; min-width: 24px !important; 
  line-height: 22px !important; font-size: 11px !important; font-weight: normal !important;
  margin: 0 1px !important; padding: 0 !important; border-radius: 2px !important;
}
.pagination-compact .el-pager li.is-active { font-weight: bold !important; }
.pagination-compact .el-pagination .el-pagination__sizes,
.pagination-compact .el-pagination .el-pagination__jump { display: none !important; }

/* ===== 鏃ユ湡閫夋嫨鍣ㄤ紭鍖?===== */
/* 閫変腑鎬佹洿閱掔洰 */
.el-date-table td.in-range .el-date-table-cell { background: #e6f7ff; }
.el-date-table td.current:not(.disabled) .el-date-table-cell { background: #409EFF; color: #fff; border-radius: 50%; }

/* ===== 绛涢€?鎺掑簭宸ュ叿琛?===== */
.filter-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; padding: 8px 12px; background: #f5f7fa; border: 1px solid #e4e7ed; border-radius: 6px; flex-wrap: wrap; }

/* ===== 鎵归噺鎿嶄綔宸ュ叿鏍?===== */
.batch-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; padding: 8px 16px; background: #e6f7ff; border: 1px solid #91d5ff; border-radius: 6px; }
.batch-toolbar span { font-size: 13px; }
/* ===== 鏂欎粨鐩戞帶 ===== */
.silo-card {
  background: #fff;
  border: 1.5px solid #e4e7ed;
  border-radius: 10px;
  padding: 14px 10px 10px;
  text-align: center;
  transition: box-shadow 0.2s;
  margin-bottom: 0;
}
.silo-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,0.10); }
.silo-card.silo-danger { border-color: #f56c6c; background: #fff8f8; }
.silo-card.silo-warning { border-color: #e6a23c; background: #fffbf2; }
.silo-card.silo-ok { border-color: #67c23a; background: #f8fff5; }
.silo-name { font-size: 14px; font-weight: 700; color: #303133; margin-bottom: 2px; }
.silo-line { font-size: 11px; color: #909399; margin-bottom: 8px; }
.silo-tank-wrap, .silo-aggregate-wrap { display: flex; justify-content: center; margin-bottom: 6px; }
.silo-stock { font-size: 13px; margin: 4px 0 2px; }
.silo-stock-val { font-size: 22px; font-weight: 700; }
.silo-stock-unit { font-size: 12px; color: #666; margin-left: 2px; }
.silo-capacity { font-size: 11px; color: #999; margin-bottom: 4px; }

/* ===== 缂烘枡琛? ===== */
.shortage-stat-card {
  background: #fff;
  border-radius: 8px;
  padding: 14px 18px;
  margin-bottom: 12px;
  box-shadow: 0 1px 6px rgba(0,0,0,0.06);
}

/* ===== 磅房管理模块 ===== */
.weigh-status-bar {
  display: flex; align-items: center; background: #fff; border-radius: 8px;
  padding: 12px 20px; box-shadow: 0 1px 6px rgba(0,0,0,0.06); margin-bottom: 0;
}
.status-indicator { display: flex; align-items: center; gap: 8px; min-width: 140px; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; }
.status-indicator.online .status-dot { background: #67c23a; box-shadow: 0 0 6px #67c23a; }
.status-indicator.offline .status-dot { background: #f56c6c; }
.status-text { font-size: 14px; font-weight: 600; color: #333; }
.scale-no { font-size: 12px; color: #999; margin-left: 6px; }
.scale-display { flex: 1; text-align: center; }
.weight-value { font-size: 36px; font-weight: 700; color: #409EFF; font-family: 'Consolas', monospace; }
.weight-unit { font-size: 14px; color: #999; }
.scale-actions { display: flex; gap: 8px; }

.weight-comparison { border-top: 1px solid #ebeef5; padding-top: 12px; }
.weight-item { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
.weight-item .label { font-size: 13px; color: #666; }
.weight-item .value { font-size: 18px; font-weight: 700; color: #333; }
.weight-item .value.primary { color: #409EFF; }
.weight-item .value.warning { color: #e6a23c; }
.weight-item.highlight { background: #f5f7fa; border-radius: 4px; padding: 6px 8px; }

.pound-overview { }
.mt-20 { margin-top: 20px; }

/* ====== 合同信息工具栏（筛选/排序/冻结）====== */
.contract-toolbar {
  display: flex; align-items: center; gap: 8px;
  padding: 8px 14px; background: #fff;
  border-radius: 6px; box-shadow: 0 1px 4px rgba(0,0,0,.06);
  margin-bottom: 6px; flex-wrap: wrap;
}
.contract-toolbar .ct-left {
  display: flex; align-items: center; gap: 8px; margin-right: auto;
}
.contract-toolbar .ct-count {
  font-size: 12px; color: #999; background: #f0f2f5;
  padding: 2px 8px; border-radius: 10px;
}
.contract-toolbar .ct-center {
  display: flex; align-items: center; gap: 4px;
}
.contract-toolbar .ct-right {
  display: flex; align-items: center; gap: 6px;
}
.ct-sort-item {
  font-size: 12px; padding: 3px 8px; cursor: pointer; border-radius: 3px;
  color: #606266; transition: all .15s;
}
.ct-sort-item:hover { background: #ecf5ff; color: #409EFF; }
.ct-sort-item.active { background: #409EFF; color: #fff; font-weight: 600; }

/* 合同表格容器（横向滚动） */
.contract-table-wrap {
  overflow-x: auto;
  border: 1px solid #ebeef5; border-radius: 4px;
}
.contract-table-wrap .el-table {
  min-width: 1200px;
}

/* 底部滑动提示 */
.contract-scroll-hint {
  display: flex; align-items: center; padding: 4px 12px;
  font-size: 11px; color: #999; background: #fafbfc;
  border: 1px solid #ebeef5; border-top: none; border-radius: 0 0 4px 4px;
}

/* ===== ★ V144 出厂前过磅（仿FIM地磅终端样式）===== */

/* 顶部称重状态栏 */
.delivery-weigh-bar {
  display: flex; align-items: center; background: linear-gradient(135deg, #1a2035 0%, #283347 100%);
  border-radius: 10px; padding: 16px 24px; color: #fff; gap: 20px;
  box-shadow: 0 2px 12px rgba(0,0,0,0.12);
}
.dwb-left { display: flex; align-items: center; gap: 12px; min-width: 180px; }
.dwb-title { font-size: 15px; font-weight: 700; color: #dfe6f0; }
.dwb-center { flex: 1; display: flex; justify-content: center; }
.dwb-right { display: flex; align-items: center; min-width: 140px; justify-content: flex-end; }

/* 大号称重显示屏（仿FIM数码管风格） */
.weigh-screen {
  display: flex; align-items: baseline; gap: 8px;
  background: #0d1117; border-radius: 8px; padding: 8px 28px;
  border: 2px solid #409EFF; box-shadow: 0 0 20px rgba(64,158,255,0.25);
}
.weigh-digits {
  font-size: 42px; font-weight: 900; color: #67C23A;
  font-family: 'Consolas', 'Courier New', monospace; letter-spacing: 4px;
  line-height: 1.2;
}
.weigh-label {
  font-size: 16px; color: #8b9dc3; font-weight: 700; margin-left: 2px;
}

/* 地磅信息 */
.scale-info { display: flex; align-items: center; gap: 8px; }
.scale-name { font-size: 14px; font-weight: 700; color: #dfe6f0; }
.scale-dot { width: 8px; height: 8px; border-radius: 50%; }
.scale-dot.online { background: #67C23A; box-shadow: 0 0 6px #67C23A; }
.scale-status { font-size: 12px; color: #67C23A; }

/* 操作按钮行 */
.delivery-action-bar {
  display: flex; align-items: center; justify-content: space-between;
  background: #fff; border-radius: 8px; padding: 8px 16px;
  margin-top: 10px; box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
.dab-left { display: flex; align-items: center; gap: 6px; }
.dab-right { display: flex; align-items: center; gap: 16px; }
.delivery-summary { font-size: 13px; color: #666; }
.delivery-summary b { color: #409EFF; font-size: 15px; }

/* 过磅详情卡片 */
.delivery-detail-card {
  margin-top: 10px; border: 1px solid #e5e7eb;
}
.delivery-detail-card .el-card__body { padding: 12px 16px !important; }
.delivery-field {
  display: flex; flex-direction: column; gap: 2px;
  padding: 6px 10px; background: #f8f9fb; border-radius: 4px;
  border: 1px solid #eee; min-height: 50px;
}
.delivery-field .field-label { font-size: 11px; color: #999; }
.delivery-field .field-value { font-size: 18px; font-weight: 700; color: #333; }
.delivery-field .field-value.primary { color: #409EFF; }
.delivery-field .field-value.warning { color: #E6A23C; }
.delivery-field .field-value-lg { font-size: 22px; font-weight: 800; color: #E6A23C; }
.delivery-field.highlight { background: #fef7e8; border-color: #f5dab1; }
.delivery-field .field-value.dev-danger { color: #F56C6C; }
.delivery-field .field-value.dev-warning { color: #E6A23C; }
.delivery-field .field-value.dev-ok { color: #67C23A; }

/* 数据表格统一容器（技能包标准） */
.data-table-wrap {
  border: 1px solid #ebeef5; border-radius: 4px;
}
/* el-table内部滚动条强制可见 */
.data-table-wrap .el-scrollbar__bar.is-horizontal,
.data-table-wrap .el-scrollbar__bar.is-vertical {
  opacity: 1 !important;
}
.data-table-wrap .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb,
.data-table-wrap .el-scrollbar__bar.is-vertical .el-scrollbar__thumb {
  background: #c0c4cc; border-radius: 4px;
}
.data-table-wrap .el-scrollbar__bar.is-horizontal .el-scrollbar__thumb:hover,
.data-table-wrap .el-scrollbar__bar.is-vertical .el-scrollbar__thumb:hover {
  background: #909399;
}

/* 底部操作栏（仿FIM 确定/保存/取消） */
.delivery-bottom-bar {
  display: flex; align-items: center; justify-content: space-between;
  background: #fff; border-radius: 8px; padding: 10px 20px;
  margin-top: 10px; box-shadow: 0 1px 6px rgba(0,0,0,0.06);
  border: 1px solid #e5e7eb;
}
.dbb-left { display: flex; align-items: center; }
.dbb-info { font-size: 14px; color: #666; }
.dbb-info b { color: #409EFF; font-size: 18px; margin: 0 4px; }
.dbb-right { display: flex; align-items: center; gap: 8px; }