.claim-board{display:none;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);margin:0 0 16px;padding:21px 23px}
.claim-board.show{display:block}
.claim-board-head{display:flex;justify-content:space-between;align-items:center}
.claim-board-head h2{font-size:18px;margin:4px 0}
.claim-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}
.claim-card{border:1px solid #e5ebf4;border-radius:14px;padding:16px;background:linear-gradient(145deg,#fff,#fafcff)}
.claim-card-top{display:flex;justify-content:space-between;gap:10px}
.claim-card h3{font-size:13px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.claim-card .claim-amount{font-size:20px;font-weight:900;color:#23314d;margin:14px 0 3px}
.claim-card .claim-meta{font-size:10px;color:#8a95a8}
.claim-card .match{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.claim-card .match span{font-size:10px;color:#7b879b}
.claim-card .match b{font-size:10px;color:var(--green)}
.claim-card .match b.diff{color:var(--amber)}
.claim-card select{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:#fff;color:#526078;font-size:10px}
.claim-card button{border:0;background:#edf5ff;color:var(--brand);border-radius:7px;padding:6px 9px;font-weight:800;font-size:10px;cursor:pointer}
@media(max-width:1100px){.claim-cards{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.claim-cards{grid-template-columns:1fr}}