/* TackleSonar R80 — Link Code copy/alignment, unified thread modal hardening,
   Build Like Me social polish, support spacing, and post-editor cleanup. */

/* --------------------------------------------------------------------------
   BUILD LINK CODE — center the entire experience and simplify Email wording.
   -------------------------------------------------------------------------- */
dialog.kit-link-dialog-r35.kit-link-dialog-r66{width:min(840px,calc(100vw - 28px))!important;max-width:840px!important}
.kit-link-dialog-r66 .kit-link-head-r66,
.kit-link-dialog-r66 .kit-link-mode-grid-r66,
.kit-link-dialog-r66 .kit-link-security-r66,
.kit-link-dialog-r66 .kit-link-current-r66,
.kit-link-dialog-r66 .kit-link-current-r58,
.kit-link-dialog-r66 .kit-link-form-r66,
.kit-link-dialog-r66 .kit-link-security-upgrade-r79,
.kit-link-dialog-r66 .kit-link-creator-protected-r79{text-align:center!important}
.kit-link-dialog-r66 .kit-link-security-r66{display:grid!important;justify-items:center!important;gap:5px!important;max-width:660px!important;margin:14px auto 0!important;padding:15px 18px!important}
.kit-link-dialog-r66 .kit-link-security-r66 strong,
.kit-link-dialog-r66 .kit-link-security-r66 span{display:block!important;width:100%!important;text-align:center!important}
.kit-link-dialog-r66 .kit-link-code-row-r58{justify-content:center!important}
.kit-link-dialog-r66 .kit-link-sync-note-r66{max-width:650px!important;margin:10px auto!important;text-align:center!important}
.kit-link-dialog-r66 .kit-link-security-email-r79{display:block!important;text-align:center!important}
.kit-link-dialog-r66 .kit-link-mode-grid-r66 button{
  grid-template-columns:1fr!important;
  grid-template-areas:"icon" "title" "copy" "action"!important;
  justify-items:center!important;align-content:center!important;text-align:center!important;gap:7px!important;
}
.kit-link-dialog-r66 .kit-link-mode-grid-r66 button>*{text-align:center!important;justify-self:center!important}
.kit-link-dialog-r66 .kit-link-mode-icon-r66{grid-area:icon!important;margin:0 auto 5px!important}

/* --------------------------------------------------------------------------
   FULL THREADS — hard override after every legacy release.
   Deal and Build Like Me now share this exact layout.
   -------------------------------------------------------------------------- */
body dialog.ts-thread-dialog-r64.ts-thread-dialog-r80,
body dialog.deal-thread-dialog-r48.ts-thread-dialog-r64,
body dialog.creator-social-thread-dialog-r57.ts-thread-dialog-r64{
  width:min(1180px,calc(100vw - 24px))!important;
  max-width:1180px!important;
  height:min(860px,calc(100dvh - 24px))!important;
  max-height:calc(100dvh - 24px)!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
}
body .ts-thread-dialog-r64 .ts-thread-shell-r64{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  width:100%!important;height:100%!important;max-height:none!important;
  padding:0!important;overflow:hidden!important;background:#fff!important;
}
body .ts-thread-dialog-r64 .ts-thread-head-r64{
  position:relative!important;
  padding:16px 70px 13px!important;
  gap:3px!important;
  min-height:0!important;
}
body .ts-thread-dialog-r64 .ts-thread-head-r64 .ts-modal-brand-r57{width:136px!important;max-height:42px!important;margin:0 auto 3px!important}
body .ts-thread-dialog-r64 .ts-thread-head-r64 h2{font-size:27px!important;margin:1px 0!important;line-height:1.12!important}
body .ts-thread-dialog-r64 .ts-thread-head-r64 p{font-size:12.5px!important;line-height:1.4!important;margin:0 auto!important}
body .ts-thread-dialog-r64 .ts-thread-close-r64{
  top:14px!important;right:16px!important;left:auto!important;
  width:42px!important;height:42px!important;margin:0!important;z-index:40!important;
}
body .ts-thread-dialog-r64 .ts-thread-scroll-r64{
  min-height:0!important;max-height:none!important;
  overflow-y:auto!important;overflow-x:hidden!important;
  padding:14px 20px 22px!important;
  background:linear-gradient(180deg,#fbfeff,#f6fbfd)!important;
}
body .ts-thread-dialog-r64 .ts-thread-scroll-r64>.thread-modal-list-r48,
body .ts-thread-dialog-r64 .ts-thread-scroll-r64>.creator-social-thread-list-r57{
  width:min(1080px,100%)!important;max-width:1080px!important;margin:0 auto!important;
  display:grid!important;gap:10px!important;
}
body .ts-thread-dialog-r64 .ts-thread-node-r64{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:12px!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  margin:0!important;padding:12px 14px!important;
  border:1px solid #cfe2eb!important;border-radius:15px!important;
  background:#fff!important;box-shadow:0 4px 14px rgba(8,42,79,.04)!important;
  position:relative!important;
}
/* Shallow visual depth only. Since modal nodes are flattened, these margins do not compound. */
body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="1"]{margin-left:22px!important;width:calc(100% - 22px)!important}
body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="2"]{margin-left:42px!important;width:calc(100% - 42px)!important}
body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="1"]::before,
body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="2"]::before{
  content:""!important;position:absolute!important;left:-18px!important;top:-11px!important;
  width:16px!important;height:34px!important;border-left:2px solid #93d3e8!important;border-bottom:2px solid #93d3e8!important;
  border-radius:0 0 0 8px!important;display:block!important;
}
body .ts-thread-dialog-r64 .ts-thread-avatar-r64,
body .ts-thread-dialog-r64 .ts-thread-avatar-r80,
body .ts-thread-dialog-r64 .comment-avatar{
  width:46px!important;height:46px!important;min-width:46px!important;max-width:46px!important;
  margin:0!important;padding:3px!important;border-radius:50%!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;background:#edf8fc!important;border:1px solid #c7e1ec!important;
  grid-column:1!important;grid-row:1!important;
}
body .ts-thread-dialog-r64 .ts-thread-avatar-r64 img,
body .ts-thread-dialog-r64 .ts-thread-avatar-r80 img,
body .ts-thread-dialog-r64 .comment-avatar img{
  display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:cover!important;object-position:center!important;border-radius:50%!important;margin:0!important;padding:0!important;
}
body .ts-thread-dialog-r64 .ts-thread-avatar-r64 img[src*="tacklesonar-emblem"],
body .ts-thread-dialog-r64 .comment-avatar img[src*="tacklesonar-emblem"]{object-fit:contain!important;padding:3px!important}
body .ts-thread-dialog-r64 .ts-thread-body-r64{min-width:0!important;width:100%!important;overflow:visible!important;grid-column:2!important}
body .ts-thread-dialog-r64 .ts-thread-body-r64>header{margin:0 0 7px!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important}
body .ts-thread-dialog-r64 .ts-thread-identity-r80{display:flex!important;align-items:center!important;gap:5px 8px!important;flex-wrap:wrap!important;min-width:0!important}
body .ts-thread-dialog-r64 .ts-thread-identity-r80 strong{font-size:14px!important;line-height:1.25!important;color:#0b3154!important}
body .ts-thread-dialog-r64 .ts-thread-identity-r80 i{font-style:normal!important;font-size:9px!important;font-weight:900!important;color:#0787ae!important;background:#e2f8fc!important;padding:3px 7px!important;border-radius:999px!important}
body .ts-thread-dialog-r64 .ts-thread-identity-r80 small{flex-basis:100%!important;color:#7890a4!important;font-size:10.5px!important}
body .ts-thread-dialog-r64 .ts-thread-body-r64>p{margin:0!important;font-size:14px!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:normal!important}
body .ts-thread-dialog-r64 .ts-thread-parent-r64{
  display:flex!important;align-items:flex-start!important;gap:8px!important;
  max-width:760px!important;width:max-content!important;
  margin:0 0 9px!important;padding:7px 10px!important;
  border:1px solid #d4ebf3!important;border-radius:10px!important;background:#eaf8fc!important;
  color:#176383!important;font-size:11.5px!important;line-height:1.38!important;
  white-space:normal!important;overflow-wrap:anywhere!important;
}
body .ts-thread-dialog-r64 .ts-thread-actions-r64{margin-top:9px!important;justify-content:flex-start!important;gap:6px!important}
body .ts-thread-dialog-r64 .ts-thread-actions-r64 button,
body .ts-thread-dialog-r64 .ts-thread-actions-r64 a{min-height:32px!important;padding:6px 10px!important;font-size:11.5px!important;border-radius:9px!important}
/* old social nesting wrappers must never constrain the modal */
body .ts-thread-dialog-r64 .creator-social-thread-children-r57,
body .ts-thread-dialog-r64 .thread-modal-children-r57,
body .ts-thread-dialog-r64 .ts-thread-children-r64{display:contents!important;margin:0!important;padding:0!important;border:0!important}
body .ts-thread-dialog-r64 .ts-thread-footer-r64{display:none!important}

@media(max-width:700px){
  body dialog.ts-thread-dialog-r64.ts-thread-dialog-r80,
  body dialog.deal-thread-dialog-r48.ts-thread-dialog-r64,
  body dialog.creator-social-thread-dialog-r57.ts-thread-dialog-r64{width:calc(100vw - 10px)!important;height:calc(100dvh - 10px)!important;max-height:calc(100dvh - 10px)!important;border-radius:18px!important}
  body .ts-thread-dialog-r64 .ts-thread-head-r64{padding:14px 50px 11px!important}
  body .ts-thread-dialog-r64 .ts-thread-head-r64 .ts-modal-brand-r57{width:118px!important}
  body .ts-thread-dialog-r64 .ts-thread-head-r64 h2{font-size:22px!important}
  body .ts-thread-dialog-r64 .ts-thread-scroll-r64{padding:10px 8px 16px!important}
  body .ts-thread-dialog-r64 .ts-thread-node-r64{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;padding:10px!important}
  body .ts-thread-dialog-r64 .ts-thread-avatar-r64,body .ts-thread-dialog-r64 .comment-avatar{width:38px!important;height:38px!important;min-width:38px!important;max-width:38px!important}
  body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="1"]{margin-left:8px!important;width:calc(100% - 8px)!important}
  body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="2"]{margin-left:14px!important;width:calc(100% - 14px)!important}
  body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="1"]::before,body .ts-thread-dialog-r64 .ts-thread-node-r64[data-thread-depth="2"]::before{display:none!important}
  body .ts-thread-dialog-r64 .ts-thread-parent-r64{width:100%!important;max-width:100%!important;font-size:10.5px!important}
}

/* --------------------------------------------------------------------------
   Build Like Me profile/support polish.
   -------------------------------------------------------------------------- */
.creator-support-card-r50{grid-template-columns:44px minmax(0,1fr) 22px!important;padding-left:9px!important;gap:9px!important}
.creator-support-card-r50 .creator-support-heart-r50{transform:translateX(-3px)!important}
[data-support-dialog]{width:min(700px,calc(100vw - 24px))!important;max-width:700px!important}
[data-support-dialog] .ts-dialog-shell-r51{padding:26px 30px 28px!important}
[data-support-dialog] .creator-polished-head-r51{gap:10px!important;margin-bottom:20px!important;padding:2px 42px 0!important}
[data-support-dialog] .creator-polished-head-r51>.ts-modal-brand-r56{margin-bottom:7px!important}
[data-support-dialog] .creator-polished-icon-r51{margin:1px auto 4px!important}
[data-support-dialog] .creator-polished-head-r51 .eyebrow{margin-top:2px!important}
[data-support-dialog] .creator-polished-head-r51 h2{margin:3px 0 7px!important;font-size:27px!important;line-height:1.16!important}
[data-support-dialog] .creator-polished-head-r51 p{max-width:560px!important;font-size:13.5px!important;line-height:1.58!important}
[data-support-dialog] .creator-support-grid-r51{max-width:560px!important;margin:20px auto 0!important;gap:12px!important}
[data-support-dialog] .creator-support-choice-r51{min-height:58px!important;padding:16px 18px!important;font-size:14px!important}

/* --------------------------------------------------------------------------
   Social feed/editor polish.
   -------------------------------------------------------------------------- */
.creator-social-post-r50{max-width:1120px!important;margin-inline:auto!important}
.creator-social-caption-r50{overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important;line-height:1.55!important}
.creator-social-post-head-r50 h3{overflow-wrap:anywhere!important}
.creator-social-edit-dialog-r51 .creator-social-media-drop-r57>span,
[data-social-edit-dialog] .creator-social-media-drop-r57>span{display:grid!important;gap:5px!important;text-align:center!important;justify-items:center!important}
.creator-social-edit-dialog-r51 .creator-social-media-drop-r57>span b,
.creator-social-edit-dialog-r51 .creator-social-media-drop-r57>span small{display:block!important;width:100%!important;line-height:1.35!important}
.creator-social-edit-dialog-r51 [data-form-status],
[data-social-compose-dialog] [data-form-status]{margin:2px 0 0!important;text-align:center!important;font-size:12px!important;color:#4f7188!important}
.creator-social-edit-dialog-r51 [data-form-status]:empty,
[data-social-compose-dialog] [data-form-status]:empty{display:none!important}
