/* UI V2 loan pages: launch-only rules next to the generated loan.css. */

/* Logo slots: the design paints each issuer logo as a background image of its own class; the launch puts the
   record's packaged logo inside the slot instead. */
.v2 .v2-loan-logo { background-image: none !important; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.v2 .v2-loan-logo-img { display: block; width: 74%; height: 74%; object-fit: contain; }
.v2 .v2-loan-logo-ph { font-size: 17px; font-weight: 700; letter-spacing: .02em; color: #6B5A73; }
.v2 .v2-loan-glogo { display: flex; align-items: center; justify-content: center; overflow: hidden; }
.v2 .v2-loan-glogo .v2-loan-logo-img { width: 100%; height: 100%; }
.v2 .v2-loan-glogo .v2-loan-logo-ph { font-size: 10px; }

/* Overview rows whose legacy value is a list or a long sentence: label above, value below, left aligned. */
.v2 .v2-loan-rich { flex-direction: column; align-items: stretch; gap: 6px; }
.v2 .v2-loan-rich > :last-child { text-align: left; max-width: none; }
.v2 .v2-loan-rich .crv-row-k { max-width: none; }
.v2 .v2-loan-list { margin: 0; padding-left: 18px; font-weight: 500; }
.v2 .v2-loan-list li { margin: 3px 0; }

/* Review cards of the hub: the design ring draws its score as a coloured arc; unscored loans show a plain ring. */
.v2 .v2-unscored { background: rgb(241, 228, 215) !important; }

/* Illustrated icons of the hub's purpose and tool tiles: the design's white icon box with its ring gives way to the image. */
.v2 .v2-ill-box { box-shadow: none; }