/* JDRC_DRIVER_SPONSORSHIP_AGREEMENT_UI_V1 */
.driver-sponsorship-agreement{
  margin-top:22px;
  padding-top:22px;
  border-top:1px solid #303036;
}

.driver-sponsorship-agreement .panel-title{
  align-items:flex-start;
}

.driver-sponsorship-agreement .panel-title h3{
  margin:0 0 6px;
  font-size:22px;
}

.driver-sponsorship-agreement .panel-title p{
  margin:0;
  color:#96969f;
  font-size:14px;
  line-height:1.5;
}

.driver-sponsorship-agreement-document{
  max-height:420px;
  margin-top:14px;
  overflow:auto;
  border:1px solid #303036;
  border-radius:12px;
  background:#08080a;
}

.driver-sponsorship-agreement-document:focus{
  outline:2px solid rgba(229,31,43,.55);
  outline-offset:2px;
}

.driver-sponsorship-agreement-document pre{
  margin:0;
  padding:18px;
  color:#c8c8ce;
  font:13px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.driver-sponsorship-agreement-form{
  margin-top:16px;
}

.driver-sponsorship-agreement-accepted{
  display:grid;
  gap:6px;
  margin-top:14px;
  padding:14px 16px;
  border:1px solid rgba(76,214,135,.35);
  border-radius:12px;
  background:rgba(76,214,135,.08);
  color:#bdebd0;
}

.driver-sponsorship-agreement-accepted strong{
  color:#70dda1;
}

.driver-sponsorship-agreement-accepted span{
  font-size:13px;
  color:#a8cdb8;
}

.driver-sponsorship-profile-editor,
.driver-sponsorship-contacts,
.driver-sponsorship-readiness{
  margin-top:22px;
}

.driver-sponsorship-contact-list{
  display:grid;
  gap:10px;
  margin:14px 0 18px;
}

.driver-sponsorship-contact-record{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding:14px;
  border:1px solid #303036;
  border-radius:11px;
  background:#0b0b0d;
}

.driver-sponsorship-blockers{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}

.driver-sponsorship-blockers li{
  padding:10px 12px;
  border:1px solid rgba(229,31,43,.3);
  border-radius:9px;
  background:rgba(229,31,43,.07);
  color:#dca9ad;
  font-size:13px;
}

@media(max-width:720px){
  .driver-sponsorship-contact-record{
    flex-direction:column;
  }

  .driver-sponsorship-agreement-document{
    max-height:340px;
  }
}