/* R86.10.12 — targeted modal, review and Upcoming Content corrections. */
/* Deal quick share has one direct logo instead of the obsolete header wrapper. */
dialog.ts-deal-share-dialog-r861011 {
  background:#fff url('/assets/img/modal-wave-top-r59.svg') center top / 100% 112px no-repeat !important;
  text-align:center !important;
}
dialog.ts-deal-share-dialog-r861011 > .ts-deal-share-logo-r861012 {
  display:block !important; width:164px !important; height:104px !important;
  object-fit:contain !important; margin:0 auto 0 !important;
  padding:6px 0 !important; box-sizing:border-box !important;
}
dialog.ts-deal-share-dialog-r861011 .ts-deal-share-content-r861011 { padding-top:8px !important; }
dialog.ts-deal-share-dialog-r861011 > .dialog-close {
  position:absolute !important; top:13px !important; right:14px !important; z-index:15 !important;
}
/* Make the Creator Content logo a visible, intentional part of its only wave header. */
dialog.ts-social-library-dialog-r8699 .ts-social-library-shell-r8699 > header > .ts-social-library-logo-r861012 {
  display:block !important; visibility:visible !important; opacity:1 !important;
  width:165px !important; height:103px !important; max-width:165px !important;
  margin:0 auto 6px !important; object-fit:contain !important;
}
dialog.ts-social-library-dialog-r8699 .ts-social-library-shell-r8699 > header > .ts-social-library-heading-r861010 {
  display:block !important; width:min(400px,100%) !important;
  margin-inline:auto !important; text-align:center !important;
}
/* Sidebar Upcoming Content: old CSS styled -r8699 but markup uses -r86100.
   Give the avatar its own bounded column instead of letting it fill the card. */
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 {
  display:grid !important;
  grid-template-columns:52px 55px minmax(0,1fr) !important;
  gap:9px !important; align-items:center !important;
  border:1px solid #d8eaf4 !important; border-radius:12px !important;
  background:#f7fcff !important; padding:10px !important;
  width:100% !important; box-sizing:border-box !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > img {
  display:block !important; width:52px !important; height:52px !important;
  min-width:0 !important; max-width:52px !important; max-height:52px !important;
  aspect-ratio:1 !important; object-fit:cover !important;
  border-radius:50% !important; border:2px solid #c1e9fa !important;
  box-sizing:border-box !important; margin:0 !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > time {
  display:flex !important; flex-direction:column !important; align-items:center !important;
  justify-content:center !important; width:55px !important; min-width:0 !important;
  height:56px !important; margin:0 !important; border:1px solid #cde3f1 !important;
  background:#fff !important; border-radius:9px !important; text-align:center !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > time b {
  font-size:10px !important; letter-spacing:.06em !important; color:#1680af !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > time strong {
  font-size:22px !important; line-height:1.1 !important; color:#06284c !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > div {
  display:block !important; min-width:0 !important; overflow-wrap:anywhere !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > div > strong {
  display:block !important; font-size:12px !important; line-height:1.35 !important;
  color:#0a3054 !important; font-weight:850 !important;
}
.ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > div > small {
  display:block !important; margin-top:5px !important; font-size:10.5px !important;
  color:#52718b !important; line-height:1.4 !important;
}
@media(max-width:440px){
 .ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 {
   grid-template-columns:44px 48px minmax(0,1fr) !important; gap:6px !important; padding:8px !important;
 }
 .ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > img {
   width:44px !important; height:44px !important;
 }
 .ts-creator-profile-r8697 .ts-upcoming-card-r8699 .ts-upcoming-body-r86100 > time {
   width:48px !important; height:50px !important;
 }
}
/* Restore previous star icon in the Reviews tab/overall score and make individual
   review fish genuinely solid and gold when counted; zero fish stay muted. */
.ts-creator-profile-r8697 .ts-creator-reviews-panel-r8697 .ts-review-big-star-r8697 {
  color:#ffa819 !important; font-size:58px !important; line-height:1 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
.ts-creator-profile-r8697 .ts-creator-review-list-r8697 .ts-review-stars-r8697 .ts-fish-icon-r861010.filled {
  color:#efa000 !important; opacity:1 !important; visibility:visible !important;
}
.ts-creator-profile-r8697 .ts-creator-review-list-r8697 .ts-review-stars-r8697 .ts-fish-icon-r861010.filled svg path,
.ts-creator-profile-r8697 .ts-creator-review-sidebar-r8697 .ts-top-review-stars-r8697 .ts-fish-icon-r861010.filled svg path {
  fill:#efa000 !important; stroke:none !important; opacity:1 !important;
}
.ts-creator-profile-r8697 .ts-creator-review-list-r8697 .ts-review-stars-r8697 .ts-fish-icon-r861010.unfilled svg path,
.ts-creator-profile-r8697 .ts-creator-review-sidebar-r8697 .ts-top-review-stars-r8697 .ts-fish-icon-r861010.unfilled svg path {
  fill:#d4e2ec !important; stroke:none !important;
}
.ts-creator-profile-r8697 .ts-review-stars-r8697 .ts-fish-icon-r861010 svg,
.ts-creator-profile-r8697 .ts-top-review-stars-r8697 .ts-fish-icon-r861010 svg {
  display:block !important; width:100% !important; height:100% !important;
}
/* The R59 shared dialog rule has a :not() specificity boost. Override it
   explicitly so that the library's inner header is the ONLY wave/logo band. */
dialog.ts-dialog.ts-social-library-dialog-r8699.ts-modal-r59:not(.saved-builds-hub-r52),
dialog.ts-dialog.ts-social-library-dialog-r8699.ts-modal-r57:not(.saved-builds-hub-r52) {
  background:#fff !important;
  background-image:none !important;
  padding:0 !important;
  overflow-y:auto !important;
  border-radius:22px !important;
}
dialog.ts-dialog.ts-deal-share-dialog-r861011.ts-modal-r59:not(.saved-builds-hub-r52),
dialog.ts-dialog.ts-deal-share-dialog-r861011.ts-modal-r57:not(.saved-builds-hub-r52) {
  background:#fff url('/assets/img/modal-wave-top-r59.svg') center top / 100% 112px no-repeat !important;
  padding:0 !important;
  overflow-y:auto !important;
  border-radius:22px !important;
}