/* Standalone loan request page (/test/). Mirrors the approved v2 sample:
   white logo bar, light green page ground, 560px single column. */
body.is-loan-page {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: #f7f8f5;
  color: #22312b;
}
.loan-page-header {
  background: #fff;
  border-bottom: 1px solid #dde3dc;
  padding: 12px 20px 10px 20px;
  text-align: center;
}
.loan-page-header a { display: inline-block; line-height: 0; }
.loan-page-header img { height: 36px; width: auto; }
.loan-page-main {
  flex: 1;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 24px 20px 48px;
  box-sizing: border-box;
}
/* The widget is rendered flat on the page, not in a dialog. */
.loan-page-main .tpl-loan-widget { padding: 0; }
.loan-page-main .tpl-v2-brand { display: none; }
.loan-page-main .tpl-loan-widget-head { margin: 8px 0 34px; }
.loan-page-main .tpl-choice,
.loan-page-main .tpl-amount-chip,
.loan-page-main .tpl-credit-chip,
.loan-page-main .tpl-loan-widget-input { background: #fff; }
.loan-page-main .tpl-google-or span { background: #f7f8f5; }