/* =========================================================
   RELAY STRATA — COMPACT RENEWAL SETUP
   Setup belongs inside the renewal journey header, not in a
   separate full-width card.
   ========================================================= */

/* Defensive cleanup for an older cached Setup card. */
.relay-renewal-setup{
  display:none!important;
}

.relay-renewal-setup-inline{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  color:#687386;
  font-size:11px;
  line-height:1.35;
  white-space:normal;
}

.relay-renewal-setup-inline strong{
  display:inline;
  color:#111;
  font-size:11px;
}

.relay-renewal-setup-dot{
  color:#B0B7C1;
}

.relay-renewal-setup-inline-link{
  appearance:none;
  padding:0;
  border:0;
  background:transparent;
  color:#111;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.relay-renewal-setup-inline-link:hover{
  text-decoration:underline;
}

.relay-renewal-setup-inline-edit{
  display:grid;
  grid-template-columns:minmax(190px,260px) minmax(220px,1fr) auto auto;
  gap:14px;
  align-items:end;
  padding:12px 18px;
  border-bottom:1px solid #EEF1F4;
  background:#FAFBFC;
}

.relay-renewal-setup-inline-edit[hidden]{
  display:none!important;
}

.relay-renewal-setup-inline-edit .relay-field{
  margin:0;
}

.relay-renewal-setup-inline-edit .relay-field>span{
  display:block;
  margin-bottom:5px;
  color:#687386;
  font-size:10px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.relay-renewal-setup-inline-edit .input{
  min-height:38px;
}

.relay-renewal-setup-toggle{
  display:flex;
  gap:8px;
  align-items:center;
  margin:0;
  padding:0 0 4px;
  cursor:pointer;
}

.relay-renewal-setup-toggle input{
  margin:0;
}

.relay-renewal-setup-toggle strong,
.relay-renewal-setup-toggle small{
  display:block;
}

.relay-renewal-setup-toggle strong{
  margin-bottom:2px;
  font-size:12px;
}

.relay-renewal-setup-toggle small{
  color:#7A8494;
  font-size:10px;
}

#relayRenewalSetupStatus{
  align-self:center;
  color:#8B1F1F;
  font-size:11px;
}

.relay-renewal-setup-inline-actions{
  display:flex;
  gap:8px;
}

.relay-renewal-setup-inline-actions .button{
  min-height:38px;
  padding:0 13px;
}

@media(max-width:900px){
  .relay-renewal-setup-inline{
    justify-content:flex-start;
  }

  .relay-renewal-setup-inline-edit{
    grid-template-columns:1fr;
    align-items:start;
  }

  .relay-renewal-setup-inline-actions{
    justify-content:flex-start;
  }
}