/* Targeted modal and creator-page refinements. No global navigation changes. */

/* All branded Quick Share dialogs: one wave only. The original modal background,
   older shell pseudo-element, and a second header all painted the same waves. */
dialog.ts-dialog.ts-creator-share-dialog-r8699.ts-modal-r57.ts-modal-r59,
dialog.ts-dialog.ts-creator-share-dialog-r8699 {
  background:#fff!important;
  background-image:none!important;
  background-size:auto!important;
  padding:0!important;
  overflow:hidden!important;
  width:min(520px,calc(100vw - 26px))!important;
  border-radius:23px!important;
}
dialog.ts-creator-share-dialog-r8699::before,
dialog.ts-creator-share-dialog-r8699::after,
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-shell-r8699::before,
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-shell-r8699::after {
  content:none!important;
  display:none!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-shell-r8699,
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-shell-r86107 {
  padding:0!important;
  margin:0!important;
  position:relative!important;
  background:#fff!important;
  background-image:none!important;
  min-height:0!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-head-r86107 {
  position:relative!important;
  margin:0!important;
  height:116px!important;
  padding:0 52px 12px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  background:#effbff url('/assets/img/modal-wave-top-r59.svg') center top / 100% 116px no-repeat!important;
  overflow:visible!important;
  border:0!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-head-r86107 img {
  width:160px!important;
  height:60px!important;
  object-fit:contain!important;
  margin:0 auto!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-head-r86107 .dialog-close {
  top:13px!important;
  right:14px!important;
  left:auto!important;
  transform:none!important;
  z-index:20!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-copy-r86107 {
  padding:8px 30px 31px!important;
  margin:0!important;
  background:#fff!important;
}
dialog.ts-creator-share-dialog-r8699 .ts-creator-share-copy-r86107 h2 {margin:7px 0 19px!important;}
@media(max-width:530px){
  dialog.ts-creator-share-dialog-r8699 .ts-creator-share-copy-r86107{padding:8px 17px 23px!important;}
  dialog.ts-creator-share-dialog-r8699 .ts-creator-share-options-r8697{grid-template-columns:1fr!important;}
}

/* Remove the extra headline from the public page, but keep the proper tagline. */
.ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 {
  margin-top:14px!important;
  transform:translateY(8px)!important;
  gap:12px!important;
  min-height:39px!important;
  align-items:center!important;
}
.ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 > p {
  font-size:clamp(19px,1.52vw,23px)!important;
  line-height:1.27!important;
  font-weight:800!important;
  letter-spacing:.005em!important;
}
.ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 svg{width:22px!important;height:22px!important;}
.ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 a,
.ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 button{min-width:32px!important;min-height:32px!important;}
@media(max-width:690px){
  .ts-creator-profile-r8697 .ts-creator-tagline-row-r8696{transform:none!important;margin-top:10px!important;}
  .ts-creator-profile-r8697 .ts-creator-tagline-row-r8696 > p{font-size:19px!important;}
}

/* The schedule manager: preserve only the top brand wave, tighten the body and
   give the close control an immediately usable click target. */
dialog.ts-dialog.ts-upcoming-dialog-r86100 {
  padding:0!important;
  overflow:auto!important;
  background:#fff!important;
  background-image:none!important;
  width:min(510px,calc(100vw - 24px))!important;
  max-height:calc(100dvh - 28px)!important;
}
dialog.ts-upcoming-dialog-r86100 > .ts-modal-auto-brand-r59 {
  height:101px!important;
  padding:10px 54px 3px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#effbff url('/assets/img/modal-wave-top-r59.svg') center top / 100% 101px no-repeat!important;
}
dialog.ts-upcoming-dialog-r86100 > .ts-modal-auto-brand-r59 img {
  width:155px!important;
  max-height:61px!important;
  object-fit:contain!important;
  margin:0!important;
}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 {
  position:relative!important;
  padding:0 22px 23px!important;
  background:#fff!important;
}
/* The button is positioned against the dialog, not the padded form body. */
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > .dialog-close {
  position:absolute!important;
  top:-86px!important;
  right:13px!important;
  width:40px!important;
  height:40px!important;
  z-index:50!important;
}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > header {
  margin:0 auto!important;
  padding:0 4px 2px!important;
  gap:5px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > header > img {
  width:65px!important;
  height:65px!important;
  margin:0 auto 3px!important;
}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > header h2 {
  margin:3px 0!important;
  font-size:25px!important;
}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > header p {
  margin:4px auto 5px!important;
  max-width:370px!important;
  font-size:13px!important;
  line-height:1.4!important;
}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-create] {
  margin:9px auto 0!important;
  padding:13px!important;
  gap:9px!important;
}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-create] label,
dialog.ts-upcoming-dialog-r86100 [data-upcoming-create] input {
  text-align:center!important;
}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-create] input[type="datetime-local"] {
  width:100%!important;
  padding:8px 38px!important;
  height:45px!important;
  font-size:14px!important;
  font-weight:750!important;
  color:#0b3157!important;
  font-variant-numeric:tabular-nums!important;
}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-create] input::-webkit-datetime-edit {text-align:center;}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-status]:empty{display:none!important;}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-status]{font-size:12px;font-weight:700;color:#077b50;line-height:1.4;}
dialog.ts-upcoming-dialog-r86100 [data-upcoming-status].is-error{color:#bd3434;}
dialog.ts-upcoming-dialog-r86100 .ts-upcoming-list-r86100{margin-top:10px!important;}
@media(max-width:520px){
  dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100{padding:0 12px 18px!important;}
  dialog.ts-upcoming-dialog-r86100 .ts-upcoming-shell-r86100 > .dialog-close{right:11px!important;}
}

/* Standard system notices: brand in the wave header only, no redundant icon or
   eyebrow, one centered OK when Cancel is hidden. Confirm/prompt keep two actions. */
dialog.ts-system-dialog-r51.ts-modal-r59 {
  padding:20px 10px 20px!important;
  background-color:#fff!important;
  border-radius:23px!important;
}
dialog.ts-system-dialog-r51 .ts-dialog-shell-r51 {
  position:relative!important;
  padding:0 14px!important;
  display:grid!important;
  justify-items:center!important;
  text-align:center!important;
}
dialog.ts-system-dialog-r51 .ts-modal-auto-brand-r59 {
  margin:0 auto 1px!important;
  padding:0!important;
  min-height:81px!important;
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
}
dialog.ts-system-dialog-r51 .ts-modal-auto-brand-r59 img{width:165px!important;max-height:70px!important;}
dialog.ts-system-dialog-r51 .ts-dialog-icon-r51,
dialog.ts-system-dialog-r51 .ts-dialog-kicker-r51 {display:none!important;}
dialog.ts-system-dialog-r51 .ts-dialog-close-r51.ts-modal-close-r57.ts-modal-close-r59,
dialog.ts-system-dialog-r51 .ts-dialog-close-r51 {
  top:4px!important;
  right:9px!important;
  left:auto!important;
  transform:none!important;
  width:38px!important;
  height:38px!important;
  z-index:20!important;
}
dialog.ts-system-dialog-r51 .ts-dialog-title-r51{margin:0 0 5px!important;font-size:26px!important;line-height:1.2!important;}
dialog.ts-system-dialog-r51 .ts-dialog-message-r51{max-width:400px!important;font-size:13px!important;line-height:1.5!important;}
dialog.ts-system-dialog-r51 .ts-dialog-actions-r51{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-content:center!important;
  gap:10px!important;
  width:min(100%,390px)!important;
  margin:19px auto 0!important;
}
dialog.ts-system-dialog-r51 .ts-dialog-actions-r51:has(>[data-ts-dialog-cancel][hidden]) {
  grid-template-columns:minmax(0,1fr)!important;
}
dialog.ts-system-dialog-r51 .ts-dialog-actions-r51 > button {justify-self:stretch!important;width:100%!important;min-height:46px!important;}

/* Pro compare upsell: center the eyebrow with the dialog, not the button columns. */
dialog.ts-dialog.pro-upgrade-dialog-r8694 > .eyebrow,
dialog.ts-dialog.pro-sellers-dialog-r8692 > .eyebrow {
  display:block!important;
  width:100%!important;
  margin:0 auto 7px!important;
  padding:0!important;
  text-align:center!important;
  justify-self:center!important;
  position:static!important;
  transform:none!important;
}