/* FANSFLEX 6.7 — actual shared post-comment composer, not a visual mockup.
   Scope to the existing post-card DOM across Feed, profile and post detail. */
body.fansflex-app .post-box .new-post-comment-area {
  min-width:0;
  padding:15px 18px 17px!important;
  background:#fff;
  border-radius:0 0 12px 12px;
  color:#213e56;
}
body.fansflex-app .post-box .new-post-comment-area [data-gif-composer] {min-width:0;}
body.fansflex-app .post-box .new-post-comment-area .ff67-comment-avatar {
  width:39px;height:39px;max-width:39px;min-width:39px;
  object-fit:cover;object-position:center;
  border:1px solid #e0e9f0;
}
body.fansflex-app .post-box .new-post-comment-area .post-comment-composer {min-width:0;}
body.fansflex-app .post-box .new-post-comment-area .hl-textarea-wrap {
  min-width:0;border-radius:10px;
}
body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea {
  min-height:43px;max-height:180px;resize:vertical;
  padding-block:10px;padding-inline-start:13px;padding-inline-end:48px;
  border-radius:10px!important;
  background:#f6f9fc!important;border:1px solid #d6e3ed!important;
  color:#18374e!important;
  font-size:13px;line-height:1.5;
  box-shadow:none!important;
}
body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea::placeholder {color:#6a8294;opacity:1;}
body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea:focus-visible {
  border-color:#408bbd!important;outline:2px solid #9ccced!important;outline-offset:0;
}
body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea[aria-invalid=true] {
  border-color:#d65b5b!important;outline-color:#d65b5b!important;
}
body.fansflex-app .post-box .new-post-comment-area .invalid-feedback {
  color:#bb3838;line-height:1.4;white-space:normal;
}
body.fansflex-app .post-box .new-post-comment-area .post-comment-submit {
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;min-width:43px;min-height:43px;padding:0 11px;
  border-radius:10px!important;
  background:#173e60!important;border:1px solid #254d6a!important;
  color:#fff!important;box-shadow:0 3px 9px rgba(14,47,76,.15)!important;
  transition:background-color .15s ease, box-shadow .15s ease;
}
body.fansflex-app .post-box .new-post-comment-area .post-comment-submit:hover:not(:disabled) {
  background:#285d85!important;box-shadow:0 4px 10px rgba(14,47,76,.18)!important;
}
body.fansflex-app .post-box .new-post-comment-area .post-comment-submit:disabled {
  opacity:.65;cursor:progress!important;
}
body.fansflex-app .post-box .new-post-comment-area :is(.post-comment-submit,.ff67-comment-cancel):focus-visible {
  outline:3px solid #71b8ee!important;outline-offset:2px;
}
body.fansflex-app .post-box .new-post-comment-area .ff67-comment-cancel {
  padding:4px 8px;margin:0;border:0;border-radius:7px;
  background:transparent;color:#526c83!important;cursor:pointer;
}
body.fansflex-app .post-box .new-post-comment-area .ff67-comment-cancel:hover {background:#edf4f9;}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area {
  color:#dceaf5;background:#102338!important;border-color:#2d4b62;
}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea {
  background:#152d43!important;border-color:#35556b!important;color:#eef6fb!important;
}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area .new-comment-textarea::placeholder {color:#acc0d0;}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area .ff67-comment-cancel {color:#b5cbdb!important;}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area .ff67-comment-cancel:hover {background:#25445b;}
html[data-bs-theme="dark"] body.fansflex-app .post-box .new-post-comment-area .invalid-feedback {color:#ff9999;}
@media(max-width:575.98px) {
  body.fansflex-app .post-box .new-post-comment-area {padding:12px 9px 15px!important;}
  body.fansflex-app .post-box .new-post-comment-area .ff67-comment-avatar {width:32px;height:32px;max-width:32px;min-width:32px;}
  body.fansflex-app .post-box .new-post-comment-area .post-comment-submit {min-width:44px;min-height:44px;}
  body.fansflex-app .post-box .new-post-comment-area .post-comment-composer {min-width:0;}
}
@media(prefers-reduced-motion:reduce) {
  body.fansflex-app .post-box .new-post-comment-area .post-comment-submit {transition:none;}
}