/* TwittSocial V4.13.1 — reliable comments visibility and UI recovery. */

/* The rebuilt UI may clip dynamically inserted comments if the post card keeps
   overflow hidden. Only expanded cards are allowed to grow beyond the action row. */
body.sp-ui-v4130 .sp-post-card.sp-comments-expanded,
body.sp-ui-v4130 .sp-reel-slide.sp-comments-expanded{
  overflow:visible!important;
}

body.sp-ui-v4130 .sp-inline-comments{
  --sp-comment-bubble:#f0f2f5;
  display:block!important;
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px 14px 14px!important;
  border-top:1px solid var(--sp-ui-line,#e4e6eb)!important;
  border-radius:0 0 var(--sp-ui-radius,16px) var(--sp-ui-radius,16px)!important;
  background:var(--sp-ui-surface,#fff)!important;
  color:var(--sp-ui-text,#1c1e21)!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  z-index:2!important;
}
body.sp-ui-v4130 .sp-inline-comments[hidden]{display:none!important}
body.sp-ui-v4130 .sp-inline-comments-inner{display:flex!important;flex-direction:column!important;gap:10px!important;min-width:0!important}
body.sp-ui-v4130 .sp-inline-comments-list{display:flex!important;flex-direction:column!important;gap:8px!important;min-width:0!important}
body.sp-ui-v4130 .sp-inline-comments-empty{
  padding:13px 12px!important;
  border-radius:12px!important;
  background:var(--sp-ui-surface-2,#f5f6f7)!important;
  color:var(--sp-ui-muted,#65676b)!important;
  font-size:13px!important;
  text-align:center!important;
}

body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-avatar{
  width:36px!important;height:36px!important;min-width:36px!important;flex:0 0 36px!important;display:block!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-avatar img,
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-row > img.sp-avatar{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  border-radius:50%!important;object-fit:cover!important;display:block!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-body{min-width:0!important;max-width:min(84%,620px)!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-bubble{
  padding:8px 11px!important;border-radius:18px!important;background:var(--sp-comment-bubble)!important;color:#050505!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-bubble strong{display:block!important;margin:0 0 2px!important;color:#050505!important;font-size:13px!important;line-height:1.25!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-text{color:#050505!important;font-size:14px!important;line-height:1.38!important;overflow-wrap:anywhere!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-text p{margin:0!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-meta{padding:3px 9px 0!important;color:var(--sp-ui-muted,#65676b)!important;font-size:11px!important}

body.sp-ui-v4130 .sp-inline-comment-form-shell{width:100%!important;min-width:0!important;margin:2px 0 0!important;padding:0!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-form{width:100%!important;margin:0!important;padding:0!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-row{
  display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;align-items:end!important;gap:8px!important;min-width:0!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-wrap{
  min-width:0!important;display:flex!important;align-items:flex-end!important;gap:7px!important;
  padding:4px 5px 4px 12px!important;border:1px solid transparent!important;border-radius:22px!important;
  background:var(--sp-comment-bubble)!important;box-shadow:none!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-wrap:focus-within{border-color:rgba(8,102,255,.38)!important;box-shadow:0 0 0 2px rgba(8,102,255,.08)!important}
body.sp-ui-v4130 .sp-inline-comments textarea[name="comment"]{
  flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:36px!important;height:36px!important;max-height:120px!important;
  margin:0!important;padding:8px 0 6px!important;border:0!important;outline:0!important;resize:none!important;
  background:transparent!important;color:var(--sp-ui-text,#1c1e21)!important;box-shadow:none!important;font-size:15px!important;line-height:1.35!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-actions{display:flex!important;align-items:center!important;margin:0!important;padding:0!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-actions small{display:none!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-submit{
  min-width:58px!important;height:36px!important;padding:0 13px!important;border:0!important;border-radius:18px!important;
  background:var(--sp-ui-primary,#0866ff)!important;color:#fff!important;font-size:13px!important;font-weight:750!important;box-shadow:none!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-submit:disabled{opacity:.55!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-login{
  margin:0!important;padding:12px!important;border-radius:13px!important;background:var(--sp-ui-surface-2,#f5f6f7)!important;color:var(--sp-ui-muted,#65676b)!important;
}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-login p{margin:0 0 8px!important}
body.sp-ui-v4130 .sp-inline-comments .sp-dialog-login-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:36px!important;padding:0 13px!important;border-radius:10px!important;background:var(--sp-ui-primary,#0866ff)!important;color:#fff!important;text-decoration:none!important;font-weight:700!important}

body.sp-ui-v4130 .sp-inline-comments-loader{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;color:var(--sp-ui-muted,#65676b)!important;font-size:12px!important}
body.sp-ui-v4130 .sp-inline-comments-loader i{width:19px!important;height:19px!important;border:2px solid rgba(101,103,107,.24)!important;border-top-color:var(--sp-ui-primary,#0866ff)!important;border-radius:50%!important;animation:spCommentRecoverSpin .65s linear infinite!important}
@keyframes spCommentRecoverSpin{to{transform:rotate(360deg)}}
body.sp-ui-v4130 .sp-inline-comments-error{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:10px!important;border-radius:12px!important;background:var(--sp-ui-surface-2,#f5f6f7)!important;color:var(--sp-ui-muted,#65676b)!important;font-size:13px!important}
body.sp-ui-v4130 .sp-inline-comments-error button{min-height:36px!important;padding:0 12px!important;border:0!important;border-radius:10px!important;background:#e7f3ff!important;color:#0866ff!important;font-weight:700!important}

/* Reels: comments stay in the same slide and become vertically scrollable. */
body.sp-ui-v4130 .sp-reel-slide.sp-comments-expanded{overflow-y:auto!important;overscroll-behavior:contain!important;scrollbar-width:none!important}
body.sp-ui-v4130 .sp-reel-slide.sp-comments-expanded::-webkit-scrollbar{display:none!important}
body.sp-ui-v4130 .sp-reel-slide > .sp-inline-comments{position:relative!important;z-index:12!important;flex:0 0 auto!important;border-radius:0!important}

/* Dark mode */
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments,
html.sp-theme-dark-root body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments{
  --sp-comment-bubble:#3a3b3c;
  background:#242526!important;
  color:#e4e6eb!important;
  border-color:#3e4042!important;
}
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-bubble,
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-bubble strong,
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-text{
  color:#e4e6eb!important;
}
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments-empty,
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-login,
body.sp-theme-dark.sp-ui-v4130 .sp-inline-comments-error{background:#3a3b3c!important;color:#b0b3b8!important}

@media(max-width:800px){
  body.sp-ui-v4130 .sp-inline-comments{padding:9px 12px 12px!important;scroll-margin-bottom:calc(var(--sp-ui-bottomnav,72px) + 12px)!important}
  body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-body{max-width:86%!important}
  body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-row{grid-template-columns:34px minmax(0,1fr)!important;gap:7px!important}
  body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-avatar,
  body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-avatar img,
  body.sp-ui-v4130 .sp-inline-comments .sp-dialog-comment-input-row > img.sp-avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}
  body.sp-ui-v4130 .sp-inline-comments textarea[name="comment"]{font-size:16px!important}
}