/* 供应商填报页：一张能直接敲的表格。
   客户要求「接近 numbers 的使用逻辑，不要点击太多次」，所以：
   整页就是表格 + 一个提交按钮，没有弹窗、没有分步。 */
* { box-sizing: border-box; }
body{margin:0;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#1f2937}
.wrap{max-width:1000px;margin:0 auto;padding:20px 16px 60px}
.head{padding:18px 0 12px}
.head h1{margin:0 0 6px;font-size:20px;font-weight:600}
.head .sub{font-size:13px;color:#6b7280;line-height:1.7}
.card{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.06);padding:16px;margin-bottom:14px}
.tips{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:6px;padding:10px 14px;
  font-size:13px;line-height:1.85;color:#1e3a5f;margin-bottom:14px}
.tips b{color:#1d4ed8}
table.grid{width:100%;border-collapse:collapse;font-size:14px}
table.grid th{text-align:left;font-weight:600;color:#374151;padding:8px 6px;border-bottom:2px solid #e5e7eb;white-space:nowrap}
table.grid td{padding:4px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
table.grid tr.filled td{background:#fafefb}
.col-no{width:38px;color:#9ca3af;text-align:center;font-size:12px}
.col-date{width:150px}.col-cat{width:120px}.col-amt{width:130px}
.col-proof{width:190px}.col-del{width:40px}
.el-input__wrapper,.el-select__wrapper{box-shadow:none !important;background:transparent}
td .el-input__wrapper:hover,td .el-select__wrapper:hover{background:#f5f7fa}
td .is-focus .el-input__wrapper,td .el-input__wrapper.is-focus{background:#fff;box-shadow:0 0 0 1px #409eff inset !important}
.proof-cell{display:flex;align-items:center;gap:6px}
.proof-thumb{width:34px;height:34px;object-fit:cover;border-radius:4px;border:1px solid #e5e7eb;cursor:pointer}
.proof-drop{flex:1;border:1px dashed #d1d5db;border-radius:6px;padding:6px 8px;font-size:12px;
  color:#9ca3af;text-align:center;cursor:pointer;transition:.12s}
.proof-drop:hover{border-color:#409eff;color:#409eff;background:#f0f7ff}
.proof-drop.over{border-color:#409eff;background:#e6f2ff;color:#1d4ed8;border-style:solid}
.proof-name{font-size:12px;color:#374151;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.foot-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e7eb;padding:12px 16px;
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-radius:0 0 10px 10px}
.foot-bar .sum{font-size:15px;font-weight:600}
.foot-bar .grow{flex:1}
.num{font-variant-numeric:tabular-nums}
.done{background:#f0f9eb;border-left:4px solid #67c23a;border-radius:6px;padding:10px 14px;
  font-size:13px;line-height:1.8;color:#3f6212;margin-bottom:14px}
.page-drop{position:fixed;inset:0;z-index:2000;background:rgba(64,158,255,.1);
  display:flex;align-items:center;justify-content:center;pointer-events:none;
  font-size:18px;font-weight:600;color:#1d4ed8}
@media (max-width:768px){
  .wrap{padding:10px 8px 40px}
  table.grid{font-size:13px}
  .col-date{width:120px}.col-cat{width:96px}.col-amt{width:100px}.col-proof{width:120px}
}