/* 信息库页面 + 材料自动完成下拉 + 未建库提示弹窗
   全部只在 body.mono-mode 下生效，不污染登录页与其它皮肤。 */

/* ---------- 列表页 ---------- */
body.mono-mode .ml-wrap {
  padding: 0 !important;
  border: 1px solid #e3e3e3 !important;
  background: #fff !important;
  overflow: visible !important;
}
body.mono-mode .ml-tools {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 14px; border-bottom: 1px solid #ececec;
}
body.mono-mode .ml-tools input {
  flex: 1; min-width: 0; max-width: 420px;
  height: 32px; padding: 0 10px;
  border: 1px solid #0b0b0b !important; border-radius: 0 !important;
  background: #fff !important; color: #0b0b0b !important;
  font-size: 12.5px !important; box-shadow: none !important;
}
body.mono-mode .ml-count {
  font-family: "SF Mono", Consolas, monospace; font-size: 10px;
  letter-spacing: .14em; color: #8a8a8a; white-space: nowrap;
}
body.mono-mode .ml-table { width: 100%; }
body.mono-mode .ml-table td { vertical-align: middle; }
body.mono-mode .ml-code {
  font-family: "SF Mono", Consolas, monospace !important;
  font-size: 11.5px !important; letter-spacing: .04em;
  color: #0b0b0b !important; white-space: nowrap;
}
body.mono-mode .ml-spec { font-family: "SF Mono", Consolas, monospace !important; font-size: 11.5px !important; }
body.mono-mode .ml-origin { color: #8a8a8a !important; font-size: 11px !important; }
body.mono-mode .ml-ops { text-align: right; white-space: nowrap; }
body.mono-mode .ml-ops .row-action + .row-action { margin-left: 12px; }

/* 分组行：一个编码段一组，段落号等宽显示 */
body.mono-mode .ml-table tr.ml-group td {
  background: #f7f7f7 !important;
  padding: 5px 12px !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
body.mono-mode .ml-group-code {
  font-family: "SF Mono", Consolas, monospace; font-size: 9.5px;
  letter-spacing: .14em; color: #8a8a8a; margin-right: 10px;
}
body.mono-mode .ml-group-name { font-size: 11.5px; font-weight: 500; color: #0b0b0b; }

/* ---------- 新增 / 编辑弹窗 ---------- */
body.mono-mode .ml-editor { width: min(560px, calc(100vw - 32px)); }
body.mono-mode .ml-form { display: grid; grid-template-columns: 1fr 1fr; gap: 14px 18px; }
body.mono-mode .ml-form label {
  display: block;
  font-size: 11px; letter-spacing: .06em; color: #6f6f6f;
}
body.mono-mode .ml-form .ml-full { grid-column: 1 / -1; }
body.mono-mode .ml-form .req { color: #b3261e; }
body.mono-mode .ml-form input {
  display: block; width: 100%; margin-top: 6px;
  height: 34px !important; padding: 0 2px !important;
  border: 0 !important; border-bottom: 1px solid #0b0b0b !important;
  border-radius: 0 !important; background: #fff !important;
  color: #0b0b0b !important; font-size: 13px !important; box-shadow: none !important;
}
body.mono-mode .ml-form input:focus { border-bottom-width: 2px !important; outline: none; }
body.mono-mode .ml-code-inline { font-family: "SF Mono", Consolas, monospace; letter-spacing: .04em; }
body.mono-mode .ml-editor-actions {
  display: flex; justify-content: flex-end; gap: 10px;
  margin-top: 20px; padding-top: 14px; border-top: 1px solid #ececec;
}
body.mono-mode .ml-backfill { width: min(720px, calc(100vw - 32px)); }
body.mono-mode .ml-backfill-scroll { max-height: 52vh; overflow: auto; border: 1px solid #ececec; }

/* ---------- 材料自动完成 ---------- */
.mat-ac {
  position: fixed; z-index: 9999;
  background: #fff; border: 1px solid #0b0b0b;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .14);
  max-height: 268px; overflow-y: auto;
}
.mat-ac-item {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 96px 42px;
  align-items: center; gap: 8px;
  padding: 7px 9px; cursor: pointer;
  border-bottom: 1px solid #f0f0f0;
}
.mat-ac-item:last-child { border-bottom: 0; }
.mat-ac-item.is-on, .mat-ac-item:hover { background: #f2f2f2; }
.mat-ac-code {
  font-family: "SF Mono", Consolas, monospace; font-size: 10px;
  letter-spacing: .04em; color: #8a8a8a;
}
.mat-ac-name {
  font-size: 12.5px; color: #0b0b0b;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mat-ac-name mark { background: none; color: #0b0b0b; font-weight: 600; }
.mat-ac-spec {
  font-family: "SF Mono", Consolas, monospace; font-size: 11px;
  color: #5b5b5b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mat-ac-unit { font-size: 11px; color: #8a8a8a; text-align: right; }
.mat-ac-empty { padding: 10px; font-size: 12px; color: #8a8a8a; }

/* ---------- 未建库提示（屏幕居中） ---------- */
.mat-miss-mask {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(0, 0, 0, .38);
  display: flex; align-items: center; justify-content: center;
}
.mat-miss {
  width: min(430px, calc(100vw - 32px));
  background: #fff; border: 1px solid #0b0b0b;
  box-shadow: 0 24px 60px rgba(0, 0, 0, .22);
}
.mat-miss-head {
  background: #0b0b0b; color: #fff;
  padding: 9px 14px;
  font-family: "SF Mono", Consolas, monospace;
  font-size: 9.5px; letter-spacing: .2em; text-transform: uppercase;
}
.mat-miss-body { padding: 18px 16px 16px; }
.mat-miss-title { font-size: 15px; font-weight: 500; color: #0b0b0b; margin: 0 0 8px; }
.mat-miss-text { font-size: 12.5px; line-height: 1.65; color: #4a4a4a; margin: 0 0 4px; }
.mat-miss-what {
  font-family: "SF Mono", Consolas, monospace; font-size: 12px;
  color: #0b0b0b; background: #f4f4f4; padding: 7px 9px; margin: 10px 0 0;
  word-break: break-all;
}
.mat-miss-actions { display: flex; justify-content: flex-end; gap: 10px; padding: 0 16px 16px; }
.mat-miss-btn {
  height: 30px; padding: 0 12px; cursor: pointer;
  border: 1px solid #0b0b0b; background: #fff; color: #0b0b0b;
  font-size: 11.5px; letter-spacing: .04em;
}
.mat-miss-btn.primary { background: #0b0b0b; color: #fff; }
.mat-miss-btn:hover { opacity: .82; }

/* 明细行里被标记为未建库时的输入框 */
input.mat-missing { border-color: #b3261e !important; box-shadow: inset 0 -2px 0 #b3261e !important; }

/* 表单里的大类下拉（与输入框同规格：只留下划线） */
body.mono-mode .ml-form select {
  display: block; width: 100%; margin-top: 6px;
  height: 34px !important; padding: 0 2px !important;
  border: 0 !important; border-bottom: 1px solid #0b0b0b !important;
  border-radius: 0 !important; background: #fff !important;
  color: #0b0b0b !important; font-size: 13px !important;
  box-shadow: none !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

/* 信息库页签：材料信息 / 供货商 / 来往公司 */
body.mono-mode .ml-tabs {
  display: flex; gap: 0; margin: 0 0 16px;
  border-bottom: 1px solid #0b0b0b;
}
body.mono-mode .ml-tab {
  border: 0; background: none; border-radius: 0; cursor: pointer;
  padding: 9px 16px; font-size: 12.5px; color: #5b5b5b;
  font-family: inherit;
}
body.mono-mode .ml-tab:hover { color: #0b0b0b; background: #f6f6f6; }
body.mono-mode .ml-tab.is-on {
  color: #0b0b0b; font-weight: 700;
  box-shadow: inset 0 -2px 0 #0b0b0b;
}