:root {
  --erp-blue: #1a5fb4;
  --erp-blue-dark: #0d3d82;
  --erp-sidebar: #e8eef5;
  --erp-border: #c5d0e0;
  --erp-row-alt: #f7f9fc;
  --erp-text: #1a1a1a;
  --erp-muted: #5c6b7a;
  /* 紧凑密度（参考经典管家婆列表） */
  --erp-fs: 12px;
  --erp-fs-sm: 11px;
  --erp-cell-py: 2px;
  --erp-cell-px: 5px;
  --erp-line: 1.25;
  --erp-idx-bg: #e6e6cc;
  --erp-idx-border: #c8c8a0;
  --erp-row-even: #f0f0f0;
  --erp-main-pad: 8px 10px 12px;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: "Microsoft YaHei", "PingFang SC", "SimSun", sans-serif;
  font-size: var(--erp-fs);
  color: var(--erp-text);
  background: #dfe6ef;
  min-height: 100vh;
}

.erp-top {
  background: linear-gradient(180deg, var(--erp-blue) 0%, var(--erp-blue-dark) 100%);
  color: #fff;
  min-height: 44px;
  display: flex;
  align-items: center;
  padding: 5px 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.erp-top-left {
  display: flex;
  flex-direction: column;
  gap: 2px;
  line-height: 1.25;
}

.erp-top .logo {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.erp-top-unit {
  font-size: var(--erp-fs-sm);
  font-weight: 400;
  opacity: 0.92;
  letter-spacing: 0.02em;
}

.erp-shell {
  display: flex;
  min-height: calc(100vh - 44px);
}

.erp-nav {
  width: 168px;
  background: var(--erp-sidebar);
  border-right: 1px solid var(--erp-border);
  padding: 4px 0;
}

.erp-nav a {
  display: block;
  padding: 6px 12px;
  color: #234;
  text-decoration: none;
  border-left: 3px solid transparent;
}

.erp-nav a:hover {
  background: rgba(26, 95, 180, 0.08);
}

.erp-nav a.active {
  background: #fff;
  border-left-color: var(--erp-blue);
  font-weight: 600;
  color: var(--erp-blue-dark);
}

.erp-nav-group {
  border-top: 1px solid #c5d0e0;
  border-bottom: 1px solid #c5d0e0;
  margin: 4px 0;
}

.erp-nav-group-hd {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px 6px 12px;
  margin: 0;
  border: none;
  background: linear-gradient(180deg, #f0f3f7 0%, #dde3ec 100%);
  color: #1a2a3d;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
  text-align: left;
  font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
}

.erp-nav-group-hd:hover {
  background: linear-gradient(180deg, #f5f7fa 0%, #e4e9f0 100%);
}

.erp-nav-chev::after {
  content: "▼";
  font-size: 10px;
  opacity: 0.75;
}

.erp-nav-group.is-open .erp-nav-chev::after {
  content: "▲";
}

.erp-nav-group-sub {
  display: none;
  background: #fff;
}

.erp-nav-group.is-open .erp-nav-group-sub {
  display: block;
}

.erp-nav-sub {
  display: block;
  padding: 5px 10px 5px 24px !important;
  color: #234;
  text-decoration: none;
  border-left: 3px solid transparent;
  font-size: var(--erp-fs-sm);
}

.erp-nav-sub:hover {
  background: rgba(26, 95, 180, 0.06);
}

.erp-nav-sub.active {
  background: #fff;
  border-left-color: var(--erp-blue);
  font-weight: 600;
  color: var(--erp-blue-dark);
}

.erp-main {
  flex: 1;
  padding: var(--erp-main-pad);
  overflow: auto;
}

.erp-panel {
  background: #fff;
  border: 1px solid var(--erp-border);
  border-radius: 2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.erp-panel-hd {
  padding: 6px 10px;
  border-bottom: 1px solid var(--erp-border);
  background: linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%);
  font-weight: 600;
  font-size: var(--erp-fs);
  color: var(--erp-blue-dark);
}

.erp-panel-bd {
  padding: 8px 10px;
}

.erp-stats {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 8px;
  margin-bottom: 10px;
}

.erp-stat {
  background: #fff;
  border: 1px solid var(--erp-border);
  padding: 10px 12px;
  border-radius: 2px;
}

.erp-stat .n {
  font-size: 18px;
  font-weight: 700;
  color: var(--erp-blue);
}

.erp-stat .t {
  color: var(--erp-muted);
  margin-top: 2px;
  font-size: var(--erp-fs-sm);
}

table.erp-grid {
  width: 100%;
  border-collapse: collapse;
}

table.erp-grid th,
table.erp-grid td {
  border: 1px solid var(--erp-border);
  padding: var(--erp-cell-py) var(--erp-cell-px);
  text-align: left;
  font-size: var(--erp-fs);
  line-height: var(--erp-line);
}

table.erp-grid th {
  background: #e8eef5;
  font-weight: 600;
  color: #2a3f5f;
}

table.erp-grid tbody tr:nth-child(even) {
  background: var(--erp-row-alt);
}

table.erp-grid tbody tr:hover {
  background: #e3eef9;
}

.erp-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
  margin-bottom: 8px;
}

.erp-btn {
  display: inline-block;
  padding: 4px 10px;
  background: linear-gradient(180deg, #3d7fd4 0%, var(--erp-blue) 100%);
  color: #fff !important;
  border: 1px solid #0d4a9e;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  font-size: var(--erp-fs);
}

.erp-btn:hover {
  filter: brightness(1.05);
}

.erp-btn-sec {
  background: linear-gradient(180deg, #f8f8f8 0%, #e8e8e8 100%);
  color: #333 !important;
  border-color: #bbb;
}

.erp-form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  margin-bottom: 8px;
  align-items: center;
}

.erp-form-row label {
  min-width: 72px;
  color: var(--erp-muted);
}

.erp-form-row input,
.erp-form-row select,
.erp-form-row textarea {
  padding: 3px 6px;
  border: 1px solid #aab8c8;
  border-radius: 2px;
  min-width: 120px;
  font-size: var(--erp-fs);
}

.erp-alert {
  padding: 5px 8px;
  background: #fff3cd;
  border: 1px solid #e6c200;
  margin-bottom: 8px;
  border-radius: 2px;
  font-size: var(--erp-fs);
}

.erp-sub {
  font-size: 12px;
  color: var(--erp-muted);
  margin-top: 6px;
}

.order-items {
  width: 100%;
  margin-top: 8px;
}

.order-items th {
  background: #e8eef5;
}

.row-actions form {
  display: inline;
}

.erp-btn-sm {
  padding: 2px 6px;
  font-size: var(--erp-fs-sm);
}

.text-right {
  text-align: right !important;
}

.text-warn {
  color: #b45309;
  font-weight: 600;
}

/* —— 列表页（入库单等）：工具栏 + 筛选 + 深色表头 + 斑马纹 + 行号列 —— */
.erp-list-panel-hd {
  padding: 5px 10px !important;
  font-size: var(--erp-fs) !important;
}

.erp-list-panel-bd {
  padding: 6px 8px 8px;
}

.erp-list-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: center;
  padding: 4px 0 6px;
  border-bottom: 1px solid var(--erp-border);
  margin-bottom: 6px;
}

.erp-tb-btn {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 3px 8px;
  font-size: var(--erp-fs-sm);
  border: 1px solid #9aa8b8;
  border-radius: 2px;
  background: linear-gradient(180deg, #fafbfc 0%, #e8ecf2 100%);
  color: #223 !important;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
}

.erp-tb-btn span {
  font-size: var(--erp-fs-sm);
}

.erp-tb-add {
  border-color: #2d8a54;
  background: linear-gradient(180deg, #3cb371 0%, #2d8a54 100%);
  color: #fff !important;
}

.erp-tb-copy {
  border-color: #9aa8b8;
}

.erp-tb-edit {
  border-color: #c9782d;
  background: linear-gradient(180deg, #f0a050 0%, #d97d28 100%);
  color: #fff !important;
}

.erp-tb-del {
  border-color: #b32d2d;
  background: linear-gradient(180deg, #e85c5c 0%, #c43d3d 100%);
  color: #fff !important;
}

.erp-tb-chart {
  border-color: #6b8cae;
}

.erp-tb-export {
  border-color: #2d8a54;
  background: linear-gradient(180deg, #4caf6a 0%, #2d8a54 100%);
  color: #fff !important;
}

.erp-tb-import {
  border-color: #2d7a4a;
  background: linear-gradient(180deg, #5cb87a 0%, #3a9a5c 100%);
  color: #fff !important;
}

.erp-filter-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 10px;
  padding: 4px 0 6px;
  margin-bottom: 6px;
  border-bottom: 1px solid #dde5ef;
}

.erp-filter-bar label {
  color: var(--erp-muted);
  font-size: var(--erp-fs-sm);
}

.erp-filter-bar select {
  min-width: 96px;
  max-width: 140px;
  padding: 2px 5px;
  height: 22px;
  font-size: var(--erp-fs);
  border: 1px solid #aab8c8;
  border-radius: 1px;
}

.erp-filter-bar .erp-filter-input {
  min-width: 100px;
  max-width: 200px;
  height: 22px;
  padding: 2px 5px;
  font-size: var(--erp-fs);
  border: 1px solid #aab8c8;
  border-radius: 1px;
}

.erp-filter-btn {
  display: inline-block;
  padding: 3px 10px;
  font-size: var(--erp-fs-sm);
  border-radius: 2px;
  text-decoration: none;
  border: 1px solid #8a9aad;
  cursor: pointer;
  font-family: inherit;
}

.erp-filter-search {
  background: linear-gradient(180deg, #5a9fd4 0%, #3d7eb8 100%);
  color: #fff !important;
  border-color: #2a5f8f;
}

.erp-filter-reset {
  background: linear-gradient(180deg, #fff8f0 0%, #ffd8a8 100%);
  color: #8b4513 !important;
  border-color: #e6a85c;
}

.erp-grid-wrap {
  overflow: auto;
  border: 1px solid #8a929e;
}

/* 产品信息：表宽随内容，短列收紧；名称/规格/备注过长时省略，悬停看 title */
table.erp-grid-list--products {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
}

table.erp-grid-list--products thead th.erp-col-name,
table.erp-grid-list--products thead th.erp-col-spec,
table.erp-grid-list--products thead th.erp-col-origin,
table.erp-grid-list--products thead th.erp-col-remarks {
  text-align: left;
}

table.erp-grid-list--products tbody td.erp-col-name,
table.erp-grid-list--products tbody td.erp-col-spec,
table.erp-grid-list--products tbody td.erp-col-origin,
table.erp-grid-list--products tbody td.erp-col-remarks {
  text-align: left;
}

table.erp-grid-list--products th.erp-col-code,
table.erp-grid-list--products td.erp-col-code,
table.erp-grid-list--products th.erp-col-pinyin,
table.erp-grid-list--products td.erp-col-pinyin,
table.erp-grid-list--products th.erp-col-harvest,
table.erp-grid-list--products td.erp-col-harvest {
  white-space: nowrap;
  width: 1%;
}

table.erp-grid-list--products th.erp-col-origin,
table.erp-grid-list--products td.erp-col-origin {
  white-space: normal;
  max-width: 18rem;
  min-width: 4em;
  line-height: 1.35;
  vertical-align: middle;
}

table.erp-grid-list--products td.erp-col-name {
  min-width: 6em;
  max-width: 18rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--products td.erp-col-spec {
  min-width: 3em;
  max-width: 12rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--products td.erp-col-remarks {
  min-width: 6em;
  max-width: min(55vw, 36rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--suppliers {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
}

table.erp-grid-list--suppliers td.erp-col-name,
table.erp-grid-list--suppliers td.erp-col-abbr,
table.erp-grid-list--suppliers td.erp-col-main {
  max-width: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--suppliers th.erp-col-code,
table.erp-grid-list--suppliers td.erp-col-code,
table.erp-grid-list--suppliers th.erp-col-pinyin,
table.erp-grid-list--suppliers td.erp-col-pinyin {
  white-space: nowrap;
  width: 1%;
}

table.erp-grid-list--customers {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
}

table.erp-grid-list--customers td.erp-col-name,
table.erp-grid-list--customers td.erp-col-address {
  max-width: 18rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--customers td.erp-col-code,
table.erp-grid-list--customers td.erp-col-pinyin {
  white-space: nowrap;
  width: 1%;
}

table.erp-grid-list--stock {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
}

table.erp-grid-list--stock td.erp-col-code,
table.erp-grid-list--stock td.erp-col-unit,
table.erp-grid-list--stock td.erp-col-num {
  white-space: nowrap;
  width: 1%;
}

table.erp-grid-list--stock td.erp-col-name {
  min-width: 8rem;
  max-width: 18rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list--stock td.erp-col-spec {
  min-width: 4rem;
  max-width: 14rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.erp-grid-list {
  margin: 0;
  border: none;
  font-size: var(--erp-fs);
  line-height: var(--erp-line);
}

table.erp-grid-list thead th {
  background: #666;
  color: #fff;
  border-color: #555;
  font-weight: 600;
  white-space: nowrap;
  text-align: center;
  padding: var(--erp-cell-py) var(--erp-cell-px);
  font-size: var(--erp-fs-sm);
}

table.erp-grid-list tbody td {
  padding: var(--erp-cell-py) var(--erp-cell-px);
}

table.erp-grid-list tbody tr:nth-child(odd) {
  background: #fff;
}

table.erp-grid-list tbody tr:nth-child(even) {
  background: var(--erp-row-even);
}

table.erp-grid-list tbody tr:hover {
  background: #dde8f0;
}

table.erp-grid-list td,
table.erp-grid-list th {
  border-color: #ccc;
}

table.erp-grid-list .row-chk {
  width: 13px;
  height: 13px;
  vertical-align: middle;
  margin: 0;
}

.erp-col-idx,
.erp-col-idx-h {
  width: 28px;
  min-width: 28px;
  text-align: center !important;
  background: var(--erp-idx-bg) !important;
  color: #333 !important;
  font-weight: 600;
  border-color: var(--erp-idx-border) !important;
}

table.erp-grid-list thead .erp-col-idx-h {
  background: #666 !important;
  color: #fff !important;
  border-color: #555 !important;
}

.erp-col-check {
  width: 28px;
  min-width: 28px;
  text-align: center !important;
}

.erp-grid-empty {
  text-align: center;
  color: var(--erp-muted);
  padding: 12px 8px !important;
  font-size: var(--erp-fs);
}

table.erp-grid-list tbody tr.erp-row-selected {
  background: #c8dcf4 !important;
}

table.erp-grid-list tbody tr.erp-click-row {
  cursor: pointer;
}

/* —— 管家婆风格「提示」对话框（仿经典 Windows 确认框） —— */
.erp-modal-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 10000;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.38);
  font-family: "Microsoft YaHei", "Tahoma", sans-serif;
  font-size: 12px;
}

.erp-modal-backdrop.is-open {
  display: flex !important;
}

.erp-win-modal {
  min-width: 300px;
  max-width: 380px;
  background: #ece9d8;
  border: 1px solid #000;
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.35);
}

.erp-win-modal-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 8px 5px 10px;
  background: linear-gradient(180deg, #0d47a1 0%, #1565c0 55%, #0d47a1 100%);
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  border-bottom: 1px solid #000;
}

.erp-win-modal-close {
  margin: 0;
  padding: 0 6px;
  border: none;
  background: transparent;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  font-weight: 400;
}

.erp-win-modal-close:hover {
  background: rgba(255, 255, 255, 0.15);
}

.erp-win-modal-body {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 14px 12px 16px;
  background: #ece9d8;
}

.erp-win-modal-icon {
  flex-shrink: 0;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: linear-gradient(180deg, #42a5f5 0%, #1565c0 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  font-family: "Times New Roman", serif;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.erp-win-modal-msg {
  flex: 1;
  line-height: 1.5;
  color: #000;
  white-space: pre-line;
}

.erp-win-modal-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 16px;
  background: #ece9d8;
  border-top: 1px solid #aca899;
}

.erp-win-modal-btn {
  min-width: 76px;
  padding: 4px 14px;
  font-size: 12px;
  font-family: inherit;
  cursor: pointer;
  border: 1px solid #7a7a7a;
  border-radius: 2px;
  background: linear-gradient(180deg, #fff 0%, #e4e4e4 45%, #d0d0d0 100%);
  color: #000;
}

.erp-win-modal-btn:hover {
  filter: brightness(1.03);
}

.erp-win-modal-btn-primary {
  border: 2px solid #003c74;
  padding: 3px 13px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

/* —— 采购入库单单据页（基本信息 + 明细 + 底部分页） —— */
.purchase-doc-bd {
  padding: 6px 8px 8px;
}

.erp-doc-tabs {
  margin-bottom: 6px;
  border-bottom: 1px solid var(--erp-border);
}

.erp-doc-tab {
  display: inline-block;
  padding: 4px 12px;
  font-size: var(--erp-fs);
  margin-bottom: -1px;
  border: 1px solid var(--erp-border);
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, #f5f8fc 0%, #e8eef5 100%);
  font-weight: 600;
  color: var(--erp-blue-dark);
}

.erp-doc-tab.active {
  background: #fff;
  position: relative;
  z-index: 1;
}

.erp-doc-basic-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 6px 12px;
  margin-bottom: 8px;
  align-items: end;
}

.erp-doc-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.erp-doc-field label {
  font-size: 12px;
  color: var(--erp-muted);
}

.erp-doc-field input,
.erp-doc-field select {
  padding: 3px 6px;
  font-size: var(--erp-fs);
  border: 1px solid #aab8c8;
  border-radius: 2px;
  min-width: 0;
}

.erp-doc-field-wide {
  grid-column: span 2;
}

@media (max-width: 720px) {
  .erp-doc-field-wide {
    grid-column: span 1;
  }
}

.erp-doc-field-full {
  grid-column: 1 / -1;
}

.erp-doc-readonly {
  background: #f0f3f7;
  color: #456;
}

/* 只读、无占位字时仍保留宽度 */
.erp-readonly-blank {
  min-width: 120px;
}

.erp-doc-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  padding: 8px 0 12px;
  margin-bottom: 6px;
  font-size: 12px;
  color: var(--erp-muted);
  border-bottom: 1px dashed #ccd6e4;
}

.erp-doc-meta b {
  font-weight: 600;
  color: var(--erp-text);
}

.erp-doc-meta-input {
  font: inherit;
  padding: 2px 6px;
  border: 1px solid #aab8c8;
  border-radius: 2px;
  min-width: 100px;
  max-width: 160px;
}

.erp-doc-line-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px;
  align-items: center;
  padding: 8px 0 10px;
}

.purchase-doc-grid-wrap {
  margin-bottom: 8px;
  max-height: min(320px, 50vh);
  overflow: auto;
}

.purchase-doc-items {
  min-width: 1100px;
}

.purchase-doc-items .erp-cell-input,
.purchase-doc-items .erp-cell-num,
.purchase-doc-items .erp-cell-date {
  width: 100%;
  max-width: 100%;
  padding: 2px 4px;
  border: 1px solid #b8c0cc;
  border-radius: 1px;
  font-size: var(--erp-fs-sm);
}

.purchase-doc-items .erp-cell-select {
  width: 100%;
  min-width: 120px;
  max-width: 200px;
  padding: 2px 4px;
  font-size: var(--erp-fs-sm);
}

.purchase-doc-items .cell-amt {
  font-weight: 600;
  padding-right: 10px !important;
}

/* 销售发货单：备注列加宽；成本只读格 */
.sale-doc-items {
  width: max-content;
  max-width: 100%;
  table-layout: auto;
}

.sale-doc-th-remark,
.sale-doc-items td:last-child {
  min-width: 12rem;
  max-width: min(40vw, 22rem);
}

.sale-cell-remark {
  min-width: 10rem;
  width: 100%;
}

.sale-doc-items .erp-cell-readonly {
  background: #f5f5f5;
  color: #444;
  font-size: var(--erp-fs-sm);
  padding: 2px 6px !important;
}

.sale-doc-items select.cell-origin {
  min-width: 5.5rem;
  max-width: 10rem;
}

.sale-doc-items .erp-ac-cell {
  min-width: 10rem;
  max-width: min(28vw, 16rem);
  vertical-align: middle;
}

.sale-doc-items .erp-ac-wrap {
  position: relative;
}

.sale-doc-items .cell-pname {
  width: 100%;
  min-width: 8rem;
  box-sizing: border-box;
}

.sale-doc-items .erp-ac-panel {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  margin-top: 2px;
  max-height: 12rem;
  overflow: auto;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  z-index: 50;
}

.sale-doc-items .erp-ac-item {
  padding: 4px 8px;
  cursor: pointer;
  font-size: var(--erp-fs-sm);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sale-doc-items .erp-ac-item:hover {
  background: #e8f4ff;
}

.sale-line-stats {
  margin-left: 8px;
  color: var(--erp-muted);
}

.erp-doc-footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-top: 10px;
  border-top: 1px solid var(--erp-border);
}

.erp-doc-pager {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  font-size: 12px;
  color: var(--erp-muted);
}

.erp-doc-pager select {
  padding: 3px 6px;
  border: 1px solid #aab8c8;
  border-radius: 2px;
}

.erp-doc-pager-btns {
  display: inline-flex;
  gap: 4px;
}

.erp-doc-pg-btn {
  padding: 3px 8px;
  font-size: 12px;
  border: 1px solid #9aa8b8;
  border-radius: 2px;
  background: linear-gradient(180deg, #fafbfc 0%, #e8ecf2 100%);
  cursor: pointer;
  font-family: inherit;
}

.erp-doc-actions {
  display: flex;
  gap: 10px;
  align-items: center;
}