/* proof of reserves page (on top of legal.css) */
.status { margin: 24px 0 8px; padding: 20px; border: 1px solid #1d2442; border-radius: 16px; background: #0b1024; }
.badge { display: inline-block; font-weight: 800; padding: 6px 14px; border-radius: 999px; background: #1d2442; color: #fff; }
.badge.ok { background: rgba(93, 255, 155, .14); color: #5dff9b; }
.badge.bad { background: rgba(255, 93, 108, .16); color: #ff5d6c; }
.nums { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 14px; }
.num { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.num .k { font-size: 13px; color: #8a93b8; }
.num .v { font-size: 26px; font-weight: 800; color: #fff; overflow-wrap: anywhere; }
.bar { height: 10px; border-radius: 999px; background: #1d2442; overflow: hidden; }
.fill { height: 100%; width: 0; background: linear-gradient(90deg, #3ef0ff, #5dff9b); transition: width .6s; }
.tbl { width: 100%; border-collapse: collapse; }
.tbl td { padding: 8px 0; border-bottom: 1px solid #1d2442; }
.tbl td:last-child { text-align: right; font-weight: 700; color: #fff; white-space: nowrap; }
.wallet { margin: 10px 0; padding: 14px 16px; border: 1px solid #1d2442; border-radius: 12px; }
.wallet .row { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0; }
.wallet .row span:last-child { font-weight: 700; color: #fff; white-space: nowrap; }
.addr { font-family: ui-monospace, Consolas, monospace; font-size: 13px; overflow-wrap: anywhere; }
@media (max-width: 560px) { .nums { grid-template-columns: 1fr; } .num .v { font-size: 22px; } }