/* ClearComplaint Public Conversion UI Consistency v1
   Shared public CTA, focus, field and resume-banner corrections. */

/* Announcement actions remain semantic links/buttons, with a clear visual CTA. */
.cc-announcement__actions > a{
  min-height:32px !important;
  padding:6px 13px !important;
  border:1px solid var(--cc-purple,#6f42c1) !important;
  border-radius:999px !important;
  background:var(--cc-purple,#6f42c1) !important;
  color:#fff !important;
  box-shadow:0 6px 14px rgba(111,66,193,.16);
  line-height:1 !important;
  text-decoration:none !important;
}
.cc-announcement__actions > a:hover,
.cc-announcement__actions > a:focus-visible{
  border-color:var(--cc-purple-dark,#50318f) !important;
  background:var(--cc-purple-dark,#50318f) !important;
  color:#fff !important;
}
.cc-announcement__actions > button[data-dismiss-announcement]{
  display:inline-grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:0 !important;
}
.cc-announcement__actions > button[data-dismiss-announcement] svg{
  display:block;
  width:15px;
  height:15px;
  pointer-events:none;
}

/* Saved-draft banner uses one high-contrast treatment for both actions. */
.cc-resumeBanner{
  border-color:rgba(255,255,255,.2) !important;
  background:linear-gradient(135deg,#5b32a3,#38206f) !important;
  color:#fff !important;
  box-shadow:0 22px 52px rgba(34,22,66,.28) !important;
}
.cc-resumeBanner__copy strong,
.cc-resumeBanner__copy span{
  color:#fff !important;
}
.cc-resumeBanner__copy span{opacity:.84;}
.cc-resumeBanner__actions .cc-button{
  border-color:rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.13) !important;
  color:#fff !important;
}
.cc-resumeBanner__actions .cc-button:hover,
.cc-resumeBanner__actions .cc-button:focus-visible{
  border-color:#fff !important;
  background:rgba(255,255,255,.23) !important;
  color:#fff !important;
}
.cc-resumeBanner__actions .cc-resumeBanner__continue{
  border-color:#fff !important;
  background:rgba(255,255,255,.2) !important;
  color:#fff !important;
}

/* Public single-select controls use a consistently inset chevron. */
body.cc-public select:not([multiple]){
  -webkit-appearance:none;
  appearance:none;
  padding-right:2.8rem !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2356647a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 1rem center !important;
  background-size:16px 16px !important;
}

/* One focus treatment per public form control. */
body.cc-public input:focus-visible,
body.cc-public textarea:focus-visible,
body.cc-public select:focus-visible{
  outline:0 !important;
}
.cc-public-input-wrap:focus-within{
  border-color:var(--cc-purple,#6f42c1) !important;
  box-shadow:0 0 0 3px rgba(111,66,193,.18) !important;
}
.cc-public-input-wrap input:focus,
.cc-public-input-wrap select:focus,
.cc-public-input-wrap input:focus-visible,
.cc-public-input-wrap select:focus-visible{
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}
.cc-lptm-issue-chip.is-selected{
  border-width:2px !important;
  border-color:var(--cc-purple,#6f42c1) !important;
  box-shadow:none !important;
}
.cc-lptm-issue-chip:focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 3px rgba(111,66,193,.2) !important;
}

@media (max-width:520px){
  .cc-announcement__actions > a{
    min-height:32px !important;
    padding-inline:10px !important;
  }
}