/* Loan card styling — a LINKED stylesheet (not an inline <style>) so the SPA router's
   _syncStylesheets() injects it on soft-nav, exactly like announcements.css. (An inline
   <style> in loan.html <head> is dropped on soft-nav → unstyled badges.)

   ONE card per (exchange, asset, type). Header = two highlighted badges: loan type
   (Гибкий green / Фиксированный amber) + coin (gold), each its own colour. Flexible shows
   its single rate; fixed lists "1д: 30%" rows (cheapest gold). Then collateral / LTV / min.
   Uses the announcements.css gold/classic theme tokens so it themes on both. */

.loan-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 7px; }
.loan-badge {
  font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase;
  padding: 3px 9px; border-radius: 6px; border: 1px solid transparent; line-height: 1.2;
}
.loan-badge--flex { color: #5ef0b6; background: rgba(94, 240, 182, 0.13); border-color: rgba(94, 240, 182, 0.40); }
.loan-badge--fixed { color: #ff9f43; background: rgba(255, 159, 67, 0.13); border-color: rgba(255, 159, 67, 0.42); }
.loan-badge--coin { color: var(--w-gold-2, #f4cd5f); background: rgba(var(--w-gold-rgb), 0.13); border-color: rgba(var(--w-gold-rgb), 0.45);
  display: inline-flex; align-items: center; gap: 5px; }
.coin-ico { width: 16px; height: 16px; flex: 0 0 16px; object-fit: contain; border-radius: 3px; }

.loan-flexrate { margin: 2px 0 4px; }
.loan-flexrate b { font-size: 20px; font-weight: 700; color: var(--w-gold-2, #f4cd5f); letter-spacing: .01em; }
.loan-flexrate-u { font-size: 12px; color: rgba(var(--w-text-rgb), 0.6); }

.loan-rows { margin: 3px 0 4px; }
.loan-line { display: flex; align-items: baseline; gap: 8px; padding: 2px 0; font-size: 13.5px; line-height: 1.5; }
.loan-line-k { color: rgba(var(--w-text-rgb), 0.72); min-width: 46px; }
.loan-line-v { font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.loan-line.is-best .loan-line-v { color: var(--w-gold-2, #f4cd5f); }

.loan-meta { font-size: 12px; line-height: 1.55; color: rgba(var(--w-text-rgb), 0.60); margin-top: 4px; }
