/* QA902: customer selection summary hierarchy and approved approval colors. */
.customer-experience-page .cx-summary>header{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:0!important;
  min-width:0;
  padding:20px!important;
}

.customer-experience-page .cx-summary-brand{
  width:100%;
  min-width:0;
  padding-bottom:15px;
  margin-bottom:15px;
}

.customer-experience-page .cx-summary-brand>span,
.customer-experience-page .cx-summary-selection{
  min-width:0;
}

.customer-experience-page .cx-summary-selection{
  display:block!important;
  width:100%;
}

.customer-experience-page .cx-summary-selection>small{
  display:block;
  margin:0 0 4px;
  color:#ff9c48;
  font-size:13px;
  font-weight:700;
  letter-spacing:0;
  line-height:1.3;
  text-transform:none;
}

.customer-experience-page .cx-summary-selection>h2{
  display:block;
  width:100%;
  margin:0 0 5px;
  color:#f5f7f9;
  font-size:24px;
  font-weight:750;
  line-height:1.18;
  overflow-wrap:break-word;
  text-shadow:none;
  filter:none;
}

.customer-experience-page .cx-summary-selection>span{
  display:block;
  width:100%;
  color:#aebdca;
  font-size:13px;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.customer-experience-page .cx-summary-actions .cx-signed-approve{
  border:1px solid #219bd3;
  background:rgba(9,92,132,.22);
  color:#c8efff;
  box-shadow:0 8px 22px rgba(22,145,199,.12);
  filter:none;
}

.customer-experience-page .cx-summary-actions .cx-signed-approve:hover,
.customer-experience-page .cx-summary-actions .cx-signed-approve:focus-visible{
  border-color:#48c7ff;
  outline:2px solid #48c7ff;
  outline-offset:1px;
  background:rgba(14,116,144,.32);
  color:#fff;
  filter:none;
}

.customer-experience-page .cx-summary-actions .cx-unsigned-approve{
  border:1px solid #8c63d6;
  background:rgba(91,47,148,.22);
  color:#eadcff;
  box-shadow:0 8px 22px rgba(124,58,237,.1);
  filter:none;
}

.customer-experience-page .cx-summary-actions .cx-unsigned-approve:hover,
.customer-experience-page .cx-summary-actions .cx-unsigned-approve:focus-visible{
  border-color:#bd91ff;
  outline:2px solid #bd91ff;
  outline-offset:1px;
  background:rgba(124,58,237,.3);
  color:#fff;
  filter:none;
}

.customer-experience-page .cx-summary-actions :is(.cx-signed-approve,.cx-unsigned-approve) svg{
  color:currentColor;
  stroke:currentColor;
}

/* Keep the proposal header and mobile approval CTA on the same approved palette. */
.customer-experience-page :is(.cx-header-actions,.cx-mobile-bar) .cx-signed-approve{
  border:1px solid #219bd3;
  background:rgba(9,92,132,.22);
  color:#c8efff;
  box-shadow:0 8px 22px rgba(22,145,199,.12);
  filter:none;
}

.customer-experience-page :is(.cx-header-actions,.cx-mobile-bar) .cx-signed-approve:hover,
.customer-experience-page :is(.cx-header-actions,.cx-mobile-bar) .cx-signed-approve:focus-visible{
  border-color:#48c7ff;
  outline:2px solid #48c7ff;
  outline-offset:1px;
  background:rgba(14,116,144,.32);
  color:#fff;
  filter:none;
}

.customer-experience-page .cx-header-actions .cx-unsigned-approve{
  border:1px solid #8c63d6;
  background:rgba(91,47,148,.22);
  color:#eadcff;
  box-shadow:0 8px 22px rgba(124,58,237,.1);
  filter:none;
}

.customer-experience-page .cx-header-actions .cx-unsigned-approve:hover,
.customer-experience-page .cx-header-actions .cx-unsigned-approve:focus-visible{
  border-color:#bd91ff;
  outline:2px solid #bd91ff;
  outline-offset:1px;
  background:rgba(124,58,237,.3);
  color:#fff;
  filter:none;
}

.customer-experience-page .cx-header-actions :is(.cx-signed-approve,.cx-unsigned-approve) svg,
.customer-experience-page .cx-mobile-bar .cx-signed-approve svg{
  color:currentColor;
  stroke:currentColor;
}

@media(max-width:420px){
  .customer-experience-page .cx-summary>header{
    padding:17px!important;
  }

  .customer-experience-page .cx-summary-selection>h2{
    font-size:22px;
  }
}