/* WARs DEX: the Loans page (loans.html, js/loans.js), on top of css/pools.css, css/orders.css and css/otc.css. */
.loanspage #board,.loanspage #lend,.loanspage #ask,.loanspage #mine{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}
.loanspage #mine{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.loanspage #mine>.err{grid-column:1/-1}
.cover-ok{color:var(--up)} .cover-thin{color:var(--a3)} .cover-low{color:var(--down)}
.rules{display:grid;gap:8px;margin-block:8px}
.rule{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end;border:1px solid var(--edge);border-radius:14px;padding:10px;background:var(--glass-2)}
.rule .legrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rule .legrow>select:first-child{flex:0 0 9.5em;width:auto}
.rule .legrow>input{flex:1 1 8em;width:auto}
.loanspage .ochips+.field{margin-top:10px}
.rule input,.rule select{background:var(--glass);border:1px solid var(--edge);color:var(--fg);border-radius:10px;padding:9px 10px;font:14px var(--mono);min-width:0;width:100%}
.rule .k{font:700 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.rule small{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.ruleopts{display:grid;gap:8px}
.ruleopts label{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--edge);border-radius:14px;padding:10px;cursor:pointer;background:var(--glass-2)}
.ruleopts label:has(input:checked){border-color:var(--a1);box-shadow:inset 0 0 0 1px var(--a1)}
.ruleopts input[type=radio]{accent-color:var(--a1);margin-top:3px}
.ruleopts small{display:block;color:var(--muted)}
.loanbar{height:6px;border-radius:999px;background:var(--glass);border:1px solid var(--edge);overflow:hidden;margin-top:6px}
.loanbar i{display:block;height:100%;background:linear-gradient(90deg,var(--up),var(--a3))}
.loanbar.late i{background:var(--down)}
.pill.good{color:var(--up);border-color:color-mix(in srgb,var(--up) 45%,transparent)}
.pill.bad{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,transparent)}
.pill.sky{color:var(--sky);border-color:color-mix(in srgb,var(--sky) 45%,transparent)}
#rvAgreeWrap span b{font-family:var(--mono);font-weight:600}
@media (max-width:860px){ .loanspage #board,.loanspage #lend,.loanspage #ask,.loanspage #mine{grid-template-columns:minmax(0,1fr)} .loanspage .ogrid>aside{order:2} }
/* an open token list sits above the cards after it (each card's blur makes its own layer) */
.ogrid:has(.tokmenu){position:relative;z-index:40}
.card:has(.tokmenu){z-index:41}