/* Rooftop Urja Partner verification UX */

.ru-verification-state{
  margin-top:6px;
  display:flex;
  align-items:center;
  gap:6px;
  color:#60748b;
  font-size:11.5px;
  line-height:1.3;
}

.ru-verification-state::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#aab7c5;
}

.ru-verification-state.pending{
  color:#8a6510;
}

.ru-verification-state.pending::before{
  background:#d39a24;
}

.ru-verification-state.verified{
  color:#13795b;
  font-weight:700;
}

.ru-verification-state.verified::before{
  background:#148a68;
}

.ru-verification-state.failed{
  color:#b42318;
}

.ru-verification-state.failed::before{
  background:#b42318;
}

.ru-verification-state.optional{
  color:#718497;
}

.ru-verification-stale{
  border-color:#e2b14e !important;
  background:#fffaf0 !important;
}

.ru-verification-retry-note{
  margin-top:10px;
  padding:10px 12px;
  border:1px solid #f1d7a3;
  border-radius:10px;
  background:#fffaf0;
  color:#76591e;
  font-size:12px;
  line-height:1.4;
}

.ru-verification-retry-note[hidden]{
  display:none !important;
}

@media(max-width:760px){
  .ru-verification-state{
    font-size:11px;
  }
}