/* v7.2 real comment controls: reply/edit/delete/like, two themes, keyboard focus.
   Scoped to the app post component. No icons or photographs are rasterized. */
body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action) {
  min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;
  padding:7px;border-radius:11px;cursor:pointer;border:1px solid #d5e3ef;
  background:#f1f7fc;color:#22628d;box-shadow:none;
}
body.fansflex-app .post-box .ff72-comment-react[aria-pressed="true"] {
  border-color:#dbbd76;background:#fff4d7;color:#79561d;
}
body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action):is(:hover,:focus-visible) {
  background:#e3f0fa;border-color:#83b5dc;
}
body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action):disabled {
  opacity:.58;cursor:progress;
}
body.fansflex-app .post-box .comment-management-menu .dropdown-menu {
  border:1px solid #d8e5ef;border-radius:12px;padding:5px;background:#fff;
  min-width:165px;box-shadow:0 12px 26px rgba(17,46,69,.14);
}
body.fansflex-app .post-box .comment-management-menu .dropdown-item {
  display:block;width:100%;border:0;border-radius:8px;background:transparent;
  text-align:start;padding:10px 12px;color:#234a69;font-size:13px;
}
body.fansflex-app .post-box .comment-management-menu .dropdown-item:is(:hover,:focus-visible) {
  background:#e8f3fb;color:#115782;
}
body.fansflex-app .post-box :is(.ff72-comment-reply,.ff72-comment-text-toggle,.ff72-comment-replies-button) {
  display:inline-flex;align-items:center;border:0;background:transparent;
  color:#21699b!important;font-size:12px;font-weight:650;line-height:1.4;
  padding:5px 3px;border-radius:7px;cursor:pointer;text-align:start;
}
body.fansflex-app .post-box .ff72-comment-text-toggle.d-none {display:none!important;}
body.fansflex-app .post-box :is(.ff72-comment-reply,.ff72-comment-text-toggle,.ff72-comment-replies-button):is(:hover,:focus-visible) {
  color:#103e65!important;text-decoration:underline;text-underline-offset:3px;
}
body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action,.ff72-comment-reply,.ff72-comment-text-toggle,.ff72-comment-replies-button,.comment-management-menu button.dropdown-item):focus-visible {
  outline:3px solid #66a6d4!important;outline-offset:2px;
}
body.fansflex-app .post-box .ff72-comment-replies-button:disabled {opacity:.5;cursor:progress;}
body.fansflex-app .post-box .edit-comment-textarea[aria-invalid="true"] {border-color:#bd4c52!important;box-shadow:0 0 0 2px rgba(189,76,82,.15)!important;}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action) {
  background:#163b57;color:#b3d7ef;border-color:#365c76;
}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box .ff72-comment-react[aria-pressed="true"] {
  background:#544425;color:#ffe3a4;border-color:#97834d;
}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box .comment-management-menu .dropdown-menu {
  background:#112a42;border-color:#34516d;
}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box .comment-management-menu .dropdown-item {
  color:#e4f2fc;
}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box .comment-management-menu .dropdown-item:is(:hover,:focus-visible) {
  background:#234d69;color:#fff;
}
html:is([data-bs-theme="dark"],[data-theme="dark"]) body.fansflex-app .post-box :is(.ff72-comment-reply,.ff72-comment-text-toggle,.ff72-comment-replies-button) {
  color:#a7d8f8!important;
}
@media(max-width:767.98px){
  body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action) {min-width:44px;min-height:44px;}
  body.fansflex-app .post-box .comment-management-menu button.dropdown-item {min-height:44px;}
}
@media(prefers-reduced-motion:reduce){
  body.fansflex-app .post-box :is(.ff72-comment-react,.ff72-comment-menu-toggle,.ff72-comment-edit-action) {transition:none!important;}
}