.loans-dialog{background:var(--soft,#f0f8e8);color:#333}
.loans-dialog .dialog-head{background:var(--accent);color:white;border:0}
.loans-dialog .dialog-head button{color:white}
.loans-dialog .dialog-head h2{font-size:18px}
.loans-dialog .dialog-body{padding:18px 16px}
.loan-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 10px}
.loan-tabs button{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;padding:17px;border-radius:22px;background:#eee;color:#777;overflow-wrap:anywhere}
.loan-tabs .lend{background:#ffe8e8;color:#9a6262}.loan-tabs .borrow{background:#e3f4e7;color:#54725a}
.loan-tabs .lend.active,.loan-balance.lend{background:#ed5663;color:white}.loan-tabs .borrow.active,.loan-balance.borrow{background:#39a65b;color:white}
.loan-tabs strong{font-size:17px}.loan-tabs span{font-size:14px}
.loan-list-row,.loan-event-row,.loan-wallet-row{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 12px;min-width:0}
.loan-list-row{background:white;border-radius:19px;margin:12px 0;box-shadow:0 3px 14px #3331;flex-wrap:wrap}
.loan-list-row .grow{flex:1;min-width:110px}.loan-list-row small,.loan-wallet-row small,.loan-event-row small{display:block;color:#858799;font-size:12px;margin-top:5px;overflow-wrap:anywhere}
.loan-arrow{font-size:26px;padding:7px;border-radius:15px;background:var(--soft,#f0f8e8)}.loan-arrow.lend,.loan-row-amount.lend{color:#d34d61}.loan-arrow.borrow,.loan-row-amount.borrow{color:#299751}
.loan-row-amount{font-size:14px;overflow-wrap:anywhere}.loan-bottom{display:flex;gap:10px;flex-shrink:0;background:var(--soft,#f0f8e8);padding:14px 16px;padding-bottom:max(14px,env(safe-area-inset-bottom));margin:0;border-top:1px solid var(--soft,#f0f8e8)}.loan-bottom button{flex:1;border-radius:22px;padding:12px 8px;font-size:13px}
.loan-context{color:#838596;font-size:13px}.loan-balance{padding:22px;border-radius:22px;margin-bottom:16px}.loan-balance span{display:block;font-size:13px;opacity:.85}.loan-balance strong{display:block;font-size:27px;margin-top:7px;overflow-wrap:anywhere}
.loan-stats p{display:flex;justify-content:space-between;gap:15px;font-size:13px;margin:13px 0}.loan-stats span{color:#838596}.loan-stats strong{text-align:right;overflow-wrap:anywhere;min-width:0}
.loan-event-row .grow,.loan-wallet-row .grow{min-width:0}.loan-event-row>strong,.loan-wallet-row>strong{font-size:13px;overflow-wrap:anywhere;max-width:45%;text-align:right}.loan-wallet-row{background:white}.loan-wallet-row+.loan-wallet-row{border-top:1px solid #eee}.loan-wallet-row .grow strong{font-size:14px}
.loan-form form{display:flex;flex-direction:column;gap:12px}.loan-form label{margin:0}.loan-form .muted{font-size:12px;line-height:1.6}.loan-save{position:sticky;bottom:-18px;background:var(--soft,#f0f8e8);padding:12px 0}.loan-save button{width:100%}.loan-form textarea{min-height:70px}
@media(max-width:360px){.loans-dialog .dialog-body{padding:12px}.loan-tabs{gap:8px}.loan-tabs button{padding:13px}.loan-tabs strong{font-size:15px}.loan-stats p{font-size:12px}.loan-balance strong{font-size:23px}}