/* 设置页的字体层级与服务网格，使用系统无衬线字体和常规字重。 */
html[data-surface="staff"] #staff-settings-section {
  font-family: var(--app-font);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
.module-settings-card {
  margin-bottom: 12px;
  padding: 16px 12px 14px;
  border: 0;
  border-radius: var(--app-radius, 14px);
  background: #fff;
  box-shadow: var(--app-shadow-sm, 0 1px 4px rgba(15, 56, 46, 0.04));
}
html[data-surface="staff"] #staff-settings-section .module-settings-card h2 {
  margin: 0 6px 12px;
  color: var(--app-muted, #6c7c74);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
}
.module-settings-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 4px; }
#staff-settings-section .module-settings-grid button[hidden] { display:none !important; }
#staff-settings-section .module-settings-grid button {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:76px;
  padding:8px 0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--app-text, #1c2e26);
  font-family:inherit;
  font-size:12px;
  font-weight:500;
  line-height:18px;
  letter-spacing:0;
}
.module-settings-icon { display:flex; align-items:center; justify-content:center; width:42px; height:42px; border-radius:12px; background:var(--app-soft, #eef6f1); color:var(--app-primary, #285d45); }
.module-settings-icon .ui-icon { width:24px; height:24px; min-width:24px; flex:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
#staff-settings-section .module-settings-grid button:active { background:#eef4f0; }

/* 顶部当前登录账号卡片 */
.settings-user-card {
  margin-bottom: 12px;
  padding: 14px 16px;
  border-radius: var(--app-radius, 14px);
  background: #fff;
  box-shadow: var(--app-shadow-sm, 0 1px 4px rgba(15, 56, 46, 0.04));
}
.settings-user-identity {
  display: flex;
  align-items: center;
  gap: 12px;
}
.settings-user-copy {
  flex: 1;
  min-width: 0;
}
.settings-user-copy strong {
  display: block;
  font-size: 16px;
  font-weight: 600;
  color: var(--app-text, #1c2e26);
  line-height: 22px;
}
.settings-user-copy p {
  margin: 2px 0 0;
  font-size: 12px;
  color: var(--app-muted, #6c7c74);
}
.settings-role-badge {
  flex: none;
  padding: 3px 10px;
  border-radius: 999px;
  background: #eaf3ee;
  color: #1f6a4a;
  font-size: 11px;
  font-weight: 600;
  white-space: nowrap;
}

/* 代理商经营概览卡片 */
.settings-agent-card { margin-bottom:12px; padding:16px; border:0; border-radius:var(--app-radius, 14px); background:white; box-shadow:var(--app-shadow-sm, 0 1px 4px rgba(15, 56, 46, 0.04)); }
.settings-agent-card .settings-agent-loading { margin:0; color:var(--app-muted, #6c7c74); font-size:13px; }
.settings-agent-card button.settings-agent-reload { min-height:38px; padding:0 16px; border:1px solid #d7e2db; border-radius:10px; background:#fff; color:var(--app-text, #1c2e26); font-size:13px; font-weight:500; }
.settings-agent-card button.settings-agent-reload:active { background:#eef4f0; }
.settings-agent-scope-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #edf2ee;
  font-size: 12px;
  font-weight: 600;
  color: var(--app-muted, #6c7c74);
}
.settings-scope-link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  min-height: 28px;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: #eef6f1;
  color: #1f6a4a;
  font-size: 12px;
  font-weight: 600;
}
.settings-scope-link .ui-icon { width: 14px; height: 14px; }
.settings-agent-identity { display:flex; align-items:center; gap:12px; }
.settings-agent-identity>div { flex:1; min-width:0; }
.settings-agent-title-row { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#staff-settings-section .settings-agent-identity strong { display:inline-block; font-size:18px; font-weight:600; line-height:26px; color:var(--app-text, #1c2e26); overflow-wrap:anywhere; }
.settings-agent-identity p { margin:3px 0 0; font-size:12px; color:var(--app-muted, #6c7c74); font-variant-numeric:tabular-nums; }
.settings-agent-avatar { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:12px; background:var(--app-soft, #eef6f1); color:var(--app-primary, #285d45); flex:none; }
.settings-agent-avatar .ui-icon { width:24px; height:24px; stroke-width:1.8; }
.settings-agent-level-wrap { display:inline-flex; align-items:center; gap:4px; }
.settings-agent-level { padding:2px 8px; border-radius:6px; background:#f8f1e0; color:#8c6a2b; font-size:11px; font-weight:600; white-space:nowrap; }
html[data-surface="staff"] #staff-settings-section button.settings-level-info-btn,
.settings-level-info-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 999px !important;
  background: #eef6f1;
  color: #1f6a4a;
  cursor: pointer;
}
.settings-level-info-btn:active { background: #dcece2; }
.settings-level-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(15, 35, 28, 0.52);
}
.settings-level-modal-backdrop[hidden] { display: none !important; }
.settings-level-modal {
  width: min(380px, 100%);
  padding: 18px 16px 16px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(15, 35, 28, 0.24);
  color: #1c2e26;
}
.settings-level-modal-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 12px;
}
.settings-level-modal-head h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  color: #17382e;
}
html[data-surface="staff"] #staff-settings-section button.settings-level-modal-close,
.settings-level-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 !important;
  border: 0;
  border-radius: 50% !important;
  background: #f2f6f4;
  color: #5b7065;
  font-size: 14px;
  font-weight: 600;
}
.settings-level-current-summary {
  padding: 12px;
  border-radius: 12px;
  background: #eef6f1;
  margin-bottom: 12px;
}
.settings-level-summary-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 6px;
  background: #285d45;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  margin-bottom: 6px;
}
.settings-level-current-summary p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.55;
  color: #244235;
}
.settings-level-current-summary strong {
  color: #0f7647;
  font-weight: 700;
}
.settings-level-rule-list {
  display: grid;
  gap: 6px;
}
.settings-level-rule-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 10px;
  background: #f7faf8;
  font-size: 12.5px;
}
.settings-level-rule-row.is-current {
  background: #fdf8ec;
  border: 1px solid #f0dfB4;
}
.settings-level-rule-name {
  display: flex;
  align-items: center;
  gap: 6px;
}
.settings-level-rule-name strong {
  font-size: 13px;
  font-weight: 600;
  color: #1c2e26;
}
.settings-level-current-tag {
  padding: 1px 6px;
  border-radius: 5px;
  background: #f8f1e0;
  color: #8c6a2b;
  font-size: 10.5px;
  font-weight: 600;
}
.settings-level-rule-nums {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #4a6658;
  font-variant-numeric: tabular-nums;
}
.settings-level-profit {
  color: #0f7647;
}
.settings-level-modal-foot {
  margin: 12px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: #6c7c74;
}
.settings-agent-balance {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 14px;
  padding: 14px;
  border: 0;
  border-radius: 12px;
  background: var(--app-soft, #eef6f1);
  color: #4a6658;
  font-size: 12px;
  text-align: left;
}
.settings-agent-balance-btn:active { background: #e3f0e8; }
.settings-balance-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.settings-balance-more {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  color: #1f6a4a;
  font-size: 12px;
  font-weight: 600;
}
.settings-balance-more .ui-icon { width: 15px; height: 15px; }
#staff-settings-section .settings-agent-balance>strong { display:block; margin:4px 0 8px; color:#17382e; font-size:24px; font-weight:600; line-height:32px; letter-spacing:0; font-variant-numeric:tabular-nums; }
.settings-agent-amounts { display:flex; flex-wrap:wrap; gap:5px 16px; font-size:11px; color:var(--app-muted, #6c7c74); font-variant-numeric:tabular-nums; }
.settings-agent-customers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}
.settings-stat-btn {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3px;
  min-height: 54px;
  padding: 8px 12px;
  border: 0;
  border-radius: 10px;
  background: #f6f9f7;
  color: var(--app-muted, #6c7c74);
  font-size: 12px;
  text-align: left;
  font-variant-numeric: tabular-nums;
}
.settings-stat-btn:active { background: #ebf2ee; }
#staff-settings-section .settings-stat-btn strong {
  margin: 0;
  color: var(--app-text, #1c2e26);
  font-size: 15px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}
#staff-settings-section .settings-stat-btn strong.settings-stat-go {
  color: #1f6a4a;
  font-size: 13px;
}
.settings-stat-go .ui-icon { width: 15px; height: 15px; }
#staff-settings-section .settings-account button { min-height:48px; padding:12px 16px; justify-content:center; font-size:14px; font-weight:500; }
#inventory-preferences-content { padding:16px; }

/* 工作提醒设置子页与密码设置子页卡片规范 */
.settings-subpage-card {
  margin-bottom: 12px;
  padding: 16px;
  border-radius: var(--app-radius, 14px);
  background: #fff;
  box-shadow: var(--app-shadow-sm, 0 1px 4px rgba(15, 56, 46, 0.04));
}
.settings-subpage-card h3 {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 600;
  color: var(--app-text, #1c2e26);
}
.settings-switch-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
  border-bottom: 1px solid #edf2ee;
}
.settings-switch-row:last-child { border-bottom: 0; padding-bottom: 0; }
.settings-switch-row:first-of-type { padding-top: 4px; }
.settings-switch-copy { flex: 1; min-width: 0; }
.settings-switch-copy strong {
  display: block;
  font-size: 15px;
  font-weight: 600;
  color: var(--app-text, #1c2e26);
}
.settings-switch-copy small {
  display: block;
  margin-top: 3px;
  font-size: 12px;
  color: var(--app-muted, #6c7c74);
  line-height: 1.45;
}
.settings-pill-btn {
  flex: none;
  min-height: 34px;
  padding: 0 14px;
  border: 0;
  border-radius: 999px;
  background: #285d45;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
}
.settings-pill-btn.is-ghost {
  background: #eef6f1;
  color: #1f6a4a;
}
.settings-rule-list {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.settings-rule-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 10px;
  background: #f6f9f7;
}
.settings-rule-item strong {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--app-text, #1c2e26);
}
.settings-rule-item small {
  display: block;
  margin-top: 2px;
  font-size: 12px;
  color: var(--app-muted, #6c7c74);
}
.settings-rule-tag {
  flex: none;
  padding: 2px 8px;
  border-radius: 6px;
  background: #e6f2eb;
  color: #1f6a4a;
  font-size: 11px;
  font-weight: 600;
}

/* 设置页「退出登录」下方小字版本号展示与点击检查更新 */
.settings-version-footer {
  margin: 6px 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}
html[data-surface="staff"] #staff-settings-section .settings-version-footer button.settings-version-check-btn,
.settings-version-check-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 26px !important;
  padding: 4px 10px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #9ca6a1 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  width: auto !important;
}
html[data-surface="staff"] #staff-settings-section .settings-version-footer button.settings-version-check-btn:active,
.settings-version-check-btn:active {
  background: rgba(23, 56, 46, 0.04) !important;
}
.settings-version-text {
  color: #9ca6a1;
  font-weight: 400;
  font-variant-numeric: tabular-nums;
}
.settings-version-dot-badge {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #d9483b;
}

/* 极简版本升级弹窗 */
.app-upgrade-modal {
  padding: 18px 16px 16px;
}
.app-upgrade-changelog {
  padding: 10px 12px;
  margin-bottom: 12px;
  border-radius: 10px;
  background: #f6f9f7;
}
.app-upgrade-changelog p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #244235;
}
.app-upgrade-progress-box {
  padding: 10px 12px;
  border-radius: 10px;
  background: #eef6f1;
}
.app-upgrade-progress-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
  font-size: 12px;
  color: #1f4736;
}
.app-upgrade-progress-meta strong {
  color: #0f7647;
  font-variant-numeric: tabular-nums;
}
.app-upgrade-progress-track {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: #d5e6dc;
  overflow: hidden;
}
.app-upgrade-progress-fill {
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #1f6a4a 0%, #2ea06d 100%);
  transition: width 0.22s ease;
}