/* 后台浅色主题（仅 body.theme-light 生效） */
body.theme-light {
  --bg:#f5f7fb; --card:#ffffff; --card2:#f1f5f9; --text:#1f2937; --muted:#64748b;
  --border:#e2e8f0; --shadow:0 4px 16px rgba(15,23,42,.06);
  background:#f5f7fb; color:#1f2937;
}
body.theme-light a { color:#2563eb; }
body.theme-light .card, body.theme-light section { background:#fff; }
body.theme-light .btn, body.theme-light button, body.theme-light input[type=submit] { color:#fff; background:#2563eb; border-color:#2563eb; }
body.theme-light .btn-ghost, body.theme-light .nav a { color:#1f2937; background:#fff; border-color:#cbd5e1; }
body.theme-light input, body.theme-light select, body.theme-light textarea { background:#fff; color:#1f2937; border:1px solid #cbd5e1; }
body.theme-light table th { background:#f1f5f9; color:#475569; }
body.theme-light table td, body.theme-light table th { border-color:#e2e8f0; }
body.theme-light code, body.theme-light .mono-box, body.theme-light pre { background:#f1f5f9; color:#0f172a; border-color:#e2e8f0; }
body.theme-light .badge, body.theme-light .pill { background:#f1f5f9; color:#334155; border-color:#cbd5e1; }
body.theme-light .badge.complete, body.theme-light .ok { background:#dcfce7; color:#166534; border-color:#86efac; }
body.theme-light .badge.processing { background:#dbeafe; color:#1e40af; border-color:#93c5fd; }
body.theme-light .badge.expired, body.theme-light .err, body.theme-light .badge.failed { background:#fee2e2; color:#991b1b; border-color:#fca5a5; }
body.theme-light .warn, body.theme-light .notice { background:#fef9c3; color:#854d0e; border-color:#fde68a; }
body.theme-light .badge.pending { background:#fef9c3; color:#854d0e; border-color:#fde68a; }
body.theme-light .badge.approved, body.theme-light .badge.matched { background:#dcfce7; color:#166534; border-color:#86efac; }
body.theme-light .badge.rejected, body.theme-light .badge.mismatch { background:#fee2e2; color:#991b1b; border-color:#fca5a5; }
body.theme-light .pill-row a { background:#fff; color:#1f2937; border-color:#cbd5e1; }
body.theme-light .pill-row a.active { background:#2563eb; color:#fff; }

/* ===== 全站设置面板 / 刷新 / 主题补充 ===== */
.nav button.nav-btn { padding: 10px 14px; font-size: .95rem; }
.pt-settings[hidden] { display: none; }
.pt-settings { position: fixed; inset: 0; z-index: 1000; }
.pt-settings-mask { position: absolute; inset: 0; background: rgba(0,0,0,.35); }
.pt-settings-panel {
  position: absolute; top: 0; right: 0; height: 100%; width: min(380px, 92vw);
  background: var(--card); color: var(--text); border-left: 1px solid var(--border);
  box-shadow: -8px 0 28px rgba(0,0,0,.25); padding: 18px; overflow-y: auto;
}
.pt-settings-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; font-size: 1.1rem; }
.pt-x { padding: 6px 10px !important; }
.pt-set-sec h3 { margin: 8px 0 4px; font-size: 1rem; }
.pt-set-item { margin: 14px 0; padding: 12px; border: 1px solid var(--border); border-radius: 12px; background: var(--card2); }
.pt-set-label { font-weight: 600; margin-bottom: 4px; }
.pt-set-desc { margin-bottom: 10px; font-size: .82rem; }
.pt-seg { display: flex; gap: 6px; flex-wrap: wrap; }
.pt-seg .pt-seg-btn { padding: 8px 12px; font-size: .9rem; background: transparent; color: var(--text); border: 1px solid var(--border); }
.pt-seg .pt-seg-btn.active { background: #2563eb; border-color: #2563eb; color: #fff; }
.pt-toast {
  position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%) translateY(20px);
  background: #111827; color: #fff; padding: 10px 16px; border-radius: 999px; font-size: .9rem;
  opacity: 0; pointer-events: none; transition: all .2s; z-index: 1100;
}
.pt-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); }

/* 浅色下的面板与收银台补充 */
body.theme-light .pt-seg .pt-seg-btn { background: #fff; color: #1f2937; border-color: #cbd5e1; }
body.theme-light .pt-seg .pt-seg-btn.active { background: #2563eb; color: #fff; border-color: #2563eb; }
body.theme-light .pt-set-item { background: #f8fafc; }
body.theme-light .card h2 { color: #334155; }
body.theme-light .warn-box { background: #fef9c3; color: #854d0e; border-color: #fde68a; }
body.theme-light .countdown { color: #b45309; }
body.theme-light .amount-hl { background: #dcfce7; color: #166534; border-color: #86efac; }
body.theme-light .addr, body.theme-light .antiphish { background: #f1f5f9; color: #0f172a; }
body.theme-light .flash { background: #f1f5f9; color: #1f2937; }
body.theme-light .flash.ok { background: #dcfce7; color: #166534; border-color: #86efac; }
body.theme-light .flash.err { background: #fee2e2; color: #991b1b; border-color: #fca5a5; }
body.theme-light .proto-btn { background: #fff; color: #1f2937; border-color: #cbd5e1; }
body.theme-light .btn-ok { background: #16a34a; border-color: #16a34a; }
body.theme-light .btn-ghost.nav-btn, body.theme-light .nav button.nav-btn { color: #1f2937; background: #fff; border-color: #cbd5e1; }
