/* Claim Desk. TCT liquid glass (Toms's note 液态玻璃感): peach, copper, one dark card; numbers
   first, less text. ⛔ No blur on inputs or rows, only on cards (Toms 2026-10-19: lag). */
:root{
  --bg1:#E4C0A6; --bg2:#D4B8AC; --bg3:#EBD7CC;
  --copper:#B66D44; --copper-soft:#E7A471; --copper-ink:#8a4d2b;
  --dark:#1B1B19; --ink:#2a211c; --mut:#6a5a50;
  --card:rgba(255,255,255,.52); --edge:rgba(255,255,255,.62);
  --shadow:0 18px 50px rgba(120,70,40,.16),0 2px 6px rgba(120,70,40,.08);
  --warn:#9a3412; --warn-bg:#fde7d8; --ok:#2f6b3a; --ok-bg:#dff0e0;
  --num:"Plus Jakarta Sans",Manrope,ui-rounded,"SF Pro Rounded",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg2);-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;color:var(--ink);font:16px/1.4 system-ui,-apple-system,"Segoe UI",Roboto,"PingFang SC",sans-serif;
  background:radial-gradient(1100px 700px at 8% -8%,var(--bg1) 0,transparent 60%),
    radial-gradient(900px 600px at 100% 30%,rgba(255,255,255,.55) 0,transparent 62%),
    radial-gradient(1000px 700px at 40% 108%,var(--bg3) 0,transparent 60%),
    linear-gradient(160deg,var(--bg1),var(--bg2) 52%,var(--bg3));background-attachment:fixed}
#app{max-width:880px;margin:0 auto;padding:max(14px,env(safe-area-inset-top)) 16px 90px}
h1{font-family:var(--num);font-weight:750;font-size:24px;letter-spacing:-.5px;margin:4px 0 12px}
h2{font-family:var(--num);font-weight:700;font-size:18px;margin:18px 0 8px}
p,.mut{color:var(--mut)} small{color:var(--mut)}
a{color:var(--copper-ink)}
.top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.top b{font-family:var(--num);color:var(--copper);font-size:20px}
.card{background:var(--card);border:1px solid var(--edge);border-radius:22px;box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.85);
  padding:16px 18px;margin-bottom:14px;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}
.dark{background:var(--dark);color:#f4e9e1;border-color:#000}
.dark .mut,.dark small{color:#cbb8aa}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-bottom:14px}
.stat{background:var(--card);border:1px solid var(--edge);border-radius:20px;padding:12px 14px;box-shadow:var(--shadow)}
.stat.dark{background:var(--dark)}
.stat .n{font-family:var(--num);font-weight:750;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.4px}
.stat .l{font-size:13px;color:var(--mut)} .stat.dark .l{color:#cbb8aa}
.tabs{display:flex;gap:6px;overflow-x:auto;margin:0 -4px 14px;padding:4px}
.tabs button{flex:0 0 auto;border:1px solid var(--edge);background:rgba(255,255,255,.4);color:var(--ink);border-radius:999px;padding:9px 15px;font-size:15px;position:relative}
.tabs button.on{background:var(--copper);color:#fff;border-color:var(--copper)}
.badge{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:#c2410c;color:#fff;font-size:12px;line-height:20px;margin-left:6px;text-align:center}
.row{background:rgba(255,255,255,.46);border:1px solid var(--edge);border-radius:16px;padding:12px 14px;margin-bottom:10px}
.row .h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.row .amt{font-family:var(--num);font-weight:750;font-variant-numeric:tabular-nums;white-space:nowrap}
.chip{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12.5px;font-weight:600;background:rgba(255,255,255,.7);border:1px solid var(--edge)}
.chip.submitted{background:#fff3c4}.chip.returned{background:var(--warn-bg);color:var(--warn)}.chip.checked{background:#e3ecff}
.chip.approved{background:#e9e1ff}.chip.paid{background:var(--ok-bg);color:var(--ok)}.chip.rejected{background:#eee;color:#666;text-decoration:line-through}
label{display:block;font-size:14px;color:var(--mut);margin:10px 0 4px}
input,select,textarea{width:100%;font:inherit;font-size:16px;padding:11px 12px;border-radius:12px;border:1px solid rgba(120,70,40,.25);background:rgba(255,255,255,.85);color:var(--ink)}
input[type=checkbox]{width:auto;transform:scale(1.3);margin-right:8px}
textarea{min-height:64px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:420px){.grid2{grid-template-columns:1fr}}
button{font:inherit;cursor:pointer}
.btn{border:0;border-radius:14px;padding:12px 18px;font-size:16px;font-weight:650;background:var(--copper);color:#fff;min-height:46px}
.btn.big{width:100%;font-size:17px;padding:15px}
.btn.ghost{background:rgba(255,255,255,.6);color:var(--ink);border:1px solid var(--edge)}
.btn.warn{background:#9a3412}
.btn:disabled{opacity:.5}
.btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.alert{border-radius:14px;padding:11px 13px;margin:10px 0;background:var(--warn-bg);color:var(--warn);font-weight:600}
.okmsg{border-radius:14px;padding:11px 13px;margin:10px 0;background:var(--ok-bg);color:var(--ok);font-weight:600}
.info{border-radius:14px;padding:10px 13px;margin:10px 0;background:rgba(255,255,255,.6)}
.thumb{width:72px;height:72px;object-fit:cover;border-radius:12px;border:1px solid var(--edge);float:right;margin-left:10px;background:#fff}
.photo-prev{max-width:100%;max-height:150px;border-radius:14px;margin-top:8px;display:block}
.pin{font-size:28px;letter-spacing:10px;text-align:center}
.payto{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mono{font-family:ui-monospace,Menlo,monospace}
.toast{position:fixed;left:50%;top:max(12px,env(safe-area-inset-top));transform:translateX(-50%);background:var(--dark);color:#fff;padding:12px 18px;border-radius:14px;z-index:9;max-width:92vw}
table.ppl{width:100%;border-collapse:collapse;font-size:14px}
table.ppl td{padding:7px 4px;border-bottom:1px solid rgba(120,70,40,.15);vertical-align:middle}
.right{text-align:right}
.row small{overflow-wrap:anywhere}
.payline{display:flex;justify-content:space-between;gap:8px;font-size:14px;padding:4px 0;border-bottom:1px solid rgba(120,70,40,.12)}
.stat[onclick],.stat{cursor:default}