/* ===== V22.11 「人员管理 → 微信注册审核」入口 =====
   目的：把原本右下角悬浮的"注册审核"按钮收进人员管理模块内部，
        视觉上沿用人员管理面板的卡片 / 圆角 / 主色，并放大到一眼可见。
   注意：这里只负责样式；是否显示由 JS 判断系统管理员，权限最终由后端校验。 */

.review-entry {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 16px 20px 0;
  padding: 16px 20px;
  border: 1px solid #d7e6e2;
  border-radius: 12px;
  background: linear-gradient(135deg, #f3fbf8 0%, #e9f6f2 100%);
  color: #20423b;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.review-entry:hover,
.review-entry:focus-visible {
  border-color: #159a8c;
  box-shadow: 0 8px 22px rgba(21, 154, 140, .16);
  transform: translateY(-1px);
  outline: none;
}

.review-entry-badge {
  flex: 0 0 auto;
  min-width: 58px;
  height: 58px;
  padding: 0 12px;
  border-radius: 14px;
  background: #159a8c;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 有待审核申请时改为醒目橙色，便于管理员一眼看到 */
.review-entry-badge.has-items {
  background: #d9822b;
}

.review-entry-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.review-entry-text b {
  font-size: 16px;
  font-weight: 800;
  color: #12433b;
  letter-spacing: .3px;
}

.review-entry-text small {
  font-size: 12px;
  color: #6b8b84;
  line-height: 1.5;
}

.review-entry-go {
  margin-left: auto;
  flex: 0 0 auto;
  font-size: 14px;
  font-weight: 700;
  color: #0f7f74;
  white-space: nowrap;
}

/* ===== V22.18 批次列表：交货日期单元格内直接修改 =====
   目的：在列表里点一下交货日期就能选日期并立即保存，不必进入批次详情。
   注意：只影响这一格的外观与点击手感，表格其它单元格与列宽保持不变。 */

.delivery-date-editable {
  display: inline-block;
  min-width: 84px;
  padding: 2px 6px;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease;
}

.delivery-date-editable:hover,
.delivery-date-editable:focus-visible {
  background: #eef8f6;
  box-shadow: inset 0 0 0 1px #cfe6e1;
  outline: none;
}

.inline-date-input {
  width: 132px;
  padding: 2px 4px;
  border: 1px solid #159a8c;
  border-radius: 6px;
  background: #fff;
  color: #16232f;
  font: inherit;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .review-entry {
    margin: 14px 14px 0;
    padding: 14px;
    gap: 12px;
    flex-wrap: wrap;
  }

  .review-entry-go {
    margin-left: 0;
    width: 100%;
  }
}

/* ===== V22.34 整体界面等比例缩放到 80% =====
   原来看 100% 偏大：把整站统一按 0.8 倍渲染，相当于"原来的 80% 现在就是 100%"。
   用 zoom 而不是 transform，缩放后布局、滚动、固定定位的弹窗都仍按缩放后的尺寸计算，
   不会出现右侧/底部留白。想恢复原大小，删掉这条规则或把 0.8 改回 1 即可。
   注意：浏览器自身的缩放（Ctrl +/-）会与这里叠加，使用前请把浏览器缩放调回 100%。 */
html {
  zoom: 0.8;
}

/* ===== V23.32 「人员管理 → 操作审计」（只读） =====
   入口沿用「微信注册审核」的卡片样式；面板内只有查询与筛选，没有任何修改/删除按钮。 */
.audit-entry .review-entry-badge {
  background: #3f6ea8;
  font-size: 24px;
}

.audit-panel {
  margin: 12px 20px 0;
  padding: 14px 18px 6px;
  border: 1px solid #d7e6e2;
  border-radius: 12px;
  background: #fff;
}

.audit-panel[hidden] { display: none; }

.audit-head { display: flex; align-items: center; gap: 12px; }
.audit-head b { font-size: 15px; color: #12433b; }
.audit-head span { margin-left: 10px; font-size: 12px; color: #6b8b84; }
.audit-head .link-btn { margin-left: auto; }

.audit-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 10px; }

.audit-chip {
  border: 1px solid #d7e6e2;
  background: #f7fbf9;
  color: #20423b;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 13px;
  cursor: pointer;
  transition: background .16s ease, color .16s ease, border-color .16s ease;
}
.audit-chip:hover { border-color: #159a8c; color: #0f7f74; }
.audit-chip.on { background: #159a8c; border-color: #159a8c; color: #fff; }

.audit-panel .table-wrap { max-height: 420px; overflow: auto; }
.audit-panel table { width: 100%; border-collapse: collapse; font-size: 13px; }
.audit-panel th,
.audit-panel td { padding: 8px 10px; border-bottom: 1px solid #eef4f1; text-align: left; vertical-align: top; }
.audit-panel th {
  position: sticky; top: 0; z-index: 1;
  background: #f7fbf9; font-size: 12px; font-weight: 700; color: #6b8b84;
}
.audit-panel .audit-time { white-space: nowrap; color: #42574b; }
.audit-panel .audit-detail { max-width: 420px; line-height: 1.5; color: #1d3227; word-break: break-word; }
.audit-hint { margin: 0; padding: 10px 2px; font-size: 13px; color: #6b8b84; }

@media (max-width: 760px) {
  .audit-panel { margin: 12px 14px 0; padding: 12px 12px 4px; }
  .audit-panel .audit-detail { max-width: none; }
}